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

a {
    text-decoration: none;
}

@font-face {
    font-family: 'leagueSpartan-Black';
    src: url('../font/leagueSpartan/LeagueSpartan-Black.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Bold';
    src: url('../font/leagueSpartan/LeagueSpartan-Bold.ttf');
}

@font-face {
    font-family: 'leagueSpartan-ExtraLight';
    src: url('../font/leagueSpartan/LeagueSpartan-ExtraLight.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Light';
    src: url('../font/leagueSpartan/LeagueSpartan-Light.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Medium';
    src: url('../font/leagueSpartan/LeagueSpartan-Medium.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Regular';
    src: url('../font/leagueSpartan/LeagueSpartan-Regular.ttf');
}

@font-face {
    font-family: 'leagueSpartan-SemiBold';
    src: url('../font/leagueSpartan/LeagueSpartan-SemiBold.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Thin';
    src: url('../font/leagueSpartan/LeagueSpartan-Thin.ttf');
}

body {
    font-family: 'leagueSpartan-Regular';
}

.cus-container {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}

header {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
}

header .logo {
    width: 110px;
}

.bg-main-banner {
    width: 100%;
    background: url(../img/subscription/subscription-banner.jpg);
    background-size: cover;
    background-position: center;
}

.red-title {
    text-align: center;
font-family: 'leagueSpartan-Regular';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.6px;
text-transform: uppercase;
background: linear-gradient(90deg, #F00 0%, #900 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.white-title {
    color:  #FFF;
text-align: center;
font-family: 'leagueSpartan-Bold';
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}

.card-details {
    padding: 14px 14px 30px 14px;
    border-radius: 12.398px;
border: 0.5px solid #363636;
background: #121528;
backdrop-filter: blur(8.911093711853027px);
}
.card-details:hover{
    box-shadow: 0 0 3px 3px #b01932;
}

.box-heading {
    color:#FFF;
font-family: 'leagueSpartan-Medium';
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-bottom: 25px;
}

.amount {
    color: #FFF;
 font-family: 'leagueSpartan-Bold';
font-size: 32.087px;
font-style: normal;
font-weight: 800;
line-height: normal;
padding-bottom: 33px;
}

.amount span.rupee-2 {
    font-size: 23px;
}

.card-list li {
    color: #FFF;
font-family: 'leagueSpartan-Light';
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 180%; /* 25.2px */
}

.card-btn {
    color:  #F7F7F7;
font-family: 'leagueSpartan-Bold';
font-size: 14.723px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
border-radius: 1204.935px;
background: linear-gradient(180deg, #A1000D 0%, #6B0008 36.54%, #620008 48.08%, #3B0005 100%);
padding: 10px 0;
width: 100%;
    outline: none;
    border: none;
}

.offer-heading {
    color: #0E090A;
text-align: center;
font-family: 'leagueSpartan-Regular';
font-size: 15.267px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}

.card-one {
    position: relative; top: 100px;
}

.card-two {
    position: relative; top: 31px;
}

.bg-white-offer {
    height: calc(100% + 42px);
    border-radius: 20px;
}

.bg-white-offer .card-details {
    height: calc(100% - 29px);
}

.card-four {
    position: relative; top: 100px;
}
.amount span.days-info{
        font-size: 14px;
    font-family: 'leagueSpartan-Light' !important;
        font-weight: 100;
}

@media (max-width:1200px) {
    .card-one {
    position: relative; top: unset;
}

.card-two {
    position: relative; top: unset;
}

.card-four {
    position: relative;
    top:unset;
}

.bg-white-offer {
    height: unset;
}

.bg-white-offer .card-details {
    height: unset;
}
}