.elementor-4220 .elementor-element.elementor-element-0c71dfb{--display:flex;}.elementor-4220 .elementor-element.elementor-element-5556c30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4220 .elementor-element.elementor-element-79e6539{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4220 .elementor-element.elementor-element-dfd725b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4220 .elementor-element.elementor-element-dfd725b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4220 .elementor-element.elementor-element-ff30d0b{--display:flex;}.elementor-4220 .elementor-element.elementor-element-2c9358c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4220 .elementor-element.elementor-element-ba0bd75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4220 .elementor-element.elementor-element-0b53a5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4220 .elementor-element.elementor-element-53f0852{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + -21px) 0px;padding:0px 0px 5px 0px;}.elementor-4220 .elementor-element.elementor-element-53f0852 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4220 .elementor-element.elementor-element-5443afc{--display:flex;--min-height:213px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:74px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:-4px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-4220 .elementor-element.elementor-element-dfd725b{--width:21.658%;}.elementor-4220 .elementor-element.elementor-element-2c9358c{--width:66.6666%;}.elementor-4220 .elementor-element.elementor-element-0b53a5d{--width:50%;}.elementor-4220 .elementor-element.elementor-element-5443afc{--width:43%;}}/* Start custom CSS for html, class: .elementor-element-bed0c5a *//* HERO SECTION */

.tsp-hero{
    position: relative;
    width: 100%;
    min-height: 520px;
    background-image: url("YOUR-IMAGE-LINK-HERE");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    padding: 80px 8%;
    overflow: hidden;
}

/* Blue Gradient Overlay */

.tsp-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(9,33,111,0.95) 0%,
        rgba(9,33,111,0.80) 35%,
        rgba(9,33,111,0.35) 65%,
        rgba(9,33,111,0.0) 100%
    );
}

/* Content */

.tsp-container{
    position: relative;
    max-width: 600px;
    color: white;
    z-index: 2;
}

/* Badge */

.tsp-badge{
    display: inline-block;
    padding: 8px 18px;
    border-radius: 25px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(6px);
    font-size: 14px;
    margin-bottom: 25px;
}

/* Title */

.tsp-container h1{
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.tsp-container h1 span{
    color: #8ac5ff;
}

/* Paragraph */

.tsp-container p{
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.85);
}

/* Button */

.tsp-btn{
    display: inline-block;
    padding: 14px 26px;
    background: white;
    color: #1c3faa;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tsp-btn:hover{
    background:#e8f1ff;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15f8ba6 *//* DEALS FILTER TABS */

.tsp-deals-tabs{
    display:flex;
    gap:18px;
    padding:25px 30px;
    background:#f5f6f8;
    border-radius:18px;
    align-items:center;
    overflow-x:auto;
}

/* TAB STYLE */

.deal-tab{
    padding:14px 22px;
    border-radius:30px;
    border:none;
    background:#e9ebef;
    font-size:16px;
    font-weight:600;
    color:#333;
    cursor:pointer;
    transition:all 0.3s ease;
    white-space:nowrap;
}

/* ACTIVE TAB */

.deal-tab.active{
    background:#2f6fed;
    color:white;
    box-shadow:0 6px 14px rgba(0,0,0,0.1);
}

/* HOVER */

.deal-tab:hover{
    transform:translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-614a204 */.deal-filter-card{
  width:260px;
  background:#f5f6f7;
  padding:20px;
  border-radius:14px;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
  font-family:Arial;
}

.filter-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:15px;
}

.filter-label{
  font-size:14px;
  font-weight:600;
  margin-top:10px;
  display:block;
}

.search-box input{
  width:100%;
  padding:10px;
  border-radius:10px;
  border:1px solid #ccc;
  margin-top:8px;
}

.radio-group{
  margin-top:10px;
}

.radio-group label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
}

.apply-btn{
  width:100%;
  margin-top:15px;
  padding:12px;
  background:#081a2c;
  color:white;
  border:none;
  border-radius:12px;
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}

.apply-btn:hover{
  background:#0d2c4f;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcbe665 *//* TRENDING SECTION */

.tsp-trending{
max-width:1100px;
margin:60px auto;
padding:20px;
}

.trend-title{
font-size:28px;
font-weight:700;
margin-bottom:30px;
}


/* GRID */

.trend-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}


/* CARD */

.trend-card{
background:white;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
}


/* IMAGE */

.trend-image{
position:relative;
height:200px;
overflow:hidden;
}

.trend-image img{
width:100%;
height:100%;
object-fit:cover;
}


/* BADGES */

.trend-badge{
position:absolute;
top:15px;
left:15px;
background:#ff7a00;
color:white;
padding:6px 12px;
border-radius:20px;
font-size:13px;
}

.unlock-badge{
position:absolute;
top:15px;
right:15px;
background:#444;
color:white;
padding:6px 12px;
border-radius:20px;
font-size:13px;
}


/* CONTENT */

.trend-content{
padding:25px;
}

.brand{
font-size:14px;
color:#555;
margin-bottom:10px;
}

.brand span{
display:block;
font-size:12px;
color:#888;
}

.trend-content h3{
font-size:20px;
margin:10px 0;
}

.trend-content p{
color:#666;
margin-bottom:20px;
}


/* FOOTER */

.trend-footer{
display:flex;
justify-content:space-between;
align-items:center;
}

.save{
color:#00a651;
font-weight:600;
}

.unlock-btn{
background:#2563eb;
color:white;
padding:10px 18px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79e6539 */.quick-stats-card{
  width:260px;
  background:#e6efe9;
  padding:20px;
  border-radius:18px;
  border:2px solid #7ed79a;
  font-family:Arial;
}

.stats-header{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:15px;
}

.stats-header h3{
  font-size:18px;
  margin:0;
  font-weight:600;
}

.icon{
  color:#2ecc71;
  font-size:18px;
}

.stats-row{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
  font-size:15px;
}

.value{
  font-weight:600;
}

.trending{
  color:#ff5a1f;
}

.saved{
  color:#00a651;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f1e12e *//* RIGHT SIDE HOW IT WORKS */

.how-content{
max-width:520px;
}

.how-content h2{
font-size:32px;
font-weight:700;
margin-bottom:10px;
}

.how-desc{
color:#6b7280;
margin-bottom:30px;
font-size:16px;
}

/* STEPS */

.how-step{
display:flex;
gap:18px;
margin-bottom:28px;
align-items:flex-start;
}

.step-number{
width:45px;
height:45px;
background:#2a7be4;
color:white;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
font-size:18px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.how-step h4{
margin:0;
font-size:18px;
font-weight:600;
}

.how-step p{
margin-top:5px;
color:#6b7280;
line-height:1.5;
}/* End custom CSS */