@font-face {
  font-family: Poppins-Bold;
  src: url(https://www.chardhampackage.com/fonts/poppins/Poppins-Bold.ttf);
}

@font-face {
  font-family: Poppins-Extra-Bold-Italic;
  src: url(https://www.chardhampackage.com/fonts/poppins/Poppins-ExtraBoldItalic.ttf);
}

@font-face {
    font-family: Poppins-Regular;
    src: url(https://www.chardhampackage.com/fonts/poppins/Poppins-Regular.ttf);
}



 #service-mini-icon{
    padding:5px;
    font-size:155%;
}



.b-header--bottom-menu{background:#dee0fc;}




.small_underline{
  
   height:3px;
   width:50px;
   background:
#f86960;
   display:block;
   position:relative;
   top:-25px;
}

.destination-package{
    width:100%;
    height:330px;
    border-radius:20px;
    background:#f5f7f5;
}
.destination-package h4{

padding:0px 5px;

}
.destination-package p{
text-align:center;
padding:0px 5px;
font-family: Poppins-Regular;
font-size:105%;
margin-top:140px;
color:black;
}

.destination-package1{
    width:100%;
    height:380px;
    border-radius:20px;
    background:#f5f7f5;
}
.destination-package1 h4{
text-align:center;
padding:0px 5px;
font-size:120%;
margin-top:-170px;
}
.destination-package1 h4 a{
color: white;
background:#333333;
border-radius:5px;
padding:5px;
  text-shadow: 3px 3px 5px #000000;
  font-size:120%;
  font-family:Poppins-Regular;
}
.destination-package1 p{
text-align:center;
padding:0px 5px;
font-family: Poppins-Regular;
font-size:105%;
margin-top:160px;
color:black;
}
.dest-img img{
    width:100%;
    height:190px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
.dest-titel{
  margin-top:-170px;
  margin-left:10px;
}

.dest-titel a{
  color: white;
  text-shadow: 2px 2px 4px #000000;
  font-size:150%;
  font-family:Poppins-Regular;

  
}
.dest-read{
    width:90px;
    height:auto;
    padding:8px;
    background:
#f86960;
    color:white;
    text-align:center;
    border-radius:3px;

}
.dest-read:hover{color:black;}

.item img{
width:100%;
height:250px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
.item h3{
    font-size:95%;
    text-align:center;
    
}



.item .slide-span{
    position:relative;
    top:-340px;
    z-index:20;
    color:#ffffff;
    text-shadow: 2px 2px 4px blue;
    font-family: Poppins-Extra-Bold-Italic;
    font-size:150%;
    text-align:left;
    border-radius:5px;
    left:10px;
    display:block;
    
}

.item p{font-size:90%;text-align:left;display:block;word-wrap: break-word;
    white-space:pre-wrap;}

.item .slide-book{
    width:90px;
    height:auto;
    padding:8px;
    background:
#f86960;
    color:white;
    float:right;
    text-align:center;
    border-radius:3px;
    margin-right:8px;
    margin-top:-20px;
}
.item .slide-read{
    
    width:90px;
    height:auto;
    padding:8px;
    background:
#f86960;
    color:white;
    float:left;
    text-align:center;
    border-radius:3px;
    margin-left:8px;
    margin-top:-20px;
}



#exampleSlider {
  position: relative;
  width:96%;
  margin-left:2%;
  margin-right:2%;
}
@media (max-width: 767px) {
  #exampleSlider {
    
  }
}
#exampleSlider .MS-content {
  margin: 15px 5%;
  overflow: hidden;
  white-space: nowrap;
  
}
@media (max-width: 767px) {
  #exampleSlider .MS-content {
    margin: 0;
  }
}
#exampleSlider .MS-content .item {
  display: inline-block;
  height: 440px;
  overflow: hidden;
  vertical-align: top;
  border-radius:20px;
  border-right: none;
  width: 24%;
  padding:5px;
  position:relative;
  border:1px 
#f86960 solid;
  margin-left:0.5%;
  margin-right:0.5%;
}
@media (max-width: 1200px) {
  #exampleSlider .MS-content .item {
    width: 33.333%;
  }

}
@media (max-width: 992px) {
  #exampleSlider .MS-content .item {
    width: 46%;
	margin-left:2%;
	margin-right:2%;
  }
}
@media (max-width: 767px) {
  #exampleSlider .MS-content .item {
    width: 90%;
	margin-left:5%;
	margin-right:5%;
  }
}

#exampleSlider .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 200px;
}
@media (max-width: 767px) {
  #exampleSlider .MS-controls button {
    top:150px;
  }
}
#exampleSlider .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider .MS-controls .MS-left {
  left: 20px;
}
@media (max-width: 992px) {
  #exampleSlider .MS-controls .MS-left {
    left: -2px;
  }
}
#exampleSlider .MS-controls .MS-right {
  right: 20px;
}
@media (max-width: 992px) {
  #exampleSlider .MS-controls .MS-right {
    right: -2px;
  }
}





input[type="checkbox"] {
	display:none;
}
input[type="checkbox"]:checked ~ .modal,
input[type="checkbox"]:checked ~ .modal-background {
	display: block;
}
.modal-background {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9998;
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;      
	width: 800px;
	height: 500px;
	background-color:#fff;
	box-sizing: border-box;
	z-index: 9999;

}
.modal > p {
	padding: 15px;
	margin: 0;
	font-size: 20px;
	color: blue;
}
.modal-header {
	background-color: #e26228;
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
	height: 80px;
}
.modal-header h3 {
	margin: 0;
	box-sizing: border-box;
	padding-left: 15px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	display: inline-block;

}
.modal-header label {
	box-sizing: border-box;
	border-left: 1px solid #dddddd;
	float: right;
	line-height: 50px;
	padding: 0 15px 0 15px;
	cursor: pointer;
}
.modal-header label:hover img {
	opacity: 0.6;
}
body {
			font-family: Poppins-Regular;
		}
		.example-label {
			box-sizing: border-box;
			display: inline-block;
			padding: 10px;
			background-color: #0C9;
			color: #f9f9f9;
			font-size: 26px;
			font-weight: bold;
			cursor: pointer;
		}
		.example-label:hover {
			background-color: #3c669f;
		}