/* base styles */

body {

font-family: 'Raleway', sans-serif;

margin: 0;

padding: 0;

}

.raleway {

font-family: 'Raleway';

font-size: 18px;

}

.customff{

font-family: sans-serif!important;

}

.font-bold {

font-weight: 700;

}

.menu-img {

width: 280px;

margin-top: 30px;

margin-left: -110px;

}

.menu-img1 {

width: 280px;

margin-top: 30px;

}

.save-btn {

font-size: 24px;

font-weight: 600;

display:flex;

display: flex;

align-items: center;

justify-content: space-around;

}

@media only screen and (max-width: 600px) {

.save-btn {

font-size: 14px;

}

}

.form-check .form-check-input {

float: right;

}

.filter-container {

padding: 30px;

margin-bottom: 20px;

}

.product-card {

border: 1px solid #ddd;

padding: 15px;

text-align: center;

margin-bottom: 20px;

}

.product-card img {

max-width: 100%;

height: auto;

}

.sort-by {

margin-bottom: 20px;

}

.resetbg{

background-color: rgba(218, 165, 32, 0.13);

border-radius: 0px;

}

.applybg{

background-color: rgba(218, 165, 32, 1);

border-radius: 0px;

}

.card {

border: 1px solid rgb(226 169 32 / 70%);

margin-bottom: 20px;

}

.card-title {



font-weight: 700;

font-size: 18px;

text-align: left;

}

.card-body {

padding: 1.5rem 1.5rem;

}

.card-body a{

font-size: 12px;

color: #17941C;

font-weight: 500;

text-decoration: auto;

}

.filter-container.shadow-lg p {

text-align: left;

font-weight: 600;

font-size: 18px;

border-bottom: 1px solid #e3e3e3;

padding: 0px 10px 10px 10px;

}

.shadow-lg {

box-shadow: 0px 3px 6px rgba(0, 0, 0, .175) !important;

}

.btn-m{

margin-left: 0px !important;

margin-right: 5px !important;

border: 0;

font-weight: 600;

}

.btn1-m{

margin-left: 5px !important;

margin-right: 0px !important;

border: 0;

font-weight: 600;

}

.ft{

border-bottom: 1px solid #e3e3e3;

padding: 10px;

}

select.form-select.w-auto {

font-weight: 700;

}

.form-select {

padding: .375rem 6.25rem .375rem 1rem;

border: 1px solid #daa520;

}

.row.my-4 {

padding-right: 0px;

}

.col-sm-6.col-md-4.col-lg-4.col-6.mb-3 {

padding-right: 0px;

padding-left: 26px;

}

.plus{

margin-left: 100px;

font-size: 22px;

}

.plus1{

margin-left: 160px;

}

.plus2{

margin-left: 140px;

}

.plus3{

margin-left: 106px;

}

@media only screen and (max-width: 600px) {

.card {

border: 1px solid rgb(226 169 32 / 31%);

margin-bottom: 10px;

}

.card-title {

font-weight: 700;

font-size: 13px;

text-align: left;

}

.card-body a {

font-size: 6px;

}

.card-body {

padding: 10px 10px;

}

.d-mobile{

display:none;

}

}

.poppins-text {

font-family: Poppins;

}

p {

font-family: Poppins;

font-size: 15px;

font-weight: 500;

line-height: 30px;

color: #000000;

}

.divider {

max-width: 33%;

margin: auto;

}

.scheme-box {

display: flex;

flex-direction: column;

align-items: center;

}

.scheme-box-title {

font-family: Raleway;

font-size: 24px;

font-weight: 700;

line-height: 30px;

text-align: center;

text-transform: capitalize;

}

.redeem-box-title {

font-family: Raleway;

font-size: 23px;

font-weight: 700;

line-height: 30px;

text-align: center;

}

@media (max-width: 425px) {

.redeem-box-title {

font-size: 15px;

}

}

.scheme-box-text {

font-family: Poppins;

font-size: 16px;

font-weight: 400;

line-height: 30px;

text-align: center;

color: #555454;

}

/* divide */

span.divider-separator:after {

display: block;

content: "";

border-block-end: 0;

flex-grow: 1;

border-block-start: 1px solid #DAA520;

}

span.divider-separator:before {

display: block;

content: "";

border-block-end: 0;

flex-grow: 1;

border-block-start: 1px solid #DAA520;

}

span.divider-separator {

display: flex;

margin: 0;

direction: ltr;

align-items: center;

}

.divider-img {

max-width: 150px;

margin: 0 auto;

padding-right: 5px;

padding-left: 5px;

}

marquee {

display: flex;

font-family: Poppins;

}

.section-header {

margin-bottom: 0px;

color: #000000;

font-family: Raleway;

font-size: 40px;

font-weight: 700;

line-height: 55px;

}

header {

background-color: #007bff;

color: white;

text-align: center;

padding: 50px 0;

}

/* navbar */

.navbar-brand {

font-weight: bold;

}

.navbar-light .navbar-nav .nav-link.active {

font-weight: 700 !important;

text-transform: uppercase;

}

.navbar-light .navbar-nav .nav-link {

color: rgba(0, 0, 0, .55);

font-weight: 700 !important;

text-transform: uppercase;

padding: 0 18px;

}

section.section-header-top {

background: goldenrod;

color: #fff;

}

.section-header-top ul {

display: flex;

list-style: none;

justify-content: flex-end;

}

.section-header-top li {

padding-right: 5px;

}

.section-header-top span {

font-size: 14px;

font-family: Poppins;

}

/* header */

section.section-header-header.py-3 {

background-color: #fff8eb;

}

/* Search */

.search {

display: inline-block;

position: relative;

width: 100%;

}

/* Brand */

.brand-logo {

max-width: 120px;

}

.search input[type="text"] {

width: 100%;

padding: 10px;

border: none;

border-radius: 20px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.search button[type="submit"] {

background-color: #000000;

border: none;

color: #fff;

cursor: pointer;

border-radius: 50%;

position: absolute;

top: 0;

right: 0;

transition: .9s ease;

line-height: 32px;

width: 45px;

}

.search button[type="submit"]:hover {

transform: scale(1.1);

color: rgb(255, 255, 255);

background-color: #ef7e19;

}

section.section-scheme {

padding: 50px 0 22px 0;

}

section.section-contact {

padding: 50px 0 50px 0;

}

section.section-welcome {

padding: 50px 0 50px 0;

}

/* calculator */

section.section-calculator {

background: rgba(218, 165, 32, 0.13);

display: flex;

flex-direction: row;

padding: 71px 0 71px 0;

}

.calcutor-box {

display: flex;

flex-direction: row;

align-items: center;

}

.coolinput {

display: flex;

flex-direction: column;

width: 100%;

position: static;

}

.coolinput label.text {

color: #ffffff;

position: relative;

top: 0.5rem;

margin: 0 0 0 63px;

background: #daa520;

width: fit-content;

border-radius: 20px;

padding-right: 20px;

text-align: center;

align-items: center;

padding-left: 20px;

font-family: Poppins;

font-size: 12px;

font-weight: 400;

line-height: 18px;

text-align: center;

}

.coolinput input[type=text].input {

width: 100%;

height: 40px;

top: 1477px;

left: 560px;

gap: 0px;

border-radius: 63px 0px 0px 63px;

background: #faf3e2;

border: solid 1px #92929299;

padding-left: 20px;

font-family: Lato;

font-size: 18px;

font-weight: 700;

line-height: 30px;

letter-spacing: 0.05em;

}

button.check-button {

width: 120px;

height: 40px;

top: 1477px;

left: 560px;

gap: 0px;

border-radius: 0px 63px 63px 0px;

background: #DAA520;

margin-top: 18px;

border: none;

color: #fff;

}

.coolinput input[type=text].input:focus {

outline: none;

}

.table {

width: 100%;

border-collapse: collapse;

table-layout: fixed;

}

.table th,

.table td {

border: 2px solid #000;

text-align: left;

padding: 12px 10px 12px 25px;

width: 50%;

font-size: 18px;

}

.range-box {

padding: 20px;

}

.range {

width: 100%;

height: 15px;

background: linear-gradient(90deg, #5595E5 0%, #7EC685 100%);

outline: none;

border-radius: 15px;

overflow: hidden;

margin-bottom: 10px;

}

.range::-webkit-slider-thumb {

-webkit-appearance: none;

width: 15px;

height: 15px;

border-radius: 50%;

background: #00fd0a;

cursor: pointer;

border: 4px solid #333;

box-shadow: -407px 0 0 400px #00fd0a;

}

.range-indicators {

display: flex;

justify-content: space-between;

width: 100%;

color: #000;

}

.range-indicator {

color: #000;

font-family: Poppins;

font-size: 12px;

font-weight: 400;

line-height: 30px;

text-align: center;

}

.calcutor-title {

font-family: Raleway;

font-size: 48px;

font-weight: 700;

text-align: center;

text-transform: uppercase;

}

.calcutor-sub-title {

font-family: Poppins;

font-size: 16px;

font-weight: 400;

line-height: 30px;

text-align: center;

color: #000;

}

.section-contact {

background: rgba(218, 165, 32, 0.13);

display: flex;

flex-direction: row;

padding: 71px 0 71px 0;

}

.form-box {

box-shadow: 0px 4px 4px 4px #00000040;

padding: 40px;

}

label {

font-family: Raleway;

font-size: 24px;

font-weight: 700;

line-height: 24px;

text-align: left;

}

.form-input {

width: 100%;

height: 62px;

border: 1px solid #DAA520 !important;

margin-bottom: 10px;

margin-top: 10px;

}

/*Css Of the Line Effect on hover Starts Here */

.line-scale {

position: relative;

display: inline-block;

overflow: hidden;

}

.line-scale img {

display: block;

width: 100%;

height: auto;

transition: transform 0.3s ease-in-out;

}

.line-scale::before,

.line-scale::after {

position: absolute;

width: 300px;

height: 2px;

background: #fff;

content: '';

opacity: 0.2;

transition: all 0.3s;

pointer-events: none;

}

.line-scale::before {

top: 16px;

left: 14px;

transform: rotate(90deg);

transform-origin: 0 0;

}

.line-scale::after {

right: 14px;

bottom: 16px;

transform: rotate(90deg);

transform-origin: 100% 0;

}

.line-scale:hover::before,

.line-scale:hover::after,

.line-scale:focus::before,

.line-scale:focus::after {

opacity: 1;

}

.line-scale:hover::before,

.line-scale:focus::before {

left: 50%;

transform: rotate(0deg) translateX(-50%);

}

.line-scale:hover::after,

.line-scale:focus::after {

right: 50%;

transform: rotate(0deg) translateX(50%);

}

/*Css Of the Line Effect on hover Ends Here */

/*Custom Css For the Index Affiliations section Starts Here*/


.customborder {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 10px solid #faf3e2;
    width: 100%;
    max-width: 249px;
}

.customborder img {
    width: 100%;
    /* Make the image fill the container width */
    height: 100%;
    /* Make the image fill the container height */
    object-fit: cover;
    /* Ensures image fills without distortion */
}

.customborder::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    transition: all 0.3s ease;
}

.customborder:hover::before {
    left: 100%;
    transition: all 0.6s ease;
    animation: shineEffect 1s forwards;
}

@keyframes shineEffect {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}



/* Apply the animation to the img element */

 

.goldenrod {

color: goldenrod;

}

.goldenrodbg {

background-color: goldenrod;

}

 

/*Custom Css For the Index Affiliations section Ends Here*/

/*Custom Css For the Index Featured Collections section Starts Here*/

.item-cat2.cat-hover-effect {

transition: all 0.3s ease-in-out;

border: 1px solid #f0f0f0;

}

.item-cat2.cat-hover-effect:hover {

box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

border-color: #c0c0c0;

}

/*Custom Css For the Index Featured Collections section Ends Here*/

/*Custom Css For the Index Our Strength section Starts Here*/

.smallfont {

font-size: 14px;

}

.strenght {

display: flex;

margin: 0;

direction: ltr;

align-items: center;

flex-direction: row;

flex-wrap: nowrap;

justify-content: center;

}

.iconwidth {

max-width: 80px;

margin-bottom: 10px;

}

/*Custom Css For the Index Our Strength section Ends Here*/

/*Custom Css For the Index Top Categories section Starts Here*/

.fixed-size {

height: 372px !important;

width: 422px !important;

}

.tab-size {

height: 173px;

}

/*Custom Css For the Index Top Categories section Ends Here*/

/*Custom Css For the Index counter section starts Here*/

.counter {

text-align: center;

margin-bottom: 30px;

}

.counter-icon {

font-size: 50px;

margin-bottom: 20px;

}

.counter-value {

font-size: 30px;

font-weight: bold;

color: orange;

}

/*Custom Css For the Index counter section ends Here*/



/*Custom Css For the career page starts Here*/

.career-banner {

height: 70vh;

/* Full viewport height for large screens */

background-image: url('../../assets/img/career/CareerPagebanner.jpg');

/* Replace with your image URL */

background-size: cover;

background-position: center;

position: relative;

}

.career-banner-text {

background: rgba(255, 255, 255, 0.8);

/* Slightly transparent white background */

padding: 20px;

margin: -50px 15px 0 15px;

/* Negative top margin to pull the text up */

z-index: 1;

position: relative;

}

@media (max-width: 1440px) {

.career-banner {

height: 65vh;

/* Adjust height for 1440px screens */

}

}

@media (max-width: 1024px) {

.aboutcsr {

font-size: 13px !important;

width:499px!important

}

.countercpadding {

padding-right: 0px!important;

padding-left: 0px!important;

}

.designcounter {

width: 234px!important;

}

.insidecounter {

width: 207px!important;

}

.designcounter2 {

width: 232px!important;

}

.insidecounter2 {

width: 207px!important;

}

.countercsr-label {

font-size: 1rem!important;

padding-left: 37px!important;

}

.first-counter-box::after, .third-counter-box::after {

left: 230px!important;

}

.second-counter-box::after {

left: 223px!important;

}

.boxcsr {

padding-left: 0px!important;

}

.img-overlay-container .after-img {

width: 202px!important;

}

.img-overlay-container .before-img {

width: 202px!important;

}

.img-overlay-container .after-img {

margin-left: 154px!important;

}

.img-overlay-container .overlay-before {

left: 53px!important;

}

.img-overlay-container .overlay-after {

left: 169px!important;

}

.career-banner {

height: 60vh;

/* Adjust height for 1024px screens */

}

.career-banner-text {

margin: -30px 15px 0 15px;

/* Adjust margin for 1024px screens */

}

}

@media (max-width: 768px) {

.career-banner {

background-size: contain;

/* Adjust background size for smaller screens */

background-repeat: no-repeat;

height: 50vh;

/* Adjust height for mobile */

}

.career-banner-text {

margin: 0 15px 0 15px;

/* Remove negative margin for smaller screens */

padding: 20px 15px;

}

}

@media (max-width: 425px) {

.career-banner {

height: 40vh;

/* Adjust height for very small screens */

}

.career-banner-text {

margin: 0 10px 0 10px;

/* Adjust margin for very small screens */

padding: 15px 10px;

}

}

/*Custom Css For the career page ends Here*/

/*Counter Css Index Page Starts Here*/

.counter {

color: #ff6300;

background: linear-gradient(135deg, #f35f37, #f19c00);

font-family: "Poppins", sans-serif;

text-align: center;

width: 100%;

padding: 0 15px 33px;

margin: 0 auto;

position: relative;

z-index: 1;

clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);

}

.counter:before {

content: "";

background: #fff;

position: absolute;

top: 10px;

left: 10px;

right: 10px;

bottom: 10px;

z-index: -1;

clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);

}

.counter .counter-icon {

color: #fff;

background: inherit;

font-size: 30px;

padding: 10px;

margin: 0 0 28px;

border-radius: 0 0 50% 50% / 0 0 100% 100%;

}

.fa {

display: inline-block;

font: normal normal normal 14px / 1 FontAwesome;

font-size: inherit;

text-rendering: auto;

font-size: 20px;

color: goldenrod;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.counter h4 {

font-size: 18px;

}

/*Counter Css Index Page Ends Here*/

/*Terms & Conditions Css Starts Here*/

.condition-section {

margin-bottom: 0px;

color: #000000;

font-family: Raleway;

font-size: 30px;

font-weight: 700;

line-height: 55px;

text-transform: capitalize;

}

/* this is a cusotom br tag for mobile use  */

.mobile-break {

display: none;

}

.pc-break {

display: inline;

}

/* Show break for small screens */

@media (max-width: 768px) {

.mobile-break {

display: inline;

}

.pc-break {

display: none;

}

}

/* Loyalty Page Css Starts Here  */

.accordion-button:not(.collapsed)::after {

display:none;

}

.accordion-button::after {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.perk-box-wrapper {

border: 2px solid #c69434;

padding: 10px;

}

.perk-box {

width: 422px;

    font-family: raleway;

    height: 113px;

    background-color: #d1a23a;

    color: white;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 21px;

    padding: 27px;

    font-weight: 700;

    text-align: center;

}

.section-header {

margin-bottom: 20px;

}

.divider-img {

max-width: 179px;

}

.perk-box-container {

display: flex;

justify-content: center;

gap: 48px;

flex-wrap: wrap;

}

.customcolor {

color: white;

background-color: #DAA520;

font-weight: 600;

font-size: 18px;

font-family: 'Poppins';

}

.accordion-body p {

position: relative;

font-size: 16px;

padding-left: 20px;

font-weight: 600;

}

.accordion-body p::before {

content: "";

position: absolute;

left: -1px;

top: 25%;

transform: translateY(-50%);

width: 10px;

height: 11px;

background-color: #daa520;

}

.accordion-button:not(.collapsed) {

color: #ffffff;

background-color: #daa520;

}

.bg-lightperks {

background-color: #faf3e2;

}

/* Loyalty Page Css Ends Here  */

/* CSR Page CSS Starts Here */

.aboutcsr {

font-size: 16px;

width: 609px;

text-align: left;

font-weight: 400;

}



.ralewayf {

font-size: 16px;

font-weight: 500;

font-family: raleway;

text-align: center;

}

.boxcsr {

padding: 5px;

padding-left: 223px;

}

.csr-container {

display: flex;

align-items: center;

}

.csr-text {

max-width: 600px;

}

.initiative {

text-align: center;

}

.initiativemt {

margin-top: 0px;

text-align: center;

}

.img-overlay {

position: relative;

display: inline-block;

margin: 10px;

}

.img-overlay img {

max-width: 100%;

height: auto;

border: 2px solid #f2c94c;

}

.img-overlay .overlay-text {

position: absolute;

top: 10px;

left: 10px;

background-color: #f2c94c;

color: #fff;

padding: 5px 10px;

font-weight: bold;

}

.view-more-btn {

background-color: goldenrod;

color: #fff;

border: none;

}

.img-overlay-container {

position: relative;

width: 100%;

}

.img-overlay-container img {

width: 100%;

height: auto;

}

.img-overlay-container .overlay-before {

position: absolute;

top: 14px;

left: 93px;

background-color: goldenrod;

color: white;

padding: 5px;

font-size: 16px;

font-weight: 700;

}

.img-overlay-container .overlay-after {

position: absolute;

top: 113px;

left: 280px;

background-color: goldenrod;

color: white;

padding: 5px;

font-size: 16px;

font-weight: 700;

}

.img-overlay-container .after-img {

position: absolute;

top: 0;

margin-top: 99px;

margin-left: 266px;

left: 0;

width: 300px;

border: 2px solid goldenrod;

padding: 12px;

}

.img-overlay-container .before-img {

width: 300px;

margin-right: 177px;

border: 2px solid goldenrod;

padding: 12px;

}

.countercsr-section {

position: relative;

}

.countercpadding{

padding-right: 136px;

padding-left: 128px;

}

.countercsr-box {

position: relative;

text-align: center;

}

.designcounter,

.designcounter2 {

border-radius: 10px;

padding: 1rem;

}

.countercsr-number {

font-size: 2.0rem;

font-weight: bold;

font-family: 'Poppins';

color: goldenrod;

margin: 0;

}

.countercsr-label {

margin: 0.5rem 0 0;

font-size: 1.2rem;

padding-left: 32px;

}

.first-counter-box::after,

.third-counter-box::after {

content: '';

display: block;

width: 18%;

left: 247px;

top: -1px;

position: absolute;

height: 2px;

background-color: goldenrod;

margin: 1rem 0;

}

.second-counter-box::after {

content: '';

display: block;

width: 21%;

left: 240px;

bottom: -10px;

position: absolute;

height: 2px;

background-color: goldenrod;

margin: 1rem 0;

}

.second-counter-box::after {

margin-bottom: 1rem;

}

.custom-mt {

margin-top: 128px;

}

/* Custom Css For white hr */

.whitehr-img {

max-width: 260px !important;

margin: 0 auto;

padding-right: 5px;

padding-left: 5px;

}

/* Gallery Container --------------------------------------------*/

.gallery-container {

display: grid;

grid-gap: 2rem;

grid-template-columns: repeat(3, 1fr); /* 3 columns */

grid-template-rows: auto;

margin: 0 auto;

max-width: 90%;

padding: 3rem 0;

}

/* Grid images --------------------------------------------*/

.gallery-container .img {

border-radius: 1rem;

height: 100%;

width: 100%;

object-fit: cover;

}

/* Grid items for new layout --------------------------------------------*/

.gallery-container .item-1 {

grid-column: 1 / 2;

grid-row: 1 / 3;

}

.gallery-container .item-2 {

grid-column: 2 / 3;

grid-row: 1 / 3;

}

.gallery-container .item-3 {

grid-column: 3 / 4;

grid-row: 1 / 2;

}

.gallery-container .item-4 {

grid-column: 1 / 2;

grid-row: 3 / 4;

}

.gallery-container .item-5 {

grid-column: 2 / 3;

}

.gallery-container .item-6 {

grid-column: 3 / 4;

grid-row: 2 / 4;

}

.gallery-container .item-7 {

grid-column: 3 / 4;

grid-row: 4 / 5;

}

.gallery-container .item-8 {

grid-column: 1 / 3;

grid-row: 4 / 5;

}

.designcounter {

border: 4px solid goldenrod;

border-bottom-left-radius: 84px;

height: 152px;

padding: 7px;

width: 251px;

border-top-right-radius: 84px;

}

.designcounter2 {

border: 4px solid goldenrod;

border-bottom-right-radius: 84px;

height: 152px;

padding: 7px;

width: 251px;

border-top-left-radius: 84px;

}

.insidecounter {

border: 1px solid goldenrod;

border-bottom-left-radius: 84px;

height: 130px;

padding: 32px 0px 0px 0px  ;

width: 231px;

border-top-right-radius: 84px;

}

.insidecounter2 {

border: 1px solid goldenrod;

border-bottom-right-radius: 84px;

height: 130px;

padding: 32px 0px 0px 0px  ;

width: 231px;

border-top-left-radius: 84px;

}

.customwidth{

width:962px;

}

/* Museum Page Css Starts Here  */

.highlight-card {

border: 2px solid #e0ac09;

border-radius: 10px;

padding: 20px;

text-align: center;

background-color: #fff;

}

.highlight-card-number {

background-color: #e0ac09;

border-radius: 50%;

color: #fff;

font-size: 20px;

height: 40px;

width: 40px;

display: inline-flex;

align-items: center;

justify-content: center;

margin-bottom: 10px;

}

.highlight-images {

display: flex;

justify-content: center;

flex-wrap: wrap;

gap: 20px;

}

.highlight-image-wrapper {

background-color: goldenrod;

border-radius: 10px;

padding: 0px;

transition: transform 0.3s ease;

}

.highlight-image-wrapper img {

border-radius: 10px;

width: 100%;

max-width: 150px;

}

.highlight-image-wrapper:nth-child(1) {

transform: rotate(312deg);

}

.highlight-image-wrapper:nth-child(2) {

transform: rotate(41deg);

}

.highlight-image-wrapper:nth-child(3) {

transform: rotate(44deg);

}

.highlight-image-wrapper:nth-child(4) {

transform: rotate(44deg);

}

.highlight-image-wrapper img:nth-child(1) {

transform: rotate(319deg);

}

.highlight-image-wrapper img:nth-child(2) {

transform: rotate(-5deg);

}

.highlight-image-wrapper img:nth-child(3) {

transform: rotate(5deg);

}

.highlight-image-wrapper img:nth-child(4) {

transform: rotate(-5deg);

}

.section-museum {

height: 700px;

background-size: cover;

background-position: center;

background-image: url(../../assets/img/museum/museumbg.png);

position: relative;

}

.hexagon {

position: relative;

width: 252px;

height: 280.28px;

background-color: transparent;

display: flex;

align-items: center;

justify-content: center;

}

.hexagon-text{

width: 78px;

font-weight: 600;

padding-top: 30px;

font-size: 16px;

}

.hexagon-text2{

width: 132px;

font-weight: 600;

padding-top: 30px;

font-size: 16px;

}

.hexagon-text3{

width: 89px;

font-weight: 600;

padding-top: 30px;

font-size: 16px;

}

.pe-lg-5{

padding-left:100px!important;

padding-top: 50px;

}

.hexagon-inset {

padding: 42px;

width: 100%;

height: 100%;

background-image: url('../../assets/img/museum/hexagon11.png');

/* Update with your image path */

background-size: cover;

background-position: center;

clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

display: flex;

align-items: center;

justify-content: center;

position: relative;

z-index: 1;

}

.hexagon-inset2 {

margin-left: 14px;

width: 100%;

height: 100%;

background-image: url('../../assets/img/museum/hexagon22.png');

/* Update with your image path */

background-size: cover;

background-position: center;

clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

display: flex;

align-items: center;

justify-content: center;

position: relative;

z-index: 1;

padding: 27px;

}

.hexagon-inset3 {

width: 100%;

height: 100%;

background-image: url('../../assets/img/museum/hexagon33.png');

background-size: cover;

background-position: center;

clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

display: flex;

align-items: center;

justify-content: center;

position: relative;

z-index: 1;

padding: 42px;

}

.feature-item {

display: flex;

align-items: center;

margin-bottom: 2rem;

}

.feature-item img {

max-width: 100%;

border-radius: 0.5rem;

}

.feature-content {

display: flex;

align-items: center;

margin-bottom: 2rem;

}

.feature-content img {

max-width: 100%;

border-radius: 0.5rem;

}

.feature-list {

list-style: none;

padding-left: 130px;

}

.feature-list li {

margin-bottom: 0.5rem;

display: flex;

align-items: center;

}

.feature-list li::before {

content: '♦';

margin-right: 0.5rem;

color: gold;

}

.section-museum-mob {

height: 975px;

background-image: url(../../assets/img/museum/bgmobile.png);

background-size: cover;

background-position: center;

position: relative;

}

/* Tab media Querry  */

@media only screen and (min-width: 600px) and (max-width: 900px) {

.section-museum-mob {

height: 1077px;

background-image: url(../../assets/img/museum/bgmobile.png);

background-size: cover;

background-position: bottom;

position: relative;

}

.countercsr-mobsection {

display:none;

}

.first-counter-box::after,

.second-counter-box::after {

margin: 0.5rem 0;

}

.fixed-size {

height: 208px !important;

/* Adjust this value based on your design needs */

}

.tab-size {

height: 92px!important;

}

.insidecounter2 {

width: 148px!important;

}

.designcounter2 {

width: 172px!important;

}

.designcounter {

width: 170px!important;

}

.insidecounter {

width: 148px!important;

}

.countercsr-label {

font-size: 12px;

margin: 0.01rem 0 0;

}

.img-overlay-container .after-img {

margin-left: 97px;

width: 190px;

}

.img-overlay-container .before-img {

width: 190px;

}

.img-overlay-container .overlay-before {

left: 15px;

}

.img-overlay-container .overlay-after {

left: 111px;

}

/*CSR Starts */

.countercpadding{

padding-right: 0px!important;

padding-left: 0px!important;

}

.boxcsr {

padding: 5px;

padding-left: 0px!important;

}

.insidecounter2 {

padding: 7px!important  ;

}

.first-counter-box::after, .third-counter-box::after {

left: 165px;

}

.second-counter-box::after {

left: 168px;

bottom: 0px;

}

.customwidth {

width: auto;

}

.aboutcsr {

width: auto !important;

}

/*CSR Ends */

/* museum starts  */

.hexagon {

width: 226px!important;

margin: 22px 0;

width: 231px;

height: 296px;

}

.hexagon::before,

.hexagon::after {

border-left: 40px solid transparent;

border-right: 40px solid transparent;

}

.hexagon::before {

border-bottom: 22px solid #fff;

}

.hexagon::after {

border-top: 22px solid #fff;

}

.fs-md-small {

font-size: 12px;

text-align: left;

line-height: 1;

}

/* museum ends  */

/*SHOP Starts */

.filter-container {

padding: 0px!important;

margin-bottom: 0px!important;

}

}

/* Media Querry Mobile */

@media (max-width: 425px) {



.mt-sm-0 {

margin-top:0px!important;

}



.mega-menu {

width: auto;

overflow-y: auto;

max-height: 300px;

margin-left: auto;

}

/*csr page starts */

.boxcsr {

padding: 5px;

padding-left: 0px!important;

}

.insidemargins{

margin-top: -20px;

}

.insidemargins2{

margin-top: -17px;

}

.insidemargins3{

margin-top: -61px;

}

.insidemargins4{

margin-top: -61px;

}

.counterbgmob{

background-image: url('../../assets/img/csr/counterbgmob.png');

width: 317px;

background-repeat: no-repeat;

height: 217px;

}

.designcounter {

border: 0px;

}

.designcounter2 {

border: 0px;

border-bottom-right-radius: 0px;

width: 0px!important;

}

.insidecounter {

border: 0px;

height: 0px;

width: 136px !important;

}

.insidecounter2 {

border: 0px;

height: 130px;

width: 99px !important;

}

.first-counter-box::after,.second-counter-box::after, .third-counter-box::after {

display:none;

}

.countercsr-label {

padding-right: 9px;

font-size:12px;

padding-left: 20px !important;

}

.countercsr-number {

font-size:20px;

}

.img-overlay-container .after-img {

position: absolute;

top: 0;

margin-top: 108px !important;

margin-left: 159px !important;

left: 0;

width: 188px !important;

}

.img-overlay-container .before-img {

width: 180px !important;

margin-right: 177px !important;

}

.img-overlay-container .overlay-after {

top: 110px !important;

left: 162px !important;

}

.img-overlay-container .overlay-before {

left: 13px !important

}

.aboutcsr {

font-size: 13px;

text-align: center;

font-weight: 400;

width: auto!important;

}

.playball {

font-size: 15px !important;

text-align: center;

}

.initiativemt {

margin-top: 116px;

}

.raleway {

font-family: 'Raleway';

font-size: 14px;

}

.ralewayf {

font-size: 13px;

font-weight: 600;

}

.countercsr-section {

display: none;

}

.perk-box {

width: 300px;

height:100px;

font-size: 15px;

}

.textcenter {

text-align: center;

}

.mobmargin {

margin-left: -56px;

}

.accordion-body p {

font-size: 13px;

font-weight: 400;

}

.customcolor {

font-size: 15px;

}

.customwidth {

width: auto;

}

.gallery-container {

grid-gap: .4rem;

}

/*museum starts */

.hexagon {

width: 121px;

height: 128.28px;

}

.mfm {

font-size: 8px;

line-height: 12px;

text-align: center;

margin-top: 20px;

}

.feature-list {

list-style: none;

text-align: left;

padding-left: 0px;

}

.mobcontact{

text-align:center;

display: flex !important;

flex-direction: column;

align-content: space-around;

}

.highlight-image-wrapper img {

border-radius: 10px;

width: 100%;

max-width: 100px;

}

}

/*museum Ends */

/* Hide accordion on mobile view */

@media (max-width: 768px) {

.section-museum {

display: none!important;

}

.museumnhide {

display: none!important;

}

}

/* Hide accordion on mobile view */

@media (max-width: 768px) {

.accordion-container {

display: none;

}

.accodionhide {

display: none;

}

}

/* Ensure accordion content is always shown */

.accordion-collapse.show {

display: block !important;

height: auto !important;

visibility: visible !important;

}

/*Product Detailes Page Starts Here */

.menu-img{

width: 280px;

margin-top: 30px;

margin-left: -110px;

}

.menu-img1{

width: 280px;

margin-top: 30px;

}

.navbar-nav li.dropdown:hover .dropdown-menu {

display: block;

}

.icon-row img {

width: 65px;

height: 65px;

}

.table th, .table td {

font-size: 16px;

}

 

.fs-32 {

font-size: 32px;

margin-bottom: 5px;

}

.fs-40 {

font-size: 40px;

}

.lh-55 {

line-height: 30px;

}

.border-gold {

border: 1px solid #daa52091;

padding: 0px 30px 0px 15px;

width: 40%;

}

.border-gold1 {

border: 1px solid #daa52091;

padding: 20px;

width: 100%;

}

a {

color: #0a0a0a !important;

text-decoration: auto;

}

.icon-row.d-flex.justify-content-between.mt-3 p {

text-align: center;

line-height: 22px;

font-weight: 700;

margin-top: 10px;

}

.table th, .table td {

border: 2px solid #000000;

text-align: left;

padding:5px 0px 5px 32px;

width: 50%;

font-weight: 700;

}

.table {

width: 76%;

margin-left: 70px;

}

.card {

border: 1px solid rgb(226 169 32 / 70%);

}

.card-title {



font-weight: 700;

font-size: 24px;

}

.card-body {

padding: 2rem 2rem;

}

.card-body a{

font-size: 14px;

color: #17941C;

}


.get-quote {

display: block;

font-size: 18px;

font-weight: 700;

}

.pl{

padding-left: 50px;

}

.no-flex {

display: flex !important;

justify-content: space-evenly;

}

@media only screen and (max-width: 600px) {

.get-quote {

display: none!important;

}

.fs-40 {

font-size: 20px;

margin-top: 15px;

}

.pl {

padding-left: 10px;

}

.fs-32 {

font-size: 20px;

line-height: 28px;

}

.border-gold {

border: 1px solid #daa52091;

padding: 0px 15px 0px 8px;

width: 65%;

font-size: 12px;

}

.icon-row img {

width: 50px;

height: 50px;

}

.icon-row.d-flex.justify-content-between.mt-3 p {

line-height: 15px;

font-size: 10px;

}

.table {

        width: 85%;

        margin: auto;     

   margin-top: 20px;

        margin-left: 24px;

}

.card-title {

font-weight: 700;

font-size: 14px;

}

.card-body a {

font-size: 10px;

}

.card-body {

padding: 1rem 1rem;

}

p {

font-weight: 400;

margin-top:  0px!important;

}

.submit-button {

height: 40px;

width: 180px;

display: block;

}

.pt-3 {

padding-top: 0rem !important;

}

}

/*Product Detailes Page Ends Here */

/*SHOP Page*/

/* Show the mobile filter and sort buttons in mobile view */

@media (max-width: 768px) {

.mobile-filter-sort-buttons {

display: flex;

justify-content: space-around;

align-items: center;

align-content: space-around;

}

}

.sortbtn{

background-color: #faf3e2;

}

.w-35{

width: 35% !important;

}

ol {

padding-left: 0rem;

}

/*Marathi Fonts           */

.tiro-devanagari marathi-regular {

font-family: "Tiro Devanagari Marathi", serif;

font-weight: 400;

font-style: normal;

}

.tiro-devanagari marathi-regular-italic {

font-family: "Tiro Devanagari Marathi", serif;

font-weight: 400;

font-style: italic;

}

body {

font-family: "Arial Unicode MS", Arial, sans-serif; /* Use a font that supports Marathi characters */

}

.fw{

font-family: Poppins;

font-size: 15px;

font-weight: 500;

line-height: 30px;

text-transform: capitalize;

text-align:justify;

}

.playball {

font-family: 'Playball';

font-size: 20px;

}

.svghw {

width: 148px;

height: 134px;

}

.svghw {

width: 148px;

height: 134px;

}

.menu-img {

width: 280px;

margin-top: 30px;

margin-left: -110px;

}

.menu-img1 {

width: 280px;

margin-top: 30px;

}

.filter-container {

padding: 30px;

margin-bottom: 20px;

}

.product-card {

border: 1px solid #ddd;

padding: 15px;

text-align: center;

margin-bottom: 20px;

}

.product-card img {

max-width: 100%;

height: auto;

}

.sort-by {

margin-bottom: 20px;

}

.resetbg {

background-color: rgba(218, 165, 32, 0.13);

border-radius: 0px;

}

.applybg {

background-color: rgba(218, 165, 32, 1);

border-radius: 0px;

}

.card {

border: 1px solid rgb(226 169 32 / 70%);

margin-bottom: 20px;

}

.card-title {

font-weight: 700;

font-size: 18px;

text-align: left;

}

.card-body {

padding: 1.5rem 1.5rem;

}

.card-body a {

font-size: 12px;

color: #17941C;

font-weight: 500;

text-decoration: auto;

}

.filter-container.shadow-lg p {

text-align: left;

font-weight: 600;

font-size: 18px;

border-bottom: 1px solid #e3e3e3;

padding: 0px 10px 10px 10px;

}

.shadow-lg {

box-shadow: 0px 3px 6px rgba(0, 0, 0, .175) !important;

}

.btn-m {

margin-left: 0px !important;

margin-right: 5px !important;

border: 0;

font-weight: 600;

}

.btn1-m {

margin-left: 5px !important;

margin-right: 0px !important;

border: 0;

font-weight: 600;

}

.ft {

border-bottom: 1px solid #e3e3e3;

padding: 10px;

}

select.form-select.w-auto {

font-weight: 700;

}

.form-select {

padding: .375rem 6.25rem .375rem 1rem;

border: 1px solid #daa520;

}

.row.my-4 {

padding-right: 0px;

}

.col-sm-6.col-md-4.col-lg-4.col-6.mb-3 {

padding-right: 0px;

padding-left: 26px;

}

.plus {

margin-left: 100px;

font-size: 22px;

}

.plus1 {

margin-left: 160px;

}

.plus2 {

margin-left: 140px;

}

.plus3 {

margin-left: 106px;

}

@media only screen and (max-width: 600px) {

.card {

border: 1px solid rgb(226 169 32 / 31%);

margin-bottom: 10px;

}

.card-title {

font-weight: 700;

font-size: 11px;

text-align: left;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

.card-body a {

font-size: 6px;

}

.card-body {

padding: 10px 10px;

}

}

.section-scheme {

text-align: center;

}

.scheme-box {

padding: 20px;

}

.arrow-box {

display: flex;

align-items: center;

justify-content: center;

}

.arrow-box::after {

content: "";

background: url('../../assets/img/loyalty/arrow.png') no-repeat center;

background-size: contain;

width: 110px;

height: 25px;

margin-bottom: 150px;

}

.arrow-mobile1 {

display: none;

}

@media (max-width: 767px) {

.arrow-box1 {

display: none;

}

.arrow-mobile1 {

display: block;

margin: 10px auto;

width: 157px;

margin-right: 157px;

margin-bottom: -53px;

margin-top: -102px;

height: 139px;

background: url(../../assets/img/loyalty/downarrow1.png) no-repeat center;

background-size: contain;

}

}

.arrow-mobile2 {

display: none;

}

@media (max-width: 767px) {

.arrow-box2 {

display: none;

}

.arrow-mobile2 {

display: block;

margin: 10px auto;

width: 157px;

margin-left: 157px;

margin-bottom: -53px;

margin-top: -102px;

height: 139px;

background: url(../../assets/img/loyalty/downarrow2.png) no-repeat center;

background-size: contain;

}

}



.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

color: goldenrod;

}

.navbar-dark .navbar-nav .nav-link {

color: black;

}

/* Custom dropdown menu styles */

.dropdown-menu {

position: absolute;

display: none;

z-index: 1000;

top: 100%;

left: 0;

padding: 0.5rem 0;

margin: 0.125rem 0 0;

font-size: 1rem;

border: 1px solid rgba(0,0,0,.15);

border-radius: 0.25rem;

background-color: #fff;

}

.dropdown-submenu:hover > .dropdown-menu {

display: block;

}

.dropdown-submenu .dropdown-menu {

top: 0;

left: 100%;

margin-top: -1px;

}

.dropdown-menu .dropdown-item {

padding: 0.5rem 1rem;

clear: both;

font-weight: 400;

color: #212529;

text-align: inherit;

white-space: nowrap;

}

.dropdown-menu .dropdown-item:hover {

color: #007bff;

background-color: rgba(0,0,0,.075);

}



.accordion-button {

    padding: 3px 19px!important;

}







/* Media query for small devices */

@media (max-width: 991px) {

.dropdown-menu {

margin-left: 0.7rem;

margin-right: 0.7rem;

margin-bottom: .5rem;

}

.dropdown-submenu .dropdown-menu {

left: auto;

right: 100%;

top: 0;

margin-top: 0;

}

}

.contacticon {

display: flex;

gap: 1rem;

}

.contacticon li {

display: flex;

align-items: center;

}

.contacticon i {

margin-right: 0.5rem;

}

.col-lg-2.col-md-6.mb-4.mb-md-0 {

display: block;

}

.mt-foot {

margin-top: 4rem !important;

}

@media only screen and (max-width: 600px) {

p {

font-size: 14px;

line-height: 20px;

text-align: left;

margin-top: 20px;

}

.col-lg-2.col-md-6.mb-4.mb-md-0 {

display: none;

}

img.img-fluid.foot-img {

max-width: 45%;

}

span.ms-2 {

font-size: 14px;

}

.section-footer-end span {

font-size: 11px;

}

img.img-fluid.foot {

width: 15px;

}

img.img-fluid.foot1 {

width: 9px;

}

}

@media (min-width: 992px) {

.pr-lg-20 {

padding-right: 230px !important;

}

.pl-lg-10 {

padding-left: 130px !important;

}

}

.flogocus{

width: 164px!important;

}

.col-lg-2.col-md-6.mb-4.mb-md-0 {

display: block;

}

.mt-foot {

margin-top: 4rem !important;

}

@media only screen and (max-width: 600px) {

p {

font-size: 14px;

line-height: 20px;

text-align: left;

margin-top: 20px;

}

.col-lg-2.col-md-6.mb-4.mb-md-0 {

display: none;

}

img.img-fluid.foot-img {

max-width: 45%;

}

span.ms-2 {

font-size: 14px;

}

.section-footer-end span {

font-size: 11px;

}

img.img-fluid.foot {

width: 15px;

}

img.img-fluid.foot1 {

width: 9px;

}

}

@media (min-width: 992px) {

.pr-lg-20 {

padding-right: 230px !important;

}

.pl-lg-10 {

padding-left: 130px !important;

}

}



.card-img-centered {

display: block;

margin-left: auto;

margin-right: auto;

}

.custp{

font-size: 12px;

line-height: 1;

text-align: justify;

}

.about-box {

border-left: 10px solid goldenrod;

}

.hover-effect:hover {

background-color: goldenrod!important;

}

.text-justify{

text-align: justify;

}



.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover {

color: goldenrod;

}

.navbar-dark .navbar-nav .nav-link {

    color: black !important;

}

/* Custom dropdown menu styles */

.dropdown-menu {

position: absolute;

display: none;

z-index: 1000;

top: 100%;

left: 0;

padding: 0.5rem 0;

margin: 0.125rem 0 0;

font-size: 1rem;

border: 1px solid rgba(0, 0, 0, .15);

border-radius: 0.25rem;

background-color: #fff;

}

.dropdown-submenu:hover>.dropdown-menu {

display: block;

}

.dropdown-submenu .dropdown-menu {

top: 0;

left: 100%;

margin-top: -1px;

}

.dropdown-menu .dropdown-item {

padding: 0.5rem 1rem;

clear: both;

font-weight: 400;

color: #212529;

text-align: inherit;

white-space: nowrap;

}

.dropdown-menu .dropdown-item:hover {

color: #007bff;

background-color: rgba(0, 0, 0, .075);

}

/* Media query for small devices */

@media (max-width: 991px) {

.dropdown-menu {

margin-left: 0.7rem;

margin-right: 0.7rem;

margin-bottom: .5rem;

}

.dropdown-submenu .dropdown-menu {

left: auto;

right: 100%;

top: 0;

margin-top: 0;

}

}

.contacticon {

display: flex;

gap: 1rem;

}

.contacticon li {

display: flex;

align-items: center;

}

.contacticon i {

margin-right: 0.5rem;

}

/* Ensure submenus are hidden by default */

.dropdown-submenu .dropdown-menu {

    display: none;

}



/* Display submenus when hovering over the parent menu item */

.dropdown-submenu:hover .dropdown-menu {

    display: block;

    position: absolute; /* Ensure the submenu is correctly positioned */

    left: 100%; /* Align to the right of the parent */

    top: 0;

}



/* Optionally, add a transition for a smoother hover effect */

.dropdown-submenu .dropdown-menu {

    transition: visibility 0.3s ease, opacity 0.3s ease;

    opacity: 0;

    visibility: hidden;

}



.dropdown-submenu:hover .dropdown-menu {

    visibility: visible;

    opacity: 1;

}

.navbar-nav .dropdown-menu {

    position: absolute;

}

/* Mobile styles (up to 767px wide) */

@media only screen and (max-width: 767px) {

 .dropdown-toggle::after {

    position: absolute;

    right: 10px;

}

.dropdown-submenu:hover .dropdown-menu {

    position: static;

    margin-top: 10px;

}

}



/* Desktop styles (768px and up) */

@media only screen and (min-width: 768px) {



}



.pb-0 {

    padding-bottom: 0px !important;

}

/* .savingbg{
	background-image: url(../../assets/img/scheme/bgsaving.png);
} */