/*topic container styling*/

.landingtopic {
    cursor: pointer;
    margin-inline: 20px;
}

.landingtopic:hover img {
    filter: drop-shadow(0 0 10px rgba(203, 3, 243, 0.5));
}

.topic-container img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/*styling three level course*/
.overlay {
    width: 100%;
    height: 250px;
    text-align: center;
    background-image: linear-gradient(135deg, #9f05ff69 10%, #fd5e086b 100%);
    border-radius: 5% 5% 85% 85% / 90%;
}

/*styling three level course button*/

.overbtn {
    cursor: pointer;
    margin-bottom: 15px;
    border: none;
    outline: none;
    padding: 15px 30px;
    border-radius: 50px;
    color: #333;
    background: #fff;
    box-shadow: 0 3px 20px 0 #0000003b;
    transition: background-color .5s ease;
}

.overbtn:hover {
    background: rgba(255, 235, 192, 0.5);
}

/*styling website reviews container */

.scroll-top {
    cursor: pointer;
}

.scroll-top:hover {
    color: #8A2BA6;
    transition: background-color .5s ease;
}

/*Feature infinity scroll review container*/
.layout {
    overflow-y: auto;
    height: 500px;
}

/* Style Star Rating */

.star {
    font-size: 26px;
    color: gray;
    cursor: pointer;
}

.star.filled {
    color: #8A2BA6;
}

.star:hover {
    color: #8A2BA6;
}

/*styling review container*/
.review-container {
    margin-inline: 20px;
}

/*Styling Review cards*/
.review-card {
    border-radius: 20px;
    background: linear-gradient(to top, #23a6d5, #23d5ab);
    margin-top: 10px;
    margin-bottom: 10px;
}

.tolerance-review-card {
    margin-inline: 10px;
    margin-top: 20px;
}

.display-review-content {
    color: white;
    max-width: 200px;
}

.display-review-name {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

.display-review-score {
    font-size: 30px;
    margin-bottom: 20px;
}

.display-review-date {
    color: white;
}

.review-icon .iconify {
    color: white;
    font-size: 40px
}

/*Styling Creator Cards*/
.creator-card {
    border-radius: 20px;
    background: linear-gradient(to top, #edbafa, #8A2BA6);
}

/*Styling Creator Card Content*/
.CreatorLinksDate {
    color: black;
}

.CreatorLinkShare {
    font-weight: bold;
    font-size: 28px;
}

.CreatorFrame {
    background-color: white;
    border-radius: 20px;
}

.CreatorInvitation {
    color: white;
    font-size: 20px;
}

.CreatorIntro {
    font-weight: bold;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
}

.CreatorCardIcon {
    margin-top: 20px;
    margin-inline: 10px;
}

.creator-icon .iconify {
    font-size: 60px;
    color: white;
}

/*Styling Creator Icons Socials*/
.CreatorSocialsLinksIcons .iconify {
    margin-inline: 10px;
    margin-bottom: 10px;
    font-size: 40px;
}



/*Styling Wellness Community Form*/
.registry-creator .iconify {
    font-size: 30px;
}

.registry-creator p {
    font-weight: bold;
}

.registry-socials .iconify {
    font-size: 30px;
}

.registry-socials p {
    font-weight: bold;
}

/*Styling form inputs*/
.form-control {
    margin-bottom: 10px;
}

/*styling form checkboxes*/
.creator-checkbox {
    margin-bottom: 20px;
}

/*headline content styling*/
.headline2 {
    color: #1A237E;
}

.headline3 {
    color: #1A237E;
}

.headline4 {
    color: #1A237E;
}

/*tolerance fitting information container*/

.tolerance-container {
    margin-inline: 20px;
}

/*spacing content sections*/
.Spacing {
    margin-top: 50px;
    margin-bottom: 50px;
}