body {margin: 0px;	padding: 0px; font-family: 'Poppins', sans-serif; background: linear-gradient(74.3deg, rgb(68, 17, 28) 17.4%, rgb(95, 24, 40) 34.7%, rgb(122, 31, 51) 51.8%, rgb(149, 38, 62) 67.4%, rgb(163, 41, 68) 89.6%);}

h1{font-size:32px; color:#FFFF00 }
h2{font-size:30px; color:#00FFFF }
h3{font-size: 28px; color:#FFFF00} 
h4{font-size: 26px;color:#00FFFF} 
h5{font-size: 24px; color:#FFFFFF} 
h6{font-size:22px; color:#FFFF00}

h1,h2,h3,h4,h5,h6{margin:0px; padding:5px 0;}

.top-bg{font-size:18px; padding:20px 0; margin: 0px; color:#fff; font-weight:bolder; background:#6b030b; } 

.top-bg a:link{text-decoration: none; color:#fff; font-size: 22px;}

.top-bg a:hover{text-decoration:underline;}

.logo img{max-width:100%; height:auto; }

p {margin: 0px; padding:0 0 10px 0px; font-size: 18px; text-align:justify; color:#fff; line-height: 32px; }

a{ color:#FFFF00; text-decoration:none }

.banner img{width:100%; height:auto;}

.centertext{text-align:center;}

.w100{width:100%; height:auto;}

.mx1{margin-left:5px; margin-right:5px; }

.px1{padding-left:5px; padding-right:5px;}

.borderfff {border-top: dashed 1px #d52b5c;}

  

.nav {  overflow: hidden;  background:#000;}

.nav ul {margin:auto; padding:20px 0; display:block; width:100%;}

.nav ul li{margin:0px; list-style:none; float:left; padding:0px;}

.nav ul li a{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:16px; font-weight:bold; display:block; text-align: center;  padding:20px 46px; background:#000; }

.nav ul li a:active{color:#fff; background: #000;}

.nav ul li a:hover{color:#fff; background: #000; }

.nav ul li a:visited{color:#fff; background: #000; }

.text-name {color:#fff;font-weight:900; font-size:16px; text-align:center; display:block; width:100%;   text-decoration:none; background: radial-gradient(circle at 10% 20%, rgb(255, 197, 61) 0%, rgb(255, 94, 7) 90%); padding:5px 0 5px 0; margin:5px 0 0 0;}

.text-type{color:#fff; text-align:center; background:#000000;  padding:7px 0 7px 0;   }

.book-now{ display:block; width:100%;}

.book-now a{color:#fff;font-weight:900; font-size:12px; text-align:center; display:block; width:100%;   text-decoration:none; background: radial-gradient(circle at 10% 20%, rgb(255, 197, 61) 0%, rgb(255, 94, 7) 90%); padding:5px 0 5px 0; margin:0;}

.book-now a:hover{ background:#001f11; color:#fff;}

.click-now{ display:block; width:100%;}

.click-now a{color:#fff;font-weight:900; font-size:16px; text-align:center; display:block; width:100%;   text-decoration:none; background: radial-gradient(circle at 10% 20%, rgb(255, 197, 61) 0%, rgb(255, 94, 7) 90%); padding:5px 0 5px 0; margin:0;}

.click-now a:hover{ background:#001f11; color:#fff;}

.img-border{padding:2px;  background: rgb(0,36,4); background-image: linear-gradient(to right, #ff6e7f, #bfe9ff);}

.img-border2{border: solid 2px #fff; } 

 

.categary  {margin:0 0 0 0px; width:100%; padding:10px;  background: rgb(0,36,4);background: radial-gradient(circle at 10% 20%, rgb(255, 197, 61) 0%, rgb(255, 94, 7) 90%);}

.categary ul {margin:0 0 0 10px;   padding:0px 10px 10px 10px; }

.categary ul li{float:none; list-style:url("img/bullet.webp"); padding: 0 0 0 0px; margin: 0px; border-bottom: dashed #fff 1px;}

.categary ul li a{font-size:18px; color:#fff; text-decoration: none;  text-align:left; margin:10px; padding: 0 0 0 5px;  display:block;}

.categary ul li a:hover{ color:#fff; text-decoration: underline;}

.footer {background:#000; color: #fff; line-height:30px; padding:20px 0 50px 0; text-align: center; margin: 50px 0 0 0; width: 100%; display: table; font-size:18px;}

.footer a{text-decoration: none; color: #F9D404; width: 100%; padding: 0 10px; margin: 0px;  }

.footer a:hover{text-decoration: underline; color: #fff;}







 

/*---------------------------------------*/

div {

    display: block;

}

.container-fluid {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.container {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

*, ::after, ::before {   box-sizing: border-box;}

.spacet{padding:10px; display:flex;}





.col-1,.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding:10px;}

.col-3{padding:10px;}
.col-15{padding:10px;}
.col-20{padding:10px;}
.col-25{padding:10px;}
.col-33{padding:10px;}
.col-55{padding:10px;}




@media (max-width: 576px){

.container {

    max-width: 540px;

}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-2,.col-1{width:100%}

.col-3{float:left}
.col-15{float:left}
.col-20{float:left}
.col-25{float:left}
.col-33{float:left}
.col-55{float:left}

.col-3{width:50%}
.col-15{width:50%}
.col-20{width:50%}
.col-25{width:25%}
.col-33{width:33%}
.col-55{width:100%}

.topnav ul li{ float:left;}	.topnav ul li a{ width:100%; float:left;}	



}

@media (min-width: 576px){

.container {

    max-width: 540px;

}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-2,.col-1{width:100%}

.col-3{float:left}
.col-15{float:left}
.col-20{float:left}
.col-25{float:left}
.col-33{float:left}
.col-55{float:left}

.col-3{width:50%}
.col-15{width:50%}
.col-20{width:50%}
.col-25{width:50%}
.col-33{width:50%}
.col-55{width:50%}

.topnav ul li{ float:left;}	.topnav ul li a{ width:100%; float:left;}	



}

@media (min-width: 768px){

.container {

    max-width: 720px;

}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:100%}.col-10{width:100%}.col-9{width:100%}.col-8{width:100%}.col-7{width:100%}.col-6{width:100%}.col-5{width:100%}.col-4{width:100%}.col-2{width:50%}.col-1{width:50%}

.col-3{float:left}
.col-15{float:left}
.col-20{float:left}
.col-25{float:left}
.col-33{float:left}
.col-55{float:left}

.col-3{width:50%}
.col-15{width:50%}
.col-20{width:50%}
.col-25{width:50%}
.col-33{width:50%}
.col-55{width:50%}

}



@media (min-width: 992px){

.container {

    max-width: 960px;

}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}

.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}

.col-3{float:left}
.col-15{float:left}
.col-20{float:left}
.col-25{float:left}
.col-33{float:left}
.col-55{float:left}

.col-3{width:25%}
.col-15{width:25%}
.col-20{width:25%}
.col-25{width:25%}
.col-33{width:25%}
.col-55{width:25%}

}



@media (min-width: 1200px){

.container {

    max-width: 90%;

}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}

.col-3{float:left}
.col-15{float:left}
.col-20{float:left}
.col-25{float:left}
.col-33{float:left}
.col-55{float:left}


.col-3{width:25%}
.col-15{width:25%}
.col-20{width:40%}
.col-25{width:16%}
.col-33{width:16%}
.col-55{width:100%}


}



@media only screen and (min-width:999px) and (max-width:1200px){

 

.nav ul li a:link{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:16px; display:block; text-align: center; padding:10px 20px; border-left:#860904 dashed 1px;}	

 

}



@media only screen and (min-width:768px) and (max-width:998px){

 

.nav ul li{width: 50%;}

.nav ul li a:link{width:96%; padding:10px 20px; border-bottom: #fff dashed 1px; border-left:none;}

 

}



@media only screen and (min-width:480px) and (max-width:767px){

 

.nav ul li{width: 50%;}

.nav ul li a:link{width:96%; padding:10px 20px; border-bottom: #fff dashed 1px; border-left:none;}



}



@media only screen and (max-width:479px){

  h1{font-size:25px;}  

.nav ul li{width: 50%;}

.nav ul li a:link{width:100%; font-size: 13px; padding:10px 20px; border-bottom: #fff dashed 1px; border-left:none;}

 h1{   margin:10px 0 10px 0px; color:#fff;  font-weight:bolder;  } 

}