body, html{ 
    padding: 0; 
    font-family: 'Arial', sans-serif;
}
body{font-size: 16px;
    color: #fff;
    background: #0b0621;}
header{background-image: -webkit-linear-gradient(0deg, #0b0621 0%, #890606, #0b0621 100%);
    color: #fff}
.center-bg{background-image: -webkit-linear-gradient(0deg, #0b0621 0%, #890606, #0b0621 100%);
    color: #fff}


.container{max-width: 1300px; margin:0 auto; position: relative;}
a{text-decoration: none; color:#FFF;}

h1{font-size: 38px; font-family: 'Protest Strike', serif; line-height: 48px; color:#fff; margin-bottom: 15px; font-weight: 700; font-style: italic;}
h2{font-size: 34px; font-family: 'Protest Strike', serif; line-height: 44px; color:#fff;margin-bottom: 15px; font-weight: 700; font-style: italic;}
h3{font-size: 30px; font-family: 'Protest Strike', serif; line-height: 40px; color:#fff;margin-bottom: 15px; font-weight: 700; font-style: italic;}
h4{font-size: 26px; font-family: 'Protest Strike', serif; line-height: 36px; color:#fff;margin-bottom: 15px; font-weight: 700; font-style: italic;}

.text-center{text-align: center;}
img{vertical-align: bottom; height: 100%; width: 100%}
/* Header :::: Start */
header{ width: 100%; padding: 7px 0; position: absolute; left: 0; top: 0; z-index: 99; border-bottom: rgba(255,255,255,0.1) solid 1px;}
.header-top{display: flex; align-items: center; width: 100%; padding:5px 0;}

.header-logo{width:270px; margin:0 auto; font-family: 'Protest Strike', serif; font-style: italic;}
.header-logo{text-align: center; font-size: 25px; font-weight: 700; color: #fff; margin-bottom:0px;}
.header-logo a{color: #fff; font-family: 'Protest Strike', serif; font-style: italic;} 

.header-right{display: flex; flex: 1; justify-content: flex-end;}


.top-boxes-l{ display: flex; margin: 0 0px}
.top-boxes-lf{width: 60%; padding: 40px; }
.top-boxes-rt{width: 40%; padding: 0 10px;}

.main-box-top{padding: 20px; margin: 20px 0;}
.main-boxes{padding: 30px 15px;}

.center-bg{padding: 15px; text-align: center; font-family: 'Protest Strike', serif; color: #fff; font-size:33px;}

.home-img-box{display: flex; margin: 20px -30px;}
.home-img1{ width: 50%; padding: 0 30px;}
.home-img1 img{border-bottom-right-radius:150px;}

.home-img2{width: 80%; height:90%; padding: 30px;}
.home-img2 img{
    border-top-right-radius:100px;
    border-top-left-radius:100px;
    border-bottom-left-radius:100px; border-bottom-right-radius:100px;}
.main-txt p, .dark-back p{font-size: 18px; margin-bottom: 15px; line-height: 30px; font-weight: 400; text-align: justify; color: #fff;}
.main-txt ul{margin:0; padding: 0;}
.main-txt ul{margin-bottom: 15px; margin-left: 30px; padding: 0;}
.main-txt ul li{line-height: 28px; padding: 5px; color: #fff; padding-left: 0px; font-size: 18px; position: relative;}



.disclamer-box {
    background-image: -webkit-linear-gradient(90deg, #0b0621 0%, #890606 100%);
    padding: 20px;
    border-radius: 10px;
    margin: 25px 10px 30px 10px
}
.text-center {
    text-align: center
}
.padd-space {
    padding: 20px 0
}
.bg-ft-color {
    background-image: -webkit-linear-gradient(0deg, #0b0621 0%, #890606, #0b0621 100%);
    color: #fff
}

@media(max-width:767px){
    header{position: relative;}
	.header-top{display: block;}
	.header-logo{width: 100%;}
	.header-right{border:0;}
    .copyright p {
        font-size: 13px
    }
    .disclamer-box {
        width: auto
    }
    .main-txt p, .dark-back p{font-size: 18px; margin-bottom: 15px; line-height: 30px; font-weight: 400; text-align: justify; color: #fff;}
    .main-txt ul{margin:0; padding: 0;}
    .main-txt ul{margin-bottom: 15px; margin-left: 30px; padding: 0;}
    .main-txt ul li{line-height: 28px; padding: 5px; color: #fff; padding-left: 0px; font-size: 18px; position: relative;}

    .header-right{display: none;}

     .top-boxes-l{display: block;}
     .top-boxes-lf{padding: 15px; width: 100%;}
     .top-boxes-rt{width: 100%}
    .home-img2{width: 100%; padding: 0 0px;}
    .home-img2 {border-bottom-left-radius:100px;}

 }
.tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center; /* optional: center-align tags */
}

.tag {
    padding: 4px 10px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    white-space: nowrap;
     color: white;
}

.tag.red {
    background-color: #b00020;
}

.tag.red a {
    color: #ffffff;
    text-decoration: none;
}

.tag.red a:hover {
    color: #f5f5f5;
}

.tag.blue {
    background-color: #0056b3;
}

.tag.blue a {
    color: #ffffff;
    text-decoration: none;
}

.tag.blue a:hover {
    color: #e6e6e6;
}
/* Yellow tag */
.tag.yellow {
    background-color: #f9a825; /* darker, readable yellow */
}

/* Make link readable inside tag */
.tag.yellow a {
    color: #000000;
    text-decoration: none;
}

.tag.yellow a:hover {
    color: #222222;
}

/* Green background */
.tag.green {
    background-color: #2e7d32;
}

/* Fix link contrast */
.tag.green a {
    color: #ffffff;
    text-decoration: none;
}

.tag.green a:hover {
    color: #e0e0e0;
}
/* Teal background */
.tag.teal {
    background-color: #00796b;
}

/* Fix link contrast */
.tag.teal a {
    color: #ffffff;
    text-decoration: none;
}

.tag.teal a:hover {
    color: #e0e0e0;
}
.tag a { color: #fff; }

/* Orange background */
.tag.orange {
    background-color: #e65100;
}

/* Fix link contrast */
.tag.orange a {
    color: #ffffff;
    text-decoration: none;
}

.tag.orange a:hover {
    color: #f2f2f2;
}
.tag a {
    color: #fff; /* or #000 depending on background */
}

/* Pink background */
.tag.pink {
    background-color: #f8bbd0;
}

/* Fix link contrast */
.tag.pink a {
    color: #000000;
    text-decoration: none;
}

.tag.pink a:hover {
    color: #222222;
}
.tag a {
    text-decoration: none;
}

.nowcalling {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

.lcol,
.rcol {
    float: left;
    width: 50%
}

.lcol {
    background-color: #b7008d
}

.lcol a,
.rcol a {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    color: #fff
}

.rcol {
    background-color: #06b27d
}