.market_potential_head{
    font-size: 2.5rem;
    font-weight: 600;
}

.market_potential_bg {
    background: linear-gradient(320deg, #19a2f4 0%, #0075ba 100%);
    border-radius: 20px; /* Adjust the value as needed */
    overflow: hidden;    /* Ensures child content respects the border radius */
}


/* .market_potential_text{
    padding-left: 15rem !important;
    padding-right: 15rem !important;
    font-size: 20px;
} */
.market_potential_text {
  padding: 0 2rem;
  font-size: 20px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}


/*User Journey*/
/*Shama*/
@keyframes float {
    0% { transform: translateY(0) rotate(-20deg); }
    50% { transform: translateY(-15px) rotate(-20deg); }
    100% { transform: translateY(0) rotate(-20deg); }
  }
.business_section {
    position: relative;
    z-index: 2;
  }
.coin-left {
    position: absolute;
    bottom: -60px;
    left: -80px;
    width: 150px;
    max-width: 30vw;
    transform: rotate(-10deg);
    z-index: 3;
    pointer-events: none;
    animation: float 3s ease-in-out infinite;
  }

  .coin-right {
    position: absolute;
    top: -1px;
    right: -50px;
    width: 100px;
    max-width: 20vw;
    transform: rotate(60deg);
    z-index: -1;
    pointer-events: none;
    animation: float 3s ease-in-out infinite;
  }

  .key-right {
    position: absolute;
    bottom: -60px;
    right: -120px;
    height: 220px;
    max-height: 40vw;
    transform: rotate(-10deg);
    z-index: 3;
    pointer-events: none;
    animation: float 3s ease-in-out infinite;
  }

  @media (max-width: 768px) {
  
    /* Adjust coin-left */
    .coin-left {
      left: -30px;
      bottom: -40px;
      width: 100px;
      transform: rotate(-15deg);
    }
  
    /* Adjust coin-right */
    .coin-right {
      top: 10px;
      right: -20px;
      width: 80px;
      transform: rotate(15deg);
    }
  
    /* Adjust key */
    .key-right {
      bottom: -30px;
      right: -50px;
      height: 120px;
      transform: rotate(-5deg);
    }
  
  }
  /*Shama*/

/* --- Farhaan MASONRY & CARD STYLES --- */
.fraan_masonry {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 0;
    position: relative;
}
@media (max-width: 1100px) {
    .fraan_masonry {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr);
        gap: 16px;
        padding: 1.2rem 0;
    }
    .fraan_card {
        min-height: 180px; /* Tablet height */
    }
}
@media (max-width: 600px) {
    .fraan_masonry {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, 1fr);
        gap: 10px;
        padding: 0.5rem 0;
    }
    .fraan_card {
        min-height: 140px; /* Mobile height */
    }
}
.fraan_card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 32px 0 rgba(44, 44, 84, 0.10);
    background: rgba(255,255,255,0.12); /* subtle glass effect */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 247px; /* Base height for desktop */
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
    border: 1px solid rgba(255,255,255,0.13);
    transition: all 0.22s cubic-bezier(.4,2,.6,1), filter 0.75s;
    filter: grayscale(0.1) saturate(95%) brightness(95%) contrast(90%);
}
.fraan_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
    transition: all 0.22s cubic-bezier(.4,2,.6,1), filter 0.75s;
}

/* Override for images within the top segment */
.fraan_card_top_segment img {
    position: static; /* Remove absolute positioning */
    width: 65px; /* Use icon size */
    height: auto;
    object-fit: contain; /* Adjust object-fit if needed */
    z-index: auto; /* Reset z-index */
}

.fraan_card_content {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center;
    padding: 1.2rem;
    border-radius: 20px;
    z-index: 2;
}
.fraan_card_top_segment {
    flex: 1; /* Allow top segment to grow */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.9rem;
}
.fraan_card_bottom_segment {
    flex: 1; /* Allow bottom segment to grow */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem;
}
.fraan_card_icon_img {
    width: 24px; /* Reduced icon size */
    height: auto;
    margin-bottom: 0.3rem; /* Adjusted spacing */
}
.fraan_shineLayer {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 3;
    pointer-events: none;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%);
    transition: all 0.2s;
}
.fraan_card.fraan_active {
    filter: grayscale(0) saturate(105%) brightness(100%) contrast(100%);
    z-index: 10;
}
@media (max-width: 767px) {
    .fraan_card, .fraan_card img {
        transition: none !important;
        filter: none !important;
        transform: none !important;
    }
}
/* Grid item placements */
.fraan_card1 { grid-column: 1 / 2; grid-row: 1 / 3; }
.fraan_card2 { grid-column: 2 / 4; grid-row: 1 / 2; }
.fraan_card3 { grid-column: 4 / 5; grid-row: 1 / 2; }
.fraan_card4 { grid-column: 2 / 3; grid-row: 2 / 3; }
.fraan_card5 { grid-column: 3 / 4; grid-row: 2 / 3; }
.fraan_card6 { grid-column: 4 / 5; grid-row: 2 / 3; }
.fraan_card7 { grid-column: 1 / 2; grid-row: 3 / 4; }
.fraan_card8 { grid-column: 2 / 3; grid-row: 3 / 4; }
.fraan_card9 { grid-column: 3 / 5; grid-row: 3 / 4; }
@media (max-width: 1100px) {
    .fraan_card1 { grid-column: 1 / 2; grid-row: 1 / 3; min-height: 300px;}
    .fraan_card2 { grid-column: 2 / 3; grid-row: 1 / 2; min-height: 300px;}
    .fraan_card3 { grid-column: 2 / 3; grid-row: 2 / 3; min-height: 300px;}
    .fraan_card4 { grid-column: 1 / 2; grid-row: 3 / 4; min-height: 300px;}
    .fraan_card5 { grid-column: 2 / 3; grid-row: 3 / 4; min-height: 300px;}
    .fraan_card6 { grid-column: 1 / 2; grid-row: 4 / 5; min-height: 300px;}
    .fraan_card7 { grid-column: 2 / 3; grid-row: 4 / 5; min-height: 300px;}
    .fraan_card8 { grid-column: 1 / 2; grid-row: 5 / 6; min-height: 300px;}
    .fraan_card9 { grid-column: 2 / 3; grid-row: 5 / 6; min-height: 300px;}
}
@media (max-width: 600px) {
    .fraan_card1, .fraan_card2, .fraan_card3, .fraan_card4, .fraan_card5, .fraan_card6, .fraan_card7, .fraan_card8, .fraan_card9 {
        grid-column: 1 / 2 !important;
        grid-row: auto !important;
        min-height: 247px;
        width: 367px;
    }
    }

/* --- END FARHAAN MASONRY & CARD STYLES --- */

/* --- Farhaan WHY SALVAGE PRO WINS TABLE STYLES --- */
.fraan_wins_table {
    width: 100%;
    max-width: 100%; /* Adjust max-width as needed */
    border-collapse: separate;
    border-spacing: 0;
    border: 1.5px solid #bcb8f3;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    margin: 2rem auto; /* Center the table horizontally */
    font-family: 'Inter', sans-serif;
    box-shadow: 0 2px 16px 0 rgba(44,44,84,0.04);
}
.fraan_wins_table th, .fraan_wins_table td {
    padding: 2.6rem 0.8rem;
    text-align: center;
    font-size: 1.15rem;
    border-bottom: 2px solid #edeafd;
    border-right: none;
    color: #7a7a8c;
    font-weight: 500;
    background: none;
    letter-spacing: 0.03em; /* Added letter spacing */
}
.fraan_wins_table th {
    color: #19a2f4;
    font-size: 1.18rem;
    font-weight: 700;
    background: none;
    border-bottom: 2px solid #edeafd;
}
.fraan_wins_table th:first-child, .fraan_wins_table td:first-child {
    text-align: center;
    color: #7a7a8c;
    font-weight: 600;
    border-bottom: 1px solid #edeafd;
}
.fraan_wins_table tr:last-child td:first-child {
    border-bottom: none;
}
.fraan_wins_table th:last-child, .fraan_wins_table td:last-child {
    border-right: none;
}
.fraan_wins_table tr:last-child td {
    border-bottom: none;
}
.fraan_wins_table .fraan_wins_highlight {
    background: linear-gradient(90deg, #19a2f4 0%, #0075ba 100%);
    color: #fff !important;
    font-weight: 700;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid white;
    box-shadow: 0 2px 8px 0 rgba(109,95,212,0.07);
}
.fraan_wins_table th.fraan_wins_highlight {
    border-bottom: 2px solid #edeafd;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.fraan_wins_table th, .fraan_wins_table td {
    transition: background 0.3s, color 0.3s;
}
.fraan_wins_table {
    border-radius: 20px;
}
/* Responsive adjustments for the table */
@media (max-width: 900px) {
    .fraan_wins_table th, .fraan_wins_table td {
        padding: 1.2rem 0.6rem; /* Adjusted padding for tablet */
        font-size: 1rem; /* Adjusted font size for tablet */
        letter-spacing: 0.02em; /* Adjusted letter spacing for tablet */
    }
    .fraan_wins_table th {
        font-size: 1.05rem;
    }
}
@media (max-width: 600px) {
    .fraan_wins_table th, .fraan_wins_table td {
        padding: 0.8rem 0.4rem; /* Adjusted padding for mobile */
        font-size: 0.9rem; /* Adjusted font size for mobile */
        letter-spacing: 0.01em; /* Adjusted letter spacing for mobile */
    }
     .fraan_wins_table th {
        font-size: 0.95rem;
    }
}

/* --- END Farhaan WHY SALVAGE PRO WINS TABLE STYLES --- */





/* ---------------------- HARSHINI – CSS START ------------------- */




/* Typography and section alignment */
@media (max-width: 768px) {


html, body {
  overflow-x: hidden !important;
}

.container, .row, .col, .col-12, .col-md-6, .col-lg-6 {
  margin-left: auto;
  margin-right: auto;
} 
  .text-start,
  .text-end,
  .text-left, .second-section {
    text-align: justify !important;
    align-items: center;
  }

  .hero-content,
  .hero-title,
  .hero-subtitle,
  .ready_to_unlock_head,
  .about-text,
  .market_potential_head {
    text-align: center !important;
  }

  .market_potential_text {
    padding: 1rem 1rem !important;
    font-size: 1rem;
    text-align: center !important;
  }

    .second-section .btn-theme-default {
    padding-left: 3em !important;
    padding-right: 6em !important;
    font-size: 14px !important;
    text-align: center;
    margin: 0.2rem !important;
    width:100% !important;
  }
  
  .gradient-btn{
    display: inline-block;
    margin: 1rem auto;
    text-align: center;
    min-width:100% !important;
  }

  .row {
    justify-content: center !important;
  }

  .hero-content img,
  .btn img, .side-img, .market-img,
  .gradient-btn img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }

  .side-img, .market-img{
    padding: 0rem !important;
   
}
.burj-img-mt{
  margin-top:10px !important;
}



}

@media (max-width: 450px) {
  .second-section .btn-theme-default {
    padding: 1em !important;
    font-size: 14px !important;
    text-align: center;
    margin: 0.2rem !important;
    width:70% !important;
  }

  .second-section {
    padding: 1.5rem !important;
    margin-bottom: 6rem !important;
  }

  .button-section {
    padding-top: 0.5rem !important;
  }

  .burj-img-mt img {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 375px) {
   .second-section .btn-theme-default {
    padding: 1em !important;
    font-size: 14px !important;
    text-align: center;
    margin: 0.2rem !important;
    width:100% !important;
  }

  .second-section {
    padding: 1.5rem !important;
    margin-bottom: 6rem !important;
  }

  .button-section {
    padding-top: 0.5rem !important;
  }

  .burj-img-mt img {
    max-width: 100%;
    height: auto;
  }
}
/*Who we are & Our vision section image alignments*/
@media (max-width: 991.98px) and (min-width: 576px) {
  .side-img {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .side-img img, .burj-img-mt  {
    width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
  }

  .hero-content {
    padding: 1.5rem !important;
    text-align: center !important;
  }
  .custom-btn{
    width:100% !important;
  }
}

/*Home section alignments*/

@media (max-width: 763px) {
  .home-section .row {
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .home-section .col-lg-6,
  .home-section .col-md-6 {
    width: 100% !important;
    margin-bottom: 0rem;
  }

  .home-section .text-end {
    text-align: center !important;
  }

  .gradient-btn {
    margin: 0 auto;
  }

  .hero-content img {
    max-width: 200px;
    height: auto;
    margin-bottom: 1rem;
  }
}

/*3D card alignment*/

@media (max-width: 600px) {
  .fraan_card9 ,.fraan_card1 {
    width: 90% !important;
    margin: 0 auto;
    min-height: unset !important;
    aspect-ratio: 1 / 1; /* keep square-ish ratio */
    position: relative;
  }

  .fraan_card9 img , .fraan_card1 img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px;
    display: block;
    position: relative;
  }
}

/* Business Card Centering */
@media (max-width: 576px) {
  .business_card {
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    margin: 0 auto 1.5rem auto;
  }

  .business_card_title,
  .business_card_description,
  .business_card_icon {
    text-align: center !important;
  }

  .business_section h4 {
    text-align: center;
  }

  .col-business,
  .col-investor {
    width: 100% !important;
  }

  .business_card img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

/* Fraan Card (masonry) images and centering */
@media (max-width: 576px) {
  .fraan_card {
    width: 90% !important;
    margin: 0 auto;
    height: auto;
  }

  .fraan_card img {
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    height: auto;
  }

  .fraan_card_content {
    justify-content: center !important;
    text-align: center !important;
  }

  .fraan_card_icon {
    margin: 0 auto;
  }
}

/* Masonry grid layout safe fallback */
@media (max-width: 576px) {
  .fraan_masonry {
    grid-template-columns: 1fr !important;
    justify-content: center !important;
    padding: 1rem;
  }
}



/*Why salvage pro table responsiveness change*/
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 1rem;
  border-radius: 20px;
}

.table-responsive-wrapper::-webkit-scrollbar {
  height: 6px;
}
.table-responsive-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(100, 100, 100, 0.3);
  border-radius: 4px;
}

/* ------------------------ Harshini CSS changes END -------------------------- */

.top-right-arrow-width{
    width: 47px!important;
}