#daily-posts {
background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/Daily-Wishes-BG-n.jpg) no-repeat top;
 background-size:cover;
 padding: 4rem 10px 5rem;
 margin-top: 4rem;
 margin-bottom: 5rem;
  position: relative;
overflow: hidden;
z-index: 1;
}
#daily-posts:before, #daily-posts:after {content: ""; position: absolute;  width: 150px; height: 280px;  background:url(https://www.smitcreation.com/wp-content/uploads/2025/08/Toran-img.png) no-repeat; background-size:cover; z-index: -1;}
#daily-posts:before{left: 2rem; top: 0px; animation-delay: 1000ms; }
#daily-posts:after{right: 2rem; top: 0px; }

#daily-posts .container{position: relative; }
#daily-posts  .row{gap: 2.5rem 2rem;justify-content: center;}
#daily-posts .container:before, #daily-posts .container:after {content: ""; position: absolute;  width: 120px; height: 120px;  background:url(https://www.smitcreation.com/wp-content/uploads/2025/08/fower.png) no-repeat; background-size:cover; }
#daily-posts .container:before{left: -8rem; bottom: -53px;}
#daily-posts .container:after{right: -8rem; bottom: -53px; }


.shaped-posts{flex: 1 0 260px; text-align:center; max-width: 260px;}
.shaped-posts img, .shaped-posts a{width: 100%;}
.shaped-posts .cat-title{font-size: 25px; font-weight:600; color:#fff;transition: 0.6s ease-in-out;line-height:1.2}
.shaped-posts .image{margin-bottom: 1rem;overflow: hidden;}
.shaped-posts:hover .cat-title{transform: scale(1.05);color:#FFE96F}

.adv-heading{width: fit-content; margin: 0 auto 2.4rem; color:#fff; font-size:34px; font-weight:600;display: flex;justify-content: center;align-items: center;gap: 1rem;letter-spacing: 1px;}
.adv-heading:before, .adv-heading:after{content: ""; width: 65px; height: 65px; background:url(https://www.smitcreation.com/wp-content/uploads/2025/08/swastic-icon.png) no-repeat center; background-size:cover; min-width: 65px;}

.adv-heading2{font-size: 33px; position:relative;  display:flex; align-items:center; gap:1.2rem;margin-bottom: 3rem;width: calc(100% - 12.3rem);}
.adv-heading2:after{content: ""; flex: 1 0; border-bottom: 2px solid #745797 ;}

.relative-wrap{position: relative; }

.relative-wrap .view-btn{position: absolute; top: -5px; right:0; margin-top: 0;}

.view-btn{display: flex;width: fit-content;  align-items: center; justify-content: center; transition: 0.5s ease; padding: 8px 20px 6px;margin: 1.8rem 0 0; border-radius: 10px; background: transparent; color: #303030; text-transform: uppercase;font-weight: 500;font-size: 18px;gap: 0.8rem;font-weight: 600;letter-spacing: 1px;border: 2px solid #bd092d87;}
.view-btn:hover{background: var(--tertiarycolor);color: #fff !important;}
.view-btn:after{content: "";  width: 26px; height: 25px; transition: 0.5s ease;  background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/right-icon-white.png) no-repeat center; background-size: cover; background-color: var(--tertiarycolor);border-radius: 50%;background-size: 84%;}
.view-btn:hover:after{background-color: #000}

#mantra-section{margin-bottom: 5rem;padding: 0 12px;}
#mantra-section .row{gap: 2rem; justify-content: center}
.post-items{flex: 1 0 250px; position:relative;border-radius: 0 25px;overflow: hidden;max-width: 334px;}
.post-items .image {display:flex}
.post-items .image img, .post-items a {width: 100%; margin-bottom:0}
.post-items .image img{aspect-ratio:600/750; display: flex;object-fit: cover; transition: 0.5s ease}
.post-items:hover .image img{transform: scale(1.08)}
.post-items .content{position: absolute; bottom: 0; left: 0; width: 100%; background: #000000b8; min-height:73px; display:flex; align-items:center; padding 0 1rem; padding: 0 1.1rem;line-height: 1.5;font-weight: 600;border-radius: 0 23px 0 0;backdrop-filter: blur(2px) brightness(1.2);text-align: center;}
.post-items .post-title{color:#fff; width: 100%;font-size: 18px;}

.row-full	{width: 99.335vw;position: relative;margin-left: -49.99vw;left: 50%;}


#vrat-section{margin-bottom: 5rem;padding: 0 12px;}
#vrat-section .row{gap: 2rem; justify-content: center}
.post-items{flex: 1 0 250px; position:relative;border-radius: 0 25px;overflow: hidden;max-width: 334px;}
.post-items .image {display:flex}
.post-items .image img, .post-items a {width: 100%; margin-bottom:0}
.post-items .image img{aspect-ratio:600/750; display: flex;object-fit: cover; transition: 0.5s ease}
.post-items:hover .image img{transform: scale(1.08)}
.post-items .content{position: absolute; bottom: 0; left: 0; width: 100%; background: #000000b8; min-height:73px; display:flex; align-items:center; padding 0 1rem; padding: 0 1.1rem;line-height: 1.5;font-weight: 600;border-radius: 0 23px 0 0;backdrop-filter: blur(2px) brightness(1.2);text-align: center;}
.post-items .post-title{color:#fff; width: 100%;font-size: 18px;}

.row-full	{width: 99.335vw;position: relative;margin-left: -49.99vw;left: 50%;}

#divine-section{background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/divine-bg.jpg) no-repeat center; background-size: cover;  padding:6rem 0 4rem;position: relative;z-index: 1;margin-bottom: 5rem;margin-top: 3rem;overflow: hidden;}
#divine-section:before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 11.9vw; background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/divine-iconbar.png) no-repeat center; background-size: cover;image-rendering: smooth;}
#divine-section h2{width: 38rem;font-size: 33px; color: #fff; line-height:1.55; margin-bottom:2.5rem}
#divine-section .view-btn{background: #fff; border:none; top:1.5rem;}
#divine-section .view-btn:hover{background: var(--tertiarycolor);}
#divine-section .row{gap: 0.9rem 1.5rem;justify-content: center;}

#chalisa-section{margin-bottom: 5rem;padding-bottom: 11rem;background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/chalisha-bottom-bg.png) repeat-x bottom;animation: clouds 80s linear infinite;background-size: auto 7.6rem;}
#chalisa-section .row{gap:1.7rem 2rem;justify-content: center;}
@-webkit-keyframes clouds {
  from { background-position: 0 bottom; }
  to { background-position: 85rem bottom; }
}
@keyframes clouds {
  from { background-position: 0 bottom; }
  to { background-position: 85rem bottom; }
}

.cat-items2{flex: 1 0 260px; text-align:center;max-width: 268px;}
.cat-items2 a, .cat-items2 .image img{width: 100%;transition:0.6s ease-in-out}
.cat-items2:hover a{color:var(--secondarycolor)}
.cat-items2 .cat-title{font-size: 21px; font-weight: 600; margin-top: 0.2rem;line-height: 1.2;}
.cat-items2 .image{margin-bottom: 0.5rem}

.slide-items{ position:relative;border-radius: 0;overflow: hidden;flex: 0 0 270px; text-align:center; max-width: 270px;border: 3px solid #fff;transition:0.6s ease-in-out}
.slide-items:hover{border:3px solid #FFE96F}
.slide-items .image {display:flex}
.slide-items .image img, .slide-items a {width: 100%; margin-bottom:0}
.slide-items .image img{aspect-ratio:1/1; display: flex;object-fit: cover; transition: 0.5s ease}
.slide-items:hover .image img{transform: scale(1.08)}
.slide-items .content{position: absolute; bottom: 0; left: 0; transform:translatey(100%); transition: 0.5s ease;  opacity:0; width: 100%; background: #000000d4; min-height:50px; display:flex; align-items:center; padding 0 1rem; padding: 0 1.1rem;line-height: 1.5;font-weight: 600;text-align: center;}
.slide-items:hover .content{transform:translatey(0);  opacity:1;}
.slide-items .post-title{color:#fff; width: 100%;font-size: 18px;}


#amrut-section{background:#BD092E; padding: 5rem 0 4rem; position:relative; z-index:1;margin-bottom: 5rem;overflow: hidden;}
#amrut-section:before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 21.9vw; background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/amrut-bg-pattren.png) no-repeat center; background-size: cover;image-rendering: smooth;}
#amrut-section .row{gap: 2.2rem 1.2rem;justify-content: center;}
#amrut-section .container{position: relative;}
#amrut-section .container:before, #amrut-section .container:after {content: ""; position: absolute;  width: 100px; height: 100px;  background:url(https://www.smitcreation.com/wp-content/uploads/2025/08/Diya.png) no-repeat; background-size:cover; }
#amrut-section .container:before{left: -8rem; bottom: -10px; animation-delay: 1000ms; animation: float 8s linear infinite;}
#amrut-section .container:after{right: -8rem; bottom: -10px; animation: float 8s ease infinite;}
#amrut-section .view-btn{background: #fff; border:none; top:1.5rem;}

@keyframes float{
  50%{transform: translateY(2rem)}
}

.cat3-items{flex: 1 0 210px; background:#FFE96F; padding:0.8rem 0.8rem 1.1rem; text-align: center;border-radius: 60rem 60rem 0 0;max-width: 227px;}
.cat3-items .image{border:1px solid var(--tertiarycolor);padding: 0.4rem;border-radius: 50%;}
.cat3-items .image img{border-radius: 50%; object-fit: cover; }
.cat3-items  .cat-title{font-weight: 600; font-size:20px; margin-bottom:0; margin-top:1rem;line-height: 1.3;padding: 0 10px;}

#shayari-section{margin-bottom: 4rem;padding: 0 15px;}
#shayari-section .row{gap: 2.5rem 3.2rem;justify-content: center;}

.cat4-items{flex: 1 0 300px; position:relative; z-index:1; text-align:center;padding: 3.8rem 0 0;overflow: hidden;border-radius: 20px;max-width: 356px;}
.cat4-items:before{content:""; position: absolute ;  top: 0 ; left: 0 ;right: 0; height: 54.5%; background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/Shayari-bg.png) no-repeat center; background-size: cover; z-index:-1;}
.cat4-items .image img, .cat4-items a {width: 100%; margin-bottom:0}
.cat4-items .image img{border-radius:50%;}
.cat4-items .image{width: 220px; margin: 0 auto; border-radius:50%; border:2px solid #fff; padding:0.7rem;margin-bottom: 0.3rem;}
.cat4-items .cat-title{font-size: 23px; font-weight: 600}

#shorts-section{background: url(https://www.smitcreation.com/wp-content/uploads/2025/08/status-bg-image.jpg) no-repeat center; background-size: cover; padding: 10.6vw 0; margin-bottom: 5rem;overflow: hidden;}
#shorts-section .text-box{width: 35rem;max-width: 100%;}
#shorts-section  h2{font-size: 44px; line-height:1.4; font-weight:700; color:var(--tertiarycolor);}
#shorts-section .view-btn{background: #fff; border:none}
#shorts-section .view-btn:hover{background: var(--tertiarycolor)}

#story-section{margin-bottom: 4rem; padding: 0 21px;}
#story-section .row{gap: 2rem 1.5rem;justify-content: center;}
.cat5-items{flex: 1 0 260px;; text-align: center;max-width: 275px;}
.cat5-items .image{border:1px solid var(--tertiarycolor);padding: 0.4rem;/*! border-radius: 50%; */}
.cat5-items .image img{/*! border-radius: 50%; */ object-fit: cover; }
.cat5-items  .cat-title{font-weight: 600; font-size:20px; margin-bottom:0; margin-top:1rem;line-height: 1.3;padding: 0 10px;}


.ekadashi-row{justify-content: center; gap:1rem; margin:2rem 0}
.box{flex:1 0 250px;max-width: 250px;background:#f1f1f12e;border: 2px solid var(--secondarycolor);text-align:center ;padding: 1rem 0.5rem; border-radius: 20px}
.box li{list-style: none; border-bottom: 1px solid #eee}


@media screen and (max-width:980px){
  #daily-posts .container:before, #daily-posts .container:after, #daily-posts:before, #daily-posts:after, #amrut-section .container:before, #amrut-section .container:after{display:none;}
  .adv-heading2{width: 100%;}
  .adv-heading2::before {content: "";flex: 1 0;border-bottom: 2px solid #745797;}
  
  .relative-wrap .view-btn{position: relative;  margin:2.7rem auto 0;top: 0 !important;}
  #divine-section h2{width: 100%; text-align: center}
  #shorts-section .text-box{width: 25rem;text-align: left;}
  #shorts-section  h2{font-size: 28px}
	
	.box{max-width: 220px;}
	
}

@media screen and (max-width:800px){
  .adv-heading{font-size: 30px; text-align: center}
  .adv-heading:before, .adv-heading:after{min-width: 50px; width: 50px; height: 50px;}
  #daily-posts{padding: 3.2rem 10px;margin: 0rem 0 3rem;}
  #divine-section .row,#chalisa-section .row{gap:1rem}
  .shaped-posts,.slide-items,.cat-items2{max-width:45%;}
  .adv-heading2{font-size: 29px;text-align: center; margin-bottom:2rem;justify-content: center;}
  .row-full{padding: 0 10px}
  #divine-section{padding:3.5rem 15px 3.5rem;margin-top: 0;}
  
  #divine-section h2{font-size: 28px; margin-bottom: 2rem}
  #chalisa-section{padding: 0 10px 10rem}
  
  .adv-heading:before, .adv-heading:after{display: none}
  
  .cat3-items{flex: 1 0 40%}
  .cat3-items:nth-child(1){max-width:90%}
  .cat3-items:nth-child(1) .cat-title{font-size: 20px}
  .cat3-items .cat-title{font-size: 16px}
  #amrut-section::before{display:none}
  
  .cat5-items{flex: 1 0 40%;}
  .cat5-items:nth-child(1){/*! flex: 1 0 100%; */ max-width:200px;}
  .cat5-items:nth-child(1) .cat-title{/*! font-size: 20px */}
  .cat5-items .cat-title{font-size: 16px;margin-top: 0.5rem;}
  
  #amrut-section{padding:3rem 20px}
  #story-section .row{gap: 1.4rem 1rem;}
  #mantra-section, #shayari-section{margin-bottom: 3.5rem}
  #divine-section, #chalisa-section, #amrut-section,  #shorts-section, #story-section{margin-bottom: 3.2rem}
  .relative-wrap .view-btn{margin:2rem auto 0;}
  
  #story-section .adv-heading2:before, #story-section .adv-heading2:after{display: none}
  
  #shorts-section{padding: 4.8rem 15px; background-position: right; text-align:center; position:relative; z-index:1;}
  #shorts-section:before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000ad; z-index: -1}
  #shorts-section  h2{color: #fff; font-size: 24px; line-height: 1.6 }
  #shorts-section .view-btn{margin: 1.5rem 0 0; }
}

@media screen and (max-width:500px) {
  .shaped-posts .cat-title{font-size:23px}
}