@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Protest+Revolution&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Protest+Revolution&family=Protest+Riot&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&family=Protest+Revolution&family=Protest+Riot&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Saira:wght@200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Anek Odia", sans-serif;}
h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Lato", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Lato", sans-serif;background-color:#fff;font-weight: 400;}
body,html{padding: 0;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: 'Merienda';font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: relative;z-index: 9;}
.fixedhead{position: fixed;top: 0px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #fff;z-index: 999;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/* ========== Inner banner======= */
.page-title {position: relative;background-repeat: no-repeat;background-position: 50%;background-size: cover;text-align: center;}

.page-title::before{position: absolute;content: " ";width: 100%;height: 100%;left: 0;background-color: #00000085;}

.page-breadcrumb {font-size: 15px;line-height: normal;margin: 5px -5px 10px;}

.page-breadcrumb li {position: relative;display: inline-block;font-size: 15px;line-height: 20px;color: #ffffff;padding: 0 8px;text-transform: capitalize;}

.page-breadcrumb li a {color: #ffffff;text-transform: capitalize;transition: all .3s ease;}

.title-outer h1{ color: #ffffff;font-weight: 700;font-size: 40px;
  /* font-family: "Protest Revolution", sans-serif; */
  /* font-family: "Protest Riot", sans-serif; */
  font-family: "Merienda", cursive;
}

.page-breadcrumb li:after {position: absolute;top: 2px;right: -5px;content: "/";font-size: 15px;line-height: 20px;color: #936144  ;}

.page-breadcrumb li:nth-last-child(1):after{display: none;}

.ani-1 .ani-pl{position: absolute;right: 25px;bottom: 9px;}

.ani-1 .ani-pl2 {position: absolute;left: 15%;top: 20%;-webkit-animation: bounce 5s linear infinite;animation: bounce 5s linear infinite;}

.ani-1 .ani-pl3 {position: absolute;left: -30px;top: 40px;-webkit-animation: bounceX 5s linear infinite;animation: bounceX 5s linear infinite;}

.our-company{padding: 50px 0;background-image: url(../images/testimonial-bg-2.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.our-company__meida img {height: 350px;width: 100%;object-fit: cover;}

.our-company__meida {overflow: hidden;position: relative;}

.years-experience {background: #2558d3;padding: 20px 15px 30px;border-radius: 0px 0px 20px 20px;margin-top: 20px;}

.years-experience .number {font-size: 64px;font-weight: 700;line-height: 60px;}

.years-experience .number sup {font-size: 40px;font-weight: 400;line-height: 60px;}

.our-company__meida.border-radius {margin-top: 60px;padding-bottom: 6px;border-radius: 20px 20px 0px 0px;}

.our-company__meida .horizental-bar {left: 10px;width: 232px;height: 15px;bottom: 0px;max-width: 100%;position: absolute;background: #00990e;-webkit-animation: move-right 3s linear infinite;animation: move-right 3s linear infinite;}

.sub-title {position: relative;text-transform: uppercase;color: #00990e;font-weight: 700;font-size: 16px;line-height: 26px;padding-left: 55px;display: inline-block;margin-bottom: 14px;}

.sub-title::before{position: absolute;content: "";top: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.sub-title::after{position: absolute;content: "";bottom: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.btn-one {background: #00990e;color: #ffffff;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 17px 43px;text-align: center;font-weight: 700;z-index: 3;position: relative;transition: 0.4s;text-transform: uppercase;overflow: hidden;border-radius: 6px;}

.btn-one:hover{background-color: #2558d3;color: #fff;}

.btn-one i {position: relative;top: 0px;margin-left: 15px;font-size: 13px;}

button.btn-two { border: none;  background: #00990e;text-align: center; display: block;width: 100%; padding: 15px 20px;  border-radius: 5px; color: #fff; font-size: 19px;  font-weight: 500;}

/* Photo gallery */
/* title */
.top-logo-txt {
    display: flex;
    align-items: center;
    text-align: center;
}

.top-logo-txt h3 {
    font-family:  "Merienda", cursive !important;
    font-size: 48px !important;
    color: #7a2222 !important;
    font-weight: 700 !important;
    font-style: italic !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    text-align: center !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
}




.top-logo{display: flex; align-items: center; position: absolute;left: 0;}

.top-logo p{margin: 0;font-weight: 700;font-size: 22px;}

.top-logo span{font-size: 16px;color: #6b6b6b;}

.mid-menu {padding: 0px 0;}

.cart { color: #fff;position: relative;}

.cart i{ color: #fff;}

.curr span {display: block; color: #fff;}

.cart span { font-size: 12px; position: absolute; top: -11px; z-index: 22; background: #FF9900;width: 16px; height: 16px; border-radius: 50%;line-height: 16px; text-align: center; right: -10px;}

.log-box li a { color: #fff;}

.log-box li a:hover{color: #ecb102;}

.log-box {display: flex; gap: 10px;color: #fff; align-items: center;}

.call-icon {display: flex;align-items: center;gap: 10px;}

.cl-text span {display: block;}

.cl-text a {color: #363b4d;font-weight: 600;}

.cl-text {text-align: center;}

.call-icon i {font-size: 25px;font-weight: 500;}

.cl-text a:hover {color: #3368e8;}

.right-box { display: flex;align-items: center;gap: 20px;;}

.log-box li {display: inline-block;}

.log-box {display: flex;}

.log-box li{padding: 8px 12px;border-left: 1px solid #d0d0d0;margin-left: 80px;}

.curr {display: flex;align-items: center;gap: 10px;}

.curr li img{width: 22px;}

.curr .dropdown-menu{--bs-dropdown-min-width: 0rem;width: 50px;}

.curr .dropdown-menu a{padding:5px 10px; text-align: center;}

.address-block-one .icon {width: 80px;height: 80px;background: #00990e;}

.address-block-one .title {font-size: 24px;padding: 20px 0 5px;}

.address-block-one p {line-height: 1.6em;color: #878787;}

.address-block-one {border: 1px solid #e1e1e1;border-radius: 25px;height: 100%;padding: 25px 15px;}

.contact-us-section .bg-wrapper {border-radius: 40px;padding: 55px 55px 60px;margin-top: 60px;}

.address-block-one a {color: #00990e;text-decoration: underline;font-weight: 500;}

.light-bg {background-color: #edf1ee;}

.title-one h2 {font-weight: 700;font-size: 43px;}

.form-style-one .input-group-meta input {height: 60px;padding: 0 20px;}

.mb-40 {margin-bottom: 40px;}

.mb-30 { margin-bottom: 30px;}

.mb-35 {margin-bottom: 35px;}

.map-banner {height: 600px;}

.mt-120 { margin-top: 120px;}

.contact-us-section {padding: 80px 0;}

.block-feature-one {z-index: 1;position: relative;background-color: #f7f7f7;padding: 60px 0;}

.fq-sec{padding: 50px 0;}

.card-style-two {position: relative;padding: 50px 40px 48px;background: #fff;border: 1px solid #ebf3ee;border-radius: 20px;}

.card-style-two .icon {height: 50px;}

.card-style-two h4 {margin-top: 25px;color: #00990e;}

.accordion-flush .accordion-item {border-radius: 30px;border: 1px solid #e3e3e3 !important;margin-bottom: 20px;}

.accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 30px;}

.accordion-button:focus {z-index: 3;border-color: unset !important;outline: 0 !important;box-shadow: unset !important;}

.accordion-flush .accordion-item .accordion-button:not(.collapsed) {color: #ffffff;background-color: #936144;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.accordion-button:not(.collapsed)::after {filter: invert(1) brightness(2.5);}

.registration {padding: 50px 0;position: relative;}

.ani-2 .shape1{right: 2%; bottom: 14%; width: 14.52%; animation: jumpThree 6s infinite linear;position: absolute;}

.commonpage.virtualwarehouse {  max-width: 1050px;}

.ware-li li:before { position: absolute; content: ''; width: 10px; height: 10px; background: #00990e;left: 0;  top: 3px; border-radius: 5px;}

.ware-li li {padding-left: 18px; position: relative; padding-bottom: 7px; font-weight: 500;}

.curr .dropdown button { background: #fff; padding: 1px 4px; border-radius: 5px;}

.curr .dropdown img { width: 21px;}

.footer-first-col p { color: #fff;}

.dropdown-toggle::after { display: inline-block;margin-left: 0; vertical-align: 0.2rem; content: ""; border-top: 0.3em solid #000; border-right: 0.3em solid transparent;border-bottom: 0; border-left: 0.3em solid transparent;}

.color-white {color: #FFF;}

/* ---------------- */
/* .top-menu {background: #936144  ;padding: 0px 0;}

.top-menu-flex { display: flex;justify-content: space-between; align-items: center;}

.top-icon ul {display: flex;}

.top-icon li {display: flex;color: #fff; font-size: 14px; font-weight: 500; align-items: center;position: relative;padding: 8px 0px;}

.top-icon li:first-child{margin-right: 10px;padding-right: 10px; border-right: 1px solid #d0d0d0;}

img { max-width: 100%;height: auto;outline: none;}

.top-icon li a { color: #fff; padding: 0px 10px 0px 10px; text-decoration: none;}

.top-icon li a:hover{color: #00b911;}

.top-menu-navbar a {background-color: #00990E;color: white;padding: 8px 20px;border-radius: 5px;display: block;transition: all .3s ease;border: 1px solid #00990e;}

.top-menu-navbar a:hover{background-color: #00990e00;color: #00b911; border: 1px solid #00b911;}

.top-menu-navbar a:hover img{filter: brightness(50%) sepia(155) saturate(48) hue-rotate(131deg);}

.top-menu-navbar a img {margin-right: 8px;transition: all .3s ease;}


.top-icon-social { float: right;}

.top-icon-social li { display: inline-block; padding: 0px 0px 0px 15px;color: #fff;font-size: 15px;}

.top-icon-social li a { color: #fff; font-size: 25px;}

ul,
ol {list-style: none; margin: 0; padding: 0;}

.search-btn { border: 1px solid #ba3e11;color: #ba3e11; background: #ba3e11; width: 40px; height: 40px; font-size: 18px;transition: 0.5s ease;}

.wrapper .owl-stage-outer{    height: calc(100% + 30px); margin: -15px;padding: 15px !important;width: calc(100% + 30px);}

.search-btn i { color: white; font-weight: 100;}

.btn-style-one {border: 1px solid #ba3e11;background: #ba3e11; color: #fff; border-radius: 30px;  width: 150px; height: 40px; display: inline-block;transition: 0.5s ease;font-size: 15px;}

.cart-button {padding: 0;}

.mobile-menu { display: none;}

.active-products h5 {margin: 0; color: #fff;}

.link-dropdown {background-color: unset !important;order: none !important;color: black !important;}

ul { margin-bottom: 0 !important;}

.bottom-menu{background: linear-gradient(180deg, #bc7e57, #946136);} */


/* Layout for the top area */
/* RESET base list styles */
.curr .top-icon { width: 100%; }
.curr .top-icon ul { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    gap: 12px; 
    padding: 6px 12px; 
    margin: 0;
    list-style: none;
}

.curr .top-icon ul > li { 
    list-style: none; 
    margin: 0;
    padding: 0;
    border: none; /* Remove any borders */
}

/* LEFT: social icons block */
.curr .top-icon .socials { 
    display: flex; 
    gap: 10px; 
    align-items: center; 
    padding: 0; 
    margin: 0; 
    border: none; /* Ensure no borders */
}

.curr .social-link { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width: 36px; 
    height: 36px; 
    border-radius: 6px; 
    text-decoration: none; 
    border: none; /* Remove borders */
}

.curr .social-link .icon { pointer-events: none; }
.curr .social-link svg.icon { 
    width: 18px; 
    height: 18px; 
    fill: #fff; 
    display: block; 
}

/* brand colors */
/* .curr .social-link.fb { background: #3b5998; }
.curr .social-link.insta { background: linear-gradient(45deg,#fd1d1d 0%,#c13584 50%,#833ab4 100%); }
.curr .social-link.tw { background: #1da1f2; } */

/* SEARCH */
.curr .topsearch { 
    flex: 1; 
    display: flex; 
    align-items: center; 
    max-width: 520px; 
    margin: 0 auto; /* Changed from fixed margin */
    padding: 0;
    border: none;
}

.curr .topsearch .input { 
    width: 60%; 
    padding: 10px 12px; 
    border: 1px solid #ddd; 
    font-size: 14px; 
    outline: none;
}

.curr .topsearch .icon { 
    margin-left: -40px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 36px; 
    height: 36px; 
}

.curr .topsearch .icon svg {
    stroke: #666;
}

/* SKIP icon - if needed */
.curr .skip-ico { 
    width: 28px; 
    height: auto; 
}

/* RIGHT: contact + donate */
.curr .right-controls { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    margin-left: auto; 
    padding: 0;
    border: none; /* Remove borders */
}

.curr .contact-line { 
    display: flex; 
    align-items: center; 
    gap: 8px; 
    font-size: 14px; 
    color: #fff; 
    border: none; /* Remove borders */
}

.curr .contact-line .sep { 
    color: rgba(255, 255, 255, 0.4); 
    font-weight: 300;
}

.curr .contact-link { 
    color: #fff; 
    text-decoration: none; 
    font-weight: 600; 
    padding: 6px 8px; 
    border-radius: 4px; 
    background: transparent; 
    border: none; /* Remove borders */
    transition: all 0.3s ease;
}

.curr .contact-link:hover { 
    text-decoration: underline; 
    background: rgba(255, 255, 255, 0.1);
}

/* Donate button */
.curr .btn-donate { 
    display: inline-block; 
    padding: 8px 14px; 
    background: #ba3e11; 
    color: #fff; 
    border-radius: 26px; 
    text-decoration: none; 
    font-weight: 700; 
    border: 2px solid #9b320f; 
    transition: transform .12s ease, box-shadow .12s ease; 
    white-space: nowrap;
}

.curr .btn-donate:hover { 
    transform: translateY(-2px); 
    box-shadow: 0 6px 18px rgba(186,62,17,0.18); 
}

/* Header background */
.top-menu { 
    background: linear-gradient(180deg, #bc7e57, #946136); 
    padding: 0;
    margin: 0;
    border: none;
}

/* RESPONSIVE: tablets and small desktops */
@media (max-width: 992px) {
    .curr .top-icon ul { 
        gap: 10px; 
        padding: 8px 10px; 
    }
    
    .curr .topsearch { 
        max-width: 300px; 
    }
    
    .curr .contact-link {
        font-size: 13px;
        padding: 4px 6px;
    }
}

/* RESPONSIVE: narrow screens */
@media (max-width: 768px) {
    .curr .top-icon ul { 
        gap: 8px; 
        padding: 8px; 
        align-items: center; 
    }
    
    .curr .topsearch { 
        max-width: 200px; 
    }
    
    .curr .contact-line { 
        display: none; /* hide text contact on small screens */
    }
    
    .curr .btn-donate { 
        padding: 8px 10px; 
        font-size: 14px; 
    }
    
    .curr .social-link { 
        width: 34px; 
        height: 34px; 
    }
}

/* VERY SMALL: stack vertically */
@media (max-width: 420px) {
    .curr .top-icon ul { 
        flex-direction: column; 
        align-items: stretch; 
        gap: 10px; 
        padding: 10px;
    }
    
    .curr .topsearch { 
        order: 3; 
        width: 100%; 
        max-width: none; 
        margin: 0;
    }
    
    .curr .socials { 
        order: 1; 
        justify-content: center; 
        padding: 0;
    }
    
    .curr .right-controls { 
        order: 2; 
        justify-content: center; 
        padding: 0;
        width: 100%;
    }
    
    .curr .btn-donate { 
        margin: 0 auto; 
        display: block;
        text-align: center;
    }
}




/* ==================banner-section================= */


.inner_about_sec .owl-nav{opacity: 0;transition: all .5s ease;}

.inner_about_sec:hover .owl-nav{opacity: 1;}

.inner_about_sec {position: relative; width: 100%; background-repeat: no-repeat;background-size: cover;background-position: center;}

.inner_about_sec .item{ padding: 0;}

.inner_about_sec .inner_about_sec-inner{position: relative; height: 100vh; width: 100%; background-repeat: no-repeat; background-size: cover;  background-position: center;}

.inner_about_sec-inner1{background-image: url(../images/banner-one.jpg);}

.inner_about_sec-inner2{background-image: url(../images/banner-3.jpg);}

.inner_about_sec .inner_about_sec-inner::before{position: absolute; content: " "; top: 0;left: 0; height: 100%; width: 100%; background-color: rgb(50 53 78 / 75%);}

.inner_about_sec::after{position: absolute; content: "";top: 0; left: 0;height: 100%;width: 100%;}

.inner_about_sec .inner_about_sec-txt{position: absolute; z-index: 9; width: 55%; top: 40%;left: 0;right: 0;margin: 0 auto; }

.inner_about_sec .inner_about_sec-txt .form-select { padding: 15px; border-left: 1px solid #b3b3b3;  border-radius: inherit; width: 55%; color: #818181; border-top: unset; border-right: unset; border-bottom: unset; font-size: 14px;}

.inner-title { position: absolute; top: 40%;left: 0;right: 0; transform: translateY(-100%); margin: auto;text-align: center; max-width: 1129px; display: flex;justify-content: center;z-index: 1;}

.inner-title h1 { color: #fff;}

.inner-title p { color: #fff; font-size: 22px;margin-bottom: 0; margin-top: 10px;}

.active-products { background-color: #19814a; width: 340px; height: 50px; margin-left: 45px; display: flex; justify-content: center; align-items: center;  border-radius: 5px; color: white; margin: auto; font-weight: 700;  margin-bottom: 25px;}

.inner-title div { text-align: center;}

.input-fields { background-color: #d8d8d885; flex-direction: column; width: 100%; padding:10px 15px; border-radius: 0px; margin: auto; display: flex;backdrop-filter: brightness(0.5);margin-top: 20px;}

.banner-input {width: 100%; padding: 0 15px;height: 40px;border-radius: 5px;}

/* .banner-input:focus{border: 1px solid #3368e8;} */
.inner-title .form-select{padding: 15px;border-left: 1px solid #b3b3b3;border-radius: inherit;width: 55%;    color: #818181;    border-top: unset;border-right: unset;border-bottom: unset;font-size: 14px;}

.search-btn { width: 80px;height: 54px; border-radius: inherit;}

.input-fields .form-select:focus {border-color: unset; outline: 0; box-shadow: unset; border-left: 1px solid #b3b3b3;}

.banner-card { transition: all .3s ease; display: flex; justify-content: center; gap: 12px; margin-top: 30px;}

.banner-card-div { border: 1px solid white; border-radius: 3px; width: 135px; height: 110px; display: flex; flex-direction: column;justify-content: center; align-items: center; background: #91919145; backdrop-filter: contrast(0.5); overflow: hidden;transition: all .3s ease;}

.banner-card-div:hover img{filter: invert(53%) sepia(14%) saturate(3207%) hue-rotate(332deg) brightness(100%) contrast(80%);    animation: iconTop 0.4s ease-in-out;}

.banner-card-div:hover { background: #121216CC;border: 1px solid #212228;}

.banner-card-div:hover p{color: #fa541c;font-weight: 600;}

.banner-card img {width: 50px;height: 50px; object-fit: contain; transition: all .3s ease;}

.inner-card-div p {font-size: 13px; margin-bottom: 0; margin-top: 10px; color: #fff;}

.inner_about_sec .owl-carousel .owl-prev {left: 40px;background-color: #00990e !important;color: #fff !important; border: #00990e !important;}

.inner_about_sec .owl-carousel .owl-next { right: 40px;background-color: #00990e !important; color: #fff !important;border: #00990e !important;}

.inner_about_sec .owl-prev i, .inner_about_sec .owl-next i { font-size: 16px;}

.owl-prev i, .owl-next i {font-size: 15px !important;}


.banner-section {padding: 0;margin-top: 0; position: relative; background-color: #104f88;background-position: center; background-size: cover;}

.banner-section::before{position: absolute;content: " "; height: 100%;width: 100%;top: 0;left: 0;  background: linear-gradient(91deg, #043f4c, #936144, #064f67);}

.banner-section .shape-1{position: absolute;top: 0;right: 0;height: 100%;width: 35%;object-fit: cover;  }

.banner-section .shape-1 img{width: 100%; filter: contrast(0.5);}

.shape-11{position: absolute;bottom: -15px; z-index: -1;left: 0;}

.banner-left h1{font-size: 70px;color: #fff; text-shadow: 0px 7px 7px #242424;}

.banner-right .odishi img{width: 900px;}

.banner-section-inner{position: relative; padding: 180px 0;z-index: 1;}

.banner-right{position: absolute;bottom: -15px;right: -150px;}

.banner-section .owl-prev {left: 50px; right: unset;top: 50%;color: #fff; border: 1px solid #ffffff;}

.banner-section .owl-next {top: 50%;color: #fff ;border: 1px solid #ffffff;right: 50px;}

.music-controls { text-align: center;margin-top: 20px;}

/* ------------------Auto play music btn---------------- */


/* The switch - the box around the speaker*/
.toggleSwitch {width: 50px; height: 50px; position: relative;display: flex;  align-items: center;  justify-content: center;background-color: #936144; border-radius: 50%; cursor: pointer; transition-duration: 0.3s;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.13); overflow: hidden;}
  
  /* Hide default HTML checkbox */
  #checkboxInput {display: none;}
  
  .bell { width: 18px;}
  
  .bell path {  fill: white;}
  
  .speaker {width: 100%;height: 100%;  display: flex; align-items: center;justify-content: center; z-index: 2;  transition-duration: 0.3s; opacity: 0;}
  
  .speaker svg {width: 18px;}
  
  .mute-speaker { position: absolute;   width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;opacity: 1;  z-index: 3; transition-duration: 0.3s;}
  
  .mute-speaker svg {  width: 18px;}
  
  #checkboxInput:checked + .toggleSwitch .speaker {opacity: 1;  transition-duration: 0.3s; background-color: #936144  ; }
  
  #checkboxInput:checked + .toggleSwitch .mute-speaker {  opacity: 0;  transition-duration: 0.3s;}
  
  #checkboxInput:active + .toggleSwitch { transform: scale(0.7);}
  
  #checkboxInput:hover + .toggleSwitch { background-color: rgb(61, 61, 61);}
  
.music-fixed-btn{ padding: 0; border-radius: 50px; position: fixed; right: 30px;bottom: 30px;z-index: 9;}
.round-shape{position: absolute; height: 89px; width: 89px; top: -40%;left: -41%;animation: rotateAnimation 8s linear infinite;}
@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
 
/* --------------------marquee------------------ */

.marquee{margin-top: 0; padding: 15px 0;background: #936144 ;   color: #fff;    position: relative;}

.marquee .marquee-inner{display: flex;  align-items: center;}

.marquee .marquee-inner h4{margin: 0;  margin-right: 25px;color: #ffff;}

.marquee .marquee-inner span{font-size: 20px;}

/* --------------------End--------------------- */

/* ====================About ======================== */

.about-home {padding: 60px 0;position: relative; background: linear-gradient(178deg, white 35%, #e2f1f8);}

.about-home::before{position: absolute;content: "";top: 0;left: 0;width: 100%; height: 100%;background-image: url(../images/art-back.jpg); background-position: bottom;background-size: cover;background-repeat: no-repeat; opacity: 0.3;background-attachment: fixed;}

.about-home-inner{position: relative;}

.about-home .lg-shape{z-index: -1; position: absolute; width: 100%;height: 15%; bottom: 0;opacity: .1;background-image: url(../images/pencil.png);background-position: center; background-repeat: repeat; background-size: contain; border-top: 2px solid white;}

.about-home .lg-shape img{height: 100%; width: 100%; object-fit: cover;}

.about-home .about-home-left{display: flex;}

.about-home .about-home-left .about-home-txt{width: 100%; display: flex;align-items: center;margin-right: 15px;    border-radius: 5px 0 0 5px;}

.about-home .about-home-left .about-home-txt h4{margin: 0;  padding: 0px 15px;color: #fff;    font-family: "Merienda", cursive;}

.about-home .sm-icon{height: 55px;width: 55px;background: #936144; display: flex; align-items: center; justify-content: center;border-radius: 50%;  flex: 0 0 55px;}

.about-home .sm-icon img{width: 40px; height: 32px; object-fit: contain;  position: relative;top: 2px;}

.about-home .abt-hm-txt{ margin: 30px 0;border-bottom: 2px solid #936144; padding-bottom: 30px;}

.about-home .about-home-right{height: 380px;overflow-x: hidden;overflow-y: scroll;padding-right: 12px;}

.about-home .abt-hm-txt p{ font-weight: 600; font-size: 17px;color: #606060; text-align: justify;}

.about-home .about-home-right li{display: flex; align-items: center; width: 90%; background: #936144; border-radius: 10px; margin-bottom: 20px;padding: 28px 0 28px 20px;position: relative;}

.about-home  .person-img img{width: 80px; height: 80px; border-radius: 50%; object-fit: cover; object-position: center;   border: 3px solid #fff;}

/* .about-home .about-home-right .person{width: 80%;} */

.about-home  .person-img {position: absolute; right: -45px;}

.about-home .person p{margin: 0; color: #fff; font-size: 15px;}

.about-home .person h5{color: #fff;font-size: 17px;margin-bottom: 8px;}

.about-home .about-home-right-top{margin-right: 40px;}

.about-home .about-home-right::-webkit-scrollbar {width: 2px;}

.about-home .about-home-right::-webkit-scrollbar { width: 6px;background-color: #D6DADD; border-radius: 10px;}

.about-home .about-home-right::-webkit-scrollbar-thumb { background: #936144 ; border-radius: 10px;}

.department-plan{position: relative;z-index: 1; background-image: url(../images/Sahitya.jpg);background-size: cover; background-attachment: fixed; padding: 60px 0;background-position: center;}

.department-plan::before{position: absolute;top: 0;left: 0;content: "" ; height: 100%;width: 100%;background: #fffffff5;}

.dept-plan-inn{position: relative;}

.dept-plan-cont  p{margin: 0 0 5px 0;display: flex; }

.dept-plan-cont  p i{margin-right: 10px;color: #936144;    margin-top: 5px}

.tenure{margin: 40px 0 0;}

.tenure-cont h4{    font-family: "Merienda", cursive;}

.about-home-right {
    width: 100%;
    height: 100%;
}

.about-home-right .about-side-image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    position: sticky;
    top: 20px;
}

.about-home-right .about-side-image img {
    width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    display: block;
}

/* Responsive */
@media (max-width: 992px) {
    .about-home-right .about-side-image {
        margin-top: 30px;
        position: relative;
        top: 0;
    }
    
    .about-home-right .about-side-image img {
        min-height: 400px;
    }
}

@media (max-width: 768px) {
    .about-home-right .about-side-image img {
        min-height: 350px;
    }
}

@media (max-width: 576px) {
    .about-home-right .about-side-image img {
        min-height: 300px;
    }
}


/* ===============Service================= */

.service .service-left{display: flex;}

.service .service-left .aswiper-container-txt{width: 100%; display: flex;align-items: center;margin-right: 15px;    border-radius: 5px 0 0 5px;}

.service .service-left .aswiper-container-txt h4{margin: 0;  padding: 0px 15px;color: #936144; font-size: 35px;    font-family: "Protest Revolution", sans-serif;}

.service .service-left .aswiper-container-txt h4::before{position: absolute; content: " ";bottom: 480px;left: 0;height: 3px; width: 85px;background-color: #936144; border-radius: 5px;}

.service-inner{background-image: url();}

.service{ padding: 0px 0 60px;background: #e9fff5;position: relative;}

.service::before{position: absolute;content: " "; top: 0;left: 0;height: 100%;width: 100%;
    /* background-image: url(../images/bg-1.png); */
    /* background-image: url(../images/bg-1.jpg); */
    background-image: url(../images/image-1.jpg);
    background-size: cover;background-position: center;background-repeat: no-repeat; }
    .service {
    position: relative;
    z-index: 1;
}

.service::before {
    z-index: -1;
}


.service .gallery-thumbs{height: auto !important;} 

.gallery-top{position: relative; 
    background-image: url(../images/maaramachandiii.png); 
    /*background-image: url(../images/konark.png);*/
    /* background-image: url(../images/redfort.png); */
    /* background-image: url(../images/mukteswar1.png); */
    height: 90%;width: 100%;background-position: center;background-size: cover;}

.service .srevice-slide-cont{align-items: flex-end;    height: 100%;}

.service .service-text{ padding: 20px;height: 350px; padding-top: 75px;}

.service .service-text h3{font-size: 30px;font-weight: 500;color: #936144; margin: 0px 0px 20px 0px;font-family: "Merienda", cursive;}

.service .service-text p{font-size: 18px;}

.service .service-tab{height: 100%; display: flex; flex-direction: column;align-items: center;justify-content: center;}

.service .service-tab h6{margin: 0;color: #fff;font-weight: 400; }

.service  .service-image{text-align: center;}

.service  .service-image img{height: 300px; width: 300px;object-fit: contain;}

.swiper-slide-active .service-image img{
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.5s;
    animation-duration: 1s;
}
.swiper-slide-active .service-text{
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 0.5s;
    animation-duration: 1s;
}
@keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px)
    }
    100% {
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
    }
}


/* ==========================Product-causrosal================= */
.product__carousel { display: block; max-width: 100%; margin: 0em auto 0em;}

.product__carousel a {display: block;margin-bottom: 15px;}

.product__carousel .gallery-top { margin-bottom: 10px;height: 550px !important; }

.product__carousel .gallery-top .swiper-slide { position: relative; overflow: hidden;}

.product__carousel .gallery-top .swiper-slide  { position: relative;  display: flex; justify-content: center; align-items: center; width: 100%; height: 92%;}

.product__carousel .gallery-top .swiper-slide a img {width: 100%; height: 100%; object-fit: contain;}

.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img { min-width: 100%; min-height: 100%;}

.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {  color: #ffffff;}

.product__carousel .gallery-thumbs .swiper-slide { position: relative; transition: border .15s linear; border: 2px solid #c28459  ; border-radius: 10px;cursor: pointer;   overflow: hidden;height: 110px;    background: #936144;}

.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border-color: #701010;background: #7a2222  ;}

.product__carousel .gallery-thumbs .swiper-slide img {object-fit: contain;height: 50px;width: 50px;}

.product-det-item{overflow: hidden;position: relative;}

.product__carousel .swiper-button-next.swiper-button-white, .product__carousel .swiper-button-prev.swiper-button-white { color: #936144 ;height: 30px;width: 30px; background: #fff; border-radius: 50px;top: 113%;}

.product__carousel .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 12px;}

.product__carousel .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-size: 12px;}


.fc-banner-item img { width: 100%;object-fit: cover;}

.aka-logo img {width: 315px;}


/* ====================events======================= */

.events{padding: 60px 0;position: relative;}

.events::before{position: absolute; content: "";top: 0;left: 0; width: 100%;height: 60px;background-image: url(../images/borderbg.png);background-position: center;background-size: contain; background-repeat: repeat;opacity: 0.0;}

.events .events-item{ padding: 16px; box-shadow: 0 0 10px 0 #d9d9d9;border-radius: 10px; text-align: center;    background: #fff;}

.events .events-item img{height: 200px; width: 100%;object-fit: cover;}

.events .events-item .event-item-txt{ padding: 20px 0;}

.events .events-item .event-item-txt h4{font-family: "Merienda", cursive; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}

.events .events-item .event-item-txt p{color: #936144;}

.events .events-item .event-item-txt .lg-btn{ margin-top: 30px;}

.events .events-item .event-item-txt .lg-btn a{ padding: 10px 25px;background: #936144  ; border-radius: 50px; color: #fff;font-size: 15px; border: 1px solid #936144 ; transition: all .3s ease;}

.events .events-item .event-item-txt .lg-btn a:hover{background: #fff;color: #936144  ; border-color: #936144 ;}

.heading {margin-bottom: 60px;}

.heading h2{margin: 0; font-size: 35px;position: relative;    font-family: "Protest Revolution", sans-serif;color: #936144;}

.heading h2::before{position: absolute; content: " ";bottom: -20px;left: 0;height: 3px; width: 85px;background-color: #936144; border-radius: 5px;}

.award{padding-left: 40px;}

.award .award-slider {padding: 60px 30px; box-shadow: 0 0 10px 0 #d9d9d9; border-radius: 10px; background-image: url(../images/lalitback.png);  background-position: center;  background-size: cover;  background-repeat: no-repeat;position: relative;}
.award .award-slider::before{position: absolute;content: " ";top: 0; left: 0;height: 100%;width: 100%;background: #ffffffe0;}

.award .award-slider  p{font-size: 17px; line-height: 32px;  text-align: justify; color: #515151;}

.award .award-slider h4{ font-size: 26px; color: #936144;font-family: "Merienda", cursive;}
/* =================gallery==================== */

.gallery {padding: 60px 0 60px; position: relative; background-image: url(../images/image-2.png);background-size: cover;}

.gallery .photo-gallery::before{display: none;}

.gallery .photo-gallery::after{display: none;}

.gallery .shape-gallery{position: absolute;right: 0;height: 80%; bottom: 70px;}    

.gallery .shape-gallery img{height: 100%;opacity: .8;}

.gallery .gal-img{width: 100%;height: 280px;}

.gallery .gal-img img{width: 100%;height: 100%;object-fit: cover;}

.gallery .gal-txt{ margin-top: 10px; padding: 15px;  background: #936144; text-align: center;}

.gallery .gal-txt h4{ margin: 0 ; color: #fff;  font-weight: 400;}

.gallery-tab .nav-pills .nav-link.active, .gallery-tab .nav-pills .show>.nav-link { background: #936144;  color: #fff;  border-color:  #936144;}

.gallery-tab .nav-pills .nav-link{ font-size: 20px; padding: 12px 40px;  background: #fff; border: 2px solid #936144;color: #000000; font-weight: 600;}

.gallery-tab .nav-pills .nav-item{margin-right: 20px;}

.gallery-tab  .tab-content{margin-top: 30px;}

.fly-in{display: none;}

.srevice-slide-cont .service-image {opacity: 0;}
/* ----------------------announcement-------------------------- */
.announcement{padding: 60px 0;}

.announcement .anou-card{height: 100%;padding: 45px 30px 70px 30px; box-shadow: 0 0 10px 0 #d9d9d9; border-radius: 10px; position: relative; background: #fff;}

.announcement .anou-card::before{position: absolute;  content: "";top: 0;right: 0; height: 120px;  width: 120px; background-image: url(../images/new-shape.png); background-position: center;background-size: cover;}

.announcement .anou-card .shape5{width: 50px; position: absolute; top: 20px; right: 20px;}

.announcement .anou-card .shape5 img{filter: invert(28%) sepia(100%) hue-rotate(346deg) saturate(3);}

.announcement .anou-card li{ margin-bottom: 15px; padding-bottom: 15px;border-bottom: 1px solid #c1c1c1; display: flex;}

.announcement .anou-card li .calender {text-align: center; margin-right: 15px;background: #936144;height: 100%; border-radius: 5px;padding: 2px 0;border: 1px solid #00000052;}

.announcement .anou-card li .calender p{margin: 0;padding: 3px 15px;color: #fff;}

.announcement .anou-card li .calender .lg-t{font-size: 20px;}


.announcement .anou-card li .ann-cont p{margin: 0; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.announcement .anou-card .heading h2{ font-size: 28px;}

.announcement .anou-card  .ann-cont p i{font-size: 20px; margin-right: 10px;  color: #936144;}

.announcement .anou-card  .ann-cont p {margin: 0 0 12px 0;}

.announcement .anou-card  .low-btn{ position: absolute; bottom: 30px;right: 35px;}

.announcement .anou-card  .low-btn a{font-size: 20px;display: flex;align-items: center;color: #936144 ;}

.announcement .anou-card  .low-btn a:hover{color: #7a2222 ;}

.announcement .anou-card  .low-btn a i{ margin-left: 8px;font-size: 25px;font-weight: 100;}

/* ----------------------watch-event--------------------- */

/* .watch-event .social-feed{position: relative;padding: 35px 30px 35px 30px;box-shadow: 0 0 10px 0 #d9d9d9; border-radius: 10px; background-color: #fff;}

.watch-event .social-feed::before { position: absolute;content: ""; top: 0;right: 0; height: 120px; width: 120px;  background-image: url(../images/bg-shape2.png);background-position: center; background-size: cover;}

.watch-event .social-feed .shape5{  width: 50px;position: absolute; top: 20px; right: 20px;}

.watch-event .social-feed img{width: 100%;}

.watch-event{padding: 60px 0; background-position: top; background-repeat: repeat;background-size: contain; background-image: url(../images/lalitbg.png);}

.watch-event .you-video{margin-right: 35px;}

.watch-event .you-video .vdo{width: 100%; height: 525px;border-radius: 10px;overflow: hidden;}

.watch-event .socila-feed ul{display: flex; width: 100%;}

.watch-event .socila-feed ul li{display: inline-block;width: 100%;text-align: center;padding: 15px 10px;}

.watch-event .socila-feed ul li img{width: 25px;}

.watch-event .socila-feed ul .fb{background-color: #3b5999;}

.watch-event .socila-feed ul .youtube{background-color: #55acee;}

.watch-event .socila-feed ul  .insta{background: linear-gradient(45deg, #ed8736, #e45c3d, #de3841, #c13584, #e1306c, #fd1d1d);}

.watch-event .soc-col-head {display: flex; align-items: center;}

.watch-event .soc-col-head img {width: 85px;}

.watch-event .soc-col-head .soc-col-head-right{margin-left: 15px;}

.watch-event .soc-col-head .soc-col-head-right h6{margin-bottom: 5px;}

.watch-event .soc-col-head .soc-col-head-right p{margin: 0;color: #8d8d8d;font-weight: 600;}

.watch-event .social-cult-links h6{margin-bottom: 5px; }

.about-inner-img {height: 375px;padding: 5px;background: #fff; position: relative;}

.about-inner-img video{width: 100%;} */

.watch-event .social-feed, .watch-event .anou-card, .watch-event .you-video {position: relative; padding: 35px 30px 35px 30px; box-shadow: 0 0 10px 0 #d9d9d9; border-radius: 10px; background-color: #fff; height: 100%; display: flex; flex-direction: column;}

.watch-event .social-feed::before, .watch-event .anou-card::before, .watch-event .you-video::before {position: absolute; content: ""; top: 0; right: 0; height: 120px; width: 120px; background-image: url(../images/bg-shape2.png); background-position: center; background-size: cover;}

.watch-event .social-feed .shape5, .watch-event .anou-card .shape5, .watch-event .you-video .shape5 {width: 50px; position: absolute; top: 20px; right: 20px;}

.watch-event .social-feed img, .watch-event .anou-card img, .watch-event .you-video img {width: 100%;}

.watch-event {padding: 60px 0; background-position: top; background-repeat: repeat; background-size: contain; background-image: url(../images/lalitbg.png);}

.watch-event .you-video .vdo {width: 100%; height: 400px; border-radius: 10px; overflow: hidden; flex-grow: 1;}

.watch-event .socila-feed ul {display: flex; width: 100%;}

.watch-event .socila-feed ul li {display: inline-block; width: 100%; text-align: center; padding: 15px 10px;}

.watch-event .socila-feed ul li img {width: 25px;}

.watch-event .socila-feed ul .fb {background-color: #3b5999;}


.watch-event .socila-feed ul .insta {background: linear-gradient(45deg, #ed8736, #e45c3d, #de3841, #c13584, #e1306c, #fd1d1d);}
.watch-event .socila-feed ul .youtube {background-color: #B2071D;}


.watch-event .soc-col-head {display: flex; align-items: center;}

.watch-event .soc-col-head img {width: 85px;}

.watch-event .soc-col-head .soc-col-head-right {margin-left: 15px;}

.watch-event .soc-col-head .soc-col-head-right h6 {margin-bottom: 5px;}

.watch-event .soc-col-head .soc-col-head-right p {margin: 0; color: #8d8d8d; font-weight: 600;}

.watch-event .social-cult-links h6 {margin-bottom: 5px;}

.about-inner-img {height: 375px; padding: 5px; background: #fff; position: relative;}

.about-inner-img video {width: 100%;}

.watch-event .row {display: flex; flex-wrap: wrap;}

.watch-event .row > [class*='col-'] {display: flex; flex-direction: column;}

.watch-event .anou-card ul {max-height: 400px; overflow-y: auto; overflow-x: hidden; padding-right: 10px;}

.watch-event .anou-card ul::-webkit-scrollbar {width: 6px;}

.watch-event .anou-card ul::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}

.watch-event .anou-card ul::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}

.watch-event .anou-card ul::-webkit-scrollbar-thumb:hover {background: #555;}

.watch-event .anou-card ul {scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;}

@media (max-width: 991px) {.watch-event .anou-card ul {max-height: 300px;}}

@media (max-width: 767px) {.watch-event .anou-card ul {max-height: 250px;}}


/* =============inner page one blog================= */
.product-card {width: 100%; /* height: 300px; */ margin-bottom: 20px; padding: 10px;}

.filters { background: #ffffff;;padding: 0px 4px 0 10px;}

.category-select { width: 100%;}

.sortby-main-div {  display: flex;justify-content: end;}

.sortby-box {  display: flex; justify-content: end; align-items: center;  padding-right: 0;}

.sortby-box div {border-radius: 10px; width: 135px;}

.sortby-box span {margin-right: 8px; color: #000000;}

.sortby-box select {color: #000; width: 100%; padding: 5px 0px 5px 12px; border-radius: 5px;border: 1px solid #ba3e11;  color: #8d8d8d;}

.sortby-box .form-select:focus { border-color: #ba3e11; outline: 0;  box-shadow: none;}

.category-card {   display: flex; flex-direction: column; align-items: center;  text-align: center; width: 100%; padding: 20px; margin: 0;}

.category-card i { font-size: 50px;}

.nav-item2 {border: 1px solid black;}

.nav-tabs-links .nav-link { padding: 10px 15px 10px 15px; border-left: 2px solid #ecf4fb;font-size: 14px;    width: 170px;}

.tab-topp{padding: 25px 15px;background: aliceblue;margin: 0px 0 25px; border-radius: 5px;}

.tab-topp  .tab-top-item{display: flex; align-items: center;justify-content: end;}

.select-container { position: relative;border-bottom: 1px solid #d6cfcf;  padding: 5px 12px 5px 5px; cursor: pointer;  background: white;}

.select-label { display: block; padding: 5px;}

.options-container { display: none; position: absolute; top: 100%; left: 0; width: 100%;max-height: 150px; overflow-y: auto; border: 1px solid #ccc;background-color: #fff;}

.option-checkbox {display: block; padding: 5px;}

.nav-tabs-product{ background-color: #eff5f5; border-radius: 5px;}

.product-card p{ margin-bottom: 7px;}

.product-card span{ color: #19814a;}

.product-btn-group{ margin-top: 15px; display: flex;justify-content: space-between;border-top: 1px solid #0080006b;padding-top: 15px;}

.add-cart-btn{ background-color: #ba3e11; border: 1px solid #ba3e11;width: 50%; padding: 12px 15px 12px 15px;transition: all .5s ease; color: white;font-size: 16px;}

.add-cart-btn:hover{background-color: rgb(255, 255, 255); color: #ba3e11;}

.details-btn{background-color: #19814a; border: 1px solid #19814a;width: 50%; padding: 12px 15px 12px 15px; transition: all .5s ease; color: white; font-size: 16px;}

.details-btn:hover{background-color: rgb(255, 255, 255); color: #19814a;}

.popularity p{font-size: 16px; font-weight: 300; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #e1dcdc;}

.popularity li{font-size: 16px; font-weight: 300; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #e1dcdc;position: relative; padding-left: 20px;}

.popularity li:last-child { border-bottom: unset; }

.popularity li .popularity-check{position: absolute;left: 0px; top: 4px;}

.popularity p span{color: #3368e8;}

.popularity p:last-child{ border-bottom: none;}

.dropdown-div{display: flex; justify-content: space-between;align-items: center;}

.product-image{position: relative;}

.product-image i{ position: absolute;top: 12px;left: 10px; font-size: 20px;color: #ba3e11;}

.product-image i:hover{color: #19814a;}

.product-price{display: flex; align-items: center;}

/* .left-side-filter{ border: 1px solid #e1dfdf;border-radius: 10px;} */
.filter-product-div{ border-radius: 3px; padding: 8px 20px 10px 20px;}

.left-side-filter h5{padding: 10px 0px 10px 20px;background: #936144  ; border-radius: 9px 9px 0 0;color: white;font-weight: 500;}
/* .filters .left-side-filter{ border: 1px solid #e1dfdf; border-radius: 10px;  margin-bottom: 25px;} */
.filters .left-side-filter .popularity{  padding: 8px 20px 10px 20px;}

.popularity i{font-size: 20px; margin-right: 8px;}

.left-side-filter h5 i{ margin-right: 8px;}

.filter-product-div .accordion-flush .accordion-item { border-radius: 10px; border: 1px solid #defaff !important; margin-bottom: 15px;}

.filter-product-div .accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 10px; background: aliceblue;}

.category-card h6{ font-weight: 500; margin: 0;padding-top: 8px;}

.filter-product-div .accordion-flush .accordion-item .accordion-button{font-size: 14px;padding: 10px 20px;}

.filter-product-div .accordion-flush .accordion-item .accordion-button i{ margin-right: 8px;}

.filter-product-div .accordion-flush .accordion-item .accordion-button span{margin-left: 10px;color: #ba3e11;}

.filter-product-div .accordion-flush .accordion-item .accordion-button:not(.collapsed) { border-top-left-radius: 10px; border-top-right-radius:10px;}

.accordion-flush .accordion-item .accordion-button:not(.collapsed) span{color: #fff;}

.filters .left-side-filter:nth-child(2){border: 1px solid #ba3e1129;border-radius: 10px;}

.pagination-top {margin: 40px 0;}

.card-cont{position: relative;    padding-top: 40px;}

.card-date{left: 10px;position: absolute;top: -44px; border-radius: 5px 5px 0 0;background: #fff;padding: 12px 20px;}

.card-cont h4{color: #156b3d;}

.pagination-top  .pagination{justify-content: center;}

.pagination-top .page-item:first-child .page-link { background: #19814a; color: white;}

.pagination-top  .page-item:last-child .page-link {background: #ba3e11; color: #fff;}

.pagination-top .active>.page-link, .page-link.active{    background: #ba3e11;}

.pagination-top  .page-link:focus {background-color: #ba3e1126; box-shadow: none;}

.page-link {color: #ba3e11;border: unset;}

.search-bar {width: 100%;}

.search-bar .input-fields{margin: 0;padding: 0;background-color: aliceblue;backdrop-filter: none;}

.search-bar .input-fields label{    padding-bottom: 7px;}

.search-bar .search-btn {width: 50px; height: 35px;border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.tab-topp .tav-txt{ display: flex;justify-content: end; align-items: center;}

.tab-topp .tav-txt p{margin: 0;}

.tab-topp .tav-txt a{color: #000000;}

.tab-topp .tav-txt a:hover{text-decoration: underline   ;}

.tab-topp .tav-txt img{    height: 25px; width: 25px;margin-left: 5px;}

.tab-topp  .row{align-items: center;}

.search-bar .banner-input {border: 1px solid #936144;}

.button-div .minus{    width: 25px; height: 25px; background: #ba3e11;border-radius: 4px; border: 1px solid #ba3e11;  display: inline-block; vertical-align: middle;

text-align: center;font-size: 15px;font-weight: bold;color: #fff;}

.button-div .plus { width: 25px; height: 25px; background: #00761f; border-radius: 4px; border: 1px solid #00761f; display: inline-block; vertical-align: middle;text-align: center; font-size: 15px; font-weight: bold;color: #fff;}

.button-div .product_qty_fld input {height: 25px;  width: 25px !important;text-align: center; font-size: 15px;border: 1px solid #ddd;   border-radius: 4px; display: inline-block; vertical-align: middle;}

.tab-topp .nav-tabs-links{gap: 10px;}

.main-div { display: flex; align-items: center; box-shadow: 0px 0px 8px 0px #00000014;padding: 10px; border-radius: 5px;position: relative;}

.tab-topp .nav-item2{  border: none;}

.tab-topp .nav-item2 .nav-link {border-radius: 5px;color: #936144; border: 1px solid #936144;}

.tab-topp .nav-item2 .nav-link:hover{ color: #19824a;border: 1px solid #19824a;    background: unset;}

.tab-topp .nav-item2 .nav-link.active{ color: #19824a;border: 1px solid #19824a;}

.product-page{ padding: 60px 0 0;}

.image-div { width: 350px; margin-right: 25px;flex: 0 0 350px;position: relative;}

.image-div i{position: absolute;left: 10px;top: 10px;color: #ba3e11;}

.image-div i:hover{color: #19814a;}

.apply-red { border-top: 1px solid #19824a85;padding-top: 15px;align-items: center;display: flex; justify-content: space-between;}

.apply-red .read-more{ width: 50%;text-align: center;padding: 12px 0; background: #ba3e11; cursor: pointer;}

.apply-red .read-more a{color: #fff;}

.apply-red .apply-now{ width: 50%;text-align: center;padding: 12px 0; background: #19824a; cursor: pointer;}

.apply-red .apply-now a{color: #fff;}

.main-div .description{ margin-right: auto;display: flex;flex-direction: column;}

.main-div .button-div{display: flex;flex-direction: column;gap: 15px;padding-right: 30px; text-align: center;}

.tab-content .description p{margin-bottom: 10px;}

.tab-content .description .card-title{margin-bottom: 15px;font-weight: 500;color: #156b3d;}

.tab-content .description del{color: red; font-size: 13px;}

.image-div img { width: 100%;}

.btn-group .add-cart-btn { border-radius: 0px;font-size: 13px;padding: 8px 4px 8px 4px;}

.btn-group .details-btn {border-radius: 0px; font-size: 13px;}

.curr ul {display: flex;align-items: center;}

.curr ul .abtn { font-size: 14px; border: 1px solid #fff;color: #fff; height: 25px; width: 25px; display: flex; align-items: center;justify-content: center;border-radius: 5px;}

.curr ul .abtn a{color: #fff;}

.curr ul li a{color: #fff;}

.curr ul li {padding: 8px 12px;border-left: 1px solid #d0d0d0;}

.top-icon ul li i{font-size: 25px;}

.nav-top-btns {display: flex;align-items: center;}

.nav-top-btns .five-t img{width: 105px;}

.quick-play a{border: 1px solid #19814a; padding: 5px 15px;border-radius: 5px;color: #fff;background: #19814a;}

.title-outer {text-align: center;position: relative;}

.page-title-inner {position: relative;padding: 100px 0;}

.shape{position: absolute; bottom: 0;left: 0;height: 240px;width: 450px;}

.shape img{opacity: .3;width: 100%;object-fit: cover; height: 100%;}

.shape-2{position: absolute; bottom: 0; right: 0;height: 210px;}

.shape-2 img{ width: 100%;height: 100%;}

.back-btn{position: absolute;bottom: -0;z-index: 1;}

.back-btn a{ padding: 10px 25px;background: #936144 ;color: #fff;}

.back-btn a i{margin-right: 8px;}

.naveen-txt a{color: #000000;font-size: 18px;}

.naveen-txt a span{font-size: 16px;}


.sale-right-tab-btn .nav-link { font-size: 16px;background: #ba3e11; border-top-right-radius: 10px; border-top-left-radius: 10px;    border-bottom: 1px solid #ba3e11;;padding: 12px 15px; width: 100%; margin-right: 2px; color: #ffffff !important;font-weight: 500;}

.sale-right-tab-btn .nav-link:hover{color: #ffffff !important; border-color: #19824a; background: #19824a;}

.sale-right-tab-btn .nav-link.active {position: relative; background-color: #19824a !important; border-color: #dee2e6 #dee2e6 #fff; color: #fff;border: 1px solid #19824a;}

.sale-right-tab-btn .nav-link.active::before{content: "";position: absolute;clip-path: polygon(50% 57%, 0% 100%, 100% 100%);bottom: 0px;transform: translate(-50%, 97%) rotate(180deg);left: 50%;background: #19824a;height: 30px;width: 30px;}

.sale-right-tab-btn ul {gap: 10px;}

.sale-right-tab-btn li {flex: 1 1 auto;}

.sale-right-tab-text{display: flex; flex-direction: column; justify-content: center;align-items: center;padding: 15px;text-align: center;border: 1px solid #cfcfcf; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;    padding-bottom: 20px;height: 100%;position: relative;overflow: hidden;    border-top: unset;}

.sale-right-tab-text::before{position: absolute;content: " ";background-image: url(../images/odisha-sasan.png);  height: 200px;width: 200px; background-size: cover; background-position: center;opacity: .5; left: 50%; top: 50%;transform: translate(-50%, -60%); opacity: .1;}

.sale-right-tab-text p{font-size: 20px; margin: 0;} 

.sale-right-tab-text .btn-gn { padding: 9px 15px;font-size: 15px;width: 100%; display: block; border-radius: 0;font-weight: 600;background: #19824a;color: #fff; transition: all .3s ease;}

.sale-right-tab-text .btn-gn:hover{background: #ba3e11;}

.sale-right-tab-text .lg-btn {position: absolute;margin: 0 auto; bottom: 0px;left: 50%; transform: translate(-50%, 0px);width: 100%; text-align: center;}

.sale-right-tab-text strong{color: #19824a;font-size: 22px;}

.sale-right{height: 100%;display: flex;  flex-direction: column; justify-content: space-between;}

.sale-right-tab-cont {height: 100%;}

.sale-right-tab-cont .tab-content{ height: 80%;}

.sale-right-tab {height: 380px;}

.sale-right-tab-cont  .tab-pane { height: 100%;}

.sale-right-tab-text ul{position: relative;}

.sign-free {width: 100%;}

.shign-btn{padding: 12px 20px; width: 100%;border: 1px solid;background: #ba3e11; color: #fff; transition: all .3s ease;}
 
.shign-btn:hover{background-color: #19824a;}

.shign-btn a{color: #fff;}

.sign-free{position: relative;}

.sign-free .form-control{padding: 12px 20px;border-radius: 0;background: whitesmoke;}

.ribbon1 {position: absolute;  top: -6.1px;right: 10px; z-index: 9; }

.ribbon1 span {  position: relative;display: block;text-align: center; background: #ba3e11;font-size: 14px; line-height: 1; padding: 12px 8px 10px;border-top-right-radius: 8px;  width: 90px;color: #fff;}

.ribbon1 span:before {height: 6px; width: 6px; left: -6px;  top: 0; background: #ba3e11;position: absolute;content: "";}

.ribbon1 span:after { height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0;background: #C02031;position: absolute;  content: "";}

.ribbon1:after {position: absolute;content: ""; width: 0; height: 0; border-left: 47px solid transparent; border-right: 44px solid transparent; border-top: 13px solid #ba3e11;}

.zero-offer{ width: fit-content;padding: 10px 25px; margin-left: 0px;position: absolute;left: -8px; background: #19824a; bottom: 10px;}

.zero-offer::before{height: 0; width: 0; top: -8.5px;left: 0.1px;    border-bottom: 9px solid #19824a;border-left: 9px solid transparent;    content: "";position: absolute;}

.zero-offer::after{position: absolute;content: " ";height: 0;width: 0;right: -14.5px; border-top: 20px solid transparent; border-bottom: 21px solid transparent; border-left: 15px solid #19824a;top: 0;}

.zero-offer p{color: #fff;margin: 0;}

.news-letter {width: 100%; padding-top: 25px; padding-bottom: 25px; background-color: #19814a;display: flex;justify-content: center;  align-items: center;}

.newsletter-div {display: flex;justify-content: center; align-items: center;color: white; gap: 20px;}

.newsletter-div h5{color: #fff;margin: 0;font-weight: 300;}

.newsletter-div img{width: 70px; opacity: .2; margin-right: 10px;}

.newsletter-div i {font-size: 40px; color: white; margin-right: 15px;}

.newsletter-div div {display: flex;justify-content: center; align-items: center;}

.newsletter-div p {font-size: 25px;}

.newsletter-div button { width: 170px;height: 48px;background-color: #242734; color: white; border: none; border-top-right-radius: 5px;border-bottom-right-radius: 5px; font-size: 13px;transition: all .5s ease;    border: 1px solid #242734;}

.newsletter-div button:hover{background-color: #b33c10;color: #ffffff;    border: 1px solid #b33c10;}

.newsletter-div input { height: 40px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; width: 100%; padding: 0 60px 0 35px;border: none; position: relative; font-size: 12px;}

.news-input{position: relative;}

.newsletter-div .news-input::before{ position: absolute;  left: 10px; top: 10px; font-family: "Font Awesome 5 Pro";  font-size: 16px; color: #757575;content: '\f0e0'; z-index: 999999;     font-weight: 300;}

/* .client{overflow: hidden;}

.client .box { text-align: center;padding: 10px;   border: 1px solid #dddddd;  background: #fff;   border-radius: 10px;  box-shadow: 4px 4px 5px 0 #e5e5e5;   height: 120px;  display: flex;  align-items: center; justify-content: center;}

.client .gallery-slider {overflow: hidden;padding: 60px 0;}

.client .gallery-slider .box-inner{text-align: center;} */

.social ul{display: flex;justify-content: space-around;width: 100%;flex-wrap: wrap;  gap: 15px; }

.social ul li{flex: 0 0 45%; display: flex;align-items: center;justify-content: flex-start;border: 1px solid ;padding: 10px 15px;    border-left: 5px solid;}

.social ul li i{font-size: 30px;}

.social ul li small{padding-left: 10px;font-size: 16px;}

.social ul .face-book{border-color: #3b5998 ; color: #3b5998;position: relative;transition: all .3s ease;z-index: 1;}

.social ul .face-book::before{position: absolute;content: ""; top: 0;left: 0;width: 0px;height: 100%;background-color: #3b5998;transition: all .3s ease;    z-index: -1;}

.social ul .pint-rest{color: #fd2b36; border-color: #fd2b36;position: relative;transition: all .3s ease;z-index: 1;}

.social ul .pint-rest::before{position: absolute;content: ""; top: 0;left: 0;width: 0px;height: 100%;background-color: #fd2b36;transition: all .3s ease;    z-index: -1;}

.social ul .youtube {
    border-color: #FF0000; 
    color: #FF0000;
    position: relative;
    transition: all .3s ease;
    z-index: 1;
}

.social ul .youtube::before {
    position: absolute;
    content: ""; 
    top: 0;
    left: 0;
    width: 0px;
    height: 100%;
    background-color: #FF0000;
    transition: all .3s ease;
}

.social ul .insta{border-color: #8a38ab; color: #8a38ab;position: relative;transition: all .3s ease;z-index: 1;}

.social ul .insta::before{position: absolute;content: ""; top: 0;left: 0;width: 0px;height: 100%;    background: linear-gradient(45deg, #833AB4, #FD1D1D, #F56040);transition: all .3s ease;    z-index: -1;}

.social ul li:hover{color: #fff;}

.social ul .face-book:hover::before{width: 100%;}

.social ul .pint-rest:hover::before{width: 100%;}

.social ul .youtube:hover::before{width: 100%;}

.social ul .insta:hover::before{width: 100%;}

footer{padding: 60px 0;position: relative;background-image: unset; background-position: center;background-size: cover;background-repeat: no-repeat;}

footer::before{content: "" ; position: absolute; top: 0; left: 0;height: 100%; width: 100%;    background-color: #936144;}

.footer-list ul{display: flex;justify-content: center; gap: 30px;}

.footer-cont{text-align: center;}

.footer-inner{position: relative;    text-align: center;}

.footer-inner ul{display: flex;justify-content: center;padding-bottom: 15px;    border-bottom: 1px solid #ffffff54;}

.footer-inner ul li{margin-right: 10px;}

.footer-inner ul li  a{color: #fff;}

.footer-inner p{color: #fff;}

.footer-inner p a{color: #7cbeff;}

.footer-list li a{color: #fff;}

.footer-txt p{ margin-top: 15px; color: #ffff;}

.footer-txt p a{color: #fff;}

.footer-img img{width: 250px;}

.music-container {  text-align: center; margin-top: 50px;}

button { padding: 10px 20px;font-size: 16px;  background-color: #3498db;color: #fff;  border: none; cursor: pointer;}

button:hover { background-color: #936144;}

#toggle-btn {padding: 10px 20px;font-size: 16px;background-color: #007bff; color: #fff; border: none; cursor: pointer; margin-top: 20px;}

.buttonn { display: block; position: relative;  width: 55px; height: 55px; margin: 0;overflow: hidden; outline: none;background-color: transparent; border: 0; transform: rotate(180deg);}

.buttonn:before,
.buttonn:after {  content: ""; position: absolute;  border-radius: 50%;inset: 7px;}

.buttonn:before { border: 2px solid #936144 ; transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;}

.buttonn:after {border: 2px solid #936144; transform: scale(1.3); transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94);  opacity: 0;}

.buttonn:hover:before,
.buttonn:focus:before { opacity: 0; transform: scale(0.7); transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94);}

.buttonn:hover:after,
.buttonn:focus:after { opacity: 1; transform: scale(1); transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;}

.button-box { display: flex;position: absolute;top: 0; left: 0;}

.button-elem { display: block;height: 16px; width: 16px; margin: 28px 18px 0 20px; transform: rotate(180deg);fill: #936144  ;}

.clr-pink{fill: #936144;margin: 28px 20px 0 22px;}

.buttonn:hover .button-box,
.buttonn:focus .button-box { transition: .4s;  transform: translateX(-56px);}

.go-btn{display: none;align-items: center;    width: fit-content;}

.go-btn a{font-size: 20px;color: #936144  ;font-weight: 600;}

.go-btn:hover a{color: #936144;}

/* ====================About Us====================== */


.about {padding: 60px 0;}

 
.product2 {background-color: #f2f2f2d1;position: relative;}

.product2::before{position: absolute; content: "";top: 0; right: 0; height: 100%; width: 100%; background-image: url(../images/bg-trd-shape.jpg); background-position: center;background-size: cover;z-index: -1;}

.product2 .product2-txt { width: 85%;position: relative;}

.product2 .product2-txt h3 {font-size: 30px; line-height: 45px;font-weight: 600}

.product2 .product2-txt strong {font-size: 20px;font-weight: 500;color: #ea5513}

.product2 .product2-inner img { clip-path: polygon(0 0,100% 0,80% 100%,0 100%); width: 100%}

.product2.product3 .product2-inner img {clip-path: polygon(20% 0%,100% 0,100% 100%,0 100%);width: 100%}

.product2-txt ul li p{margin: 0;padding-left: 10px;}

.product2-txt ul li{margin-bottom: 10px;}

.product2-txt ul li i{margin-top: 5px;}

/* ===================Team================= */

.team{padding: 40px 0 60px;position: relative;background: #f0f8ff52;}

.team::before{position: absolute;content: " "; top: 0;left: 0;height:100%;width: 100%; background-image: url(../images/team-bg.jpg);background-position: center;background-size: auto;  z-index: -1;}

.team .team-inner{position: relative;}

.team .team-item{text-align: center;}

.team .team-item img{ height: 200px;width: 200px; object-fit: cover; border-radius: 50%; object-position: center;box-shadow: 5px -5px 0px 0px #936144;}

.team .team-item .team-txt{margin-top: 15px;}

.team .team-item .team-txt p{ margin: 0 0 10px 0;}

.team .team-item .team-txt h4{margin: 0 0 10px 0;}

.team .team-item .team-txt p small{font-size: 16px;   color: #878787;}

.team .team-item .social-item{ display: flex; align-items: center;  justify-content: center;}

.team .team-item .social-item li{height: 40px;width: 40px; background: #936144;display: flex;align-items: center;justify-content: center;  border-radius: 50%; margin-right: 10px;  transition: all .3s ease;}

.team .team-item .social-item li:hover{background: #936144  ;}

.team .team-item .social-item li a{ color: #fff;}

.directory{padding: 60px 0 0;}

.directory ul{flex-direction: column;}

.directory ul .nav-item2{width: fit-content;  border: unset;}

.directory ul .nav-item2 .nav-link {border: 1px solid #936144; border-radius: 3px; color: #936144;}

.directory ul .nav-item2 .nav-link i{ margin-right: 5px;}

.directory ul .nav-item2 .nav-link:hover{  background: unset;}

.directory ul .nav-item2 .nav-link.active{color: #ffffff;border: 1px solid #936144; background: #936144;}

.directory-table table th{ background: #936144; color: #fff; border: 1px solid #627488;padding: 15px;font-size: 17px;}

.directory-table table td{border: 1px solid #e3e3e3;padding: 12px;}

.directory-table table td img{width: 60px;}

.achivment{padding: 60px 0;}

.directory-table table td p{margin-bottom: 0px;}

.tab-topp .submit {text-align: end; margin-top: 30px;}

.submit a{padding: 10px 30px;background-color: #936144  ; border-radius: 5px; color: #fff; transition: all .3s ease; border: 1px solid #936144  ;}

.tab-topp .submit a:hover{ background-color: unset; color: #936144  ;}

/* ===================Contact================== */
.contact-head .conthead-img {width: 95px;height: 95px;  flex: 0 0 95px;  border-radius: 100%;  display: flex;  align-items: center;  justify-content: center; position: relative; }

.contact-head .conthead-img::before{position: absolute;content: "";height: 100%;width: 100%;top: 0;left: 0;background-image: url(../images/circle-back.png);background-size: cover;    filter: invert(28%) sepia(100%) hue-rotate(161deg) saturate(3);    animation-name: rotating_invers;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes rotating_invers {
  0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }

   100% {
       -webkit-transform: rotate(-360deg);
       transform: rotate(-360deg);
   }
}

.contact-head .conthead-img img {width: 35px;height: 35px;object-fit: cover;    filter: invert(28%) sepia(100%) hue-rotate(161deg) saturate(3);}

.contact-head .contact-head-item {display: flex; align-items: center; padding: 15px;box-shadow: 0 0 10px 0 #00000026; border-radius: 5px;   background: #fff;flex-direction: column; height: 100%;border-top: 3px solid #936144;  }

.contact-head .conthead-txt{text-align: center; margin-top: 25px;}

.contact-head .conthead-txt p {margin: 0 0 0 0px; color: #6c6c6c;}

.contact-head .conthead-txt p a{ color: #6c6c6c;}

.contact-head { padding: 60px 0 60px;position: relative;}

.contact{padding: 60px 0; position: relative; background: #cdcdcd9e;}

.contact::before{position: absolute;  top: 0; left: 0;content: "";  height: 100%;width: 100%; background-image: url(../images/63616.jpg);background-position: center;background-size: cover;background-repeat: repeat;z-index: -1;}

.contact-form label{margin-bottom: 15px;}

.contact-inner{ position: relative;}

.contact-form .form-control{padding: 10px;border-radius: 3px; border: 1px solid #cfcfcf; background: #ffffff78;}

.cont-card{height: 100%;background: aliceblue; padding: 45px;background-image: url(../images/Sanskruti_Bhawan,_Odisha.jpg);object-fit: cover;background-size: cover;background-position: center;position: relative;border-radius: 5px 20px 5px 20px;overflow: hidden;}

.cont-card::before{
  position: absolute;
  content: " ";
  top: 0 ;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000000c9;
}

.cont-card li{display: flex;align-items: center;margin-bottom: 25px;position: relative;}

.cont-card li span{width: 60px;
  height: 60px;
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #936144;
  border-radius: 50%;
  background: #936144;
  color: #fff;
  font-size: 20px;
}
.cont-card li p{margin-left: 25px;margin-bottom: 0;color: #fff;}

.cont-card li p a{color: #ffffff;}

.cont-card li p a:hover{color: #936144;}

.watermark {
  position: absolute;
  font-size: 45px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.watermark h1 {
  font-size: 60px;
  color: #9361448f;
}

.event-map {height: 100%;}

/* =================Photo Gallery=============== */
.photo-gallery{padding: 60px 0;position: relative;}

.photo-gallery .photo-inner {height: 230px;}

.photo-gallery .photo-inner img{height: 100%;width: 100%;object-fit: cover;}

.photo-gallery .photo-gallery-inner{position: relative;z-index: 2;}

.photo-gallery::before {position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/bg-13.png);background-repeat: repeat; background-size: inherit;}

.photo-gallery::after {position: absolute; top: 0; left: 0; content: "";height: 100%; width: 100%; z-index: 0;   background: #fafdffd2;}

.photo-inner{cursor: pointer;position: relative;}

.photo-inner .photo-zoom{ position: absolute;   top: 50%; left: 50%; transform: scale(0) translate(-50%, -50%); transition: all .3s ease;}

.photo-inner .photo-zoom i{font-size: 45px;color: #ffff;}

.photo-inner:hover .photo-zoom{ transform: scale(0) translate(-50%, -50%);}

.photo-gallery .image-txt{ position: absolute;top: 0; left: 0; padding: 10px;background-image: linear-gradient(92deg, black, transparent);}

.photo-gallery .image-txt h6{ margin: 0; color: #fff;}

.view-image { z-index: 9999 !important;}
.photo-gallery {
padding: 60px 0;
position: relative;
}

.photo-gallery::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/bg-13.png);
background-repeat: repeat;
background-size: inherit;
z-index: 0;
}

.photo-gallery::after {
position: absolute;
top: 0;
left: 0;
content: "";
height: 100%;
width: 100%;
z-index: 1;
background: #fafdffd2;
}

.photo-gallery-inner {
position: relative;
z-index: 2;
}

.photo-gallery .photo-inner {
height: 230px;
cursor: pointer;
position: relative;
}

.photo-gallery .photo-inner img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all .5s ease-in-out;
display: block;
}

.photo-gallery .photo-gallery-strip {
display: flex;
gap: 20px;
overflow: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}

.photo-gallery .photo-gallery-strip::-webkit-scrollbar {
display: none;
}

.photo-item-vertical {
flex: 0 0 300px; /* Fixed width per image */
min-width: 300px;
}

.photo-inner .photo-zoom {
position: absolute;
top: 50%;
left: 50%;
transform: scale(0) translate(-50%, -50%);
transition: all .3s ease;
z-index: 3;
}

.photo-inner .photo-zoom i {
font-size: 45px;
color: #ffff;
}

.photo-inner:hover .photo-zoom {
transform: scale(1) translate(-50%, -50%);
}

.photo-gallery .image-txt {
position: absolute;
top: 0;
left: 0;
padding: 10px;
background-image: linear-gradient(92deg, black, transparent);
z-index: 2;
}

.photo-gallery .image-txt h6 {
margin: 0;
color: #fff;
font-size: 14px;
}

.gallery-controls .btn {
border: 2px solid #7a2222;
background: rgba(255,255,255,0.9);
color: #7a2222;
border-radius: 50%;
width: 45px;
height: 45px;
transition: all 0.3s ease;
}

.gallery-controls .btn:hover {
background: #7a2222;
color: white;
}

/* =================Video Gallery================ */
.video-gal{padding: 60px 0;position: relative;}

.video-gal::before {position: absolute;content: "";top: 0; left: 0;height: 100%;width: 100%; background-image: url(../images/bg-13.png); background-repeat: repeat; background-size: inherit;}

.video-gal::after {position: absolute;top: 0; left: 0;content: ""; height: 100%; width: 100%; z-index: 0;background: #fafdffd2;}

.video-gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));grid-gap: 15px; max-width: 100%;padding: 15px; margin: 0 auto; box-sizing: border-box;position: relative; z-index: 2;}

.video-gallery .gallery-item {position: relative;  width: 100%;  height: 300px; background: transparent;  cursor: pointer; overflow: hidden;}

.video-gallery .gallery-item img {position: relative; display: block;width: 115%; height: 300px; object-fit: cover; opacity: .5;transition: all 350ms ease-in-out;transform: translate3d(-23px, 0, 0);}

.north-cascades-img {object-position: 50% 30%; }

.video-gallery .gallery-item .gallery-item-caption { padding: 32px; font-size: 1em; color: #fff; text-transform: uppercase; }

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a { position: absolute; top: 0;  left: 0; width: 100%;height: 100%;}

.video-gallery .gallery-item h2 {font-weight: 300; overflow: hidden; padding: 12px 0;}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p { position: relative;margin: 0; z-index: 1; pointer-events: none;color: #fff; font-size: 14px;}

.video-gallery .gallery-item p {letter-spacing: 1px; font-size: 12px; padding: 12px 0;  opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(10%, 0, 0);}

.video-gallery .gallery-item:hover img {opacity: 0.3; transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item .gallery-item-caption {text-align: left;}

.video-gallery .gallery-item h2::after {content: ""; position: absolute; bottom: 0;left: 0; width: 15%;  height: 1px; background: #fff;transition: transform 0.3s;  transform: translate3d(-100%, 0, 0);}

.video-gallery .gallery-item:hover h2::after { transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item:hover p {opacity: 1; transform: translate3d(0, 0, 0);}

  /* ===============publication============== */
.publication{background: linear-gradient(0.76turn, rgb(255 255 255), #edf5ff);}

.publication .photo-gallery::before{display: none;}

.publication .photo-gallery::after{display: none;}

.publication .public-img{text-align: center;}

.publication  .heading p{margin-top: 55px;}

.publication .photo-gallery{padding-top: 0px;padding-bottom: 0;}

.publication .gal-img {width: 100%; height: 310px; padding: 5px;  border: 1px solid #dfdfdf;background: #fff;  border-radius: 5px;  box-shadow: 0 0 10px 0 #d7d7d7; position: relative; transition: all .3s ease-in-out;overflow: hidden;}

.publication .gal-img:hover img{transform: scale(1.1);}

.publication .gal-img  ul {position: absolute;bottom: 0;display: flex;justify-content: space-between;width: 90%;  margin: 0 auto;left: 50%;transform: translate(-50%, -15px);}

.publication .gal-img  ul p{margin: 0;background: #936144 ;padding: 5px 10px;border-radius: 5px;color: #fff;font-size: 12px;}


.publication .price-tag {position: absolute; top: 10px;right: 10px;   z-index: 9; background: #936144; padding: 5px 10px; border-radius: 5px;}

.publication .price-tag p{ margin: 0; color: #fff; font-size: 12px;font-weight: 700;}

.publication .gal-img img {object-fit: cover;transition: all 1s ease-in-out;} 

.publication .gal-txt h6{color: #fff; margin-bottom: 6px; font-size: 15px;}

.publication .gal-txt p{margin: 0; color: #fff; font-size: 14px;}

.publication .gal-txt { padding: 10px;     height: 55px;}

.gal-txt ul{display: flex;justify-content: space-between;}

.publication .nav-pills .nav-link {font-size: 16px;}

.published-gal{display: block;}

.published-by {padding: 15px 25px;border: 1px solid white;border-radius: 5px;background: url(../images/books/yloshape.png);background-position: bottom;background-repeat: repeat;background-size: cover;position: relative;overflow: hidden;}

.published-by::before{ position: absolute; content: "";top: 0;  left: 0; height: 100%; width: 100%;background: linear-gradient(45deg, #fb5e62d1, #07bd6dde);}

.published-by .sub{text-align: right;}

.published-by .pub-top{position: relative;}

.published-by .pub-top h3{font-size: 18px;color: #ffffff;text-align: center;}

.published-by .pub-top p{color: #fff;}

.publication .public-img{width: 90%;margin: 0 auto;}
/* ===================registered_pandit============== */

.registered_pandit{padding: 60px 0;}

.registered_pandit .left-side-filter ul{flex-direction: column;}

.registered_pandit .left-side-filter ul p{ margin: 10px 0;    color: #936144  ;}

.registered_pandit .left-side-filter ul  li{padding-left: 10px;padding-bottom: 5px;}

.registered_pandit .left-side-filter ul  li .nav-link.active{color: #936144;}
 
.registered_pandit .nav-item2 { border: unset;}

.registered_pandit .nav-link { padding: 0; border-left: unset; font-size: 14px; width: 100%; text-align: left;color: #000000;}

.registered_pandit .nav-link:hover { background-color: unset;}

.registered_pandit th{white-space: nowrap;}

.activities .activities-list ul{overflow-y: auto;}

.registered_pandit .directory-table::-webkit-scrollbar { height: 6px;  background-color: #D6DADD; border-radius: 10px;}

.registered_pandit  .directory-table::-webkit-scrollbar { width: 2px;}

.registered_pandit  .directory-table::-webkit-scrollbar-thumb {background: #936144;border-radius: 10px;}

/* ===========Activities=========== */

/* .activities  ul .nav-item2 .nav-link {width: 100%;}

.activities  ul .nav-item2 .nav-link:hover{ background: #936144 ;color: #fff;border-color: #936144 ;}

.activities .accordion-item{height: 100%;}

.activities .accordion-button{height: 70px;}

.activities .accordion-button:hover{background-color: #936144;color: #fff;}

.activities .accordion-button:hover::after {filter: invert(1) brightness(2.5);}

.activities .accordion-button:not(.collapsed) {background-color: #936144  ;color: #fff;    }

.activities .activities-list ul {flex-direction: row;gap: 15px;}

.activities .accordion-button:not(.collapsed)  .accordion-item{height: auto;}

.activities {position: relative;    }

.activities::before{position: absolute; content: ""; top: 0;  left: 0;  height: 100%; width: 100%; background-image: url(../images/bg-cc.jpg); background-repeat: repeat;background-size: inherit;}

.activities::after{ position: absolute; top: 0;   left: 0; content: ""; height: 100%;width: 100%;z-index: 0; background: #fafdffab;}

.directory-inner{position: relative;z-index: 1;} */

/* Activity Tabs */
/* Background Effects */
.activities {position: relative; padding: 60px 0;}
.activities::before {position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url(/mnt/data/0da4fc76-d9a5-4996-9b26-9b9d95fe06db.png); background-repeat: repeat; background-size: inherit;}
.activities::after {position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 100%; z-index: 0; background: #fafdffab;}
.directory-inner {position: relative; z-index: 1;}

/* Award Cards Design - COMPRESSED */
.award-cards-wrapper {width: 100%;}
.award-card {background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,0.08); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column;}
.award-card:hover {transform: translateY(-5px); box-shadow: 0 6px 20px rgba(147,97,68,0.18);}

/* Award Image - SMALLER */
.award-image {position: relative; width: 100%; height: 220px; overflow: hidden; background: linear-gradient(135deg,#936144,#bc7e57);}
.award-image img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.award-card:hover .award-image img {transform: scale(1.08);}

/* Award Badge - SMALLER */
.award-badge {position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; background: rgba(255,255,255,0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(0,0,0,0.15);}
.award-badge i {font-size: 20px; color: #936144; animation: pulse 2s infinite;}
@keyframes pulse {0%,100% {transform: scale(1);} 50% {transform: scale(1.1);}}

/* Award Content - COMPRESSED */
.award-content {padding: 18px; flex-grow: 1; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff;}
.award-year {display: inline-block; margin-bottom: 10px;}
.award-year span {background: linear-gradient(135deg,#936144,#bc7e57); color: #fff; padding: 6px 16px; border-radius: 20px; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(147,97,68,0.25);}
.award-content h4 {font-size: 17px; font-weight: 700; color: #333; margin: 0; line-height: 1.3;}

/* Responsive Design */
@media (max-width: 992px) {.award-image {height: 200px;} .award-content h4 {font-size: 16px;} .award-content {padding: 16px;}}
@media (max-width: 768px) {.award-image {height: 180px;} .award-content h4 {font-size: 15px;} .award-content {padding: 14px;} .award-badge {width: 36px; height: 36px; top: 10px; right: 10px;} .award-badge i {font-size: 18px;}}
@media (max-width: 576px) {.award-image {height: 160px;} .award-content h4 {font-size: 14px;} .award-content {padding: 12px;} .award-year span {padding: 5px 14px; font-size: 12px;}}

/* ===============announcment========== */
/* Announcement Section - Base Styles */
.announcement {padding: 60px 0; position: relative; overflow: hidden; z-index: 1; background: #fff;}
.announcement-inner {position: relative; z-index: 2;}
.event-inner {position: relative; z-index: 3;}

/* Tab Top Section */
.announcement .tab-topp .row {justify-content: space-between; align-items: center;}
.announcement .tab-topp .sortby-box {display: flex; align-items: center; gap: 10px;}
.announcement .tab-topp .select-itm {flex: 0 0 50%;}
.announcement .tab-topp {padding: 8px 15px; background: aliceblue; border-radius: 5px;}

/* Announcement Details */
.announcement-details {background: #dfdfdf1a;}
.ann-det-cont {width: 90%;}
.ann-det-cont h3 {width: 80%; color: #936144;}
.ann-det-img {position: relative;}
.ann-det-img img {height: 390px; width: 70%; object-fit: cover; border-radius: 5px; box-shadow: 0 0 5px 0 #b9b9b9;}
.ann-det-img .event-datee {position: absolute; bottom: 0px; left: 10px; background: aliceblue; padding: 15px 30px; border-radius: 5px 5px 0 0;}

/* Event Card */
.announcement .event-card {box-shadow: 0 0 12px 0 #e7e7e7; border-radius: 5px; overflow: hidden; height: 100%; background: #fff; transition: all 0.3s ease; position: relative; z-index: 1; margin-bottom: 20px;}
.announcement .event-card:hover {transform: translateY(-5px); box-shadow: 0 6px 25px rgba(0,0,0,0.15);}
.announcement .event-card-img {height: 350px; width: 100%; overflow: hidden; position: relative;}
.announcement .event-card-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.announcement .event-card:hover .event-card-img img {transform: scale(1.1);}

/* Event Text Content */
.announcement .event-txt {padding: 0px 15px 5px; position: relative;}
.announcement .event-txt h3 {margin-bottom: 15px; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding-top: 30px;}
.announcement .event-txt h3 a {font-style: italic; font-size: 18px; font-weight: 500; text-decoration: none; color: #525252; transition: color 0.3s ease;}
.announcement .event-txt h3 a:hover {color: #936144;}
.announcement .event-date {width: fit-content; padding: 10px 15px; background: #936144; color: #fff; position: absolute; top: -30px; right: 15px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px;}
.announcement .event-date i {color: #fff;}

/* Event Button */
.announcement .event-btn {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #d7d7d7; padding-top: 10px; margin-top: 15px;}
.announcement .read a {font-size: 20px; color: #936144; font-weight: 600; text-decoration: none; transition: all 0.3s ease;}
.announcement .read a:hover {color: #0066ff;}
.announcement .solution-btn .buttonn {display: inline-flex; align-items: center; text-decoration: none;}
.announcement .button-box {display: flex; align-items: center;}
.announcement .button-elem {fill: #936144; margin: 24px 18px 0 20px;}
.announcement .button-elem svg {width: 30px; height: 20px; fill: #936144; transition: transform 0.3s ease;}
.announcement .clr-pink {fill: #936144; margin: 24px 20px 0 22px;}
.announcement .buttonn:before {border: 2px solid #936144;}
.announcement .buttonn:hover .button-elem svg {transform: translateX(5px);}

/* Right Side - Upcoming Events */
.news-event-grid {padding: 10px; border: 1px solid #cecece; border-radius: 5px; background: #fff;}
.announcement .event-grid .event-item:first-child {margin-top: 0;}
.announcement .event-grid .event-item:last-child {border-bottom: unset;}
.announcement .event-grid .event-item {margin-top: 20px;}
.announcement .event-item {border-bottom: 1px solid #cecece; display: flex; gap: 15px; padding-bottom: 20px;}
.announcement .event-item:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.announcement .event-img {width: 100px; height: 100px; margin-right: 10px; flex: 0 0 100px; border-radius: 8px; overflow: hidden;}
.announcement .event-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 3px;}
.announcement .event-datee {color: #936144; font-size: 12px; font-weight: 600; margin-bottom: 8px; display: flex; align-items: center; gap: 5px;}
.announcement .event-datee i {font-size: 11px;}
.announcement .event-txt p {font-size: 14px; color: #333; font-weight: 600; line-height: 1.4; margin: 0;}

/* Event Form */
.event-form {margin-top: 30px; padding: 10px 10px 20px; border: 1px solid #cecece; border-radius: 5px;}
.event-form .event-form-txt h4 {text-align: center; font-size: 20px; font-weight: 400; border-bottom: 1px solid #000000; width: fit-content; margin: 0 auto;}
.event-form .form-row label {font-size: 14px; margin-bottom: 10px;}
.event-form .form-row label span {color: red;}
.event-form .form-row .form-control {border: 1px solid #d9d9d9; background: #fff; height: 40px; padding: 5px 20px;}
.event-form .form-row .form-control:focus {box-shadow: unset; border: 1px solid #ea5513;}
.event-form .radio {display: flex; align-items: center;}
.event-form .radio label {margin: 0; margin-left: 10px; margin-right: 20px;}
.event-form .submit-btn {text-align: center;}

/* Heading Styles */
.announcement .heading {margin-bottom: 25px;}
.announcement .heading h2 {font-size: 28px; font-weight: 700; color: #333; position: relative; padding-bottom: 15px;}
.announcement .heading h2::after {content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: linear-gradient(90deg,#936144,#bc7e57);}

/* Watch Event Override */
.announcement .watch-event {padding: 0; background: unset;}

/* Page Title Section */
.page-title {position: relative; padding: 80px 0 60px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.page-title::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0;}
.page-title-inner {position: relative; z-index: 1;}
.back-btn {margin-bottom: 20px;}
.back-btn a {color: #fff; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s ease;}
.back-btn a:hover {color: #936144;}
.title-outer h1 {color: #fff; font-size: 42px; font-weight: 700; margin-bottom: 15px;}
.page-breadcrumb {gap: 10px; list-style: none; padding: 0; margin: 0;}
.page-breadcrumb li {color: #fff; font-weight: 500;}
.page-breadcrumb li a {color: #fff; text-decoration: none; transition: color 0.3s ease;}
.page-breadcrumb li a:hover {color: #936144;}
.page-breadcrumb li:not(:last-child)::after {content: '/'; margin-left: 10px; color: rgba(255,255,255,0.6);}

/* Fly-in Animation */
.fly-in {display: none;}

/* Responsive Design */
@media (max-width: 992px) {.announcement .event-card-img {height: 300px;} .announcement .event-txt h3 {font-size: 16px; min-height: auto;} .title-outer h1 {font-size: 36px;} .ann-det-img img {width: 100%; height: 350px;} .ann-det-cont {width: 100%;} .ann-det-cont h3 {width: 100%;}}
@media (max-width: 768px) {.page-title {padding: 60px 0 40px;} .title-outer h1 {font-size: 30px;} .announcement .heading h2 {font-size: 24px;} .announcement .event-card-img {height: 250px;} .col-lg-4 {margin-top: 30px;} .announcement .read a {font-size: 18px;} .ann-det-img img {height: 300px;}}
@media (max-width: 576px) {.title-outer h1 {font-size: 26px;} .announcement .event-card-img {height: 220px;} .announcement .event-txt {padding: 0 12px 5px;} .announcement .event-txt h3 {font-size: 15px; padding-top: 25px;} .announcement .event-txt h3 a {font-size: 16px;} .announcement .event-img {width: 80px; height: 80px; flex: 0 0 80px;} .announcement .read a {font-size: 16px;} .announcement .button-elem {margin: 20px 15px 0 15px;} .announcement .event-date {padding: 8px 12px; font-size: 12px;} .ann-det-img img {height: 250px;} .ann-det-img .event-datee {padding: 10px 20px;}}
/* =================award-list================== */
.award-list {padding: 60px 0; position: relative;}
.award-list::before {position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/bg-12.png); background-repeat: repeat; background-size: inherit;}
.award-list::after {position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 100%; z-index: 0; background: #fafdffd2;}
.award-list .award-list-inner {position: relative; z-index: 2;}
.award-list .events {padding: 0 10px;}
/* =========Exam========== */
.exam {padding: 60px 0; position: relative;}
.exam .heading p {margin-top: 35px; margin-bottom: 0;}
.exam::before {position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/bg-11.png); background-repeat: repeat; background-size: inherit;}
.exam::after {position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 100%; z-index: 0; background: #fdfdfdd1;}
.exam .exam-inner {position: relative; z-index: 2;}
/* =============folk-art============== */
.folk-art .heading p {margin-top: 35px; margin-bottom: 0;}
.gallery .photo-gallery {padding: 0;}
.about-inner-img img {width: 85%; text-align: center;}
.about-inner-img {text-align: center;}
.pub-work .publication-work {position: relative; z-index: 9;}
.pub-work .publication-work tr:nth-child(odd) td {background: #f5fbff;}
.awardees {padding: 60px 0 0;}


/* ===========Tender============= */

.tender{padding: 60px 0 0   ;}
/* ---------Download Btn--------- */
.Btn {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background-color: rgb(27, 27, 27);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition-duration: .3s;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
  }
  
  .svgIcon {
    fill: #936144;
  }
  
  .icon2 {
    width: 18px;
    height: 5px;
    border-bottom: 2px solid #936144;
    border-left: 2px solid #936144;
    border-right: 2px solid #936144;
  }
  
  .tooltip {
    position: absolute;
    right: -105px;
    opacity: 0;
    background-color: rgb(12, 12, 12);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .2s;
    pointer-events: none;
    letter-spacing: 0.5px;
  }
  
  .tooltip::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: rgb(12, 12, 12);
    background-size: 1000%;
    background-position: center;
    transform: rotate(45deg);
    left: -5%;
    transition-duration: .3s;
  }
  
  .Btn:hover .tooltip {
    opacity: 1;
    transition-duration: .3s;
  }
  
  .Btn:hover {
    background-color: #936144;
    transition-duration: .3s;
  }
  
  .Btn:hover .icon2 {
    border-bottom: 2px solid rgb(235, 235, 235);
    border-left: 2px solid rgb(235, 235, 235);
    border-right: 2px solid rgb(235, 235, 235);
  }
  
  .Btn:hover .svgIcon {
    fill: rgb(255, 255, 255);
    animation: slide-in-top 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  
  @keyframes slide-in-top {
    0% {
      transform: translateY(-10px);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }
  
/* ================Certification================ */

.certification{padding: 160px 0;position: relative;background-image: url(../images/cer-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

.certification::before{position: absolute;content: ""; top: 0;left: 0; height: 100%;width: 100%; background: linear-gradient(45deg, #000000e8, #003c7deb);}

.certification-inner{position: relative;width: 70%;margin: 0 auto;}

.certification .cer-head{margin-bottom: 20px;color: #fff;font-size: 18px;}

.certification .cer-cont{width: 80%;}

.certification .cer-cont p{color: #fff;font-size: 18px;}

.certification .cer-end{width: 35%;margin-left: auto;}

.certification .cer-end p{color: #fff;font-size: 18px;}

.veryfied h3{color: #fff; margin-bottom: 25px;}

.veryfied h3 i{margin-right: 10px;}

/* ============constitution============ */
.constitution{padding: 60px 0;position: relative;background-image: url(../images/book-back.jpg); background-size: inherit; background-repeat: repeat;}

.constitution::before{position: absolute;content: " ";top: 0;left: 0; height: 100%;width: 100%;background: #ffffffed;}

.constitution-inner{position: relative;}

.constitution ul li .cont-li{display: flex;}

.constitution ul li img{width: 20px;height: 20px;margin-right: 10px;margin-top: 5px;}

.constitution ul{padding-left: 15px;}

.constitution p strong{    font-size: 17px;}


/* =============regulation================= */
.regulation{padding: 60px 0;position: relative;background-image: url(../images/book-back.jpg); background-size: inherit; background-repeat: repeat;}

.regulation::before{position: absolute;content: " ";top: 0;left: 0;height: 100%;width: 100%;background: #ffffffed;}

.regulation ul{padding-left: 2rem;}

.regulation-inner{position: relative;}

.regulation-inner ul li{list-style-type: disclosure-closed;color: #936144;}

/* =============anniversary============= */

.anniversary {padding: 60px 0;position: relative;}

.anniversary-inner{position: relative;z-index: 2;}

.anniversary::before{position: absolute;content: "";top: 0; left: 0;  height: 100%;width: 100%;background-image: url(../images/bg-11.png);background-repeat: repeat;background-size: inherit;}

.anniversary:after{position: absolute;top: 0;left: 0;content: ""; height: 100%; width: 100%;z-index: 0;background: #fdfdfdd1;}
/* ============pagination============= */

.pagination{justify-content: center;position: relative;z-index: 5;}

/* ----------Back to top---------- */

.back-to-top {width: 40px; height: 40px; line-height: 40px; text-align: center; background: #936144; position: fixed; bottom: 0;right: 0;text-decoration: none;color: #fff; font-size: 14px;display: none;z-index: 999;animation: 1s infinite bounce_513;}
@keyframes bounce_513 {
  0%,
    100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}


.bottom-menu {     background: linear-gradient(180deg, #c7885c, #936144);}
.marquee {background: #7a2222 ;}
.top-menu {background: #7a2222  ;}
.about-home .about-home-right li {    background: linear-gradient(180deg, #c7885c, #936144);}
.about-home .about-home-left .about-home-txt {    background: linear-gradient(180deg, #c7885c, #936144);}
.about-home .sm-icon {       background: linear-gradient(180deg, #c7885c, #936144);}
.product__carousel .gallery-thumbs .swiper-slide{     background: linear-gradient(180deg, #c7885c, #936144);}
.heading h2 {color: #936144;}
.heading h2::before{background-color: #936144;}
.events .events-item .event-item-txt .lg-btn a { background: #936144  ; border: 1px solid #936144 ;}
.events .events-item .event-item-txt p {color: #936144;}
.award .award-slider h4 {color: #936144 ;}
.go-btn a {color: #936144 ;}
.go-btn:hover a {color: #2438df;}
.buttonn:before {border: 2px solid #936144  ;}
.buttonn:after {border: 2px solid #2438df;}
.button-elem {fill: #936144 ;}
.clr-pink {fill: #2438df;}
.gallery-tab .nav-pills .nav-link {border: 2px solid #936144;}
.gallery-tab .nav-pills .nav-link.active, .gallery-tab .nav-pills .show>.nav-link {background: #936144;border-color: #936144;}
.gallery .gal-txt { background: #936144;}
.submit a {background-color: #936144  ;border: 1px solid #936144  ;}
.announcement .anou-card li .calender .sm-t {background: #6e472f;}
.announcement .anou-card li .calender {background: #936144;}
.announcement .anou-card .ann-cont p i { color: #936144 ;}
.announcement .anou-card .low-btn a {color: #936144 ;}
footer::before {background-color: #936144 ;}
.back-to-top {background: #7a2222;}
.service .service-text h3 {color: #936144 ;} 
.about-home .abt-hm-txt {border-bottom: 2px solid #936144 ;}

/* -----------plans-program"----------- */

.plans-program{padding: 60px 0 0  ;}

.artistdatabase .activities-list ul {flex-direction: row;gap: 15px;}

.event .gal-img{height: 230px;}

.event .gal-img img{ height: 100%;width: 100%;object-fit: cover;}

.event{padding: 60px 0;}

.event .owl-prev  {top: 50%; right: unset;left: 0;}

.event .owl-next  {top: 50%; right: 0;}

.event .event-item{margin-bottom: 30px;}

.event .event-txt{margin-bottom: 25px;}

.gallery-booking{padding: 60px 0;}

.activ{padding:60px 0; }

.act-card{border: 1px solid #936144 ;border-radius: 5px; overflow: hidden;box-shadow: 0 0 5px 0 #aeaeae;height: 100%;background: #eeeeee;}

.act-card .act-txt{padding: 15px ;}

.act-card .act-txt h4{margin: 0px 0px 10px 0px;}

.act-card .act-txt h4 a{color: #936144  ;font-size: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; height: 50px;}

.act-card .act-img{height: 250px;}

.act-card .act-img img{width: 100%;height: 100%; object-fit: cover;}

.act-card .act-txt p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.read{color: #936144  ;font-weight: 600;}

/* -----------glance----------- */

.glance{padding: 60px 0;}

.a-box { display: inline-block; width: 100%;text-align: center;}

.img-container {
    height: 230px;
    width: 200px;
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    display: inline-block;
}

.img-container img {
    transform: skew(0deg, -13deg);
    height: 250px;
    margin: -35px 0px 0px 0px;
    transition: all .3s ease-in-out;
    object-fit: cover;
    width: 100%;
}

.text-container p{    margin-bottom: 5px;
  font-weight: 600;}


.inner-skew {
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    transform: skew(0deg, 13deg);
    font-size: 0px;
    margin: 30px 0px 0px 0px;
    background: #c8c2c2;
    height: 250px;
    width: 200px;
    transition: all .3s ease-in-out;
}

.text-container {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  padding: 120px 20px 20px 20px;
  border-radius: 20px;
  background: #fff;
  margin: -120px 0px 0px 0px;
  line-height: 19px;
  font-size: 14px;
}

.text-container h3 {
  margin: 20px 0px 10px 0px;
  color: #04bcff;
  font-size: 18px;
}

.a-box:hover .inner-skew {margin: 0; transform: skew(0deg, 0deg); }

.a-box:hover .inner-skew  img{    transform: skew(0deg, 0deg);margin: 0;}
/* ====================New Css==================== */

.anou-card ul{height: 355px; overflow: hidden;}

.photo-gallery-inner .photo-inner {height: 250px;overflow: hidden;border-radius: 5px;}

.photo-gallery-inner .photo-inner img{height: 100%; Width: 100%;object-fit: cover;transition: all .5s ease-in-out;}

/* .photo-gallery-inner .photo-inner:hover img{transform: scale(1.2) rotate(8deg);} */
/* ----Activities Details----- */

.activities-details {padding: 60px 0;}

.activities-details .act-img{height: 250px;overflow: hidden; border-radius: 10px 0 10px 0;border: 4px solid #a06b4a;box-shadow: 0 0 10px 0 #56565675;}

.activities-details .act-img img{width: 100%;height: 100%; object-fit: cover;}

.act-detl-txt{width: 60%; margin-top: 25px;}

.act-detl-txt h4{ color: #7a2222;}

@media only screen and (min-width: 768px) and  (max-width: 991px)  {
	.act-detl-txt{width: 100%; }
        .activities-details .act-img { height: 200px;}
}
/* Responsive logo sizes */
@media (max-width: 992px) {
    .top-logo img { height: 80px; }
    .mid-menu { padding: 20px 0; }
}

@media (max-width: 768px) {
    .mid-menu-flex { flex-direction: column; gap: 10px; }
    .top-logo img { height: 70px; }
    .mid-menu { padding: 18px 0; }
    .top-logo { margin-bottom: 10px; }
}

@media (max-width: 576px) {
    .top-logo img { height: 55px; }
    .mid-menu { padding: 14px 0; }
    .top-logo { margin-bottom: 8px; }
}

@media only screen and (max-width: 767px) {

    .act-detl-txt{width: 100%; }
    .activities-details .act-img {height: 200px;}
}




/* ------ Top Search ------ */

.input { padding-left: var(--size-button); height: var(--size-button); font-size: 15px;  border: none;  color: #fff; outline: none;   width: var(--size-button);transition: all ease 0.3s;background-color: #191a1e00;border-radius: 50px;cursor: pointer;}

.input:focus, input:not(:invalid) { cursor: text;}

.input:focus + .icon,
.input:not(:invalid) + .icon { pointer-events: all; cursor: pointer;}

.topsearch { position: relative;  --size-button: 38px; color: white; padding: 0 !important; }

.topsearch .icon {position: absolute; width: var(--size-button);height: var(--size-button); top: 0;left: 0;padding: 8px; pointer-events: none;}

.topsearch .icon svg { width: 100%; height: 100%;}

/* ------ top Text Custome ------ */

.text-custom .dropdown button {background: unset; padding: 1px 4px; border-radius: 5px; border: unset;padding: 0;}

.dropdown-toggle::after{display: none;}

.text-custom .dropdown-menu {--bs-dropdown-min-width: 0rem; width: auto;display: none; margin-left: -13px !important; border-radius: unset; padding: 8px ;}

.dropdown-menu.show {display: block;}

.text-custom ul li{padding: 0;margin-bottom: 3px;    border-left: unset;}

.text-custom   ul li a {color: #000; background: #e7e7e7;text-align: left !important;font-size: 13px; padding: 5px 6px !important; }

.text-custom  .dropdown-item:focus, 
.text-custom  .dropdown-item:hover {color: #4c4c4c;background-color: #ffd944;}

.text-custom button:hover img{filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

.text-custom .dropdown:hover .dropdown-menu {display: block !important;}

/* ----sitemap---- */

.sitemap{padding: 60px 0;position: relative; background-image: url(../images/sitemap-back.jpg);}

.sitemap:before{position: absolute;top: 0; left: 0;content: ""; height: 100%; width: 100%;background: linear-gradient(89deg, #ffffffde, transparent);}

.sitemap-inner{position: relative;}

.sitemap ul li  span{ font-weight: 700;font-size: 18px;margin: 10px 0; display: block; color: #b28b16;}

.sitemap ul li {margin-top: 5px; margin-left: 15px;}

.sitemap .iner-site li{list-style-type: circle;}

.sitemap .iner-site li::marker{    color: #ac734f;}

.sitemap .iner-site{padding-left: 15px;}

.sitemap ul li a{font-size: 16px;}

.sitemap ul li:first-child i{color: #287fff; margin-right: 5px;}


.sitemap ul li:last-child i{color: #287fff; margin-right: 5px;} 


/*  */

.watch-event{position: relative;}

.watch-event-inner{position: relative;}

.shp-1{position: absolute ; bottom: 0; left: 0;z-index: 2; opacity: .5;}

.shp-2{opacity: .5;position: absolute; right: -40px;bottom: 0; width: 325px;}

.shp-3{position: absolute; bottom: 0; left: 0; opacity: 0.1;width: 400px;}

.shp-4{position: absolute;right: 0; top: 0;width: 250px;}

.shp-6{ position: absolute;right: 0; bottom: 0px;width: 210px;opacity: .5;z-index: 1;}

.shp-7{position: absolute;top: 0; left: 0;z-index: 1;}

.shp-8{position: absolute; left: 0;bottom: 0;bottom: 50px;width: 210px; z-index: -1;}

.shp-9{position: absolute;top: 0;left: 0; opacity: .1;}

.shp-10{position: absolute;top: 0; right: 0; width: 260px;opacity: .5;}



.service .service-tab{position: relative;}

.service .service-tab::before{ position: absolute; content: ""; top: 0; left: 0; height: 100%;width: 100%; background-size: 100% 100%; background-image: url(../images/penting-bg.png); z-index: -1; opacity: 0.2;}

.announcement::after{position: absolute; content: ""; height: 100%; width: 100%;top: 0; left: 0;background-image: url(../images/kalinga-gallery.jpg); background-attachment: fixed; background-size: cover;}

.announcement::before { position: absolute; content: ""; top: 0;left: 0; width: 100%; height: 100%; background: #f4fffde6; z-index: 1;}

.announcement-inn{position: relative;z-index: 2;}


/* ====================responssive==================== */


@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    .container{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1481px) and  (max-width: 1681px)  {
    .banner-left h1 { font-size: 55px;}
    .banner-right .odishi img { width: 720px;}
    .service .service-text p {font-size: 16px;}
    .award .award-slider p {font-size: 15px; line-height: 22px;}
    .award .award-slider {padding: 47px 30px;}    
    .watch-event .you-video .vdo {height: 480px;}

}
@media only screen and (min-width: 1367px) and  (max-width: 1480px)  {
    .nav-tabs-links .nav-link {padding: 5px 13px 5px 13px;}
    .tab-content .description .card-title { width: 80%;}
    .banner-right .odishi img {width: 760px; }
    .banner-left h1 {font-size: 55px;}
    .service .service-text p { font-size: 16px;}
    .events .events-item .event-item-txt h4{font-size: 18px;}
    .about-home .about-home-right li { padding: 25px 0 25px 20px;}
    .award .award-slider p {font-size: 16px;line-height: 28px;}
    .award .award-slider { padding: 40px 20px;}    
    .watch-event .you-video .vdo { height: 495px;}    
    .gallery .gal-img {height: 250px; }
    .heading h2 { font-size: 32px; }
    .product2 .product2-txt {width: 100%;position: relative;}  

    .about-home .about-home-right {height: 365px;}


    .shp-1, .shp-9 { width: 250px;}
    .shp-10 { width: 165px;}
    .shp-2 { width: 140px;}
    .shp-4 { width: 150px;}
    .shp-7 {  width: 200px;}
    .shp-6 { width: 100px;}
    .shp-8 { bottom: 0; width: 150px;}
  
      
}
@media only screen and (min-width: 1300px) and  (max-width: 1366px)  {
    .heading h2 { font-size: 30px; }
    .nav-tabs-links .nav-link {padding: 5px 13px 5px 13px;}
    .tab-content .description .card-title { width: 80%;}
    .banner-right .odishi img {width: 760px; }
    .banner-left h1 {font-size: 55px;}
    .service .service-text p { font-size: 16px;}
    .events .events-item .event-item-txt h4{font-size: 18px;}
    .about-home .person-img {right: -25px;}
    .about-home .about-home-right li { width: 95%;padding: 20px 0 20px 20px;}
    .about-home .person-img img {width: 60px;height: 60px;}
    .award .award-slider p {font-size: 16px; line-height: 23px; }
    .award .award-slider {padding: 25px 15px;}    
    .gallery .gal-img {height: 200px;}
    .gallery .video-gallery .gallery-item img {width: 115%;height: 100%;}
    .gallery .video-gallery .gallery-item { height: auto;}
    .gallery .photo-gallery {padding: 0;}
    .watch-event .you-video .vdo {height: 400px;}
    .watch-event .socila-feed ul li {padding: 10px 10px; }
    .watch-event .social-feed { padding: 25px 20px 25px 20px;}
    .watch-event .soc-col-head .soc-col-head-right h6 {font-size: 16px; }
    .watch-event .soc-col-head .soc-col-head-right p {font-size: 14px;}
    .gallery-tab .nav-pills .nav-link {font-size: 16px;}
    .about-home .abt-hm-txt p {font-size: 16px;}
    .about-home .about-home-left .about-home-txt h4 {font-size: 20px; }
    .gallery .gal-txt h4 {font-size: 18px;}
    .product2 .product2-txt { width: 95%;}
    

    .top-logo img {width: 80px;}
    .aka-logo img {width: 50px;}
    .nav-top-btns .five-t img {width: 95px;}
    .act-card .act-img {height: 220px;}
    .about-home .about-home-right {height: 335px;}
    .product__carousel .gallery-top {height: 480px !important;}
    .service .service-text { height: 325px;}
    .events .events-item img {height: 155px;}  
    .anou-card  ul{height: 255px;overflow: hidden;}
    .announcement .anou-card::before , .watch-event .social-feed::before{height: 100px; width: 100px;}
    .announcement .anou-card .shape5, .watch-event .social-feed .shape5 {width: 35px;}  
    .about-home .about-home-right {height: 410px;}
    
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {
    h4 { font-size: 20px;}
    .heading h2 {font-size: 26px;}
    .sortby-box div {width: 100px;}
    .image-div {width: 250px;flex: 0 0 250px;}
    .product__carousel .gallery-top {height: 450px !important;}
    .service .service-text p {font-size: 15px;margin-bottom: 10px;}
    .service .service-text {height: 330px;} 
    .award-item .row .col-md-5{display: none;} 
    .award-item .row .col-md-7{width: 100%;}
    .award .award-slider {  padding: 30px;}
    .gallery .gal-img {height: 220px;}
    .anou-card  ul{height: 255px;overflow: hidden;}
    .announcement .anou-card::before , .watch-event .social-feed::before{height: 100px; width: 100px;}
    .announcement .anou-card .shape5, .watch-event .social-feed .shape5 {width: 35px;}      
    .watch-event .you-video .vdo {height: 420px;}
    .about-home .about-home-right { height: 410px;}  
    .soc-col-head-left{flex: 0 0 50px;}
    .watch-event .social-feed {padding: 15px;}
    .watch-event .soc-col-head .soc-col-head-right h6 {font-size: 14px;}
    .watch-event .socila-feed ul li {padding: 10px 10px;}
}
@media only screen and (min-width: 992px) and  (max-width: 1179px)  {
    .heading h2 {font-size: 28px;}
    h4 {font-size: 18px;}
    p {font-size: 15px;}
    .act-card .act-txt h4 {margin-bottom: 10px;}
    .act-card .act-txt h4 a {font-size: 18px;}
    .image-div {width: 250px;flex: 0 0 250px;}
    .top-logo img {width: 80px;}
    .aka-logo img {width: 50px;}
    .nav-top-btns .five-t img {width: 95px;}
    .act-card .act-img {height: 220px;}
    .about-home .about-home-right {height: 335px;}
    .product__carousel .gallery-top {height: 480px !important;}
    .service .service-text { height: 325px;}
    .events .events-item img {height: 155px;}  
    .anou-card  ul{height: 255px;overflow: hidden;}
    .announcement .anou-card::before , .watch-event .social-feed::before{height: 100px; width: 100px;}
    .announcement .anou-card .shape5, .watch-event .social-feed .shape5 {width: 35px;}  
    .about-home .about-home-right {height: 410px;}
    .service .service-text p {font-size: 15px;margin-bottom: 10px;}
    .service .service-text {height: 330px;} 
    .award-item .row .col-md-5{display: none;} 
    .award-item .row .col-md-7{width: 100%;}
    .award .award-slider {  padding: 30px;}
    .gallery .gal-img {height: 220px;}
    .announcement .anou-card::before , .watch-event .social-feed::before{height: 100px; width: 100px;}
    .announcement .anou-card .shape5, .watch-event .social-feed .shape5 {width: 35px;}      
    .watch-event .you-video .vdo {height: 420px;}
    .about-home .about-home-right { height: 410px;}  
    .soc-col-head-left{flex: 0 0 50px;}
    .watch-event .social-feed {padding: 15px;}
    .watch-event .soc-col-head .soc-col-head-right h6 {font-size: 14px;}
    .watch-event .socila-feed ul li {padding: 10px 10px;}
    .award .award-slider p {font-size: 16px;line-height: 27px;}
    .events .events-item .event-item-txt .lg-btn a {padding: 8px 25px;}
    .events .events-item .event-item-txt {padding: 20px 0 0;}
    .announcement .event-card-img {height: 220px;}
    .announcement .event-item {flex-direction: column;}
    .announcement .event-txt {padding: 10px 0px 5px;}
    .announcement .event-card .event-txt {padding: 15px;}
    .photo-gallery .image-txt h6 {font-size: 16px;}
    .photo-gallery .photo-inner {height: 220px;}
    .watermark h1 {font-size: 46px;}
    .cont-card {padding: 25px;}  

}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {
    .tab-topp .row .col-12{ margin-top: 15px; }
    .tab-topp .tab-top-item { justify-content: flex-start; }
    .sortby-box {width: 100%;}
    .sortby-box span{width: 90px;}
    .sortby-box div {width: 100%; }
    .main-div {flex-direction: column; }
    .image-div { width: 100%; flex: 0 0 auto;margin: 0;}
    .zero-offer {bottom: 55%; }
    .main-div .description { padding-top: 15px; }
    /* .top-logo img {  width: 350px; } */
    .nav-top-btns .five-t img { width: 100px; }
    .quick-play a {font-size: 11px;}
    .footer-list ul {flex-wrap: wrap;}
    .service .service-text { padding-top: 55px;}
    .service .service-text p { font-size: 15px;}
    .award {padding-left: 0;margin-top: 35px;}
    .gallery-inner{position: relative;}
    .gallery-inner .owl-prev,  .gallery-inner .owl-next {top: -110px;}    
    .watch-event .you-video {margin-right: 0;}
    .watch-event .you-video .vdo { height: 370px;}
    .watch-event .social-feed {margin-top: 35px;}
    .product2-inner .row{flex-direction: column-reverse;}
    .product2 .product2-txt {width: 100%;padding: 25px;}
    .product2 .product2-inner img {clip-path: unset; }
    .announcement .event-card-img { height: 240px; }
    .announcement .event-txt h3 a {font-size: 16px;}
    .announcement .read a {font-size: 16px; }
    .announcement .event-date {font-size: 14px;}
    .buttonn {width: 45px;height: 45px;}
    .button-elem {height: 12px; width: 12px;}
    .announcement .button-elem {margin: 22px 18px 0 17px; }
    .announcement .clr-pink {margin: 22px 19px 0 25px; }
    .gallery-tab .nav-pills .nav-link {font-size: 16px;padding: 10px 25px;}

    /* .top-logo-txt{display: none;}
    .top-logo img { width: 70px;}
    .aka-logo img { width: 45px;}
    .mid-menu { padding: 0px 0;} */
    .naveen-txt{opacity: 0;}
    .mid-menu-flex {background: #fff;}
    .five-t{display: none;}
    .gallery .gal-img {height: 220px;}
    .product__carousel .gallery-top {height: 315px !important;}
    .anou-card  ul{height: 245px;overflow: hidden;}
    .announcement .anou-card::before , .watch-event .social-feed::before{height: 100px; width: 100px;}
    .announcement .anou-card .shape5, .watch-event .social-feed .shape5 {width: 35px;}  
        
    
}
@media only screen and (max-width: 767px) {
    p{font-size: 14px ;}
    h4{font-size: 18px ;}
    h3 {font-size: 18px;}
    .main-div {flex-direction: column; }
    .image-div { width: 100%; flex: 0 0 auto;margin: 0;}
    .zero-offer {bottom: 55%;     padding: 10px 15px;   }
    .main-div .description { padding-top: 15px; }
    .curr span {display: none;  }
    .quick-play{display: none;  }
    .five-t{display: none;  }
    .tab-topp .row .col-12 {margin-top: 15px;}
    .tab-topp .tab-top-item { justify-content: flex-start; }
    .sortby-box {width: 100%;}
    .sortby-box span{width: 90px;}
    .sortby-box div {width: 100%; }
    .footer-list ul {flex-wrap: wrap;}
    .newsletter-div {flex-direction: column;}   
    .newsletter-div textarea{width: 100%;} 
    .tab-topp { margin: 25px 0 25px; }
    .sale-right-tab-text p {font-size: 16px; }
    .sale-right-tab-text strong {   font-size: 18px; }
    .zero-offer p { font-size: 14px; }
    .social ul li small { font-size: 12px;}
    .social ul li i {font-size: 20px;}
    .social ul li { padding: 8px 15px;}
    .curr ul li {padding: 4px 4px;}
    .curr li img {width: 20px;}
    .log-box li { padding: 4px 4px;    margin-left: 0;}
    .top-icon li {font-size: 10px;}
    .banner-right .odishi img {width: 100%;}
    .banner-right {position: relative; bottom: 0; right: 0;}
    .odishi {text-align: center;}
    .banner-left h1 {font-size: 30px; text-align: center;}
    .banner-section-inner {padding: 60px 0 0;}
    .top-icon li { font-size: 14px;    padding: 4px 0px;}
    .about-home .about-home-right-top { margin-right: 0;}
    .about-home .about-home-left .about-home-txt h4 {padding: 0px 0px 0 15px;font-size: 16px;}
    .marquee .marquee-inner h4 {    font-size: 18px;}
    .marquee .marquee-inner span {font-size: 16px;}
    .about-home .abt-hm-txt p {font-size: 16px;}
    .service .service-text {padding: 20px; height: auto;padding-top: 0;}
    .service {padding: 40px 0;}
    .service .service-image img {width: 120px;    height: 220px;}
    .heading h2 { font-size: 24px; }
    .service .service-tab h6 {font-size: 16px; text-align: center;}
    .award { padding-left: 0;    margin-top: 40px;    }
    .events {padding: 40px 0; }
    .award .award-slider p {font-size: 14px; line-height: 24px;}
    .award .award-slider h4 { font-size: 18px; margin-top: 15px;}
    .award .award-slider {padding: 15px; }    
    .gallery .shape-gallery img { height: 30%;  }
    .gallery-tab .nav-pills .nav-item {margin-right: 5px; }
    .gallery-tab .nav-pills .nav-link {font-size: 11px;padding: 8px 8px;}
    .gallery { padding: 40px 0;}
    .gallery .shape-gallery {z-index: -1;}
    .announcement .anou-card .heading h2 { font-size: 24px;}
    .watch-event .you-video {margin-right: 0;}
    .watch-event .you-video .vdo {height: auto;  }
    .watch-event {padding: 40px 0;}
    .watch-event .soc-col-head { display: flex;align-items: flex-start; flex-direction: column;}
    .watch-event .soc-col-head img {width: 50px;}
    .watch-event .soc-col-head .soc-col-head-right {margin-top: 10px; margin-left: 0;}
    .about-home { padding: 40px 0;}
    .watch-event .soc-col-head .soc-col-head-right h6{font-size: 16px;}
    .watch-event .social-cult-links h6{font-size: 16px;}
    .go-btn a {font-size: 16px; }
    .buttonn {width: 45px; height: 45px;}
    .button-elem { height: 12px; width: 12px;margin: 24px 18px 0 17px;}
    .clr-pink {margin: 24px 20px 0 26px; }
    .about-home .person h5 {font-size: 16px;}
    .about-home .person p { font-size: 14px;}
    .service .service-text h3 {font-size: 22px; margin: 0px 0px 10px 0px; }
    .gallery .owl-prev { top: -100px;height: 30px; width: 30px;right: 55px;    }
    .gallery .owl-next  { top: -100px;height: 30px; width: 30px;}
    .announcement .anou-card { padding: 30px 15px 60px 15px}
    .announcement .anou-card .low-btn a { font-size: 15px;  }
    .announcement .anou-card .low-btn a i { font-size: 20px;}
    .announcement .anou-card .ann-cont p i {font-size: 16px;}
    .announcement .anou-card::before {height: 80px;width: 80px;}
    .announcement .anou-card .shape5 { width: 30px;}
    .client .gallery-slider {overflow: hidden;padding: 20px 0;}
    .product2-inner .row{flex-direction: column-reverse;}
    .product2 .product2-txt {width: 100%;padding: 25px 15px; }
    .product2 .product2-inner img {clip-path: unset; }
    .title-outer h1 {font-size: 28px; }
    .directory-table{overflow: scroll;overflow-y: hidden; }
    .directory-table .table {    white-space: nowrap;}
    .directory ul {flex-direction: row;}
    .directory ul .nav-item2:last-child{margin-top: 0 !important; margin-left: 15px;}
    .team .team-item img {height: 100px; width: 100px;}
    .page-title-inner {padding: 50px 0;}
    .back-btn a {padding: 10px ;font-size: 10px;}
    .activities .activities-list ul {flex-direction: row;flex-wrap: nowrap;overflow-y: hidden; overflow-x: scroll;padding-bottom: 10px;}
    .activities .activities-list ul li{width: 150px;flex: 0 0 250px;}
    .activities   ul .nav-item2:last-child {margin-top: 15px !important;margin-left: 0; }
    .activities .accordion-button { font-size: 15px; }
    .activities .activities-list ul::-webkit-scrollbar { height: 6px;  background-color: #D6DADD; border-radius: 10px;}
    .activities .activities-list ul::-webkit-scrollbar { width: 2px;}
    .activities .activities-list ul::-webkit-scrollbar-thumb {background: #936144;border-radius: 10px;}
    .directory-table::-webkit-scrollbar { height: 6px;  background-color: #D6DADD; border-radius: 10px;}
    .directory-table::-webkit-scrollbar { width: 2px;}
    .directory-table::-webkit-scrollbar-thumb {background: #936144;border-radius: 10px;}
    .folk-art .activities-list ul li { width: auto; flex: 0 0 auto;}
    .heading { margin-bottom: 35px;}
    .announcement .event-card-img {height: 170px;}
    .announcement .event-txt h3 a {font-size: 16px;}
    .announcement .read a {font-size: 16px; }
    .announcement .event-date {font-size: 12px;padding: 10px;}
    .buttonn {width: 45px;height: 45px;}
    .button-elem {height: 12px; width: 12px;}
    .announcement .button-elem {margin: 22px 18px 0 17px; }
    .announcement .clr-pink {margin: 22px 19px 0 25px; }
    .event-txt p {font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; }
    .announcement .event-img {width: 100px;height: 80px;}
    .news-event-grid { margin-top: 35px;}
    .watch-event .social-feed .shape5 {width: 30px;}
    .watch-event .social-feed::before {height: 80px; width: 80px;}
    .socila-feed{ margin-top: 35px;}
    .announcement .event-txt h3 {line-height: 20px;}
    .events .events-item .event-item-txt .lg-btn a {padding: 10px 25px;font-size: 12px; }
    .photo-gallery .image-txt h6 {font-size: 10px; }
    .video-gallery {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .video-gallery .gallery-item {height: 200px;}
    .video-gallery .gallery-item img { height: 200px;}
    .contact-form-map iframe{height: 250px;}
    .contact-form-map {margin-top: 35px;}
    .contact { padding: 35px 0; }   
    .banner-section::before { background: unset; }
    .banner-section { background-color: unset; }
    .about-home .about-home-right {height: 370px;}
    .testi-slider {margin-top: 50px;}
    .naveen-txt{opacity: 0;}
    .about-home .lg-shape { height: 50px;}
    .award .award-slider { background-position: bottom;background-size: cover;  background-repeat: no-repeat;}
    .certification {padding: 40px 0;}
    .certification-inner { width: 100%;}
    .certification .cer-head { font-size: 16px;}
    .certification .cer-cont {width: 100%;}
    .certification .cer-cont p { font-size: 14px;}
    .certification .cer-end { width: 50%;}
    .certification .cer-end p { font-size: 16px;}
    .publication .gal-img {height: 225px;}


    .top-logo-txt{display: none;}
    .top-logo img { width: 70px;}
    .aka-logo img { width: 45px;}
    .mid-menu { padding: 0px 0;}
    .product__carousel .gallery-top {height: 275px !important; background-position: center;background-size: auto;background-repeat: no-repeat;}
    .product__carousel .swiper-button-next.swiper-button-white, .product__carousel .swiper-button-prev.swiper-button-white { top: 126%;}
    .product__carousel a {margin-bottom: 0;}
    .service .service-text p {font-size: 14px; margin-bottom: 10px;}
    .about-inner-img { height: auto;}
    .department-plan {padding: 35px 0;}
    .about { padding: 40px 0 35px;}
    .directory { padding: 35px 0 0;}
    .activ {padding: 40px 0 35px;}  
    .act-card .act-img {height: 220px;}
    .publication .heading {margin-bottom: 15px;}
    .photo-gallery .photo-inner { height: 180px;}
    .photo-gallery { padding: 35px 0; }
    .video-gal {padding: 40px 0 35px;}
    .cont-card {padding: 15px;}
    .cont-card li span {width: 50px;height: 50px;flex: 0 0 50px;font-size: 20px;}
    .watermark h1 {font-size: 45px;text-align: center;}
    .contact-head {padding: 40px 0 35px; }
    .event-map { margin-top: 35px;}
    .ann-det-img img {height: 220px;width: 100%;object-position: center;}
    .ann-det-cont h3 {width: 100%;}
    .ann-det-cont { width: 100%;margin-top: 25px !important;}
    .announcement .event-txt { padding: 0px 5px 5px;}
    .announcement .event-datee {font-size: 14px; margin-bottom: 5px;}
    .announcement .ann-det-img .event-datee { margin-bottom: 0px;}
    .top-logo { gap: 10px;}
    .announcement {padding: 30px 0 35px;}
    .watch-event .social-feed { margin-top: 40px;     padding: 15px;}
    .srevice-slide-cont .service-image {display: none;}
    
    .aw-img img{    margin: 0 auto;}

    .shp-10 {width: 160px;}
    .shp-9 {width: 150px;}
    .shp-1 {width: 150px;}
    .shp-2 {right: -20px; width: 200px;}
    .shp-4 {width: 150px;}
    .shp-3 { width: 200px;}
    .shp-7 { width: 100px;}
    .shp-6 {width: 100px;}
    .shp-8 {bottom: 0;  width: 100px;}
      .donate-wrapper,
    .donate-button-wrapper {
        display: none !important;
    }


    
}
@media only screen and (max-width:430px){
    .top-icon ul li i {font-size: 20px;}   
    .curr ul .abtn {font-size: 10px;height: 20px; width: 20px;}
    .curr ul {gap: 0px; }

    .top-icon li a { padding: 0px 5px 0px 5px; }
    .top-icon li:first-child {display: none;}
    .nav-tabs-links .nav-link {width: 150px;padding: 10px;}
    .footer-inner ul li {margin-right: 8px;}
    .footer-inner ul li a {font-size: 14px;}
    footer {padding: 30px 0;}
    .announcement .event-card-img {height: 220px;}
    .product__carousel .gallery-top { height: 200px !important;}
    .client .box { height: 90px;}

}
/* ===============================================
   DONATE PAGE - Decorative Border Hero Banner
   =============================================== */

.inner-hero-banner-decorated {
    position: relative;
    padding: 40px 20px;
    background-image: url('../images/borderbg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}

.decorative-border-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px;
}

.hero-artwork-bg {
    position: relative;
    min-height: 420px;
    background-image: url('../images/lalit-bnr.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 8px solid #8b4513;
    box-shadow: 
        inset 0 0 0 3px #d4af37,
        0 10px 30px rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    padding: 40px 20px;
}

.hero-title-white {
    font-size: 58px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 25px;
    text-shadow: 
        3px 3px 6px rgba(0, 0, 0, 0.8),
        -1px -1px 2px rgba(0, 0, 0, 0.5);
    letter-spacing: 2px;
    font-family: 'Georgia', serif;
    line-height: 1.2;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
}

.breadcrumb-item {
    font-size: 17px;
    font-weight: 500;
}

.breadcrumb-item a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.breadcrumb-item a:hover {
    color: #ffd700;
    text-shadow: 2px 2px 6px rgba(255, 215, 0, 0.8);
}

.breadcrumb-item.active {
    color: #ffd700;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: rgba(255, 255, 255, 0.9);
    padding: 0 12px;
}

.back-to-home-btn-white {
    position: absolute;
    bottom: 35px;
    left: 45px;
    background: rgba(255, 255, 255, 0.95);
    color: #5c1f1b;
    padding: 14px 28px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.4s ease;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.back-to-home-btn-white:hover {
    background: #ffffff;
    color: #8b2e2b;
    transform: translateX(-8px);
    border-color: #8b2e2b;
    box-shadow: 0 6px 25px rgba(139, 46, 43, 0.5);
}

.back-to-home-btn-white i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.back-to-home-btn-white:hover i {
    transform: translateX(-4px);
}

/* Responsive */
@media (max-width: 768px) {
    .inner-hero-banner-decorated {
        padding: 20px 10px;
        min-height: 400px;
    }
    
    .hero-artwork-bg {
        min-height: 320px;
        border: 5px solid #8b4513;
    }
    
    .hero-title-white {
        font-size: 36px;
    }
    
    .back-to-home-btn-white {
        bottom: 20px;
        left: 20px;
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .hero-title-white {
        font-size: 28px;
    }
    
    .hero-artwork-bg {
        min-height: 280px;
    }
}
.photo-gallery-vertical {
    max-height: 260px;    /* slightly more than one image */
    overflow: hidden;     /* hide other images */
    position: relative;
}

.photo-item-vertical {
    margin-bottom: 0;     /* no gap between images */
}

.photo-item-vertical .photo-inner img {
    width: 100%;
    height: 240px;        /* visible height of one image */
    object-fit: cover;
    display: block;
}
/* Remove hover tilt effect on photo gallery page */
.photo-gallery .photo-item .photo-inner,
.photo-gallery .photo-item .photo-inner:hover {
    transform: none !important;
}

.photo-gallery .photo-item .photo-inner img,
.photo-gallery .photo-item .photo-inner:hover img {
    transform: none !important;
}

.photo-gallery .photo-zoom {
    display: none;
}

/* Also for vertical gallery if used */
.photo-gallery-vertical .photo-item-vertical .photo-inner,
.photo-gallery-vertical .photo-item-vertical .photo-inner:hover {
    transform: none !important;
}

.photo-gallery-vertical .photo-item-vertical .photo-inner img,
.photo-gallery-vertical .photo-item-vertical .photo-inner:hover img {
    transform: none !important;
}

.photo-gallery-vertical .photo-zoom {
    display: none;
}
/* ==================== About Ramachandi Section ==================== */
.about-ramachandi-section {
    padding: 60px 0;
    background: linear-gradient(to bottom, #fff 0%, #f8f9fa 100%);
}

/* Introduction Section */
.ramachandi-intro {
    margin-bottom: 60px;
}

.intro-image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(147, 97, 68, 0.2);
}

.intro-image img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.image-overlay {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background: rgba(147, 97, 68, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse 2s infinite;
}

.image-overlay i {
    font-size: 40px;
    color: #fff;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.intro-content {
    padding-left: 30px;
}

.section-title {
    font-size: 36px;
    color: #936144;
    font-family: "Merienda", cursive;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.title-icon {
    color: #7a2222;
    font-size: 42px;
}

.content-box {
    background: #fff;
    padding: 30px;
    border-left: 5px solid #936144;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.lead-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.9;
    color: #333;
    margin-bottom: 15px;
}

.content-box p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* Historical Section */
.historical-section {
    margin-bottom: 60px;
}

.section-header {
    margin-bottom: 50px;
}

.title-underline {
    width: 100px;
    height: 4px;
    background: linear-gradient(to right, #936144, #7a2222);
    margin: 15px auto 0;
    border-radius: 2px;
}

/* Timeline */
.history-timeline {
    position: relative;
    padding-left: 50px;
}

.history-timeline::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #936144, #7a2222);
}

.timeline-item {
    position: relative;
    margin-bottom: 50px;
}

.timeline-marker {
    position: absolute;
    left: -40px;
    width: 50px;
    height: 50px;
    background: #936144;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 8px #fff, 0 0 0 12px #936144;
    z-index: 2;
}

.timeline-marker i {
    font-size: 22px;
    color: #fff;
}

.timeline-content {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    margin-left: 30px;
}

.timeline-content h3 {
    font-size: 24px;
    color: #7a2222;
    font-family: "Merienda", cursive;
    margin-bottom: 20px;
}

.timeline-content p {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
    text-align: justify;
}

.timeline-image {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.timeline-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Info Highlight Box */
.info-highlight {
    background: #fff3cd;
    border-left: 4px solid #936144;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.info-highlight i {
    font-size: 24px;
    color: #936144;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-highlight span {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

/* Sacred Places Grid */
.sacred-places-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 30px 0;
}

.place-card {
    background: #f8f9fa;
    padding: 25px 15px;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
}

.place-card:hover, .place-card.active {
    background: #936144;
    border-color: #936144;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(147, 97, 68, 0.3);
}

.place-icon {
    font-size: 40px;
    color: #936144;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.place-card:hover .place-icon, .place-card.active .place-icon {
    color: #fff;
}

.place-card h5 {
    font-size: 16px;
    color: #333;
    margin: 0;
    font-weight: 600;
    transition: all 0.3s ease;
}

.place-card:hover h5, .place-card.active h5 {
    color: #fff;
}

/* Establishment Section */
.establishment-section {
    margin-bottom: 60px;
}

.sacred-story-box {
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.story-icon {
    width: 100px;
    height: 100px;
    background: #936144;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    box-shadow: 0 8px 25px rgba(147, 97, 68, 0.3);
}

.story-icon i {
    font-size: 50px;
    color: #fff;
}

.story-text {
    font-size: 17px;
    line-height: 2;
    color: #555;
    text-align: justify;
    margin-bottom: 40px;
}

/* Three Forms */
.three-forms {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 40px 0;
}

.form-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.3s ease;
}

.form-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(147, 97, 68, 0.2);
}

.form-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
}

.form-icon.sattva {
    background: linear-gradient(135deg, #ffd89b, #19547b);
}

.form-icon.rajas {
    background: linear-gradient(135deg, #f46b45, #eea849);
}

.form-icon.tamas {
    background: linear-gradient(135deg, #434343, #000000);
}

.form-card h5 {
    font-size: 20px;
    color: #936144;
    font-weight: 700;
    margin-bottom: 10px;
}

.form-card p {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* Naming Box */
.naming-box {
    background: #936144;
    color: #fff;
    padding: 30px;
    border-radius: 15px;
    margin-top: 40px;
}

.naming-box h4 {
    font-size: 24px;
    color: #fff;
    font-family: "Merienda", cursive;
    margin-bottom: 15px;
}

.naming-box h4 i {
    margin-right: 10px;
    color: #ffd700;
}

.naming-box p {
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

.naming-box strong {
    color: #ffd700;
    font-size: 19px;
}

/* Blessings Section */
.blessings-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #936144 0%, #7a2222 100%);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.blessings-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 500px;
    height: 500px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

.blessings-box {
    text-align: center;
    position: relative;
    z-index: 1;
}

.blessings-icon {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    border: 5px solid rgba(255, 255, 255, 0.3);
}

.blessings-icon i {
    font-size: 60px;
    color: #fff;
}

.blessings-box h3 {
    font-size: 36px;
    color: #fff;
    font-family: "Merienda", cursive;
    margin-bottom: 20px;
}

.blessings-box p {
    font-size: 18px;
    line-height: 2;
    color: #fff;
    max-width: 800px;
    margin: 0 auto 30px;
}

.om-symbol {
    font-size: 100px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 700;
    margin-top: 30px;
}

/* Responsive */
@media (max-width: 992px) {
    .intro-content {
        padding-left: 0;
        margin-top: 30px;
    }

    .history-timeline {
        padding-left: 40px;
    }

    .timeline-marker {
        left: -35px;
        width: 40px;
        height: 40px;
    }

    .sacred-places-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .three-forms {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .section-title {
        font-size: 28px;
    }

    .intro-image img {
        height: 300px;
    }

    .sacred-story-box {
        padding: 30px 20px;
    }

    .timeline-content {
        margin-left: 15px;
    }

    .sacred-places-grid {
        grid-template-columns: 1fr;
    }
}
/* ==================== DO's and DON'Ts Section ==================== */
.dos-donts-section {
    padding: 60px 0;
    background: #f8f9fa;
}

.section-heading {
    font-size: 36px;
    color: #936144;
    font-family: "Merienda", cursive;
    margin-bottom: 15px;
}

.intro-text p {
    font-size: 17px;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
}

.dos-card, .donts-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    height: 100%;
}

.dos-card .card-header {
    background: linear-gradient(135deg, #00990e 0%, #007a0b 100%);
    padding: 40px 30px;
    text-align: center;
    color: #fff;
}

.donts-card .card-header {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    padding: 40px 30px;
    text-align: center;
    color: #fff;
}

.icon-box {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 40px;
}

.card-header h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 10px;
    color:#7a2222;
}

.card-header .subtitle {
    font-size: 16px;
    margin: 0;
    opacity: 0.9;
}

.card-body {
    padding: 40px 30px;
    background: #fffaf6;
}

.guidelines-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guidelines-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #e9ecef;
}

.guidelines-list li:last-child {
    border-bottom: none;
}

.dos-card .guidelines-list li i {
    color: #00990e;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.donts-card .guidelines-list li i {
    color: #dc3545;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.guidelines-list li span {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

.additional-info {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.additional-info h4 {
    font-size: 26px;
    color: #936144;
    margin-bottom: 30px;
    font-weight: 700;
}

.additional-info h4 i {
    margin-right: 10px;
    color: #7a2222;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.info-item {
    text-align: center;
    padding: 25px 15px;
    background: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.info-item:hover {
    background: #936144;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(147, 97, 68, 0.2);
}

.info-item i {
    font-size: 40px;
    color: #936144;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.info-item:hover i {
    color: #fff;
}

.info-item h5 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.info-item:hover h5 {
    color: #fff;
}

.info-item p {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.6;
    transition: all 0.3s ease;
}

.info-item:hover p {
    color: #fff;
}

/* ==================== Contact Section ==================== */
.contact-section {
    padding: 60px 0;
}

.contact-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.contact-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 35px rgba(147, 97, 68, 0.2);
}

.contact-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #936144, #7a2222);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 35px;
    color: #fff;
}

.contact-card h4 {
    font-size: 22px;
    color: #936144;
    margin-bottom: 20px;
    font-weight: 700;
}

.contact-card p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin: 0;
}

.contact-card a {
    color: #7a2222;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-card a:hover {
    color: #936144;
}

.contact-card .timing {
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.contact-form-box {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.contact-form-box h3 {
    font-size: 28px;
    color: #936144;
    margin-bottom: 30px;
    font-family: "Merienda", cursive;
}

.contact-form label {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: block;
}

.contact-form .form-control {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 15px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.contact-form .form-control:focus {
    border-color: #936144;
    box-shadow: 0 0 0 0.2rem rgba(147, 97, 68, 0.1);
}

.btn-submit {
    background: linear-gradient(135deg, #936144, #7a2222);
    color: #fff;
    border: none;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(147, 97, 68, 0.3);
}

.btn-submit i {
    margin-right: 8px;
}

.map-box {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.map-box h3 {
    font-size: 28px;
    color: #936144;
    margin-bottom: 25px;
    font-family: "Merienda", cursive;
}

.map-container {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.direction-link {
    text-align: center;
}

.direction-link a {
    display: inline-block;
    background: #936144;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.direction-link a:hover {
    background: #7a2222;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(147, 97, 68, 0.3);
}

.direction-link i {
    margin-right: 8px;
}

.timings-box {
    background: linear-gradient(135deg, #936144, #7a2222);
    padding: 50px;
    border-radius: 20px;
    color: #fff;
}

.timings-box h3 {
    font-size: 32px;
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
}

.timings-box h3 i {
    margin-right: 15px;
}

.timings-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.timing-item {
    background: rgba(255, 255, 255, 0.15);
    padding: 30px 20px;
    border-radius: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.timing-item h5 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
}

.timing-item p {
    font-size: 15px;
    margin: 0;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 992px) {
    .info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .timings-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .info-grid {
        grid-template-columns: 1fr;
    }
    
    .timings-grid {
        grid-template-columns: 1fr;
    }
}
/* ==================== Registered Pandit Section ==================== */
.pandit-section {
    padding: 60px 0;
    background: linear-gradient(178deg, white 35%, #f8f9fa);
}

.pandit-section .section-heading {
    font-size: 36px;
    color: #936144;
    font-family: "Merienda", cursive;
    margin-bottom: 15px;
}

.pandit-section .intro-text p {
    font-size: 17px;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
}

.pandit-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    /* transition: all 0.3s ease; */
    height: 100%;
}
/* 
.pandit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 35px rgba(147, 97, 68, 0.2);
} */

.pandit-photo {
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pandit-photo img {
    width: 130%;
    height: 93%;
    object-fit: fill;
    /* transition: all 0.3s ease; */
}

/* .pandit-card:hover .pandit-photo img {
    transform: scale(1.1);
} */

.pandit-info {
    padding: 25px 20px;
    text-align: center;
    background: linear-gradient(135deg, #936144, #7a2222);
}

.pandit-info h4 {
    font-size: 20px;
    color: #fff;
    margin: 0 0 8px 0;
    font-weight: 700;
}

.pandit-info .pandit-role {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    font-weight: 500;
}

.extra-pandit {
    display: none;
}
.view-more-btn {
    background-color: #a9724f;
    color: #fff;
    border-color: #a9724f;
}

.view-more-btn:hover,
.view-more-btn:focus {
    background-color: #8c5f42; /* a bit darker */
    border-color: #8c5f42;
    color: #fff;
}



/* Responsive */
@media (max-width: 768px) {
    .pandit-photo {
        height: 220px;
    }
    
    .pandit-info h4 {
        font-size: 18px;
    }
}
/* ==================== Language Toggle Dropdown ==================== */
/* Position language button over banner near bottom-right */
.language-toggle-box {
    position: absolute;
    right: 5%;      /* horizontal position */
    top: 140%;       /* vertical position from top of banner */
    z-index: 100;
}



.language-dropdown {
    position: relative;
}

.lang-toggle-btn {
    background: #936144;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(147, 97, 68, 0.3);
}

/* .lang-toggle-btn:hover {
    background: linear-gradient(135deg, #7a2222, #936144);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(147, 97, 68, 0.4);
} */

.lang-toggle-btn i:first-child {
    font-size: 20px;
}

.lang-toggle-btn i:last-child {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.lang-toggle-btn:hover i:last-child {
    transform: rotate(180deg);
}

.lang-dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    overflow: hidden;
}

.lang-dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid #f0f0f0;
}

.lang-option:last-child {
    border-bottom: none;
}

.lang-option:hover {
    background: #f8f9fa;
    color: #936144;
}

.lang-option.active {
    background: linear-gradient(135deg, #936144, #7a2222);
    color: #fff;
}

.lang-option i {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lang-option.active i {
    opacity: 1;
}

/* Hide non-active language content by default
.lang-od {
    display: none;
} */

/* Tablets and below */
@media (max-width: 768px) {
    .language-toggle-box {
        top: 280px;
        right: 10px;
    }

    .lang-toggle-btn {
        padding: 10px 16px;
        font-size: 14px;
    }

    /* Optionally hide long text, keep icon + short label */
    .lang-toggle-btn span {
        display: none;
    }
}

/* Very small phones */
@media (max-width: 480px) {
    .language-toggle-box {
        right: 8px;
        top: 95px;
    }

    .lang-toggle-btn {
        padding: 8px 12px;
        font-size: 13px;
    }

    .lang-dropdown-menu {
        min-width: 150px;
    }
}

/* ==================== Latest News Popup ==================== */
/* Overlay */
.news-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.news-popup-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Popup container */
.news-popup-container {
    background: #fff;
    border-radius: 20px;
    width: 90%;
    max-width: 520px;          /* suited to your poster ratio */
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: popupSlideIn 0.4s ease;
    display: flex;
    flex-direction: column;
}

/* Entrance animation */
@keyframes popupSlideIn {
    from {
        transform: translateY(-50px) scale(0.9);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* Close button */
.news-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #936144;
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.news-popup-close:hover {
    background: #936144;
    color: #fff;
    transform: rotate(90deg);
}

/* === INVITATION IMAGE (TOP) === */
.news-popup-image {
    width: 100%;
    background: #000;              /* subtle frame; change if not needed */
}

.news-popup-image img {
    width: 100%;
    height: auto;
    max-height: 80vh;              /* ensures full image fits viewport */
    object-fit: contain;
    display: block;
}

/* === NEWS SECTION BELOW IMAGE === */
.news-popup-header {
    background: linear-gradient(135deg, #936144, #7a2222);
    padding: 18px 20px;
    text-align: center;
    color: #fff;
    position: relative;
}

.news-header-icon {
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 26px;
}

.news-popup-header h2 {
    font-size: 24px;
    margin: 0 0 6px 0;
    font-family: "Merienda", cursive;
}

.news-popup-header p {
    margin: 0;
    font-size: 14px;
    opacity: 0.9;
}

/* body with news list */
.news-popup-body {
    padding: 18px 20px;
    max-height: 260px;
    overflow-y: auto;
}

/* custom scrollbar */
.news-popup-body::-webkit-scrollbar {
    width: 6px;
}
.news-popup-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.news-popup-body::-webkit-scrollbar-thumb {
    background: #936144;
    border-radius: 10px;
}

/* news list items */
.news-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.news-item {
    display: flex;
    gap: 15px;
    padding: 14px;
    background: #f8f9fa;
    border-radius: 12px;
    border-left: 4px solid #936144;
    transition: all 0.3s ease;
}

.news-item:hover {
    background: #fff;
    box-shadow: 0 4px 15px rgba(147, 97, 68, 0.15);
    transform: translateX(5px);
}

/* date */
.news-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #936144, #7a2222);
    color: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    min-width: 60px;
    text-align: center;
}

.news-date .date-day {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.news-date .date-month {
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 2px;
}

/* text */
.news-content {
    flex: 1;
}

.news-content h4 {
    font-size: 16px;
    color: #333;
    margin: 0 0 6px 0;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-content p {
    font-size: 14px;
    color: #666;
    margin: 0 0 8px 0;
    line-height: 1.5;
}

/* read more link */
.news-read-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #936144;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.news-read-more:hover {
    color: #7a2222;
    gap: 8px;
}

/* no news message */
.no-news {
    text-align: center;
    padding: 30px 10px;
}

.no-news i {
    font-size: 46px;
    color: #936144;
    margin-bottom: 12px;
}

.no-news p {
    font-size: 15px;
    color: #666;
    margin: 0;
}

/* footer */
.news-popup-footer {
    background: #f8f9fa;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #e9ecef;
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #936144, #7a2222);
    color: #fff;
    padding: 10px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

.view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(147, 97, 68, 0.3);
}

.dont-show-again {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    user-select: none;
}

.dont-show-again input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #936144;
}

.dont-show-again span {
    white-space: nowrap;
}

/* ========= Responsive ========= */
@media (max-width: 768px) {
    .news-popup-container {
        width: 95%;
        max-width: 95%;
        max-height: 95vh;
        border-radius: 14px;
    }

    .news-popup-close {
        top: 10px;
        right: 10px;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }

    .news-popup-image img {
        max-height: 70vh;      /* more room for header/news on phones */
    }

    .news-popup-header {
        padding: 14px 16px;
    }

    .news-popup-header h2 {
        font-size: 20px;
    }

    .news-popup-header p {
        font-size: 13px;
    }

    .news-popup-body {
        padding: 14px 16px;
        max-height: 230px;
    }

    .news-item {
        flex-direction: column;
        gap: 10px;
    }

    .news-date {
        min-width: 100%;
        flex-direction: row;
        justify-content: center;
        padding: 6px 10px;
    }

    .news-date .date-day {
        font-size: 18px;
        margin-right: 6px;
    }

    .news-content h4 {
        font-size: 15px;
    }

    .news-popup-footer {
        flex-direction: column;
        align-items: stretch;
        padding: 14px 16px;
    }

    .view-all-btn {
        justify-content: center;
        width: 100%;
    }

    .dont-show-again {
        justify-content: center;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .news-popup-body {
        max-height: 210px;
    }

    .news-popup-header h2 {
        font-size: 18px;
    }

    .news-popup-image img {
        max-height: 65vh;
    }
}
/* Temple Name - Centered with exact color match */
.top-logo-txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 5;
}

.top-logo-txt h3 {
    margin: 0;
    font-size: 28px;
    color: #6B1B1B; /* Exact dark maroon color from image */
    font-weight: 700;
    white-space: nowrap;
    font-family: 'Georgia', serif; /* Similar font style */
}

/* Donate Button - Right side */
.donate-wrapper,
.donate-button-wrapper {
    z-index: 10;
    position: relative;
    margin-left: auto;
    flex-shrink: 0;
}

.btn-donate-new,
.temple-donate-btn {
    display: inline-block;
    background-color: #ad7550;              /* main color */
    color: #ffffff;
    padding: 14px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(173, 117, 80, 0.4);
    transition: all 0.3s ease;
    border: none;
}

/* hover: slightly darker */
.btn-donate-new:hover,
.temple-donate-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(173, 117, 80, 0.6);
    background-color: #8f5f40;             /* darkened #ad7550 */
    color: #ffffff;
    text-decoration: none;
}

/* ==================== Responsive Design ==================== */
@media (max-width: 992px) {
    .top-logo-txt h3 {
        font-size: 24px;
    }
    
    .btn-donate-new,
    .temple-donate-btn {
        padding: 12px 28px;
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .mid-menu-flex {
        flex-direction: column;
        justify-content: center !important;
        gap: 15px;
    }
    
    .logo {
        margin-bottom: 10px;
    }
    
    .top-logo-txt {
        position: static;
        transform: none;
        margin: 10px 0;
    }
    
    .top-logo-txt h3 {
        font-size: 22px;
    }
    
    .donate-wrapper,
    .donate-button-wrapper {
        margin-left: 0;
        margin-top: 10px;
        .donate-wrapper,
    .donate-button-wrapper {
        display: none !important;
    }
    
    .btn-donate-new,
    .temple-donate-btn {
        padding: 12px 28px;
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .logo img {
        max-height: 60px;
    }
    
    .top-logo-txt h3 {
        font-size: 18px;
        white-space: normal;
    }
    
    .btn-donate-new,
    .temple-donate-btn {
        padding: 10px 24px;
        font-size: 14px;
    }
}
.fixedhead {
    position: static !important;
    box-shadow: none !important;
}
/* Activities Page - Tab Button Colors */

/* Default button style (inactive tabs) */
}
.activities-tabs .nav-pills .nav-link {
    background-color: #f8f9fa;
    color: #495057;
    border: 2px solid #dee2e6;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Hover effect */
.activities-tabs .nav-pills .nav-link:hover {
    background-color: #e9ecef;
    color: #212529;
    border-color: #adb5bd;
}

/* Active tab (selected) */
.activities-tabs .nav-pills .nav-link.active {
    background-color: #b07751;
    color: #ffffff;
    border-color: #b07751;
}

/* Icon spacing */
.activities-tabs .nav-pills .nav-link i {
    margin-right: 8px;
}
/* Hide Owl Carousel cloned items to prevent “duplicate” look */
/* .photogallery .owl-item.cloned,
.videogallery .owl-item.cloned {
  display: none !important;
} */
.badge-outline-maroon {
    color: #7a2222;
    border: 1px solid #7a2222;
    background-color: transparent;
}