.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;
}