/* background:rgb(197 65 221); */
.logoText {
    /* font-size: 72px; */
    background: -webkit-linear-gradient(rgba(253, 253, 253), rgb(206, 207, 207));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

#joinus_btn{
    border-radius: 20px;
    border: none;
    background: linear-gradient(to right, rgb(81, 241, 255),rgba(6, 176, 255, 0.932));
}
.selectBtn{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 0px 20px 50px 2px lightblue;
}
#searchBtn{
   border-radius: 30px;
   border: none;
   background: linear-gradient(to right, rgb(81, 241, 255),rgb(6, 176, 255));
   box-shadow: 0px 20px 50px 2px lightblue;

}
.subTitle::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-top: 2px dashed #F14D5D;
}
/* ************************************************** */
/* ***********CSS for primimu card***************** */
.mainDiv{
    max-height: 500px;
    display: flex;
    overflow-x: auto;
}
.mainDiv::-webkit-scrollbar{
    display: none;
    scroll-behavior: smooth;
}
.item{
    padding: 2px;
    min-width: 210px;
    text-align: center;
    margin-right: 6px;
    padding: 0;
}

.item2{
    padding: 2px;
    min-width: 210px;
    text-align: center;
    margin-right: 6px;
    padding: 0;
}

.card{
    border-radius: 22px;
    overflow: hidden;
}
#svgPrimium{
    position: absolute;
    bottom: 0;
    z-index: 1;
    margin: 0;
}
.btn{
    border-radius: 40px;
    margin-top: 2px;
    border: none;
    box-shadow: 0px 2px 5px 2px lightblue;
}
.btn:hover{
    background-image: linear-gradient(to left, #7be9f8 0%, #96c2fc 100%);
}
.btn-primary{
    background-image: linear-gradient(to right, #23ccff 0%, #43b4ff 100%);
}
/* *******************end css of primimu card*******************
************************************************************* */




/* ************************************************** */
/* ***********CSS for Medium card***************** */
#bannerimg{
    height:200px; 
    max-height:100px;
    /* opacity: 0.6; */
}
.logoimg{
    height:70px;
    width: 70px; 
    border-radius: 50%;
    min-height: 70px;
    max-width: 70px;
    border: 4px solid rgb(126, 226, 251);
    background-color: white;
}
.centerNameHeading{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: white;
    /* background:linear-gradient(to right,rgb(255, 105, 0),#FCB900); */
    background: linear-gradient(to right, rgb(92, 201, 211),rgb(33, 167, 230));
}
#svg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    top: 101px;
    margin-bottom: 29px;
    color: blue;
}


.bg-gradient{
    background: linear-gradient(rgb(205 40 235 / 90%), rgb(40 235 190 / 90%)), url(../img/header.jpg), no-repeat center center;
}

.card2{
    width: 12rem;
    border-radius: 17px;
}

@media (max-width: 463px) {
    .item2{
        min-width: 195px;
        text-align: center;
        margin-right: 0px;
        padding: 0;
    }
    .container-fluid{
        padding: 0px;
        margin: 0px;
    }
}

@media (max-width: 390px) {
    .item2{
        min-width: 170px;
        text-align: center;
        margin-right: 0px;
        padding: 0;
    }
    .container-fluid{
        padding: 0px;
        margin: 0px;
    }
    .card2{
        width: 10.5rem;
        border-radius: 15px;
    }
}