/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

label {
    font-family: "neo-sans-medium", Arial, sans-serif;
}

.form-control {
    font-family: "neo-sans-light", Arial, sans-serif;
}
.font-w-medium {
    font-family: "neo-sans-medium", Arial, sans-serif;
}

.v-select {
    position: relative;
    font-family: inherit
}

.v-select, .v-select * {
    box-sizing: border-box
}

@-webkit-keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.vs__fade-enter-active, .vs__fade-leave-active {
    transition: opacity .15s cubic-bezier(1, .5, .8, 1)
}

.vs__fade-enter, .vs__fade-leave-to {
    opacity: 0
}

.vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected {
    cursor: not-allowed;
    background-color: #f8f8f8
}

.v-select[dir=rtl] .vs__actions {
    padding: 0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear {
    margin-left: 6px;
    margin-right: 0
}

.v-select[dir=rtl] .vs__deselect {
    margin-left: 0;
    margin-right: 2px
}

.v-select[dir=rtl] .vs__dropdown-menu {
    text-align: right;
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 0;
    background: none;
    border: 1px solid rgba(60, 60, 60, .26);
    border-radius: 4px;
    white-space: normal;
    height: calc(2.55rem + 2px);
}

.vs__selected-options {
    display: flex;
    flex-basis: 100%;
    flex-grow: 1;
    flex-wrap: wrap;
    padding: 0 2px;
    position: relative
}

.vs__actions {
    display: flex;
    align-items: center;
    padding: 4px 6px 0 3px
}

.vs--searchable .vs__dropdown-toggle {
    cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
    cursor: pointer
}

.vs--open .vs__dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vs__open-indicator {
    fill: rgba(60, 60, 60, .5);
    transform: scale(1);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855);
    transition-timing-function: cubic-bezier(1, -.115, .975, .855)
}

.vs--open .vs__open-indicator {
    transform: rotate(180deg) scale(1)
}

.vs--loading .vs__open-indicator {
    opacity: 0
}

.vs__clear {
    fill: rgba(60, 60, 60, .5);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin-right: 8px
}

.vs__dropdown-menu {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 1000;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    max-height: 350px;
    min-width: 160px;
    overflow-y: auto;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    border: 1px solid rgba(60, 60, 60, .26);
    border-top-style: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: #fff
}

.vs__no-options {
    text-align: center
}

.vs__dropdown-option {
    line-height: 1.42857143;
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #333;
    white-space: nowrap
}

.vs__dropdown-option:hover {
    cursor: pointer
}

.vs__dropdown-option--highlight {
    background: #5897fb;
    color: #fff
}

.vs__dropdown-option--disabled {
    background: inherit;
    color: rgba(60, 60, 60, .5)
}

.vs__dropdown-option--disabled:hover {
    cursor: inherit
}

.vs__selected {
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    border: 1px solid rgba(60, 60, 60, .26);
    border-radius: 4px;
    color: #333;
    line-height: 1.4;
    margin: 4px 2px 0;
    padding: 0 .25em
}

.vs__deselect {
    display: inline-flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 4px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    fill: rgba(60, 60, 60, .5);
    text-shadow: 0 1px 0 #fff
}

.vs--single .vs__selected {
    background-color: transparent;
    border-color: transparent
}

.vs--single.vs--open .vs__selected {
    position: absolute;
    opacity: .4
}

.vs--single.vs--searching .vs__selected {
    display: none
}

.vs__search::-webkit-search-cancel-button {
    display: none
}

.vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration {
    display: none
}

.vs__search, .vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.4;
    font-size: 1em;
    border: 1px solid transparent;
    border-left: none;
    outline: none;
    margin: 4px 0 0;
    padding: 0 7px;
    background: none;
    box-shadow: none;
    width: 0;
    max-width: 100%;
    flex-grow: 1
}

.vs__search::-webkit-input-placeholder {
    color: inherit
}

.vs__search::-moz-placeholder {
    color: inherit
}

.vs__search:-ms-input-placeholder {
    color: inherit
}

.vs__search::-ms-input-placeholder {
    color: inherit
}

.vs__search::placeholder {
    color: inherit
}

.vs--unsearchable .vs__search {
    opacity: 1
}

.vs--unsearchable .vs__search:hover {
    cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: .2
}

.vs__spinner {
    align-self: center;
    opacity: 0;
    font-size: 5px;
    text-indent: -9999em;
    overflow: hidden;
    border: .9em solid hsla(0, 0%, 39.2%, .1);
    border-left-color: rgba(60, 60, 60, .45);
    transform: translateZ(0);
    -webkit-animation: vSelectSpinner 1.1s linear infinite;
    animation: vSelectSpinner 1.1s linear infinite;
    transition: opacity .1s
}

.vs__spinner, .vs__spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.vs--loading .vs__spinner {
    opacity: 1
}

.btn-container {
    margin-bottom: 48px;
}


.small-logo-up {
    display: none;
}

.large-logo-up{
    display: block;
}

.primary-btn {
    border: 2px solid #633b87;
    display: block;
    border-radius: 20px;
    justify-content: center;
    padding: 16px 16px 0;
    background-image: url("../img/bg/star_1.png");
    background-repeat: no-repeat;
    background-position: left -41px bottom 0;
    background-size: contain;
    cursor: pointer;
}

.primary-btn  p.first {
    font-family: "bokrabold", Arial, sans-serif;
    color: #6a3e90;
    font-size:calc(1.5vw);
    font-weight: bold;
}

.primary-btn  p.second {
    font-family: "bokrabold", Arial, sans-serif;
    color: #0070c0;
    font-size:calc(1.3vw);
    font-weight: bold;
    margin-top: -16px;
}

.primary-btn:hover {
    border: 2px solid #fff;
    background-image: url("../img/bg/star_2.png");
    background-color: #6a3e90;
}

.primary-btn:hover  p.first {
    color: #fff;
}

.primary-btn:hover  p.second {
    color: #51b4cf;
}

/*
*/

.secondary-btn {
    border: 2px solid #fff;
    display: block;
    border-radius: 20px;
    justify-content: center;
    padding: 16px 16px 0;
    background-image: url("../img/bg/star_2.png");
    background-color: #6a3e90;
    background-repeat: no-repeat;
    background-position: left -41px bottom 0;
    background-size: contain;
    cursor: pointer;
}

.secondary-btn  p.first {
    font-family: "bokrabold", Arial, sans-serif;
    color: #FFF;
    font-size:calc(1.5vw);
    font-weight: bold;
}

.secondary-btn  p.second {
    font-family: "bokrabold", Arial, sans-serif;
    color: #e56394;
    font-size:calc(1.3vw);
    font-weight: bold;
    margin-top: -16px;
}

.secondary-btn:hover {
    border: 2px solid #6a3e90;
    background-image: url("../img/bg/star_1.png");
    background-color: #fff;
}

.secondary-btn:hover  p.first {
    color: #6a3e90;
}

.secondary-btn:hover  p.second {
    color: #cc3366;
}


.decorate-h2 {
    font-family: "neo-sans-bold", Arial, sans-serif;
    font-size: 20px!important;
    text-align: right;
    background-color: #cc3366;
    color: #fff;
    display: block;
    width: fit-content;
    padding: 12px;
    border-radius: 15px 0 15px 15px;
    border: 1px solid #cc3366;
}

@media (max-width: 991px) {

    .small-logo-up {
        display: block;
    }

    .large-logo-up{
        display: none;
    }

    .secondary-btn  p.first {
        font-size:calc(12px + 1.1vw);
    }

    .secondary-btn  p.second {
        font-size:calc(10px + 1vw);
    }

    .primary-btn  p.first {
        font-size:calc(12px + 1.1vw);
    }

    .primary-btn  p.second {
        font-size:calc(10px + 1vw);
    }
 }

 @media (max-width: 767px) {

    .primary-btn {
        margin-bottom: 16px;
    }

    .secondary-btn  p.first {
        font-size:calc(12px + 1.2vw);
    }

    .secondary-btn  p.second {
        font-size:calc(10px + 1.1vw);
    }

    .primary-btn  p.first {
        font-size:calc(12px + 1.2vw);
    }

    .primary-btn  p.second {
        font-size:calc(10px + 1.1vw);
    }
 }

.whatsapp {
    cursor: pointer;
    display: block;
    border-radius: 30px;
    background: linear-gradient(85deg, #3FE7E3, #5CD754, #5CD754);
    padding: 8px;
    margin: 16px auto 80px auto;
    max-width: 280px;
}

.whatsapp img {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    color: #FFFFFF;
    margin-right: 16px;
}

.whatsapp p {
    color: white;
    font-family: "neo-sans-medium", Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 3px;
}

.separator div:nth-child(1){
    position: relative;
    height: 20px;
    width: 20%;
    background: #5CD754;
    right: 80%;
    border-top-right-radius: 20px;
}

.separator div:nth-child(2){
    position: relative;
    right: 0;
    height: 20px;
    width: 80%;
    background: linear-gradient(90deg, #3FE7E3, #5CD754);
    border-bottom-left-radius: 20px;
}
/*# sourceMappingURL=vue-select.css.map*/

/* === Capsule Link (Top Row) === */
.capsule-link {
    display: inline-block;
    padding: 0 8px;
    border-radius: 18px 48px 18px 48px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-width: 8px;
    background: linear-gradient(45deg, #5CD754, #3FE7E3);
    background-size: 300% 300%;
    animation: gradientFlow 6s ease infinite;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Animated gradient background */
@keyframes gradientFlow {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.capsule-link > .content {
    text-align: center;
    display: inline-block;
    padding: 16px 32px;
    border-radius: 18px 48px 18px 48px;
    width: 100%;
    transition: background 0.4s ease, color 0.4s ease;
}

/* Typography */
.capsule-primary .content h2 {
    font-family: "neo-sans-medium", Arial, sans-serif;
    font-size: 22px;
    margin: 0;
    transition: color 0.4s ease;
}

.capsule-primary .content p {
    font-family: "neo-sans-medium", Arial, sans-serif;
    font-size: 16px;
    margin: 8px 0 0;
    font-weight: normal;
}
.capsule-primary .content p.second {
    color: #59c8e5;
}
.capsule-primary .content p.third {
    color: #58d965;
}
/* Default state */
.capsule-primary > .content {
    background-color: #893fb8;
    color: #FFFFFF;
    background-image: url(../img/bg/star_2.png);
    background-repeat: no-repeat;
    background-position: left -41px bottom 0;
    background-size: contain;
    cursor: pointer;
}
.capsule-primary > .content h2 {
    color: #FFFFFF;
}

/* Hover state */
.capsule-primary:hover {
    transform: translateY(-4px) scale(1.001);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.capsule-primary:hover > .content {
    background: #f5f5f5;
    color: #893fb8 !important;
}
.capsule-primary:hover > .content h2 {
    color: #6a3e90;
}

/* === Promo Cards === */
.promo-card {
    display: inline-block;
    padding: 0 8px;
    border-radius: 18px 48px 18px 48px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-width: 8px;
    background: linear-gradient(45deg, #5CD754, #3FE7E3);
    background-size: 300% 300%;
    animation: gradientFlow 6s ease infinite;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.promo-card > .content {
    display: inline-block;
    padding: 16px 32px;
    border-radius: 18px 48px 18px 48px;
    width: 100%;
    background: #f5f5f5; /* fallback */
    transition: background 0.4s ease, color 0.4s ease;
    min-height: 150px;
}

/* Typography */
.promo-card .content h2 {
    font-family: "neo-sans-bold", Arial, sans-serif;
    font-size: 24px;
    margin: 0 0 16px 0;
    transition: color 0.4s ease;
    color: #cc3366;
}

.promo-card .content p {
    font-family: "neo-sans-bold", Arial, sans-serif;
    font-size: 17px;
    margin: 8px 0 0;
    font-weight: bold;
}
.promo-card .content img {
    position: absolute;
    display: inline-block;
    width: 25%;
    top: -8px;
    left: 24px;
}
.promo-card:hover > .content p {
    color: #893fb8;
    animation: gradientFlow 6s ease infinite;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    transform: scale(1.01);
}

.promo-card-image {
    display: inline-block;
    padding: 0 8px;
    border-radius: 18px 48px 18px 48px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-width: 8px;
    background: linear-gradient(45deg, #5CD754, #3FE7E3);
    background-size: 300% 300%;
    animation: gradientFlow 6s ease infinite;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.promo-card-image > .content {
    display: inline-block;
    border-radius: 18px 48px 18px 48px;
    width: 100%;
    background: #893fb8; /* fallback */
    transition: background 0.4s ease, color 0.4s ease;
    min-height: 100px;
}

.promo-card-image .content img {
    display: inline-block;
    width: 100%;
    margin-top: auto;
}

.underline::after {
    border-image: linear-gradient(45deg, #5CD754, #3FE7E3) 1;
    border-top-style: solid;
    border-top-width: 4px;
    width: 70px;
    display: block;
    content: "";
    margin-top: 8px;
}

.requests-section {
    font-family: "neo-sans-regular", Arial, sans-serif;
    text-align: justify;
    border: 1px solid #893fb8;
    padding: 16px;
    border-radius: 8px;
    background-color: #893fb805;
}

.requests-section span {
    color: #cc3366;
    font-family: "neo-sans-medium", Arial, sans-serif;
}

/* Simple animation for card hover */
.request-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 8px;
    background-image: url(../img/bg/star_1.png);
    background-repeat: no-repeat;
    background-position: left -90px bottom -124px;
    background-size: contain;
}
.request-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.request-card .badge {
    position: absolute;
    left: 16px;
    padding: 8px;
    min-width: 70px;
    font-size: 12px;
}

.request-card .badge.badge-success {
    background-color: #5CD754;
}

.request-card .badge.badge-warning {
    background-color: #f7e9b2;
    color: #765902;
}

.request-card .text-primary {
    color: #893fb8!important;
}