.cover-bg{

    position: relative;
z-index: 0;
  }

.cover-bg::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image   :url('kyoto-banboo.jpg');
  transform: skewY(-3deg);
  z-index: -1;
  background-position: center;
    background-repeat  : no-repeat;


   
    background-size: cover;

}
.cover-bg2{
color:#fff;
position: relative;
background-color: #006778;
}
.cover-bg3{

position: relative;
background-color: #f1f1f1;
}
.marker{
  background:linear-gradient(transparent 60%, #56BBF1 50%);
  padding-top:10px;
  padding-bottom:10px;
}

  .explan{padding-top:200px;
      padding-right:50px;
      padding-left:50px;
  padding-bottom:200px;}
  .explain-text{
      padding:50px;
      color:#fff;
      background-color: rgba(0,0,0,0.3);

.middle {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
  }


.main-color-font{
color:#1da1f2;
padding:20px;
}
.fs-7{font-size:12px;} 
.fs{font-size:14px; padding-top:10px;padding-bottom:10px;}
details[open] summary {
	background-color: #0044cc;
	color:#fff;
  padding:7px;
}

details[open] {
	
    padding-bottom:20px;
}
.pricing-area {
	padding: 3% 0;
	text-align: center;
}
.single-pricing {
	background: #fff;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	transition: all .5s ease;
}
.deal-type {
	background: linear-gradient(to bottom, #0044cc, #1da1f2);
	padding: 15px 0;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 2px;
	color: #fff;
}
.deal-amount {
	clip-path: polygon(0 0, 100% 0%, 100% 60%, 51% 100%, 0 60%);
	background: linear-gradient(to right, #0044cc, #1da1f2);
	padding: 25px 0;
	color: #fff;
}
.price .money {
	font-size: 33px;
	font-weight: 900;
}
.price .data {
	font-size: 50px;
	font-weight: 900;
}
.price .money sup {
	font-size: 40px;
	font-weight: 500;
}
.single-deal {
	padding: 15px 0;
	list-style: none;
}
.single-deal li {
	font-size: 18px;
	font-family: montserrat;
	padding: 10px 0;
}

.border-circle {
	border: 1px dotted #0044cc;
	border-radius: 5px;
}


.btn2 {
	background: linear-gradient(to right, #0044cc, #1da1f2);
	border: none;
	font-weight: 900;
    font-size:30px;
	text-transform: uppercase;
	margin-bottom: 50px;
    margin-top: 50px;
	padding: 30px 80px;
	color: #fff;
    text-decoration: none;
}

.btn2:hover {
	color: #fff;
    text-decoration: none;
}
a.btn2 {
	border: none;
    text-decoration: none;
}

.single-pricing:hover {
	transform: scale(1.05);
}
@media (max-width: 767px) {
	.single-pricing {
		margin-bottom: 60px;
	}
}

.warn {
	padding: 20px;
	border-style: dashed;
	border-width: 2px;
	border-color: #0044cc;
	background-color: #fff;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}