.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.dealSection {
    display: flex;
    width: 56%;
    flex-direction: column;
    padding: 15px 0 30px;
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

.upgrade-title-content {
    font-family: "Montserrat";
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--LOVU-Gold);
    margin: 0 0 10px 0;
}

.steps-container {
    font-family: var(--font-family);
    text-align: left;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step h3 {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    color: var(--dark);
}

.step p {
    margin: 4px 0 0 16px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
}

.privacy-content strong {
    font-weight: 700;
    color: #000;
}

.privacy-sub-container ul {
    font-family: var(--font-family);
    font-size: 14px;
    padding-left: 23px;
    list-style-type: disc;
    text-align: left;
}

.privacy-sub-container li {
    margin-bottom: 8px;
}

.privacy-sub-container strong {
    font-weight: 700;
}

.deal-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 3px;
    text-align: left;
    margin: 30px 0;
}

.deal-table th,
.deal-table td {
    padding: 15px;
}

.deal-table td:nth-child(2),
.deal-table td:nth-child(3) {
    text-align: center;
    font-weight: 700;
}

.deal-table tbody tr {
    background-color: var(--gray);
}

.deal-table tbody tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.deal-table tbody tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.upgrade-success-icon {
    fill: var(--green) !important;
    font-size: 28px !important;
}

.upgrade-cancel-icon {
    fill: var(--LOVURed) !important;
    font-size: 30px !important;
}

.deal-card-container {
    width: 100%;
}

.deal-img {
    width: 80%;
    height: 620px;
    object-fit: cover;
    border-radius: 12px;
}

.deal-card-content {
    display: flex;
    width: 56%;
    flex-direction: column;
    padding: 15px 0 30px;
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

.deal-card-cardcontent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
}

.deal-card-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.15px;
    color: var(--gray-900);
    text-align: left;
}

.deal-card-name-and-arrow {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.deal-card-name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: var(--gray-900);
    text-align: left;
}

.deal-arrow-container {
    display: flex;
    gap: 15px;
}

.deal-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border: 1px solid #EAECF0;
    border-radius: 50%;
    cursor: pointer;
}

.upgrade-join-now-container {
    width: 100%;
    background-color: var(--dark);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 12px;
    margin: 30px 0;
}

.upgrade-join-now-title {
    font-family: "Montserrat";
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--LOVU-Gold);
}

.upgrade-join-now-content {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #fff;
}

.upgrade-join-now-btn-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.upgrade-join-now-btn-container-title {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #fff;
}

.upgrade-page-join-btn p {
    font-size: 10px !important;
}

@media only screen and (max-width: 1400px) {

    .dealSection,
    .deal-card-content {
        width: 70%;
    }
}

@media only screen and (max-width: 1200px) {

    .dealSection,
    .deal-card-content {
        width: 80%;
    }
}

@media only screen and (max-width: 1000px) {

    .dealSection,
    .deal-card-content,
    .deal-img {
        width: 100% !important;
    }

    .upgrade-title-content {
        font-size: 26px;
    }

}

@media only screen and (max-width: 430px) {

    .deal-table th,
    .deal-table td {
        padding: 15px 7px;
    }

}

@media only screen and (max-width: 360px) {

    .deal-table th,
    .deal-table td {
        padding: 15px 3px;
    }

    .upgrade-join-now-btn-container {
        align-items: flex-start;
        flex-direction: column;
    }

}
.nopage-image-container {
    margin-top: 70px;
    position: relative;
    width: 100%;
    height: 560px;
}

.nopage-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nopage-content-container {
    width: 100%;
    padding: 0 8%;
    position: absolute;
    bottom: 4%;
}

.nopage-title {
    color: #fff;
    font-family: var(--font-family);
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    margin-bottom: 15px;
}

.nopage-description {
    color: #fff;
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .nopage-image-container {
        height: 100vh;
    }
}
/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */
.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox-tinymce-inline{border:none;box-shadow:none}.tox-tinymce-inline .tox-editor-header{background-color:transparent;border:1px solid #ccc;border-radius:0;box-shadow:none}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>:last-child:not(:only-child){border-color:#ccc;border-style:solid}.tox .accessibility-issue__repair{margin-top:16px}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:rgba(32,122,183,.1);border-color:rgba(32,122,183,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description>:last-child{border-color:rgba(32,122,183,.4)}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon{color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.1);border-color:rgba(255,165,0,.5);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description>:last-child{border-color:rgba(255,165,0,.5)}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{color:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg{fill:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon{color:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.1);border-color:rgba(204,0,0,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description>:last-child{border-color:rgba(204,0,0,.4)}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);border-color:rgba(120,171,70,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{border-color:rgba(120,171,70,.4)}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg{fill:#78ab46}.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue__header h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:4px 4px 4px 8px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description>:last-child{border-left-width:1px;padding-left:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description>:last-child{border-right-width:1px;padding-right:4px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,.3)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;color:#222f3e;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active{background-color:#dee0e2}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active{background-color:#dee0e2}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;-ms-flex-preferred-size:auto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(34,47,62,.7);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:#222f3e}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:2px 0 3px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{-ms-grid-row-align:center;align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{-ms-grid-row-align:center;align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#fff;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:rgba(34,47,62,.7);font-size:12px}.tox .tox-comment__body{color:#222f3e;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,.7)}.tox .tox-user__name{color:rgba(34,47,62,.7);font-size:12px;font-style:normal;font-weight:700;text-transform:uppercase}.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;-ms-flex-preferred-size:auto;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;padding:16px 16px}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;font-size:14px;line-height:1.3;margin-bottom:8px;text-decoration:none;white-space:nowrap}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #207ab7;color:#207ab7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto;max-height:650px;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#207ab7;cursor:pointer;text-decoration:none}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content a:active{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content ul{display:block;list-style-type:disc;margin-bottom:16px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #ccc}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}.tox.tox-platform-ie .tox-dialog-wrap{position:-ms-device-fixed}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;-ms-flex-preferred-size:auto;overflow:hidden;position:relative}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;-ms-flex-preferred-size:auto;height:100%;position:absolute;width:100%}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{z-index:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none;transition:box-shadow .5s}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34,47,62,.2);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-textarea{flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-image-tools{width:100%}.tox .tox-image-tools__toolbar{align-items:center;display:flex;justify-content:center}.tox .tox-image-tools__image{background-color:#666;height:380px;overflow:auto;position:relative;width:100%}.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top:8px}.tox .tox-image-tools__image-bg{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools__toolbar>.tox-spacer{flex:1;-ms-flex-preferred-size:auto}.tox .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left:8px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left:32px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right:8px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right:32px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height=%2739px%27 viewBox=%270 0 40 39px%27 width=%2740%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270%27 y=%2738px%27 width=%27100%27 height=%271%27 fill=%27%23cccccc%27/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 4px 0 4px}.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:transparent;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn--active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:-ms-grid;display:grid;font-size:14px;font-weight:400;-ms-grid-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification a{cursor:pointer;text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#547831}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f8dede;border-color:#f2bfbf;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#c00}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fffaea;border-color:#ffe89d;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#222f3e}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d9edf7;border-color:#779ecb;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#222f3e}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{-ms-grid-row-align:center;align-self:center;color:#222f3e;font-size:14px;-ms-grid-column-span:1;grid-column-end:3;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{-ms-grid-row-align:center;align-self:center;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{-ms-grid-row-align:start;align-self:start;-ms-grid-column-span:1;grid-column-end:4;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification .tox-progress-bar{-ms-grid-column-span:3;grid-column-end:4;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:center;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;-ms-flex-preferred-size:0;min-height:0}.tox .tox-sidebar{background-color:#fff;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;-ms-flex-preferred-size:auto;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:hidden}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;text-decoration:underline}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-left:1ch}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,.7)}.tox .tox-statusbar__resize-handle:focus svg{background-color:#dee0e2;border-radius:1px;box-shadow:0 0 0 2px #dee0e2}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0;text-transform:none;width:34px}.tox .tox-tbtn svg{display:block;fill:#222f3e}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{-ms-grid-row-align:stretch;align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tbtn--select{margin:2px 0 3px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:2px 0 3px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-split-button .tox-tbtn{margin:0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height=%2739px%27 viewBox=%270 0 40 39px%27 width=%2740%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270%27 y=%2738px%27 width=%27100%27 height=%271%27 fill=%27%23cccccc%27/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:0 2px 4px rgba(34,47,62,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:none}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-image-tools-edit-panel{height:60px}.tox .tox-image-tools__sidebar{height:60px}

.loadermodal-maincontainer .ant-modal-content {
    padding: 0 0;
    background-color: unset !important;
    box-shadow: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.ant-modal.loadermodal-maincontainer {
    top: 40px;
}


.loadermodal .ant-spin .ant-spin-dot-item {
    background-color: rgb(226 16 95) !important;
}


.loadermodal-maincontainer .ant-modal-content .ant-modal-close {
    display: none;
}




@media only screen and (max-width: 600px) {
    .ant-modal.loadermodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.loadermodal-maincontainer) {
        overflow: unset !important;
    }

    .loadermodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }


}
.badge-container {
  padding: 2px 8px;
  background-color: #edd1dc;
  border: 2px solid #cd164e;
  border-radius: 16px;
  align-items: center;
  display: inline-flex;
}

.badge-text {
  color: #d31553;
  font-size: 12px;
  line-height: 18px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
.button-small {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 1px 15px;
  cursor: pointer;
  width: fit-content;
  height: 38px;
}

.button-small .button-text {
  color: #ffffff;
  font-family: var(--font-family);
  font-size: var(--font-size-14);
  font-style: var(--font-style-normal);
  font-weight: var(--medium-font-weight);
  letter-spacing: 0.8px;
  line-height: var(--normal-line-height);
  white-space: nowrap;
  width: fit-content;
  text-transform: uppercase;
}

.button-small.small-default {
  transition: 0.3s;
  background: rgb(226 16 95);
}

.button-small.small-default:hover {
  background: rgb(193 177 129) !important;
  transition: 0.5s ease;
}

.button-small.small-button-outline {
  border: 2px solid;
  border-color: var(--lovuflatwhite);
  transition: 0.5s;
}

.button-small.small-button-outline:hover {
  background: var(--lovuflatwhite);
}

.button-small.small-button-outline:hover .button-text {
  color: var(--sageblack);
}

.button-small.small-button-outline.button-instance-black-outline {
  border-color: var(--sageblack);
}

.button-small.small-button-outline.button-instance-black-outline .button-text {
  color: var(--sageblack);
}

.button-small.small-button-outline.button-instance-black-outline:hover {
  background-color: var(--sageblack);
}

.button-small.small-button-outline.button-instance-black-outline:hover .button-text {
  color: var(--lovuflatwhite);
}

.button-small.small-button-outline.dark-button-outline {
  border-color: var(--dark);
}

.button-small.small-button-outline.dark-button-outline .button-text {
  color: var(--dark);
}

.button-small.small-button-outline.dark-button-outline:hover {
  background-color: var(--dark);
}

.button-small.small-button-outline.dark-button-outline:hover .button-text {
  color: var(--lovuflatwhite);
}

.button-small.small-default.button-instance-gold {
  background: linear-gradient(167deg, #CDBA86 -19.64%, #A49974 103.93%) !important;
}

.button-small.button-instance-black {
  background: linear-gradient(180deg, rgb(56.67, 61.68, 68.83) 0%, rgb(9.99, 12.53, 16.02) 100%);
}

.nav-bar .button-small .button-text {
  color: var(--sageblack);
  font-weight: var(--medium-font-weight);
}

.nav-bar .button-small.small-button-outline {
  border: 2px solid;
  border-color: var(--sageblack);
}

.nav-bar .button-small.small-button-outline:hover {
  background: var(--sageblack);
}

.nav-bar .button-small.small-button-outline:hover .button-text {
  color: var(--lovuflatwhite);
}
.marketplace-request .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0px 8%;
    width: 100%;
    overflow-x: hidden;
    margin-top: 120px;
}

.marketplace-request .content {
    width: 66%;
    padding: 15px 0 60px;
    max-width: 1280px;
    margin: 0 auto;
}

.marketplace-request .form-top-content h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: var(--LOVU-Brown);
    margin-bottom: 15px;
}

.marketplace-request .form-top-content p {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: var(--baseblack);
    margin-bottom: 15px;
}

.marketplace-request .form-top-content p b {
    font-weight: 900;
}

.marketplace-request .form-top-content h2.form-heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.content-bottom-border {
    height: 0.8px;
    background-color: #E6E6E6;
    width: 100%;
    padding: 0 8%;
}


fieldset.form-fieldset {
    padding: 30px 0px;
    border: none;
    /* border-top: 1px solid var(--LOVU-Grey); */
}

fieldset.form-fieldset h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 15px;
}

.fields-note {
    font-family: var(--inter-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.field-column {
    display: flex;
    gap: 25px;
    padding-bottom: 20px;
}

.field-label label {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);
    font-weight: 700;
    text-align: left;
}

.form-field input {
    font-family: var(--font-family);
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
    height: 37px;
}

.form-field input:focus {
    color: #3B3B4D !important;
    background-color: white;
}

.form-field input:focus-visible {
    border: 1px solid #D0D5DD;
    outline: none;
}

.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill:hover,
.form-field input:-webkit-autofill:focus,
.form-field input:-webkit-autofill:active {
    -webkit-text-fill-color: #3B3B4D !important;
}

.form-field {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-field.full-width {
    width: 100%;
}

.checkbox-field .ant-checkbox-wrapper {
    margin-bottom: -13px;
}

.checkbox-field .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: var(--LOVU-Pink) !important;
}

.checkbox-field .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--LOVU-Pink) !important;
    border: none !important;
}

.checkbox-field .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.checkbox-field .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.checkbox-field .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    border: 1px solid var(--LOVU-Pink) !important;
}

.checkbox-wrap {
    display: flex;
    flex-wrap: wrap;
}

.checkbox-wrap .checkbox-field {
    width: 40%;
    margin-bottom: 10px;
}

.checkbox-field .ant-checkbox-wrapper {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);

}

.form-field .ant-picker.ant-picker-outlined.marketplace-date-picker {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    height: 37px;
}

.form-field .ant-picker.ant-picker-outlined.marketplace-date-picker:focus,
.form-field .ant-picker.ant-picker-outlined.marketplace-date-picker:focus-within {
    box-shadow: unset !important;
}

.form-field .ant-picker.ant-picker-outlined.marketplace-date-picker input {
    border: none;
    font-family: var(--font-family);
    font-size: 14px;
}

.form-field .ant-picker .ant-picker-clear {
    display: none;
}

.field-column .tox-tinymce {
    border: 1px solid #D0D5DD;
    border-radius: 8px;
}

.tox .tox-edit-area {
    font-family: var(--font-family);
}

.form-field .tox .tox-statusbar {
    display: none;
}

.form-field .tox .tox-editor-header {
    z-index: 0;
}

.form-field textarea.ant-input {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(102, 112, 133, 1) !important;
    background-color: white;
    -webkit-text-fill-color: rgba(102, 112, 133, 1) !important;
    border: 1px solid rgba(208, 213, 221, 1);
    border-radius: 8px;
    scrollbar-width: none;
    padding: 12px;
}

.field-column.field-column-img-container {
    flex-direction: column;
}

.form-field.img-mainContainer {
    width: 100%;
}

.img-upload-container {
    width: 100%;
    height: 170px;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.upload-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-text-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.upload-drag-text {
    font-family: var(--font-family);
    font-family: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: var(--gray-600);
}

.upload-size-text {
    font-family: var(--font-family);
    font-family: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: var(--gray-600);
}

.upload-drag-text span {
    font-family: 700;
    color: var(--LOVURed);
}

.form-field textarea.ant-input:focus {
    box-shadow: unset !important;
}

.ad-duration {
    padding: 30px 0;
    flex-direction: column;
}

.radio-group {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.radio-group .ant-radio-checked .ant-radio-inner {
    background-color: var(--LOVU-Pink) !important;
    border: 1px solid var(--LOVU-Pink) !important;
}

.radio-group .ant-radio-checked::after,
.radio-group .ant-radio-checked .ant-radio-inner:hover {
    border: 1px solid var(--LOVU-Pink) !important;
}

.ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
    border: 1px solid var(--LOVU-Pink) !important;
}

.checkbox-upgrade {
    width: 100% !important;
}

.content-bottom-border.final-bottom {
    margin: 15px 0 30px 0;
}

.marketplace-request-error {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    color: #ff0000b9;
    font-weight: 500;
    text-align: left;
}

.upgrade-subcontainer .ant-spin .ant-spin-dot .ant-spin-dot-item,
.market-request-btn .ant-spin .ant-spin-dot .ant-spin-dot-item {
    background-color: rgba(232, 15, 99, 1);
}

.marketplace-success {
    display: flex;
    justify-content: center;
    align-items: center;
}

.market-request-btn {
    display: flex;
}

.market-place-amount {
    justify-content: space-between !important;
    align-items: center;
    margin-bottom: 10px;
}

.stripe-amount {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.checkbox-terms-and-condition {
    width: 100% !important;
    margin-bottom: 30px !important;
}

.button-promo {
    background-color: #edd1dc;
    border-color: #cd164e !important;
}

.button-promo p {
    color: #d31553 !important;
}

.payment-or {
    display: flex;
    justify-content: center;
}

.coupon-btn-container {
    display: flex;
    gap: 15px;
}

.field-column .zentium-drop-down-multi {
    width: 100% !important;
    border-radius: 8px !important;
    font-family: "Montserrat";
    color: #667085;
    font-size: 14px;
    font-weight: 400;
    box-shadow: unset !important;
    border-color: #D0D5DD !important;
    text-align: left;
}

.field-column .zentium-drop-down-multi input {
    border: none !important;
}

.field-column .zentium-drop-down-multi input:focus-visible {
    border: none !important;
}

.field-column .zentium-drop-down-multi .react-dropdown-select-content span {
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1260px) {
    .form-field {
        width: 100%;
    }

    .radio-group {
        width: 60%;
    }
}

@media only screen and (max-width: 920px) {
    .field-column {
        flex-direction: column;
    }

    .checkbox-wrap .checkbox-field {
        width: 100%;
    }

    .radio-group {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    fieldset.form-fieldset {
        width: 100%;
    }

    .marketplace-request .content {
        width: 100%;
    }
}
.intromodal-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.intromodal-maincontainer {
    top: 40px;
}

.intromodal {
    position: relative;
    background: linear-gradient(#CDBA86, #A49974);
    padding: 30px 35px;
    border-radius: 45px;
    height: 630px;
    overflow: scroll;
    scrollbar-width: none;
}

.intromodal-mainContentContainer {
    padding: 0px 15px;
    margin: 10px 0;
}

.intromodal-maincontainer .ant-modal-content .ant-modal-close {
    /* position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px; */
    display: none;
}

.intromodal .left-container {
    position: absolute;
    left: 20px;
    top: 50%;
}

.intromodal .right-container {
    position: absolute;
    right: 20px;
    top: 50%;
}

.left-arrow {
    color: #fff !important;
    font-size: 35px !important;
    cursor: pointer;
}

.right-arrow {
    color: #fff !important;
    font-size: 35px !important;
    cursor: pointer;
}

.intro-maincontainer {
    position: relative;
}

.into-subcontainer1 {
    position: relative;
}

.first-into-image {
    position: absolute;
    width: 250px;
}

.second-into-image {
    position: absolute;
    top: 150px;
    right: 20px;
    width: 245px;
}

.third-into-image {
    position: absolute;
    top: 250px;
    left: 20px;
    width: 175px;
}

.intro-content {
    position: absolute;
    top: 420px;
}

.into-title {
    font-size: 26px;
    font-family: var(--font-family);
    font-weight: 700;
    color: #fff;
}

.into-description {
    font-size: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    color: #fff;
}

.div {
    width: 85%;
    position: absolute;
    bottom: 4%;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-direction: column;
}

.introcounterContainer {
    width: 100%;
    position: relative;
    margin: 30px 0 0 0;
}


.intropagination-counter {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 15%;
    width: 100%;
}

.intropagination-counter li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 14px;
    background-color: #72684C;
    transition: background-color 0.3s ease;
}

.intropagination-counter li.active {
    background-color: #FFEC77;
}

.intro-btn {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .ant-modal.intromodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.intromodal-maincontainer) {
        overflow: unset !important;
    }

    .intromodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .intromodal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
        scrollbar-width: none;
        overflow: scroll;
    }

    .into-subcontainer1 {
        padding: 10px;
    }
}

@media only screen and (max-width: 450px) {
    .first-into-image {
        width: 230px;
    }

    .second-into-image {
        width: 210px;
    }

    .third-into-image {
        width: 145px;
    }

    .intro-btn {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 420px) {
    .first-into-image {
        width: 220px;
    }

    .second-into-image {
        width: 200px;
    }

    .third-into-image {
        width: 135px;
    }

    .intro-btn {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 391px) {
    .first-into-image {
        width: 210px;
    }

    .second-into-image {
        width: 190px;
    }

    .third-into-image {
        width: 135px;
    }

    .intro-btn {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 361px) {
    .first-into-image {
        width: 200px;
    }

    .second-into-image {
        width: 180px;
    }

    .third-into-image {
        width: 125px;
    }

    .intro-btn {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 361px) {
    .first-into-image {
        width: 180px;
    }

    .second-into-image {
        right: 10px;
        width: 140px;
    }

    .third-into-image {
        width: 80px;
    }

    .div {
        width: 80%;
        bottom: 2%;
    }
}
.onboardingmodal-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.onboardingmodal-maincontainer {
    top: 40px;
}

.onboardingmodal {
    background: linear-gradient(#FFDEA7, #EA6362);
    padding: 30px 35px;
    border-radius: 45px;
}

.onboardingmodal-mainContentContainer {
    padding: 0px 15px;
    margin: 10px 0;
}

.fullNameContentContainer{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.fullNameContent{
    border-radius: 10px;
    width: 100%;
    height: 46px;
    outline: none;
    border: none;
    padding: 0 10px;
    font-size: 16px;
}

.onboardingmodal .ant-checkbox-checked .ant-checkbox-inner {
    border: none !important;
}

.onboardingmodal .ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: #61c949;
    height: 15px;
    width: 10px;
}

.onboardingHeader {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    margin: 20px 0;
    color: #ffffff;
    line-height: normal;
}

.onboardingSelectionNextContainer {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.onboardingSelection {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 5px 0;
}

.onboardingSelection .ant-checkbox .ant-checkbox-inner {
    background-color: transparent !important;
    border-radius: unset !important;
    border-color: #fff !important;
}

.onboarding-btn {
    width: 100% !important;
}

.continueButtonContainer {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.onboardingSelectionNextContainer .selectionTitle {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
}

.counterContainer {
    width: 100%;
    position: relative;
    margin: 30px 0;
}


.pagination-counter {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 15%;
    width: 100%;
}

.onboardingmodal-maincontainer .ant-modal-content .ant-modal-close {
    display: none;
}


.pagination-counter li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 14px;
    background-color: #72684C;
    transition: background-color 0.3s ease;
}

.pagination-counter li.active {
    background-color: #FFEC77;
}

.onboardingmodal .ant-spin .ant-spin-dot-item {
    background-color: #FFEC77;
}


@media only screen and (max-width: 600px) {
    .ant-modal.onboardingmodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.onboardingmodal-maincontainer) {
        overflow: unset !important;
    }

    .onboardingmodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .onboardingmodal-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .onboardingmodal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
        scrollbar-width: none;
        overflow: scroll;
    }

    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

}
.button-tag {
  align-items: flex-start;
  border-radius: 6px 6px 0 0;
  display: inline-flex;
  gap: 10px;
  padding: 15px 20px;
  position: relative;
}

.button-tag .show-all {
  font-family: var(--font-family);
  font-size: var(--navigation-label-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--semibold-font-weight);
  letter-spacing: 0.5px;
  line-height: var(--normal-line-height);
  position: relative;
  text-align: center;
  width: fit-content;
  text-wrap: nowrap;
  text-transform: uppercase;
  color: var(--dark);
}

.button-tag:hover {
  background-color: rgba(243, 227, 184, 0.5) !important;
  cursor: pointer;
}

.button-tag.active {
  background-color: var(--beige);
  color: var(--dark);
  border-bottom: 1px solid #605739;
}
.resetpassword-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.resetpassword-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

@media only screen and (max-width: 600px) {

    .ant-modal.resetpassword-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.resetpassword-maincontainer) {
        overflow: unset !important;
    }

    .resetpassword-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .resetpassword-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }
}
.badge-visible {
  background: linear-gradient(180deg, rgb(236, 13, 102) 0%, rgb(194, 26, 70) 100%);
  border-radius: 8px;
  padding: 5px 10px;
}

.badge-visible .label-2 {
  color: var(--flat-white-01);
  font-family: var(--font-family);
  font-size: var(--label-font-size);
  font-weight: var(--medium-font-weight);
  letter-spacing: var(--label-letter-spacing);
  line-height: var(--normal-line-height);
  text-transform: uppercase;
}

@media only screen and (max-width: 540px) {
  .badge-visible .label-2 {
    font-size: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .badge-visible {
    padding: 5px 10px;
  }

  .badge-visible .label-2 {
    font-size: 6px;
  }
}
.card {
  align-items: flex-start;
  background-position: 50% 50% !important;
  background-size: cover !important;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 330px;
  justify-content: space-between;
  padding: 2%;
  position: relative;
  width: 23%;
  margin-bottom: 3%;
  transition: all .5s ease;
  cursor: pointer;
}

.card .frame-of-badges {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.card .class-33 {
  flex: 0 0 auto !important;
}

.card .class-34 {
  background: #b1a471 !important;
  flex: 0 0 auto !important;
}

.card .card-meta {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.card .hotel-location {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.card .name-dark {
  align-self: stretch;
  color: var(--lovuflatwhite);
  font-family: var(--font-family);
  font-size: var(--headers-heading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--bold-font-weight);
  letter-spacing: var(--headers-heading-1-letter-spacing);
  line-height: var(--headers-heading-1-line-height);
  margin-top: -1px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.card .card-advisor-img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  object-fit: cover;
}

.card .location {
  color: var(--lovuflatwhite);
  font-family: var(--font-family);
  font-size: var(--headers-subheading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--regular-font-weight);
  letter-spacing: var(--headers-subheading-1-letter-spacing);
  line-height: var(--normal-line-height);
  position: relative;
  width: fit-content;
}

.card .rating-price {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.card .star-rating {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1px;
  position: relative;
}

/* 
.card .star {
  height: 15.26px;
  position: relative;
  width: 15.99px;
}

.card .group {
  height: 19px;
  position: relative;
  width: 19px;
} */

.card .price-from {
  color: var(--lovuflatwhite);
  font-family: var(--font-family);
  font-size: var(--headers-heading-2-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--semibold-font-weight);
  letter-spacing: var(--headers-heading-2-letter-spacing);
  line-height: var(--normal-line-height);
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}


.card-list-wrap .card:hover {
  transition: all .4s ease;
  transform: translate3D(0, -1px, 0) scale(1.05);
}

@media only screen and (max-width: 1260px) {
  .card {
    width: 31%;
  }
}

@media only screen and (max-width: 900px) {
  .card {
    width: 48%;
    height: 430px;
    padding: 4%;
  }
}

@media only screen and (max-width: 650px) {
  .card {
    width: 100%;
    margin-bottom: 10%;
    padding: 6%;
  }
}
.ReactModal__Overlay.ReactModal__Overlay--after-open {
    z-index: 10;
    background-color: #fff !important;
    transition: background-color 5s;
    animation: 1s modalopen;
}

.ReactModal__Content.ReactModal__Content--after-open {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    padding: 30px 0 0 40px !important;
}

.search-result-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-img {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.search-result-container .ant-input-outlined,
.search-result-container .ant-input-outlined:focus,
.search-result-container .ant-input-outlined:focus-within {
    border: none;
    box-shadow: unset;
}

.search-input-style {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--bold-font-weight);
}

.search-result-main {
    max-width: 1280px;
    margin-top: 50px;
}

.result-content {
    margin-bottom: 20px;
    cursor: pointer;
}

.search-result-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.15px;
    padding: 8px;
    color: #252525;

}

.search-result-city {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    padding: 4px 0 0 8px;
    display: flex;
    color: #252525;

}

.highlight-query-content {
    /* display: flex; */
}

.highlight-query {
    color: #CDBA86;
    font-weight: var(--bold-font-weight);
}

.loding-skeleton-tag {
    display: flex;
    gap: 2.5%;
}

.loding-skeleton {
    margin-top: 40px;
}

.loading {
    font-family: var(--font-family);
    font-weight: var(--bold-font-weight);
    font-size: 16px;
    display: flex;
    justify-content: center;
}

.filteroption {
    display: flex;
    width: 100vw;
    max-width: 1280px;
    padding-right: 30px;
    margin: 20px 0;
    scrollbar-width: none;
}

.filterOption-navigation {
    width: 100vw;
    border-bottom: 1px solid #A49974;
    scrollbar-width: none;
    display: flex;
    gap: 10px;
}

.skeleton-container {
    display: flex;
}

.skeleton-content {
    margin: 50px 0px;
}

@keyframes modalopen {
    from {
        left: -500px;
    }

    to {
        right: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .filteroption {
        margin-left: -10%;
        padding-left: 8%;
        width: 100vw;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}
.buttons-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.buttons-button .dot-wrapper {
  height: 10px;
  position: relative;
  width: 10px;
}

.buttons-button .dot-2 {
  border-radius: 4px;
  height: 8px;
  left: 1px;
  position: relative;
  top: 1px;
  width: 8px;
}

.buttons-button .text-10 {
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.buttons-button .placeholder-330 {
  height: 20px !important;
  position: relative !important;
  width: 20px !important;
}

.buttons-button .placeholder-91 {
  height: 24px !important;
  position: relative !important;
  width: 24px !important;
}

.buttons-button .text-padding-2 {
  position: relative;
}

.buttons-button .text-11 {
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.buttons-button.secondary-gray {
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
}

.buttons-button.secondary-color {
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
}

.buttons-button.primary {
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
}

.buttons-button.icon-only {
  gap: 8px;
}

.buttons-button.tertiary-color {
  border-radius: 8px;
  overflow: hidden;
}

.buttons-button.tertiary-gray {
  border-radius: 8px;
  overflow: hidden;
}

.buttons-button.link-gray.size-3-xl {
  gap: 8px;
}

.buttons-button.size-3-lg.link-color {
  gap: 8px;
}

.buttons-button.secondary-gray.state-8-default {
  background-color: var(--basewhite);
  border-color: var(--gray-300);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.size-3-sm.icon-dot-leading {
  gap: 8px;
}

.buttons-button.secondary-gray.state-8-hover {
  background-color: #f8f9fb;
  border-color: var(--gray-300);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.state-8-focused.secondary-gray {
  background-color: var(--basewhite);
  border-color: var(--gray-300);
  box-shadow: var(--focus-rings-ring-gray-shadow-xs);
}

.buttons-button.size-3-lg.link-gray {
  gap: 8px;
}

.buttons-button.state-8-focused.secondary-color {
  background-color: var(--basewhite);
  border-color: #d6bbfb;
  box-shadow: 0px 0px 0px 4px #9e77ed3d, 0px 1px 2px #1018280d;
}

.buttons-button.tertiary-gray.state-8-hover {
  background-color: #f8f9fb;
}

.buttons-button.secondary-color.state-8-disabled {
  background-color: var(--basewhite);
  border-color: var(--gray-200);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.size-3-xl.icon-dot-leading {
  gap: 8px;
}

.buttons-button.icon-only.size-3-xl {
  padding: 14px;
}

.buttons-button.icon-only.size-3-md {
  padding: 10px;
}

.buttons-button.icon-dot-leading.size-3-two-xl {
  gap: 12px;
}

.buttons-button.state-8-hover.secondary-color {
  background-color: var(--brand-50);
  border-color: #d6bbfb;
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.size-3-lg.icon-dot-leading {
  gap: 8px;
}

.buttons-button.primary.state-8-hover {
  background-color: var(--brand-700);
  border-color: var(--brand-700);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.size-3-lg.icon-only {
  padding: 12px;
}

.buttons-button.state-8-default.secondary-color {
  background-color: var(--basewhite);
  border-color: #d6bbfb;
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.secondary-gray.state-8-disabled {
  background-color: var(--basewhite);
  border-color: var(--gray-200);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.primary.state-8-default {
  background-color: var(--brand-600);
  border-color: var(--brand-600);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.link-color.size-3-xl {
  gap: 8px;
}

.buttons-button.state-8-hover.tertiary-color {
  background-color: var(--brand-50);
}

.buttons-button.state-8-focused.primary {
  background-color: var(--brand-600);
  border-color: var(--brand-600);
  box-shadow: 0px 0px 0px 4px #9e77ed3d, 0px 1px 2px #1018280d;
}

.buttons-button.primary.state-8-disabled {
  background-color: #f2f3f6;
  border-color: var(--gray-200);
  box-shadow: var(--shadows-shadow-xs);
}

.buttons-button.size-3-sm.icon-only {
  padding: 8px;
}

.buttons-button.size-3-md.icon-dot-leading {
  gap: 8px;
}

.buttons-button.icon-only.size-3-two-xl {
  padding: 16px;
}

.buttons-button.size-3-sm.secondary-color.icon-default {
  gap: 4px;
  padding: 8px 12px;
}

.buttons-button.icon-dot-leading.primary.size-3-two-xl {
  padding: 16px 24px;
}

.buttons-button.size-3-xl.secondary-color.icon-default {
  gap: 6px;
  padding: 12px 18px;
}

.buttons-button.tertiary-gray.size-3-sm.icon-default {
  gap: 4px;
  padding: 8px 12px;
}

.buttons-button.size-3-lg.tertiary-gray.icon-dot-leading {
  padding: 10px 18px;
}

.buttons-button.primary.icon-default.size-3-two-xl {
  gap: 10px;
  padding: 16px 22px;
}

.buttons-button.tertiary-color.size-3-xl.icon-default {
  gap: 6px;
  padding: 12px 18px;
}

.buttons-button.tertiary-gray.size-3-md.icon-default {
  gap: 4px;
  padding: 10px 14px;
}

.buttons-button.size-3-xl.secondary-color.icon-dot-leading {
  padding: 12px 20px;
}

.buttons-button.link-gray.size-3-sm.icon-default {
  gap: 6px;
}

.buttons-button.icon-default.size-3-md.link-color {
  gap: 6px;
}

.buttons-button.icon-default.secondary-color.size-3-two-xl {
  gap: 10px;
  padding: 16px 22px;
}

.buttons-button.secondary-gray.size-3-md.icon-default {
  gap: 4px;
  padding: 10px 14px;
}

.buttons-button.size-3-md.secondary-color.icon-dot-leading {
  padding: 10px 16px;
}

.buttons-button.link-gray.icon-default.size-3-two-xl {
  gap: 12px;
}

.buttons-button.icon-dot-leading.tertiary-gray.size-3-two-xl {
  padding: 16px 24px;
}

.buttons-button.tertiary-gray.size-3-md.icon-dot-leading {
  padding: 10px 16px;
}

.buttons-button.icon-dot-leading.secondary-color.size-3-two-xl {
  padding: 16px 24px;
}

.buttons-button.size-3-lg.secondary-color.icon-default {
  gap: 6px;
  padding: 10px 16px;
}

.buttons-button.size-3-lg.primary.icon-dot-leading {
  padding: 10px 18px;
}

.buttons-button.primary.size-3-md.icon-dot-leading {
  padding: 10px 16px;
}

.buttons-button.icon-default.link-color.size-3-two-xl {
  gap: 12px;
}

.buttons-button.size-3-lg.primary.icon-default {
  gap: 6px;
  padding: 10px 16px;
}

.buttons-button.icon-default.tertiary-color.size-3-two-xl {
  gap: 10px;
  padding: 16px 22px;
}

.buttons-button.size-3-lg.secondary-color.icon-dot-leading {
  padding: 10px 18px;
}

.buttons-button.size-3-sm.tertiary-color.icon-dot-leading {
  padding: 8px 14px;
}

.buttons-button.tertiary-gray.size-3-sm.icon-dot-leading {
  padding: 8px 14px;
}

.buttons-button.primary.size-3-sm.icon-dot-leading {
  padding: 8px 14px;
}

.buttons-button.tertiary-gray.size-3-xl.icon-dot-leading {
  padding: 12px 20px;
}

.buttons-button.tertiary-color.size-3-xl.icon-dot-leading {
  padding: 12px 20px;
}

.buttons-button.secondary-gray.size-3-xl.icon-dot-leading {
  padding: 12px 20px;
}

.buttons-button.link-gray.size-3-md.icon-default {
  gap: 6px;
}

.buttons-button.size-3-sm.link-color.icon-default {
  gap: 6px;
}

.buttons-button.primary.size-3-sm.icon-default {
  gap: 4px;
  padding: 8px 12px;
}

.buttons-button.secondary-gray.size-3-xl.icon-default {
  gap: 6px;
  padding: 12px 18px;
}

.buttons-button.size-3-lg.tertiary-color.icon-default {
  gap: 6px;
  padding: 10px 16px;
}

.buttons-button.size-3-lg.tertiary-gray.icon-default {
  gap: 6px;
  padding: 10px 16px;
}

.buttons-button.primary.size-3-md.icon-default {
  gap: 4px;
  padding: 10px 14px;
}

.buttons-button.size-3-lg.secondary-gray.icon-dot-leading {
  padding: 10px 18px;
}

.buttons-button.size-3-md.secondary-color.icon-default {
  gap: 4px;
  padding: 10px 14px;
}

.buttons-button.size-3-lg.secondary-gray.icon-default {
  gap: 6px;
  padding: 10px 16px;
}

.buttons-button.tertiary-color.size-3-md.icon-default {
  gap: 4px;
  padding: 10px 14px;
}

.buttons-button.secondary-gray.size-3-sm.icon-dot-leading {
  padding: 8px 14px;
}

.buttons-button.tertiary-gray.icon-default.size-3-two-xl {
  gap: 10px;
  padding: 16px 22px;
}

.buttons-button.icon-dot-leading.secondary-gray.size-3-two-xl {
  padding: 16px 24px;
}

.buttons-button.tertiary-color.size-3-md.icon-dot-leading {
  padding: 10px 16px;
}

.buttons-button.primary.size-3-xl.icon-dot-leading {
  padding: 12px 20px;
}

.buttons-button.size-3-sm.tertiary-color.icon-default {
  gap: 4px;
  padding: 8px 12px;
}

.buttons-button.secondary-gray.icon-default.size-3-two-xl {
  gap: 10px;
  padding: 16px 22px;
}

.buttons-button.icon-dot-leading.tertiary-color.size-3-two-xl {
  padding: 16px 24px;
}

.buttons-button.size-3-sm.secondary-color.icon-dot-leading {
  padding: 8px 14px;
}

.buttons-button.size-3-lg.tertiary-color.icon-dot-leading {
  padding: 10px 18px;
}

.buttons-button.secondary-gray.size-3-sm.icon-default {
  gap: 4px;
  padding: 8px 12px;
}

.buttons-button.secondary-gray.size-3-md.icon-dot-leading {
  padding: 10px 16px;
}

.buttons-button.tertiary-gray.size-3-xl.icon-default {
  gap: 6px;
  padding: 12px 18px;
}

.buttons-button.primary.size-3-xl.icon-default {
  gap: 6px;
  padding: 12px 18px;
}

.buttons-button.state-8-disabled .dot-2 {
  background-color: var(--gray-300);
}

.buttons-button.state-8-focused.secondary-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-focused.link-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.primary.state-8-hover .dot-2 {
  background-color: var(--basewhite);
}

.buttons-button.state-8-hover.tertiary-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-focused.tertiary-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-focused.tertiary-gray .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-focused.primary .dot-2 {
  background-color: var(--basewhite);
}

.buttons-button.link-gray.state-8-default .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.tertiary-gray.state-8-hover .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-hover.link-gray .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-default.link-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-default.secondary-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.secondary-gray.state-8-default .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.secondary-gray.state-8-hover .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-focused.secondary-gray .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-hover.link-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-hover.secondary-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-focused.link-gray .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.primary.state-8-default .dot-2 {
  background-color: var(--basewhite);
}

.buttons-button.tertiary-gray.state-8-default .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.state-8-default.tertiary-color .dot-2 {
  background-color: var(--success-500);
}

.buttons-button.size-3-md .text-10 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.size-3-sm .text-10 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.state-8-disabled .text-10 {
  color: var(--gray-400);
}

.buttons-button.size-3-xl .text-10 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.size-3-two-xl .text-10 {
  font-family: var(--text-lg-semibold-font-family);
  font-size: var(--text-lg-semibold-font-size);
  font-style: var(--text-lg-semibold-font-style);
  font-weight: var(--text-lg-semibold-font-weight);
  letter-spacing: var(--text-lg-semibold-letter-spacing);
  line-height: var(--text-lg-semibold-line-height);
}

.buttons-button.size-3-lg .text-10 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.state-8-focused.link-color .text-10 {
  color: var(--brand-700);
}

.buttons-button.secondary-gray.state-8-default .text-10 {
  color: var(--gray-700);
}

.buttons-button.secondary-gray.state-8-hover .text-10 {
  color: var(--gray-800);
}

.buttons-button.state-8-focused.secondary-gray .text-10 {
  color: var(--gray-700);
}

.buttons-button.state-8-focused.secondary-color .text-10 {
  color: var(--brand-700);
}

.buttons-button.tertiary-gray.state-8-hover .text-10 {
  color: var(--gray-700);
}

.buttons-button.state-8-hover.secondary-color .text-10 {
  color: var(--brand-800);
}

.buttons-button.primary.state-8-hover .text-10 {
  color: var(--basewhite);
}

.buttons-button.state-8-focused.tertiary-color .text-10 {
  color: var(--brand-700);
}

.buttons-button.link-gray.state-8-default .text-10 {
  color: #475466;
}

.buttons-button.state-8-hover.link-gray .text-10 {
  color: var(--gray-700);
}

.buttons-button.state-8-default.secondary-color .text-10 {
  color: var(--brand-700);
}

.buttons-button.state-8-hover.link-color .text-10 {
  color: var(--brand-800);
}

.buttons-button.state-8-focused.link-gray .text-10 {
  color: #475466;
}

.buttons-button.primary.state-8-default .text-10 {
  color: var(--basewhite);
}

.buttons-button.tertiary-gray.state-8-default .text-10 {
  color: #475466;
}

.buttons-button.state-8-hover.tertiary-color .text-10 {
  color: var(--brand-800);
}

.buttons-button.state-8-focused.tertiary-gray .text-10 {
  color: #475466;
}

.buttons-button.state-8-focused.primary .text-10 {
  color: var(--basewhite);
}

.buttons-button.state-8-default.link-color .text-10 {
  color: var(--brand-700);
}

.buttons-button.state-8-default.tertiary-color .text-10 {
  color: var(--brand-700);
}

.buttons-button.tertiary-color .text-padding-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 2px;
}

.buttons-button.secondary-color .text-padding-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 2px;
}

.buttons-button.link-color .text-padding-2 {
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.buttons-button.secondary-gray .text-padding-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 2px;
}

.buttons-button.link-gray .text-padding-2 {
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.buttons-button.tertiary-gray .text-padding-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 2px;
}

.buttons-button.primary .text-padding-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 2px;
}

.buttons-button.state-8-focused.link-color .text-padding-2 {
  color: var(--brand-700);
}

.buttons-button.link-gray.size-3-sm .text-padding-2 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.link-gray.size-3-xl .text-padding-2 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.size-3-lg.link-color .text-padding-2 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.link-gray.state-8-disabled .text-padding-2 {
  color: var(--gray-400);
}

.buttons-button.size-3-lg.link-gray .text-padding-2 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.link-gray.size-3-md .text-padding-2 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.size-3-md.link-color .text-padding-2 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.link-gray.state-8-default .text-padding-2 {
  color: #475466;
}

.buttons-button.state-8-hover.link-gray .text-padding-2 {
  color: var(--gray-700);
}

.buttons-button.link-color.size-3-two-xl .text-padding-2 {
  font-family: var(--text-lg-semibold-font-family);
  font-size: var(--text-lg-semibold-font-size);
  font-style: var(--text-lg-semibold-font-style);
  font-weight: var(--text-lg-semibold-font-weight);
  letter-spacing: var(--text-lg-semibold-letter-spacing);
  line-height: var(--text-lg-semibold-line-height);
}

.buttons-button.state-8-hover.link-color .text-padding-2 {
  color: var(--brand-800);
}

.buttons-button.state-8-focused.link-gray .text-padding-2 {
  color: #475466;
}

.buttons-button.size-3-sm.link-color .text-padding-2 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.link-color.size-3-xl .text-padding-2 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.link-color.state-8-disabled .text-padding-2 {
  color: var(--gray-400);
}

.buttons-button.state-8-default.link-color .text-padding-2 {
  color: var(--brand-700);
}

.buttons-button.link-gray.size-3-two-xl .text-padding-2 {
  font-family: var(--text-lg-semibold-font-family);
  font-size: var(--text-lg-semibold-font-size);
  font-style: var(--text-lg-semibold-font-style);
  font-weight: var(--text-lg-semibold-font-weight);
  letter-spacing: var(--text-lg-semibold-letter-spacing);
  line-height: var(--text-lg-semibold-line-height);
}

.buttons-button.size-3-md .text-11 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.size-3-sm .text-11 {
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.buttons-button.state-8-disabled .text-11 {
  color: var(--gray-400);
}

.buttons-button.size-3-xl .text-11 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.size-3-two-xl .text-11 {
  font-family: var(--text-lg-semibold-font-family);
  font-size: var(--text-lg-semibold-font-size);
  font-style: var(--text-lg-semibold-font-style);
  font-weight: var(--text-lg-semibold-font-weight);
  letter-spacing: var(--text-lg-semibold-letter-spacing);
  line-height: var(--text-lg-semibold-line-height);
}

.buttons-button.size-3-lg .text-11 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-button.state-8-focused.link-color .text-11 {
  color: var(--brand-700);
}

.buttons-button.secondary-gray.state-8-default .text-11 {
  color: var(--gray-700);
}

.buttons-button.secondary-gray.state-8-hover .text-11 {
  color: var(--gray-800);
}

.buttons-button.state-8-focused.secondary-gray .text-11 {
  color: var(--gray-700);
}

.buttons-button.state-8-focused.secondary-color .text-11 {
  color: var(--brand-700);
}

.buttons-button.tertiary-gray.state-8-hover .text-11 {
  color: var(--gray-700);
}

.buttons-button.state-8-hover.secondary-color .text-11 {
  color: var(--brand-800);
}

.buttons-button.primary.state-8-hover .text-11 {
  color: var(--basewhite);
}

.buttons-button.state-8-focused.tertiary-color .text-11 {
  color: var(--brand-700);
}

.buttons-button.link-gray.state-8-default .text-11 {
  color: var(--brand-700);
}

.buttons-button.state-8-hover.link-gray .text-11 {
  color: var(--brand-700);
}

.buttons-button.state-8-default.secondary-color .text-11 {
  color: var(--brand-700);
}

.buttons-button.state-8-hover.link-color .text-11 {
  color: var(--brand-700);
}

.buttons-button.state-8-focused.link-gray .text-11 {
  color: var(--brand-700);
}

.buttons-button.primary.state-8-default .text-11 {
  color: var(--basewhite);
}

.buttons-button.tertiary-gray.state-8-default .text-11 {
  color: #475466;
}

.buttons-button.state-8-hover.tertiary-color .text-11 {
  color: var(--brand-800);
}

.buttons-button.state-8-focused.tertiary-gray .text-11 {
  color: #475466;
}

.buttons-button.state-8-focused.primary .text-11 {
  color: var(--basewhite);
}

.buttons-button.state-8-default.link-color .text-11 {
  color: var(--brand-700);
}

.buttons-button.state-8-default.tertiary-color .text-11 {
  color: var(--brand-700);
}

.notification-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.notification-title {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--medium-font-weight);
}

.arrow-img {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.main-container {
    margin: 25px;
}

.filtered-data-values {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 25px 0;
    cursor: pointer;
}


@media only screen and (max-width: 768px) {
    .main-container {
        margin: 5px;
    }
}
.footer-link {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  position: relative;
}

.footer-link .buttons-button-instance {
  flex: 0 0 auto !important;
}

/* 
.footer-link .class-35 {
  color: var(--basewhite) !important;
}

.footer-link .class-36 {
  background-color: #ffffff1a !important;
  border-color: #ffffff4c !important;
  flex: 0 0 auto !important;
} */
.hero {
  align-self: stretch;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background-position: 50% 50%;
  background-size: cover;
  /* height: 650px; */
  height: 100vh;
  position: relative;
  width: 100%;
  /* margin-top: 70px; */
  margin-bottom: 70px;
  transition: margin-bottom 0.5s linear;

  @media (max-width: 900px) {
    margin-bottom: 200px;
  }

}

.hero-widget {
  margin-bottom: 300px !important;
}

.hero-widget-error {
  margin-bottom: 500px !important;
}

.hotelpage .hero {
  margin-top: unset;
}

.issearch-background {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 70% 30%;
}

.issearch-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(91, 46, 32, 0.71);
}

.banner-placeholder {
  width: 100%;
  height: 100%;
}


.article .hero {
  margin-bottom: 0;
}

.search .hero {
  height: 140px;
}

.favorite .hero {
  height: 100px;
}

.zentrumroom .hero {
  height: 150px;
}

.offer .hero,
.reservations .hero,
.destinationwishlist .hero {
  height: 90px;
  margin-bottom: 20px;
}

.collectionpage .hero {
  height: 140px;
}

.profile .hero {
  height: 90px;
  margin-bottom: 20px;
}

.privacy .hero {
  height: 90px;
  margin-bottom: 20px;
}

.banner-content {
  padding: 0px 8%;
  width: 100%;
}

.message-content {
  max-width: 1280px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.message-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 0px;
  max-width: 100%;
  position: absolute;
  top: 220px;
  bottom: 10%;
  width: 588px;
  text-align: left;

  @media (max-width: 1900px) {
    top: 285px;
  }

  @media (max-width: 1540px) {
    top: 185px;
  }


}

.title-profile-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.advisor-profile-img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}

.homepage.collection .message-wrap,
.homepage.advisor .message-wrap,
.homepage.destination .message-wrap,
.homepage.property .message-wrap,
.homepage.occassions .message-wrap,
.homepage.content-top .message-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 0px;
  max-width: 100%;
  position: absolute;
  /* top: 180px; */
  width: 570px;
  text-align: left;
}

.homepage.cupid .message-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 0px;
  max-width: 100%;
  position: absolute;
  top: 160px;
  width: 570px;
  text-align: left;
}


.hotelpage .message-wrap {
  gap: 15px;
  /* width: 460px !important; */
}

.homepage .message {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.hotelpage .message {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 7px;
  position: relative;
  width: 100%;
}

.text-title {
  align-self: stretch;
  color: #ffffff;
  font-family: var(--font-family);
  font-size: var(--headers-heading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--bold-font-weight);
  letter-spacing: var(--headers-heading-1-letter-spacing);
  line-height: var(--headers-heading-1-line-height);
  margin-top: -1px;
  position: relative;
}

.text-heading {
  align-self: stretch;
  word-break: break-word; 
  overflow-wrap: break-word;
  color: #ffffff;
  font-family: var(--font-family);
  font-size: var(--display-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--bold-font-weight);
  letter-spacing: var(--display-letter-spacing);
  line-height: var(--display-line-height);
  position: relative;
  /* text-shadow: -2px 4px 5px black; */
  
  @media (max-width: 768px) {
    font-size: 30px;
  }
}

.hotelpage .location {
  color: var(--lovuflatwhite);
  font-family: var(--font-family);
  font-size: var(--headers-subheading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--regular-font-weight);
  letter-spacing: var(--headers-subheading-1-letter-spacing);
  line-height: var(--normal-line-height);
  position: relative;
  width: fit-content;
  /* text-shadow: 3px 2px 4px black; */
}

.hotelpage .frame-of-badges {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.hotelpage .class-33 {
  flex: 0 0 auto !important;
}

.hotelpage .class-34 {
  background: linear-gradient(180deg, rgb(205, 186, 134) 43.75%, rgb(163.62, 153.43, 115.9) 100%) !important;
  flex: 0 0 auto !important;
}

.hotelpage .description {
  color: var(--lovuflatwhite);
  font-family: var(--font-family);
  font-size: var(--headers-subheading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--bold-font-weight);
  letter-spacing: var(--headers-subheading-1-letter-spacing);
  line-height: 20px;
  width: fit-content;
}

.message-wrap .rating-price {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  width: 100%;
}

.message-wrap .star-rating {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1px;
  position: relative;
}

.message-wrap .price-from {
  color: var(--lovuflatwhite);
  font-family: var(--font-family);
  font-size: var(--headers-heading-2-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--semibold-font-weight);
  letter-spacing: var(--headers-heading-2-letter-spacing);
  line-height: var(--normal-line-height);
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.message-wrap .price-from span {
  font-size: 32px;
  font-weight: 700;
}

.hotelpage-offer-price-button-container {
  display: flex;
  align-items: center;
  gap: 30px;
}

.button-wrap {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.custom-bullets {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 15%;
  width: 100%;
}



.custom-bullets li {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 14px;
  background-color: white;
  transition: background-color 0.3s ease;
}

.custom-bullets li.active {
  background-color: #EC0D66;
}

.sliderimage-wrap>div>div div {
  background-position: 70%;
}

.sliderimage-wrap>div>div div:last-child {
  bottom: 20px !important;
}

.hotelpage .sliderimage-wrap>div>div div:last-child {
  left: 0% !important;
  right: -67%;
  bottom: 60px !important;
}

.homepage.cupid .sliderimage-wrap>div>div div:last-child {
  bottom: 35px !important;
}

.sliderimage-wrap>div>div div:last-child button {
  height: 8px !important;
  width: 8px !important;
  border-radius: 4px !important;
  margin: 0 6px !important;
  box-shadow: unset !important;
}

.sliderimage-wrap>div>div div:last-child button:active {
  border: none !important;
  box-shadow: none !important;
}

.slider-banner-loader {
  background-color: #ccc;
}



@media only screen and (max-width: 1260px) {
  .hero {
    margin-bottom: 260px;
  }

  .hero-widget {
    margin-bottom: 650px !important;
  }

  .hero-widget-error {
    margin-bottom: 710px !important;
  }

  .favorite .hero {
    margin-bottom: 50px !important;
  }
}

@media only screen and (max-width: 1050px) {
  .hero-widget {
    margin-bottom: 650px !important;
  }

  .hero-widget-error {
    margin-bottom: 760px !important;
  }
}

@media only screen and (max-width: 900px) {
  .hero {
    min-height: 100vh;
    margin-bottom: 220px;
  }

  .hero-widget {
    margin-bottom: 750px !important;
  }

  .hero-widget-error {
    margin-bottom: 810px !important;
  }
}

@media only screen and (max-width: 840px) {
  .hero {
    margin-bottom: 470px;
  }

  .hero-widget {
    margin-bottom: 1050px !important;
  }

  .hero-widget-error {
    margin-bottom: 1195px !important;
  }
}

@media only screen and (min-width: 769px) {
  .hotelpage .hero {
    align-self: stretch;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%;
  }

  .hotelpage .banner-content {
    position: absolute;
    padding: 30px;
    border-top-right-radius: 30px;
    bottom: 0%;
    width: 70% !important;
    background-color: rgba(255,255,255,0.8) !important;
  }

  .hotelpage-offer .banner-content {
    background-color: rgba(255,255,255,1) !important;
  }

  .hotelpage .text-heading,
  .hotelpage .location,
  .hotelpage .description,
  .hotelpage .price-from {
    color: var(--dark) !important;
  }

  .hotelpage .rating-price {
    justify-content: space-between;
  }
  
  .hotelpage .message-wrap {
    position: unset;
  }
}

@media only screen and (max-width: 768px) {
  .hero {
    min-height: 100vh;
    margin-bottom: 380px;
  }

  .hero-widget {
    margin-bottom: 980px !important;
  }

  .collectionpage .hero-widget {
    margin-bottom: 1030px !important;
  }

  .hero-widget-error {
    margin-bottom: 1090px !important;
  }

  .hotelpage .hero {
    height: 100vh;
    margin-bottom: 50px;
  }

  .hotelpage-hero .hero {
    margin-bottom: 70px;
  }

  .zentrumhotel .hero {
    margin-bottom: 50px;
  }

  .collectionpage .hero {
    margin-bottom: 250px;
  }

  .message-wrap {
    top: 38vh;
  }

  .custom-bullets {
    bottom: unset;
    top: 75vh;
  }

  .hotelpage .banner-content {
    position: absolute;
    padding: 30px;
    border-top-right-radius: 30px;
    bottom: 5%;
    width: 75% !important;
    background-color: rgba(255,255,255,0.8) !important;
  }

  .hotelpage .text-heading,
  .hotelpage .location,
  .hotelpage .description,
  .hotelpage .price-from {
    color: var(--dark) !important;
  }

  

  .hotelpage .message-wrap {
    position: unset !important;
  }

  .hotelpage .custom-bullets {
    bottom: unset;
    top: 80vh;
  }

  .hotelpage .sliderimage-wrap>div>div div:last-child {
    left: 0% !important;
    right: 0% !important;
    bottom: 2% !important;
}

  .sliderimage-wrap div button:nth-child(2) {
    left: 5px !important;
  }

  .sliderimage-wrap div button:nth-child(3) {
    right: 5px !important;
  }

  .sliderimage-wrap>div>div div:last-child {
    bottom: 215px !important;
  }

  /* .hotelpage .sliderimage-wrap>div>div div:last-child {
    bottom: 175px !important;
  } */
}

@media only screen and (max-width: 600px) {

  /* .hero {
    margin-bottom: 420px;
  } */

  .hotelpage .hero {
    margin-bottom: 50px;
  }

  .hotelpage-hero .hero {
    margin-bottom: 70px;
  }

  .search .hero {
    margin-bottom: 400px;
  }


  .collectionpage .hero {
    margin-bottom: 450px;
  }
}

@media only screen and (max-width: 450px) {
  .hidebanner .hero {
    display: none;
  }
}

@media only screen and (max-width: 425px) {
  .message-wrap .button-wrap {
    gap: 10px;
    width: 100%;
  }

  .message-wrap .button-wrap .button {
    gap: 10px;
    padding: 4%;
  }

  .message-wrap .button-wrap .button p {
    margin: auto;
    font-size: 0.7em;
  }
}

@media only screen and (max-width: 280px) {
  .hero {
    margin-bottom: 440px;
  }
}
.footer {
  align-items: center;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px 8%;
  position: relative;
}

.footer .container {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  max-width: 1280px;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

a {
  text-align: left;
}

.footer .content-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 64px 48px;
  position: relative;
  width: 100%;
  justify-content: center;
}

.footer .links {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 40px;
  min-width: 640px;
  position: relative;
}

.footer .footer-links-column {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  /* min-width: 96px; */
  position: relative;
  text-align: left;
}

.footer .heading {
  align-self: stretch;
  color: #0f1728;
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1px;
  position: relative;
}

.footer .footer-links {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.footer .footer-link-instance {
  flex: 0 0 auto !important;
}

.footer .footer-link-instance:hover {
  cursor: pointer;
  animation: blink 0.3s ease-in;
}

.footer .footer-link-2 {
  font-size: 14px !important;
}

.footer .div-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.footer .mobile-app-store {
  align-self: stretch !important;
  height: 40px !important;
  position: relative !important;
  width: 100% !important;
}

.footer .mobile-app-store-badge {
  height: 40px !important;
  position: relative !important;
  width: 100% !important;
}

.footer .mobile-app-store:hover {
  transition: all .4s ease;
  transform: translate3D(0, -1px, 0) scale(1.05);
}

.footer .mobile-app-store-badge:hover {
  transition: all .4s ease;
  transform: translate3D(0, -1px, 0) scale(1.05);
}

.footer .content-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 1280px;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer .content-3 {
  align-items: center;
  align-self: stretch;
  border-color: var(--gray-200);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0px 24px;
  justify-content: space-between;
  padding: 32px 0px 0px;
  position: relative;
  width: 100%;
}

.footer .logo-2 {
  height: 51px !important;
  position: relative !important;
  width: 150px !important;
  cursor: pointer;
}

.footer .footer-text {
  color: var(--gray-500);
  font-family: "Inter", Helvetica;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile-links {
  display: none;
}

.footer .social-media-icon-container {
  display: flex;
  gap: 12px;
}

.social-media-container {
  display: none;
}

.display-correlationid {
  color: #f4f4f4;
}

.content-footer-logo {
  display: flex;
  gap: 50px;
}

.iata-logo {
  width: 74px;
  height: 45px;
}

@media only screen and (max-width: 970px) {
  .footer .div-2 .div-2 {
    display: flex;
    flex-direction: row;
  }
}

@media only screen and (max-width: 768px) {
  .footer .content-2 {
    gap: 0px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }

  .footer .div-2 .div-2 {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .footer .links {
    display: none;
  }

  .mobile-links .footer-link {
    padding: 8px;
  }

  .mobile-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .footer .social-media-icon-container {
    display: none;
  }

  .social-media-container {
    display: flex;
    gap: 12px;
  }

  .footer .logo-2 {
    width: 125px !important;
    height: 40px !important;
  }

  .iata-logo {
    width: 68px;
    height: 38px;
  }
}

@media only screen and (max-width: 440px) {
  .footer .logo-2 {
    width: 100px !important;
  }

  .iata-logo {
    width: 55px;
    height: 30px;
  }

  .content-footer-logo {
    gap: 20px;
  }
}


@media only screen and (max-width: 370px) {
  .content-footer-logo {
    gap: 5px;
  }
}

@media only screen and (max-width: 305px) {
  .footer {
    padding: 50px 0;
  }
}





@keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}
.image-text-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0px 0px 50px;
}

.image-text-wrap .image-text-item {
  align-items: flex-start;
  background-color: #ffffff;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 30%;
  text-align: left;
  margin-bottom: 40px;
}

.image-text-wrap .vector {
  height: 60%;
  left: -19%;
  position: absolute;
  top: 19%;
  width: 60%;
}

.image-text-wrap .vector-2 {
  height: 50%;
  right: -15%;
  position: absolute;
  top: 35%;
  width: 50%;
}

.image-text-wrap .heading-and-wrapper {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.image-text-wrap .heading-and {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
}

.image-text-wrap .heading-and-text {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.image-text-wrap .heading-and-icon {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.image-text-wrap .image-text-thumbnail {
  height: 203px;
  object-fit: cover;
  position: relative;
  width: 100%;
  border-radius: 8px;
}

.image-text-wrap .subheading {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(rgb(205, 186, 134, 1), rgb(164, 153, 116, 1));
  background-clip: text;
  color: transparent;
  font-family: var(--font-family);
  font-size: var(--font-size-10);
  font-style: var(--font-style-normal);
  font-weight: var(--semibold-font-weight);
  letter-spacing: var(--label-letter-spacing);
  line-height: var(--normal-line-height);
  position: relative;
  text-transform: uppercase;
}

.image-text-wrap .heading-2 {
  color: var(--dark);
  flex: 1;
  font-family: var(--font-family);
  font-size: var(--headers-heading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--bold-font-weight);
  letter-spacing: var(--headers-heading-1-letter-spacing);
  line-height: var(--headers-heading-1-line-height);
  margin-top: -1px;
  position: relative;
}

.image-text-wrap .supporting-text-2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  color: #475466;
  display: -webkit-box;
  font-family: var(--font-family);
  font-size: var(--paragprah-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--regular-font-weight);
  letter-spacing: var(--paragprah-letter-spacing);
  line-height: var(--paragprah-line-height);
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}


.image-text-wrap .search-btn {
  font-size: var(--font-size-12);
  font-weight: var(--semibold-font-weight);
}

.image-text-wrap .button-small-4 {
  margin-top: -1px !important;
}

@media only screen and (max-width: 1024px) {
  .image-text-wrap .subheading {
    min-height: 24px;
  }
}

@media only screen and (max-width: 900px) {
  .image-text-wrap .heading-and-icon {
    min-height: 47px;
  }

  .image-text-wrap .supporting-text-2 {
    min-height: 68px;
  }
}

@media only screen and (max-width: 768px) {
  .image-text-wrap .image-text-item {
    width: 45%;
  }

  .image-text-wrap .vector-2 {
    right: -9%;
  }

  .image-text-wrap .subheading {
    min-height: unset;
  }

  .image-text-wrap .heading-and-icon {
    min-height: unset;
  }

  .image-text-wrap .supporting-text-2 {
    min-height: unset;
  }
}

@media only screen and (max-width: 650px) {
  .image-text-wrap .image-text-item {
    width: 100%;
  }
}
.advisor-list-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.advisor-list-maincontainer {
    top: 40px;
}


.advisor-list-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.advisor-list {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    height: 600px;
    overflow: scroll;
    scrollbar-width: none;
}

.advisor-list-maintitle {
    margin-top: 8px;
    font-family: var(--font-family);
    font-size: 22px;
    font-weight: var(--bold-font-weight);
    letter-spacing: 1px;
    color: rgb(193 177 129);
}

.advisor-list-subtitle {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: var(--regular-font-weight);
    color: #fff;
}

.advisor-list-main-container {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.advisor-list-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.advisor-list-subcontainer {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 70%;
}

.advisor-list-img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    cursor: pointer;
    object-fit: cover;
}

.advisor-list-text-container {
    display: flex;
    flex-direction: column;
}

.advisor-list-title {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: var(--regular-font-weight);
    letter-spacing: 0.5px;
    color: #fff;
}

.advisor-list-description {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: var(--regular-font-weight);
    letter-spacing: 0.5px;
    color: #898793;
    width: 80%;
}

.direct-hotel-addition-style {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
    height: unset !important;
}

.offer-addition-style {
    display: flex;
    justify-content: center;
    border-radius: 50px;
    padding: 10px 15px;
    width: 30%;
    height: unset !important;
}

.offer-text {
    font-size: 10px !important;
}



@media only screen and (max-width: 600px) {

    .ant-modal.advisor-list-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.advisor-list-maincontainer) {
        overflow: unset !important;
    }

    .advisor-list-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .advisor-list {
        height: 100vh;
        width: 100vw !important;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .advisor-list-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }
}


@media only screen and (max-width: 450px) {

    .offer-text {
        font-size: 8px !important;
    }
}

@media only screen and (max-width: 350px) {
    .direct-hotel-text {
        font-size: 12px !important;
    }

    .offer-addition-style {
        padding: 10px 40px;
    }
}

@media only screen and (max-width: 310px) {
    .advisor-list {
        padding: 20px;
    }
}
.popupmodal-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.popupmodal-maincontainer {
    top: 40px;
}


.popupmodal .ant-input-affix-wrapper {
    padding: 11px 11px;
}

.popupmodal .ant-input-outlined:focus-within {
    box-shadow: unset !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.popupmodal .ant-input {
    padding: 11px 11px;
    transition: none;
}

.popupmodal .ant-input::placeholder {
    color: #707070 !important;
}

.popupmodal .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
    border-width: none;
    background: rgba(0, 0, 0, 0.4);
}

.popupmodal-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.popupmodal .ant-form-item .ant-form-item-control-input-content {
    text-align: center;
}

.popupmodal .ant-input {
    transition: none !important;
}

.popupmodal span.ant-input-affix-wrapper.ant-input-outlined.ant-input-status-error.login-input,
.popupmodal .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):hover {
    background-color: rgba(0, 0, 0, 0.4) !important;

}

.ant-btn:not(:disabled):focus-visible {
    outline: unset !important;
}

.popupmodal span.ant-input-affix-wrapper.ant-input-outlined.ant-input-status-success.ant-input-password.login-input {

    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
}

.popupmodal .ant-input-affix-wrapper .ant-input-suffix {
    font-size: x-large;
}

.popupmodal .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
    background: linear-gradient(180deg, rgb(236, 13, 102) 0%, rgb(194, 26, 70) 100%);

}

.popupmodal {
    background-size: cover;
    background-position: center;
    padding: 40px 32px;
    border-radius: 45px;
}

.login-input {
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
    box-shadow: unset;
    background-clip: padding-box;

}

.login-input input:-webkit-autofill,
.login-input nput:-webkit-autofill:hover,
.login-input input:-webkit-autofill:focus,
.login-input input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}

.login-input:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border: none;
    color: #fff;
}

.login-input:active {
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
}

.login-input:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border: none;
    color: #fff;
    box-shadow: unset;
}

.popupmodal .ant-spin .ant-spin-dot-item {
    background-color: #e81ad1;
}



.buttoncontainer {
    margin: 30px 0px;
}

.submit-button {
    border-radius: 10px;
    padding: 22px 0px;
    display: flex;
    width: 100%;
    cursor: pointer;
    background: linear-gradient(180deg, rgb(236, 13, 102) 0%, rgb(194, 26, 70) 100%);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


.forget-pass-text {
    margin: -14px 0px 14px;
    font-size: 12px;
    color: white;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.signin-button {
    height: 50px;
    width: 100%;
    background: #000;
}

.sign-up-text {
    font-size: 14px;
    color: white;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: center;
}

.sign-in-text {
    font-size: 14px;
    color: white;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.button-icon-container-google,
.button-icon-container-facebook,
.button-icon-container-apple {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 5px;
    border-radius: 18px;
    margin: 15px 0;
    cursor: pointer;
}

.button-icon-container-google {
    background-color: #B33236;
}

.button-icon-container-facebook {
    background-color: #3E4CBF;
}

.button-icon-container-apple {
    background-color: #282828;
}

img.button-icon {
    height: 35px;
    width: 35px;
}

h2.button-title {
    color: white;
    font-size: 14px;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

@media only screen and (max-width: 600px) {

    .ant-modal.popupmodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.popupmodal-maincontainer) {
        overflow: unset !important;
    }

    .popupmodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }


    .popupmodal {
        height: 100vh;
        width: 100vw;
        border-radius: unset !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .popupmodal-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
        color: #000;

    }
}

@media only screen and (max-width: 420px) {

    .popupmodal {
        padding: 45px 35px !important;
    }

    h2.button-title {
        font-size: 10px;
    }

    img.button-icon {
        height: 32px;
        width: 32px;
    }

    .sign-up-text {
        font-size: 12px;
    }

    .sign-in-text {
        font-size: 12px;
    }
}

@media only screen and (max-width: 300px) {
    .popupmodal .ant-form {
        margin: 8px 0 0;
    }

    .popupmodal {
        padding: 35px 25px !important;
    }

    h2.button-title {
        font-size: 10px;
    }

    img.button-icon {
        height: 32px;
        width: 32px;
    }

    .sign-up-text {
        font-size: 10px;
    }

    .sign-in-text {
        font-size: 10px;
    }
}
.upgrade-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
    background-color: #282935;
}

.ant-modal.upgrade-maincontainer {
    top: 40px;
}


.upgrade-maincontainer .ant-modal-content .ant-modal-close {
    display: none;
}

.upgrade-popup {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    /* height: 600px; */
    overflow: scroll;
    scrollbar-width: none;
}

.upgrade-subcontainer {
    padding: 20px;
}

.upgrade-title {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #fff;
}

.logo-premium {
    display: flex;
    align-items: center;
}

.horizontal-logo {
    width: 100px;
    height: 35px;
}

.premium-visible {
    margin-left: 10px;
    border-radius: 5px !important;
    padding: 3px 5px !important;
}

.premium-text {
    letter-spacing: 1px !important;
}

.upgrade-greet {
    margin: 30px 0 20px 0;
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.listcontainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.listitem {
    display: flex;
    align-items: center;
    gap: 10px;
}

.listitem-title {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.red-check {
    width: 20px;
}

.upgrade-btn {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
}

.upgrade-skip {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 400px;
    color: #fff;
    cursor: pointer;
}

.terms-policy-container {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.terms-text {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--font-family);
    color: #fff;
    opacity: 0.5;
    cursor: pointer;
}

.upgrade-amount {
    margin-top: 25px;
    background-color: #33373B;
    width: 100%;
    border-radius: 60px;
    display: flex;
    justify-content: space-between;
}

.upgrade-monthly,
.upgrade-quarterly,
.upgrade-yearly {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    box-sizing: content-box;
    cursor: pointer;
}

.upgrade-select {
    margin: 3px;
    background-color: rgb(226 16 95);
    border-radius: 60px;
    /* padding: unset; */
}

.month-title {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    width: fit-content;
}

.upgrade-price {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    width: fit-content;
}

.upgrade-save {
    font-family: var(--font-family);
    font-size: 10px;
    font-weight: 500;
    color: rgb(193 177 129);
    width: fit-content;
}

/* .upgrade.success {
    background: #fff !important;

} */

.upgrade-subcontainer.success {
    height: 220px;
}

.check-success {
    width: 100px !important;
    height: 100px !important;
    color: rgb(226 16 95);
}

.subscription-success-container {
    height: 72%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscription-subcontainer {
    height: 28%;
}

.subscription-title {
    font-size: 24px;
    font-family: var(--font-family);
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.subscription-description {
    font-size: 18px;
    font-family: var(--font-family);
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.subscription-reload {
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.upgrade-maincontainer.success .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
    display: block;
}

#payment-message {
    color: #df1b41;
}

#submit {
    width: 100%;
    margin-top: 15px;
    height: 40px;
    border-radius: 5px;
    background-color: rgb(226 16 95);
    border: none;
    cursor: pointer;
}

#submit:hover {
    background-color: rgb(193 177 129);
    transition: 0.3s ease-in;
}

#button-text {
    color: #fff;
}


@media only screen and (max-width: 600px) {

    .ant-modal.upgrade-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.upgrade-maincontainer) {
        overflow: unset !important;
    }

    .upgrade-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .upgrade {
        height: 100vh;
        width: 100vw !important;
        scroll-behavior: unset !important;
        border-radius: unset !important;
        display: flex;
    }

    .upgrade-subcontainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .premium-visible {
        padding: 5px !important;
    }

    .premium-text {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 390px) {
    .month-title {
        font-size: 10px;
    }

    .upgrade-price {
        font-size: 12px;
    }

    .upgrade-save {
        font-size: 8px;
    }
}

@media only screen and (max-width: 310px) {
    .upgrade {
        padding: 10px;
    }
}
.CenteredPopup-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 15px;
}

.CenteredPopup-maincontainer .ant-modal-content .ant-modal-close {
    display: none;
}

.ant-modal.CenteredPopup-maincontainer {
    width: 420px !important;
    top: 200px !important;
}

.CenteredPopupModal {
    background: transparent;
    padding: 20px;
    border-radius: 15px;
}

.popup-title {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: start;
}

.popup-content {
    font-family: "Montserrat";
    font-size: 16px;
    letter-spacing: 0;
    text-align: start;
    color: #252525;
    margin: 10px 0;
}

.popup-action-button-container {
    display: flex;
    justify-content: space-around;
    padding: 14px 0 8px;
}

/* .notification-text {
    font-size: 11px !important;
} */

@media only screen and (max-width: 600px) {
    .ant-modal.CenteredPopup-maincontainer {
        top: 260px !important;
    }
}

@media only screen and (max-width: 420px) {
    .ant-modal.CenteredPopup-maincontainer {
        width: 360px !important;
    }
}

@media only screen and (max-width: 360px) {
    .ant-modal.CenteredPopup-maincontainer {
        width: 300px !important;
    }
}

@media only screen and (max-width: 300px) {
    .ant-modal.CenteredPopup-maincontainer {
        width: 240px !important;
    }
}

@media only screen and (max-width: 310px) {
    .button-small {
        padding: 8px;
    }

    /* .notification-text {
        font-size: 9px !important;
    } */
}
.homepage .widget {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px; */
  width: 100%;
  position: absolute;
  top:70%;
  left: 0;
  padding: 0px 8%;
}

.advisor-widget-btn-mobile-request-btn {
  display: none;
  /* background-color: rgb(193 177 129) !important; */
}

.homebanner {
  margin-top: 60px;
  width: 100%;
  height: 500px;
  margin-bottom: 30px;
}

.smart-text {
  font-size: 40px;
  margin-top: 100px;
  margin-bottom: 20px;
}

.widget-wrap {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}

.widget-wrap.widget-visible {
  display: block;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  position: relative;
}

.homepage .sticky-widget {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  transition: all 0.25s ease-out;
  box-shadow: -1px -1px 5px 0px #ccc;
  padding: 20px 8%;
  background-color: #fff;
}

.homepage .design-component-instance-node-3 {
  align-self: stretch !important;
  flex: 0 0 auto !important;
  width: 100% !important;
}

.homepage .mobile-widget {
  display: none;
}

/* .homepage .icon-instance-node-2 {
  height: 20px !important;
  position: relative !important;
  width: 20px !important;
} */

/* .homepage .chevron-down-31 {
  height: 16px !important;
  position: relative !important;
  width: 16px !important;
} */

.homepage .pageContent {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 16px 8%;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.homepage .navigation {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  /* flex-wrap: wrap; */
  gap: 10px;
  position: relative;
  max-width: 1280px;
  width: 93vw;
  margin-left: auto;
  margin-right: auto;
  padding-right: 30px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: auto;
  border-bottom: 1px solid #A49974;
}

.homepage .mobile-navigation {
  width: 100%;
  display: none;
}

.mobile-navigation div:first-child {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
}

.mobile-navigation .home-drop {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
  font-family: "Montserrat";
  color: #667085;
  font-size: 14px;
  font-weight: 400;
  box-shadow: unset !important;
  /* border: unset !important; */
  border-color: #D0D5DD !important;
  border: 1px solid #ccc;
  /* border-bottom: 1px solid #ccc !important; */
  border-radius: 8px;
  text-align: left;
  /* background-color: rgba(243, 227, 184, 1); */
}

.home-drop .react-dropdown-select-content .react-dropdown-select-input,
.home-drop .react-dropdown-select-content span {
  margin-left: 5px;
  font-weight: 500;
  font-family: "Montserrat";
  color: rgba(59, 59, 77, 1);
  text-transform: uppercase;
}

.home-drop .react-dropdown-select-dropdown {
  border-radius: 8px;
  /* box-shadow: unset; */
  /* border: unset; */
  gap: 8px;
  max-height: unset;
  text-align: left;
}

.home-drop span.react-dropdown-select-item.react-dropdown-select-item-selected {
  background-color: #EFE2BF !important;
  border-radius: 5px;
  color: rgba(59, 59, 77, 1);
  font-family: "Montserrat";
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px;
}

.home-drop span.react-dropdown-select-item.react-dropdown-select-item {
  border-radius: 5px;
  color: rgba(59, 59, 77, 1);
  font-family: "Montserrat";
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px;
}


.homepage .card-list-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  padding: 50px 0px;
  position: relative;
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.homepage .publication-main-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 50px 0;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.homepage .publication-sub-container {
  position: relative;
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  gap: 20px;
  scrollbar-width: none;
}

.homepage .publication-card {
  flex: 0 0 auto;
  width: 30%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.homepage.collection .card-list-container,
.homepage.property .card-list-container {
  padding: 0 0 50px 0;
}

.homepage .lovu-unregister-title {
  color: #3B3B4D;
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.homepage .card-list-wrap::after {
  content: "";
  flex: auto;
}

.homepage .card-list-wrap {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  flex-flow: row wrap;
  max-width: 1280px;
  position: relative;
  width: 100%;
  gap: 2.5%;
  justify-content: space-between;
}



.arrow-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  width: 100%;
}

.arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #EAECF0;
  border-radius: 50%;
  cursor: pointer;
}

.arrow-icon:hover {
  background-color: #f0f0f0;
}

.card-list-wrap .card {
  text-align: left;
}

.publication-image {
  height: 240px;
  object-fit: cover;
  position: relative;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
}

/* .homepage .button-2 {
  flex: 0 0 auto;
  position: relative;
} */

.title-wrap {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
  max-width: 1280px;
}

.section-title {
  align-self: flex-start;
  color: #3B3B4D;
  font-family: var(--font-family);
  font-size: var(--headers-heading-1-font-size);
  font-style: var(--font-style-normal);
  font-weight: var(--bold-font-weight);
  letter-spacing: var(--headers-heading-1-letter-spacing);
  line-height: 30px;
  margin-top: -1px;
  position: relative;
}


.publication-title {
  color: #cab784;
  text-align: left;
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24.38px;
  cursor: pointer;
}

/* .publication-para {
  align-self: flex-start;
  font-family: var(--font-family);
  font-size: 14px;
  font-style: var(--font-style-normal);
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.15000000596046448px;
  margin-top: -1px;
  text-align: left;
  position: relative;
  color: #3B3B4D;
} */

.homepage .skeleton {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: -45px;
  flex-wrap: wrap;
  flex-flow: row wrap;
}


span.react-loading-skeleton.skeleton-4 {
  display: block;
}

.skeleton-box1 {
  overflow: hidden;
  position: relative;
  background-color: rgb(235 235 235);
  opacity: 0.6;
}

.skeleton-box {
  overflow: hidden;
  position: relative;
  background-color: rgb(235 235 235);
  opacity: 0.6;
}

.skeleton-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to right, rgb(243, 242, 241) 0%, rgb(237, 235, 233) 50%, rgb(243, 242, 241) 100%) 0px 0px / 90% 100% no-repeat rgb(243, 242, 241) !important;
  transform: translateX(-100%);

  animation-name: skeleton-animation;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

.explore-description {
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: #CDBA86;
  max-width: 1280px;
  width: 100%;
}

.publications-title {
  color: #101828;
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  align-self: flex-start;
}



.home-newsletter-img {
  position: relative;
  width: 100%;
  height: 260px;
  padding: 0 8% 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-newsletter-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  filter: brightness(3) grayscale(1);
  opacity: 20%;
  z-index: 0;
}

.home-newsletter-content {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.home-newsletter-main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.home-newsletter-title {
  font-family: var(--font-family);
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #A49974;
  text-align: left;
}

.home-newsletter-subtitle {
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #475467;
  text-align: left;
}

form.subscribe-form {
  display: flex;
  gap: 16px;
}

.home-newsletter-input {
  width: 350px;
  background-color: #fff !important;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #667085;
}

.home-newsletter-btn {
  border-radius: 8px;
  padding: 8px 15px;
  display: flex;
  width: 100%;
  height: unset !important;
  cursor: pointer;
  background: rgb(226 16 95);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: 'Montserrat';
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.home-newsletter-btn:hover {
  background-color: rgb(193 177 129) !important;
}

.home-newsletter-success-text {
  font-family: var(--font-family);
  font-size: 26px;
  line-height: 24px;
  font-weight: 700;
  color: rgb(226 16 95);
  text-align: left;
}

@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@media only screen and (max-width: 1280px) {

  span.react-loading-skeleton.skeleton-4 {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .home-newsletter-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .home-newsletter-main-content {
    gap: 10px;
  }

}

@media only screen and (max-width: 900px) {

  span.react-loading-skeleton.skeleton-3 {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .hero .widget {
    top: 86vh;
  }

  .homepage .navigation {
    display: none;
  }

  .homepage .mobile-navigation {
    display: flex;
    align-items: flex-start;
  }

  .homepage .publication-card {
    width: 50%;
  }

  .advisor-widget-btn-mobile-request-btn {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1;
  }

}

@media only screen and (max-width: 550px) {
  .home-newsletter-input-container {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .home-newsletter-input {
    width: 100%;
  }

  form.subscribe-form {
    flex-direction: column;
    gap: 0px;
  }

  .home-newsletter-btn {
    width: 50%;
  }
}

@media only screen and (max-width: 450px) {
  .homepage .mobile-widget {
    display: block;
    position: unset;
    padding: unset;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 280px) {
  .hero .widget {
    top: 90vh;
  }
}

/* iPhone 6/7/8, SE 2020 - 375x667 */
@media screen and (max-width: 380px) and (max-height: 670px) {
  .hero .widget {
    top: 154vh;
  }
}

/* iPad - Portrait - 768x1024 */
@media screen and (min-width: 760px) and (max-width: 780px) and (min-height: 1020px) and (max-height: 1030px) {
  .hero .widget {
    top: 90vh;
  }
}

/* iPads and small tablets */
@media screen and (min-width: 600px) and (max-width: 900px) {
  .hero .widget {
    top: 92vh;
  }
}

/* Other mobile screens (portrait) */
@media screen and (max-width: 480px) {
  .hero .widget {
    /* top: 140vh; */
  }
}

/* Other mobile screens (landscape) */
@media screen and (max-height: 480px) {
  .hero .widget {
    /* top: 140vh; */
  }
}
.nav-bar-container {
  width: 100%;
  padding: 20px 20px 0 20px;
  /* padding: 0 8%; */
  /* background-color: white; */
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  /* box-shadow: 0 -6px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 15px 0 rgba(0, 0, 0, 0.19); */
}

.scroll-widget-btn .button-small p {
  color: #fff !important;
}

.nav-bar {
  background-color: white;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2), 0 0px 15px 0 rgba(0, 0, 0, 0.19);
  /* box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 15px 15px 0 rgba(0, 0, 0, 0.19); */
  /* max-width: 1280px; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 8px;
}

.lovu-header-logo {
  height: 40px !important;
  position: relative !important;
  width: 125px !important;
  cursor: pointer;
}

.nav-bar .button-small {
  height: 35px;
}

.menu-list-container {
  display: flex;
  gap: 5px;
}

.nav-active-link {
  color: #E80F63 !important;
  fill: #E80F63 !important;
}

.explore-container {
  position: relative;
  display: flex;
  align-items: center;
}

.explore-container:hover .explore-main-container {
  display: block;
}

.explore-main-container {
  display: none;
  padding: 15px;
  background: rgba(255, 255, 255, 1);
  border: 0.5px solid rgb(249, 240, 240);
  width: 200px;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  border-radius: 9px;
  z-index: 13;
}

.explore-arrow {
  margin-left: -10px;
  cursor: pointer;
}

.explore-sub-container {
  display: flex;
  align-items: center;
}

.explore-sub-icon {
  width: 14px;
  height: 16px;
  cursor: pointer;
  margin-right: -6px;
}

.explore-text {
  text-transform: capitalize !important;
}

.login-profile-maincontainer {
  display: flex;
  align-items: center;
  gap: 35px;
}

.login-search-container {
  position: relative;
}

.nav-search-fill {
  fill: #667085 !important;
}

.nav-search-icon {
  width: 14px !important;
  height: 14px !important;
}

.nav-search-cancel-icon {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  cursor: pointer;
}

.nav-search-input {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: unset;
  padding: 5px 12px;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  font-family: var(--font-family);
  font-size: 14px;
  height: 35px;
}

.nav-search-input:hover,
.nav-search-input:focus,
.nav-search-input:focus-within {
  border-color: #D0D5DD;
  box-shadow: unset;
}

.login-search-subcontainer {
  display: block;
  width: 725px;
  max-height: 630px;
  overflow: auto;
  scrollbar-width: none;
  background-color: #fff;
  border: 1px solid #EAECF0;
  border-radius: 5px;
  box-shadow: 0px 2px 4px 0px #A3A3A31A, 0px 7px 7px 0px #A3A3A317, 0px 16px 10px 0px #A3A3A30D, 0px 29px 12px 0px #A3A3A303;
  padding: 25px;
  position: absolute;
  top: 45px;
  right: 0;
}

.login-searchresult-maincontainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.login-searchresult-subcontainer {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.login-searchresult-skeleton {
  width: 100%;
}

.login-searchresult-no-result {
  margin-top: -20px;
  font-family: var(--font-family);
  font-weight: var(--bold-font-weight);
  font-size: 16px;
}

.login-searchresult-filteroption-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  scrollbar-width: none;
}

.login-searchresult-filteroption-subcontainer {
  width: 100%;
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #A49974;
  overflow-x: auto;
  scrollbar-width: none;
}

.search-result-text-container-hr {
  width: 100%;
  height: 1px;
  background-color: #EAECF0;
}

.nav-bar .login-maincotainer {
  display: flex;
  align-items: center;
  gap: 15px;
}

.nav-bar .nav-bar-icons {
  cursor: pointer;
}

.nav-bar-join-now {
  border-color: var(--LOVURed) !important;
}

.nav-bar-join-now:hover {
  background-color: var(--LOVURed) !important;
}

.nav-bar-join-now p {
  color: var(--LOVURed) !important;
}

.nav-bar-join-now:hover p {
  color: var(--flat-white-01) !important;
}

.nav-bar-log-in {
  background-color: var(--gray-100);
  border: 2px solid;
  border-color: var(--gray-100);
}

.nav-bar-log-in:hover {
  background-color: unset !important;
  border: 2px solid;
  border-color: var(--sageblack);
}

.login-profile-maincontainer .login-handburger-menu {
  display: none;
  align-items: center;
  gap: 15px;
}

.login-profile-maincontainer .login-handburger-menu .login-handburger-search-icon,
.logout-profile-maincontainer .profile-search-icon,
.logout-profile-maincontainer .profile-handburger-menu {
  display: none;
}

.dark-theme {
  fill: black !important;
}

.logout-profile-maincontainer {
  display: flex;
  align-items: center;
  gap: 15px;
}

.profile-placeholder-container {
  position: relative;
  padding: 10px 0 10px 0;
}

.profile-img {
  height: 24px;
  width: 24px;
  border-radius: 24px;
  object-fit: cover;
  cursor: pointer;
}

.profile-placeholder-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 20px;
}

.profile-placeholder-container:hover .profile-placeholder-subcontainer {
  display: block;
}

.profile-placeholder-subcontainer {
  display: none;
  background: rgba(255, 255, 255, 1);
  border: 0.5px solid rgb(249, 240, 240);
  width: 250px;
  position: absolute;
  top: 45px;
  right: -53px;
  border-radius: 9px;
  z-index: 13;
}

.profile-placeholder-subcontainer-over {
  top: 39px !important;
}

.profile-placeholder-subcontainer .logout-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.logout-container .logout-username-container {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 15px;
  padding: 15px 15px 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid rgba(234, 236, 240, 1);
}

.logout-username-container .logout-username {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: var(--medium-font-weight);
  line-height: 16.05px;
  text-transform: capitalize;
  color: rgb(6, 6, 6);
}

.logout-container .logout-offer-container {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 10px 0;
  padding: 1px 15px;
}

.logout-offer-container .offer-icon {
  height: 22px;
  width: 22px;
}

.logout-container .logout-container-text-name {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.15000000596046448px;
  text-align: left;
  color: rgba(52, 64, 84, 1);
}

.logout-container .logout-myprofile-container {
  display: flex;
  margin: 10px 0;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 1px 16px;
}

.logout-myprofile-container .favorite-icon {
  width: 20px;
  height: 20px;
}

.bottom-line {
  width: 100%;
  border: 1px solid rgba(234, 236, 240, 1);
  margin: 0;
}

.logout-container .logout-logout-container {
  display: flex;
  align-items: center;
  margin: 10px 0;
  padding: 1px 17px;
  cursor: pointer;
}

.logout-logout-container .logout-icon {
  padding: 0 12px 0 0;
}

.notification-container {
  position: relative;
  margin-right: 10px;
}

.notification-container .notification-icon {
  width: 18px;
  height: 21px;
}

.notification-badge-container {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: #E90F64;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 9px;
  left: 9px;
  color: #ffffff;
  font-family: "Montserrat";
  font-size: 10px;
  line-height: 6px;
}

.res-nav-visible {
  width: 100%;
  background: linear-gradient(#4048EF, #5A7BEF);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  animation: navvisible 1s;
  padding: 20px 8%;
}

.res-nav-visible-none {
  display: none;
}

.res-nav-nar-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.res-navbar-menucontainer {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
}

.res-navbar-menucontainer .button-small {
  justify-content: unset;
  height: 35px;
}

.res-navbar-login-btn-container {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding: 0 10px;
}

.res-profile-container {
  position: relative;
  top: 18%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.res-profile-upgrade-visible {
  top: 14% !important;
}

.res-profile-img-name-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.profile-img-mobile {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  object-fit: cover;
}

.res-profile-img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50px;
}

.res-name-member-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
}

.logout-username {
  color: #060606;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: var(--medium-font-weight);
  line-height: 16.05px;
  text-transform: capitalize;
}

.user-memebr-since {
  color: rgba(59, 60, 81, 1);
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 17px;
  font-weight: var(--regular-font-weight);
}

.waves {
  width: 100%;
}

.res-logout {
  display: flex;
  justify-content: flex-end;
}

.myprofile-upgrade-icon {
  fill: #000 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  box-shadow: inset 0 0 20px 20px transparent;
}

@media only screen and (max-width: 1260px) {

  .nav-bar .menu-list-container,
  .login-profile-maincontainer .login-maincotainer {
    display: none;
  }

  .nav-bar .login-profile-maincontainer {
    gap: 20px;
  }

  .login-profile-maincontainer .login-handburger-menu {
    display: flex;
  }

  .logout-profile-maincontainer .profile-handburger-menu {
    display: contents;
  }

  .profile-placeholder-container {
    display: none;
  }

  .nav-bar-container .button-small {
    padding: 15px 10px;
  }
}


@media only screen and (max-width: 1150px) {

  .nav-bar-container .menu-list-container,
  .login-profile-maincontainer .login-maincotainer {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .login-search-subcontainer {
    width: 670px;
  }

  .res-login-btn {
    width: 40%;
    justify-content: center !important;
  }

  .widget-wrap {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {

  .scroll-widget-btn {
    display: none;
  }

  .lovu-header-logo {
    width: 110px !important;

  }

  .login-profile-maincontainer .login-search-container {
    display: none;
  }

  .login-profile-maincontainer .login-handburger-menu .login-handburger-search-icon,
  .logout-profile-maincontainer .profile-search-icon {
    display: contents;
  }
}

@media only screen and (max-width: 425px) {

  .lovu-header-logo {
    width: 100px !important;

  }
}

@media only screen and (max-width: 350px) {

  .lovu-header-logo {
    width: 90px !important;
  }
}

@keyframes blink {
  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;
  }
}

@keyframes navvisible {
  from {
    left: -500px;
  }

  to {
    right: 0px;
  }
}
.guest-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.guest-maincontainer {
    top: 40px;
}

.guest-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.guest-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    height: 600px;
    overflow: scroll;
    scrollbar-width: none;
}

.guest-modal-container {
    padding: 0 70px;
    height: 460px;
    overflow: scroll;
    scrollbar-width: none;
}

.guest-modal-subcontainer {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}



.guest-title {
    margin-top: 15px;
    color: #CDBA86;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
}

.guest-modal-subcontainer input.ant-input.ant-input-outlined.guest-input-field {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 600;
    height: 52px;
    background: #211c3354;
    border: 0.5px groove #CDBA86;
    color: #fff;
    border-radius: 10px;
}

.guestRowContainer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.guestRowContainer .ant-input.guest-input-field::placeholder,
.guestRowContainer .ant-input.guest-input-field-choice-::placeholder,
.guestRowContainer .ant-input.guest-input-field-choice-selected::placeholder,
.guestRowContainer .ant-picker .ant-picker-input>input::placeholder {
    color: #fff !important;
    background: #211c3354;
    font-family: 'Montserrat';
    font-size: 16px
}



input.ant-input.ant-input-outlined.guest-input-field-choice- {
    background: #211c3354;
    border: 0.3px groove #CDBA86;
    color: #fff;
    opacity: 0.2;
    width: 40%;
    height: 52px;
    border-radius: 10px;

}

.guest-modal-subcontainer input.ant-input.ant-input-outlined.guest-input-field-choice-selected {
    opacity: 1;
    background: #211c3354;
    border: 0.3px groove #CDBA86;
    color: #fff;
    width: 40%;
    height: 52px;
    border-radius: 10px;
}

.guest-modal-subcontainer input.ant-input.ant-input-outlined.guest-input-field-choice-selected::placeholder {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
}

.num-input-container {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.minus-icon {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.sub-icon {
    margin-top: 7px;
    width: 30px;
    height: 30px;
}

.dollar-icon {
    margin-top: 7px;
    width: 30px;
    height: 30px;
}

.guest-input {
    width: 35%;
    height: 52px;
    background-color: #211c3354;
    border: 0.5px groove #CDBA86;
    color: #fff;
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 600;
}

.guest-input.budget {
    width: 45% !important;
}

.guest-input.ant-input-affix-wrapper {
    padding: 8px 15px;
}

.guest-input.ant-input-outlined:hover {
    background: #211c3354;
    border-color: #CDBA86;

}

.guest-input.ant-input-affix-wrapper .ant-input-suffix {
    font-size: unset;
    margin-top: 3px;
}

.guest-input.ant-input-outlined:focus {
    background: #211c3354;
    border-color: #CDBA86;
}

.guest-input.ant-input-outlined:focus-within {
    background: #211c3354;
    border: 0.5px groove #CDBA86;
}



.num-input-subcontainer {
    width: 30%;
    background-color: #211c3354;
    padding: 15px;
    border: 0.5px groove #CDBA86;
    border-radius: 8px;
}

@media only screen and (max-width: 600px) {

    .ant-modal.guest-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.guest-maincontainer) {
        overflow: unset !important;
    }

    .guest-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .guest-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .guest-modal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .guest-modal .progress-bar {
        margin-top: 30px;
    }



    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .guest-modal-container {
        padding: 0 70px;
        height: 80%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {
    .guest-modal-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {
    .guest-modal-container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 430px) {
    .guest-modal-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 330px) {
    .guest-modal {
        padding: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .guest-modal-container {
        padding: 0;
    }
}
.budget-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.budget-maincontainer {
    top: 40px;
}

.budget-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}


.budget-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    height: 600px;
}

.budget-modal-container {
    padding: 0 70px;
    height: 460px;
    overflow: scroll;
    scrollbar-width: none;
}

.back-arrow {
    position: absolute;
    top: -17px;
    left: -25px;
    color: #fff !important;
    cursor: pointer;
}

.budget-includes .ant-checkbox .ant-checkbox-inner {
    background-color: transparent !important;
    border-radius: unset !important;
    border-color: #fff !important;
}

.budget-includes .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: transparent !important;
}

.budget-includes {
    margin-top: 15px;
}

.budget-label {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-left: 8px;
}

.budget-description {
    margin-top: 8px;
    font-family: var(--font-family);
    font-size: 14px;
    color: #fff;
}

.budget-airfare {
    display: flex;
    margin-top: 15px;
}

.dot {
    color: #fff;
    margin-right: 8px;
}

.budget-airfare-title {
    font-family: var(--font-family);
    font-size: 12px;
    color: #fff;
    font-style: italic;
}

@media only screen and (max-width: 600px) {
    .ant-modal.budget-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.budget-maincontainer) {
        overflow: unset !important;
    }

    .budget-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .budget-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .budget-modal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .budget-modal .progress-bar {
        margin-top: 30px;
    }


    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .budget-modal-container {
        padding: 0 70px;
        height: 80%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {
    .budget-modal-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {
    .budget-modal-container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 430px) {
    .budget-modal-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 330px) {
    .budget-modal {
        padding: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .budget-modal-container {
        padding: 0;
    }
}
.input-with-labels {
    align-items: flex-start;
    align-self: stretch;
    flex: 0 0 auto;
    gap: 6px;
    position: relative;
    width: 100%;
    display: grid;
}

.select-drop-down {
    width: 100%;
    border-radius: 8px !important;
    font-family: "Montserrat";
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    box-shadow: unset !important;
    border-color: #ccc !important;
    text-align: left;
    max-height: 38px;
}

.select-drop-down .react-dropdown-select-dropdown {
    padding: 5px;
    scrollbar-width: none;
    border-radius: 5px;
}

.react-dropdown-select-item {
    /* padding: 7px 10px !important; */

}

.react-dropdown-select-item:hover {
    background-color: #EFE2BF !important;
    border-radius: 5px;
}

span.react-dropdown-select-item.react-dropdown-select-item-selected {
    background-color: #EFE2BF !important;
    border-radius: 5px;
    color: #344054;
}

.drop-sticky {
    position: absolute;
    top: 25%;
    left: 4%;
    padding: 2%
}

.select-drop-down .react-dropdown-select-content .react-dropdown-select-input {
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-family: "Montserrat";
    color: #667085;
}

.select-drop-down .react-dropdown-select-content .react-dropdown-select-input:placeholder-shown {
    margin-left: 32px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-size: 14px;
    font-family: "Montserrat";
    color: #667085;
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.select-drop-down .react-dropdown-select-content span {
    margin-left: 32px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-family: "Montserrat";
    color: #667085;
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.react-dropdown-select-content.react-dropdown-select-type-single:has(span) .react-dropdown-select-input:placeholder-shown {
    display: none;
}

.children-drop-down .react-dropdown-select-dropdown {
    /* max-height: 350px !important; */
    /* max-height: unset !important */
    /* height: 100vh !important; */
}

.children-drop-down .react-dropdown-select-content span {
    margin-left: 5px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-family: "Montserrat";
    color: #667085;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}



/* .select-drop-down .react-dropdown-select-dropdown.react-dropdown-select-dropdown-position-bottom {
    top: 36px;
    animation: 0.3s dropopen;
} */

@keyframes dropopen {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.drop {
    position: absolute;
    top: 49%;
    left: 3%;
    padding: 2%;
}

.input-field .placeholder {
    background-color: none;
    box-shadow: none;
    font-size: var(--font-size-14);
    font-style: var(--font-style-normal);
    font-weight: var(--regular-font-weight);
    letter-spacing: 0px;
    line-height: var(--normal-line-height);
    font-family: var(--font-family);
}




@media only screen and (max-width: 1260px) {
    .drop {
        top: 41%;
        left: 1%;
    }
}

@media only screen and (max-width: 900px) {
    .drop {
        top: 43%;
        left: 1%;
    }
}

@media only screen and (max-width: 768px) {
    .drop {
        top: 46%;
        left: 1%;
    }
}

@media only screen and (max-width: 600px) {
    .drop {
        top: 40%;
        left: 1%;
    }
}

@media only screen and (max-width: 450px) {
    .drop {
        top: 45%;
        left: 1%;
    }
}

@media only screen and (max-width: 300px) {
    .drop {
        top: 49%;
        left: 3%;

    }
}
.input-field {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  /* gap: 6px; */
  position: relative;
}

.input-field .input-with-label {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 100%;
  /* overflow: hidden; */
}

.input-field .label {
  color: #344053;
  font-family: var(--text-sm-medium-font-family);
  font-size: var(--text-sm-medium-font-size);
  font-style: var(--text-sm-medium-font-style);
  font-weight: var(--text-sm-medium-font-weight);
  letter-spacing: var(--text-sm-medium-letter-spacing);
  line-height: var(--text-sm-medium-line-height);
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.input-field .input {
  align-self: stretch;
  border: 1px solid;
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.input-field .inputcontent {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 8px;
  position: relative;
}

.input-field .div {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.input-field .text {
  color: #344053;
  font-family: var(--text-sm-medium-font-family);
  font-size: var(--text-sm-medium-font-size);
  font-style: var(--text-sm-medium-font-style);
  font-weight: var(--text-sm-medium-font-weight);
  letter-spacing: var(--text-sm-medium-letter-spacing);
  line-height: var(--text-sm-medium-line-height);
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.input-field .text-2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  flex: 1;
  font-family: var(--text-md-regular-font-family);
  font-size: var(--text-md-regular-font-size);
  font-style: var(--text-md-regular-font-style);
  font-weight: var(--text-md-regular-font-weight);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
  margin-top: -1px;
  position: relative;
  text-overflow: ellipsis;
}



.input-field .dropdown {
  align-items: center;
  position: relative;
}


.input-field .instance-node {
  height: 20px !important;
  position: relative !important;
  width: 20px !important;
}

.input-field.type-icon-leading {
  width: 320px;
}

.input-field .placeholder {
  font-family: var(--font-family);
  font-size: var(--font-size-14);
  line-height: 24px;
  color: #667085;
  background-color: #ffffff;
  box-shadow: 0px 1px 2px #1018280d;
}

.input-field .type-0-icon-leading {
  align-items: center;
  gap: 8px;
}


.input-field .placeholder.destructive-false {
  border-color: #cfd4dc;
}


.input-field .sm.type-0-icon-leading {
  padding: 2px 12px !important;
  height: 38px;
}

.input-field .input.placeholder.type-0-icon-leading .text-2 {
  color: #667084;
}

input.input-field {
  width: 100%;
  border: none;
  /* padding: 7px; */
  color: #667085;
  font-size: var(--font-size-14);
  font-family: var(--font-family);
}

.input-field:focus {
  outline: none;
  border: none;
}

.ant-picker.ant-picker-outlined {
  border: none;
}

.ant-picker .ant-picker-range .ant-picker-outlined .ant-picker-input::placeholder {
  display: none;
}

.ant-picker-range .ant-picker-suffix {
  display: none;
}



.down-outlined {
  display: flex;
  justify-content: space-between;
}


.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner {
  background-color: rgb(226 16 95);
}

.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 26px;
  height: 25px;
  line-height: 24px;
  border-radius: 15px;
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 15px;
  background-color: rgb(226 16 95);
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background-color: rgb(226 16 95);
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-radius: 15px;
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 15px;
  background-color: rgb(226 16 95);
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background-color: #f9fafb;
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background-color: #f9fafb;
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {

  background-color: #f9fafb;
}

.ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {
  border-left: 1px solid rgba(234, 236, 240);
  border-bottom: 1px solid rgba(5, 5, 5, 0.10);
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border: none;
  /* border: 1px solid #7f56d9; */
}

.ant-picker-dropdown .ant-picker-footer-extra {
  padding: 5px 14px;
  line-height: 32px;
  text-align: end;
}

.ant-picker-dropdown .ant-picker-footer-extra Button {
  margin-left: 10px;
  border: 2px solid rgba(234, 236, 240);
}

.date-button {
  display: flex;
  justify-content: space-between;
  background-color: white;
  align-items: center;
}

.ant-picker-dropdown .ant-picker-footer-extra Button:nth-child(2).show-date-value {
  background: none;
  color: #000;
}

.ant-picker-dropdown .ant-picker-footer-extra Button:nth-child(2) {
  background-color: #7f56d9;
  color: #fff;
}

.ant-picker-dropdown .ant-picker-footer-extra Button:nth-child(2):hover {
  background-color: rgb(226 16 95);
  color: #000;
}


.drop-down {
  border: none;
}


.rdrDefinedRangesWrapper {
  display: none;
}

.from-date {
  background-color: #7f56d9;
  color: #fff;
}

.show-date {
  display: flex;
  padding: 8px;
}



.to-date {
  margin-left: 6px;
}

.footer-button {
  display: flex
}

.rdrDateRangePickerWrapper {
  border-bottom: 1px solid rgba(234, 236, 240);
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels .ant-picker-panel {
  border: none;
}

.date-button {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.date-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
}

.ant-btn-default {
  border: none;
  background-color: unset !important;
  font-size: 14px;
  margin-left: -8px;
  display: flex;
  align-items: flex-end;
  box-shadow: none;
  color: #667085;
  font-family: var(--font-family);
  line-height: 24px;
}

.ant-btn.ant-btn-default.date-button {
  width: 85%;
}

.search .ant-btn.ant-btn-default.date-button {
  width: 100%;
}

.ant-picker-month-btn {
  text-transform: uppercase !important;
  font-family: var(--font-family) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #344054 !important;
}

.ant-picker-year-btn {
  font-family: var(--font-family) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #344054 !important;
}

.ant-picker-dropdown .ant-picker-content th {
  font-family: 'Inter' !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #344054 !important;
}

.ant-picker-dropdown .ant-picker-footer-extra Button.ant-btn.css-dev-only-do-not-override-1drr2mu.ant-btn-default.end-date {
  background: none;
  color: black;
  border-color: rgba(234, 236, 240);
}

span.underscore {
  margin-left: 7px;
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range:not(.ant-picker-cell-disabled):before {
  background: #F9FAFB !important;
}

.suggestion-items-container {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10;
  width: 100%;
  min-height: 50px;
  max-height: 350px;
  overflow: auto;
  scrollbar-width: none;
  cursor: pointer;
  background-color: #ffff;
  padding: 10px;
  box-shadow: 0px 1px 12px 0px #0000001f;
  border-radius: 5px;
}

.suggestion-items {
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.15px;
  color: #344054;
  text-align: left;
  padding: 6px 10px 6px 10px;
}

.suggestion-name-container {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px 6px 10px;
}

.suggestion-name {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.15px;
  color: #344054;
  text-align: left;
  /* padding: 6px 10px 6px 10px; */
}

.suggestion-no-data {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.15px;
  color: #344054;
  text-align: center;
  padding: 6px 10px 6px 10px;
}

.suggestion-items:hover {
  background-color: #EFE2BF;
  border-radius: 6px;
}

@media only screen and (max-width: 1260px) {

  .search .ant-btn.ant-btn-default.date-button,
  .ant-btn.ant-btn-default.date-button {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .custom-range-picker-dropdown {
    transform-origin: top !important;
    /* Ensure the dropdown opens downwards */
    top: auto !important;
    /* Disable top positioning */
    bottom: auto !important;
    /* Force bottom alignment */
  }
}

@media only screen and (max-width: 768px) {

  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
    flex-direction: column;
  }

  .date-button {
    flex-direction: column;
  }

  .ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
    height: 21px;
    line-height: 22px;
  }

  .ant-picker-dropdown .ant-picker-footer-extra {
    padding: 5px 8px;
  }

  .show-date {
    padding: 6px;
  }

  .ant-picker-dropdown .ant-picker-cell {
    padding: 3px 0;
  }
}

@media only screen and (max-width: 600px) {
  .ant-picker.ant-picker-range.ant-picker-outlined.css-dev-only-do-not-override-1drr2mu {
    display: flex;
    align-items: flex-end;
  }
}

@media only screen and (max-width: 320px) {
  .ant-picker.ant-picker-range.ant-picker-outlined.css-dev-only-do-not-override-1drr2mu {
    width: 75vw;
    margin-left: -8%;
  }

  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {
    padding: 3px 24px;
  }

  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout {
    margin: 0px -18px
  }

  .ant-picker-dropdown .ant-picker-header {
    padding: 0px 18px;
  }

  .ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
    height: 22px;
    line-height: 22px;
  }
}
.booking-add-title {
  background-color: #ffffff;
  border-radius: 5px;
  max-width: 1280px;
  padding: 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-shadow: 0px 2px 4px #a3a3a31a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303,
    0px 46px 13px transparent;
  display: flex;
  gap: 15px;
  flex-direction: column;
  text-align: left;
}

.booking-widget-title {
  font-family: var(--font-family);
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #CDBA86;
  align-self: flex-start;
}

.widget .button-small,
.sticky-widget .button-small {
  height: 38px;
}



.booking {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.widget-close {
  display: none;
}

.hotelpage .widget-close {
  display: unset;
  position: absolute;
  top: 10px;
  right: 12px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.booking-widget-title {
  display: none;
}

.booking .input-field-instance {
  width: 16% !important;
}

.search .booking .input-field-instance {
  width: 20% !important;
}

.homepage .design-component-instance-node-3 .booking-widget-title,
.collectionpage .design-component-instance-node-3 .booking-widget-title,
.nopage .design-component-instance-node-3 .booking-widget-title {
  display: block;
  align-self: flex-start;
  width: 16% !important;
}

.booking .design-component-instance-node {
  font-family: var(--font-family) !important;
  font-size: var(--font-size-14) !important;
  font-style: unset !important;
  font-weight: var(--medium-font-weight) !important;
  letter-spacing: 0 !important;
  line-height: 20px !important;
}

.booking .input-field-2 {
  font-family: var(--font-family) !important;
  font-size: var(--font-size-14) !important;
  font-style: unset !important;
  font-weight: var(--regular-font-weight) !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
}

.booking .input-field-3 {
  width: 150px !important;
}

.booking .button-small-instance {
  flex: 0 0 auto !important;
}

.booking .search-btn {
  font-size: var(--font-size-12);
  font-weight: var(--semibold-font-weight);
}

.booking .icon-instance-node {
  height: 20px !important;
  position: relative !important;
  width: 20px !important;
}

.booking .icon-instance {
  height: 18px !important;
  position: relative !important;
  width: 18px !important;
}



/* @media only screen and (max-width: 1024px) {
  .booking > div.input-field {
    width: 22% !important;
    padding-bottom: 20px;
  }
} */

/* Drop Down For Travel Person */

.dropdown-main-container {
  cursor: pointer;
}

.dropdown-menu-container {
  background: rgba(255, 255, 255, 1);
  border: 0.5px solid rgb(249, 240, 240);
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 9px;
  z-index: 13;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  min-height: 100px;
  max-height: 270px;
  overflow-y: auto;
  scrollbar-width: none;
}

.booking-children-dropdown__control {
  border-radius: 8px !important;
  box-shadow: unset !important;
  border-color: #ccc !important;
  margin-bottom: 10px;
}

.booking-children-dropdown__indicator-separator {
  display: none;
}

.booking-children-dropdown__indicator {
  padding: 5px 5px 0 0 !important;
  color: hsl(0, 0%, 70%) !important;
}

.booking-children-dropdown__menu {
  border-radius: 5px !important;
}

.booking-children-dropdown__menu-list {
  padding: 5px !important;
}

.booking-children-dropdown__option {
  font-family: "Montserrat" !important;
  color: #344054 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: -0.15px !important;
  text-align: left !important;
  padding: 5px 10px !important;
  margin-bottom: 2px;
}

.booking-children-dropdown__option--is-selected {
  background-color: #efe2bf !important;
  border-radius: 5px;
  color: #344054 !important;
}

.booking-children-dropdown__option--is-focused {
  background-color: #efe2bf !important;
  border-radius: 5px;
  color: #344054 !important;
}



.sticky-widget .dropdown-menu-container {
  top: unset;
  bottom: 0;
}

.Add-room-button-text.disabled {
  background-color: #cccccc;
  /* Grey color for disabled state */
  cursor: not-allowed;
  pointer-events: none;
}



.hotelpage .dropdown-menu-container {
  background: rgba(255, 255, 255, 1);
  border: 0.5px solid rgb(249, 240, 240);
  width: 100%;
  position: absolute;
  top: unset;
  bottom: 0px;
  right: 0px;
  border-radius: 9px;
  z-index: 13;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  min-height: 100px;
  max-height: 350px;
  overflow: auto;
  scrollbar-width: none;
}

.dropdown-menu-card {
  display: flex;
  flex-direction: column;
}

.room-delete-icon {
  padding: 0 6px;
}

.dropdown-card {
  display: flex;
  flex-direction: column;
  padding: 14px 14px 0 14px;
  gap: 3px;
  width: 100%;
}

.last-room {
  border-bottom: 1px solid #EFE2BF;
}

.icon-cursor {
  cursor: pointer;
}

.Room-Name-Tag {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.Room-Tag {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.15000000596046448px;
  text-align: left;
  color: #344054;
}

.Room-category {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* .disabled-icon {
  color: grey;
  pointer-events: none;
} */

.Add-room-button {
  display: flex;
  justify-content: flex-end;
  padding: 5px 0px;
  cursor: pointer;
}

.Add-room-button-text {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #344054;
  letter-spacing: 0.5px;
  background-color: #EFEFEF;
  padding: 5px 10px;
  border-radius: 5px;
}

.Done-button-text {
  background: linear-gradient(180deg, #EC0D66 0%, #C21A46 100%);
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #ffffff;
  letter-spacing: 0.5px;
  padding: 5px 10px;
  border-radius: 5px;
}

.room-button-container {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
  flex-direction: column;
  margin: 0px 10px 5px 0;
}

.Room-persons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Room-members {
  display: flex;
  padding: 5px;
  gap: 15px;
  align-items: center;
}

.Room-members {
  display: flex;
  padding: 5px;
  gap: 15px;
  justify-content: center;
}

.sticky-widget .booking-sticky .button-small {
  margin-top: 5px;
}


@media only screen and (max-width: 1260px) {

  .booking>div.input-field,
  .search .booking>div.input-field {
    width: 45% !important;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1260px) {

  .hotelpage .booking>div.input-field {
    width: 45% !important;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1150px) {
  .hotelpage .booking>div.input-field {
    width: 100% !important;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .hotelpage .booking>div.input-field {
    width: 100% !important;
    padding-bottom: 20px;
  }

  .hotelpage .design-component-instance-node-3 .booking-widget-title {
    display: block;
  }

  .hotelpage .widget-close {
    display: none;
  }
}

@media only screen and (max-width: 600px) {

  .booking>div.input-field,
  .search .booking>div.input-field {
    width: 100% !important;
    padding-bottom: 20px;
  }

  .booking>.button-small {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .booking>.button-small .p {
    /* margin: auto; */
  }
}

/* booking for sticky  */
/* ***** */

.booking-sticky {
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}


.booking-sticky .input-field-instance {
  width: 20% !important;
  flex-direction: unset !important;
}

/* .booking-sticky .input-field-instance-sticky {
  width: 13% !important;
  margin: 0 20px;
} */

.booking-sticky .design-component-instance-node {
  font-family: var(--font-family) !important;
  font-size: var(--font-size-14) !important;
  font-style: unset !important;
  font-weight: var(--medium-font-weight) !important;
  letter-spacing: 0 !important;
  line-height: 20px !important;
}

.booking-sticky .input-field-2 {
  font-family: var(--font-family) !important;
  font-size: var(--font-size-14) !important;
  font-style: unset !important;
  font-weight: var(--regular-font-weight) !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  position: relative;
}

.booking-sticky .input-field-3 {
  width: 150px !important;
}

/* .booking-sticky .button-small-instance {
  flex: 0 0 auto !important;
} */

.booking-sticky .search-btn {
  font-size: var(--font-size-12);
  font-weight: var(--semibold-font-weight);
}

.booking-sticky .icon-instance-node {
  height: 20px !important;
  position: relative !important;
  width: 20px !important;
}

.booking-sticky .icon-instance {
  height: 18px !important;
  position: relative !important;
  width: 18px !important;
}


/* @media only screen and (max-width: 1024px) {
  .booking-sticky > div.input-field {
    width: 22% !important;
    padding-bottom: 20px;
  }
} */

@media only screen and (max-width: 1440px) {
  .booking .design-component-instance-node {
    font-size: var(--font-size-12) !important;
  }
}


@media only screen and (max-width: 1260px) {
  .booking-sticky>div.input-field {
    width: 45% !important;
    padding-bottom: 20px;
  }

  .booking-widget-title {
    display: block;
  }

  /* .search .booking-widget-title {
    display: none;
  } */

  .homepage .design-component-instance-node-3 .booking-widget-title,
  .collectionpage .design-component-instance-node-3 .booking-widget-title,
  .hotelpage .design-component-instance-node-3 .booking-widget-title,
  .search .design-component-instance-node-3 .booking-widget-title,
  .nopage .design-component-instance-node-3 .booking-widget-title {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .booking-sticky>div.input-field {
    width: 100% !important;
    padding-bottom: 20px;
  }

  .booking-sticky>.button-small {
    width: 100%;
  }

  .booking-sticky>.button-small .p {
    margin: auto;
  }
}
.popupmodal-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.popupmodal-maincontainer {
    top: 40px;
}


.popupmodal .ant-input-affix-wrapper {
    padding: 11px 11px;
}

.popupmodal .ant-input-outlined:focus-within {
    box-shadow: unset !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.popupmodal .ant-input {
    padding: 11px 11px;
    transition: none;
}

.popupmodal .ant-input::placeholder {
    color: #707070 !important;
}

.popupmodal .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
    border-width: none;
    background: rgba(0, 0, 0, 0.4);
}

.popupmodal-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.popupmodal .ant-form-item .ant-form-item-control-input-content {
    text-align: center;
}

.popupmodal .ant-input {
    transition: none !important;
}

.popupmodal span.ant-input-affix-wrapper.ant-input-outlined.ant-input-status-error.login-input,
.popupmodal .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):hover {
    background-color: rgba(0, 0, 0, 0.4) !important;

}

.ant-btn:not(:disabled):focus-visible {
    outline: unset !important;
}

.popupmodal span.ant-input-affix-wrapper.ant-input-outlined.ant-input-status-success.ant-input-password.login-input {

    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
}

.popupmodal .ant-input-affix-wrapper .ant-input-suffix {
    font-size: x-large;
}

.popupmodal .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
    background: linear-gradient(180deg, rgb(236, 13, 102) 0%, rgb(194, 26, 70) 100%);

}

.popupmodal {
    background-size: cover;
    background-position: center;
    padding: 40px 32px;
    border-radius: 45px;
}

.login-input {
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
    box-shadow: unset;
    background-clip: padding-box;

}

.login-input input:-webkit-autofill,
.login-input nput:-webkit-autofill:hover,
.login-input input:-webkit-autofill:focus,
.login-input input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}

.login-input:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border: none;
    color: #fff;
}

.login-input:active {
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
}

.login-input:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border: none;
    color: #fff;
    box-shadow: unset;
}

.popupmodal .ant-spin .ant-spin-dot-item {
    background-color: #e81ad1;
}



.buttoncontainer {
    margin: 30px 0px;
}

.submit-button {
    border-radius: 10px;
    padding: 22px 0px;
    display: flex;
    width: 100%;
    cursor: pointer;
    background: linear-gradient(180deg, rgb(236, 13, 102) 0%, rgb(194, 26, 70) 100%);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


.forget-pass-text {
    margin: -14px 0px 14px;
    font-size: 12px;
    color: white;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.signin-button {
    height: 50px;
    width: 100%;
    background: #000;
}

.sign-up-text {
    font-size: 14px;
    color: white;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: center;
}

.sign-in-text {
    font-size: 14px;
    color: white;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.button-icon-container-google,
.button-icon-container-facebook,
.button-icon-container-apple {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 5px;
    border-radius: 18px;
    margin: 15px 0;
    cursor: pointer;
}

.button-icon-container-google {
    background-color: #B33236;
}

.button-icon-container-facebook {
    background-color: #3E4CBF;
}

.button-icon-container-apple {
    background-color: #282828;
}

img.button-icon {
    height: 30px;
    width: 30px;
}

h2.button-title {
    color: white;
    font-size: 14px;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.ant-form-item-explain-error {
    float: left;
}

@media only screen and (max-width: 600px) {

    .ant-modal.popupmodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.popupmodal-maincontainer) {
        overflow: unset !important;
    }

    .popupmodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }


    .popupmodal {
        height: 100vh;
        width: 100vw;
        border-radius: unset !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .popupmodal-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
        color: #000;

    }
}

@media only screen and (max-width: 420px) {

    .popupmodal {
        padding: 45px 35px !important;
    }

    h2.button-title {
        font-size: 10px;
    }

    img.button-icon {
        height: 32px;
        width: 32px;
    }

    .sign-up-text {
        font-size: 12px;
    }

    .sign-in-text {
        font-size: 12px;
    }
}

@media only screen and (max-width: 300px) {
    .popupmodal .ant-form {
        margin: 8px 0 0;
    }

    .popupmodal {
        padding: 35px 25px !important;
    }

    h2.button-title {
        font-size: 10px;
    }

    img.button-icon {
        height: 32px;
        width: 32px;
    }

    .sign-up-text {
        font-size: 10px;
    }

    .sign-in-text {
        font-size: 10px;
    }
}

/* new popup */

.ant-modal.newpopupmodal-maincontainer {
    width: 650px !important;
}

.newpopupmodal-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
   
    @media (max-width: 600px) {
        border-radius: unset !important;
    }
}

.ant-modal.newpopupmodal-maincontainer {
    top: 40px;
}

.newpopupmodal-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    color: #fff;
    font-size: 17px;
}

@media only screen and (max-width: 600px) {

    .ant-modal.newpopupmodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.newpopupmodal-maincontainer) {
        overflow: unset !important;
    }

    .newpopupmodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .newpopupmodal-maincontainer .ant-modal-content .ant-modal-close {
        top: 22px !important;
        right: 0 !important;
        color: #000;

    }
}

.signup-card {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    font-family: 'Montserrat';
    
    @media (max-width: 600px) {
        height: 100vh;
        width: 100vw;
        border-radius: unset !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

.signup-card-left {
    width: 50%;
    @media (max-width: 600px) {
        width: unset;
    }
}

.signup-card-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (max-width: 600px) {
        width: unset;
    }
}

.logo {
    font-size: 24px;
    font-weight: bold;
}

.exclusive-benefits {
    background: linear-gradient(167.3deg, #CDBA86 -19.64%, #A49974 103.93%);
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0;
    width: max-content;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat';
    letter-spacing: 1px;
}

.signup-card-left h2 {
    font-size: 20px;
    color: #3B3B4D;
    font-weight: 600;
    margin-bottom: 6px;
}

.signup-card-left p {
    font-size: 16px;
    color: #475467;
    font-weight: 500;
    margin-bottom: 14px;
}

.discount {
    font-weight: bold;
}

.social-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 10px;
}

.social-button {
    width: 94px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 8px 0;
    
    @media (max-width: 350px) {
        width: 80px;
    }
}

.facebook {
    background: linear-gradient(315deg, #4048EF 0%, #5A7BEF 100%);
    color: white;
}

.google {
    background: linear-gradient(180deg, #EC0D66 0%, #C21A46 100%);
    color: white;
}

.apple {
    background: linear-gradient(144.13deg, #393E45 4.78%, #0A0D10 100.74%);
    color: white;
}

.continue-email {
    background-color: #ff4b5c;
    color: white;
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
}

.loyals {
    margin-top: 20px;
}

.loyals p {
    font-size: 18px;
    font-weight: 500;
}

.signup-card-left .ant-input-prefix {
    margin-inline-end: 8px !important;
}

.emailInput .ant-input-lg {
    line-height: unset !important;
}

.otpInput .ant-input-lg {
    line-height: unset !important;
}

.otpInput {
    margin-top: 10px;
}

.newpopupmodal-maincontainer .ant-modal-close-x {
    color: #3B3B4D !important;
    font-size: 20px;
}

.signup-card-usersImgContainer {
    text-align: center;
}

.signup-card-left a {
    text-decoration-line: underline;
    color: #3B3B4D;
}

.sign-arrow-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 50px;
    border: 1px solid #EAECF0;
    border-radius: 10px;
    cursor: pointer;
    background: linear-gradient(180deg, #EC0D66 0%, #C21A46 100%);
}

.forwardIcon {
    float: right;
}

.signup-code-text {
    font-weight: 600;
    font-size: 20px;
    color: #3B3B4D;
}

.signup-card-left .ant-btn {
    padding: 6px 5px !important;
}

.forwardIcon .ant-spin .ant-spin-dot .ant-spin-dot-item {
    background-color: rgba(232, 15, 99, 1);
}

.signup-card-left .signup-card-btn p {
    margin-bottom: 0;
}

.signup-card-left .signup-card-btn {
    margin-bottom: 18px;
}

.resentOtp-container {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.resentOtp-container p {
    margin-bottom: 0;
}

.resentOtp-timer {
    color: red;
    font-family: 'Montserrat';
}

.resentOtp-btn-none {
    display: none;
}

.resentOtp-btn-display {
    display: block;
}

.resentOtp-btn {
    border: none;
    outline: none;
    text-decoration: underline;
    cursor: pointer;
    font-family: 'Montserrat';
    background-color: unset;
    color: rgb(226 16 95);
}

.signup-otp-from {
    margin-bottom: unset !important;
}
.destinationPage-container {
    margin-top: 105px;
    font-family: var(--font-family);
}

.destinationPage .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 4% 8%;
    position: relative;
    width: 100%;
    overflow-x: hidden;
  }

  .destinationPage-process{
    margin: 20px 0;
  }

.destinationPage-processSteps-conatiner {
    display: flex;
    justify-content: center;
}

.destinationPage-ProgressContainer{
    display: flex;
    margin-right: 10px;
}

.destinationPage-processSteps-lineContainer{
    height: 100%;
    display: flex;
    align-items: center;
}

.destinationPage-processSteps-line{
    height: 4px;
    width: 42px;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1));
}

.destinationPage-processSteps {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.active {
    background-color: rgb(193 177 129);
    color: #fff;
    border-color: rgb(193 177 129);
}

.active-line{
    background-color: rgb(193 177 129);
}

.destinationPage-field-label{
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);
    font-weight: 700;
    text-align: left;
}

.destinationPage-fields{
    width: 450px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.destinationPage-field-input{
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
    height: 37px;
    width: 100%;
    outline: none;
}

.destinationPage-field-btn-container{
    background-color: rgb(226 16 95);
    padding: 6px 0;
    border-radius: 8px;
}

.destinationPage-field-btn{
    width: 100%;
    justify-content: center;
}

.destinationPage-field-btn > span{
    color: white;
}

.error{
    color: red;
    text-align: left;
}

.destinationPage-secondProgress-container{
    text-align: left;
}

.destinationPage-secondTitle{
    margin: 20px 0px;
}

.destinationPage-secondContent{
    margin: 20px 0;
}

.checkDestination-btn{
    margin-bottom: 18px;
}

.popup-overlay {
    font-family: "Montserrat";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.destinationPage-popup-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    position: relative;
    width: 500px;
}

.popup-title{
    margin-bottom: 10px;
}

.popup-description{
    color: gray;
    text-align: start;
    font-size: 17px;
    margin-top: 16px;
}

.popup-cancel{
    width: 11px;
    position: absolute;
    top: 10px;
    right: 12px;
    border: none;
    background: none;
    cursor: pointer;
}

.popup-imageDivContainer{
    display: flex;
    gap: 12px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.popup-imagecontainer{
    width: 100px;
    height: 100px;
    background-color: #D0D5DD;
    border-radius: 6px;
}

.popup-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-text-title{
    font-size: 18px;
    font-weight: 600;
}

.popup-text-description{
    color: gray;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
}

.destinationPage-popup-title{
    font-size: 18px;
    text-align: start;
}

.popup-textContainer{
    text-align: start;
}

.destinationPage-button-outline{
    border: 1px solid hsl(0 0% 89.8%) !important;
}

.destinationPage-popup-btnContainer{
    display: flex;
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
}

.destinationPage-button-outline > p {
    color: black !important;
}

.destinationPage-paymentField{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.destinationPage-cardField{
    display: flex;
    justify-content: space-between;
}

.destinationPage-thirdProgress-btnContainer{
    display: flex;
    margin-top: 24px;
    justify-content: space-between;
}

.destinationPage-thirdProgress-firstBtn{
    border-color: #D0D5DD !important;
}

.destinationPage-thirdProgress-firstBtn > p{
    color: black !important;
}

.destinationPage-fouthProgress{
    margin-bottom: 30px;
}

.destinationPage-fouthProgress-btn{
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 500px) {
    .destinationPage-fields{
        width: 100%;
    }
    .destinationPage-popup-content{
        width: 370px !important;
    }
    .destinationPage-popup-btnContainer > .button-small{
        width: 100% !important;
    }
}

@media only screen and (max-width: 350px) {
    .destinationPage-popup-content{
        width: 300px !important;
    }
}
.travelAdvisorPage-container {
    margin-top: 105px;
    font-family: var(--font-family);
}

.travelAdvisorPage .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 4% 8%;
    position: relative;
    width: 100%;
    overflow-x: hidden;
  }

  .travelAdvisorPage-process{
    margin: 20px 0;
  }

.travelAdvisorPage-processSteps-conatiner {
    display: flex;
    justify-content: center;
}

.travelAdvisorPage-spin .ant-spin-dot-item {
    background-color: rgb(226 16 95);
  }

.travelAdvisorPage-ProgressContainer{
    display: flex;
    margin-right: 10px;
}

.travelAdvisorPage-processSteps-lineContainer{
    height: 100%;
    display: flex;
    align-items: center;
}

.travelAdvisorPage-processSteps-line{
    height: 4px;
    width: 42px;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1));
}

.travelAdvisorPage-processSteps {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.active {
    background-color: rgb(193 177 129);
    color: #fff;
    border-color: rgb(193 177 129);
}

.active-line{
    background-color: rgb(193 177 129);
}

.travelAdvisorPage-field-label{
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
}

.travelAdvisorPage-payment-container{
    display: flex;
    justify-content: space-evenly;
    padding: 20px 0;
}

.travelAdvisorPage-payment-container label{
    font-family: var(--font-family);
}

.travelAdvisorPage-payment-container .ant-radio-checked .ant-radio-inner {
    background-color: var(--LOVU-Pink) !important;
    border: 1px solid var(--LOVU-Pink) !important;
}

.travelAdvisorPage-payment-container .ant-radio-checked::after,
.travelAdvisorPage-payment-container .ant-radio-checked .ant-radio-inner:hover {
    border: 1px solid var(--LOVU-Pink) !important;
}

.travelAdvisorPage-paymentfield-btn, .invoice-payment-btn{
    width: 100%;
    justify-content: center;
    margin-top: 12px;
    border-radius: 4px !important;
}

.travelAdvisorPage-paymentfield-btn .button-text, .invoice-payment-btn .button-text {
    text-transform: none !important;
}

.travelAdvisorPage-paymentfield-btn > span{
    color: white;
}

.travelAdvisorPage-fields{
    width: 450px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.travelAdvisorPage-field-input{
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
    height: 37px;
    width: 100%;
    outline: none;
}

.travelAdvisorPage-field-btn-container{
    background-color: rgb(226 16 95);
    padding: 6px 0;
    border-radius: 8px;
}

.travelAdvisorPage-field-btn{
    width: 100%;
    justify-content: center;
}

.travelAdvisorPage-field-btn > span{
    color: white;
}

.error{
    color: red;
    text-align: left;
}

.travelAdvisorPage-secondProgress-container{
    text-align: left;
}

.travelAdvisorPage-secondTitle{
    margin: 20px 0px;
}

.travelAdvisorPage-secondContent{
    margin: 20px 0;
}

.checkDestination-btn{
    margin-bottom: 18px;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.popup-title{
    margin-bottom: 10px;
}

.popup-description{
    color: gray;
    text-align: start;
    font-size: 14px;
}

.popup-cancel{
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: none;
    cursor: pointer;
}

.popup-imageDivContainer{
    display: flex;
    gap: 12px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.popup-imagecontainer{
    width: 100px;
    height: 100px;
    background-color: #D0D5DD;
    border-radius: 6px;
}

.popup-text-title{
    font-size: 18px;
    font-weight: 600;
}

.popup-text-description{
    color: gray;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
}

.travelAdvisorPage-popup-title{
    font-size: 18px;
    text-align: start;
}

.popup-textContainer{
    text-align: start;
}

.travelAdvisorPage-button-outline{
    border: 1px solid hsl(0 0% 89.8%) !important;
}

.travelAdvisorPage-popup-btnContainer{
    display: flex;
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
}

.travelAdvisorPage-button-outline > p {
    color: black !important;
}

.travelAdvisorPage-paymentField{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.travelAdvisorPage-cardField{
    display: flex;
    justify-content: space-between;
}

.travelAdvisorPage-thirdProgress-btnContainer{
    display: flex;
    margin-top: 24px;
    justify-content: space-between;
}

.travelAdvisorPage-thirdProgress-firstBtn{
    margin-top: 24px;
    border-color: #D0D5DD !important;
}

.travelAdvisorPage-thirdProgress-firstBtn > p{
    color: black !important;
}

.travelAdvisorPage-fouthProgress{
    margin-bottom: 30px;
}

.travelAdvisorPage-fouthProgress-btn{
    display: flex;
    justify-content: center;
}

.four-star-container {
    margin: 10px 0 15px 0;
}

.travelAdvisorPage-radio-group{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.travelAdvisorPage-radio-container > .radio-group{
    width: unset !important;
    margin-top: 10px;
}

.popup-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.travelAdvisorPage-plans-btnContainer{
    margin-top: 24px;
    display: flex;
    gap: 20px;
}

.travelAdvisorPage-checkBox{
    margin-top: 24px;
    font-family: var(--font-family);
    font-weight: 800;
}

.travelAdvisorPage-checkBox.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.travelAdvisorPage-checkBox .ant-checkbox:hover .ant-checkbox-inner {
    border-color: rgb(226 16 95) !important;
}

.travelAdvisorPage-checkBox .ant-checkbox-checked .ant-checkbox-inner {
    background-color: rgb(226 16 95) !important;
    border-color: rgb(226 16 95) !important;
}

.travelAdvisorPage-plans-btn{
    border: 1px solid hsl(0 0% 89.8%);
    padding: 20px;
    border-radius: 8px;
    width: 50%;
}

.travelAdvisorPage-tableContainer table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 28px;
}

.travelAdvisorPage-tableContainer table thead td {
    font-weight: bold;
    background-color: #f4f4f4;
    padding: 10px;
}

.travelAdvisorPage-tableContainer table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.travelAdvisorPage-tableContainer table tbody tr:nth-child(even) {
    background-color: #fff;
}

.travelAdvisorPage-tableContainer table td {
    padding: 10px;
    border: 1px solid #ddd;
}

.spotlight-present {
    background-color: rgb(193 177 129); /* Gold for Spotlight */
    color: #fff;
    font-weight: bold;
}
.coupon{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coupon-box{
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coupon-field{
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
@media only screen and (max-width: 500px) {
    .travelAdvisorPage-fields{
        width: 100%;
    }
    .travelAdvisorPage-popup-btnContainer > .button-small{
        width: 100% !important;
    }
    .travelAdvisorPage-plans-btn{
        padding: 10px;
    }
    .travelAdvisorPage-plans-btn > .button-small{
        min-height: 75px;
        height: unset !important;
    }
}

@media only screen and (max-width: 350px) {
    .travelAdvisorPage-secondTitle{
        margin: 20px;
    }
    .travelAdvisorPage-plans-btnContainer{
        gap: 5px;
    }
    .travelAdvisorPage-plans-btn{
        padding: 8px;
    }
    .travelAdvisorPage-tableContainer{
        display: flex;
        justify-content: center;
    }
}
.createHotelPage-container {
    margin-top: 105px;
    font-family: var(--font-family);
}

.createHotelPage .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 4% 8%;
    /* position: relative; */
    width: 100%;
    /* overflow-x: hidden; */
  }

  .createHotelPage-process{
    margin: 20px 0;
  }

.createHotelPage-processSteps-conatiner {
    display: flex;
    justify-content: center;
}

.createHotelPage-ProgressContainer{
    display: flex;
    margin-right: 10px;
}

.createHotelPage-processSteps-lineContainer{
    display: flex;
    align-items: center;
}

.createHotelPage-processSteps-line{
    height: 2px;
    width: 42px;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1));
}

.createHotelPage-processSteps {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.createHotelPage-hotel-field{
    position: relative;
}

.active {
    background-color: rgb(193 177 129);
    color: #fff;
    border-color: rgb(193 177 129);
}

.createHotelPage-checkBox{
    margin-top: 24px;
    font-family: var(--font-family);
    font-weight: 800;
}

.createHotelPage-checkBox.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.createHotelPage-checkBox .ant-checkbox:hover .ant-checkbox-inner {
    border-color: rgb(226 16 95) !important;
}

.createHotelPage-checkBox .ant-checkbox-checked .ant-checkbox-inner {
    background-color: rgb(226 16 95) !important;
    border-color: rgb(226 16 95) !important;
}

.active-line{
    background-color: rgb(193 177 129);
}

.createHotelPage-field-label{
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);
    font-weight: 700;
    text-align: left;
}

.createHotelPage-fields{
    width: 450px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.createHotelPage-field-input{
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
    height: 37px;
    width: 100%;
    outline: none;
}

.createHotelPage-field-btn-container{
    background-color: rgb(226 16 95);
    padding: 6px 0;
    border-radius: 8px;
}

.createHotelPage-field-btn{
    width: 100%;
    justify-content: center;
}

.createHotelPage-field-btn > span{
    color: white;
}

.createHotelPage-paymentfield-btn, .invoice-payment-btn{
    width: 100%;
    justify-content: center;
    margin-top: 12px;
    border-radius: 4px !important;
}

.createHotelPage-paymentfield-btn .button-text, .invoice-payment-btn .button-text {
    text-transform: none !important;
}

.createHotelPage-paymentfield-btn > span{
    color: white;
}


.createHotelPage-payment-container{
    display: flex;
    justify-content: space-evenly;
    padding: 10px 0;
}

.invoice-payment-btn{
    margin-top: 10px;
}

.createHotelPage-payment-container .ant-radio-checked .ant-radio-inner {
    background-color: var(--LOVU-Pink) !important;
    border: 1px solid var(--LOVU-Pink) !important;
}

.createHotelPage-payment-container .ant-radio-checked::after,
.createHotelPage-payment-container .ant-radio-checked .ant-radio-inner:hover {
    border: 1px solid var(--LOVU-Pink) !important;
}

.error{
    color: red;
    text-align: left;
}

.createHotelPage-secondProgress-container{
    text-align: left;
}

.createHotelPage-secondTitle{
    margin: 20px 0px;
}

.createHotelPage-secondContent{
    margin: 20px 0;
}

.checkDestination-btn{
    margin-bottom: 18px;
}

.hotel-signup-hotelInform .radio-group span{
    font-family: var(--font-family) !important;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.createHotelPage-popup-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    position: relative;
    width: 500px;
}

.popup-title{
    margin-bottom: 10px;
}

.popup-description{
    color: gray;
    text-align: start;
    font-size: 14px;
}

.popup-cancel{
    width: 12px;
    position: absolute;
    top: 10px;
    right: 12px;
    border: none;
    background: none;
    cursor: pointer;
}

.popup-imageDivContainer{
    display: flex;
    gap: 12px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.popup-imagecontainer{
    width: 100px;
    height: 100px;
    background-color: #D0D5DD;
    border-radius: 6px;
}

.popup-text-title{
    font-size: 18px;
    font-weight: 600;
}

.popup-text-description{
    color: gray;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
}

.createHotelPage-popup-title{
    font-size: 18px;
    text-align: start;
}

.popup-textContainer{
    text-align: start;
}

.createHotelPage-button-outline{
    border: 1px solid hsl(0 0% 89.8%) !important;
}

.createHotelPage-popup-btnContainer{
    display: flex;
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
}

.createHotelPage-button-outline > p {
    color: black !important;
}

.createHotelPage-container input {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--gray-500) !important;
}

.createHotelPage-paymentField{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.hotel-signup-hotelInform > .radio-group{
    width: 100% !important;
}

.createHotelPage-field-label{
    margin-bottom: 10px;
}

.createHotelPage-checkBox{
    width: 100%;
    margin-top: 24px;
}

.fouthProgress-text{
    line-height: 34px;
}

.createHotelPage-cardField{
    display: flex;
    justify-content: space-between;
}

.createHotelPage-thirdProgress-btnContainer{
    display: flex;
    margin-top: 24px;
    justify-content: space-between;
}

.createHotelPage-thirdProgress-firstBtn{
    border-color: #D0D5DD !important;
}

.createHotelPage-thirdProgress-firstBtn > p{
    color: black !important;
}

.createHotelPage-fouthProgress{
    margin-bottom: 30px;
}

.createHotelPage-fouthProgress-btn{
    display: flex;
    justify-content: center;
}

.four-star-container {
    margin: 10px 0 15px 0;
}

.createHotelPage-radio-group{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

 .createHotelPage-radio-container > .radio-group{
    width: unset !important;
    gap: unset !important;
}

.createHotelPage-spin{
    width: 100%;
}

.createHotelPage-spin .ant-spin-dot-item {
    background-color: rgb(226 16 95);;
  }
  

.createHotelPage-addressContainer > .widget-input-maincontainer{
    width: 100% !important;
}

.createHotelPage-addressContainer .widget-input-label{
    text-align: start;
    font-weight: 900 !important;
}

.createHotelPage-addressContainer .address-hidden{
    display: none;
}

.popup-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.createHotelPage-dropdown-container {
    position: absolute;
    top: 72px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
    min-height: 50px;
    max-height: 350px;
    overflow: auto;
    scrollbar-width: none;
    cursor: pointer;
    padding: 10px;
    box-shadow: 0px 1px 12px 0px #0000001f;
    border-radius: 5px;
}

.createHotelPage-dropdown-item {
    padding: 5px 10px;
    cursor: pointer;
    text-align: start;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #344054;
}

.createHotelPage-dropdown-item:hover {
    background-color: #EFE2BF;
    border-radius: 6px;
}

.createHotelPage-no-results {
    text-align: center;
    padding: 10px;
    color: #888;
}

@media only screen and (max-width: 600px) {
    .marketplace-routeBtn{
        word-break: break-word;
        white-space: normal;
    }
    .createHotelPage-fouthProgress-container{
        width: 100%;
    }
    .button-small .button-text {
        white-space: normal;
    }
}

@media only screen and (max-width: 500px) {
    .createHotelPage-fields{
        width: 100%;
    }
    .createHotelPage-popup-content{
        width: 370px !important;
    }
    .createHotelPage-popup-btnContainer > .button-small{
        width: 100% !important;
    }
}

@media only screen and (max-width: 350px) {
    .createHotelPage-popup-content{
        width: 300px !important;
    }
}
.profile .pageContent {
    display: flex;
    padding: 50px 8% 0px;
    width: 100%;
    overflow-x: hidden;
    margin-top: 50px;
}

.profile .sub-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.profile-title {
    padding: 25px 0;
    color: rgba(205, 186, 134, 1);
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Montserrat';
}

.profile-image-container {
    padding: 5px 0 5px;
    width: 20%;

}

.user-profile {
    height: 100px;
    width: 100px;
    background-color: #bbbbbbbc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    object-fit: cover;
    position: relative;
    cursor: pointer;
}

.hover-camera-container {
    display: none;
}

.user-profile:hover .hover-camera-container {
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #e9e9e9;
    opacity: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.hover-camera-icon {
    height: 30px;
    width: 30px;
}

.autoSaveContainer {
    position: fixed;
    right: 45%;
    transform: translateX(50%);
    padding: 10px;
    background: #dff0d8;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000000000;
    display: flex;
    justify-content: space-around;
    align-items: center;
    animation: bar 0.5s ease-in;
}

.autoSaveContainerText {
    color: #000;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Montserrat';
    text-align: start;
}

.user-name {
    color: #CDBA86;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Montserrat';
    text-align: center;
    margin: 8px 0px;
}

.profile-section {
    padding: 35px 0px 0px;
    width: 35%;
}

.userInfo-text {
    color: #000000;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Montserrat';
    text-align: start;
    letter-spacing: 0.5px;
    line-height: 15px;
    text-transform: uppercase;
}

.skeleton-container {
    margin: 20px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.userInfo-container {
    margin: 20px 0;
    width: 100%;
}

.userInfoRow {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

h2.tap-to-edit-text {
    color: #252525;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin: 10px 0px 10px 10px;
    cursor: pointer;
    text-align: start;
}

.userInfoRowTitle {
    color: #898793;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Montserrat';
    text-align: start;
    width: 50%;
    padding-top: 1px;
    padding-right: 15px;
}

.userInfoChangable {
    width: 100%;
}

.userInfoChangable.date-picker {
    display: flex;

}

.userInfoChangable .ant-input-outlined,
.userInfoChangable .ant-input-outlined:focus,
.userInfoChangable .ant-input-outlined:focus-within,
.suggestionTagContentContainer .ant-input-outlined,
.suggestionTagContentContainer .ant-input-outlined:focus,
.suggestionTagContentContainer .ant-input-outlined:focus-within {
    border: none;
    box-shadow: unset;
}

.userInfoChangable .gender-drop-down {
    width: 40% !important;
    font-family: "Montserrat";
    color: #667085;
    font-size: 14px;
    font-weight: 400;
    box-shadow: unset !important;
    border: none !important;
}

.userInfoChangable .react-dropdown-select-dropdown-handle {
    display: none;
}

.gender-drop-down .react-dropdown-select-content .react-dropdown-select-input,
.gender-drop-down .react-dropdown-select-content span {
    margin-left: 5px;
    font-weight: 400;
    font-family: "Montserrat";
    color: #667085;
    padding: 7px 0px !important;
    text-align: left;
}

.gender-drop-down .react-dropdown-select-dropdown.react-dropdown-select-dropdown-position-bottom {
    top: 36px;
    animation: 0.3s dropopen;
}

@keyframes dropopen {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.react-dropdown-select-dropdown {
    width: 100% !important;
}


input.ant-input.ant-input-outlined.user-input-field {
    color: #252525;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}

input.ant-input.ant-input-outlined.user-input-field::placeholder {
    color: #252525;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}

.social-button-container-google,
.social-button-container-facebook,
.social-button-container-apple {
    display: flex;
    align-items: center;
    padding: 2px;
    border-radius: 15px;
    margin: 4px 0;
    cursor: pointer;
    opacity: 50%;
    justify-content: center;
}

.social-button-container-google {
    background: linear-gradient(180deg, #EA4D52 100%, #B33236 100%);
}

.social-button-container-facebook {
    background: linear-gradient(180deg, #4048EF 100%, #5A7BEF 100%);
}

.social-button-container-apple {
    background: linear-gradient(180deg, #393E45 100%, #0A0D10 100%);
}

img.social-button-icon {
    margin-right: 4px;
    height: 30px;
    width: 30px;
}

h2.button-link-text {
    color: white;
    font-size: 11px;
    font-family: 'Montserrat';
    line-height: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
}

.preferenceSectionContainer {
    width: 43%;
}

.preferenceSection {
    padding: 35px 0px 0px;
}

.OccasionPreferenceSection {
    padding: 17px 13px 10px;
    margin: 20px 0px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;

}

.suggestionTagContentContainer {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    width: 100%;
}


#suggestionTag {
    margin: 10px 0 0;
    color: #fff;
    border-radius: 5px;
}

.suggestion {
    font-size: 14px;
    background: #3E4CBF;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-family: 'Montserrat';
    opacity: 0.5;
    overflow: hidden;
    margin: 0 10px 10px 0;
    padding: 5px;
}

#selectedTag {
    opacity: 1;
}

.LastSection {
    display: flex;
    width: 100%;
    padding: 40px 0px 25px;
}

.NotificationContainer {
    width: 40%;
}

.OtherPreferenceContainer {
    width: 40%;
}

.switchContainer {
    margin: 20px 0 12px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
    width: 80%;
}

.switchContainerLabel {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-start;
}


.switchButtonText {
    color: #898793;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 15px;
    letter-spacing: inherit;
    width: 100%;
    text-align: left;
}



.userInfoChangable .css-b62m3t-container {
    width: 45%;
}

.userInfoChangable .css-1fdsijx-ValueContainer {
    justify-items: start;
}


.userInfoChangable .css-1jqq78o-placeholder {
    color: #252525 !important;
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
    font-weight: 500 !important;

}

.userInfoChangable .css-1nmdiq5-menu {
    color: #252525 !important;
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    animation: 0.3s dropopen;
}

.delete-button {
    padding: 0px 0 30px
}

@keyframes dropopen {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.userInfoChangable .css-18xndy1-control {
    outline: none !important;
    box-shadow: unset;
}

.react-switch-handle {
    height: 23px !important;
    width: 23px !important;
    background: rgb(255, 255, 255);
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    transform: translateX(1px);
    top: 3px !important;
    outline: 0px;
    border: 0px;
    transition: background-color 0.25s ease 0s, transform 0.25s ease 0s, box-shadow 0.15s ease 0s;
    left: 2px !important;
}

.react-switch-bg {
    height: 29px !important;

}

@media only screen and (max-width: 1440px) {

    .social-button-container-google,
    .social-button-container-facebook,
    .social-button-container-apple {
        width: 65% !important;
    }
}

@media only screen and (max-width: 1024px) {

    .profile-section {
        width: 50%;
    }

    h2.button-link-text {
        font-size: 10px;
        letter-spacing: 1px;
    }
}


@media only screen and (max-width: 768px) {
    .preferenceSectionContainer {
        width: 100%;
    }

    .NotificationContainer {
        width: 50%;
    }

    .OtherPreferenceContainer {
        width: 50%;
    }

    .userInfoRowTitle {
        width: 65%;
    }

    .profile-section {
        width: 100%;
    }

    .social-button-container-google,
    .social-button-container-facebook,
    .social-button-container-apple {
        justify-content: center;
    }


    .profile-image-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .profile-title {
        width: 100%;
    }
}


@media only screen and (max-width: 560px) {
    .LastSection {
        flex-direction: column;
    }

    .NotificationContainer {
        width: 100%;
        margin: 0 0 20px 0
    }

    .OtherPreferenceContainer {
        width: 100%;
    }

    .suggestion {
        font-size: 11px;
    }

    .social-button-container-google,
    .social-button-container-facebook,
    .social-button-container-apple {
        width: 75% !important;
    }

}

@media only screen and (max-width: 370px) {
    .profile-title {
        font-size: 20px;
    }

    .social-button-container-google,
    .social-button-container-facebook,
    .social-button-container-apple {
        width: 100% !important;
    }
}
.privacy .pageContent {
    margin-top: 120px;
}

.FAQ-main-title {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(205, 186, 134, 1);
}


.FAQ-main-subtitle {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(180deg, #EC0D66 0%, #C21A46 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 16px 0
}

.FAQ-subtitle {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: #3B3B4D;
    display: inline;
    margin-right: 5px;
}

.FAQ-content {
    color: #3B3B4D;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
}

.FAQ-extra-content{
    margin-top: 10px;
}

.FAQ-list-container {
    margin: 10px 0;
}

.FAQ-sub-container {
    margin: 10px 0;
}

.list-bullets {
    display: flex;
    list-style: none;
    position: relative;
    flex-direction: column;
}

.list-bullets li {
    display: inline-block;
}

.list-bullets li:before {
    display: inline-block;
    width: 2.5px;
    height: 2.5px;
    content: " ";
    border: 2px solid #EC0D66;
    border-radius: 4.5px;
    margin-right: 8px;
    background-color: #EC0D66;
    margin-bottom: 1px;
}


.list-bullets li {
    margin: 10px 0;
    text-align: start;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: #3B3B4D;
}

.FAQ-table-container {
    margin: 15px 0;
}

table {
    font-family: "Montserrat";
    border-collapse: collapse;
    width: 100%;
}

.FAQ-table-container>table>tr>td,
.FAQ-table-container>table>tr>th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}


@media only screen and (max-width:768px) {

    .list-bullets {
        display: flex;
        list-style: none;
        position: relative;
        flex-direction: column;
    }

}



@media only screen and (max-width: 420px) {


    .FAQ-table-container {
        margin: 15px 0;
        margin-left: -10%;
        padding-left: 8%;
        width: 100vw;
        overflow-x: auto;
    }

}
.privacy-main-title {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(205, 186, 134, 1);
}


.privacy-main-subtitle {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(180deg, #EC0D66 0%, #C21A46 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 10px 0
}

.privacy-subtitle {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: #3B3B4D;
    display: inline;
    margin-right: 5px;
}

.privacy-content {
    color: #3B3B4D;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
}

.privacy-list-container {
    margin: 10px 0;
}

.privacy-sub-container {
    margin: 10px 0;
}

.travel-terms-boldContent{
    font-weight: 700;
}

.list-bullets {
    display: flex;
    list-style: none;
    position: relative;
    flex-direction: column;
}

.list-bullets li {
    display: inline-block;
}

.list-bullets li:before {
    display: inline-block;
    width: 2.5px;
    height: 2.5px;
    content: " ";
    border: 2px solid #EC0D66;
    border-radius: 4.5px;
    margin-right: 8px;
    background-color: #EC0D66;
    margin-bottom: 1px;
}


.list-bullets li {
    margin: 10px 0;
    text-align: start;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: #3B3B4D;
}

.privacy-table-container {
    margin: 15px 0;
}

table {
    font-family: "Montserrat";
    border-collapse: collapse;
    width: 100%;
}

.privacy-table-container>table>tr>td,
.privacy-table-container>table>tr>th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.lovu-contact-mail {
    text-decoration: underline;
    color: #3B3B4D;
}

.lovu-contact-phone {
    color: #3B3B4D;
}


@media only screen and (max-width:768px) {

    .list-bullets {
        display: flex;
        list-style: none;
        position: relative;
        flex-direction: column;
    }

}



@media only screen and (max-width: 420px) {


    .privacy-table-container {
        margin: 15px 0;
        margin-left: -10%;
        padding-left: 8%;
        width: 100vw;
        overflow-x: auto;
    }

}
.primarySection {
    display: flex;
    width: 58%;
    flex-direction: column;
    padding: 15px 0 60px;
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

.occassions-main-title {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #CDBA86;
}

.occassions-main-subtitle {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(to right, #EC0D66, #C21A46);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 15px 0;

}

.occassions-main-content {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
}

.occassionMainContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.occassion-Container {
    width: 100%;
    display: flex;
    margin: 0 0 70px;
}

.occassion-Container-reverse {
    width: 100%;
    display: flex;
    margin: 0 0 70px;
}

.image-container {
    width: 50%;
}

.occasion-image {
    height: 367px;
    width: 100%;
    object-fit: cover;
}

.occassion-content-card-container {
    width: 50%;
    padding: 20px;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(246, 246, 246, 1);
}

.occassion-content-card {
    margin: auto;
    display: flex;
    min-height: 300px;
    justify-content: flex-start;
    width: 95%;
    align-items: center;
}


.content-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 90%;
}


.title {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(205, 186, 134, 1);
}

.content {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: rgba(59, 59, 77, 1);
}



@media only screen and (max-width: 768px) {
    .primarySection {
        width: 100%;
    }

    .occassion-Container {
        flex-direction: column;
    }

    .occassion-Container-reverse {
        flex-direction: column-reverse;
    }

    .image-container {
        width: 100%;
    }

    .occassion-content-card-container {
        width: 100%;
    }

}
.reservations .pageContent {
    padding: 50px 8% 0px;
    width: 100%;
    overflow-x: hidden;
    margin-top: 50px;
}

.reservation-sub-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.reservation-title {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #CDBA86;
    text-align: center;
    width: 100%;
    padding: 25px 0;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.reservation-offer-list-card-maincontainer {
    width: 33%;
    display: flex;
    gap: 25px;
    flex-direction: column;
    padding: 2px 2px 2px 2px;
    border-radius: 10px;
    height: 100%;
    scrollbar-width: none;
    margin-bottom: 25px;
}

.reservation-offer-card-maincontainer {
    width: 62%;
    margin: 0 0 0 40px;
    padding: 0 0 0 20px;
    position: relative;
    height: 100%;
    /* scrollbar-width: none; */
}

.reservation-offer-list-card-subcontainer {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    opacity: 0.7;
    background: rgba(250, 250, 250, 1);
    cursor: pointer;
}

.reservation-offer-list-card-subcontainer-selected {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px -2px 4px 0px #A3A3A31A, 0px 7px 7px 0px #A3A3A317, 0px 16px 10px 0px #A3A3A30D, 0px 29px 12px 0px #A3A3A303, 0px 46px 13px 0px #A3A3A300;
    cursor: pointer;
}

.reservation-subcontainer-title {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #E90F64;
    text-align: left;
}

.reservation-subcontainer-date {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #252525;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.reservation-subcontainer-date .rightarrow {
    width: 14px;
    height: 12px;
}

.reservation-offer-card-subcontainer {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    padding: 30px;
    box-shadow: 0px -2px 4px 0px rgba(163, 163, 163, 0.1), 0px 7px 7px 0px rgba(163, 163, 163, 0.09), 0px 16px 10px 0px rgba(163, 163, 163, 0.05), 0px 29px 12px 0px rgba(163, 163, 163, 0.01), 0px 46px 13px 0px rgba(163, 163, 163, 0);
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.reservation-offer-card-title {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #A49974;
    text-align: left;
}

.reservation-offer-card-subcontainer-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.reservation-offer-card-imagecontainer {
    width: 40%;
    height: 330px;
    object-fit: cover;
    border-radius: 5px;
}

.reservation-offer-card-contentcontainer {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reservation-offer-card-hotel-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reservation-offer-card-content-title {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #3B3B4D;
}

.reservation-offer-card-content-address {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    color: #3B3B4D;
}

.reservation-offer-card-room-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reservation-offer-card-room-title {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #344054;
}

.reservation-offer-card-room-detail {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    text-align: left;
    color: #344054;
    display: flex;
    flex-direction: column;
}

.reservation-room-check-in-out-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reservation-room-check-in-title {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #3B3B4D;
    text-align: left;
}

.reservation-room-check-in-date {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #3B3B4D;
    text-align: left;
}

.reservation-room-arrow {
    width: 16px;
    height: 14px;
}

.reservation-room-price-container {
    background-color: #EFEFEF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    padding: 5px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #3B3B4D;
    text-align: left;
}

.reservation-room-price-container span {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #A49974;
}

.reservation-confirmation-btn-container {
    display: flex;
    padding: 20px 0 20px 0;
}

.reservation-confirm-btn {
    padding: 15px 20px 15px 20px;
}

.reservation-confirm-text {
    font-size: 12px !important;
    line-height: 14px !important;
}

.cancelation-bullets {
    list-style: disc;
}


.cancelation-bullets li {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: #344054;
}

.reservation-cancel-btn {
    border: 2px solid #3B3B4D !important;
}

.reservation-cancel-text {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    color: #3B3B4D;
}

.subcontainer-title-box {
    width: 85%;
    padding: 7px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.subcontainer-date-box1 {
    width: 25% !important;
    padding: 7px;
    border-radius: 5px;
}

.subcontainer-date-box2 {
    width: 8% !important;
    padding: 7px;
    border-radius: 5px;
}

.subcontainer-date-box3 {
    width: 25% !important;
    padding: 7px;
    border-radius: 5px;
}

.no-reservation {
    max-width: 1280px;
    margin: 40px auto 40px auto;
    width: 100%;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1px;
}

.offer-card-title-box {
    width: 30%;
    padding: 15px;
    border-radius: 5px;
}

.offer-card-content-title-box {
    width: 75%;
    padding: 10px;
    border-radius: 5px;
}

.offer-card-content-address-box {
    width: 60%;
    padding: 10px;
    border-radius: 5px;
}

.offer-card-room-title-box {
    width: 75%;
    padding: 10px;
    border-radius: 5px;
}

.offer-card-room-detail-box {
    gap: 3px;
}

.reservation-room-check-in-container {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.room-check-in-title-box {
    width: 70%;
    padding: 7px;
    border-radius: 5px;
}

.room-check-in-date-box {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
}

.reservation-room-check-in-out-arrow-box {
    width: 10%;
    padding: 10px;
    border-radius: 5px;
}

.room-price-container-box {
    width: 100%;
    padding: 15px;
}

.confirmation-btn-container-box {
    width: 40%;
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
}

.cancelation-bullets-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.offer-card-cancel-title-box {
    width: 55%;
    padding: 15px;
    border-radius: 5px;
}

.cancelation-li-box {
    width: 100%;
    line-height: unset !important;
}

.reservation-canceled-text {
    margin-top: 20px;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
    color: #A49974;
}

@media only screen and (max-width: 767px) {

    .reservation-sub-content {
        flex-direction: column;
    }

    .reservation-offer-list-card-maincontainer {
        width: 100%;
    }

    .offer-list-card-maincontainer-none {
        display: none;
    }

    .reservation-offer-card-maincontainer {
        width: 100%;
        margin: unset;
        padding: unset;
    }

    .offer-card-maincontainer-none {
        display: none;
    }

    .reservation-back-page-container {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 25px;
    }

}
.favorite .design-component-instance-node-3 {
    align-self: stretch !important;
    flex: 0 0 auto !important;
    width: 100% !important;
}

/* .favorite .icon-instance-node-2 {
    height: 20px !important;
    position: relative !important;
    width: 20px !important;
} */

/* .favorite .chevron-down-31 {
    height: 16px !important;
    position: relative !important;
    width: 16px !important;
} */

.favorite .pageContent {
    margin-top: 120px;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0px 8% 0px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.favorite .navigation {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 10px 10px;
    position: relative;
    max-width: 1280px;
    width: 93vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto;
    border-bottom: 1px solid #A49974;
}

.favorite .card-list-container {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 50px;
    padding: 50px 0px;
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.favorite.collection .card-list-container,
.favorite.property .card-list-container,
.favorite.advisor .card-list-container {
    padding: 0 0 50px 0;
}

.favorite .card-list-wrap::after {
    content: "";
    flex: auto;
}

.favorite .card-list-wrap {
    align-items: flex-end;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    flex-flow: row wrap;
    max-width: 1280px;
    position: relative;
    width: 100%;
    gap: 2.5%;
    justify-content: space-between;
}

.card-list-wrap .card {
    text-align: left;
}

/* 
.favorite .button-2 {
    flex: 0 0 auto;
    position: relative;
} */

.title-wrap {
    text-align: left;
    width: 100%;
    padding-bottom: 40px;
    max-width: 1280px;
}

.favorite-title {
    align-self: flex-start;
    color: #CDBA86;
    font-family: var(--font-family);
    font-size: var(--headers-heading-1-font-size);
    font-style: var(--font-style-normal);
    font-weight: var(--bold-font-weight);
    letter-spacing: var(--headers-heading-1-letter-spacing);
    line-height: 30px;
    margin-top: -1px;
    position: relative;
}

.special {
    padding-bottom: 0px !important;
}

.zentrum-billing-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.zentrum-billing-section-container {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

.zentrum-billing-detail-container {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.suggestions-list {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 10;
    width: 100%;
    min-height: 50px;
    max-height: 350px;
    overflow: auto;
    scrollbar-width: none;
    cursor: pointer;
    background-color: #ffff;
    padding: 10px;
    box-shadow: 0px 1px 12px 0px #0000001f;
    border-radius: 5px;
}

.suggested-item-list {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #344054;
    text-align: left;
    padding: 6px 10px 6px 10px;
    transition: all 5000s ease-in-out 0s;
}

.zentrum-billing-section-title {
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 24px;
    color: #3B3B4D;
    font-weight: 600;
    text-align: left;
}

.zentrum-guest-container {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 2px -1px 4px #a3a3a31a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303, 0px 46px 13px transparent;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}



.zentrum-guest-room-title {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 17px;
    color: #3B3B4D;
    font-weight: 700;
    text-align: left;
}

.zentrum-guest-list-container .zentrum-guest-list-first-name input,
.zentrum-guest-list-email-phone input,
.zentrum-billing-container input,
.zentrum-payment-card-container input {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
}

.zentrum-guest-list-container .zentrum-guest-list-first-name input:focus,
.zentrum-guest-list-email-phone input:focus,
.zentrum-billing-container input:focus,
.zentrum-payment-card-container input:focus {
    color: #3B3B4D !important;
    background-color: white;
}

.zentrum-guest-list-container .zentrum-guest-list-first-name input:-webkit-autofill,
.zentrum-guest-list-container .zentrum-guest-list-first-name input:-webkit-autofill:hover,
.zentrum-guest-list-container .zentrum-guest-list-first-name input:-webkit-autofill:focus,
.zentrum-guest-list-container .zentrum-guest-list-first-name input:-webkit-autofill:active,
.zentrum-guest-list-email-phone input:-webkit-autofill,
.zentrum-guest-list-email-phone input:-webkit-autofill:hover,
.zentrum-guest-list-email-phone input:-webkit-autofill:focus,
.zentrum-guest-list-email-phone input:-webkit-autofill:active,
.zentrum-billing-container input:-webkit-autofill,
.zentrum-billing-container input:-webkit-autofill:hover,
.zentrum-billing-container input:-webkit-autofill:focus,
.zentrum-billing-container input:-webkit-autofill:active,
.zentrum-payment-card-container input:-webkit-autofill,
.zentrum-payment-card-container input:-webkit-autofill:hover,
.zentrum-payment-card-container input:-webkit-autofill:focus,
.zentrum-payment-card-container input:-webkit-autofill:active {
    -webkit-text-fill-color: #3B3B4D !important;
}

.zentrum-guest-list-container input:focus-visible,
.zentrum-billing-container input:focus-visible,
.zentrum-payment-card-container input:focus-visible {
    outline: none;
    outline-offset: unset;
}

.zentrum-guest-input-heading label {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    color: #3B3B4D;
    font-weight: 500;
    text-align: left;
}

.zentrum-guest-list-container {
    position: relative;
    display: flex;
    gap: 10px;
}

.zentrum-guest-list-guest-type {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-guest-list-guest-type-mr-mrs {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.zentrum-guest-list-first-name {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-guest-list-email-phone {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-guest-input-delete-btn {
    position: absolute;
    right: -20px;
    top: 40px;
    cursor: pointer;
}

.zentrum-guest-input-heading {
    display: flex;
    align-items: center;
    gap: 5px;
}

.zentrum-guest-add-btn-container {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.zentrum-room-add-btn-icon {
    width: 10px;
    height: 11px;
}

.zentrum-guest-add-btn-title {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
}

.zentrum-payment-card-container {
    width: 100%;
    display: flex;
    gap: 10px;
}

.zentrum-payment-card {
    width: 76%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-payment-expire-cvv {
    width: 12%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-billing-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-billing-address {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-billing-country-container {
    display: flex;
    justify-content: space-between;
}

.zentrum-billing-country {
    width: 24%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.billing-margin {
    margin-bottom: unset;
}

.zentrum-room-policy-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #000;
    text-align: left;
}

.zentrum-room-booknow-btn {
    display: flex;
}

.zentrum-billing-detail-title {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #344054;
    text-align: left;
}

.zentrum-billing-payment-logo {
    display: flex;
    margin-bottom: 15px;
}

.zentrum-check-in-out-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zentrum-check-in {}

.zentrum-check-in-title {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #3B3B4D;
    text-align: left;
}

.zentrum-check-in-date {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #3B3B4D;
    text-align: left;
}

.zentrum-billing-detail-subcontainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-total-stay {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #344054;
    text-align: left;
}

.zentrum-total-stay span {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #344054;
    text-align: left;
}

.zentrum-total-stay a {
    text-decoration: underline;
    cursor: pointer;
}

.zentrum-divider {
    border-bottom: 1.5px solid #EEEEEE;
}

.zentrum-billing-price-subcontainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zentrum-rom-original-price {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #3B3B4D;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zentrum-rom-original-price span {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #3B3B4D;
}

.zentrum-room-total {
    background-color: #EFEFEF;
    padding: 5px;
    border-radius: 5px;
}

.zentrum-local-tax span {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #3B3B4D;
}

.zentrum-room-policy-text a {
    text-decoration: underline;
    cursor: pointer;
}

.zentrum-guest-room-title-box {
    padding: 12px;
    width: 50%;
    border-radius: 5px;
}

.zentrum-total-stay-box {
    padding: 12px;
    width: 70%;
    border-radius: 5px;
}

.zentrum-rom-original-price-box {
    padding: 12px;
    width: 30%;
    border-radius: 5px;
}

.zentrum-rom-original-price-span-box {
    padding: 12px;
    width: 30%;
    border-radius: 5px;
}

.zentrum-tax-box {
    padding: 12px;
    width: 70%;
    border-radius: 5px;
}

.zentrumbook-error {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    color: #ff0000b9;
    font-weight: 500;
    text-align: left;
}

.zentrumbook-subcontainer {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.zentiumroom-drop-down {
    width: 100% !important;
    border-radius: 8px !important;
    font-family: "Montserrat";
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    box-shadow: unset !important;
    border-color: #ccc !important;
    text-align: left;
}

.zentrum-booking-timer-container {
    display: flex;
    justify-content: flex-end;
}

.zentrum-booking-session {
    color: #fff;
    margin-right: 3px;
    margin-top: 5px;
}

.zentrum-booking-timer {
    background-color: red;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.zentrum-payment-btn-container {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zentrum-booking-payment-popup #submit {
    width: 49%;
    border-radius: 10px;
    margin-top: unset;
}

.zentrum-booking-payment-popup #button-text {
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.zentrum-book-camcel-btn {
    width: 49%;
    height: 40px;
}

.check-failed {
    width: 100px !important;
    height: 100px !important;
    color: red;
}

.failed-close-container {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.navigation-ok-btn {
    height: 38px;
}

.subscription-failed-container {
    height: 72%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1260px) {
    .zentrum-billing-section-container {
        width: 65%;
    }

    .zentrum-guest-list-container {
        flex-direction: column;
    }

    .zentrum-guest-list-first-name,
    .zentrum-guest-list-guest-type,
    .zentrum-guest-list-email-phone,
    .zentrum-guest-list-guest-type-mr-mrs {
        width: 100%;
    }

    .zentrum-billing-detail-container {
        width: 30%;
    }

    .zentrum-payment-card {
        width: 70%;
    }

    .zentrum-payment-expire-cvv {
        width: 15%;
    }

}

@media only screen and (max-width: 1000px) {
    .zentrum-billing-section-container {
        width: 55%;
    }

    .zentrum-billing-detail-container {
        width: 40%;
    }

    .zentrum-guest-list-container {
        flex-direction: column;
    }

    .zentrum-payment-card-container {
        flex-direction: column;
    }

    .zentrum-payment-card {
        width: 100%;
    }

    .zentrum-payment-expire-cvv {
        width: 50%;
    }

    .zentrum-billing-country-container {
        flex-direction: column;
        gap: 10px;
    }

    .zentrum-billing-country {
        width: 100%;
    }
}

@media only screen and (max-width: 850px) {
    .zentrum-billing-section-container {
        width: 50%;
    }

    .zentrum-billing-detail-container {
        width: 45%;
    }
}

@media only screen and (max-width: 767px) {
    .zentrum-billing-section {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .zentrum-billing-section-container {
        width: 100%;
    }

    .zentrum-billing-detail-container {
        width: 100%;
    }
}
.Marketcard {
    height: 350px;
    width: 31%;
    margin-bottom: 3%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.MarketCard-img {
    background-position: 50% 50% !important;
    background-size: cover !important;
    width: 100%;
    height: 70%;
    border-radius: 5px;
    padding: 3%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.MarketCard-content {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.marketCard-title {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 12px;
    width: fit-content;
    text-align: left;
}

.marketCard-description {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: fit-content;
    text-align: left;
}

.marketCard-price {
    color: #A49974;
    font-family: var(--font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: fit-content;
    text-align: left;
}

@media only screen and (max-width: 1350px) {
    .Marketcard {
        width: 48%;
    }
}


@media only screen and (max-width: 650px) {
    .Marketcard {
        width: 100%;
    }
}
.destinationwishlist .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0px 8% 0px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    margin-top: 120px;
}

.destinationwishlist .destinationwishlist-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.destinationwishlist .navigation {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 10px 10px;
    position: relative;
    max-width: 1280px;
    width: 93vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto;
    border-bottom: 1px solid #A49974;
}

.destinationwishlist .card-list-container {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 50px;
    padding: 50px 0px;
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.destinationwishlist .card-list-wrap::after {
    content: "";
    flex: auto;
}

.destinationwishlist .card-list-wrap {
    align-items: flex-end;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    flex-flow: row wrap;
    max-width: 1280px;
    position: relative;
    width: 100%;
    gap: 2.5%;
    justify-content: space-between;
}
.advisorCard {
    height: 350px;
    width: 31%;
    margin-bottom: 3%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.advisorCard-img {
    background-position: 50% 50% !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 3%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.advisorCard-content {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.advisorCard-title {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 12px;
    width: fit-content;
    text-align: left;
}

.advisorCard-description {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: fit-content;
    text-align: left;
}

.advisorCard-country {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    width: fit-content;
    text-align: left;
}

@media only screen and (max-width: 1350px) {
    .advisorCard {
        width: 48%;
    }
}


@media only screen and (max-width: 650px) {
    .advisorCard {
        width: 100%;
    }
}
.market-badge-container {
    padding: 2px 8px;
    background: #CDCDCD;
    border-radius: 5px;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.market-badge-text {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
    transition: color 0.3s ease;
}

.market-badge-container.active-badge {
    background: #4C5FEF;
}
.marketplace .pageContent {
    display: flex;
    padding: 0 8%;
    width: 100%;
    scrollbar-width: none;
    margin-top: 120px;
    margin-bottom: 60px;
}

.sub-pageContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.marketrequest-filtericon-container {
    display: none;
}

.marketplace-filteDiv {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 40px;
}

.marketplace-listContainer {
    width: 75%;
    margin-left: auto;
}

.marketBadge-mainContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.marketplace-cardlist {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 3.5%;
}

.marketplace-list-btn-container {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.market-badge-container-box {
    width: 75%;
    height: 20px;
}

.market-input-box {
    height: 30px;
}

.marketplace-no-data {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.promo-card {
    width: 100%;
    border-radius: 10px;
    padding: 25px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.promo-card h2 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}

.promo-card p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #fff;
}

.promo-btn {
    width: 100%;
    height: 35px;
}

.promo-btn p {
    font-size: 12px !important;
}

.marketplace-close-cancel {
    display: none;
}

.mobile-promo-card {
    display: none !important;
}

.marketplace-search-input .widget-input-maincontainer  {
    width: 100%;
}

.marketplace-search-input .widget-input-maincontainer .widget-input .widget-input-label  {
    text-align: left;
    color: #000 !important;
    font-weight: 700 !important;
}
.marketplace-search-input .widget-input-maincontainer .widget-input .widget-input-container  {
    background-color: transparent !important;
}
.marketplace-search-input .widget-input-maincontainer .widget-input .widget-input-container input  {
    background-color: transparent !important;
}


@media only screen and (max-width: 1300px) {
    .promo-btn p {
        font-size: 10px !important;
    }

}

@media only screen and (max-width: 1250px) {
    .marketplace-filteDiv {
        width: 30%;
    }

    .marketplace-listContainer {
        width: 65%;
    }

}

@media only screen and (max-width: 900px) {
    .sub-pageContent {
        flex-direction: column;
    }

    .marketrequest-filtericon-container {
        background-color: rgba(137, 135, 147, 1);
        width: 50px;
        padding: 15px 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 12px;
        margin-bottom: 40px;
        cursor: pointer;
    }

    .marketplace-filteDiv {
        width: 100%;
    }

    .marketplace-listContainer {
        width: 100%;
    }

    .marketplace-mobile {
        display: none;
    }

    .market-filter-open {
        width: 100%;
        display: flex;
        gap: 25px;
        background-color: rgba(163, 163, 163, 0.1);
        padding: 30px;
        border-radius: 12px;
        margin-bottom: 25px;
        position: relative;
        animation: filtervisible 0.5s;

    }

    .marketplace-filtDiv-ismobile-loader {
        display: none;
    }

    .promo-card {
        display: none !important;
    }

    .mobile-promo-card {
        display: flex !important;
    }

    .marketplace-close-cancel {
        display: flex;
        justify-content: flex-end;
    }
}

@keyframes filtervisible {
    from {
        left: -500px;
    }

    to {
        left: 0;
    }
}
.widget-input-maincontainer {
    width: 23.5%;
}

.widget-place-container {
    position: relative;
}

.widget-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    position: relative;
    /* height: 64px; */
}

.widget-input-label {
    width: 100%;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-input-container {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #ffffff;
    padding: 2px 12px;
    border: 1px solid #cfd4dc;
    border-radius: 8px;
}

.widget-input-container input {
    width: 100%;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--gray-500);
    border: none;
    outline: none;
}

.widget-checkbox-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.widget-input-maincontainer .ant-checkbox-wrapper span {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);
}

.widget-input-maincontainer .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: var(--LOVU-Pink) !important;
}

.widget-input-maincontainer .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--LOVU-Pink) !important;
    border: none !important;
}

.widget-input-maincontainer .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.widget-input-maincontainer .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.widget-input-maincontainer .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    border: 1px solid var(--LOVU-Pink) !important;
}

.lite-api-place-container {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1;
    width: 100%;
    min-height: 50px;
    max-height: 350px;
    overflow: auto;
    scrollbar-width: none;
    cursor: pointer;
    background-color: #ffff;
    padding: 10px;
    box-shadow: 0px 1px 12px 0px #0000001f;
    border-radius: 5px;
}

.lite-api-items {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #344054;
    text-align: left;
    padding: 6px 10px 6px 10px;
  }

  .lite-api-items:hover {
    background-color: #EFE2BF;
    border-radius: 6px;
  }

@media only screen and (max-width: 1500px) {
    .widget-input-maincontainer {
        width: 23%;
    }
}

@media only screen and (max-width: 1260px) {
    .widget-input-maincontainer {
        width: 48.5%;
    }
}

@media only screen and (max-width: 1030px) {
    .widget-input-maincontainer {
        width: 48%;
    }
}

@media only screen and (max-width: 900px) {
    .widget-input-maincontainer {
        width: 48.5%;
    }
}

@media only screen and (max-width: 840px) {
    .widget-input-maincontainer {
        width: 100%;
    }
}
.checkStatus-container{
    /* margin-top: 105px; */
    font-family: var(--font-family);
}

.checkStatus-imgContainer{
    height: 650px;
}

.checkStatus-content{
    padding: 8%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.checkStatus-imgContainer img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.checkStatus-image-container {
    position: relative;
    width: 100%;
    height: 560px;
}

.checkStatus-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checkStatus-content-container {
    min-width: 24%;
    padding: 0 8%;
    position: absolute;
    bottom: 36%;
}

.checkStatus-content-container .button-small{
    width: 100% !important;
}

.checkStatus-status-state{
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.checkStatus-title {
    color: #fff;
    font-family: var(--font-family);
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    margin-bottom: 15px;
}

.checkStatus-description {
    color: #fff;
    font-family: var(--font-family);
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px;
}

.checkStatus-description .ant-tag{
    font-size: 14px !important;
    padding: 4px !important;
}

.checkStatus-status-container{
    display: flex;
    gap: 7px;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .checkStatus-image-container {
        height: 100vh;
    }
}
.subscription-thank .subscription-pageContent {
    font-family: "Montserrat";
    margin-top: 120px;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0px 8%;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.subscription-thank .subscription-pageContentContainer {
    display: flex;
    width: 58%;
    flex-direction: column;
    padding: 15px 0 60px;
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

.subscription-thank .subscription-form-top-content {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #A49974;
    font-family: "Montserrat";
    width: 100%;
    text-align: left;
}

.subscription-thank .subscription-form-center-content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.subscription-thank .subscription-form-center-content-header {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    text-align: start;
}

.subscription-thank .subscription-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
    color: #000000;
    font-size: 14px;
}

.subscription-thank .subscription-form-bottom-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    text-align: left;
}

.subscription-thank .subscription-form-bottom-content-header {
    font-size: 20px;
    color: #A49974;
    font-weight: 600;
    line-height: 24px;
    font-family: "Montserrat";
}

.subscription-thank .subscription-form-center-content-centerContent {
    display: flex;
    flex-direction: column;
}

.subscription-thank .subscription-form-center-content-BottomContent {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.subscription-thank .subscription-form-center-content-BottomContent > span {
    text-align: start;
}


.subscription-thank .subscription-form-center-content-BottomContentTexts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.subscription-thank .subscription-form-center-content-BottomContentEmailandPh {
    color: #000000;
}

.subscription-form-center-content-Topcontent {
    text-align: start;
}

@media only screen and (max-width: 768px) {
    .subscription-thank .subscription-pageContentContainer {
        width: 100%;
    }
}
.widget-drop-container {
    padding: 2px 4px 2px 12px !important;
}

div:has(> .widget-input-drop-down) {
    width: 100%;
}

.widget-input-drop-down {
    width: 100%;
    border-radius: 8px !important;
    font-family: "Montserrat";
    color: var(--dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    box-shadow: unset !important;
    border: unset !important;
    text-align: left;
    max-height: 38px;
}

.widget-input-drop-down .react-dropdown-select-dropdown {
    width: calc(100% + 54px) !important;
    padding: 5px;
    scrollbar-width: thin;
    border-radius: 5px;
    left: -41px !important;
}

.widget-input-drop-down .react-dropdown-select-content .react-dropdown-select-input {
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-family: "Montserrat";
    color: var(--dark);
}

.advisor-widget-container .widget-input-drop-down .react-dropdown-select-content .react-dropdown-select-input {
    display: none;
}

.widget-input-drop-down .react-dropdown-select-content .react-dropdown-select-input:placeholder-shown {
    margin-left: 0px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-size: 14px;
    font-family: "Montserrat";
    color: var(--dark);
    display: inline-block;
    /* width: 70%; */
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.widget-input-drop-down .react-dropdown-select-content span {
    margin-left: 0px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.15px;
    font-family: "Montserrat";
    color: var(--dark);
    display: inline-block;
    /* width: 70%; */
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1350px) {
    .widget-input-drop-down .react-dropdown-select-content span {
        width: 90%;
    }
}
.widget-date-container {
    padding: 2px 0px 2px 12px !important;
}

.widget-input-container .ant-btn.ant-btn-default.date-button {
    width: 100%;
}

.widget-input-container .ant-picker-outlined:focus,
.widget-input-container .ant-picker-outlined:focus-within {
    box-shadow: unset !important;
}

.widget-input-container .ant-btn.ant-btn-default.date-button:active,
.widget-input-container .ant-btn.ant-btn-default.date-button:hover {
    border-color: unset !important;
    color: rgb(102 112 133) !important;
}

.widget-input-container .ant-picker.ant-picker-range.ant-picker-outlined {
    color: #667085 !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

.widget-input-container .ant-picker {
    padding: 4px 0px !important;
}

.widget-date-container .ant-picker.ant-picker-range .ant-picker-clear {
    display: none !important;
}

.widget-input-container .ant-btn {
    padding: 4px 0px 4px 10px;
}

/* .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
    z-index: 1;
    position: relative;
} */
.advisor-widget-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background-color: #ffffff !important;
    border-radius: 0 5px 5px 5px;
    padding: 20px;
    box-shadow: 0px 2px 4px #5e44441a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303,
        0px 46px 13px transparent;
    text-align: left;
    display: flex;
    bottom: 20px;
    justify-content: space-between;
    cursor: pointer;
}

.search-bar {
    display: flex !important;
    justify-content: space-between;
}

.widget-type-button-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
}

.widget-control-btn-type {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    color: var(--dark);
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    background-color: var(--gray3);
    cursor: pointer;
}

.widget-control-btn-type-active {
    background-color: var(--beige) !important;
}

/* .advisor-bottom-widget-container {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    transition: bottom 0.5s linear;
} */

.advisor-widget-title {
    width: 11%;
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: var(--LOVU-Gold);
}

.adviosr-widget-subcontainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.widget-icon {
    flex-shrink: 0;
    width: 21px !important;
    height: 20px !important;
}

.widget-date-container {
    width: 100%;
}

.widget-textarea-btn-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.widget-textarea-container {
    width: 74.5%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.widget-textarea-container textarea.ant-input {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(102, 112, 133, 1) !important;
    background-color: white;
    -webkit-text-fill-color: rgba(102, 112, 133, 1) !important;
    border: 1px solid rgba(208, 213, 221, 1);
    border-radius: 8px;
    scrollbar-width: none;
    padding: 12px;
}

.widget-textarea-container textarea.ant-input:focus {
    box-shadow: unset !important;
}

.widget-request-btn-container {
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ant-spin .ant-spin-dot .ant-spin-dot-item {
    background-color: rgba(232, 15, 99, 1);
}

.widget-error-container {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    color: #ff0000b9;
    font-weight: 500;
    text-align: left;
}

.widget-book-now-search-offer-btn {
    width: 100% !important;
}

.widget-book-now-search-offer-btn-sub{
    height: 64px !important;
    display: flex;
    align-items: flex-end;
}


@media only screen and (max-width: 1260px) {
    .widget-book-now-search-offer-btn {
        width: 100% !important;
    }
}
@media only screen and (max-width: 1050px) {
    .widget-textarea-btn-container {
        flex-direction: column;
        align-items: unset;
    }

    .widget-textarea-container {
        width: 100%;
    }

    .widget-request-btn-container {
        width: 100%;
        justify-content: unset;
        align-items: unset;
    }
}

@media only screen and (max-width: 1024px) {
    /* .advisor-bottom-widget-container {
        position: unset !important;
    } */
}

@media only screen and (max-width: 900px) {
    .widget-background-full {
        background-size: cover !important;
        background-position: top left !important;
    }

    .widget-backgound-isfull {
        background-size: contain !important;
        background-position: top left !important;
    }

    .advisor-widget-container {
        flex-direction: column;
        gap: 20px;
    }

    .advisor-widget-title {
        width: 100%;
    }

    .adviosr-widget-subcontainer {
        width: 100%;
    }
}

@media only screen and (max-width: 840px) {
    .widget-book-now-search-offer-btn {
        width: unset !important;
    }

    .widget-book-now-search-offer-btn-sub {
        height: unset !important;
    }
}

@media only screen and (max-width: 768px) {
    /* .advisor-widget-container {
        background-size: contain !important;
        background-position: top left !important;
    } */

    .widget-background-full {
        background-size: cover !important;
        background-position: top left !important;
    }

    .widget-backgound-isfull {
        background-size: contain !important;
        background-position: top left !important;
    }
}
.AdvisorWidgetPopup-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 15px;
}

.AdvisorWidgetPopup-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: 23px;
    right: 30px;
}

.AdvisorWidgetPopup-maincontainer .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-modal-close-icon svg {
    width: 25px;
    height: 25px;
    fill: #000;
}

.ant-modal.AdvisorWidgetPopup-maincontainer {
    width: 720px !important;
    top: 200px !important;
}

.AdviosrWidgetPopupModal {
    background: transparent;
    background-size: cover;
    background-position: center;
    padding: 50px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.result-heading-widget {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    color: #000;
}

.result-content-widget {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.15px;
    text-align: start;
    color: #000;
}


@media only screen and (max-width: 600px) {
    .ant-modal.AdvisorWidgetPopup-maincontainer {
        top: 260px !important;
    }
}

@media only screen and (max-width: 420px) {
    .ant-modal.AdvisorWidgetPopup-maincontainer {
        width: 360px !important;
    }
}

@media only screen and (max-width: 360px) {
    .ant-modal.AdvisorWidgetPopup-maincontainer {
        width: 300px !important;
    }
}

@media only screen and (max-width: 300px) {
    .ant-modal.AdvisorWidgetPopup-maincontainer {
        width: 240px !important;
    }
}

@media only screen and (max-width: 310px) {
    .button-small {
        padding: 8px;
    }
}
/* .adviosr .ta-content {
    width: 100%;
    margin-top: 30px;
}

.homepage.adviosr .card-list-container {
    padding: 50px 0 !important;
} */

.advisorplace .pageContent {
    display: flex;
    padding: 0 8%;
    width: 100%;
    scrollbar-width: none;
    margin-top: 120px;
    margin-bottom: 60px;
}

.sub-pageContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.advisor-filtericon-container {
    display: none;
}

.advisorplace-filteDiv {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 40px;
}

.advisorplace-listContainer {
    width: 75%;
    margin-left: auto;
}

.marketBadge-mainContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.advisorplace-cardlist {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 3.5%;
}

.advisorplace-list-btn-container {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.market-badge-container-box {
    width: 75%;
    height: 20px;
}

.market-input-box {
    height: 30px;
}

.advisorplace-no-data {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.promo-card {
    width: 100%;
    border-radius: 10px;
    padding: 25px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.promo-card h2 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}

.promo-card p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.15px;
    color: #fff;
}

.promo-btn {
    width: 100%;
    height: 35px;
}

.promo-btn p {
    font-size: 12px !important;
}

.advisorplace-close-cancel {
    display: none;
}


@media only screen and (max-width: 1300px) {
    .promo-btn p {
        font-size: 10px !important;
    }

}

@media only screen and (max-width: 1250px) {
    .advisorplace-filteDiv {
        width: 30%;
    }

    .advisorplace-listContainer {
        width: 65%;
    }

}

@media only screen and (max-width: 900px) {
    .sub-pageContent {
        flex-direction: column;
    }

    .advisor-filtericon-container {
        background-color: rgba(137, 135, 147, 1);
        width: 50px;
        padding: 15px 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 12px;
        margin-bottom: 40px;
        cursor: pointer;
    }

    .advisorplace-filteDiv {
        width: 100%;
    }

    .advisorplace-listContainer {
        width: 100%;
    }

    .advisorplace-mobile {
        display: none;
    }

    .advisor-filter-open {
        width: 100%;
        display: flex;
        gap: 25px;
        background-color: rgba(163, 163, 163, 0.1);
        padding: 30px;
        border-radius: 12px;
        margin-bottom: 25px;
        position: relative;
        animation: filtervisible 0.5s;

    }

    .advisorplace-filtDiv-ismobile-loader {
        display: none;
    }

    .advisorplace-close-cancel {
        display: flex;
        justify-content: flex-end;
    }
}

@keyframes filtervisible {
    from {
        left: -500px;
    }

    to {
        left: 0;
    }
}
.homepage-privacy .pageContent {
    margin-top: 120px;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0px 8%;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.homepage-privacy .pageContentContainer {
    display: flex;
    width: 58%;
    flex-direction: column;
    padding: 15px 0 60px;
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

.homepage-privacy .form-top-content {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #A49974;
    font-family: "Montserrat";
    width: 100%;
    text-align: left;
}

.homepage-privacy .form-center-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.homepage-privacy .form-center-content-header {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.homepage-privacy .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
    color: #000000;
    font-size: 14px;
}

.homepage-privacy .form-bottom-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    text-align: left;
}

.homepage-privacy .form-bottom-content-header {
    font-size: 20px;
    color: #A49974;
    font-weight: 600;
    line-height: 24px;
    font-family: "Montserrat";
}

.homepage-privacy .form-center-content-centerContent {
    display: flex;
    flex-direction: column;
}

.homepage-privacy .form-center-content-BottomContent {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.homepage-privacy .form-center-content-BottomContentTexts {
    display: flex;
    flex-direction: column;
}

.homepage-privacy .form-center-content-BottomContentEmailandPh {
    color: #000000;
}

@media only screen and (max-width: 768px) {
    .homepage-privacy .pageContentContainer {
        width: 100%;
    }
}
.social-media-landing .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0px 8%;
    width: 100%;
    overflow-x: hidden;
    margin-top: 42.5px;
}

.social-media-landing .content {
    /* width: 60%; */
    width: 48rem;
    padding: 0 0 60px;
    max-width: 1280px;
    margin: 0 auto;
}

.social-landing-logo-and-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.social-landing-logo {
    height: 80px !important;
    width: 200px !important;
}

.social-landing-content {
    font-family: var(--font-family);
    margin: 12px 0;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: var(--gray-400);
}

.social-landing-form-container {
    border: 1px solid rgb(229 231 235);
    border-radius: 8px;
}

.form-container-top-margin {
    margin-top: 20px;
}

.social-landing-form-container .social-landing-form-header {
    padding: 22px;
    border-bottom: 1px solid rgb(229 231 235);
    font-family: var(--font-family);
    color: rgb(184 165 97);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 24px;
}

.social-landing-form-container .social-landing-form-content {
    padding: 18px 20px;
}

fieldset.social-landing-form-fieldset {
    border: none;
}

fieldset.social-landing-form-fieldset h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 15px;
}

.social-landing-field-column {
    display: flex;
    gap: 25px;
    padding-bottom: 20px;
}

.social-landing-form-field {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-landing-form-field.full-width {
    width: 100%;
}

.social-landing-field-label label {
    width: 100%;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.social-landing-form-field input {
    font-family: var(--font-family);
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
    height: 37px;
    outline: none;
}

.social-landing-form-field input:focus {
    color: #3B3B4D !important;
    background-color: white;
}

.social-landing-form-field input:focus-visible {
    outline: 2.5px solid rgb(184 165 97);
    outline-offset: 2px;
}

.social-landing-form-field input:-webkit-autofill,
.social-landing-form-field input:-webkit-autofill:hover,
.social-landing-form-field input:-webkit-autofill:focus,
.social-landing-form-field input:-webkit-autofill:active {
    -webkit-text-fill-color: #3B3B4D !important;
}

.social-landing-form-field textarea.ant-input {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(102, 112, 133, 1) !important;
    background-color: white;
    -webkit-text-fill-color: rgba(102, 112, 133, 1) !important;
    border: 1px solid rgba(208, 213, 221, 1);
    border-radius: 8px;
    scrollbar-width: none;
    padding: 12px;
}

.social-landing-form-field textarea.ant-input:focus {
    box-shadow: unset !important;
}

.social-landing-phone-content-container {
    width: 100%;
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid rgb(229 231 235);
    background-color: rgb(249 250 251 );
    display: flex;
    /* justify-content: center; */
    align-items: flex-start;
    gap: 0.75rem;
}
.social-landing-phone-logo-container {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    background-color: rgb(217 161 78);
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-landing-phone-logo {
    display: block;
    vertical-align: middle;
    width: 21px !important;
    height: 21px !important;
}

.social-landing-phone-content {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    color: rgb(55 65 81 );
    line-height: 24px;
}

.social-landing-form-field .social-media-form-drop-down {
    width: 100% !important;
    border-radius: 8px !important;
    font-family: "Montserrat";
    color: #667085;
    font-size: 14px;
    font-weight: 400;
    box-shadow: unset !important;
    border-color: #D0D5DD !important;
    text-align: left;
}

.social-media-form-drop-down .react-dropdown-select-content .react-dropdown-select-input,
.social-media-form-drop-down .react-dropdown-select-content span {
    margin-left: 5px;
    font-weight: 400;
    font-family: "Montserrat";
    color: #667085;
}

.social-media-form-drop-down input {
    width: 100%;
    border: none;
    outline: none;
}
.social-media-form-drop-down input:focus {
    width: 100%;
    border: none;
    outline: none;
}

.social-media-form-drop-down .react-dropdown-select-dropdown.react-dropdown-select-dropdown-position-bottom {
    top: 40px !important;
    animation: 0.3s dropdownopen;
}

@keyframes dropdownopen {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.social-landing-couple-title {
    font-size: 14px;
    color: rgb(107 114 128);
    font-family: var(--font-family);
    font-weight: 400;
    margin-bottom: 15px;
}

.social-landing-checkbox-wrap {
    display: flex;
    flex-wrap: wrap;
}

.social-landing-checkbox-wrap .social-landing-checkbox-field {
    width: 33%;
    margin-bottom: 10px;
}

.social-landing-checkbox-field .ant-checkbox-wrapper {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgb(55 65 81);
    margin-bottom: -13px;
}

.social-landing-checkbox-field .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
.social-landing-form-field .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: var(--LOVU-Pink) !important;
}

.social-landing-checkbox-field .ant-checkbox-checked .ant-checkbox-inner,
.social-landing-form-field  .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--LOVU-Pink) !important;
    border: none !important;
}

.social-landing-checkbox-field .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.social-landing-checkbox-field .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.social-landing-checkbox-field .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child ,
.social-landing-form-field  .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.social-landing-form-field  .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.social-landing-form-field  .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    border: 1px solid var(--LOVU-Pink) !important;
}

.social-landing-form-budget-container {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .social-landing-form-budget-label {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-bottom: 20px;
    color: rgb(55 65 81);
  }

  .social-landing-form-budget-container .ant-slider-horizontal .ant-slider-rail {
    height: 10px;
    border-radius: 5px;
  }

  .social-landing-form-budget-container .ant-slider .ant-slider-track {
    background-color: #bfa046 !important;
    height: 10px !important;
    border-radius: 5px !important;
  }

  .social-landing-form-budget-container .ant-slider-horizontal .ant-slider-handle {
    inset-block-start: 0.5px !important;
  }
  .social-landing-form-budget-container .ant-slider .ant-slider-handle::after {
    box-shadow: 0 0 0 2px #bfa046;
    width: 18px !important;
    height: 18px !important;
  }
 
  .social-landing-form-budget-note {
    margin-top: 20px;
    font-size: 12px;
    color: rgb(107 114 128);
  }
  
.social-landing-form-package-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

.social-landing-form-package-group .ant-radio-checked .ant-radio-inner {
    background-color: var(--LOVU-Pink) !important;
    border: 1px solid var(--LOVU-Pink) !important;
}

.social-landing-form-package-group .ant-radio-checked::after,
.social-landing-form-package-group .ant-radio-checked .ant-radio-inner:hover {
    border: 1px solid var(--LOVU-Pink) !important;
}

.social-landing-form-package-group .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
    border: 1px solid var(--LOVU-Pink) !important;
}
  
.social-landing-form-package-group-container {
    display: flex;
    align-items: flex-start;
}
  
.social-landing-form-package-radio-button {
   margin-top: 5px;
   margin-right: 12px;
}
  
.social-landing-form-package-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 4px;
}
  
.social-landing-form-package-desc {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
}

.social-landing-form-guest-main-container {
    width: 100%;
    display: flex;
}
.social-landing-form-guest-sub-container {
    width: 33%;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.social-landing-form-guest-container {
    display: flex;
    gap: 10px;
}

.social-landing-form-minus-icon-container {
    width: 40px;
    height: 40px;
    border: 1px solid rgb(209 213 219);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.social-landing-form-minus-icon {
    width: 8px;
    height: 8px;
}

.social-landing-form-guest-input {
    width: 5rem;
    height: 40px;
    font-family: var(--font-family);
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    color: #3B3B4D !important;
    background-color: white;
    outline: none;
}

.social-landing-form-guest-input:focus-visible {
    border: 1px solid #D0D5DD;
}

.social-landing-form-toggle-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.social-landing-form-toggle-card {
    width: 48%;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-label {
    width: 70%;
}

.social-landing-form-toggle-card .ant-switch.ant-switch-checked {
    background-color: var(--LOVU-Pink) !important;
}

.social-landing-form-date-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    padding: 8px 16px;
}



.social-landing-form-date-picker:focus-within {
    box-shadow: none !important;
}

.social-landing-form-date-picker {
    width: 100%;
}

.social-landing-form-date-container:hover .social-landing-form-date-picker,
.social-landing-form-date-container:hover {
    background-color: rgb(245 245 245) !important;
}

.social-landing-form-date-container .ant-picker .ant-picker-input >input:hover{
    background-color: rgb(245 245 245) !important;
}


.social-landing-calendar-icon {
    width: 16px;
    height: 14px;
}

.social-landing-calendar-icon-color {
    stroke: #000;
}

.social-landing-form-date-container .ant-picker .ant-picker-clear {
    display: none;
}

.ant-picker-dropdown .ant-picker-panel-container {
    margin: 5px !important;
}

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected:not(.ant-picker-cell-disabled) .ant-picker-cell-inner {
    background-color: #C9B279 !important;
  }


  .google-search-social .widget-input-maincontainer {
    width: 100% !important;
  }

  .google-search-social input {
    height: 36px !important;
    gap: unset !important;
    border: none !important;
    padding: unset !important;
  }

  .google-search-social .widget-icon {
    display: none !important;
  }
  
  .social-landing-form-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }

  .social-landing-form-btn {
    border-radius: 38px !important;
    height: 53px !important;
    width: 16rem !important;
  }

  .social-landing-form-field .widget-input-maincontainer input:focus-visible {
    outline: none !important;
    outline-offset: none !important;
  }

  .social-landing-form-field .widget-input-container:focus-within 
  {
    outline: 2.5px solid rgb(184 165 97) !important;
    outline-offset: 2px !important;
  }

  .social-media-form-text-area:focus-visible {
    outline: 2.5px solid rgb(184 165 97) !important;
    outline-offset: 2px !important;
  }

  .social-media-form-than-you-container {
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .social-media-thanyou-check-icon-container {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(220 252 231);
    border-radius: 9999px;

  }

  .social-media-thanyou-check-icon {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }

  .social-meida-thanyou-title {
    color : var(--LOVU-Flat-Gold);
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-family);
  }

  .social-meida-thanyou-description {
    color: rgb(75 85 99) !important;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family);
    text-align: center;
  }

 

@media only screen and (max-width: 1260px) {
    .social-landing-form-field {
        width: 100%;
    }

    .social-landing-logo {
        width: 150px !important;
    }
}

@media only screen and (max-width: 920px) {
    .social-media-landing .content {
        width: 100%;
    }
    .social-landing-field-column {
        flex-direction: column;
    }

    .social-landing-checkbox-wrap .social-landing-checkbox-field {
        width: 50%;
    }

    .social-landing-form-toggle-container{
        flex-direction: column;
        gap: 15px;
    }
    
    .social-landing-form-toggle-card {
        width: 100%;
    }

    .social-landing-form-guest-main-container {
        flex-direction: column;
        gap: 25px;
    }

    .social-landing-form-guest-sub-container {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {

    .social-landing-logo {
        width: 120px !important;
    }

    .social-landing-content {
        text-align: center;
        margin: 0;
    }

    fieldset.social-landing-form-fieldset {
        width: 100%;
    }
}

@media only screen and (max-width: 660px) {

    .social-landing-checkbox-wrap .social-landing-checkbox-field {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {

    .ant-picker-dropdown {
        left: 65px !important;
    }
}

@media only screen and (max-width: 400px) {
    .social-landing-form-thankyou-btn p {
        font-size: 10px !important;
    }
}


.couple-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.couple-maincontainer {
    top: 40px;
}

.couple-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.couple-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    height: 600px;
}

.couple-modal-container {
    padding: 0 70px;
    height: 460px;
    overflow: scroll;
    scrollbar-width: none;
}

.couple-modal-subcontainer .ant-checkbox .ant-checkbox-inner {
    background-color: transparent !important;
    border-radius: unset !important;
    border-color: #fff !important;
}

.couple-modal-subcontainer .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: transparent !important;
}

.couple-modal-subcontainer .ant-checkbox-checked .ant-checkbox-inner {
    border: none !important;
}

.couple-modal-subcontainer {
    margin-bottom: 20px;
}

.couple-title {
    margin-top: 15px;
    margin-bottom: 25px;
    color: #CDBA86;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
}

.couple-type-label {
    margin-left: 8px;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
}


@media only screen and (max-width: 600px) {
    .ant-modal.couple-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.couple-maincontainer) {
        overflow: unset !important;
    }

    .couple-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .couple-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .couple-modal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .couple-modal .progress-bar {
        margin-top: 30px;
    }

    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .couple-modal-container {
        padding: 0 70px;
        height: 80%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {
    .couple-modal-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {
    .couple-modal-container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 430px) {
    .couple-modal-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 330px) {
    .couple-modal {
        padding: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .couple-modal-container {
        padding: 0;
    }
}
.styles-module_wrapper__1I_qj {
    z-index: 2;
}

.styles-module_close__2I1sI {
    font-size: 60px;
}
.authenticate-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.authenticate-maincontainer {
    top: 40px;
}


.authenticate-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.authenticate {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    overflow: scroll;
    scrollbar-width: none;
}

.authenticate-greet-small {
    margin: 0px 0 20px 0;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.authenticate-greet {
    margin: 20px 0 20px 0;
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.authenticate-btns {
    margin-top: 20px;
    width: 100%;
    display: flex;
    gap: 10px;
}

.authenticate-join {
    width: 50%;
    display: flex;
    justify-content: center;
    padding: 12px;
}




@media only screen and (max-width: 600px) {

    .ant-modal.authenticate-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.authenticate-maincontainer) {
        overflow: unset !important;
    }

    .authenticate-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .authenticate {
        height: 100vh;
        width: 100vw !important;
        scroll-behavior: unset !important;
        border-radius: unset !important;
        /* display: flex; */
    }

    .authenticate-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }
}
.occasion-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.occasion-maincontainer {
    top: 40px;
}

.occasion-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.occasion-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 25px;
    overflow: scroll;
    scrollbar-width: none;
}

.occasion-title {
    padding: 25px 0;
    color: #CDBA86;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
}


.occasionContainer {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
    padding: 8px 0px;
}

.occasionitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.occasionImage {
    height: 129px;
    width: 129px;
    border-radius: 129px;
    object-fit: cover;
}

.occasionLabel {
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: 400;
    line-height: normal;
    color: #FFF;
    margin-top: 6px;
    width: 130px;
    text-align: center;
}


.progress-bar {
    width: 100%;
    height: 5px;
    background-color: #898793;
    border-radius: 5px;
    margin-top: 8px;
    margin-bottom: 5px;

}

.progress {
    height: 100%;
    background-color: #FFA37A;
    border-radius: 10px;
    transition: width 0.3s ease;
}

@media only screen and (max-width: 600px) {
    .ant-modal.occasion-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.occasion-maincontainer) {
        overflow: unset !important;
    }

    .occasion-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .occasion-modal {
        height: 100vh;
        width: 100vw !important;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .occasion-modal .progress-bar {
        margin-top: 30px;
    }

    .occasion-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .occasion-modal-container {
        padding: 0 70px;
        height: 80%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {
    .occasion-modal-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {
    .occasion-modal-container {
        padding: 0 40px;
    }

    .occasionContainer {
        grid-template-columns: repeat(2, 1fr);

    }
}

@media only screen and (max-width: 430px) {
    .destination-modal-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 350px) {
    .occasion-modal-container {
        padding: 0;
    }
}

@media only screen and (max-width: 330px) {
    .occasion-modal {
        padding: 20px;
    }

    .occasionImage {
        width: 100px;
        height: 100px;
        border-radius: 100px;
    }
}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

.destination-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.destination-maincontainer {
    top: 40px;
}

.destination-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.destination-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    padding: 30px 35px;
    border-radius: 30px;
    height: 600px;
}

.destination-modal-container {
    padding: 0 70px;
    height: 460px;
    overflow: scroll;
    scrollbar-width: none;
}

.destination-title {
    padding: 25px 0 0;
    color: #CDBA86;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
}

.destination-next-btn {
    width: 100%;
}

.next-btn-container {
    margin-top: 10px;
    padding: 0 70px;
}

.disabled-destination-btn {
    pointer-events: none;
    background-color: #898793 !important;
}

.occasion-container {
    width: 100%;
    height: 52px;
    background-color: #211c3354;
    border-radius: 10px;
    border: 0.5px solid #CDBA86;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.display-occasion {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: var(--semibold-font-weight);
    color: #fff;
}

.destination-subTitle {
    padding: 25px 0;
    color: #fff;
    text-align: start;
    font-size: 14px;
    line-height: 0px;
    font-weight: 500;
    font-family: 'Montserrat';
    margin-left: 10px;
}


.destinationContainer {
    margin-bottom: 15px;
}


.destinationContainer .ant-picker .ant-picker-clear {
    display: none;
}

.destinationContainer .ant-picker .ant-picker-input>input {
    color: #fff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.26px;
}



.destinationRowContainer {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.destinationContainer input.ant-input.ant-input-outlined.destination-input-field {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 600;
    height: 52px;
    background: #211c3354;
    border: 0.5px groove #CDBA86;
    color: #fff;
    border-radius: 10px;
}

.destinationContainer .ant-input.destination-input-field::placeholder,
.destinationContainer .ant-input.destination-input-field-choice-::placeholder,
.destinationContainer .ant-input.destination-input-field-choice-selected::placeholder,
.destinationContainer.ant-picker .ant-picker-input>input::placeholder {
    color: #fff !important;
    font-family: 'Montserrat';
    font-size: 16px
}

.destinationContainer input.ant-input.ant-input-outlined.destination-input-field-choice- {
    background: #211c3354;
    border: 0.3px groove #CDBA86;
    color: #fff;
    opacity: 0.2;
    width: 40%;
    height: 52px;
    border-radius: 10px;
    cursor: pointer;
}

.destinationContainer input.ant-input.ant-input-outlined.destination-input-field-choice-selected {
    opacity: 1;
    background: #211c3354;
    border: 0.3px groove #CDBA86;
    color: #fff;
    width: 40%;
    height: 52px;
    border-radius: 10px;
}

.destinationContainer input.ant-input.ant-input-outlined.destination-input-field-choice-selected::placeholder {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
}

.destinationContainer .ant-picker.ant-picker-outlined.destination-date-picker {
    width: 100%;
    padding: 10px;
    background: #211c3354;
    border: 0.5px groove #CDBA86;
    height: 52px;
    border-radius: 10px;
    margin-bottom: -15px;
}

.destinationContainer .ant-picker .ant-picker-suffix {
    color: #fff;
}

.occasionitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}


.progress-bar {
    width: 100%;
    height: 5px;
    background-color: #898793;
    border-radius: 5px;
    margin-top: 8px;
    margin-bottom: 5px;

}

.progress {
    height: 100%;
    background-color: #FFA37A;
    border-radius: 10px;
    transition: width 0.3s ease;
}

@media only screen and (max-width: 600px) {
    .ant-modal.destination-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.destination-maincontainer) {
        overflow: unset !important;
    }

    .destination-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .destination-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .destination-modal {
        height: 100vh;
        width: 100vw !important;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .destination-modal .progress-bar {
        margin-top: 30px;
    }

    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .destination-modal-container {
        padding: 0 70px;
        height: 80%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {

    .destination-modal-container,
    .next-btn-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {

    .destination-modal-container,
    .next-btn-container {
        padding: 0 40px;
    }

}

@media only screen and (max-width: 430px) {

    .destination-modal-container,
    .next-btn-container {
        padding: 0 20px;
    }

}

@media only screen and (max-width: 350px) {

    .destination-modal-container,
    .next-btn-container {
        padding: 0;
    }
}

@media only screen and (max-width: 330px) {
    .destination-modal {
        padding: 20px;
    }

    .destination-subTitle {
        font-size: 12px;
    }
}
.submit-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.submit-maincontainer {
    top: 40px;
}

.submit-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.submit-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    height: 600px;
}

.submit-modal-container {
    padding: 0 70px;
    height: 460px;
    overflow: scroll;
    scrollbar-width: none;
}

.desir-destination {
    margin: 15px 0 15px 0;
    color: #CDBA86;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
}

.submit-modal-container .ant-input-outlined,
.submit-modal-container .ant-input-outlined:focus,
.submit-modal-container .ant-input-outlined:focus-within {
    background-color: #211c3354;
    border: 1px groove #CDBA86;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    height: 52px;
    box-shadow: unset !important;
}


.submit-textarea {
    margin-top: 20px;
    height: 200px !important;
    resize: none !important;
    scrollbar-width: none;
    background-color: #211c3354;
    border: 1px groove #CDBA86;
    color: #fff;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 600;
}

.submit-modal textarea.ant-input:focus,
.submit-modal textarea.ant-input:hover {
    background-color: #211c3354;
    border: 1px groove #CDBA86;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 600;
}

.submit-modal textarea.ant-input::placeholder {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.submit-modal-container .ant-checkbox .ant-checkbox-inner {
    background-color: transparent !important;
    border-radius: unset !important;
    border-color: #fff !important;
}

.submit-modal-container .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: transparent !important;
}

.submit-modal-container .ant-checkbox-checked .ant-checkbox-inner {
    border: none !important;
}


@media only screen and (max-width: 600px) {
    .ant-modal.submit-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.submit-maincontainer) {
        overflow: unset !important;
    }

    .submit-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .submit-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .submit-modal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .submit-modal .progress-bar {
        margin-top: 30px;
    }

    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .submit-modal-container {
        padding: 0 70px;
        height: 80%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {
    .submit-modal-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {
    .submit-modal-container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 430px) {
    .submit-modal-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 330px) {
    .submit-modal {
        padding: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .submit-modal-container {
        padding: 0;
    }
}
.requestsubmit-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.requestsubmit-maincontainer {
    top: 40px;
}

.requestsubmit-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.requestsubmit-modal {
    background: linear-gradient(180deg, #393E45 0%, #0A0D10 100%);
    border-radius: 30px;
    padding: 30px 35px;
    height: 600px;
}

.requestsubmit-modal-container {
    padding: 0 50px;
    height: 470px;
    overflow: scroll;
    scrollbar-width: none;
}

.request-submit-title {
    margin: 35px 0 50px 0;
    color: #CDBA86;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
    line-height: 27px;
}

.detail-title {
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
    line-height: 27px;
}

.advisor-excerpt {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
}

.success-description {
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Montserrat';
    letter-spacing: 0.5px;
}

.success-img {
    margin: 15px 0 15px 0;
    border-radius: 8px;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.success-read-btn {
    width: 100%;
    margin-top: 10px;
}

.requestsubmit-maincontainer .next-btn-container {
    padding: 0 50px;
}


@media only screen and (max-width: 600px) {

    .requestsubmit-maincontainer .next-btn-container {
        padding: 0 70px;
    }

    .ant-modal.requestsubmit-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.requestsubmit-maincontainer) {
        overflow: unset !important;
    }

    .requestsubmit-maincontainer {
        width: unset !important;
        margin: unset !important;
    }

    .requestsubmit-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }

    .requestsubmit-modal {
        height: 100vh;
        width: 100vw;
        scroll-behavior: unset !important;
        border-radius: unset !important;
    }

    .requestsubmit-modal .progress-bar {
        margin-top: 30px;
    }

    .back-arrow {
        top: 15px !important;
        left: 15px !important;
    }

    .requestsubmit-modal-container {
        padding: 0 70px;
        height: 90%;
        overflow: scroll;
        scrollbar-width: none;
    }
}

@media only screen and (max-width: 550px) {
    .requestsubmit-maincontainer .next-btn-container {
        padding: 0 50px;
    }

    .requestsubmit-modal-container {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 480px) {
    .requestsubmit-maincontainer .next-btn-container {
        padding: 0 40px;
    }

    .requestsubmit-modal-container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 430px) {
    .requestsubmit-maincontainer .next-btn-container {
        padding: 0 20px;
    }

    .requestsubmit-modal-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 330px) {

    .requestsubmit-modal {
        padding: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .requestsubmit-modal-container {
        padding: 0;
    }

    .requestsubmit-maincontainer .next-btn-container {
        padding: 0;
    }

}
.welcomemodal-maincontainer .ant-modal-content {
    padding: 0 0;
    border-radius: 50px;
}

.ant-modal.welcomemodal-maincontainer {
    top: 40px;
}

.welcomemodal {
    background-size: cover;
    background-position: center;
    padding: 40px 32px;
    height: 600px;
    border-radius: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.welcomemodal-maincontainer .ant-modal-content .ant-modal-close {
    position: absolute;
    top: -17px;
    right: -20px;
    color: #fff;
    font-size: 17px;
}

.welcome-logo {
    width: 150px;
    height: 150px;
}

.button-container {
    width: 100%;
    padding: 0 25px;
    position: absolute;
    bottom: 3%;
}

.button-subcontainer {
    display: flex;
    justify-content: space-between;
}


.welcome-join-btn {
    width: 45%;
    display: flex;
    justify-content: center;
    padding: 20px 25px;
}

.welcome-login-btn {
    width: 45%;
    display: flex;
    justify-content: center;
    padding: 20px 25px;
}

.welcome-guest {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
}

@media only screen and (max-width: 600px) {

    .ant-modal.welcomemodal-maincontainer {
        top: 0px;
    }

    .ant-modal-wrap:has(div.welcomemodal-maincontainer) {
        overflow: unset !important;
    }

    .welcomemodal-maincontainer {
        width: unset !important;
        margin: unset !important;
    }


    .welcomemodal {
        height: 100vh;
        width: 100vw;
        border-radius: unset !important;
    }

    .welcomemodal-maincontainer .ant-modal-content .ant-modal-close {
        top: 17px !important;
        right: 3% !important;
    }
}

@media only screen and (max-width: 500px) {
    .button-container {
        bottom: 7%;
    }
}
.postfooter {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 75px;
}

.hotelDetailButton {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center !important;
    align-items: center;
    gap: 15px;
    padding: 0px 0px 20px;
}

.social-media-link {
    margin-top: 15px;
}

.follow-text {
    color: var(--LOVU-Flat-Gold);
    text-align: center;
    font-family: var(--font-family);
    font-size: 13px;
    font-style: var(--font-style-normal);
    font-weight: var(--medium-font-weight);
    line-height: var(--normal-line-height);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 0px 0px 20px;
}

.social-media-icons {
    width: 100%;
    display: flex;
    justify-content: center;
}

.social-media-image:hover {
    transition: all .2s ease;
    transform: translate3D(0, -1px, 0) scale(1.3);
}


@media only screen and (max-width: 1240px) {
    .hotelDetailButton {
        flex-direction: column;
    }
}


@media only screen and (max-width: 600px) {

    .hotelDetailButton .button-instance-gold,
    .hotelDetailButton a {
        width: 100%;
    }

}

@media only screen and (max-width: 320px) {
    .follow-text {
        font-size: 10px;
    }

}
.list-view {
    list-style: none;
}

.list::before {
    content: "•";
    color: #C21A46;
    margin-right: 4px;
    font-size: 25px;
}

.list {
    color: var(--flat-dark-03, #3B3B4D);
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    letter-spacing: -0.15px;
    display: flex;
    justify-content: flex-start;
    padding: 4px 0px;
    text-align: left;
}
.content-card {
    margin-bottom: 20px;
}

.content-title {
    color: var(--LOVU-Flat-Gold);
    font-family: "Montserrat";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: start;
    padding: 8px 0px
}


.para-1,
.para-2 {
    color: var(--flat-dark-03);
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    letter-spacing: -0.15px;
    text-align: start;
    padding: 5px 0px;
    align-self: stretch;
}
.image-text-card-wrap {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 10px 20px;
    padding: 12px 30px 100px;
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    scrollbar-width: none;
}

.image-text-card-wrap .image-text-item {
    background-color: #ffffff;
    padding: 20px;
    text-align: left;
    border-radius: 5px;
    box-shadow: -1px 2px 12px 4px rgba(59, 74, 116, 0.26);
}


.image-text-card-wrap .heading-and-wrapper {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

.image-text-card-wrap .heading-and {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 250px;
}

.image-text-card-wrap .heading-and-text {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    position: relative;
    /* width: 100%; */
}

.image-text-card-wrap .heading-and-icon {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    position: relative;
    /* width: 100%; */
}

.image-text-card-wrap .image-text-thumbnail {
    width: 250px !important;
    height: 175px;
    border-radius: 5px;
    object-fit: cover;
    position: relative;
}

.image-text-card-wrap .subheading {
    color: var(--LOVU-Flat-Gold);
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.image-text-card-wrap .heading-2 {
    color: var(--flat-dark-03);
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.image-text-card-wrap .supporting-text-2 {
    color: var(--flat-dark-03);
    font-family: "Montserrat";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
}


.image-text-card-wrap .button-small-4 {
    margin-top: -1px !important;
}



@media only screen and (max-width: 769px) {
    .image-text-card-wrap {
        width: 93vw;
    }
}

@media only screen and (max-width: 370px) {

    .image-text-card-wrap .subheading {
        font-size: 10px;
    }

    .image-text-card-wrap .heading-2 {
        font-size: 8px;
    }

    .image-text-card-wrap .image-text-thumbnail {
        height: 125px;
        width: 210px !important;
    }

    .image-text-card-wrap .button-small-5 {
        padding: 13px 15px;
    }
}
.hotelpage .widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    padding: 0px 8%;
    position: absolute;
    bottom: 25%;
    width: 100%;
}

.hotelpage .banner-content .button-small .button-text {
    font-size: 12px !important;
}


.collectionpage .widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    padding: 0px 8%;
    position: absolute;
    top: 110px;
    width: 100%;
}

.banner-actionbutton {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}


.hotelpage .sticky-widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    box-shadow: -1px -1px 5px 0px #ccc;
    padding: 20px 8%;
    background-color: #fff;
}

.collectionpage .sticky-widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    transition: all 0.25s ease-out;
    box-shadow: -1px -1px 5px 0px #ccc;
    padding: 20px 8%;
    background-color: #fff;
}

.hotelpage .design-component-instance-node-3 {
    align-self: stretch !important;
    flex: 0 0 auto !important;
    width: 100% !important;
}

.skeleton-content {
    margin: 50px 0px;
}

.hotelpage .pageContent {
    align-items: center;
    align-self: stretch;
    flex: 0 0 auto;
    padding: 0px 8% 0px;
    position: relative;
    width: 100%;
    overflow-x: hidden;

}

.collectionpage .pageContent {
    align-items: center;
    align-self: stretch;
    flex: 0 0 auto;
    padding: 0px 8% 0px;
    position: relative;
    width: 100%;
    overflow-x: hidden;

}

.collectionpage .card-list-container {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 50px;
    padding: 50px 0px;
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.collectionpage .card-list-wrap::after {
    content: "";
    flex: auto;
}

.collectionpage .card-list-wrap {
    align-items: flex-end;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    max-width: 1280px;
    position: relative;
    width: 100%;
    gap: 2.5%;
    justify-content: space-between;
    flex-flow: row wrap;
}

.collection-texts {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 15px;
}

.collection-title {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--bold-font-weight);
    color: rgba(205, 186, 134, 1);
    line-height: 24px;
}

.collection-description {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: var(--regular-font-weight);
    color: rgba(37, 37, 37, 1);
    line-height: 22.5px;
    letter-spacing: -0.15px;
}

.hotelpage .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.hotelpage .advisor-content {
    width: 100%;
}

.marketplace-advisor-content {
    min-height: 300px;
}

.collectionpage .collection-content {
    width: 100%;
    margin-top: 30px;
}

.main-content,
.image-card {
    height: 100%;
    box-sizing: border-box;
}

.market-request-content-offer-company-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2px;
    color: var(--dark);
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.market-request-content-offer-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    color: var(--LOVU-Gold);
    text-align: left;
    margin-bottom: 50px;
}

.main-content {
    /* width: 56%; */
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: flex-start;

}

.image-card {
    /* width: 40%; */
    margin-left: auto;

}

.image-card-none {
    display: none;
}

.special-offer-title {
    color: var(--LOVU-Flat-Gold);
    font-family: "Montserrat";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: start;
    padding: 8px 0px;
    margin-bottom: 10px;
}


.main-flex-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
}

.leftColumn {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
}

.rightColumn {
    width: 35%;
    display: flex;
    flex-direction: column;
}

.bigSquare {
    height: 300px;
    width: 100%;
    padding-bottom: 8px;
    object-fit: cover;
}



.squareImage {
    height: 150px;
    width: 50%;
    object-fit: cover;

}

.squareImage1 {
    height: 150px;
    width: 50%;
    padding-left: 10px;
    object-fit: cover;

}

.squareImage2 {
    height: 180px;
    width: 100%;
    padding: 0 0 8px 8px;
    object-fit: cover;
}

.squareImage3 {
    height: 75px;
    width: 75px;
    object-fit: cover;
}

.secondRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 8px;
}

.secondRowImage1 {
    width: 32.5%;
    object-fit: cover;
    height: 150px;
    padding-bottom: 8px;
}

.secondRowImage2 {
    width: 66%;
    height: 150px;
    object-fit: cover;
    padding-bottom: 8px;
}

.secondRowImage3 {
    width: 32.5%;
    height: 150px;
    object-fit: cover;
    padding-bottom: 8px;
}

.secondRowImage4 {
    width: 32.5%;
    height: 200px;
    object-fit: cover;
    padding-bottom: 8px;
}

.secondRowImage5 {
    width: 66%;
    object-fit: cover;
    height: 200px;
    padding-bottom: 8px;
}

.bigSquare:hover,
.squareImage:hover,
.squareImage1:hover,
.secondRowImage1:hover,
.secondRowImage2:hover,
.secondRowImage3:hover,
.squareImage2:hover,
.secondRowImage4:hover,
.secondRowImage5:hover,
.portraitBigImage:hover {
    transition: all .3s ease;
    /* transform: translate3D(0, 0px, 0) scale(1.1); */
    cursor: pointer;
}

.portraitBigImage {
    height: 100%;
    width: 100%;
    padding-left: 8px;
    object-fit: cover;
}

.certificateContainer {
    width: 100%;
    display: flex;
    padding: 65px 0px;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 25px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    scrollbar-width: none;
}

.certificate-image {
    height: 120px;
    object-fit: cover;
}

.reviewcontainer {
    width: 100%;
    padding: 40px 25px;
    box-shadow: 2px -4px 4px 0px #A3A3A31A, 0px 7px 7px 0px #A3A3A317, 0px 16px 10px 0px #A3A3A30D, 0px 29px 12px 0px #A3A3A303, 0px 46px 13px 0px #A3A3A300;
    border-radius: 8px;
    margin: 25px 0;
}

.reviewContent {
    font-size: 16px;
    font-family: 'Montserrat';
    text-align: left;
    padding: 10px 0;

}

h2.reviewAuthorText {
    font-size: 18px;
    font-family: 'Montserrat';
    text-align: left;
    font-weight: 500;
    padding: 2px 0;
}

.book-direct {
    height: 35px;
}

.market-requet-price-btn-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 34px 0;

}

.market-requet-price-btn-container.sticky-price {
    position: fixed;
    bottom: 0px;
    background: #fff;
    margin-bottom: 0;
    padding: 30px 0px;
    width: 100%;
}

.market-request-hotel-price {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: var(--dark);
}

.banner-book-now-btn-container {
    width: 140px;
    display: flex;
    justify-content: center;
}

.banner-book-now-btn-container .ant-spin .ant-spin-dot .ant-spin-dot-item {
    background-color: var(--LOVU-Pink) !important;
}


@media only screen and (max-width: 1250px) {
    .bigSquare {
        height: 250px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 130px;
    }

    .squareImage2 {
        height: 180px;
    }

    .banner-actionbutton .button-text {
        font-size: 12px;
    }


}

@media only screen and (max-width: 1100px) {
    .bigSquare {
        height: 220px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 110px;
    }

    .squareImage2 {
        height: 150px;
    }
}

@media only screen and (max-width: 1024px) {
    .certificate-image {
        height: 100px;
    }
}

@media only screen and (max-width: 900px) {
    .bigSquare {
        height: 200px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 100px;
    }

    .squareImage2 {
        height: 130px;
    }

    .banner-actionbutton .button-text {
        font-size: 10px;
    }
}

@media only screen and (min-width: 769px) {
    .hotelpage-main-container {
        position: relative;
    }

    .hotelpage-sub-container-one {
        width: 50%;
        height: 90%;
        top: 95px;
        left: 0;
        overflow: hidden;

    }

    .hotelpage-sub-container-two {
        width: 50%;
        margin-top: 105px;
        overflow-y: auto;
        margin-left: 50%;
        z-index: 1;
    }

}

@media only screen and (max-width: 768px) {

    .hotelpage .hero .widget {
        top: 83vh;
    }

    /* .message-wrap {
        top: 30vh;
    } */

    .main-content {
        width: 100%;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .image-card {
        width: 100%;
    }

    .special-offer-title {
        text-align: center;
    }

    .bigSquare {
        height: 350px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 180px;
    }

    .squareImage2 {
        height: 250px;
    }

    .certificateContainer {
        width: 100vw;
        margin-left: -9%;
        padding-left: 9%;
        overflow-x: auto;
        display: flex;
        justify-content: space-between;
        padding: 65px 0px;
        align-items: center;
    }

    .special-offer-title {
        text-align: center;
    }

    .certificate-image {
        height: 80px;
    }

    .certificate-card {
        width: 25%;
    }

    .market-requet-price-btn-container.sticky-price {
        /* display: none !important; */
        margin-left: -8%;
        padding-left: 8%;
    }
}

@media only screen and (max-width: 600px) {

    .market-requet-price-btn-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .bigSquare {
        height: 300px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 150px;
    }

    .squareImage2 {
        height: 200px;
    }

    .squareImage1 {
        padding-left: 6px;
    }

    .main-flex-row,
    .secondRow,
    .thirdRow {
        padding-bottom: 6px;
    }
}

@media only screen and (max-width: 450px) {
    .hotelpage .footer .container .content-2 .mobile-links {
        gap: 0px;
    }

    .hotelpage .message-wrap {
        top: 25vh;
    }

    .bigSquare {
        height: 250px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 120px;
    }

    .squareImage2 {
        height: 150px;
    }

    .certificate-image {
        height: 80px;
    }

    .certificate-card {
        width: 25%;
    }
}

@media only screen and (max-width: 350px) {
    .bigSquare {
        height: 200px;
    }

    .squareImage,
    .squareImage1,
    .secondRowImage1,
    .secondRowImage2,
    .secondRowImage3 {
        height: 90px;
    }

    .squareImage2 {
        height: 110px;
    }

    .secondRowImage4,
    .secondRowImage5 {
        height: 150px;
    }
}
.home-drop {
    border-radius: 8px !important;
}

.mobile-drop-container {
    width: 100%;
    margin-bottom: 15px;
}

.mobile-drop-container-height {
    padding: 20px;
    border-radius: 8px;
}
.offer .pageContent {
    margin-top: 50px;
    display: flex;
    padding: 50px 8% 0px;
    width: 100%;
    overflow-x: hidden;
}

.offer .sub-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.offer-title {
    padding: 25px 0;
    color: #CDBA86;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Montserrat';
}

.offer .navigation {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 10px 10px;
    position: relative;
    max-width: 1280px;
    width: 93vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-bottom: 1px solid #A49974;
}

.offer-main-container {
    width: 100%;
    display: flex;
    padding: 20px 0px 40px;
    cursor: pointer;
    position: relative;
    height: 100vh;
}

.offer-dealist-main-container {
    width: 30%;
    display: flex;
    gap: 25px;
    flex-direction: column;
    padding: 2px 2px 2px 2px;
    border-radius: 10px;
    height: 100%;
    overflow-y: auto;
}

.offer-dealist-main-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.offer-dealist-main-container::-webkit-scrollbar {
    display: none;
}

.offer-dealist-container- {
    width: 100%;
    padding: 20px 15px 20px 15px;
    margin: 0 10px 0 0;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    gap: 10px;
    opacity: 0.7;
    background: rgba(250, 250, 250, 1);
}

.offer-dealist-container-selected {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 100%;
    padding: 20px 15px 20px 15px;
    margin: 0 10px 0 0;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    gap: 10px;
    box-shadow: 0px 2px 4px 0px #A3A3A31A, 0px 7px 7px 0px #A3A3A317, 0px 16px 10px 0px #A3A3A30D, 0px 29px 12px 0px #A3A3A303, 0px 46px 13px 0px #A3A3A300;

}

.offer-dealist-container-read {
    width: 100%;
    padding: 20px 15px 20px 15px;
    margin: 0 10px 0 0;
    border-radius: 10px;
    background: rgba(250, 250, 250, 1);
}

.deal-card {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.deal-content {
    width: 85%;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    line-height: 26px;
    color: #252525;
}

.offerType {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    color: #E90F64;
}

.offerFrom {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
}

.offer-author {
    color: #E90F64;
    font-family: "Montserrat";
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    line-height: 30px;
}

img.pin-icon {
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    object-fit: cover;
}

img.archive-icon {
    height: 14px;
    width: 14px;
    object-fit: cover;
}

img.unarchive-icon {
    height: 14px;
    width: 14px;
    object-fit: cover;
}


img.unarchive-icon:before {
    content: "/";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: black;
}

.tooltip,
.unarchieve-tooltip {
    position: relative;
    display: inline-block;
}

.unarchieve-tooltip::after {
    display: block;
    top: -5px;
    left: 5px;
    height: 23px;
    content: " ";
    position: absolute;
    padding: 0px 0px;
    border-left: 3px solid #898793;
    transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
}


.unarchieve-tooltip .tooltiptext,
.tooltip .tooltiptext {
    visibility: hidden;
    width: 90px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.unarchieve-tooltip .tooltiptext::after,
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 75%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext,
.unarchieve-tooltip:hover .tooltiptext {
    visibility: visible;
}

.deal-time {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #252525;
}

.Tag-container {
    display: flex;
    width: 100%;
    margin: 6px 0;
    gap: 15px;
}

.tagText {
    padding: 5px 10px 5px 10px;
    background: linear-gradient(#4048EF 100%, #5A7BEF 100%);
    font-family: Montserrat;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 2px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 15px;
}


.offer-deal-main-container {
    width: 59%;
    margin: 0 0 0 40px;
    padding: 0 0 0 20px;
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.offer-deal-main-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.offer-deal-main-container::-webkit-scrollbar {
    display: none;
}

.offer-deal-main-container-fixed {
    position: fixed;
    width: 50%;
    right: 14%;
    top: 300px;
    z-index: 1000;
}

.deal-content-scrollable- {
    overflow-y: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    height: 100%;
    position: relative;
}

.deal-content-scrollable-sticky {
    overflow-y: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    /* height: 22.7rem; */
    position: relative;
    /* overflow-y: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    height: 100%;
    width: auto;
    position: fixed;
    bottom: 0;
    right: 10%;
    z-index: 1000; */
}

.offer-deal-container {
    width: 100%;
    border-radius: 15px;
    padding: 30px;
    background: #F1F1F1;
    margin: 0 0 20px 0;
}


.ChatInputContainer {
    width: 100%;
    position: sticky;
    bottom: 1px;

}

.offerTitleCard {
    display: flex;
    width: 100%;
    align-items: center;
}

img.offerLandingImage {
    height: 35px;
    width: 35px;
    border-radius: 35px;
    object-fit: cover;
}

.offerTitleHeading {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #252525;
    margin: 0px 0 0px 10px;
}

.offerMainHeadingwrap {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.offerMainHeading {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 5px 0 0;
    background: -webkit-linear-gradient(#b33236, #B33236);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.offerText {
    font-weight: 600;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.offerDate {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    color: #252525;
    margin: 10px 0;
}

.closeModalLine {
    height: 1px;
    width: 100%;
    border-radius: 5px;
    background-color: #898793;
    margin: 10px 0;
}

.MainTextView {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 0;
}

.textHeading {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    width: 38%;
}

.subHeading {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    width: 68%;
    color: #000000;
}

.subHeadingTwo {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    width: 68%;
    color: #000000;
}

.subHeadingBudget {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
}

.ChatContainer {
    width: 100%;
    position: relative;
}

.bookOfferContainer {
    padding: 30px;
    margin: 25px 0;
    background: #F2E9D0;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.bookOfferCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.messageContainer {
    width: 100%;
}

.CardTitle {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.2666666805744171px;
    text-align: left;
    color: #3B3B4D;
}

.smallText {
    color: #3B3B4D;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.15000000596046448px;
    text-align: left;
}

.mediumText {
    color: #3B3B4D;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}


.offer-book-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.basePadding {
    /* width: 50%; */
}

.declineOfferContainer {
    /* width: 50%; */
    margin-left: 20px;
}

.declineTextCard {
    font-family: "Montserrat";
    color: #3B3B4D;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: left;
}

.OfferDeclinedText {
    /* position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); */
    color: rgba(233, 15, 100, 0.7);
    background: linear-gradient(167.3deg, #CDBA86 -19.64%, #A49974 103.93%);
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0px;
    padding: 24px;
    border-radius: 20px;
    text-align: center;
    margin: 20px 20px;

}

.ChatInputContainer .ant-input-affix-wrapper.ant-input-outlined.chat-input-field {
    border: 1px solid #E8E8E8;
    border-radius: 25px;
    padding: 0 15px;
    color: #252525;
    font-family: 'Montserrat';
    font-weight: 500;
}

.ChatInputContainer .ant-input-affix-wrapper.ant-input-outlined.chat-input-field ::placeholder {
    font-family: 'Montserrat';
    font-weight: 500;
}

.ChatInputContainer .ant-input-affix-wrapper .ant-input-suffix {
    font-size: x-large;
}

.ChatInputContainer .ant-input-outlined:focus,
.ChatInputContainer .ant-input-outlined:focus-within {
    box-shadow: unset;
}


.send-icon {
    color: #353535;
    height: 18px !important;
    width: 18px !important;
}

.sendMessage {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 15px 0 30px 0;

}

.receivedMessage {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 15px 0 30px 0;

}

.senderMessageText {
    padding: 20px 12px;
    border-radius: 20px 20px 20px 0px;
    background: #E9E9E9;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
}

.recieverMessageText {
    padding: 20px 12px;
    border-radius: 20px 20px 0 20px;
    background: linear-gradient(167.3deg, #CDBA86 -19.64%, #A49974 103.93%);
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: left;
}


.no-offer-found {
    width: 100%;
    text-align: start;
    margin: 20px 0 0 0;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1px;
}

.no-offer {
    width: 100%;
    text-align: start;
    margin: 0 0 30px 0;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1px;
}


.back-page-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: 25px 0 5px 0;
    align-items: center;
    gap: 15px;
}

.back-arrow-text {
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #252525;
}


.offer-dealist-container span.react-loading-skeleton.offerTypeSkeleton {
    width: 250px;
}

@media only screen and (max-width: 640px) {
    .offer-deal-container span.react-loading-skeleton line {
        width: 450px;
    }


    .offer-dealist-container span.react-loading-skeleton.offerTypeSkeleton {
        width: 150px;
    }

}

@media only screen and (max-width: 768px) {
    .offer-dealist-main-container {
        width: 100%;
    }

    .offer-deal-main-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .offer .navigation {
        margin-left: -10%;
        padding-left: 8%;
        width: 100vw;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .deal-card {
        justify-content: flex-start;
        gap: 20px;
    }

    .offer-deal-container {
        margin: 0 0 30px 0;
    }

    .offer-main-container {
        padding: 0px 0px 40px;
    }

    .offerMainHeading {
        text-align: start;
    }

    .no-offer-found {
        font-size: 20px;
    }

}


@media only screen and (max-width: 420px) {
    .offerMainHeading {
        font-size: 16px;
    }

    .textHeading {
        font-size: 11px;
    }

    .subHeading {
        font-size: 11px;
    }

    .offerText {
        font-size: 16px;
    }

    img.offerLandingImage {
        height: 30px;
        width: 30px;
        border-radius: 30px;
    }

    .offerTitleHeading {
        font-size: 16px;
    }

    .no-offer-found {
        font-size: 16px;
    }
}


@media only screen and (max-width: 320px) {
    .offer-deal-container {
        padding: 18px;
    }

    .offerMainHeading {
        font-size: 14px;
    }

    .textHeading {
        font-size: 9px;
    }

    .subHeading {
        font-size: 9px;
        width: 56%;
    }

    .offerText {
        font-size: 14px;
    }

    .no-offer-found {
        font-size: 12px;
    }

    .back-arrow-text {
        font-size: 18px;
    }

    .offer-dealist-container span.react-loading-skeleton.offerTypeSkeleton {
        width: 100px !important;
    }

}
.article-content-title-h1 {
    color: rgba(205, 186, 134, 1);
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: start;
    padding: 8px 0px
}

.article-content-title-h2 {
    background: linear-gradient(180deg, #EC0D66 0%, #C21A46 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: start;
    padding: 8px 0px
}

.article-content-title-h3 {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: start;
    padding: 5px 0px
}

.para {
    color: var(--flat-dark-03);
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    letter-spacing: -0.15px;
    text-align: start;
    padding: 5px 0px;
    align-self: stretch;
}

.article .list-view li:before {
    display: inline-block;
    width: 2.5px;
    height: 2.5px;
    content: " ";
    border: 2px solid #EC0D66;
    border-radius: 4.5px;
    margin-top: 8px;
    margin-right: 12px;
    background-color: #EC0D66;
}
.title-block {
    width: 84%;
    margin: 50px 8% 20px;
    text-align: center;
}
.title-block img.profile-image {
    height: 56px;
    width: 56px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.category-name {
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 24px;
    color: var(--dark);
    font-weight: 600;
}
.article-content-title {
    font-family: var(--font-family);
    font-size: 36px;
    line-height: 40px;
    color: var(--LOVU-Flat-Gold);
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}
.author-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.author-block .author-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font-family);
    color: var(--gray-900);
    text-align: left;
}
.author-block .publish-date {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    font-family: var(--font-family);
    color: var(--gray-600);
    text-align: left;
}
.article .pageContent {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
    width: 84%;
    margin: 0px 8% 0px;
    overflow-x: hidden;
}

.articleContent {
    display: flex;
    width: 58%;
    flex-direction: column;
    padding: 30px 0 60px;
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto;
}

p.para img {
    max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: contain;
}
.articleContent a {
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--LOVU-Flat-Gold);
    text-decoration: underline;
}
.article-categories-container {
    display: flex;
    gap: 10px;
    padding-top: 25px;
    border-top: 1px solid rgba(234, 236, 240, 1);
    width: 100%;
}
.article-categories-container a {
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
    .articleContent {
        width: 100%;
    }
    .article-content-title{
        font-size: 28px;
        line-height: 34px;
    }
}
@media only screen and (max-width: 450px) {
    .article-content-title{
        font-size: 22px;
        line-height: 28px;
    }
}
.article-list-container {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}

.article-card {
    width: 31%;
    margin-bottom: 30px;
}

.article-card.full-width-card {
    width: 100%;
    margin-bottom: 40px;
}

img.article-image {
    width: 100%;
    border-radius: 5px;
}

.article-card img.article-image {
    height: 240px;
    object-fit: cover;
    object-position: center;
}

.article-card.full-width-card img.article-image {
    height: 600px;
    object-fit: cover;
    object-position: center;
}

.article-list-container {
    width: 84%;
    margin: 130px auto 60px;
}

.article-author {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: var(--dark);
    text-align: left;
    text-transform: uppercase;
}

.article-title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--LOVU-Flat-Gold);
}

.article-card.full-width-card .article-title {
    font-size: 30px;
    line-height: 38px;
}

.article-excerpt {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--dark);
    text-align: left;
}

.article-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px auto;
}

.category-title {
    background-color: var(--lovuflatgrey-2);
    border-radius: 6px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    color: var(--lovuflatwhite);
    text-align: left;
    text-transform: uppercase;
    padding: 3px 8px;
}

.article-card>h3 {
    margin-top: 15px;
}

.article-card h2,
.article-card>p {
    margin-top: 10px;
}

.article-card h2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-card p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-pagination {
    width: 84%;
    margin: 0 auto 30px;
    border-top: 1px solid rgba(234, 236, 240, 1);
}

.article-pagination {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    margin-bottom: 50px;
}

.previous-link span,
.next-link span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.previous-link a,
.previous-link svg,
.next-link a,
.next-link svg {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-600);
}

.previous-link svg,
.next-link svg {
    font-size: 16px;
}

.previous-link a.disabledlink,
.next-link a.disabledlink {
    opacity: 0.6;
}

.page-link a {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-600);
    padding: 10px 15px;
    border-radius: 8px;
}

.page-link a:hover {
    background-color: var(--gray-50);
}

.page-link a.disabledlink {
    background-color: var(--gray-50);
}

.article-list-container span:has(.blog-image-Skeleton) {
    width: 100%;
}

.blog-card {
    width: 100%;
}

.blogRow {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.blogRow>.blog-card-Skeleton {
    width: 31%;
}

.blogRow>.blog-card-Skeleton>span {
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .article-list-container {
        gap: 6%;
    }

    .article-card {
        width: 47%;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .article-card.full-width-card img.article-image {
        height: 240px;
    }

    .article-card.full-width-card .article-title {
        font-size: 20px;
        line-height: 24px;
    }

    .article-card {
        width: 100%;
        margin-bottom: 30px;
    }

    .page-link {
        display: none;
    }
}
.widget-travel {
    border: unset !important;
    padding: unset !important;
    border-radius:  unset !important;
}

.widget-travel .input-with-labels {
    display: unset !important;
}

.widget-travel .dropdown-menu-container {
    top: 40px !important;
}

.widget-travel .input-field.type-icon-leading {
    width: 100%;
}
.widget-traveldetail-container {
    position: relative;
}

.widget-travelguest-container {
    width: 100%;
    min-height: 100px;
    max-height: 270px;
    position: absolute;
    top: 70px;
    right: 0px;
    background: #fff;
    border: 0.5px solid #fff;
    border-radius: 9px;
    z-index: 1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    scrollbar-width: none;
}
.zentrum-roomcard {
    width: 100%;
    min-height: 200px;
    display: flex;
}

.zentrum-roomcard-image-container {
    position: relative;
    width: 25%;
    box-shadow: 2px -1px 4px #a3a3a31a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303, 0px 46px 13px transparent;
}

.zentrum-roomcard-image-container>div:first-child {
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px 0 0 5px;
}

.zentrum-roomcard-image-container>div>div button {
    background: rgba(12, 14, 28, .56) !important;
    border-radius: 50%;
}

.zentrum-roomcard-image-container>div>div button>img {
    width: 80% !important;
}

.zentrum-roomcard-image-container>div>div button:nth-child(3) {
    right: 15px !important;
}

.zentrum-roomcard-image-container>div>div button:nth-child(2) {
    left: 15px !important;
}

.zentrum-roomcard-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px 0 0 5px;

}



.zentrum-roomcard-content-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 75%;
    border-radius: 0 5px 5px 0;
    padding: 20px;
    box-shadow: 2px -1px 4px #a3a3a31a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303, 0px 46px 13px transparent;
}

.zentrum-roomcard-content-subcontainer-one {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.zentrum-roomcard-content-subcontainer-two {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.zentrum-room-policy {
    display: flex;
    align-items: center;
    gap: 15px;
}

.zentrum-room-policy-content {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #3B3B4D;
    cursor: pointer;
}

.zentrum-dot {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #3B3B4D;
}

.zentrum-room-rates {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zentrum-room-price {
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #3B3B4D;
}

.zentrum-room-per-night {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #3B3B4D;
}

.zentrum-book-btn {
    padding: 10px 15px;
}

/* .zentrum-room-multiselect {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #EFEFEF;
    padding: 5px 10px;
    border-radius: 5px;
} */

/* .zentrum-room-check-box-text {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #344054;
    letter-spacing: 0.5px;
} */

.zentrum-room-multiselect .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: #fff !important;
    border-color: #d71356;
}

.zentrum-room-multiselect .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
    background-color: #fff !important;
    border-color: #d9d9d9;
}


.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #fff;
    border-color: #d71356;
}

.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: #d71356;
}

.custom-checkbox .ant-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner {
    outline: unset;
    background-color: #fff;
    border-color: #d71356;
}

@media only screen and (max-width: 1051px) {
    .zentrum-roomcard {
        width: 46%;
        height: unset;
        flex-direction: column;
    }

    .zentrum-roomcard-image-container {
        width: unset;
        height: 280px;
    }

    .zentrum-roomcard-content-container {
        width: unset;
        border-radius: 0 0 5px 5px;
        gap: 30px;
    }

    .zentrum-roomcard-image {
        border-radius: 5px 5px 0 0;
    }

    .zentrum-roomcard-image-container>div:first-child {
        border-radius: 5px 5px 0 0;
    }

    .zentrum-roomcard-content-subcontainer-two {
        flex-direction: column;
        align-items: unset;
        gap: 25px;
    }

    .zentrum-room-rates {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .zentrum-roomcard {
        width: 100%;
    }
}

@media only screen and (max-width: 350px) {
    .zentrum-room-policy-content {
        font-size: 10px;
    }
}
.zentrumroom .widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    padding: 0px 8%;
    position: absolute;
    top: 100px;
    width: 100%;
}

.amenities-icons {
    height: 15px;
    width: 15px;
    background-color: unset;
    margin-right: 7px;
}

.zentrumroom-widget {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #ffffff;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0px 2px 4px #a3a3a31a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303, 0px 46px 13px transparent;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.widget-mobile {
    display: none;
}

.zentruroom-wiget-subcontainer {
    display: flex;
    justify-content: space-between;
}

.zentrum-room-rating-container {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.zentrum-room-rating-container .review-count {
    margin-left: unset;
}

.zentrumroom .pageContent {
    width: 100%;
    padding: 0px 8% 0px;
}

.zentrumroom-subcontainer {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.zentrum-back-to-search {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zentrum-back-arrow {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.zentrum-back-content {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;
    color: rgba(59, 59, 77, 1);
    cursor: pointer;
}

.zentrum-room-image-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.zentrum-room-image-subcontainer {
    width: 33%;
    position: relative;
}

.zentrum-big-image {
    width: 100%;
    height: 225px;
    object-fit: cover;
    cursor: pointer;
}

.zentrum-small-image {
    width: 100%;
    height: 110px;
    object-fit: cover;
    cursor: pointer;
}

.zentrum-room-image-subcontainer.image-last-container {
    display: flex;
    gap: 5px;
}

.image-last-subcontainer {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.zentrum-room-image-container>div:nth-child(1) img {
    border-radius: 8px 0 0 8px;
}

.image-last-container>div:nth-child(2) img:nth-child(1) {
    border-radius: 0 8px 0 0;
}

.image-last-container>div:nth-child(2) img:nth-child(2) {
    border-radius: 0 0 8px 0;
}

.zentrum-gallery-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: rgba(0, 0, 0, 0.37);
    padding: 5px 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.zentrum-room-img-count {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.5px;
    color: #fff;
}

.zentrum-room-navigation-container {
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid rgba(243, 227, 184, 1);
    display: flex;
}

.zentrum-button {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 1px;
    color: rgba(102, 112, 133, 1);
    text-transform: uppercase;
    padding: 15px;
    cursor: pointer;
}

.zentrum-button-active {
    background-color: rgba(243, 227, 184, 1);
    border-radius: 5px 5px 0 0;
    color: rgba(59, 59, 77, 1);
}

.zentrum-room-multiple-container {
    display: flex;
    justify-content: space-between;
}

.zentrum-room-multiple {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zentrum-room-multiple .react-switch-bg {
    width: 53px !important;
    height: 25px !important;
}

.zentrum-room-multiple .react-switch-handle {
    width: 20px !important;
    height: 20px !important;
}

.zentrum-room-multiple>div {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    color: #000000;
}

.zentrum-roomcard-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
}

.zentrumroom .privacy-list-container {
    display: flex;
    flex-wrap: wrap;
}

.zentrumroom .list-bullets {
    width: 25%;
}

.zentrumroom .list-bullets li {
    display: flex;
    align-items: center;
}

.zentrumroom .list-bullets li:before {
    display: unset;
    width: unset;
    height: unset;
    content: " ";
    border: unset;
    border-radius: unset;
    margin-right: unset;
    background-color: unset;
    margin-bottom: unset;
}

.seacrh-title-box {
    width: 45%;
    height: 20px;
    border-radius: 3px;
}

.seacrh-address-box {
    width: 30%;
    height: 15px;
    border-radius: 3px;
}

.review-rating-span-box {
    background-color: rgb(235 235 235);
    border-radius: unset;
    padding: 7px 10px;
}

.review-count-box {
    padding: 7px 50px;
}

.zentrum-star {
    padding: 7px 30px;
}

.policy-content-box {
    padding: 7px 40px;
}

.dot-box {
    background-color: rgb(235 235 235);
}

.room-price-box {
    padding: 10px 40px;
}

.zentrum-book-btn-box {
    padding: 10px 60px;
}

.zentrumhotel-main-title-box {
    width: 15%;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 25px;
}

.list-bullets-box {
    margin-bottom: 20px;
}

.li-box {
    width: 50%;
    padding: 7px 15px !important;
}

.zentrum-map-box {
    width: 100%;
    height: 450px;
    margin-bottom: 25px;
}

.zentrumhotel-main-title {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(205, 186, 134, 1);
    margin-bottom: 12px;
}

.stickynavigation {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    transition: all 0.3s ease-in-out;
}

.zentrum-no-rooms {
    color: #3B3B4D;
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

@media only screen and (max-width: 1260px) {
    .zentrumroom .hero {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 1051px) {
    .zentrum-roomcard-container {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .zentrumroom .widget {
        display: none;
    }

    .zentrumroom .hero {
        margin-bottom: 50px;
    }

    .widget-mobile {
        display: flex;
        box-shadow: 2px -1px 4px #a3a3a31a, 0px 7px 7px #a3a3a317, 0px 16px 10px #a3a3a30d, 0px 29px 12px #a3a3a303, 0px 46px 13px transparent;
    }

    .zentrum-room-image-container {
        flex-direction: column;
        gap: 3px;
    }

    .zentrum-room-image-subcontainer {
        width: unset;
    }

    /* .zentrum-gallery-icon {
        position: unset;
        background-color: unset;
    }

    .zentrum-room-img-count {
        color: #3B3B4D;
    } */

    .zentrum-room-image-container>div:nth-child(1) img {
        border-radius: 8px 8px 0 0;
    }

    .image-last-container>div:nth-child(2) img:nth-child(1) {
        border-radius: 0 0 0 0;
    }

    .image-last-container>div:nth-child(1) img:nth-child(2) {
        border-radius: 0 0 0 8px;
    }

    .image-last-container>div:nth-child(2) img:nth-child(2) {
        border-radius: 0 0 8px 0;
    }

    .zentrum-room-multiple-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .zentrumroom .list-bullets {
        width: 50%;
    }
}

@media only screen and (max-width: 350px) {
    .zentrum-button {
        font-size: 10px;
    }

    .zentrumroom .list-bullets {
        width: 100%;
    }
}
.search-card-container {
  width: 100%;
  display: flex;
  border-radius: 7px;
  box-shadow: 0px 2px 4px 0px #A3A3A31A, 0px 7px 7px 0px #A3A3A317, 0px 16px 10px 0px #A3A3A30D, 0px 29px 12px 0px #A3A3A303, 0px 46px 13px 0px #A3A3A300;
  margin-bottom: 50px;

}

.search-card-img {
  position: relative;
  border-radius: 7px 0 0 7px;
  width: 35%;
  min-height: 360px;
  object-fit: cover;
}

.search-card-img>div:first-child {
  width: 100% !important;
  height: 100% !important;
  border-radius: 7px 0 0 7px;
}

.search-card-img>div>div button {
  background: rgba(12, 14, 28, .56) !important;
  border-radius: 50%;
}

.search-card-img>div>div button>img {
  width: 80% !important;
}

.search-card-img>div>div button:nth-child(3) {
  right: 15px !important;
}

.search-card-img>div>div button:nth-child(2) {
  left: 15px !important;
}

.search-card-subcontainer {
  width: 65%;
  padding: 20px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.search-rating-content-maincontainer {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.search-card-features-container {
  display: flex;
  align-items: center;
  gap: 15px;
}

.search-card-features-content {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #3B3B4D;
  cursor: pointer;
}

.search-rating-content-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.search-tag-star {
  display: flex;
  justify-content: space-between;
  /* position: relative; */
}

.search-badge {
  /* position: absolute; */
  /* top: 0; */
}

.search-star {
  display: flex;
  gap: 10px;
  /* position: absolute; */
  /* right: 0; */
}

.review-rating {
  margin-bottom: 5px;
}

.review-count {
  display: inline;
  margin-left: 10px;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  color: rgba(59, 59, 77, 1);
}

.review-rating-span {
  background-color: #baa877;
  color: #fff;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 10px;
  padding: 5px 8px;
  border-radius: 6px;
  letter-spacing: 2px;
  line-height: 12px;
}



.search-card-content {
  /* margin-top: 40px; */
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.seacrh-title {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: var(--bold-font-weight);
  line-height: 24px;
  text-align: left;
  color: #3B3B4D;
}

.seacrh-address {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: var(--regular-font-weight);
  line-height: 17px;
  text-align: left;
  color: #3B3B4D;
}

.seacrh-location {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: var(--regular-font-weight);
  line-height: 17px;
  text-align: left;
  color: #3B3B4D;
}

.hotel-room-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-price-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.free-camcel-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.free-cancel {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: var(--bold-font-weight);
  line-height: 17px;
  text-align: left;
}

.Free.Cancellation {
  width: 40%;
}

.lovu-discount-container {
  width: 100%;
  background-color: #E5E5E5;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.15px;
  text-align: center;
  color: #3b3b4d;
}

.lovu-discount-container span {
  color: #E80F63;
}

.lovu-discount-none {
  display: none;
}


.learn-more .search-btn {
  font-size: 12px;
}



.hotel-price {
  display: flex;
  gap: 10px;
  width: 60%;
  justify-content: flex-end;
  align-items: center;
}

p.p.button-text.learn-more-btn {
  font-size: 12px;
}

p.button-text.available-btn {
  font-size: 12px;
}

.search-price {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #A49974;
}

.search-card-sold-out {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-align: left;
  color: #ba4a66;
  display: flex;
  align-items: center;
}

.strick {
  color: #E80F63;
  margin-right: 5px;
}

.span-search-price-sub {
  display: inline-block;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #3B3B4D;
}

.lovu-sub-price {
  font-weight: 700 !important;
}

.search-price-sub {
  display: inline-block;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #3B3B4D;
  text-align: right;
}

.learnmore {
  height: 35px
}

.mobile-free-cancel {
  display: none;
}

.search-star>.dv-star-rating.dv-star-rating-non-editable>label.dv-star-rating-star.dv-star-rating-empty-star {
  font-size: 22px;
}

.search-star>.dv-star-rating.dv-star-rating-non-editable>label.dv-star-rating-star.dv-star-rating-full-star {
  font-size: 22px;
}

.searchcard-loadmore-btn {
  padding: 15px 20px 15px 20px;
  border: 2px solid #3B3B4D !important;

}

.search-price-height {
  border-radius: 8px;
  margin-bottom: 15px;
  width: 130px;
  height: 25px;
}

@media only screen and (max-width: 1024px) {
  .seacrh-title {
    font-size: 22px;
  }

  .seacrh-address,
  .free-cancel,
  .sort-title,
  .seacrh-location {
    font-size: 12px;
  }

  .search-price {
    font-size: 18px;
    margin-right: 14px;
    margin-bottom: -7px;
  }


}

@media only screen and (max-width: 950px) {
  .search-card-container {
    width: 46%;
    flex-direction: column;
  }

  .search-card-img {
    width: 100%;
    min-height: 290px;
    border-radius: 7px 7px 0 0;
  }

  .search-card-img>div:first-child {
    width: 100% !important;
    height: 100% !important;
    border-radius: 7px 7px 0 0;
  }

  .mobile-sub {
    display: flex;
    justify-content: flex-end;
  }

  .star-component,
  .hotel-room-container {
    display: none !important;
  }

  .search-card-subcontainer {
    width: 100%;
    min-height: unset;
    gap: 27px;
  }

  .mobile-free-cancel {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .free-cancel {
    margin-top: 30px;
  }

  .search-price {
    text-align: left;
    margin-bottom: unset;
    margin-right: unset;
  }

  .mobile-search-price {
    text-align: left;
  }

  .mobile-available-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }

  .searchcard-loadmore-btn {
    padding: 12px;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 650px) {
  .search-card-container {
    width: 100%;
  }
}


/* @media only screen and (max-width: 540px) {
  .search-card-content {
    gap: 2px;
  }

  .search-card-subcontainer {
    padding: 15px;
  }

  .seacrh-title {
    font-size: 18px;
    line-height: 18px;
  }

  .seacrh-address,
  .seacrh-location {
    font-size: 10px;
    line-height: 17px;
  }

  .free-cancel,
  .sort-title {
    font-size: 10px;
  }

  .search-price {
    font-size: 16px;
    margin-right: 22px;
    margin-bottom: -8px;
  }

  .search-price-sub {
    font-size: 12px;
  }

  .search .button .button-text {
    font-size: 9px;
  }
}

@media only screen and (max-width: 450px) {
  .search-card-subcontainer {
    padding: 15px;
    min-height: 220px;
  }

  .search-card-img {
    height: 220px;
  }

  .seacrh-title {
    font-size: 14px;
    line-height: 15px;
  }

  .seacrh-address,
  .seacrh-location {
    font-size: 8px;
    line-height: 13px;
  }

  .sort-title {
    font-size: 8px;
  }

  .free-cancel {
    font-size: 8px;
    line-height: 10px;
  }

  .search-price {
    font-size: 14px;
    margin-right: 20px;
    margin-bottom: -10px;
  }

  .search-price-sub {
    font-size: 10px;
  }

  .search .button .button-text {
    font-size: 8px;
  }
}

@media only screen and (max-width: 340px) {
  .search-card-subcontainer {
    padding: 15px;
  }

  .seacrh-title {
    font-size: 12px;
    line-height: 15px;
  }

  .seacrh-address,
  .seacrh-location {
    font-size: 6px;
    line-height: 13px;
  }

  .sort-title {
    font-size: 6px;
  }

  .free-cancel {
    font-size: 6px;
    line-height: 9px;
  }

  .search-price {
    font-size: 12px;
    margin-right: 6px;
    margin-bottom: -7px;
  }

  .search-price-sub {
    font-size: 9px;
  }

  .search .button .button-text {
    font-size: 6px;
  }
} */
.search .widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    padding: 0px 8%;
    position: absolute;
    top: 110px;
    width: 100%;
}

.search .sticky-widget {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    box-shadow: -1px -1px 5px 0px #ccc;
    padding: 20px 8%;
    background-color: #fff;
}

.search .design-component-instance-node-3 {
    align-self: stretch !important;
    flex: 0 0 auto !important;
    width: 100% !important;
}

.search .pageContent {
    display: flex;
    padding: 50px 8% 0px;
    width: 100%;
    scrollbar-width: none;
}

.search .sub-content {
    display: flex;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.filtericon-container {
    background-color: rgba(137, 135, 147, 1);
    width: 50px;
    padding: 15px 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    margin-bottom: 40px;
    cursor: pointer;
}

.filter-icon {
    width: 20px;
    height: 20px;
}

.close-cancel {
    margin-top: 22px;
    display: flex;
    justify-content: flex-end;
    margin-right: -13px;
    margin-bottom: -20px;
    cursor: pointer;
}

.search-cancel-icon {
    width: 20px;
    height: 20px;
}

.display-none {
    display: none;
}

.search-filter {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 40px;
}

.search-content {
    width: 70%;
    margin-left: auto;

}

.placeholder {
    background-color: none;
    box-shadow: none;
    font-size: var(--font-size-14);
    font-style: var(--font-style-normal);
    font-weight: var(--regular-font-weight);
    letter-spacing: 0px;
    line-height: var(--normal-line-height);
    font-family: var(--font-family);
}

.search-sort {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sort-title {
    padding-bottom: 10px;
    font-family: var(--font-family);
    font-size: var(--font-size-14);
    font-weight: var(--bold-font-weight);
    line-height: 20px;
}

.search-sort .ant-input-affix-wrapper {
    padding: 0 11px;
}

.search-sort .zentium-drop-down,
.search-sort .zentium-drop-down-multi {
    width: 100% !important;
    border-radius: 8px !important;
    font-family: "Montserrat";
    color: #667085;
    font-size: 14px;
    font-weight: 400;
    box-shadow: unset !important;
    border-color: #D0D5DD !important;
    text-align: left;
}

.zentium-drop-down .react-dropdown-select-content .react-dropdown-select-input,
.zentium-drop-down .react-dropdown-select-content span,
.zentium-drop-down-multi .react-dropdown-select-content .react-dropdown-select-input,
.zentium-drop-down-multi .react-dropdown-select-content span {
    margin-left: 5px;
    font-weight: 400;
    font-family: "Montserrat";
    color: #667085;
}

.zentium-drop-down-multi .react-dropdown-select-option {
    background-color: #3e4cbf !important;
    border-radius: 5px;
}

.zentium-drop-down-multi .react-dropdown-select-option-label {
    color: #fff !important;
}

.zentium-drop-down-multi .react-dropdown-select-option-remove {
    color: #fff !important;
    font-size: 22px;
}

.zentium-drop-down-multi .react-dropdown-select-dropdown.react-dropdown-select-dropdown-position-bottom {
    animation: 0.3s dropopen;
}

.zentium-drop-down .react-dropdown-select-dropdown.react-dropdown-select-dropdown-position-bottom {
    top: 36px;
    animation: 0.3s dropopen;
}


@keyframes dropopen {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.search-sort .occasion-visibible {
    text-align: left;
}

.MuiSlider-root {
    height: 10px !important;
}

.MuiSlider-track {
    background-color: rgb(69 82 239) !important;
}

.MuiSlider-thumb {
    width: 28px !important;
    height: 28px !important;
    background-color: #fff !important;
    border: 3px solid rgb(69 82 239) !important;
}

.MuiSlider-rail {
    background-color: rgba(234, 236, 240, 1) !important;
}

.MuiSlider-valueLabel {
    color: black !important;
    background-color: #fff !important;
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.19), 0 5px 6px rgba(0, 0, 0, 0.23), 0 3px 4px rgba(0, 0, 0, 0.19), 0 0px 0px rgba(0, 0, 0, 0.19) !important;

}

/* span.MuiSlider-valueLabelCircle::before {
    content: "$";
} */

.search-sort-distance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.search-sort-distance span.MuiSlider-valueLabelCircle::before {
    content: "";
}

.search-sort .ant-input-outlined:focus,
.search-sort .ant-input-outlined:focus-within,
.search-sort .ant-input-outlined:hover {
    border: 1px solid #E8E8E8;
    box-shadow: unset;
}

.ant-input-affix-wrapper .ant-input-suffix {
    font-size: x-large;
}

.search-sort .ant-checkbox-wrapper {
    margin-bottom: -13px;
}

.search-sort .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: rgb(69 82 239) !important;
}

.search-sort .ant-checkbox-checked .ant-checkbox-inner {
    background-color: rgb(69 82 239) !important;
}

.search-sort .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    border: 1px solid blue !important;
}

.input-icon {
    color:
        rgba(152, 162, 179, 1);
}

.pagination {
    margin-bottom: 30px;
}

.search .skeleton {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}

.skeleton-box-height {
    height: 330px;
    box-shadow: unset;
    background-color: rgb(235 235 235);
}

.title-box {
    width: 120px;
    height: 25px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.input-box {
    height: 40px;
}

.search-card-container-box {
    height: 330px;
    /* box-shadow: unset; */
}

.no-hotel-found {
    width: 100%;
    text-align: start;
    margin: 0 0 40px 0;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1px;
}

.zentrum-hotel-load-btn {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1140px) {
    .search .sub-content {
        display: flex;
        flex-direction: column;
    }

    .search-filter {
        width: 100%;
        background-color: rgba(163, 163, 163, 0.1);
        padding: 0 30px 30px;
        border-radius: 12px;
        margin-bottom: 25px;
        position: relative;
        animation: filtervisible 0.5s;
    }

    .search-content {
        width: 100%;
    }

    .search-content-sub {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 650px) {
    .search-content-sub {
        display: unset;
    }
}

@keyframes filtervisible {
    from {
        left: -500px;
    }

    to {
        left: 0;
    }
}