@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kalam:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

:root {
  --main-color: #D88E7D;

  --font-oswald: "Oswald", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-roboto: "Roboto", sans-serif;
  --font-dm-sans: "DM Sans", sans-serif;
}

html, body {
  font-weight: 400;
  font-size:18px;
  line-height:1.5;
  padding:0;
  margin:0;
}

a {
  color:#004E5A;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}
.pt-0{padding-top: 0px;}

.container{max-width: 1467px;}

.main-wapper{padding: 90px 0 0 0;}

header{position: fixed; width: 100%; top: 0px; z-index: 999; transition: all .5s ease; background: #fff;}
header .header-main {display: flex; justify-content: space-between; padding: 20px 13.5px; max-width: 1467px; margin: auto; align-items: center;}

header .header-main .logo{width: 311px; transition: all .5s ease;}
header .header-main .logo img{width: 100%;}
header .header-main .rightside{display: flex; align-items: center;}
header .header-main .rightside ul.main-menu{display: flex; justify-content: space-between; margin: 0px; padding: 0px; list-style: none;}
header .header-main .rightside ul.main-menu li{margin-left: 25px; transition: all .5s ease;}
header .header-main .rightside ul.main-menu li a{color: #000; font-size: 16px; font-weight: 400; font-family: var(--font-roboto); padding: 5px 10px; font-weight: 400;  position: relative;  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .rightside ul.main-menu li a:hover,
header .header-main .rightside ul.main-menu li a.active{color: var(--main-color); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-main .rightside .btn-read {transition: all .5s ease; font-size: 16px; line-height: 18px; font-weight: 400; font-family: var(--font-inter); text-align: center; color: #FFFFFF; padding: 16px 5px; min-width: 169px; background: var(--main-color); border-radius: 5px; margin-left: 70px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);  cursor: pointer; display: flex;justify-content: center;}
header .header-main .rightside .btn-read::before {content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease;}
header .header-main .rightside .btn-read:hover { box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); background: #c97d6a;}
header .header-main .rightside .btn-read:hover::before {width: 300px; height: 300px;}
header .header-main .rightside .btn-read:active {transform: translateY(-1px); box-shadow: 0 5px 15px rgba(216, 142, 125, 0.3);}
header .header-main .rightside .btn-read .text {position: relative; z-index: 1; transition: all 0.3s ease;}
header .header-main .rightside .btn-read:hover .text {letter-spacing: 1px;}
header.fixed { transition: all .5s  ease; position: fixed; top: 0; }
header.fixed .header-main { padding: 12px 13.5px; }
header.fixed .header-main .rightside ul.main-menu li{margin-left: 15px; transition: all .5s ease;}
header.fixed .header-main .rightside ul.main-menu li a { padding: 4px 6px; transition: all .5s ease; font-size: 15px; }
header.fixed .header-main  .logo{width: 220px; transition: all .5s ease;}
header.fixed  .header-main .rightside .btn-read { transition: all .5s ease; font-size: 14px; line-height: 15px; min-width: 140px; padding: 14px 5px; margin-left: 30px; }
.mobile-menu{display: none;}
.btn-menu {width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;  margin-left: 15px; display: none}
.btn-menu span{width: 100%; height: 2px; background: var(--main-color); display: block;  transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2){display: none;}
.btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}


/* Banner Section  */

.banner-block { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.banner-block .photo-area {position: relative; overflow: hidden; cursor: pointer;}
.banner-block .photo-area img {width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.6s ease; filter: grayscale(0) brightness(1);}
.banner-block .photo-area:hover img {transform: scale(1.08); filter: grayscale(0) brightness(1.15);}
.banner-counted {background: #FCF8F5; padding: 25px 0;}
.banner-counted .counter-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; list-style: none; margin: 0; padding: 0;}
.banner-counted .counter-list .counted-item { display: flex; gap: 15px; align-items: center;}
.banner-counted .counter-list .counted-item .counted-icon { width: 74px; height: 74px; border-radius: 10px; background: #FFFFFF; box-shadow: 0px 0px 12px 0px #F2E0D2; display: flex; justify-content: center; align-items: center; transition: box-shadow 0.3s ease;}
.banner-counted .counter-list .counted-item .number {font-family: var(--font-oswald); font-weight: 600; font-size: 28px; line-height: 28px; color: #B55640; margin: 0 0 8px 0;}
.banner-counted .counter-list .counted-item p { font-family: var(--font-roboto); font-weight: 300; font-size: 18px; line-height: 18px; color: #000000; margin: 0;}
.banner-counted .counter-list li:hover .counted-icon {box-shadow: 0px 5px 20px rgba(216, 142, 125, 0.35);}


/* Temples Repository */
.temples-repository {padding: 80px 0;}
.temples-repository .d-flex { align-items: center;}
.temples-repository .temples-repository-content { width: 51.4%; padding-right: 40px; position: relative;}
.temples-repository .temples-repository-content::after { content: ""; width: 423px; height: 314px; background: url(../images/bg-block.png) no-repeat center; background-size: contain; position: absolute; bottom: -30px; right: 40px; }
.temples-repository .photo-area { width: 48.6%;} 
.temples-repository .temples-repository-content h2 { font-family: var(--font-oswald); font-size: 36px; line-height: 46px; font-weight: 300; color: #000000; margin-bottom: 15px;}
.temples-repository .temples-repository-content h2 span {color: var(--main-color); font-weight: 700;}
.temples-repository .temples-repository-content h5 {font-family: var(--font-inter); font-weight: 700; font-size: 20px; line-height: 20px; color: #000000; margin-bottom: 15px;}
.temples-repository .temples-repository-content p {font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 28px; color: #444444; margin: 0 0 12px 0;}
.temples-repository .temples-repository-content ul { margin: 0 0 20px 0; list-style: none; padding: 0;}
.temples-repository .temples-repository-content ul li { position: relative; padding-left: 23px; font-family: var(--font-roboto); font-size: 16px; line-height: 28px; font-weight: 400; color: #444444;}
.temples-repository .temples-repository-content ul li strong { font-weight: 700;}
.temples-repository .temples-repository-content ul li::after { content: ""; width: 8.5px; height: 8.5px; background: var(--main-color); position: absolute; left: 4px; top: 9px; transform: rotate(47deg); }
.temples-repository .temples-repository-content .btn-area { width: fit-content; border: 1px solid #BBBBBB; padding: 17px 5px; min-width: 170px; display: flex; justify-content: center; align-items: center; gap: 25px; font-family: var(--font-roboto); font-size: 16px; line-height: 16px;  font-weight: 400;  color: #000000; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; }
.temples-repository .temples-repository-content .btn-area::before {content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(216, 142, 125, 0.2); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; z-index: 0;}
.temples-repository .temples-repository-content .btn-area .text {position: relative; z-index: 1; transition: all 0.3s ease;}
.temples-repository .temples-repository-content .btn-area svg {position: relative; z-index: 1; transition: all 0.3s ease;}
.temples-repository .temples-repository-content .btn-area:hover {background: var(--main-color); border-color: var(--main-color); color: #FFFFFF; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4);}
.temples-repository .temples-repository-content .btn-area:hover::before {width: 300px; height: 300px;}
.temples-repository .temples-repository-content .btn-area:hover .text {letter-spacing: 1px; color: #FFFFFF;}
.temples-repository .temples-repository-content .btn-area:hover svg path {fill: #FFFFFF;}
.temples-repository .photo-area  {position: relative;}
.temples-repository .photo-area .photo-icon { width: 140px; height: 140px; background: #fff; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; border-radius: 20px 0 20px 0; }
.temples-repository .photo-area .img-block img { width: 100%; height: 600px; border-radius: 20px;}



/* Spiritual Harmony */
.spiritual-harmony {padding: 0 0 80px 0; position: relative; }
.spiritual-harmony::after { content: ""; width: 423px; height: 314px; background: url(../images/bg-block.png) no-repeat center; background-size: contain; position: absolute; top: -10px; left: 0px; z-index: -1; }
.spiritual-harmony::before { content: ""; width: 423px; height: 314px; background: url(../images/bg-block.png) no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 0px; z-index: -1; }
.spiritual-harmony h2 { font-size: 46px; line-height: 56px; font-family: var(--font-oswald); font-weight: 300; text-align: center; margin: 0 0 34px 0 ; } 
.spiritual-harmony h2 span {font-weight: 700; color: var(--main-color); text-align: center; display: block;}
.spiritual-harmony .spiritual-harmony-block {display: grid; gap: 20px; grid-template-columns: repeat(6, 1fr) }
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col {background: #FFF3F0; border-radius: 20px; z-index: 111; padding: 25px 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease; position: relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); overflow: hidden;}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--main-color) 0%, #E5A89A 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col .photo-area { background: #FFFFFF; box-shadow: 0px 0px 15px 0px #F3DED9; width: 140px; height: 140px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: transform 0.4s ease, box-shadow 0.4s ease; position: relative; padding: 20px;}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col .photo-area img {transition: transform 0.4s ease, filter 0.4s ease; filter: grayscale(0.2); width: 100%;}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col h3 { font-family: var(--font-oswald); text-align: center; font-weight: 400; font-size: 22px; line-height: 26px; color: #662314; margin: 12px 0 0 0; transition: color 0.3s ease, transform 0.3s ease;}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col p{ display: block; transition: color 0.3s ease; font-family: var(--font-oswald); text-align: center; font-weight: 400; font-size: 16px; line-height: 20px; color: #000; margin: 5px 0 0 0;}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col:hover {transform: translateY(-12px); background: #FFFFFF; box-shadow: 0 15px 35px rgba(216, 142, 125, 0.25);}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col:hover::after {transform: scaleX(1);}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col:hover .photo-area {transform: scale(1.04); box-shadow: 0px 10px 30px rgba(216, 142, 125, 0.35);}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col:hover .photo-area img {transform: scale(1.05); filter: grayscale(0);}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col:hover h3 {color: var(--main-color); transform: translateY(-2px);}
.spiritual-harmony .spiritual-harmony-block .spiritual-harmony-col:hover h3 span {color: var(--main-color);}


/* Temple Guru */
.temple-guru {padding: 0 0 80px 0; position: relative;}
.temple-guru::before { content: ""; width: 423px; height: 314px; background: url(../images/bg-block.png) no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 0px; z-index: 0; }
.temple-guru h2 {font-size: 46px; line-height: 56px; font-family: var(--font-oswald); font-weight: 300; text-align: start; margin-bottom: 30px; }
.temple-guru h2 span {font-weight: 700; color: var(--main-color); text-align: start; display: block;}
.temple-guru .temple-guru-block { position: relative; display: block;}
.temple-guru .temple-guru-block .photo-area {position: relative; width: 100%; height: 645px;}
.temple-guru .temple-guru-block .photo-area img { width: 100%; height: 100%;  border-radius: 30px; object-fit: cover;}
.temple-guru .temple-guru-block .photo-area::after {content: ""; width: 100%; height: 466px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; bottom: 0; left: 0; border-radius: 0 0 30px 30px; z-index: 11; }
.temple-guru .temple-guru-block .temple-guru-contant { position: absolute; bottom: 0; z-index: 111; padding: 30px 30px 40px 40px; width: 100%; }
.temple-guru .temple-guru-block .temple-guru-contant .inner-flex { display: flex; gap: 30px; justify-content: space-between; align-items: end;} 
.temple-guru .temple-guru-block .temple-guru-contant .img-block { width: 120px; background: #fff; border-radius: 5px; padding: 5px; margin-bottom: 24px;}
.temple-guru .temple-guru-block .temple-guru-contant .img-block img { width: 100%; height: 100%;border-radius: 5px;}
.temple-guru .temple-guru-block .temple-guru-contant h3 { font-size: 56px; line-height: 56px; font-family: var(--font-oswald); font-weight: 700; margin-bottom: 24px; color: #FFFFFF;}
.temple-guru .temple-guru-block .temple-guru-contant h3 a{color: #fff;}
.temple-guru .temple-guru-block .temple-guru-contant ul { margin: 0; padding: 0; list-style: none;}
.temple-guru .temple-guru-block .temple-guru-contant ul li { font-family: var(--font-roboto); font-size: 18px; line-height: 18px; font-weight: 300; color: #FFFFFF; padding-bottom: 12px;}
.temple-guru .temple-guru-block .temple-guru-contant ul li:last-child {padding: 0;}
.temple-guru .temple-guru-block .temple-guru-contant ul li strong { color: #D88E7D; font-weight: 700;}
.temple-guru .temple-guru-block .temple-guru-contant .btn-area { position: relative; width: 88px; height: 88px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.temple-guru .temple-guru-block .temple-guru-contant .btn-area::after { content: ""; width: 88px; height: 88px; background: url(../images/read-more-btn.png) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; z-index: 0; animation: spin 6s linear infinite; }
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.temple-guru-slider .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -86px; }
.temple-guru-slider .owl-nav .owl-prev ,.temple-guru-slider .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.temple-guru-slider .owl-nav .owl-prev:hover ,.temple-guru-slider .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.temple-guru-slider .owl-nav .owl-prev:hover svg path ,.temple-guru-slider .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; }  
.owl-dots { display: none; }


/* Around The World  */
.around-the-world {padding: 0 0 80px 0;}
.around-the-world h2 {font-size: 46px; line-height: 46px; font-family: var(--font-oswald); font-weight: 300; text-align: start; margin-bottom: 30px; }
.around-the-world h2 span {font-weight: 700; color: var(--main-color); text-align: start; }
.around-the-world .the-world-block { border-radius: 15px; border: 1px solid #D9D9D9; transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; cursor: pointer; background: #FFFFFF; display: block;}
.around-the-world .the-world-block::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(216, 142, 125, 0.1), transparent); transition: left 0.6s ease; z-index: 1;}
.around-the-world .the-world-block::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--main-color) 0%, #E5A89A 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 2;}
.around-the-world .the-world-block .photo-area { width: 100%; height: 250px; overflow: hidden; position: relative;}
.around-the-world .the-world-block .photo-area::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(216, 142, 125, 0) 0%, rgba(216, 142, 125, 0.3) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 1;}
.around-the-world .the-world-block .photo-area img { width: 100%; height: 100%; border-radius: 15px 15px 0 0; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.5s ease; filter: brightness(1) saturate(1);}
.around-the-world .the-world-block .the-world-contant { padding: 24px; position: relative; z-index: 2;}
.around-the-world .the-world-block .the-world-contant h3 { font-family: var(--font-oswald); font-size: 26px; line-height: 26px; font-weight: 400; color: var(--main-color); margin: 0 0 10px 0; transition: all 0.4s ease; position: relative;}
.around-the-world .the-world-block .the-world-contant p { font-family: var(--font-roboto); font-size: 14px; line-height: 20px; font-weight: 400; color: #1E1E1E; margin: 0 0 8px 0; transition: color 0.3s ease, transform 0.3s ease;} 
.around-the-world .the-world-block .the-world-contant .location { display: flex; gap: 10px; align-items: center; font-family: var(--font-dm-sans); font-size: 14px; line-height: 20px; font-weight: 400; color: #1E1E1E; transition: all 0.3s ease;}
.around-the-world .the-world-block .the-world-contant .location svg {transition: transform 0.4s ease;}
.around-the-world .the-world-block:hover { border-color: var(--main-color);}
.around-the-world .the-world-block:hover::before {left: 100%;}
.around-the-world .the-world-block:hover::after {transform: scaleX(1);}
.around-the-world .the-world-block:hover .photo-area::after {opacity: 1;}
.around-the-world .the-world-block:hover .photo-area img {transform: scale(1.15); filter: brightness(1.1) saturate(1.2);}
.around-the-world .the-world-block:hover .the-world-contant .location {color: var(--main-color);}
.around-the-world .the-world-block:hover .the-world-contant .location svg {transform: scale(1.15) translateY(-2px);}
.around-the-world .the-world-block:hover .the-world-contant .location svg path {stroke: var(--main-color);}
.around-the-world .the-world-slider .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -75px; }
.around-the-world .the-world-slider .owl-nav .owl-prev ,.around-the-world .the-world-slider .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.around-the-world .the-world-slider .owl-nav .owl-prev:hover ,.around-the-world .the-world-slider .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.around-the-world .the-world-slider .owl-nav .owl-prev:hover svg path ,.around-the-world .the-world-slider .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; }


/*  Religious Book  */
.religious-book {padding: 0 0 80px 0;}
.religious-book h2 {font-size: 46px; line-height: 46px; font-family: var(--font-oswald); font-weight: 300; text-align: start; margin-bottom: 30px; }
.religious-book h2 span {font-weight: 700; color: var(--main-color); text-align: start; }
.religious-book .religious-book-block { border: 2px solid #FFF3F0; background: #FFF3F0; border-radius: 15px; transition: all 0.3s ease; cursor: pointer; overflow: hidden; display: block;}
.religious-book .religious-book-block .photo-area { padding: 15px; background: #fff; border-radius: 15px; overflow: hidden;}
.religious-book .religious-book-block .photo-area img {transition: transform 0.4s ease; border-radius: 15px;}
.religious-book .religious-book-block .religious-book-contant h3 { font-family: var(--font-roboto); font-weight: 600; font-size: 16px; line-height: 20px; color: #662314; padding: 14px 5px; text-align: center; margin: 0; transition: color 0.3s ease;}
.religious-book .religious-book-block:hover { background: #FFFFFF;  border-color: var(--main-color);}
.religious-book .religious-book-block:hover .photo-area img {transform: scale(1.05);}
.religious-book .religious-book-block:hover .religious-book-contant h3 {color: var(--main-color);}
.religious-book .religious-book-slider .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -75px; }
.religious-book .religious-book-slider .owl-nav .owl-prev ,.religious-book .religious-book-slider .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.religious-book .religious-book-slider .owl-nav .owl-prev:hover ,.religious-book .religious-book-slider .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.religious-book .religious-book-slider .owl-nav .owl-prev:hover svg path ,.religious-book .religious-book-slider .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; }


/* Temples State */
.temples-state {padding: 0 0 80px 0;}
.temples-state h2 {font-size: 46px; line-height: 46px; font-family: var(--font-oswald); font-weight: 300; text-align: start; margin-bottom: 30px; }
.temples-state h2 span {font-weight: 700; color: var(--main-color); text-align: start; }
.temples-state .temples-state-block{display: block;}
.temples-state .temples-state-block .photo-area {background: #9D5B4B; width: 100%; height: 223px; border-radius: 15px; display: flex; justify-content: center; align-items: center;}
.temples-state .temples-state-block .photo-area img { width: 100%; height: 100%; object-fit: none;}
.temples-state .temples-state-block .temples-state-contant { padding: 20px 0 0 0;}
.temples-state .temples-state-block .temples-state-contant h3 { font-family: var(--font-roboto); font-size: 26px; line-height: 26px; font-weight: 700; color: #9D5B4B; margin: 0 0 6px 0; text-align: center; }
.temples-state .temples-state-block .temples-state-contant p { font-family: var(--font-roboto); font-size: 20px; line-height: 26px; font-weight: 300; color: #000; margin: 0 ; text-align: center; }
.temples-state .temples-state-slider .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -75px; }
.temples-state .temples-state-slider .owl-nav .owl-prev ,.temples-state .temples-state-slider .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.temples-state .temples-state-slider .owl-nav .owl-prev:hover ,.temples-state .temples-state-slider .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.temples-state .temples-state-slider .owl-nav .owl-prev:hover svg path ,.temples-state .temples-state-slider .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; }


/* Sign Up Our Mailbox */
.sign-up { background: url(../images/chardham-package.png) no-repeat center center; background-size: cover; position: relative; height: 645px; display: flex; align-items: center; justify-content: center; }
.sign-up::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.sign-up .container {position: relative; z-index: 2; text-align: center;}
.sign-up .sign-up-block {width: 70%; margin: auto;}
.sign-up .sign-up-block span { font-family: var(--font-roboto); font-size: 16px; line-height: 16px; font-weight: 400; color: #FFFFFF; margin: 0 0 16px 0; text-transform: uppercase; letter-spacing: 0px; }
.sign-up .sign-up-block h2 { font-family: var(--font-oswald); font-weight: 700; font-size: 58px; line-height: 58px; color: var(--main-color); position: relative; text-align: center; display: flex; justify-content: center; padding-bottom: 30px; margin: 0 0 25px 0;}
.sign-up .sign-up-block h2::after { content: ''; position: absolute; width: 150px; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.48%, rgba(255, 255, 255, 0) 100%); z-index: 1; bottom: 0; }
.sign-up .sign-up-block p {font-size: 20px; line-height: 26px; font-weight: 300; font-family: var(--font-roboto); text-align: center; color: #FFFFFF; margin: 0 0 25px 0  ;}
.sign-up .sign-up-block .wpcf7-form { width: 100%; margin: auto; max-width: 800px; position: relative;}
.sign-up .sign-up-block .wpcf7-form .form-control{ width: 100%; border: none; font-family: var(--font-roboto); font-size: 20px; line-height: 26px; font-weight: 300; color: #000000; padding: 22px 20px; border-radius: 50px;}
.sign-up .sign-up-block .wpcf7-form .btn-area { font-family: var(--font-roboto); border: 0; color: #fff; background: #9D5B4B;  width: 20%; border-radius: 40px; padding: 12px 0; text-align: center; font-size: 18px; line-height: 26px; font-weight: 500; position: absolute; top: 10px; right: 10px;}
.sign-up .sign-up-block .wpcf7-form .btn-area:hover { background: var(--main-color);}
.sign-up .sign-up-block .wpcf7-form .wpcf7-spinner{position: absolute; top: 23px; right: 180px;}
.sign-up .sign-up-block .wpcf7-form .wpcf7-not-valid-tip{margin: 8px 0;}
.sign-up .sign-up-block .wpcf7-form .wpcf7-response-output{margin: 15px 0px 0px 0px !important; color: #fff; font-size: 15px; padding: 10px !important; border-radius: 30px;}

/* Footer Section */
.footer { background-color: #9D5B4B; padding: 42px 0 0 0; position: relative; overflow: hidden;}
.footer::after { content: ""; width: 326px; height: 314px; background: url(../images/footer-bg-2.png) no-repeat center; position: absolute; background-size: contain; top: 27px; left: auto; right: 0px; z-index: 1; }
.footer::before {content: ""; width: 180px; height: 180px; background: url(../images/footer-bg-1.png) no-repeat center; position: absolute; background-size: contain; bottom: 0px; left: 0; z-index: 1; }
.footer .container { position: relative; z-index: 11; }
.footer .menu-block h2{ font-family: var(--font-oswald); font-size: 30px; line-height: 100%; font-weight: 400; color: #56251A; margin: 0 0 8px 0;}
.footer .menu-block .footermenu {list-style: none; margin: 0; padding: 0;} 
.footer .menu-block .footermenu li a { font-family: var(--font-roboto); font-size: 18px; line-height: 38px; color: #fff; font-weight: 400; display: block; position: relative; padding-left: 16px; }
.footer .menu-block .footermenu li a,.footer .menu-block .footermenu li a:before {transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease }
.footer .menu-block .footermenu li a:before {content: ""; width: 6px; height: 1px; background: #fff; position: absolute; top: 19px; left: 0; }
.footer .menu-block .footermenu li a:hover {padding-left: 24px; }
.footer .menu-block .footermenu li a:hover,.footer .menu-block .footermenu li a:hover:before {transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.footer .menu-block .footermenu li a:hover:before {width: 14px; }
.footer .menu-block .info {font-family: var(--font-roboto); font-weight: 400; font-size: 18px; line-height: 38px; color: #FFFFFF;}
.footer .menu-block .info svg {margin-right:13px ; }
.footer .menu-block .info a{color: #fff;}

.footer .copyright-wapper { padding: 15px 0 ; border-top: 1px solid #693529; display: flex; justify-content: space-between; gap: 10px; margin-top: 39px;}
.footer .copyright-wapper .leftside { font-family: var(--font-roboto); font-weight: 400; font-size: 18px; line-height: 38px; color: #fff;}
.footer .copyright-wapper .rightside{display: flex; align-items: center;}
.footer .copyright-wapper .rightside a { font-family: var(--font-roboto); font-weight: 400; font-size: 18px; line-height: 38px; color: #FFFFFF;}
.footer .copyright-wapper .rightside span{margin: 0 12px; color: #fff;}



/* Details Page */
.top-banner-temple{height: 60vh; position: relative; overflow: hidden; display: flex}
.top-banner-temple img{width: 100%; height: 100%; object-fit: cover; position: absolute;}
.top-banner-temple::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 300px; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
.top-banner-temple .container{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: end; padding-bottom: 25px;}
.top-banner-temple h1{font-family: var(--font-oswald); font-size: 56px; line-height: 56px; color: #fff; font-weight: 700; margin: 0 0 20px 0;}
.top-banner-temple p{font-size: 20px; line-height: 20px; font-family: var(--font-roboto); font-weight: 300; color: #fff; margin: 0 0 15px 0;}
.top-banner-temple p strong{font-weight: 700; color: var(--main-color);}
.top-banner-temple .btn-read {font-size: 16px; line-height: 18px; font-weight: 400; font-family: var(--font-inter); text-align: center; color: #FFFFFF; padding: 16px 31px; background: var(--main-color); border-radius: 5px; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; display: flex; justify-content: center; position: absolute; right: 14px; bottom: 40px;}
.top-banner-temple .btn-read:hover { box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); background: #c97d6a;}

.temple-detail-area {padding: 80px 0;}
.temple-detail-area .container .inline-flex { display: flex; align-items: center;}
.temple-detail-area .container .inline-flex .leftside-photo { width: 36%; position: relative; min-height: 542px;}
.temple-detail-area .container .inline-flex .leftside-photo .bg-icon{position: absolute; bottom: 22px; left: 75px;}
.temple-detail-area .container .inline-flex .leftside-photo .religionicon{background: #FFF3F0; width: 300px; height: 300px; border-radius: 50px; padding: 30px; position: relative; z-index: 2;}
.temple-detail-area .container .inline-flex .leftside-photo .religionicon img{width: 100%}
.temple-detail-area .container .inline-flex .leftside-photo .god-photo{width: 56%; height: 400px; position: absolute; bottom: 0px; right: 0px; overflow: hidden; border-radius: 50px; z-index: 1;}
.temple-detail-area .container .inline-flex .leftside-photo .god-photo img{width: 100%; height: 100%; object-fit: cover;}
.temple-detail-area .container .inline-flex .right-content{ width: 64%; padding-left: 40px;}
.temple-detail-area .container .inline-flex .right-content h2{font-size: 36px; line-height: 46px; font-weight: 700; color: #000000; margin: 0 0 15px 0; position: relative; padding-bottom: 17px;}
.temple-detail-area .container .inline-flex .right-content h2::before{content: ''; width: 150px; height: 2px; position: absolute; bottom: 0px; left: 0px; background: #D47676; background: linear-gradient(90deg, rgba(212, 118, 118, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.temple-detail-area .container .inline-flex .right-content p{font-size: 16px; line-height: 28px; font-weight: 400; color: #444444; margin: 0 0 10px 0;}
.temple-detail-area .container .inline-flex .right-content ul{margin: 0px; padding: 0px; list-style: none;}
.temple-detail-area .container .inline-flex .right-content ul li{position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; font-weight: 400; color: #444444;}
.temple-detail-area .container .inline-flex .right-content ul li::before{content: ''; width: 8px; height: 8px; background: var(--main-color); position: absolute; left: 0px; top: 11px; transform: rotate(45deg);}
.temple-detail-area .container .inline-flex .right-content .btn-read {font-size: 16px; line-height: 18px; font-weight: 400; font-family: var(--font-inter); text-align: center; color: #FFFFFF; padding: 16px 31px; background: var(--main-color); border-radius: 5px; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; margin-top: 20px;}
.temple-detail-area .container .inline-flex .right-content .btn-read:hover { box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); background: #c97d6a;}

.temple-detail-area .time-and-dresscode{margin-top: 80px; display: flex; gap: 30px;}
.temple-detail-area .time-and-dresscode .half-part{width: 50%; background: #FFF3F0; min-height: 345px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border-radius: 20px;}
.temple-detail-area .time-and-dresscode .half-part h3{font-family: var(--font-oswald); font-size: 30px; line-height: 30px; color: #662314; font-weight: 700; margin: 0;}
.temple-detail-area .time-and-dresscode .half-part ul{margin: 0px; padding: 0px; list-style: none;}
.temple-detail-area .time-and-dresscode .half-part ul li{position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; font-weight: 400; color: #444444;}
.temple-detail-area .time-and-dresscode .half-part ul li::before{content: ''; width: 8px; height: 8px; background: var(--main-color); position: absolute; left: 0px; top: 11px; transform: rotate(45deg);}
.temple-detail-area .visiting-hours-area{margin: 50px 0 0 0;}
.temple-detail-area .visiting-hours-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 46px; color: #000; font-weight: 300; margin: 0 0 25px 0;} 
.temple-detail-area .visiting-hours-area h2 strong{font-weight: 700; color: var(--main-color);}
.temple-detail-area .visiting-hours-area ul.time{margin: 0 -10px; padding: 0px; list-style: none; display: flex;}
.temple-detail-area .visiting-hours-area ul.time li{width: 25%; padding: 0px 10px; display: flex;}
.temple-detail-area .visiting-hours-area ul.time li .info{width: 100%; background: #FFF3F0; color: #444444; font-size: 16px; line-height: 28px; font-weight: 400; padding: 20px 10px; border-radius: 20px; text-align: center; transition: all 0.4s ease; cursor: pointer; border: 2px solid transparent;}
.temple-detail-area .visiting-hours-area ul.time li .info:hover{background: var(--main-color); color: #fff; transform: translateY(-5px); box-shadow: 0 10px 25px rgba(216, 142, 125, 0.4); border-color: #D88E7D;}
.temple-detail-area .visiting-hours-area ul.time li .info strong{color: #662314; font-weight: 700; display: block; transition: all 0.3s ease;}
.temple-detail-area .visiting-hours-area ul.time li .info:hover strong{color: #fff; transform: scale(1.05);}

.temple-detail-area .temple-video-area{margin: 50px 0 0 0;}
.temple-detail-area .temple-video-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 46px; color: #000; font-weight: 300; margin: 0 0 25px 0;} 
.temple-detail-area .temple-video-area h2 strong{font-weight: 700; color: var(--main-color);}
.temple-detail-area .temple-video-area .ratio{border-radius: 15px; overflow: hidden;}
.temple-detail-area .temple-video-area .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -70px; }
.temple-detail-area .temple-video-area .owl-nav .owl-prev,
.temple-detail-area .temple-video-area .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.temple-detail-area .temple-video-area .owl-prev:hover,
.temple-detail-area .temple-video-area .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.temple-detail-area .temple-video-area .owl-prev:hover svg path,
.temple-detail-area .temple-video-area .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; } 

.interesting-facts-area{background: #FFF3F0; padding: 60px 0 40px 0;}
.interesting-facts-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 56px; color: #000; font-weight: 300; margin: 0 0 20px 0; text-align: center;}  
.interesting-facts-area h2 strong{font-weight: 700; color: #662314; display: block;}
.interesting-facts-area ul.fact-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center;}
.interesting-facts-area ul.fact-list li{width: 33.33%; padding: 0 10px; margin-bottom: 20px;}
.interesting-facts-area ul.fact-list li .fact-block{background: #fff; border: #E9CDC6 1px solid; border-radius: 10px; padding: 30px; min-height: 220px; position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer;}
.interesting-facts-area ul.fact-list li .fact-block:hover{transform: translateY(-8px); box-shadow: 0 12px 35px rgba(216, 142, 125, 0.25); border-color: var(--main-color);}
.interesting-facts-area ul.fact-list li .fact-block .number{position: absolute; bottom: -15px; right: 10px; font-size: 214px; line-height: 204px; color: #662314; opacity: 0.1; font-weight: 700; text-align: right; transition: all 0.4s ease;}
.interesting-facts-area ul.fact-list li .fact-block:hover .number{opacity: 0.15; transform: scale(1.05);}
.interesting-facts-area ul.fact-list li .fact-block h3{font-size: 24px; line-height: 30px; font-family: var(--font-oswald); font-weight: 700; color: #662314; margin: 0px; transition: color 0.3s ease;}
.interesting-facts-area ul.fact-list li .fact-block:hover h3{color: var(--main-color);}
.interesting-facts-area ul.fact-list li .fact-block p{font-size: 14px; line-height: 20px; color: #1E1E1E; font-weight: 400; font-family: var(--font-roboto); margin: 0px;}

.attraction-area{padding: 80px 0;}
/* .attraction-area .owl-carousel .owl-stage{display: flex;} */
/* .attraction-area .owl-carousel .owl-item{display: flex; height: auto;} */
.attraction-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 46px; color: #000; font-weight: 300; margin: 0 0 25px 0;} 
.attraction-area h2 strong{font-weight: 700; color: var(--main-color);}
.attraction-area .attraction-block{border: #D9D9D9 1px solid; border-radius: 15px; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; height: 100%; display: flex; flex-direction: column;}
.attraction-area .attraction-block:hover{ border-color: var(--main-color);}
.attraction-area .attraction-block .img{width: 100%; height: 258px; overflow: hidden; position: relative;}
.attraction-area .attraction-block .img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.attraction-area .attraction-block:hover .img img{transform: scale(1.1);}
.attraction-area .attraction-block .content{padding: 24px; transition: background 0.3s ease; flex: 1; display: flex; flex-direction: column;}
.attraction-area .attraction-block:hover .content{background: rgba(255, 243, 240, 0.5);}
.attraction-area .attraction-block .content h3{font-family: var(--font-oswald); font-size: 26px; line-height: 26px; font-weight: 700; color: #D88E7D; margin: 0px 0px 10px 0px; transition: color 0.3s ease;} 
.attraction-area .attraction-block:hover .content h3{color: #c97d6a;}
.attraction-area .attraction-block .content p{font-family: var(--font-roboto); font-size: 14px; line-height: 20px; font-weight: 400; color: #1E1E1E; margin: 0px; flex: 1;}
.attraction-area .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -70px; }
.attraction-area .owl-nav .owl-prev,
.attraction-area .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.attraction-area .owl-nav .owl-prev:hover,
.attraction-area .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.attraction-area .owl-nav .owl-prev:hover svg path,
.attraction-area .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; } 

.temple-history-area{background: #FFF3F0; padding: 60px 0;}
.temple-history-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 56px; color: #000; font-weight: 300; margin: 0 0 40px 0;}  
.temple-history-area h2 strong{font-weight: 700; color:#662314; display: block;}
.temple-history-area .history-timeline{position: relative;}
.temple-history-area .history-timeline::before{content: ''; border-left: #662314 1px dashed; width: 1px; position: absolute; top: 0px; left: 40px; height: 100%;}
.temple-history-area .history-timeline .label{background: #662314; color: #fff; font-size: 16px; line-height: 30px; width: 80px; border-radius: 20px; font-weight: 700; font-family: var(--font-roboto); text-align: center; position: relative; z-index: 1;}
.temple-history-area .history-timeline ul{margin: 0px; padding:15px 0px 0px 0px; list-style: none;}
.temple-history-area .history-timeline ul li{margin: 0 0 15px 0; position: relative; padding-left: 120px; transition: all 0.3s ease;}
.temple-history-area .history-timeline ul li:hover .no{transform: scale(1.15); background: var(--main-color); box-shadow: 0 4px 15px rgba(216, 142, 125, 0.4);}
.temple-history-area .history-timeline ul li .history-block{background: #fff; border: #E9CDC6 1px solid; border-radius: 10px; padding:25px 30px; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer;}   
.temple-history-area .history-timeline ul li:hover .history-block{transform: translateX(10px); box-shadow: 0 8px 25px rgba(216, 142, 125, 0.2); border-color: #662314; background: #FFFBF9;}
.temple-history-area .history-timeline ul li .history-block h3{font-size: 26px; line-height: 26px; font-family: var(--font-oswald); font-weight: 700; color: #662314; margin: 0px 0px 10px 0px; transition: color 0.3s ease;}
.temple-history-area .history-timeline ul li:hover .history-block h3{color: var(--main-color);}
.temple-history-area .history-timeline ul li .history-block p{font-size: 16px; line-height: 24px; font-family: var(--font-roboto); font-weight: 300; color: #1E1E1E; margin: 0px;}
.temple-history-area .history-timeline ul li .no{width: 35px; height: 35px; background: #662314; border-radius: 50%; font-size: 18px; line-height: 35px; text-align: center; font-weight: 700; color: #fff; position: absolute; top: 20px; left: 23px; transition: all 0.3s ease;}
.temple-history-area .history-timeline ul li .no::before{content: ''; width: 60px; height: 1px; border-top: #662314 1px dashed; position: absolute; top: 17px; left: 37px;}

.festival-area{padding: 80px 0;}
.festival-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 46px; color: #000; font-weight: 300; margin: 0 0 25px 0;} 
.festival-area h2 strong{font-weight: 700; color: var(--main-color);}
.festival-area .festival-block{border: #D9D9D9 1px solid; border-radius: 15px; overflow: hidden; height: 320px; position: relative; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer;}
.festival-area .festival-block:hover{border-color: var(--main-color); box-shadow: 0 10px 30px rgba(216, 142, 125, 0.3);}
.festival-area .festival-block img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.festival-area .festival-block:hover img{transform: scale(1.1);}
.festival-area .festival-block::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 180px; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; transition: height 0.4s ease;}
.festival-area .festival-block:hover::before{height: 220px;}
.festival-area .festival-block h3{position: absolute; bottom: 0px; left: 0px; color: #fff; z-index: 2; margin: 0px; font-weight: 700; font-family: var(--font-oswald); font-size: 26px; line-height: 26px; padding: 24px; transition: all 0.3s ease;}
.festival-area .festival-block:hover h3{color: var(--main-color); transform: translateY(-5px);}
.festival-area .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -70px; }
.festival-area .owl-nav .owl-prev,
.festival-area .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.festival-area .owl-nav .owl-prev:hover,
.festival-area .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.festival-area .owl-nav .owl-prev:hover svg path,
.festival-area .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; } 

.how-to-reach-area{background: #FFF3F0; padding: 60px 0;}
.how-to-reach-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 56px; color: #000; font-weight: 300; margin: 0 0 20px 0;}  
.how-to-reach-area h2 strong{font-weight: 700; color:#662314; display: block;}
.how-to-reach-area ul{margin: 0px; padding: 0px; list-style: none; display: flex; gap: 20px;}
.how-to-reach-area ul li{width: 33.33%; padding: 30px 30px 30px 130px; background: #fff; border: #E9CDC6 1px solid; border-radius: 10px; position: relative; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; overflow: hidden;}
.how-to-reach-area ul li::before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background: linear-gradient(180deg, rgba(255, 243, 240, 0.5) 0%, rgba(216, 142, 125, 0.1) 100%); transition: height 0.5s ease; z-index: 0;}
.how-to-reach-area ul li:hover::before{height: 100%;}
.how-to-reach-area ul li:hover{transform: translateY(-8px); box-shadow: 0 12px 35px rgba(216, 142, 125, 0.25); border-color: var(--main-color);}
.how-to-reach-area ul li .icon{width: 80px; padding: 13px; background: #FFF3F0; border-radius: 10px; position: absolute; top: 30px; left: 30px; transition: all 0.4s ease; z-index: 1;}
.how-to-reach-area ul li:hover .icon{background: var(--main-color); transform: scale(1.1) translateX(-5px); box-shadow: 0 8px 20px rgba(216, 142, 125, 0.4);}
.how-to-reach-area ul li .icon img{width: 100%; transition: all 0.4s ease;}
.how-to-reach-area ul li:hover .icon img{transform: scale(1.1); filter: brightness(0) invert(1); }
.how-to-reach-area ul li h3{font-family: var(--font-oswald); font-size: 24px; line-height: 30px; font-weight: 700; color: #662314; margin: 0px 0px 10px 0px; transition: all 0.3s ease; position: relative; z-index: 1;}
.how-to-reach-area ul li:hover h3{color: var(--main-color);}
.how-to-reach-area ul li p{font-size: 14px; line-height: 20px; color: #1E1E1E; font-weight: 400; font-family: var(--font-roboto); margin: 0px; position: relative; z-index: 1;}

.nearby-temples-area { padding: 80px 0;}
.nearby-temples-area h2 { font-family: var(--font-oswald); font-size: 46px; line-height: 46px; color: #000; font-weight: 300; margin: 0 0 25px 0;}
.nearby-temples-area h2 strong { font-weight: 700; color: var(--main-color); }
.nearby-temples-area .temple-block { border: #d9d9d9 1px solid; border-radius: 15px; overflow: hidden; height: 280px; position: relative; transition: all 0.5s ease; cursor: pointer; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); }
.nearby-temples-area .temple-block img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.nearby-temples-area .temple-block::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; opacity: 0.9; transition: opacity 0.5s ease; }
.nearby-temples-area .temple-block .contant {position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; z-index: 2; transition: all 0.4s ease; }
.nearby-temples-area .temple-block .contant h3 { font-family: var(--font-oswald); font-size: 26px;  line-height: 26px; font-weight: 400; color: #D88E7D; margin: 0 0 10px 0; transition: color 0.3s ease; }
.nearby-temples-area .temple-block .contant p{ font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; font-family: var(--font-roboto);  transition: all 0.3s ease; }
.nearby-temples-area .temple-block .contant .location { display: flex; align-items: center; font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; font-family: var(--font-roboto);  transition: all 0.3s ease; }
.nearby-temples-area .temple-block .contant .location svg { margin-right: 10px; }
.nearby-temples-area .temple-block:hover { border-color: var(--main-color);}
.nearby-temples-area .temple-block:hover img { transform: scale(1.08); filter: brightness(1.1); }
.nearby-temples-area .temple-block:hover::before { opacity: 0.95; }
.nearby-temples-area .temple-block:hover .contant h3 { color: #fff; }
.nearby-temples-area .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -70px;  }
.nearby-temples-area .owl-nav .owl-prev,
.nearby-temples-area .owl-nav .owl-next { border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer;  transition: all 0.4s ease; background: #fff; }
.nearby-temples-area .owl-nav .owl-prev:hover,
.nearby-temples-area .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.nearby-temples-area .owl-nav .owl-prev:hover svg path,
.nearby-temples-area .owl-nav .owl-next:hover svg path { stroke: #FFFFFF; }


.clients-say-area{background: #FFF3F0; padding: 60px 0;}
.clients-say-area h2{font-family: var(--font-oswald); font-size: 46px; line-height: 56px; color: #000; font-weight: 300; margin: 0 0 20px 0;}  
.clients-say-area h2 strong{font-weight: 700; color:#662314; display: block;}
.clients-say-area .owl-nav { display: flex; gap: 10px; align-items: center; position: absolute; right: 0; top: -70px; }
.clients-say-area .owl-nav .owl-prev,
.clients-say-area .owl-nav .owl-next {border: 1px solid #D88E7D !important; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; }
.clients-say-area .owl-nav .owl-prev:hover,
.clients-say-area .owl-nav .owl-next:hover {background: var(--main-color); border-color: var(--main-color) !important; box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); transform: translateY(-2px); }
.clients-say-area .owl-nav .owl-prev:hover svg path,
.clients-say-area .owl-nav .owl-next:hover svg path {stroke: #FFFFFF; } 
.clients-say-area .review-block{background: #fff; border: #E9CDC6 1px solid; padding: 25px; position: relative; transition: all 0.4s ease; cursor: pointer;}
.clients-say-area .review-block:hover{ border-color: var(--main-color);}
.clients-say-area .review-block::before{content: ''; position: absolute; top: 30px; right: 25px; background: url(../images/quote-icon.png) center center no-repeat; width: 64px; height: 50px; transition: all 0.3s ease; opacity: 0.7;}
.clients-say-area .review-block:hover::before{opacity: 1; transform: scale(1.1);}

.clients-say-area .review-block p{font-size: 14px; line-height: 21px; font-weight: 300; font-family: var(--font-roboto); margin: 0px; color: #1E1E1E; transition: all 0.3s ease;}
.clients-say-area .review-block:hover p{color: #000;}
.clients-say-area .review-block .profile{position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 60px; padding: 0px 0 0px 70px; margin: 0 0 15px 0;}
.clients-say-area .review-block .profile .img{width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 0px; left: 0px; overflow: hidden; transition: all 0.3s ease;}
.clients-say-area .review-block:hover .profile .img img{transform: scale(1.1); box-shadow: 0 5px 15px rgba(216, 142, 125, 0.3);}
.clients-say-area .review-block .profile .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.clients-say-area .review-block .profile h3{font-size: 18px; line-height: 24px; color: #662314; font-family: var(--font-oswald); font-weight: 600; margin: 0 0 5px 0; transition: all 0.3s ease;}
.clients-say-area .review-block:hover .profile h3{color: var(--main-color);}
.clients-say-area .review-block .profile .star{display: flex; gap: 5px; opacity: 0.5; transition: all 0.3s ease;}
.clients-say-area .review-block:hover .profile .star{opacity: 1; transform: scale(1.01);}

/* Faq Page */

.faq-page{padding: 60px 0; position: relative;}
.faq-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.faq-page .container{position: relative; z-index: 1;}
.faq-page h2{font-family: var(--font-oswald); font-size: 46px; line-height: 56px; color: #000; font-weight: 300; margin: 0 0 20px 0; text-align: center;}  
.faq-page h2 strong{font-weight: 700; color:#662314;}
.faq-page p {font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 28px; color: #444444; text-align: center;}
.faq-page .accordion{width: 80%; margin:0px auto; }
.faq-page .accordion .accordion-item{background-color: #fff; border: #E8D6D1 1px solid; border-radius: 15px !important; margin: 0 0 10px 0; box-shadow: 0px 4px 10px 0px rgba(213,220,249,0.26); -webkit-box-shadow: 0px 4px 10px 0px rgba(213,220,249,0.26); -moz-box-shadow: 0px 4px 10px 0px rgba(213,220,249,0.26);}
.faq-page .accordion .accordion-button{border-radius: 0px !important; font-family: var(--font-oswald); font-size: 20px; font-weight: 400; color: #000; padding: 20px 20px 20px 100px; line-height: 30px; background: transparent; position: relative;}
.faq-page .accordion .accordion-button span{position: absolute; top: -1px; left: 20px; line-height: 70px; font-size: 44px; color: #662314; font-weight: 700; opacity: 0.5;}
.faq-page .accordion .accordion-button:focus{box-shadow: none}
.faq-page .accordion .accordion-button:not(.collapsed){box-shadow: none}
.faq-page .accordion .accordion-body{padding: 0 40px 25px 100px; font-size: 18px; line-height: 26px; font-family: var(--font-roboto); font-weight: 300; color: #000; opacity: 0.7;}
.faq-page .accordion .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23662314'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}



/* Gallery Styles */
.gallery-section{padding: 60px 0; position: relative;}
.gallery-section::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.gallery-section .container{position: relative; z-index: 1;}
.gallery-section .gallery-header {text-align: center;}
.gallery-section .gallery-header h2{font-family: var(--font-oswald); font-size: 46px; line-height: 56px; color: #000; font-weight: 300; margin: 0 0 20px 0;}  
.gallery-section .gallery-header h2 strong{font-weight: 700; color:#662314;}
.gallery-section .gallery-header p {font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 28px; color: #444444;}
.gallery-section .filter-buttons {display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap;}
.gallery-section .filter-btn{padding: 8px 18px 8px 14px; border: 1px solid #E1E1E1; background: #fff; color: #313131; font-size: 15px; font-weight: 500; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center;}
.gallery-section .filter-btn .icon{width: 32px; height: 32px; margin-right: 6px;}
.gallery-section .filter-btn .icon img{width: 100%; height: 100%; object-fit: cover;}
.gallery-section .filter-btn:hover {background: #fff3f0; color: #662314; border: #662314 1px solid; transform: translateY(-2px);}
.gallery-section .filter-btn.active {background: #fff3f0; color: #662314; border: #662314 1px solid;}
.gallery-section .filter-btn:first-child .icon{padding: 5px;}
.gallery-section .filter-btn:first-child .icon img{vertical-align: top;}
.gallery-section .gallery-grid{column-count: 4; column-gap: 20px;}
.gallery-section .gallery-item{display: inline-block; width: 100%; margin-bottom: 20px; break-inside: avoid; transition: all 0.3s ease;}
.gallery-section .gallery-card{display: block; text-decoration: none; border-radius: 15px; overflow: hidden; transition: all 0.3s ease;}
.gallery-section .gallery-card:hover{transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15);}
.gallery-section .gallery-image{position: relative; overflow: hidden;}
.gallery-section .gallery-image img{width: 100%; height: auto; display: block; transition: transform 0.3s ease;}
.gallery-section .gallery-image::after {content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 60px; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
.gallery-section .gallery-image h3{font-size: 18px; line-height: 24px; color: #fff; margin: 0; font-weight: 600; position: absolute; bottom: 0px; left: 0px; z-index: 2; padding: 15px;}
.gallery-section .gallery-card:hover .gallery-image img{transform: scale(1.1);}
.gallery-section .religion-badge{position: absolute; top: 15px; right: 15px; padding: 6px 15px; border-radius: 20px; font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; z-index: 2;}
.gallery-section .religion-badge.hinduism{background: linear-gradient(135deg, #FF6B35, #F7931E);}
.gallery-section .religion-badge.islam{background: linear-gradient(135deg, #00A86B, #008B5B);}
.gallery-section .religion-badge.christianity{background: linear-gradient(135deg, #4169E1, #1E90FF);}
.gallery-section .religion-badge.buddhism{background: linear-gradient(135deg, #FFD700, #FFA500);}
.gallery-section .religion-badge.jainism{background: linear-gradient(135deg, #9370DB, #8A2BE2);}
.gallery-section .religion-badge.sikhism{background: linear-gradient(135deg, #FF8C00, #FF6347);}




/* listing page */
.listing-page{padding: 60px 0;}
.listing-page.temple-bg-area{position: relative; min-height: 600px;} 
.listing-page.temple-bg-area::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.listing-page.temple-bg-area .container{position: relative; z-index: 1;}
.listing-page.temple-bg-area h1{font-family: var(--font-oswald); font-size: 40px; line-height: 50px; color: #000; font-weight: 300; margin: 0 0 20px 0; }  
.listing-page .inline-flex{display: flex;}
.listing-page .inline-flex .leftside{width: 25%;}
.listing-page .inline-flex .rightside{width: 75%; padding-left: 30px;}
.listing-page ul{list-style: none; margin: 0 -8px; padding: 0; display: flex; flex-wrap: wrap;}
.listing-page ul li{margin: 0 0 16px 0; width:25%; padding: 0 8px;}
.listing-page .temple-block{ border-radius: 15px; border: 1px solid #fff3f0; transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; cursor: pointer; background: #fff3f0; display: block;}
.listing-page .temple-block::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(216, 142, 125, 0.1), transparent); transition: left 0.6s ease; z-index: 1;}
.listing-page .temple-block::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--main-color) 0%, #E5A89A 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 2;}
.listing-page .temple-block .photo-area { width: 100%; height: 250px; overflow: hidden; position: relative; border-radius: 0 0 90px 0px;}
.listing-page .temple-block .photo-area::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(216, 142, 125, 0) 0%, rgba(216, 142, 125, 0.3) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 1;}
.listing-page .temple-block .photo-area img { width: 100%; height: 100%; border-radius: 15px 15px 0 0; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.5s ease; filter: brightness(1) saturate(1);}
.listing-page .temple-block .the-world-contant { padding: 24px; position: relative; z-index: 2;}
.listing-page .temple-block .the-world-contant h3 { font-family: var(--font-oswald); font-size: 26px; line-height: 26px; font-weight: 400; color: var(--main-color); margin: 0 0 10px 0; transition: all 0.4s ease; position: relative; }
.listing-page .temple-block .the-world-contant p { font-family: var(--font-roboto); font-size: 14px; line-height: 20px; font-weight: 400; color: #1E1E1E; margin: 0; transition: color 0.3s ease, transform 0.3s ease; } 
.listing-page .temple-block .the-world-contant .icon {width: 75px; height: 75px;border-radius: 50%; background: #FFFFFF; display: flex; justify-content: center; align-items: center; padding: 10px; position: absolute; top: -75px; right: 10px; border: #d9d9d9 1px solid;}
.listing-page .temple-block .the-world-contant .icon img { width: 100%; height: 100%; object-fit: cover; }
.listing-page .temple-block:hover { border-color: var(--main-color);}
.listing-page .temple-block:hover::before {left: 100%;}
.listing-page .temple-block:hover::after {transform: scaleX(1);}
.listing-page .temple-block:hover .photo-area::after {opacity: 1;}
.listing-page .temple-block:hover .photo-area img {transform: scale(1.15); filter: brightness(1.1) saturate(1.2);}
.listing-page .temple-block:hover .the-world-contant .location {color: var(--main-color);}
.listing-page .temple-block:hover .the-world-contant .location svg {transform: scale(1.15) translateY(-2px);}
.listing-page .temple-block:hover .the-world-contant .location svg path {stroke: var(--main-color);}

.inside-area{width: 100%; position: relative; overflow: hidden;}
.inside-area img{width: 100%; height: 100%; object-fit: cover;}
.inside-area .form-area{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(10px); display: flex; padding: 15px 15px 15px 0;}
.inside-area .form-area .form-control{width: 100%; padding: 10px 15px; background: transparent; border: none; border-radius: 0px; color: #fff; border-right: #ffffff4d 1px solid; font-family: var(--font-roboto); font-size: 14px; line-height: 20px; font-weight: 400;}
.inside-area .form-area .form-control::placeholder{color: #fff;}
.inside-area .form-area .form-control:focus{box-shadow: none;}
.inside-area .form-area .form-select{width: 100%; padding: 10px 15px; background-color: transparent; border: none; border-radius: 0px; color: #fff; border-right: #ffffff4d 1px solid; font-family: var(--font-roboto); font-size: 14px; line-height: 20px; font-weight: 400; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}
.inside-area .form-area .form-select option{background: #fff; color: #000; font-family: arial;}
.inside-area .form-area .form-select:focus{box-shadow: none;}
.inside-area .form-area .btn-search {background: #fff; border: none; font-size: 14px; font-family: var(--font-roboto); font-weight: 400; padding: 0 16px; letter-spacing: 1px; border-radius: 6px;}



/* Common Page */
.common-page{padding: 60px 0; position: relative;}
.common-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.common-page .container{position: relative; z-index: 1;}
.common-page h1{font-family: var(--font-oswald); font-size: 40px; line-height: 50px; color: #000; font-weight: 300; margin: 0 0 20px 0; }  
.common-page h1 strong{font-weight: 700; color:#662314;}
.common-page h2{font-family: var(--font-oswald); font-size: 24px; line-height: 30px; color: #000; font-weight: 300; margin: 0 0 10px 0; }  
.common-page p {font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 24px; color: #444444;}
.common-page ul li{font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 24px; color: #444444;}



/* Festival Page */
.festival-page{padding: 60px 0; position: relative;}
.festival-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.festival-page .container{position: relative; z-index: 1;}
.festival-page h1{font-family: var(--font-oswald); font-size: 40px; line-height: 50px; color: #000; font-weight: 300; margin: 0 0 20px 0; }  
.festival-page h1 strong{font-weight: 700; color:#662314;}
.festival-page p { font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 28px; color: #444444; }
.festival-page ul{margin: 0px -10px;; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.festival-page ul li{width: 33.33%; padding: 0 10px; margin-bottom: 20px;}
.festival-page ul li .festival-item{ border-radius: 15px; border: 1px solid #D9D9D9; transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; cursor: pointer; background: #FFFFFF;  display: flex; flex-direction: column;  height: 100%; width: 100%; }
.festival-page ul li .festival-item::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(216, 142, 125, 0.1), transparent); transition: left 0.6s ease; z-index: 1;}
.festival-page ul li .festival-item::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--main-color) 0%, #E5A89A 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 2;}
.festival-page ul li .festival-item .img { width: 100%; height: 300px; overflow: hidden; position: relative;  flex-shrink: 0; }
.festival-page ul li .festival-item .img::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(216, 142, 125, 0) 0%, rgba(216, 142, 125, 0.3) 100%); opacity: 0; transition: opacity 0.5s ease; z-index: 1;}
.festival-page ul li .festival-item .img img { width: 100%; height: 100%; border-radius: 15px 15px 0 0; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.5s ease; filter: brightness(1) saturate(1);}
.festival-page ul li .festival-item .content { padding: 24px; position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column;}
.festival-page ul li .festival-item .content h3 { font-family: var(--font-oswald); font-size: 26px; line-height: 26px; font-weight: 400; color: var(--main-color); margin: 0 0 10px 0; transition: all 0.4s ease; position: relative;}
.festival-page ul li .festival-item .content p { font-family: var(--font-roboto); font-size: 14px; line-height: 20px; font-weight: 400; color: #1E1E1E; margin: 0; transition: color 0.3s ease, transform 0.3s ease; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.festival-page ul li .festival-item:hover { border-color: var(--main-color);}
.festival-page ul li .festival-item:hover::before {left: 100%;}
.festival-page ul li .festival-item:hover::after {transform: scaleX(1);}
.festival-page ul li .festival-item:hover .img::after {opacity: 1;}
.festival-page ul li .festival-item:hover .img img {transform: scale(1.15); filter: brightness(1.1) saturate(1.2);}

/* Festival Detail Page */
.festival-detail-area {padding: 80px 0 0 0;}
.festival-detail-area h2{font-size: 36px; line-height: 46px; font-weight: 700; color: #000000; margin: 0 0 15px 0; position: relative; padding-bottom: 17px;}
.festival-detail-area h2::before{content: ''; width: 150px; height: 2px; position: absolute; bottom: 0px; left: 0px; background: #D47676; background: linear-gradient(90deg, rgba(212, 118, 118, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.festival-detail-area p{font-size: 16px; line-height: 28px; font-weight: 400; color: #444444; margin: 0 0 10px 0;}
.festival-detail-area ul{margin: 0px 0px 10px 0px; padding: 0px; list-style: none;}
.festival-detail-area ul li{position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; font-weight: 400; color: #444444;}
.festival-detail-area ul li::before{content: ''; width: 8px; height: 8px; background: var(--main-color); position: absolute; left: 0px; top: 11px; transform: rotate(45deg);}


.god-detail-page{padding: 60px 0; position: relative;}
.god-detail-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.god-detail-page .container{position: relative; z-index: 1;}
.god-detail-page h1{font-family: var(--font-oswald); font-size: 40px; line-height: 50px; color: #662314; font-weight: 700; margin: 0 0 20px 0; }  
.god-detail-page p{font-size: 16px; line-height: 28px; font-weight: 400; color: #444444; margin: 0 0 10px 0;}
.god-detail-page ul{margin: 0px 0px 10px 0px; padding: 0px; list-style: none;}
.god-detail-page ul li{position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; font-weight: 400; color: #444444;}
.god-detail-page ul li::before{content: ''; width: 8px; height: 8px; background: var(--main-color); position: absolute; left: 0px; top: 11px; transform: rotate(45deg);}
.god-detail-page .inside-flex{display: flex; gap: 30px; align-items: center;}
.god-detail-page .inside-flex .photo{width: 30%; border-radius: 20px; overflow: hidden;}
.god-detail-page .inside-flex .photo img{width: 100%;  object-fit: cover;}
.god-detail-page .inside-flex .content{width: 70%;}
.god-detail-page .other-content-area{margin-top: 80px; display: flex; gap: 30px;}
.god-detail-page .other-content-area .half-part{width: 50%; background: #FFF3F0; min-height: 380px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border-radius: 20px;}
.god-detail-page .other-content-area .half-part h3{font-family: var(--font-oswald); font-size: 30px; line-height: 30px; color: #662314; font-weight: 700; margin: 0;}
.god-detail-page .other-content-area .half-part ul{margin: 0px; padding: 0px; list-style: none;}
.god-detail-page .other-content-area .half-part ul li{position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; font-weight: 400; color: #444444;}
.god-detail-page .other-content-area .half-part ul li::before{content: ''; width: 8px; height: 8px; background: var(--main-color); position: absolute; left: 0px; top: 11px; transform: rotate(45deg);}
.god-detail-page .other-content-area .half-part p{position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; font-weight: 400; color: #444444; margin: 0 0 10px 0;}
.god-detail-page .other-content-area .half-part p:last-child{margin: 0;}


/* Festival Page */
.deities-page{padding: 60px 0; position: relative;}
.deities-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.deities-page .container{position: relative; z-index: 1;}
.deities-page h1{font-family: var(--font-oswald); font-size: 40px; line-height: 50px; color: #000; font-weight: 300; margin: 0 0 20px 0; }  
.deities-page h1 strong{font-weight: 700; color:#662314;}
.deities-page p { font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 28px; color: #444444; }
.deities-page ul{margin: 0px -10px;; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.deities-page ul li{width:20%; padding: 0 10px; margin-bottom: 20px;}
.deities-page ul li .deity-block { border: 2px solid #FFF3F0; background: #FFF3F0; border-radius: 15px; transition: all 0.3s ease; cursor: pointer; overflow: hidden; display: block;}
.deities-page ul li .deity-block .photo-area { padding: 15px; background: #fff; border-radius: 15px; overflow: hidden;}
.deities-page ul li .deity-block .photo-area img {transition: transform 0.4s ease; width: 100%; border-radius: 15px;}
.deities-page ul li .deity-block .deity-contant h3 { font-family: var(--font-roboto); font-weight: 600; font-size: 16px; line-height: 20px; color: #662314; padding: 14px 5px; text-align: center; margin: 0; transition: color 0.3s ease;}
.deities-page ul li .deity-block:hover { background: #FFFFFF;  border-color: var(--main-color);}
.deities-page ul li .deity-block:hover .photo-area img {transform: scale(1.05);}
.deities-page ul li .deity-block:hover .deity-contant h3 {color: var(--main-color);}

.contact-page{padding: 0 0 60px 0; position: relative;}
.contact-page img{width: 100%; position: relative; z-index: 2; margin-bottom: 60px;}
.contact-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; background: #FFF3F0; background: linear-gradient(0deg,rgba(255, 243, 240, 0) 0%, rgba(255, 243, 240, 1) 100%);}
.contact-page .container{position: relative; z-index: 1;}
.contact-page h1{font-family: var(--font-oswald); font-size: 40px; line-height: 40px; color: #000; font-weight: 300; margin: 0 0 10px 0; text-align: center;}  
.contact-page h1 strong{font-weight: 700; color:#662314;}
.contact-page p { font-family: var(--font-roboto); font-weight: 400; font-size: 16px; line-height: 28px; color: #444444; text-align: center;}
.contact-page .md-5{margin: 0 -5px;}
.contact-page .pd-5{padding: 0 5px;}
.contact-page .contact-form{width: 50%; margin: 0 auto;}
.contact-page .form-group{margin-bottom: 10px;}
.contact-page .form-group .form-control{border: #E9CDC6 1px solid; font-size: 16px; padding: 10px 16px; min-height: auto; color: #000;}
.contact-page .form-group .form-control:focus{box-shadow: none; border: #662314 1px solid;}
.contact-page .btn-primary{transition: all .5s ease; font-size: 16px; line-height: 18px; font-weight: 400; font-family: var(--font-inter); text-align: center; color: #FFFFFF; padding: 16px 5px; min-width: 169px; background: var(--main-color); border: var(--main-color) 1px solid; border-radius: 5px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);  cursor: pointer;}
.contact-page .btn-primary::before {content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease;}
.contact-page .btn-primary:hover { box-shadow: 0 8px 25px rgba(216, 142, 125, 0.4); background: #c97d6a; letter-spacing: 1px;}
.contact-page .btn-primary:hover::before {width: 300px; height: 300px;}
.contact-page .wpcf7-form .wpcf7-not-valid-tip{margin: 8px 0;}
.contact-page .wpcf7-form .wpcf7-response-output{margin: 15px 0px 0px 0px !important; color: #000; text-align: center; font-size: 15px; padding: 10px !important; border-radius: 30px;}