@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

.sliderContainer li .day {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
div.diwali.day a.shortcut {
    position: absolute;
    bottom: -2px;
    right: -3px;
    width: 200px;
    z-index: 1;
}
@media(max-width: 1199px) {
    div.diwali.day a.shortcut {
        width: 150px;
    }
}
@media(max-width: 768px) {
    div.diwali.day a.shortcut {
        display: none;
    }
    div.diwali.day div.container {
        text-align: center !important;
        padding-right: unset !important;
        padding: 40px 25px !important;
        background: rgba(6,6,6,0.6);
        top: 0% !important;
        height: 100% !important;
    }
}
@media(max-width: 641px) {
    div.diwali.day div.container div.text p:nth-child(1) {
        font-size: 50px !important;
        line-height: initial !important;
    }
}
@media(max-width: 374px) {
    div.diwali.day div.container div.text p:nth-child(1) {
        font-size: 40px !important;
    }
}
div.diwali.day div.container {
    position: relative;
    top: 25%;
    padding-right: 9%;
    width: auto;
    height: auto;
    text-align: right;
}
div.diwali.day div.container div.text p:nth-child(1) {
    font-family: 'Lobster', serif;
    color: white;
    font-size: 60px;
    margin-bottom: 0;
}
div.diwali.day div.container div.text p:nth-child(2) {
    font-weight: 500;
    font-family: 'Lobster', serif;
    font-size: 25px;
    color: white;
    text-shadow: 0px 0px 3px #000; 
}
div.diwali.day div.container div.text a {
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 20px;
    transition: 0.5s all;
}
.sliderContainer li .day.one {
    background-image: url('/static/image/day1Banner.jpg');
}
.sliderContainer li div.diwali.day.one div.container div.text a {
    color: white;
    background: #b14cfe;
}
.sliderContainer li div.diwali.day.one div.container div.text a:hover {
    background: #693095;
}
div.diwali.day.one div.container div.text p:nth-child(1) {
    color: #b14cfe;
}
.sliderContainer li .day.two {
    background-image: url('/static/image/day2Banner.jpg');
}
.sliderContainer li div.diwali.day.two div.container div.text a {
    color: #662D91;
    background: #FFF33D;
}
.sliderContainer li div.diwali.day.two div.container div.text a:hover {
    background: #b6ad2a;
}
div.diwali.day.two div.container div.text p:nth-child(1) {
    color: #FFF33D;
}
.sliderContainer li .day.three {
    background-image: url('/static/image/day3Banner.jpg');
}
.sliderContainer li div.diwali.day.three div.container div.text a {
    color: #662D91;
    background: #F8F046;
}
.sliderContainer li div.diwali.day.three div.container div.text a:hover {
    background: #bcb637;
}
div.diwali.day.three div.container div.text p:nth-child(1) {
    color: #F8F046;
}

.sliderContainer li .day.four {
    background-image: url('/static/image/day4Banner.jpg');
}
.sliderContainer li div.diwali.day.four div.container div.text a {
    color: #fff;
    background: #F7941D;
}
.sliderContainer li div.diwali.day.four div.container div.text a:hover {
    background: #9d5d10;
}
div.diwali.day.four div.container div.text p:nth-child(1) {
    color: #F7941D;
}

.sliderContainer li .day.five {
    background-image: url('/static/image/day5Banner.jpg');
}
.sliderContainer li div.diwali.day.five div.container div.text a {
    color: #fff;
    background: #F05E8F;
}
.sliderContainer li div.diwali.day.five div.container div.text a:hover {
    background: #b04468;
}
div.diwali.day.five div.container div.text p:nth-child(1) {
    color: #F05E8F;
}

.sliderContainer li .day.six {
    background-image: url('/static/image/ay6Banner.jpg');
}
.sliderContainer li div.diwali.day.six div.container div.text a {
    color: #fff;
    background: #ED227A;
}
.sliderContainer li div.diwali.day.six div.container div.text a:hover {
    background: #b04468;
}
div.diwali.day.six div.container div.text p:nth-child(1) {
    color: #ED227A;
}

.sliderContainer li .day.seven {
    background-image: url('/static/image/day7Banner.jpg');
}
div.diwali.day.seven div.container div.text p:nth-child(1) {
    color: #FBE108;
}
.sliderContainer li div.diwali.day.seven div.container div.text a {
    color: #fff;
    background: #FBE108;
}
.sliderContainer li div.diwali.day.seven div.container div.text a:hover {
    background: #c6b103;
}

.sliderContainer li .day.eight {
    background-image: url('/static/image/day8Banner.jpg');
}
div.diwali.day.eight div.container div.text p:nth-child(1) {
    color: #91ABD9;
}
.sliderContainer li div.diwali.day.eight div.container div.text a {
    color: #fff;
    background: #91ABD9;
}
.sliderContainer li div.diwali.day.eight div.container div.text a:hover {
    background: #647695;
}

.sliderContainer li .day.nine {
    background-image: url('/static/image/day9Banner.jpg');
}
div.diwali.day.nine div.container div.text p:nth-child(1) {
    color: #FCC184;
}
.sliderContainer li div.diwali.day.nine div.container div.text a {
    color: #941A22;
    background: #FCC184;
}
.sliderContainer li div.diwali.day.nine div.container div.text a:hover {
    background: #ce965c;
}
.sliderContainer li .day.ten {
    background-image: url('/static/image/day10Banner.jpg');
}
.sliderContainer li div.diwali.day.ten div.container div.text a {
    color: #fff;
    background: #32BFBF;
    border: 2px solid #32BFBF;
}
.sliderContainer li div.diwali.day.ten div.container div.text a:hover {
    background: #228686;
}
div.diwali.day.ten div.container div.text p:nth-child(1) {
    color: #32BFBF;
}