.bg-title-dark {

    background-color: #f0678a !important;

}



section.hero-section {

    padding-top: 40px;

    padding-bottom: 40px;

}



section.hero-section p {

    color: #000;

}



section.hero-section a.wellness-hero-btn-primary {

    background: #e53161;

    outline: unset;

    border: unset;

    

}

.btn-lg{

    padding: 0.8rem 1rem 0.7rem;

    font-size: 1rem;

}



section#features {

    padding-top: 40px;

    padding-bottom: 40px;

}



section#features .feature-card {

    padding: 10px 20px;

    background: #f2f2f2;

    height: 100%;

    border-radius: 11px;

}



section#features .feature-card h3 {

    font-size: 28px;

}



.newsletter-section {

    background-color: #fff;

}



.newsletter-section img {

    height: 100%;

    position: relative;

}



.newsletter-section .blog-content {

    /* background: #f0678a; */

    padding: 20px 15px;

    margin-top: 0px !important;

    border-radius: 10px;

}



.footer-wrapper.footer-layout1 {

    background: #fff;

}



.footer-wrapper.footer-layout1 .widget.widget_nav_menu.footer-widget {

    /* margin-bottom: 0px; */

}



.footer-wrapper.footer-layout1 .widget.widget_nav_menu.footer-widget h3 {

    /* margin-bottom: 17px; */

}



.footer-wrapper.footer-layout1 .about-text {

    text-align: justify;

}



.footer-wrapper.footer-layout1 p,

.footer-wrapper.footer-layout1 a,

.footer-wrapper.footer-layout1 span,

.footer-wrapper.footer-layout1 h1,

.footer-wrapper.footer-layout1 h2,

.footer-wrapper.footer-layout1 h3,

.footer-wrapper.footer-layout1 h4,

.footer-wrapper.footer-layout1 h5,

.footer-wrapper.footer-layout1 h6 {

    color: #000000;

}



.footer-wrapper.footer-layout1 .row.justify-content-between {

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

}



.login-section .login-form {

    /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 21%);

    padding: 10px; */

}



.ai-ask-section h2,

.ai-ask-section h3,

.ai-ask-section p.text-white {

    color: #000 !important;

}

.bg-img-chatt{

        background-image: url(https://mymoodswings.biz/web/assets/img/ai_background.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.bg-img-chatt h2 {

    color: #e53161 !important;

}

.bg-img-chatt

 p {

    color: #e53161 !important;

}

.ai-ask-section p.bd2-search {

    cursor: pointer;

}



.header-layout1 .th-menu-toggle {

    color: #e53161;

}



.listing-page .blog-text {

    color: #000;

}



.slick-arrow.default.right.view-more {

    width: 131px;

    height: 38px;

}



.header-button .th-btn:hover {

    /* background: #e53161; */

    color: #fff;

}



.article-lg-img img {

    height: 400px;

    object-fit: cover;

    width: 100%;

    border-radius: 12px;

}



.pagination .page-link {

    padding: .375rem .75rem;

    display: flex !important;

    align-items: center;

    justify-content: center;



}



.w-100 {

    width: 100%;

}



.fullwidth-img {

    width: 100%;

}



.team-modal .team-content {

    text-align: justify;

}



.text-right {

    text-align: right;

}



.share-links-wrap span.share-links-title {

    width: 100px;

    margin-top: 0px;

    padding-top: 0px;

}



.listing-page .blog-meta a {

    color: var(--body-font) !important;

    font-size: 12px;

}



.icon-box a.slick-arrow.default.right.view-more {



    display: block;



}



.read-more-btn-team {

    background: rgba(164, 95, 190, 1);

    color: #fff;

    padding: 8px 15px;

    border-radius: 3px;

    font-size: 14px;

}



.blog-info-wrap {

    display: none;

}



.dynamic-content.content {

    word-break: break-word;

}



.hover-line {

    word-break: break-word;

}



.ai-display-board-bg-1 {



    /* background: linear-gradient(90deg, #4828AA 0%, #C0449F 100%); */

    background: #ffffff;



}



.details-page-top-header {

    background: #f0678a;

    /*    height: 30vh;*/

}



.ai-display-board {







    min-height: 0px;



    max-height: 300px;



    padding-right: 60px;



    overflow-y: scroll;



    color: #fff;



}



.bg-gradient button#send-btn_2 {



    background: #fff;



    padding: 19px;



    top: 0;



    right: 0;



    border: unset;



    border-right: 1px solid #b040a0;



    border-bottom: 0.1px solid #b241a0;



    border-top: 0.1px solid #b341a1;



}



.bg-title-dark button#send-btn {



    background: #df0740;



    padding: 19px;



    top: 0;



    right: 0;



    border: unset;



    border-right: 1px solid #b040a0;



    border-bottom: 0.1px solid #b241a0;



    border-top: 0.1px solid #b341a1;



}







.ai-display-board-bg-2 {



    /* background: linear-gradient(90deg, #4828AA 0%, #C0449F 100%); */

    background: #ffffff;



}







/* width */



.ai-display-board::-webkit-scrollbar {



    width: 10px;



}







/* Track */



.ai-display-board::-webkit-scrollbar-track {



    box-shadow: inset 0 0 5px grey;



    border-radius: 10px;



}







/* Handle */



.ai-display-board::-webkit-scrollbar-thumb {



    /*  background: linear-gradient(90deg, #4828AA 0%, #C0449F 100%); */



    background: #fff;



    border-radius: 10px;



}







/* Handle on hover */



.ai-display-board::-webkit-scrollbar-thumb:hover {



    background: #b30000;



}







.ai-ask-section .form-text {



    margin-top: 5px;



}



.ai-ask-section .form-text a.send-btn {



    position: absolute;



    top: 12px;



    right: 16px;



    background-color: transparent;



    border: 0px;



}



.ai-ask-section .form-text button {



    right: 20px;



}



.ai-ask-section .form-text textarea {



    border-radius: 0;



}



div#social-links ul {



    padding-left: 0;



    list-style: none;



}



a.slick-arrow.default.right {



    align-items: center;



    display: grid;



}























.search-page {}



.search-page .page-heading {}



.float-right {

    float: right

}



.dynamic-content h1 {

    font-size: 25px;

}



.dynamic-content h2 {

    font-size: 22px;

}



.dynamic-content h3 {

    font-size: 30px;

}



.dynamic-content h4 {

    font-size: 25px;

}



.latest-article-section .blog-style2 .blog-img {



    height: 106px;



    overflow: hidden;



    border-radius: 10px;



}



.latest-article-sidebar .blog-style2 .blog-img {



    height: 130px;



    overflow: hidden;



    border-radius: 10px;



}



.blog-img::after {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    /*    background: rgba(0, 0, 0, 0.5);*/

}



.host-james-section .blog-style1.style-bi .blog-meta {



    background: unset;



}



.host-james-section .blog-style1 .blog-img {



    padding-bottom: 0px;



    margin-bottom: 5px;



}



span.video-icon-div {



    position: absolute;



    z-index: 9999999999;



    left: 48%;



    top: 50%;



    font-size: 39px;



}



span.video-icon-div i {



    color: #fff;



}







.future-view-section .blog-img {



    /*    height: 560px;*/



}



.future-view-section .blog-img::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

}



.ad .border-blog2 {

    border-bottom: 1px solid var(--border-color);

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.video-section .blog-style1 .blog-meta {



    width: 100%;



}



.video-section .blog-style1 {



    position: relative;



    display: inline-block;



    width: 100%;



    overflow: hidden;



}







.video-section .blog-img {



    position: relative;



    display: inline-block;



    width: 100%;



    overflow: hidden;



}







/* ✅ Default: No overlay */



.video-section .blog-img::before {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: rgba(0, 0, 0, 0);

    /* Fully transparent initially */



    transition: background 0.3s ease-in-out;



}







/* ✅ On hover: Black overlay appears */



.video-section .blog-style1:hover .video-section .blog-img::before {



    background: rgba(0, 0, 0, 0.5);

    /* Dark overlay on hover */



}







/* ✅ Style the play icon */



.video-section .video-icon-div {



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate(-50%, -50%);



    font-size: 50px;

    /* Increase size */



    color: #fff;

    /* White icon */



    background: rgba(0, 0, 0, 0.7);

    /* Semi-transparent background */



    border-radius: 50%;



    padding: 20px;



    z-index: 2;



    transition: transform 0.3s ease-in-out;



}







/* ✅ Slight scale effect on hover */



.video-section .blog-style1:hover .video-section .video-icon-div {



    transform: translate(-50%, -50%) scale(1.1);



}



.color-white {



    color: #fff;



}







.spinner-loader {



    display: none;



    position: fixed;



    background: #fff;



    height: 100%;



    width: 100%;



    opacity: .6;



    top: 0;



    left: 0;



    text-align: center;



    z-index: 999999;



}















#snackbar {



    visibility: hidden;



    min-width: 250px;



    margin-left: -125px;



    background-color: #333;



    color: #fff;



    text-align: center;



    border-radius: 2px;



    padding: 16px;



    position: fixed;



    z-index: 99999;



    left: 50%;



    bottom: 30px;







}







#snackbar.show {



    visibility: visible;



    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;



    animation: fadein 0.5s, fadeout 0.5s 2.5s;



}







@-webkit-keyframes fadein {



    from {



        bottom: 0;



        opacity: 0;



    }







    to {



        bottom: 30px;



        opacity: 1;



    }



}







@keyframes fadein {



    from {



        bottom: 0;



        opacity: 0;



    }







    to {



        bottom: 30px;



        opacity: 1;



    }



}







@-webkit-keyframes fadeout {



    from {



        bottom: 30px;



        opacity: 1;



    }







    to {



        bottom: 0;



        opacity: 0;



    }



}







@keyframes fadeout {



    from {



        bottom: 30px;



        opacity: 1;



    }







    to {



        bottom: 0;



        opacity: 0;



    }



}





.icon-wrapper i {

    font-size: 26px;

    color: #e53161;

    background: #fff;

    height: 55px;

    width: 55px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

    margin-top: 10px;

}

.newsletter-section .blog-content{

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.newsletter-section .blog-content h6{

    color: #e53161;

}

.newsletter-section .blog-content h2{

    color: #e53161;

}

#newsletterForm input, #newsletterForm select{ 

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.text-theme-red {

    color: #e53161 !important;

  }