.splash-text {
    color: white
}

.fa-address-book:before {
    color: #38a3d1;
    font-size: 23px;
    margin-right: -3px
}

.fa-clinic-medical:before {
    color: #38a3d1;
    font-size: 23px;
    margin-right: 10px
}

.form-groupp {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.form-group label {
    flex-grow: 1;
    padding-left: 1rem;
}

.form-group .drop-container {
    position: relative;
    background-color: #ECFCFF;
    color: #38A3D1;
    width: 100%;
    height: 100%;
    user-select: none;
    padding: 5px;
    /* border: 1px solid red; */
}

.form-group .drop-container span {
    /* padding: 10px 2rem; */
    display: block;
    cursor: pointer;
}

.form-group .drop-items {
    position: absolute;
    background-color: #ECFCFF;
    color: #38A3D1;
    width: 160%;
    left: 0;
    padding: 15px 5px;
    top: 150%;
    box-sizing: border-box;
    display: none;
    margin-top: 0px;
    border: 2px solid var(--border-color);
}

.selected-value {
    font-size: 14px;
}

.form-group .drop-items span {
    display: block;
    padding: 10px;
    cursor: pointer;
}

.form-group .drop-items span:not(.drop-items span:last-child) {
    border-bottom: 1px solid white;
    font-size: 13px
}

.form-group .drop-items span:hover {
    background-color: #38A3D1;
    color: #ECFCFF;
}

.form-group .display-items .drop-items {
    /* display: flex;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                justify-content: center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                align-items: center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                flex-wrap: wrap; */
    display: block;
}

.modal-dialog {
    /* margin: 100px auto 0 0; */
    padding: 0 15px;
}

@media (max-width: 600px) {
    .stores img {
        width: 97px;
        height: 36px;
    }
}

@media (max-width: 400px) {
    .our-apps h4 ,h5{
        font-size: 1rem;
    }
}


/* our feature style */
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    grid-gap: 10px;
    padding: 10px;
}

.grid-container>div {
    text-align: center;
    /* padding: 20px 0; */
    font-size: 30px;
}

.item1 {
    grid-column: 1 / 3;
    display: flex;
    justify-content: flex-end;
    height: auto;
    width: 100%;
}

.item2 {
    grid-row: 1 / 3;
    grid-column: 3 / 7;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.item3 {
    grid-column: 7 / 9;
    display: flex;
    flex-direction: row-reverse;

    height: auto;
    width: 100%;
}

.item4 {
    grid-column: 1 / 3;
    display: flex;
    justify-content: flex-end;
    height: auto;
    width: 100%;
}

.item5 {
    grid-column: 7 / 9;
    display: flex;
    flex-direction: row-reverse;

    height: auto;
    width: 100%;
}

.item6 {
    grid-column: 4 /6;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    height: auto;
    width: 100%;
    margin-top: 30px;
}

.grid-container p {
    font-size: 13px;
    width: 200px
}

.grid-container h5 {
    color: #38A3D1;
    text-transform: capitalize;
}

.grid-container img {
    width: 130px;
}

.outer-border {
    border: 1px solid #38A3D1;
    border-radius: 50%;
    padding: 30px;
    animation: rotate-reverse 5s linear infinite;
}

.inner-border {
    padding: 20px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%2338A3D1FF' stroke-width='2' stroke-dasharray='%2c 14' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 100px;
    border-radius: 100px;
    position: relative;
    animation: rotate 3.5s linear infinite;

}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

.logo-img-reverse {
    /* animation: rotate-reverse 7.5s linear infinite; */
    position: absolute;

}

@keyframes rotate-reverse {
    to {
        transform: rotate(-360deg);
    }
}

.main {
    width: 150px;
    height: 150px;
    border: 1px solid #CCC;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-right: 0;
    margin: auto;
    border-radius: 50%;
}

.circle {
    width: 20px;
    height: 20px;
    background: cyan;
    border-radius: 50%;
    position: absolute;
    top: 135px;
    bottom: 0;
    overflow: hidden;
    margin: auto;
}

.icon-img-container {
    padding: 25px;
    margin: 10px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin-top: 0px;
    background-color: #38A3D1;

}

.icon-img {

    width: 30px;
    height: 30px;
    background: transparent;
}

.main {
    width: 330px;
    height: 330px;
    border: 1px solid #CCC;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.circle2 {
    width: 30px;
    height: 30px;
    background: cyan;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 6s linear infinite;
}

@keyframes circle {
    0% {
        transform: rotate(0deg) translate(-165px) rotate(0deg);

    }

    100% {
        transform: rotate(360deg) translate(-165px) rotate(-360deg);
    }
}


.orbi-item.item5,
.orbi-item.item3 {
    justify-content: start;
}

.item1 .dicription,
.item4 .dicription {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.item3 .dicription,
.item5 .dicription {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media only screen and (max-width: 800px) {
    .orbit {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center
    }

    .orbi-item {
        display: flex !important;
        flex-direction: row-reverse;
        justify-content: center !important;
        align-items: center !important;
        margin: 20px;
        height: 100px;
    }

    .dicription {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: start !important;
    }

    .dicription p {
        text-align: left !important;
        width: 80%
    }

    .item6 {
        margin-top: 0px;
    }

    .item2 {
        display: none;
    }
}