/* Campaign Grid Styles */
.campaigns-page-wrapper {

}

.campaigns-container {
    max-width: 1400px;
    margin: 0 auto;
}

.campaigns-header {
    margin-bottom: 40px;
}

.campaigns-header h1 {
    color: white;
    font-size: 36px;
    margin-bottom: 20px;
}


.past-campaign-item.hidden-campaign {
    display: none !important;
}


/* --- Wrapper --- */
.campaigns-filters {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

/* --- Base Select Style --- */
.campaign-filter-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding: 10px 40px 10px 20px;
    border-radius: 25px;
    border: none;
    font-size: 15px;
    font-weight: 600;

    background-color: #1a1a1a;
    color: #fff;

    cursor: pointer;
    position: relative;

    background-image: url("data:image/svg+xml;utf8,<svg fill='white' width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'><path d='M1 1l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

/* Orange for first select (All Campaigns) */
#status-filter {
    background-color: #ff5a00;
    color: #fff;
}

/* Grey for second select (All Years) */
#year-filter {
    background-color: #6d6d6d;
    color: #fff;
}

/* --- Dropdown Options Styling --- */
.campaign-filter-select option {
    padding: 10px;
    background: #000;
    color: #fff;
}

/* Hover/selected style */
.campaign-filter-select option:hover,
.campaign-filter-select option:checked {
    background: #ff5a00 !important;
    color: #fff;
}

/* Grid Layout */
.grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    margin-bottom: 40px;
    transition: opacity 0.3s ease;
}

.card {
    /* background-color: #2a2a2a; */
    border-radius: 16px;
    overflow: hidden;
    /* border: 1px solid #3a3a3a; */
    grid-column: span 2;
}

a.campaign-link{
	text-decoration:none;
}

/* ongoing cards (first 2) span 3 columns each */
.card.ongoing {
    grid-column: span 3;
}

.rate-banner {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    padding: 8px 12px;
    font-size: 11px;
    color: white;
    text-align: center;
    font-weight: 500;
}

.rate-section {
    background-color: #1a1a1a;
    padding: 30px 20px;
    text-align: center;
    border-bottom: 2px solid #ff6b35;
}

.rate {
    font-size: 48px;
    font-weight: bold;
    color: white;
    line-height: 1;
}

.rate-suffix {
    font-size: 18px;
    font-weight: normal;
    color: white;
}

.rate-description {
    color: #b0b0b0;
    font-size: 13px;
    margin-top: 12px;
    line-height: 1.4;
}

.rate-description span {
    color: #ff6b35;
}

.terms {
    font-size: 10px;
    color: #808080;
    margin-top: 15px;
}

.content-section {
    padding: 25px 20px;
}

.account-title {
    color: #ff6b35;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.account-description {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
}

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.date {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #b0b0b0;
    font-size: 11px;
}

.date svg {
    width: 14px;
    height: 14px;
    fill: #b0b0b0;
}

.cta-button {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: opacity 0.3s ease;
}

.cta-button:hover {
    opacity: 0.9;
}

/* Load More Section */
.load-more-wrapper {
    text-align: center;
    padding: 20px 0;
}

.load-more-btn {
    background: #fff;
    color: #ff5a00;
    border: none;
    padding: 12px 40px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: opacity 0.3s ease;
}

.load-more-btn:hover:not(:disabled) {
    opacity: 0.9;
}

.load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.loading-spinner {
    color: #ff6b35;
    font-size: 14px;
    margin-top: 10px;
}

.no-campaigns {
    grid-column: 1 / -1;
    color: #b0b0b0;
    text-align: center;
    padding: 40px;
    font-size: 16px;
}


.card-campaign{
	border-radius: 18px;
	position: relative;
	height: 100%;
	    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	
}
.campaign-top{
	border-radius: 18px 18px 0 0;
	height: 175px;
}
.ongoing .campaign-top,
.ongoing .img-campaign
{
	height: 270px;
}
.campaign-bottom{
	border-radius:0 0 18px 18px ;
	height: auto;
	padding: 18px 18px 18px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.img-campaign{
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 18px 18px 0 0;
}
.campaign-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);

    font-size: 16px;
    font-weight: 600;
}
.campaign-content{
	padding-bottom: 15px;
}
.campaign-footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #7E848C;
	padding-top: 15px;
}
.date{
	font-size: 11px;
	color: #D9D9D9;
	font-weight: 300;
	text-transform: uppercase;
}
.tag{
    font-size: 11px;
    color: #FF5B05;
    font-weight: 500;
    background: rgb(255 91 5 / 20%);
    line-height: 1;
    padding: 4px 11px 4px;
    border-radius: 15px;
}


a.backlink, a.backlink:hover{
color: #FF5B05;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-decoration:none;

}


.social-icons {
  display: flex;
  gap: 12px;
}

.icon-circle {
  width: 40px;
  height: 40px;
  background-color: #FF5B05;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.icon-circle:hover {
  transform: scale(1.08);
  opacity: 0.85;
}




.campaign-banner{
margin:0 auto;
border-radius: 10px;	
}

.single-campaign-title{
background: linear-gradient(180deg, #FF8A00 63.36%, #FF5B05 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;	
}

.campaign-content{
font-size:16px;	
}

.campaign-content h4{
font-size:24px;	
background: linear-gradient(180deg, #FF8A00 63.36%, #FF5B05 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}


.campaign-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.campaign-content li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
}

.campaign-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 10px;
  height: 10px;
  background-color: #FF5B05;
  transform: rotate(45deg);
}

.doc-section-title{
	font-size: 32px;
font-style: normal;
font-weight: 700;
color:#fff;
}
.document-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.document-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.document-row.single-item {
    grid-template-columns: 1fr;
    max-width: 50%;
    margin: 0 auto;
}

.doc-btn {
width: 100%;
padding: 16px 10px;
justify-content: center;
align-items: center;
gap: 16px;
flex-shrink: 0;
background:#FF5B05;
border-radius: 16px;
color:#18191B;
font-size: 16px;

}

.doc-btn:hover {

border: 1px solid #FF5B05;
}

.sm-text{
	font-size:12px;
}

.related-campaign{
	background: #232323;

}


/*Legal Document*/
 .document-list {
     margin-top: 20px;
}
 .document-section {
     margin-bottom: 40px;
}
 .document-section h3 {
     color: #FF5B05;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
}
 .document-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
}
 .document-card {
     /* background: rgba(255, 255, 255, 0.05); */
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 16px;
     padding: 24px 24px 18px;
     transition: all 0.3s ease;
}
 .document-card:hover {
     /* background: rgba(255, 255, 255, 0.08); */
     /* border-color: rgba(255, 91, 5, 0.3); */
}
 .document-card h4 {
     color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
     margin-bottom: 15px;
  
}
 .document-actions {
     display: flex;
     gap: 30px;
     align-items: center;
}
 .document-actions a {
     color: #FF5B05;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     font-weight: 500;
     transition: opacity 0.3s ease;
}
 .document-actions a:hover {
     opacity: 0.8;
}
 .document-actions a svg {
     width: 16px;
     height: 16px;
}
 .single-doc-display {
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 12px;
     padding: 20px;
     margin-bottom: 30px;
}
 .single-doc-display h3 {
     color: #fff;
     font-size: 20px;
     margin-bottom: 15px;
}
 @media (max-width: 767.98px) {
     .document-grid {
         grid-template-columns: 1fr;
     }
}
 @media (max-width:767.98px) {
     #faq h4 {
         font-size:18px;
    }
     #faq .dropdown button {
        font-size: 18px;
        line-height: 1;
    }
}
/* End Legal Document*/
/* Security and Fraud*/

/* Top strip */
.top-strip {
  background: #FF5B05;
  color: #121212;
}

/* Contact items */
.contact-item .bi {
  color: #121212;
      font-size: 27px;
}


.hotline-title{
font-size:14px;
line-height:1.5;	
}

.warning-strip {
    width: 102%;
    overflow: hidden;
   background: linear-gradient(180deg, #FF8A00 12.5%, #FF5B05 100%);
    transform: rotate(-2deg);
    padding: 10px 0;
    position: relative;

}

.warning-track {
    display: flex;
    gap: 40px;
    white-space: nowrap;
    animation: slide 20s linear infinite;
	color:#18191B;
	font-weight:400;
	font-size:24px;
    letter-spacing: 1px;
}

.warning-track span {
    display: inline-block;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.box-icon{
	width:50px;
	padding-bottom:15px;
}

.box-icon-small{
width:40px;
	padding-bottom:15px;	
}

.box-title{
color: #FF5B05;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}


.box-text{
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}


.card.borderfx2 {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(111deg, rgba(105, 110, 117, 0.32) 16.9%, rgba(27, 29, 33, 0.32) 96.92%);
	overflow: visible;
}

/* End Security and Fraud*/

/* Responsive Design */
@media (max-width: 1024px) {
    .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .card.ongoing {
        grid-column: span 2;
    }
    
    .card {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr;
    }
    
    .card,
    .card.ongoing {
        grid-column: span 1;
    }
    
    .campaigns-header h1 {
        font-size: 28px;
    }
    
    .campaigns-filters {
        flex-direction: column;
    }
    
    .campaign-filter-select {
        width: 100%;
    }
}