@font-face {
    font-family: YEKAN_REGULAR;
    src: url("../font/YEKAN BAKH FANUM 04 REGULAR.woff");
}

@font-face {
    font-family: YEKAN_MEDIUM;
    src: url("../font/YEKAN BAKH FANUM 05 MEDIUM.woff");
}

@font-face {
    font-family: YEKAN_BOLD;
    src: url("../font/YEKAN BAKH FANUM 06 BOLD.woff");
}

@font-face {
    font-family: YEKAN_HEAVY;
    src: url("../font/YEKAN BAKH FANUM 07 HEAVY.woff");
}

@font-face {
    font-family: YEKAN_FAT;
    src: url("../font/YEKAN BAKH FANUM 08 FAT.woff");
}

/*media query*/
@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .bg-shop:before {
        display: block !important;
    }
}

@media (min-width: 992px) {
    /*#blu_nav {*/
    /*    background: none !important;*/
    /*}*/

    .title_shop_section {
        margin-top: 0;
        text-align: center;
    }

    .title_landing {
        font-family: YEKAN_FAT;
        font-style: normal;
        font-weight: 999;
        font-size: 80px !important;
        line-height: 149px;
        text-align: right;
        color: #747474;

    }


}

@media (min-width: 1200px) {
}

/* end media query*/

* {
    padding: 0;
    margin: 0;
}

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

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

body {
    /*background-image: url("../image/shape/shape_navbar.svg");*/
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60%;
    font-family: YEKAN_MEDIUM;
}

.swal2-container {
    font-family: YEKAN_MEDIUM;
}


/* navbar */
#blu_nav {
    background-color: #526896;
}

#blu_nav .nav-link:before {
    content: "";
    display: inline-block;
    margin-left: 5px;
    /*line-height: 30px;*/
    width: 30px;
    height: 22px;
    /*background: red;*/
}

#blu_nav .nav-link:hover:before {
    background: url("../image/logo/foot_point_marker.svg") center no-repeat;
    background-size: cover;
}

.nav-link {
    color: #ffffff;
    font-family: "YEKAN_REGULAR";
    transition: 3ms;
    font-size: 1rem;
}

.nav-link:hover {
    color: #f29224 !important;
    font-size: large;
    font-size: 1rem;
}

.nav-link-active {
    color: #FFFFFF;
    font-family: "YEKAN_BOLD";
}

.nav-link-active:before {
    background: url("../image/logo/foot_point_marker.svg") center no-repeat;
    background-size: cover;
}


.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.login_btn {
    text-decoration: none;
    background: #f29224;
    border-radius: 50px;
    font-family: "YEKAN_REGULAR";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
}

.title_landing {
    font-family: YEKAN_FAT;
    font-style: normal;
    font-weight: 999;
    font-size: 60px;
    line-height: 149px;
    text-align: right;
    color: #747474;

}

.title_landing_tida {
    color: #f29224;
}

.pragraph_landing {
    font-family: YEKAN_REGULAR;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    text-align: justify;
    color: #FFFFFF;

}

.btn_shop {
    text-decoration: none;
    background: #FA9A1E;
    border-radius: 50px;
    font-family: YEKAN_REGULAR;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;

}

.btn_edu {
    text-decoration: none;
    border-radius: 50px;
    border: solid 2px #FA9A1E;
    font-family: YEKAN_REGULAR;
    font-style: normal;
    text-align: center;
    display: inline-block;
    color: #FA9A1E;
}

.btn_wa {
    text-decoration: none;
    background: #075E54;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: YEKAN_REGULAR;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    /*color: #FFFFFF;*/
}

.btn_wa:hover {
    background: #0b9f90;
    color: #FFFFFF;
}

.anchor-landing-hover:hover {
    text-decoration: none;
}

/*navbar after login*/
.dropdown-toggle {
    color: #FFF;
    font-family: "YEKAN_MEDIUM";
}

.dropdown-toggle::after {
    display: none;
}

/*end navbar after login*/
/*end navbar*/

@keyframes hanging {
    from {
        transform: translate(0, -15px);
    }
    to {
        transform: translate(0, 0px);
    }
}

.landing{
    background: url("../image/paw-pattern.png"),#526897;
}

.hero-detail {
    text-align: center;
    animation: hanging 2s ease-in-out infinite alternate;
}

.hero-detail img {
    width: 80px;
}

.hero-detail span {
    font-size: 18px;
    color: #53565c;
    display: block;
    transform: translate(0, -10px);
    font-weight: bolder;
}

#heart {
    top: 60%;
    right: 20px;
}

#heart .hero-detail-inner {
    transform: rotate(30deg);
}

#like {
    top: 10%;
    left: 20px;
    animation-delay: 0.5s;
}

#like .hero-detail-inner {
    transform: rotate(-30deg);
}

#view {
    animation-delay: 1s;
    top: 80%;
    left: 100px;
}

#view .hero-detail-inner {
    transform: rotate(10deg);
}


.custom-shape-divider-top-1637231064 {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 70px;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    z-index: 50;
}

.custom-shape-divider-top-1637231064 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1637231064 .shape-fill {
    fill: #FFFFFF;
}

/*shop section*/

.shop_item a {
    text-decoration: none;
}

.bg-shop {
    overflow-x: hidden;
    background-color: #f4f9f5;
    z-index: -1;
    padding-bottom: 50px;

}

.bg-shop:after {
    background-image: url("../image/shape/foot_dog.svg");
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    width: 400px;
    z-index: 51;
    position: absolute;
    top: 0;
    left: 0;
}

.bg-shop:before {
    background-image: url("../image/hero/dog-shop-01.png");
    background-position: center right;
    content: "";
    display: none;
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
    width: 400px;
    z-index: 51;
    position: absolute;
    top: 100px;
    right: 0;
}

.dog_shop_shape {
    margin-top: 200px;
}

.title_shop_section {
    margin-top: 200px;
    text-align: center;
}

.title_shop_section h1 {
    color: #707070;
    font-family: "YEKAN_BOLD";
}

.title_shop_section p {
    color: #707070;
    font-family: "YEKAN_BOLD";
}

.card_shop {
    border-radius: 35px;
    background-color: #FFFFFF;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;

}

.card_shop img {
    width: 100%;
}

.card_shop h4 {
    color: #53565c;
    font-family: "YEKAN_BOLD";
}

.card_shop h5 {
    color: #53565c;
    font-family: "YEKAN_BOLD";
}

.card_shop span {
    font-size: 20px;
    color: #53565c;
    font-family: "YEKAN_MEDIUM";
}

.main_btn {
    border: none;
    width: 100%;
    text-decoration: none;
    background: #f29224;
    border-radius: 50px;
    font-family: "YEKAN_BOLD";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
}

.main_btn[disabled] {
    background-color: rgba(248, 195, 135, 0.33);
}

.custom-shape-divider-top-1637391528 {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 70px;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1637391528 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 187px;
}

.custom-shape-divider-top-1637391528 .shape-fill {
    fill: #F4F9F5;
}

/*end shop section*/

/*education*/
.edu_section {
    padding-top: 30vh;
}

.education h1 {
    color: #707070;
    font-family: "YEKAN_BOLD";
}

.education p {
    color: #707070;
    font-family: "YEKAN_BOLD";
}

/*player*/
.player-box {
    height: 80px;
}

.plyr--full-ui input[type=range] {
    color: #f29224;
}

.plyr__controls .plyr__controls__item.plyr__time {
    display: none;
}

button.plyr__controls__item.plyr__control:hover {
    background-color: #ffffff;
}

svg.icon--not-pressed {
    width: 35px;
    height: auto;
}

svg.icon--pressed {
    width: 35px;
    height: auto;
}

.plyr__volume {
    display: none;
}

.plyr__menu {
    display: none;
}

/*end player*/
.education_content h3 {
    color: #707070;
    font-family: "YEKAN_BOLD";
}

.content_point li {
    color: #707070;
    font-family: "YEKAN_BOLD";
    list-style-image: url("../image/logo/foot_point_marker.svg");

}

.edu_card {
    margin: 30px;
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    border-radius: 30px;
}

.edu_card img {
    margin-top: -80px;
    width: 100%;
    border-radius: 30px;
}

.edu_card h5 {
    font-family: "YEKAN_BOLD";
    color: #707070;
}

.edu_card a {
    font-family: "YEKAN_BOLD";
    text-decoration: none;
    border-radius: 15px;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    background-color: #FA9A1E;
}

.edu_card span {
    font-size: 18px;
    font-family: "YEKAN_REGULAR";
}

/* end education*/

/*footer*/
.custom-shape-divider-bottom-1637741075 {
    direction: ltr !important;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1637741075 svg {
    position: relative;
    display: block;
    width: calc(145% + 1.3px);
    height: 100px;
}

.custom-shape-divider-bottom-1637741075 .shape-fill {
    fill: #526897;
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-bottom-1637741075 svg {
        width: calc(190% + 1.3px);
    }
}

.footer {
    margin-top: -2px;
    position: relative;
    background-color: #526897;
    text-decoration: none;
}

.footer h5 {
    font-family: "YEKAN_BOLD";
    padding: 20px;
    color: #FFFFFF;
}

.footer span {
    color: #FA9A1E;
}

.sepandar h6 {
    padding-bottom: 20px;
    color: #FFFFFF;
    font-family: "YEKAN_REGULAR";
    font-size: 18px;
    margin-top: auto;
}

.sepandar img {
    padding: 0px 5px 0px 5px;
}

.footer_nav {
    padding-top: 20px;
}

.footer_link {
    margin: 15px;
    color: #ffffff;
    font-family: "YEKAN_REGULAR";
    transition: 3ms;
    font-size: 20px;
}

.footer_link:hover {
    text-decoration: none;
    color: #FA9A1E !important;
    font-size: large;
    font-size: 20px;
}

.footer_link-active {
    color: #FA9A1E;
    font-family: "YEKAN_BOLD";
}

/*end footer*/


/***************************************************************/

/*successful pay index*/
.successful_pay {
    margin-top: 50px;
    background-color: #F9F9F9;
    padding: 30px;
    border-radius: 30px;
}

.successful_pay h4 {
    color: #209224;
    font-family: "YEKAN_BOLD";
}

.successful_pay h5 {
    color: #747474;
    font-family: YEKAN_MEDIUM;
}

/*end successful pay index*/

/**************************************************************/

/*fail pay*/
.fail_pay {
    margin-top: 150px;
    background-color: #F9F9F9;
    padding: 30px;
    border-radius: 30px;
}

.fail_pay h4 {
    color: #CD2929;
    font-family: "YEKAN_BOLD";
}

.fail_pay h5 {
    color: #747474;
    font-family: YEKAN_MEDIUM;
}

/*end fail pay*/

/**************************************************************/

/*login by phone*/
.main_form_login {
    width: 60%;
}

.phone_login_form label {
    color: #747474;
    font-family: "YEKAN_BOLD";
}

.phone_login_form input,
.phone_login_form select
{
    padding: 5px 20px;
    border-radius: 35px;
    width: 100%;
}

.phone_login_form input:focus {
    box-shadow: none;
    border: solid 1px #FA9A1E;
}

.phone_login_form input::placeholder {
    text-align: right;
    font-family: "YEKAN_MEDIUM";
}

.phone_login_form a {
    text-align: left;
    font-size: 15px;
    font-family: 'YEKAN_MEDIUM';
    color: #747474;
    text-decoration: none;
}

.phone_login_form textarea {
    border-radius: 35px;
    height: 200px
}

.form-control:focus {
    box-shadow: none;
    border-radius: 35px;
    /*height: 200px;*/
    border: solid 1px #FA9A1E;

}

.main_form_login button {
    font-size: 18px;
    font-family: "YEKAN_BOLD";
    background-color: #FA9A1E;
    width: 100%;
    border-radius: 60px;
    border: none;
}

.main_form_login button:hover {
    font-family: "YEKAN_BOLD";
    color: #1b1e21;
    background-color: #FA9A1E;
    width: 100%;
    border-radius: 60px;
}

.main_form_login button:active {
    font-family: "YEKAN_BOLD";
    color: #1b1e21;
    background-color: #FA9A1E;
    width: 100%;
    border-radius: 60px;
}

.main_form_login button:focus {
    font-family: "YEKAN_BOLD";
    color: #1b1e21;
    background-color: #FA9A1E;
    width: 100%;
    border-radius: 60px;
}

/*end login by phone*/

/**************************************************************/

/*detailes product*/
#coupon-form input {
    padding: 20px;
    border-radius: 35px;
    width: 100%;
    font-family: "YEKAN_BOLD";
}

.card_discount {
    top: 10px;
    padding: 20px;
    background-color: #444B55;
    border-radius: 35px;
}

.card_detail {
    top: 10px;
    padding: 20px;
    background-color: #444B55;
    border-radius: 35px;
}

.card_detail_detaile {
    top: 10px;
    padding: 20px;
    background-color: #444B55;
    border-radius: 35px;
}

.title_product h4 {
    color: #1b1e21;
    font-family: "YEKAN_BOLD";
}

.title_product p {
    color: #747474;
    font-family: "YEKAN_MEDIUM";
}

.title_product h3 {
    color: #FA9A1E;
    font-family: "YEKAN_BOLD";
}

.price_title {
    font-family: "YEKAN_BOLD";
    color: #FFFFFF;
    font-size: 24px;
}

.price_number {
    color: #dcdbdb;
    font-family: "YEKAN_MEDIUM";
    font-size: 20px;

}

.form-select {
    background-color: #ffffff;
    border: solid 2px #FA9A1E;
    border-radius: 35px;
    color: #FA9A1E;
    font-family: "YEKAN_BOLD";
    padding: 5px 19px 0px 41px;
    font-size: 20px;
    -webkit-appearance: none;
    background-image: url(../image/logo/arrow_drop2.svg);
    position: relative;
    background-position: left 9px top 11px;
    background-repeat: no-repeat;
}

.form-select:before {
    content: " ";
    background: url("../image/logo/arrow_drop.svg");
    /*background-repeat: no-repeat;*/
    height: 20px;
    width: 20px;
}

.title_suggestion h3 {
    color: #FA9A1E;
    font-family: "YEKAN_BOLD";
}

.title_suggestion hr {
    color: #c2c2c2;
    background-color: #c2c2c2;
    height: 1px;
    width: 100%;
}

.card_hr hr {
    background-color: #FA9A1E;
    border-radius: 35px;
    height: 1px;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    display: none;
}

.owl-theme .owl-dots .owl-dot {
    display: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: #FA9A1E;
    border: none;
    padding: 0 !important;
    font: "YEKAN_BOLD";
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}


.owl-carousel .item {
    text-align: center;
}

.owl-carousel .nav-button {
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: absolute;
    top: 210px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
}

.owl-carousel .owl-prev {
    left: -35px;
    background-image: url(../image/logo/Expand_left.svg) !important;
    background-repeat: no-repeat;
    background-color: unset !important;
    color: unset !important;
}

.owl-carousel .owl-next {
    right: -35px;
    background-image: url(../image/logo/Expand_right.svg) !important;

    background-repeat: no-repeat;
    background-color: unset !important;
    color: unset !important;
}

.owl-carousel .prev-carousel:hover {
    background-position: 0px -53px;
}

.owl-carousel .next-carousel:hover {
    background-position: -24px -53px;
}

/*end product details*/
/**************************************************************/

/*404 page*/
.page_404 image {
    width: 30%;
}

.page_404 h1 {
    color: #747474;
    font-family: "YEKAN_BOLD";
    padding-top: 30px;

}

/*end 404 page*/
/***************************************************************/
/*card shop*/
.title_card_item span {
    margin-left: 10px;
    font-size: 20px;
    color: #747474;
    font-family: "YEKAN_BOLD";
}

.shop_card_price {
    color: #747474;
    font-family: "YEKAN_REGULAR";
}

.price_card_item a {
    text-decoration: none;
    color: #747474;
    font-family: "YEKAN_REGULAR";

}

.form-select-address {
    background-color: #ffffff;
    border: solid 1px #ced4da;
    border-radius: 35px;
    color: #FA9A1E;
    font-family: "YEKAN_BOLD";
    padding: 5px 25px 5px 25px;
    font-size: 20px;
    -webkit-appearance: none;
    background-image: url("../image/logo/arrow_drop2.svg");
    position: relative;
    background-position: left 4px top 13px;
    background-repeat: no-repeat;
}

.form-select-address:before {
    content: " ";
    background: url("../image/logo/arrow_drop.svg");
    /*background-repeat: no-repeat;*/
    height: 20px;
    width: 20px;
}

/*end card shop*/


.font-yekan {
    font-family: "YEKAN_REGULAR";
}

html {
    scroll-behavior: smooth;
}

.btn_edu:hover {
    color: #FA9A1E;
}

.btn_shop:hover {
    color: white;
}

@media only screen and (max-width: 991px) {
    #dropdownMenuButton {
        color: white;
    }

    .dropdown-menu {
        left: unset;
    }
}


.modal .new-address-wrapper {
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: dashed .1px #28a745;
}

.modal .address-wrapper {
    padding: 20px 4px;
    border: solid .1px grey;
    border-radius: 10px;
}

.current-address {
    border-radius: 10px !important;
}

.modal .border-dashed {
    border: dashed .1px grey;
}

.nav-cart-item-badge {
    position: absolute;
    /* top: 0; */
    /* right: 0; */
    left: 26px;
    bottom: 26px;
}

.nav-badge-desktop {
    position: absolute;

    bottom: 26px;
    left: 34px;
}

@media only screen and (min-width: 1023px) {


}

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


    .dog_shop_shape {
        margin-top: 53px;
    }

    .phone_login_form input {
        font-size: 14px;
    }

}

@media only screen and (max-width: 378px) {
    .cart-back-to-store-button {
        font-size: 13px !important;
        margin-top: 15px;
    }

    .title_suggestion h3 {
        font-size: 20px;
        margin-top: 15px;
    }

}

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


    .cart-back-to-store-button {
        font-size: 13px !important;
        margin-top: 15px;
    }

    .title_suggestion h3 {
        font-size: 20px;
        margin-top: 15px;
    }

}

.cart-basket-title {
    border-bottom: solid 1px black;
}

.cart-back-to-store-button {
    border: none;
    /* width: 100%; */
    text-decoration: none;
    background: #f29224;
    border-radius: 50px;
    /* font-family: "YEKAN_BOLD"; */
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    padding: 4px 15px 4px 16px;
}

.sold-out {
    position: relative;
}

.sold-out img, .sold-out button {
    filter: grayscale(100%);
}

.sold-out::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.sold-out::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url("/assets/image/sold-out.png") center center no-repeat;
    /*background-size: contain;*/
}

.counseling-section::after {
    content: '';
    position: absolute;
    background: rebeccapurple;
    bottom: -110px;
    left: 0;
    width: 250px;
    height: 250px;
    background: url("../image/shape/dog.png");
    background-size: cover;
    z-index: 500;
}

@media (max-width: 768px) {
    .counseling-section::after {
        display: none;
    }
}


.btn_blue {
    text-decoration: none;
    background: #4285ac;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: YEKAN_REGULAR;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    padding: 15px 25px;
    /*color: #FFFFFF;*/
}

.btn_blue:hover {
    color: #FFFFFF;
    background: #287098;
}


.btn_gold {
    text-decoration: none;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    border: 1px solid #5d4a1f;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: YEKAN_REGULAR;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    padding: 15px 25px;
    transition: 0.3s;
}

.btn_gold:hover {
    color: #FFFFFF;
}

.modal .form-control {
    border-radius: 4px;
}

.modal .form-control:active {
    border-radius: 4px;
}


.modal {
    font-family: YEKAN_REGULAR;
}


.socials {
    position: fixed;
    bottom: 20%;
    left: 0;
    z-index: 10000;
}

.socials ul {
    list-style-type: none;
}

.socials ul li {
    width: 70px;
    transform: translateX(-25px);
    font-size: 30px;
    margin-bottom: 10px;
    border-radius: 0 10px 10px 0;
    transition: all ease 0.3s;
}

.socials ul li:hover {
    transform: translateX(0);
}

.socials ul li a {
    display: block;
    padding: 5px 10px;
}

.socials ul li i {
    color: #FFFFFF;
}

.socials .telegram {
    background: #229ED9;
}

.socials .whatsapp {
    background: #25D366;
}

.socials .instagram {
    background: radial-gradient(ellipse at 0% 100%, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}


.input-group-append,
.input-group-text {
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
    overflow: hidden;
}


/*
PACKAGE SECTION
 */
.package-section {
    padding-top:50px;
    padding-bottom: 50px;

}

.package-section .main_btn {
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.package-section .card_shop img {
    border-radius: 25px;
    width: 100%;
}

.package-section .card .hero-package {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .package-section .card .hero-package {
        width: 50%;
    }
}


.counseling-section .shape-fill {
    fill: #526897;
}


/*
Ticket
 */
.chatbox{
    max-height: 600px;
    overflow-y: auto;
}

textarea {
    resize: none;
}