.hero
{
    background-color: #3BADA4;
    height: 25vh;
}
.subservice-container{
    width: 80%;
    background-color: #FFF;
    /* margin: -7rem auto 0px; */
    margin: -6rem auto 0px;
    border-radius: 1.3rem;

}
@media (max-width: 767px) {
    .subservice-container{
        width: 95%;
        margin-top: -6rem;

    }

  }
.subservice{
    width: 10%;
}
.card-title{
    font-weight: 700;
}
[lang="en"] .card-title{
        text-align: end;
}
.flickity-enabled.is-draggable
{
    margin-bottom: 2rem;
    margin-top: 0rem !important;
}
.flickity-viewport{
    /* height: 11rem !important; */
    /* height: 8rem !important; */
    height: 4rem !important;
}
.flickity-page-dots{
    display: none !important;
}
.flickity-prev-next-button{
    top: 10%;
    background-color: #FFF;
}
.flickity-prev-next-button.previous
{
    left: -1.5%;
}
.flickity-prev-next-button.next {
    right: -1.5%;
}
.flickity-slider
{
    left: -28% !important;
}
@media (max-width: 767px) {
    .flickity-slider
{
    left:0 !important;
}

  }


.gallery-cell-service {
    width:max-content;
    font-weight: 700;
    height:3rem;
    margin-right: 10px;
    padding: 1rem 1rem;
    /* background: #8C8; */
    text-align:center;
    border-radius: 16px;
    background:rgba(34, 34, 34, 0.18);   ;
    color: #222222;
    /* counter-increment: gallery-cell; */
  }
  .container-single-package{
    padding: 2rem 1rem;
    background: linear-gradient(77deg, rgba(59, 216, 173, 0.80) 7.19%, rgba(11, 11, 99, 0.80) 129.88%);
    color: #FFF;
    border-radius: 1rem;

  }
  .container-single-analysis{
    background: linear-gradient(77deg, rgba(59, 216, 173, 0.80) 7.19%, rgba(11, 11, 99, 0.80) 129.88%);
    color: #FFF;
    padding: 2rem 0.5rem;

  }
  .container-single-analysis button{
    background-color: #a229fc;
  }
  .container-single-analysis i{
     font-size: 30px;
  }
  .btn-prevouse {
    position: absolute !important;
    right: 26px;
    padding: 0.3rem 2.3rem;
    top: 26px !important;
    border-radius: 25px;
    background: #3BD8AD;
  }
  .bouquet-img{
    height: 7rem;
    background: #E7FFF8;
  }
    @media (max-width: 767px) {
    .bouquet-img{
        height:13rem;
    }
  }
  .search-icon-label{
    right: 12%;
    opacity: 0.5;
  }
  .btn-plus-choose{
    background: #E7FFF8;
    border-radius: 49%;
    height: 42px;
    width: 42px;
    /* margin-left: 2rem */
  }
  .btn-plu-indindal-analysis{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-top: 3rem;
    margin-right: 0.5rem;
  }
  @media (max-width: 767px) { /* Adjust the breakpoint as needed */
    .search-icon-label{
        right: 15%;
        top: 2rem;
    }
    .btn-plu-indindal-analysis{
        margin-top: 0rem;
    }
  }
  
  [lang="en"] .conatiner-description ,[lang="en"] .conatiner-instruction, [lang="en"] .conatiner-component{
              direction: ltr;
  }
  
        ::-webkit-scrollbar {
            width: 10px;
            height: 5px;
            margin-top:10px;
        }
        .container-service-page {
            /*margin-top: 6.8rem;*/
            /*margin-bottom: 1rem;*/
            background: #FFF;
            direction: rtl;
        }
        [lang="en"]  .container-service-page
        {
            direction: ltr;
        }

        @media (max-width: 767px) {
            .container-service-page {
                /*margin-top: 3.8rem;*/
            }
        }

        .search-package-singlex {
            border-radius: 0.5rem;
            background: #F5F9FC;
        }

        .single-bouquet {
            background: rgba(245, 249, 252, 0.80);
            height: 8rem;
                position: relative;
        }

        .submet-div {
           position: absolute;
    bottom: 0rem;
    width: 100%;
        }
        [lang="en"] .submet-div{
            flex-direction: row-reverse;
        }
        .price-div{
                color: #00d1bd;
    font-weight: 600;
    padding:0;
        }
        .name-package{
             font-weight: 600;
                 font-size: 1rem;
                 display: inline;
        }
        @media (max-width: 767px) {
             [lang="en"] .submet-div{
                 /*top:3rem;*/
                 align-items: center;
             }
             [lang="en"] .container-details-btn-info{
                 text-align: end;
             }
        }

        .details-btn-info {
            color: #2E3A59;
            text-decoration: none;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;

        }

        .container-details-service,
        .container-package {
            /*width: 95%;*/
            /*width:89%;*/
            /*  margin: 3.125rem auto;*/
                margin-bottom: 4rem;
        }
         @media (max-width: 767px) {
              .container-details-service{
                  margin-top:1.5rem !important;
              }
          }

        .container-filter {
            box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
            padding: 1.5rem 2rem;
            border-radius: 1.375rem;
            background: #FFF;
        }

        .container-fiter-directly {
            text-wrap: nowrap;
            overflow-x: scroll;
        }

        .select-xray {
            border-radius: 0rem 1.375rem 0rem 0.5rem;
            background: #00D1BD;
            width: 80%;
        }
        .select-xray:hover{
                background: rgb(11, 11, 99);
        }

        .filter-name {
            border-radius: 8px;
    border: 1px solid #C5CEE0;
    color: #192038;
    font-size: 16px;
    display: table-cell;
    height: 43px;
    vertical-align: middle;
    width: auto;
    padding: 5px 10px;
    margin: 12px;
        }

        .modal-header .btn-close {
            margin: 0rem;
        }

        .head-details-service,
        .head-package {
            color: #101426;
            font-size: 2.375em;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        /* #basket {
                        background-color: #0d0c65;
                        padding: 2rem;
                    }
                    */
        #header-doctor-page {
            border-radius: 20px;
            background: linear-gradient(77deg, rgba(59, 216, 173, 0.80) 7.19%, rgba(11, 11, 99, 0.80) 129.88%);
            backdrop-filter: blur(30.5px);
            height: 24rem;
        }

        .cantainer-qty {
            /* width: fit-content; */
            /* margin: auto; */
            /* background: antiquewhite; */
            padding: 0.5rem 2rem !important;
            border-radius: 8px;
            /* background: #D4EEE7; */
        }

        .plus,
        .minus {
            border: none;
            padding: 0.5rem;
            border-radius: 50%;
            margin-left: 0.5rem;
            width: 40px;
            height: 40px;
                font-weight: 700;
    font-size: 18px;
        }

        .search-package-single {
            width: 30% !important;
            border-radius: 24px;
            padding: 0.7rem;
            /*margin-left: 9rem !important;*/
        }

        @media only screen and (max-width: 600px) {
            #header-doctor-page {
                height: 18.5rem;
                border-radius: 0;
            }

            .search-package-single {
                width: 100% !important;
            }
        }

        /* .minus,
                    .plus {
                        border-radius: 50%;
                        height: 39px;
                        width: 39px;
                        margin: 0px 10px;
                    }

                    .card-single-choose {
                        #0d0c65
                    } */
        .basket-title {
            padding: 2rem;
            margin-bottom: 8px;
            color: #101426;
            font-size: 1.5em;
            /*background: aliceblue;*/
            border-bottom: 1px solid #C5CEE0;
            border-radius: 12px 12px 0px 0px;

            /*background: linear-gradient(77deg, rgba(59, 216, 173, 0.80) 7.19%, rgba(11, 11, 99, 0.80) 129.88%);*/
            backdrop-filter: blur(30.5px);
            /*margin-bottom: -1rem;*/
        }

        #basket {
            padding: 0;

        }

        .title-medical {
            font-weight: 600;
            text-align: right
        }
        [lang="en"] .title-medical{
            text-align: left
        }

        .btn-plus-choose {
            background: #E7FFF8;
            margin-right: 84%;
            margin-top: -28%;
        }

        [lang="en"] .btn-plus-choose {
            margin-left: 84% !important;
            margin-right: 0;
            margin-top: -18%;

        }

        .title-fuilter {
            font-weight: 700;
            font-size: 18px;
        }

        [lang="en"] .title-fuilter {
            text-align: end;
            padding-left: 1rem;
        }

        [lang="en"] .card-text {
            text-align: end;
        }

        @media only screen and (max-width: 600px) {
            .btn-plus-choose {
                /* margin: 0px ; */
                margin-right: 87% !important;
                margin-top: -13% !important;
                display: block;
            }

            [lang="en"] .btn-plus-choose {
                margin-right: 0 !important;
            }

            .title-medical {
                text-align: center;
            }


        }

        @media only screen and (max-width: 992px) and (min-width: 767px) {
            .btn-plus-choose {
                margin-top: -6%;
            }

        }

        @media (max-width: 767px) {
            .flickity-prev-next-button {
                display: none;
            }

            .bouquet-submit {
                justify-content: center !important;
            }

            .container-slection {
                /*position: sticky;*/
                /*bottom: -11rem;*/
                background: #f2f2f2;

            }

            .container-slection #basket {
                /*height: 128px;*/
                /*overflow: auto;*/
            }
        }

        .basket-title h5 {
            color: #101426;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .basket-title {
            border-bottom: 1px solid #C5CEE0;
            margin-bottom: 8px;
        }

        .parent-btn {
            background: #F5F9FC;
            padding: 8px 24px;
            margin-bottom: 1rem
        }
        .price-select {
    display: inline-block;
    margin-right: 2rem;
    float: right;
    color: #00D1BD;
    margin-top: 0.2rem;
        font-size: 17px;
    font-weight: 700;
        }
        #submit-button{
            margin: 1rem 0 0.5rem 0;
    border-radius: 25px;
    background: #00D1BD;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0px 0px 10px 10px;
    width: 100%;
        }
         .select-xray.clicked{
  background:#0B0B63;
  color:#FFF;
}
.modal-footer .btn-primary{
    width:100%;
    border:0;
}
.details-service{
    font-size: 24px;
}
 @media (max-width: 767px) {
     .details-service{
    font-size: 19px;
}
 }
 
 @media (max-width: 767px) {
.list-item-form{
    position: fixed;
    bottom: -14px;
        width: 100%;
        z-index:100;
                right: 1px;
        left: 1px;
}
#submit-button{
    padding:1rem;
}
}
 .btn-primary:active, .btn-primary:focus {
     background-color:#00d1bd;
 }