@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
}

.header {
    background-color: #FFF;
    background: linear-gradient(180deg, #070211 0%, rgba(7, 2, 17, 0.00) 100%), url(../images/Banner\ Image.png);
    width: 1320px;
    height: 600px;
    flex-shrink: 0;
    align-items: center;
    border-radius: 16px;
    margin: 20px auto;
}

.container {
    width: 82%;
    max-width: 1320px;
    margin: 0 auto;
    align-items: center;
    margin: 20px auto;
    border-radius: 100px;
}

.banner-text {
    /*display: flex;*/
    align-items: center;
    font-family: 'Merriweather', serif;
    padding: 200px;
    /*text-align: justify;*/

}


.banner-text h1 {
    color: #FFF;
    text-align: center;
    font-family: Merriweather;
    font-size: 72px;
    font-style: normal;
    font-weight: 900;
    line-height: 95px;
    /*padding: 120px 344px 150px 344px;*/
    /* 131.944% */
}

.banner-text h5 {
    color: #FFF;
    text-align: center;
    font-family: Merriweather;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.section1 {
    align-items: center;
}

.off {
    color: #F00;
    text-align: center;
    font-family: Inter;
    font-size: 88px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 50px auto;
    margin-top: 100px;
}

.holiday {
    color: #F00;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 5px auto;
}

.catagory {
    color: #070211;
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new-year-photo {
    width: 802.9px;
    height: 500px;
    flex-shrink: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px auto;

}

.section2 {
    align-items: center;
    border-radius: 16px;
    margin: 100px auto;
    /*margin-top: 50px;*/
    width: 1320px;
    height: 600px;
    flex-shrink: 0;
}

.event-span {
    color: #F00;
}

.section3 {
    width: 1320px;
    height: 482px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(255, 0, 0, 0.10) 0%, rgba(255, 0, 0, 0.00) 100%);
    margin: 100px auto;
    border-radius: 15px;
}

.event-container {
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    /* 175% */
    text-transform: capitalize;
    padding: 100px 50px 50px 150px;
    border-radius: 15px;
}

.btn1 {
    border-radius: 5px;
    background-color: #F00;
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 50px auto;

}

.section4 {
    display: flex;
    justify-content: space-between;
    max-width: 1320px;
    margin: 100px auto;
    gap: 10px;
}

.new-best-offer {
    color: #F00;
    text-align: left;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.coming-soon {
    color: #070211;
    text-align: left;
    font-family: Merriweather;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: capitalize;
    margin: 20px auto;
}

.section-para {
    width: 393px;
    color: rgba(7, 2, 17, 0.60);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
    margin: 20px auto;

}

.year1 {
    color: #F00;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



.sec4title2 {
    width: 360px;
    height: 360px;
    flex-shrink: 0;
    border-radius: 463px;
    border: 15px solid #F00;
    align-items: center;
    margin: 0 auto;
}

.ellipse-photo {
    align-items: center;
    margin: 0px auto;
}

.section5 {
    align-items: center;
    max-width: 1320px;
    margin: 100px auto;
}

.s5p1 {
    color: #070211;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    margin: 30px auto;
    max-width: 1320px;
}

.sec5-container {
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    /* 175% */
    text-transform: capitalize;
    padding: 100px 50px 50px 150px;
    border-radius: 15px;

}

.section-para2 {
    color: rgba(7, 2, 17, 0.60);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 160% */
}

.s5p2 {
    margin: 30px auto;
}

.section6 {
    background-image: url(../images/Rectangle\ 2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 100px auto;
}

.sec6bi1 {
    margin: 0px auto;
    max-width: 1320px;
    text-align: left;
}

.section7 {
    text-align: left;
    max-width: 1320px;
    margin: 0px auto;
}

.section-para3 {
    width: 896px;
    color: rgba(7, 2, 17, 0.60);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
}

.section8 {
    display: flex;
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

.section9 {
    border-radius: 16px;
    background: rgba(255, 0, 0, 0.05);
    max-width: 1320px;
    margin: 0px auto;
}

.group61 {
    align-items: center;
    margin: 0px auto;
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.section9 {
    align-items: center;
    margin: 0px auto;
    max-width: 1320px;
    justify-content: center;
}

.sec9p1 {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.section-para3 {
    width: 896px;
    color: rgba(7, 2, 17, 0.60);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
    margin: 0px auto;
    margin-bottom: 50px;
}

.mail {
    width: 648px;
    height: 72px;
    flex-shrink: 0;
    border-radius: 50px;
    background: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-left: 250px;
}

.btn2 {
    width: 210px;
    height: 72px;
    flex-shrink: 0;
    border-radius: 0px 50px 50px 0px;
    background: #F00;
}

.sec9d2 {
    display: flex;
    margin: 0px auto;
}

.subscribe_us-content {
    height: 600px;
    border-radius: 16px;
    background: rgba(255, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscribe-img1 {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.subscribe-text1 h1 {
    color: #070211;
    font-family: Merriweather;
    font-size: 48px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 18px;
}

.input_sub1 {
    width: 648px;
    height: 72px;
    border-radius: 50px;
    background: #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.btn-subscribe1 {
    width: 210px;
    height: 72px;
    border-radius: 0px 50px 50px 0px;
    background: #F00;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;

}
.container
{
    width: 82.5%;
    max-width: 1320px;
    margin: 0 auto;
}
.subscribe_us1 {
    height: 600px;
    border-radius: 16px;
    background: rgba(255, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}
.subscribe-img1
{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.subscribe-text1 h1
{
    color: #070211;
    font-family: Merriweather;
    font-size: 48px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 18px;
}
.subscribe-text1 p
{
    color: rgba(7, 2, 17, 0.60);
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px; 
    text-align: center;
    width: 890px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.input_sub1
{
    width: 648px;
    height: 72px;
    border-radius: 50px;
    background: #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.btn-subscribe1
{
    width: 210px;
    height: 72px;
    border-radius: 0px 50px 50px 0px;
    background: #F00;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    
}
.footer-element1
{
    width: 45%;
    height: 100px;
}
.footer-element1 ul
{
    list-style: none;
}
.footer-element1 h3 , span
{
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
}
.footer-element1 li i
{
    color: #FFF;
    font-size: 20px;
    margin-right: 5px;
}
.footer-element1
{
    width: 45%;
    height: 100px;
}
.footer-element1 ul
{
    list-style: none;
}
input{
    width: 60%;
    max-width: 400px;
    flex: 2;
    border: none;
    outline: none;
    background: transparent;
    padding: 24px 20px;
    margin-left: 10px;
} 
input::placeholder
{
    color: rgba(7, 2, 17, 0.30);
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
}
.footer_social-icon1
{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_icon1
{
    width: 64px;
}

.icon_container1{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.listed_item1
{
    display: flex;
    flex-direction: row-reverse;
}
.listed_item1 h3
{
    display: inline;
}
.footer-element-container{
    background-color: #070211
}
.footer_copy-column1
{
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    float: left;
}
.footer_copy-column1:nth-child(2)
{
     text-align: right;
     float: right;
}
.footer_copyright1
{
    margin-top: 50px;
}
hr
{
    background: rgba(255, 255, 255, 0.15);
    border: none;
    height: 1px;
}
hr:nth-child(2)
{
    margin-top: 30px;
}