.stack-Philosophy
{
    background: #F5F5F5;
    padding: 120px 0;
    margin-bottom: -111px;
}
.philosophy-cards-row
{
    margin: 44px 0;
}
.values-cards,
.business-model-cards,
.innovation-cards
{
    width: 388px;
}

.philosophy-card-1
{
    border-radius: 12px;
    background: #FFF;
    width: 388px;
    height: 415px;
    text-align: center;
    padding: 48px;
    position: relative;
    transition: all 0.8s ease-in-out;
}

.card-1-hovered .philosophy-card-1 {
    background: linear-gradient(135deg, #544FF8 4.88%, #2EB6AE 102.95%), #FFF;
}

.card-1-hovered .philosophy-card-1 .Philo-title,
.card-1-hovered .philosophy-card-1 p,
.card-1-hovered .philosophy-card-1 .swipe-text {
    color: #FFF;
}

.card-1-hovered .philosophy-card-1 .philo-card-icon,
.card-1-hovered .award-next-arrow,
.card-1-hovered .award-prev-arrow
{
    filter: brightness(0) invert(1);
}

.Philo-title
{
    color: #1A1A1A;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 52.8px */
    margin: 20px 0;
}
.philosophy-card-1 p
{
    color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
.philosophy-card-1 .swipe-text
{
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    position: absolute;
    right: 48px;
    bottom: 30px;
}
.philosophy-card-2
{
    background: linear-gradient(129deg, #F1EDFF 40.65%, #9BDDD9 101.31%);
    width: 388px;
    height: 415px;
    border-radius: 12px;
    padding: 40px;
    position: relative;
}
.philosophy-card-2 .card-2-title
{
    color: #1A1A1A;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 20px 0;
}
.philosophy-card-2 p
{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.Philo-icon-img
{
    height: auto;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.stack-Philosophy .aide-awards-arrows {
    position: relative;
    bottom: auto;
    /* left: 91%; */
    /* transform: translateX(-50%); */
    display: flex;
    gap: 2px;
    margin-top: -57px;
    justify-content: end;
    width: 91%;
}
/* .stack-Philosophy .slide-arrow {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    font-size: 0;
} */
.stack-Philosophy .award-prev-arrow {
    background: url(../images/swipe-arrow.png) no-repeat 6px 6px;
    width: 20px;
    height: 30px;
    cursor: pointer;
    transform: rotate(180deg);
    padding: 8px;
}

.stack-Philosophy .award-next-arrow {
    background: url(../images/swipe-arrow.png) no-repeat 6px 6px;
    width: 20px;
    height: 30px;
    cursor: pointer;
    padding: 8px;
}
.stack-Philosophy .award-prev-arrow:hover,
.stack-Philosophy .award-next-arrow:hover {
    background-color: #fff;
    filter: none;
}
.stack-Philosophy .slick-disabled {
    display: block !important;
    visibility: hidden;
}

/* Breakpoints */
@media (max-width: 1199.98px) { 
    .stack-Philosophy {
  padding: 80px 0;
}
.philosophy-cards-row {
  margin: 32px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.philosophy-cards  .common_h2 h2 {font-size: 34px;margin: 0}
.Philo-title {font-size: 32px;margin: 20px 0}
.philosophy-btn-wrap {
    margin-top: 60px;
}
}
@media (max-width: 767.98px) { 
.philosophy-cards .slick-slide{margin-left: 0;margin-right: 0;padding: 0 5px;}
.stack-Philosophy {padding: 60px 0}
.philosophy-cards  .common_h2 h2 {font-size: 34px;margin: 0}
.stack-Philosophy .aide-awards-arrows {width: 92%}
.philosophy-card-2 {padding: 26px}
.philosophy-card-1 {padding: 48px 30px 32px 30px}
.values-cards, .business-model-cards, .innovation-cards {width: 355px}
.philosophy-cta-btn { font-size: 14px;}

}

/* Philosophy CTA Button */
.philosophy-btn-wrap {
    margin-top: 83px;
}

.philosophy-cta-btn {
    display: inline-block;
    border-radius: 12px;
    background: #242424;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    letter-spacing: 0.02em;
}

.philosophy-cta-btn:hover {
   background: linear-gradient(91deg, #544FF8 70.08%, #2EB6AE 100.12%);
}