* {
    box-sizing: border-box ;
    padding: 0 ;
    margin: 0 ;
}

.dealstrip{
    width: 100% ;
    img{
        width: 100% ;
    }
}
.superweekend{
    width: fit-content;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    img{
        width: 142px ;
    }
}
.weekend-head{
    font-size: 30px ;
    font-weight: 700 ;
    color: #1C9F85;
    font-family: "Montserrat", sans-serif;
}

.coupon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 30px;
  background: #1C9F85;
  color: white;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  position: absolute ;
  top: 45% ;
  transform: translateY(-50%);
  right: 30px ;
 
}
.icon {
  width: 25px ;
}

.code {
    font-size: 22px ;
    font-weight: 600 ;
}
.off-flights{
    font-size: 36px ;
    font-weight: 700 ;
    color: #1A2B4A ;
    img{
        width: 30px ;
    }
}
.promo{
    font-size: 14px ;
    font-weight: 400 ;
    color: #4A5565 ;
}
.coupon-box{
    border:1px dashed #FD5D68;
    border-radius: 10px ;
    width: fit-content ;
    padding: 15px ;
    width: 300px ;
}
.hbweek{
    font-size: 24px ;
    font-weight: 700 ;
    color: #1A2B4A ;
}
.copy-promo{
    min-width: 44px ;
    max-width: 44px ;
    cursor: pointer ;
    img{
        width: 100% ;
    }
}
.off-percent-img{
    width: 100% ;
    img{
        width: 100% ;
    }
}
.lorem-txt{
    p{
        font-size: 17px ;
        font-weight: 400 ;
        color: #424242 ;
    }
}
.discount-txt{
    .list-head{
        font-size: 28px ;
        font-weight: 500 ;
        color: #002374 ;
        line-height: 30px ;
    }
}

.discount{
    min-width: 46px ;
    max-width: 46px ;
    height: 46px ;
    img{
        width: 100% ;
    }
}

.how-to-claim{
    .claim{
        font-size: 30px ;
        font-weight: 600 ;
        color: #323232 ;
        font-family: "Montserrat", sans-serif;
    }
    .claim-list{
        padding-left: 100px ;
        li{
            font-size: 17px ;
            font-weight: 400 ;
            color: #424242 ;
            margin-bottom: 20px ;
        }
    }
}

@media screen and (max-width:768px) {
    .dealstrip{
        width: 100% ;
        height: 50px ;
        img{
            width: 100% ;
            height: 100% ;
        }
    }
    .superweekend {
            top: 49%;
        img {
            width: 50px;
        }
    }
    .weekend-head {
        font-size: 18px;
        margin-bottom: 0;
        max-width: 170px;
        line-height: 20px;
    }
    .off-flights {
        font-size: 18px;
        img{
            width: 22px ;
        }
    }
    .coupon {
        padding: 2px 7px;
        border-radius: 5px;
        right: 5px ;
    }
    .icon {
       width: 15px ;
    }
    .code {
        font-size: 12px;
    }
    .coupon-box {
        padding: 10px;
        width: 250px;
    }
    .promo {
        font-size: 12px;
    }
    .hbweek {
        font-size: 17px;
    }
    .copy-promo {
        min-width: 36px;
        max-width: 36px;
    }
    .lorem-txt {
        p {
            font-size: 12px;
            font-weight: 400;
            color: #424242;
        }
    }
        .discount-txt {
        .list-head {
            font-size: 16px;
            line-height: 16px ;
            margin-bottom: 5px;
        }
    }
    .discount {
        min-width: 25px;
        max-width: 25px;
        height: 46px;
    }
    .how-to-claim {
        .claim {
            font-size: 20px;
        }
    }
    .how-to-claim {
     .claim-list {
        padding-left:20px;
        li {
            font-size: 12px;
        }
    }
}
}



.dealstrip.student{
    .weekend-head{
        color: #03B2E3 !important;
    }
    .coupon {
        background: #03B2E3;
    }
}
.dealstrip.family{
    .weekend-head{
        color: #FBC513 !important;
    }
    .coupon {
        background: #FBC513 ;
    }
    .superweekend {
    img {
        width: 187px;
    }
}
}

.dealstrip.early-bird{
    .weekend-head{
        color: #FB8013 !important;
    }
    .coupon {
        background: #FB8013 ;
    }
    .superweekend {
    img {
        width: 186px;
    }
}
}
.dealstrip.couple{
    .weekend-head{
        color: #316EFD !important;
    }
    .coupon {
        background: #316EFD ;
    }
}
.table-main{
    table tr td{
        border: 1px solid gray;
        padding: 5px ;
        
        p{
            margin-bottom: 0 ;
            font-size: 17px ;
        font-size: 400 ;
        color: #424242;
        }
    }
}

@media screen and (max-width:768px) {
    .dealstrip.family{
        .superweekend {
            img {
                width: 50px;
            }
        }
    }
    .dealstrip.early-bird{
        .superweekend {
        img {
            width: 50px;
        }
    }
    }
    .table-main{
    table tr td{
        border: 1px solid gray;
        padding: 5px ;
       
        p{
            margin-bottom: 0 ;
             font-size: 12px ;
        font-size: 400 ;
        color: #424242;
        }
    }
}
}