.portfolio_section .item {
    max-width: 342px;
}

.portfolio_section .carousel {
    margin-top: 0rem;

}
.portfolio_section .carousel--track {animation: auto-scroll 44s infinite linear;}
.eclips_top {
    position: absolute;
    z-index: 1;
    background-image: url(../img/partnership/Ellipse_top.png);
    height: 43px;
    background-position: top;
    background-size: cover;
    width: 99%;
}

.eclips_bottom {
    position: absolute;
    z-index: 1;
    margin-top: 193px;
    background-image: url(../img/partnership/Ellipse_bottom.png);
    height: 47px;
    background-position: top;
    background-size: cover;
    width: 99%;
}

.quality_box {
    background-image: url(../img/partnership/Rectangle.png);
    background-size: cover;
    min-height: 205px;
}

.quality_title {
    margin-top: -10px;
    position: absolute;
    max-width: 1320px;
    text-align: center;
    width: 100%;
}

.quality_title span {
    font-size: 17px;
    font-family: 'Creato Display';
    text-transform: uppercase;
    color: #000;
    margin-right: 40px;
}

.qty_para {
    font-size: 14px;
    color: #000;
    text-align: justify;
    width: 100%;
    margin: auto;
       padding-top: 50px;

}

.border-right {
    border-right: 1.2px solid #9f1c21;
}

.br_pd {
    width: 90%;
    margin: auto;
    margin-bottom: 15px;
        color: #000;
            font-weight: 500;

}
.portfolio-bottom{
        margin-top: -100px;
}

.over-view-section{
    background: #e9e9e9;
        margin-top: 8rem !important;
}
.over-view-content{
       max-width: 652px;
    color: #000;
    text-align: center;
    letter-spacing: -0.01em;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: auto;
    margin-top: 55px;
    /* margin-bottom: 20px; */
    background: #e9e9e9;

}
.over-section-content3{
    background: linear-gradient(0deg, #D9D9D9 0%, #E9E9E9 100%);
    width: 95%;
    padding: 20px;  
}
.over-view-sub-title{
    color: #9F1C21;
font-weight:500;
    font-size: 17px;
    text-align: center;
}

.cards-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0 20px 0;
}

.card {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  height: 100vh;
  /* border: 4px solid #000; */
  /* border-radius: 16px; */
  /* box-shadow: 3px 3px 0px #000000; */
  font-size: 50px;
}

/* Manually converted nth-child logic */
.card:nth-child(1) {
  top: 120px; 
  width: 90%;
  margin-bottom: 164px; 
  background-color:#E9E9E9 !important;
}

.card:nth-child(2) {
  top: 160px; /* 2*20 + 40 */
  width: 95%;
  margin-bottom: 50px; 
  background-color:#E9E9E9 !important;
}

.card:nth-child(3) {
  top: 200px; 
  width: 100%;
  margin-bottom: 50px;
  /* background-color:#E9E9E9 !important; */
}
.over-view-section .card img {
    width: 100%;
    transition: filter 0.4s ease;
        filter: none !important;
}



/* active move-up state */
.move-up {
    transform: translateY(-120px);
}

/* smooth visibility */
.hidden {
    opacity: 0;
}
.partner-hero-section{
   margin-top: 12rem;
    min-height: 300px;
}
.mask-section {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 5rem 0rem;

}

/* ================= MASK ================= */
.mask {
    overflow: hidden;
}

/* ================= MASK INNER (MOVES) ================= */
.mask-inner {
    transform: translateY(100%);
}

/* ================= TEXT ================= */
.mask-text {
     font-family: "Creato Display", "Helvetica Neue", Arial, sans-serif;
    font-size: 11rem;
    font-weight: 1000 !important;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;

    background-image: url("https://images.unsplash.com/photo-1501785888041-af3ef285b470");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 105%;

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.parter-section-bg {
   
    position: relative;
    width: 100%;
    padding: 0px;
    margin-bottom: 50px;

    background-image: url(../img/partnership/partership_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* START HIDDEN */
    clip-path: inset(0 50% 0 50%);

    /* TWO ANIMATIONS */
    animation:
        bgReveal 2.5s ease-out forwards,
        bgZoom 30s ease-in-out infinite;
    
    animation-delay:
        0s,
        2.5s; /* zoom starts AFTER reveal */
}

/* REVEAL */
@keyframes bgReveal {
    from {
        clip-path: inset(0 50% 0 50%);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}

/* ZOOM IN & OUT */
@keyframes bgZoom {
    0% {
        background-size: 100%;
    }
    50% {
        background-size: 200%;
    }
    100% {
        background-size: 200%;
    }
}
.our-operations-are{
    text-align: center !important;
}
.footer_pilller{
    margin-top: -250px;
}
.w-80{
    width: 80%;
}

/* IMAGE */
.rotated-section{
        /* margin-top: 16rem;
    transform: rotate(14deg);
    width: 100%;
    overflow: hidden;
    margin-bottom: 15rem; */

   background: url(../img/partnership/group_bg.png), no-repeat;
    background-size: 160%;
    background-repeat: no-repeat;
    margin: 1rem 0px;
    height: 160vh !important;
    background-position: center;
}
.rotated-section img{
    width: 100%;
}
.top_c{
    margin: auto;
margin-bottom: 15px;
    width: 100%;
}
.center_c{
    margin: auto;
margin-bottom: 15px;
    width: 100%;
}
.bottom_c{
    margin: auto;
    margin-bottom: 15px;
        width: 100%;
}
.border-separete{
    width: 48%;
    background-color: var(--primitives-legacy-gold);
        height: 4px;
        margin-left: 18px;
    margin-bottom: 23px;
}
.bs-r{
      margin-left: auto;
    margin-right: 18px;
}

@media(max-width: 1399px) {
    .qty_para {
        font-size: 11px;
    }

    .quality_box {
        min-height: 176px;
    }
}

@media(max-width: 1199px) {
    .quality_box {
        min-height: 148px;
    }

    .qty_para {
       padding-top: 24px;

    }

    .br_pd {
        width: 97%;
    }
}

@media (max-width: 992px) {
    .quality_box {
        background: none;
    }
    .quality_title{
        position: relative;
    }

    .qty_para {
        font-size: 9px !important;
    }

    .qty_para div {
        margin-bottom: 5px;
    }
}

@media (max-width: 768px) {
    .border-right {
        border-right: none;
        border-bottom: 1.2px solid #9f1c21;
        margin: auto;
        padding: 5px;

    }
    .card {
      height: max-content;
    }

    .br_pd {
        width: 100%;
    }
    .card:nth-child(1) {
            margin-bottom: 90px;
    }
.rotated-section{
        height: 65vh !important;
}
   

}