.nav-logo img{
    height: 100px !important;
}

/* From Uiverse.io by dovatgabriel */ 
.newtons-cradle {
 --uib-size: 50px;
 --uib-speed: 1.2s;
 --uib-color: #474554;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 width: var(--uib-size);
 height: var(--uib-size);
}

.newtons-cradle__dot {
 position: relative;
 display: flex;
 align-items: center;
 height: 100%;
 width: 25%;
 transform-origin: center top;
}

.newtons-cradle__dot::after {
 content: '';
 display: block;
 width: 100%;
 height: 25%;
 border-radius: 50%;
 background-color: var(--uib-color);
}

.newtons-cradle__dot:first-child {
 animation: swing var(--uib-speed) linear infinite;
}

.newtons-cradle__dot:last-child {
 animation: swing2 var(--uib-speed) linear infinite;
}

@keyframes swing {
 0% {
  transform: rotate(0deg);
  animation-timing-function: ease-out;
 }

 25% {
  transform: rotate(70deg);
  animation-timing-function: ease-in;
 }

 50% {
  transform: rotate(0deg);
  animation-timing-function: linear;
 }
}

@keyframes swing2 {
 0% {
  transform: rotate(0deg);
  animation-timing-function: linear;
 }

 50% {
  transform: rotate(0deg);
  animation-timing-function: ease-out;
 }

 75% {
  transform: rotate(-70deg);
  animation-timing-function: ease-in;
 }
}
.prd-main-slider{
    height:25rem;
    text-align: center !important;
}
.prd-main-slider .prd-main-slider-img{
    height:100%;
    width:auto !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

.checkout-section-2 .accordion-button::before{
    display: none;
}

/* mission vission card css  */
.mission-card,
.vision-card,
.values-card,
.promise-card {
    border: 1px solid #C7A049 !important ;
    border-top: 5px solid #C7A049 !important;
    border-radius: 15px;
    box-shadow: 2px 3px 4px lightgrey;
    transition: all 0.3s ease;
}
.vision-icon {
    animation: float 3s ease-in-out infinite;
}
.mission-icon {
    animation: pulse 2s ease infinite;
}
.values-icon {
    animation: pulse 2s infinite;
}
.promise-icon {
    animation: float 2s infinite;
}
.mission-card:hover,
.vision-card:hover,
.values-card:hover,
.promise-card:hover {
    transform: translateY(-5px);
    box-shadow: 5px 5px 2px rgb(253, 224, 224) !important;
}
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
@keyframes pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

.view-modal .slider-image{
    height:30rem;
    width: 100%;
    max-height:35rem;
   
    text-align: center;
}
.view-modal .slider-image img{
    height: 100%;
    width:auto;
}


.tc-page-title {
    margin-bottom: 40px;
}
.tc-sub-title {
    color: #C7A049;
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.tc-main-title {
    font-size: 32px;
    font-weight: 700;
    color: #2a2a2a;
}

/* MAIN CARD */
.term-card {
    background: #fff;
    padding: 25px;
    border-left: 6px solid #C7A049;
    border-radius: 8px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
}
.term-card:hover {
    transform: translateY(-6px);
    border-left-color: #9f7f31;
    background: #fdf9ef;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* TITLE & TEXT */
.term-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #000;
}
.term-text {
    font-size: 16.5px;
    line-height: 1.6;
    color: #444;
}

/* MODERN LIST */
.modern-list li {
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    list-style: none;
    display: block;
}
.modern-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    background: #C7A049;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(199, 160, 73, 0.5);
}

/* INFO BOX */
.term-info {
    background: #fdf9ef;
    border-left: 6px solid #9f7f31;
    padding: 25px;
    border-radius: 8px;
    margin-top: 40px;
}
.term-info-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}
.term-info-text {
    font-size: 16px;
    line-height: 1.7;
}

.tm-circle {
       display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    border: 1px solid #485366;
    border-radius: 50%;
    font-size: 5px;
    line-height: 1;
    font-weight: bold;
    position: relative;
    top: -6px;
    left: 0px;   /* spacing from name */
}
.tm {
    font-size: 10px;
    vertical-align: super;
    margin-left: 2px;
}