body{
    overflow-x: hidden;
}

/* homepage */

.text-line-clamp-1{
    font-size: 16px;
    
}
@media (max-width:768px) {
    .tf-topbar .topbar-left .num{
        display: none;
    }
    
}

.flat-countdown-banner.cta1 .banner-left {
  display: flex;
 justify-content: space-between;
}

.banner .collection-position-2{
    height: 80vh;
}
.banner .collection-position-2.middle{
 position: relative;
}
.banner .collection-position-2.middle .content .cls-btn{

    margin-top: 30px;
  
}

.sticky-sidebar{
    position: sticky;
    top: 10px;
    align-self: flex-start;
}
.thought-section {
    /*background-color: #F7F7F7;*/
    padding: 90px 0;
    margin: -141px 0 0px 0;

}
.astrology-home img{
    border-radius: 100%;
    height: 60px !important;
    width: 60px !important;

}
.photograph-home {
    height: 100%;
    gap: 0px;
    

}
.photograph-photograph {
    height: 285px;
    

}
.astrology-detail1 img{
    height: 568px;
}

.article-detail p{
    line-height: 2;

}
.article-detail container{
    margin: 40px auto;
}

.article-detail {
            max-width: 900px;
            margin: 40px auto;
            padding: 0 20px;
            
            background-color: #fff;
           
        }
.article-detail h1,
        .article-detail .title {
            font-size: 2em;
            margin-bottom: 20px;
            color: #222;
        }

        .article-detail img {
            max-width: 100%;
            height: auto;
            margin: 0 auto 20px auto;
            display: block;
            border-radius: 8px;
        }

        .article-detail .content,
        .article-detail p {
            font-size: 1.1em;
            line-height: 1.6;
            color: #333;
            text-align: left;
            margin-bottom: 15px;
        }

        .article-detail .content ul {
            list-style-type: disc;
            padding-left: 20px;
            text-align: left;
        }

        .article-detail h3{
            line-height: 80px;
            text-align: left;
        }

.h3{
    font-size: 26px;
    text-align: center;
} 

.gallery-item {
    display: inline-block;
    margin-right: 0px;
    vertical-align: top;
}

.photographs-home img{
    gap: 0px;
}
.thought div{
    border-bottom: 1px solid black
}
.thought-detail{
    margin-bottom:20px;

}
.photograph-section .tf-image-zoom{
    height: 300px;
    

}
.voice h3 {
    text-align: left;
    font-size: xx-large;
}
/* .heading-section p{
    text-align:left;
} */
.testimonial-item .content-top {
    padding-bottom: 0px;
}
.testimonial-item .content {
    padding: 33px;
}
ul.breadcrumbs li a{
    color:#7B7B7B;
}
.tf-product-media-main .item img {
    width: 215px;
    height: 157px;}

 .thought-detail h5{
  
    font-size: xx-large;
    text-decoration: underline;
        
}    

.books-detail1 swiper-slide img{
    width:100%;

}
.tf-product-media-main .item img {
    width: 100%;
    height: 100%;
}

.astrology-section img{
    object-fit: cover;
    height: 319px;
    width: 437px;
    transition: all 1s;
}

.collection-circle img{
    display: block;
    width:200px;
    height:200px;
    border-radius: 20px;
    overflow: hidden;

}

.about-me img{

max-width: 100%;
    height: auto;
    transform: scale(1);
    
    vertical-align: middle;
    
    border-radius:10px;
}

.hover-image .img-style img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 1s;
}


.collection-circle-1 .img-style{
    display: block;
    width: 97%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
 .image-1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;

}
.image-1 a{
    width: 100%;
    height: 250px;
 }

 .image-1 img{

    transition: all 1s;
    height:100%;
    width:100%;
    border-radius:20px;
    object-fit: cover;
}
 .thoughts .image-1 a{
    width: 250px;
    height: 150px;
 }
.thoughts .image-1 img{

    transition: all 1s;
    height:100%;
    width:100%;
    border-radius:20px;
    object-fit: cover;
}
.thought-content{
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    align-items: center;
}
.article-home .content .title a{
    display: inline;
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    transition: 0.3s 
cubic-bezier(0.215, 0.61, 0.355, 1);
    background-size: 0 100%;
    backface-visibility: hidden;
}

.article-home .content{
    display: flex;
    flex-direction: column;

}
.article-home .body-text{
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

.article-home .flat-spacing{
    padding-top: 80px;
    padding-bottom: 32px;
}

.astrology-detail1 .group-image img{
    height:406px;
    width:406px;
}

.read-more {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 10px;
}
.testimonial-item1{
    border: 1px solid var(--line);
    background-color: var(--white);
    border-radius: 8px;
    background-color: #F7F7F7;
}

.testimonial-item2{
    border: 1px solid var(--line);
    background-color: var(--white);
    border-radius: 8px;
    background-color: #F7F7F7;
}

.testimonial-item5{
    border: 1px solid var(--line);
    background-color: var(--white);
    border-radius: 8px;
    background-color: white;
}

.thought-section5 {
    background-color: #F7F7F7;
    padding: 40px 0;
    margin: 0px 0 0px 0;
}



.testimonial-item3{
    border: 1px solid var(--line);
    background-color: var(--white);
    border-radius: 8px;
    background-color: #F7F7F7;
}


.text p{
    color: var(--secondary) !important;
    padding: 0 0px 19px 0;
}


.download-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 8px;
    border-radius: 50%;
    font-size: 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width:41px;
    z-index:2;
}

.about-me .container{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 25px;
}

.about .swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: center;
    margin-bottom: 66px;
}
.about .img-style img{
    display: block;
    width: 100%;
    height: 230px;
    border-radius: 20px;
    overflow: hidden;

}
.about h3{
    text-align: center;
    margin-bottom:38px;
    margin-top:38px;
}


.nav li a{
    color: black;
}

.item{
    color: var(--primary);
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    -webkit-transition: all 0.3s 
ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s 
ease;
    position: relative;
}

.hover-text{
    transition: 0.3s ease;
}
.hover-text:hover {
    color: #CF1721;
    
}

.tf-btn, button1{
   padding: 12px 20px;
    font-size: 14px;
    line-height: 22px;
    background-color: #0789D4;
    color:black;
}

.hover-button{
    transition: 0.3s ease;

}
.hover-button:hover{
    color:#CF1721;
}

.work h3{


}
.wrapper-control-shop .tf-list-layout .page{
        margin: -24px 0px -38px 0;
}

.tf-product-info-list .decoration {
    padding-bottom: 20px;
    /* border-bottom: 1px solid var(--line); */
    margin-bottom: 20px;
}

.calendar-section{
        background-color: #F7F7F7;
    padding: 50px 0;
    margin: 0px 0 60px 0;
}

footer .footer-body {
    padding: 80px 0;
    margin-top: -40px;
}

.content-1 p{
    text-align: justify;
        margin-bottom: 16px;
}

.custom-bullets li {
  list-style-type: "✔ ";
      list-style: disc !important;
    margin-left: 20px !important;
}
.container .content p{
    /* text-align:justify; */
}

/*.box-nav-ul li a{
left:250px;
}*/

/*.box1 .place{
    left:142px;
}*/

.place ul .menu-list{
    left:100px;
}

.about-us-main .about-us-features img{
    height:400px;
}

.about-row .col-md-6 .pic{
    height:500px;

}

.menus div{
    list-style: none
    
}


@media (max-width: 760px) {
    .slider-container {
        height: 180px; /* smaller height on mobile */
    }
}

.slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 300px;
}


.slider-container img {
    width: 100%;
    height: auto;          /* keeps aspect ratio */
    object-fit: cover;     /* fills nicely */
    display: block;
}

/* Mobile screens */
@media (max-width: 760px) {
    .slider-container {
        max-height: 200px; /* smaller height for mobile */
    }
}


.slider {
    width: 100%;
    overflow: hidden; /* prevent image overflow */
}

.swiper-slide .slider-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media only screen and (max-width: 991px) {
    .wg-blog .image {}
}

/* FIX FOR SLIDER IMAGE STRETCHING */
.slider-container .img-style img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius:20px;
}

.slider-image {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Desktop default */
.slider-container {
    width: 100%;
    max-height: 300px; /* Desktop slider height */
    overflow: hidden;
    position: relative;
}

.slider-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills container without distortion */
    display: block;
}

/* Mobile specific */
@media (max-width: 760px) {
    .slider-container {
        max-height: 200px; /* smaller height for mobile */
    }
    .slider-container img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 786px) {
    body{
        overflow-x: hidden;
        /* overflow-y: hidden; */
    }
}









/* Only target screens smaller than 768px */
@media (max-width: 767px) {
    /* Target the slider image inside articles */
    .article-home .flat-spacing img {
        width: 100%;        /* Make it fit the container */
        height: auto;       /* Maintain aspect ratio */
        object-fit: cover;  /* Crop if needed without stretching */
        max-height: 400px;  /* Optional: prevent it from being too tall */
    }
}

.photographs .photo {
margin-top:43x;
}

.social-media .icons{
    margin-top:20px;
}
.social-media p{
    margin-top:18px;
}
.mb-info li{
    margin-top:13px;
}




.books-detail1 .container1{
    margin-top: -90px;
}

.testimonial-item .round img{
    height:100%;
    width:100%;
}

/* .box-avt .box-price img{
    
} */

.thought-detail .content {
    padding-right:45px;
    padding-left:45px;
    margin:0;
}

.thought-detail p{
    justify-content: center;
}

.group-image{
    justify-items: center;


}

  .center-box {
    display: flex;
    justify-content: center; /* horizontal */
  }

  @media only screen and (max-width: 767px) {
    .heading2 {
        justify-content: center;
        flex-direction: column;
        
        gap: 8px;
    }
}

/* .about .heading-section-2 h3{

} */

.pswp__img, .pswp__zoom-wrap {
    object-fit: cover;
}


.photographs{
    margin-top:37px;


}
.about-content{
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom:125px;
    margin-top:-70px;
}
.explore{
    margin-bottom:30px;
    text-align: center;
}
.explore-title a{
    text-align:center !important;

}
.wg-card-store .about-sec-img img {
    height:100%;
}

.hover-img .creation-img img{
    height:300px;
}
.blogs-content p{
    padding-bottom:10px;
        font-size: 1.1em;
    line-height: 1.6;
    
}

.blog-header{
    margin-top:12px;
}
.blog-container{
    margin-bottom:-48px;
}
 .blog-content-img img{
    height:587px!important;

}
.tf-product-media-thumbs .swiper-slide .item img {
    height:86px !important;
}

.about-me img{
    height: 452px!important;
    object-fit: cover !important;
}
.wg-card-store .card-store-info .card-store-heading {
    margin-bottom: 25px !important;
}
.wg-card-store .card-store-info {
 background: var(--surface);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tf-topbar .topbar-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sticky-bar{
    align-self: flex-start;
    position: sticky;
    top: 30px;
    margin-top:13px;
}



.thought-img img{
    width:415px !important;
    height:300px!important;
    object-fit:cover;

}
.thought-text{
    font-size: 19px!important;

}
.sidebar .sidebar-heading {
    margin-bottom: 36px!important
}

/* video */
.mySwiper-video .swiper-button-next::after,
.mySwiper-video .swiper-button-prev::after {
    color: #1856A6 !important;
    font-size: 20px !important;
    font-weight: bold;
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 0.37);
    border-radius: 100%;

}
.video-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    border-radius: 30px;
}

.video-container .text {
    position: absolute;
    bottom: 40px;
    left: 0;
    background-color: white;
    padding: 20px 20px;
    border-radius: 30px;
    margin: 0 5px;
    width: 97%;
}

.video-container .text p {
    color: #A259FF;
}

.video-container .name {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
    border-radius: 0 0 30px 30px;
    border-top: 1px solid #483286;
    margin: 0 5px;
    width: 97%;
}

.video-container .name h4 {
    color: #A259FF;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #A259FF;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
}

.video-container:hover .play-button,
.video-container:hover .text {
    opacity: 0;
    /* Hide play button on hover */
}

.video-container:hover .name {
    border: 0;
    border-radius: 30px;

}
/* contact  */
.my-account-content{
    background-color: rgb(255, 255, 255);
    padding: 30px;
    color: white;
    border-radius: 10px;
}
.wrap-sidebar-account .topbar-right{
display: flex;
align-items: center;
gap: 20px;
}
.topbar-right a{
    background-color: rgb(81, 143, 235);
    border-radius: 100%;
    padding: 10px 10px;
}
.topbar-right a:hover{
 box-shadow: 0 5px 10px rgba(128, 128, 128, 0.514);
 transition: 0.3s all ease-in-out;
}
.share{
    display: flex;
    align-items: center;
    gap: 10px;

}
.share .name{
    font-size: 14px;
    color: black;
}
.share .topbar-right{
    display: flex;
    align-items: center;
    gap: 10px;
}