*, body, html{margin: 0; padding: 0; font-family: 'Arial', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
body{background:#000000;}


.img-width{width: 100%;}
.pd-topbtm-40{padding: 40px 0;}
.pd-top-40{padding-top: 40px;}
.pd-btm-40{padding-bottom: 40px;}
.pd-top-15{padding-top: 15px; }
.pd-btm-15{padding-bottom: 15px;}
.pd-top-30{padding-top: 30px;}
.pd-btm-30{padding-top: 30px;}
.container{max-width: 1300px; margin:0 auto; position: relative;}
a{text-decoration: none; color:#E40D11;}
a:hover{color: red;}
.display-flex{display: flex; align-items: center}
.display-flex-align-top{display: flex;}

.light-bg{background: rgba(45, 44, 62);}
.dark-bg{background: #f4f884}
.gray-bg{background: #f4f884}

.dark-back h3{color: #f4f884 !important;}
.dark-back p{color: #f4f884 !important;}

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

.shape-1{position: fixed; z-index: -1; opacity: 0.6; right: 0; bottom: 0; background:#ffe376; height: 300px; width: 300px; border-radius: 50%; filter: blur(200px);}
.most-top-head{font-size: 30px; font-family: 'Protest Strike', serif; line-height: 40px; color:#b90863;margin-bottom: 15px; font-weight: 700; font-style: italic;}


.local-places-heading{font-size: 28px; font-family: 'Protest Strike', serif; line-height: 38px; font-weight: 600; margin-bottom: 20px; color:#ffe376}

.pos-rel{position: relative;}
.over-flow{overflow: hidden;}
.cl{clear: both}
.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; background: rgba(0,0,0,0.4);}
.header-top{position:sticky; top:0; display: flex; align-items: center; width: 100%; padding:10px 0;}

.header-logo{width:270px; margin:0 auto; font-family: 'Protest Strike', serif; font-style: italic;}
.header-logo{text-align: center; font-size: 40px; font-weight: 600; color: #fff; margin-bottom:0px;}
.header-logo a{color: #fff; font-family: 'Protest Strike', serif; font-style: italic;} 
.header-logo img{width:193px; padding: 0px; height: 100%}

.header-logo-vip{display: flex; justify-content: flex-end; flex: 1;}
.header-logo-vip-inner{font-size: 17px; color: #fff;}
.header-logo-vip-contact{text-align: center; color:#ffe376; font-size: 21px; font-weight: 800; padding-top: 6px;}

.header-center{margin-left: 15px;}

.header-right{display: flex; flex: 1; justify-content: flex-end;}
.connect-with-us a{display: inline-block; padding: 13px 23px; font-size: 15px; border-radius: 6px; color: #fff; border: rgba(255,255,255,0.2) solid 1px;} 


.navi-menu ul{margin: 0; padding: 0; text-align: center}
.navi-menu ul li{display: inline-block; position: relative;}

.navi-menu ul li a, .cg-l{color: #fff; font-size: 17px; font-weight:400; padding:15px 15px; letter-spacing: 1px; display: inline-block;}
.navi-menu ul li ul{width:250px; background: #fff; position: absolute; display: none; flex-wrap: wrap; height: 350px; overflow: auto; border: #ccc solid 1px}
.navi-menu ul li ul li{display: block; width:100%}
.navi-menu ul li ul li a{display: block; color: #000; text-align: left; padding: 10px; text-transform: none;}
.navi-menu ul li ul li a:hover{background: #eee}

.navi-menu ul li:hover ul{display: flex}

.menu-trigger{display: none;}

.arrow-down{height: 6px; width: 6px; border: #fff solid 2px; border-top: 0; border-right: 0; transform: rotate(-45deg); margin-left: 3px; display: inline-block; position: relative; top: -3px;}

/* Header :::: Closed */
/* Al-i-a Sha-rm-a*/
/* Banner :::: Start */

.banner{position: relative;}

.banner-caption{position: absolute; top:0; bottom: 0; left: 0; right: 0; width: 70%; text-align: center; height: 10%; font-size: 54px; margin: auto; color: #fff; font-weight: 600;}

/* Banner :::: Closed */

/* Main :::: Start */

.conct{display: flex; border-bottom: #ddd solid 1px; text-align: center;}
.conct-lf{width: 50%; padding: 30px; border-right: #ddd solid 1px;}
.conct-rt{width:50%; padding: 30px;}

.conct-head{font-family: 'Protest Strike', serif; font-size: 27px; margin-bottom: 10px; color: #fff;}
.conct-txt{font-size: 17px; color: #fff; line-height: 28px;}

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


.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; background:#b90863; font-size:33px;}


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

.home-img2{width: 80%; padding: 0 0px;}
.home-img2 img{border-bottom-left-radius:150px;}


.main-hd h3{font-size: 31px; font-weight: 600; margin: 0; margin-bottom: 20px; font-family: 'Protest Strike', serif;}
.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;}

.top-banner{border: #ffe376 solid 4px}
.location-main-img{border: #ffe376 solid 4px; width: 350px; height: 350px; margin: 10px auto;}


.main-box-top .main-txt p{text-align: center;}


.local-places-heading{color:#6dbfdb; font-weight: 700; font-style: italic; font-size: 32px; padding: 10px; text-align: center;}

.top-gallery-box ul{margin: 0; padding:0; display: flex; flex-wrap: wrap;}
.top-gallery-box ul li{padding: 20px; display: block; padding:15px; width:20%; border: 1px solid white;}

.verified-txt{padding: 15px; text-align: center;}
.verified-name{font-family: 'Protest Strike', serif; font-size: 21px; font-weight:600; color: #fff;}
.contact-directly{border: #fff solid 1px;  border-radius:6px; color: #fff; *padding:5px 15px; font-size: 14px; font-weight: 600; margin-top: 10px; cursor: pointer; }
/* Theme By Team Rocky*/
.contact-directly:hover{background:#66FF00; color: #fff}

.contact-directly a{color: #fff; display: block; padding:5px 15px;}
.contact-directly:hover a{color:#FF0000;}


.gallery-page ul{margin: 0; padding:0; display: flex; flex-wrap: wrap;}
.gallery-page ul li{padding: 20px; display: block; padding:15px; width:25%;}
.gallery-page-img{border: #b90863 solid 7px}


.photo-gallery .top-gallery-box ul li{width: 33.33%}

.captn{margin:0 0 10px 0; padding: 10px; text-align: center;}
.name-p{font-size: 17px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: 400;}
.captn p{font-size: 14px; color: #fff;}
.name-txt{font-size: 16px; font-weight: 600; color: #777; letter-spacing: 1px;}

.verified-box{position: relative; overflow: hidden;}
.verified-box img{border-radius: 20px;}
.verified{position: absolute; right: 10px; top: 10px;
  border-radius: 10px; 
  color: #fff;
  z-index: 99999;
  font-size: 12px;
  padding:0 15px;
  text-transform: uppercase;
  font-weight: 600; background:#88f30f;}


.img-holder ul{margin:0; padding:0; display: flex;}
.img-holder ul li{width: 23%; position: relative;}
.img-holder-box{background:#88f30f}
.img-holder ul li:hover img{opacity: 0.3}

.img-caption{position: absolute; padding: 15px; bottom: 0; width: 100%; left: 0; transition: .3s ease; z-index: 9}
.img-caption:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to top, #fff, transparent); left: 0; bottom: 0; z-index: -1}
.img-caption-name{font-size:20px; font-weight: 600; margin-bottom: 4px; color: #fff; text-shadow: rgba(0,0,0,0.4) 1px 1px 3px}
.img-caption-cont{font-size: 15px; color: #fff;}

.img-holder ul li:hover .img-caption{padding: 50px 15px;}
.img-holder ul li:hover .img-caption:before{display: none;}


.content-box{}
.content-box-txt{display: flex; margin:0 -15px;}
.content-box-lf{width: 70%; padding:0 15px;}
.content-box-rt{width: 30%; padding:0 15px;}

.content-box-inner{width: 100%}

.container .content-box{margin:15px 0;}

.location-bg{padding-bottom: 30px;}

.local-places-list ul{margin: 0; padding: 0; text-align: center;}
.local-places-list ul li{display:block; position: relative;}
.local-places-list ul li a{padding: 15px; color: #fff; background: #fff; border-bottom: rgba(255,255,255,0.3) dashed 1px; display:block;}
.local-places-list ul li:last-child a{border-bottom: 0;}

.page-not-box{padding:150px 0; text-align: center;}
.hed404{font-size: 122px; font-weight: 700; margin-bottom: 5px; color: #fff;}
.hed-sma{font-size: 46px; margin-bottom: 15px; color: #fff;}
.hed-para{font-size: 20px; color: #fff;}

.hed-link{text-align: center; margin-top: 40px;}


.hed-link a{font-size: 20px; font-weight: 600; text-transform: uppercase; background: #88f30f; color: #88f30f; padding: 10px 40px; display: inline-block;}

.mobile-view{
    display: none;
}
.button {
  border-radius: 4px;
  background-color: #6b0132;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-size: 90%;
  padding: 20px;
  width: 15%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  center: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 10px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.footer{
	background: rgb(111 0 0);
	color: #FFFF00;
	padding: 15px;
	margin-bottom:40px;
}

.footer-hd{
	font-size: 21px;
	font-weight: 600;
	color: #FFFF00;
	margin-bottom: 15px;
}
.footer-menu-box{ display: flex; margin:0 -20px;}
.footer-menu-main{width: 40%; padding: 20px;}
.footer-menu{width: 30%; padding: 20px;}

.footer-menu-list p{font-size: 16px; line-height: 28px;}

.footer-menu-list ul{margin:0; padding:0;}
.footer-menu-list ul li{display: block; position: relative;}
.footer-menu-list ul li a{color: #fff; font-size: 16px; display: block; padding:5px}

@media(max-width:767px){
    header{position: relative;background:#005f97;}
	.header-top{display: block;}
	.header-logo{width: 100%;}
	.header-logo-vip{width: 100%; display: block;}
	.header-logo-vip-inner{text-align: center;}
	.header-right{border:0;}

	.navi-menu ul li{display: block; padding: 10px;}
	.navi-menu ul li a, .cg-l{display: block; border:#ffe376 solid 2px;}
	.navi-menu ul li:hover ul{display: none;}

    .navi-menu ul li.open-nav ul{display: block; position: relative; width: 100%;}
    .navi-menu ul li ul li{padding: 0; }
    .navi-menu ul li ul li a{border: 0; text-align: center;}

	.top-gallery-box{margin: 15px; padding: 15px;}
	.top-gallery-box ul li{width: 100%;}

    .header-right{display: none;}
    .header-center{margin-left: 0;}

    .conct{display: block;}
     .conct-lf{border-bottom: #ddd solid 1px; border-right: 0; width: 100%; padding: 15px;}
     .conct-rt{width: 100%; padding: 15px;}

     .top-boxes-l{display: block;}
     .top-boxes-lf{padding: 15px; width: 100%;}
     .top-boxes-rt{width: 100%}



	.content-box{padding: 0;}
	.content-box-txt{display: block;}
	.content-box-lf{width: 100%;}
	.content-box-rt{display: block; width: 100%}
	.local-places-list ul li{display: block;}
	.local-places-list ul li a{display: block;}

	.container .content-box{padding: 5px 10px 5px 10px; margin: 15px;}

	.mobile-view{
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100% 
    }
    .call-us{
        width: 50%;
        background:#88f30f;
        color: #fff;
    }
    .whatsapp-now{
        width: 50%;
        background: #88f30f
    }
    .mob-txt{
        font-size: 18px;
        color: #fff;
        padding: 14px;
        padding-left: 60px;
        position: relative 
    }
    .mob-txt a{
        color: #fff
    }
    .call-us a{color: #fff;}
    .mob-txt span{
        width: 30px;
        height: 30px;
        left: 20px;
        top: 10px;
        display: inline-block;
        position: absolute 
    }
    .call-us span img{filter:invert();}

.button {
  border-radius: 4px;
  background-color: #6b0132;
  border: none;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-size: 80%;
  padding: 5px;
  width: 29%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

    .footer-menu-box{margin:0;}
    .footer-menu-box{display: block;}
    .footer-menu-main{width: 100%;}
    .footer-menu{width: 100%}
	
	

}

element.style {
}
@media (max-width: 767px) {
    table th {
        font-size: 13px !important;
    }
}
table th {
    font-size: 20px;
    letter-spacing: 3px;
    background-image: linear-gradient(#0cff00c2, #0000009e) !important;
    color: #fff;
    font-family: philosopher, sans-serif !important;
    font-weight: 700;
}
table td, table th {
    padding: 14.5px;
    text-align: center;
    border-right: 2px solid #ffffff;
	color: white;
}
table, th, td {
    border: 2px solid white;
}
th {
    text-align: inherit;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}
table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: auto;
    padding: 0;
    width: 96%;
    table-layout: fixed;
    font-family: oswald, sans-serif !important;
    position: relative;
    bottom: 25px;
}
table {
    border-collapse: collapse;
}
user agent stylesheet
table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}

elment.style {
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

		
		
		
     .container-new {
      
      width: 100%;
      padding: 20px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }

    .column-new {
      background-color: #6f0000;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      text-align: center;
    }

    ul {
      list-style-type: none;
      padding: 0;
    }

    li {
      margin: 0 ;
    }

    /* Style for buttons */
    .button-new {
      display: inline-block;
	  width: 210px; /* Adjust width as needed */
      padding: 10px; /* Add padding for button height */
      
      color: #fff;
      background-color: #ed3232;
      text-decoration: none;
      border-radius: 5px;
      transition: background-color 0.3s ease;
		border: 2px solid;
		
    }

    .button-new:hover {
      background-color:#DCE813;
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
      .container-new {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 576px) {
      .container-new {
        grid-template-columns: 1fr;
      }
    }