*{margin:0;
padding: 0px;
box-sizing: border-box;}

body{background: #d8dddd;
font-family: 'Montserrat', sans-serif;
}


.text-red{color:#ff553c;}

.text-blue{color: #059196;}

.info{background:#eee;
padding:10px 0px;}

.info h3{text-align: center;
font-weight: 500;
padding-top: 9px;}

.middle-text{line-height: 40px;
font-weight: 600;
}

table{color: #fff;background: #059196;position: relative;table-layout: fixed;}

table tr {color:#fff;border-width: 2px !important;}

table th{padding:15px !important;font-size: 30px;}

 table td{padding:15px !important;font-size:23px;}

#coin-pos{position: relative;margin-top:5rem !important;}
 .coin{width: 120px;
    height: 100px;
    position: absolute;
    left: -22px;
    top: -85px;
    z-index: 99;}


.coin-down{width: 120px;
    height: 100px;
    position: absolute;
    right: -60px;
    bottom: -12px;
    z-index: 99;
}

.box{border-radius:12px; background:#f1a100;
color:#fff;
margin-top: -22px;
position: relative;
margin-bottom:20px;
padding: 9px 10px 1px 10px;}

.box img{
   position: absolute;
    top: -74px;
    width: 32%;
    left: -45px;}

    .h-line{width:100%;
    	height:1px;
    	background: #000;}

      .b-box:hover{background:#da8100;
         color:#fff;cursor: pointer;
         border:1px dashed #fff;}

         .b-box:hover h1{color:#fff;}

    	#top-down{margin-top:8rem;}

      .b-box{background: #fff;
height: 155px;
border-radius: 12px;
border: 1px dashed #da8100;
margin-bottom:1rem;transition: 1s;}

.b-box h1{font-size: 39px;
font-weight: bold;
padding-top: 13px;
color: #da8100;
}

.b-box p{font-weight: 500;
/*color: #d97f00;*/
font-size:17px;}

.benefits{margin-bottom: 32px;}

.benefits h2{color:#da8100;}

.contact h2{color:#da8100;
   text-transform: capitalize;
padding-top:30px;
padding-bottom:20px;}


.card-cont{border-radius: 12px;
background: #fff;
padding: 30px 10px 10px 10px;
text-align: center;
margin-bottom: 20px;}


.card-cont h6{color:#059196;}

.card-cont p{font-weight: 500;}

.card-cont span{}

.bottom{background:#da8100;
color:#fff;
padding:14px 0 10px 0px;}

.info-down h4{padding: 14px 0px 7px 0px;}

.info-down{padding:2px;}

/*responsive*/
@media only screen and (min-width: 320px) and (max-width: 480px){


.info h3{font-size:17px;}


.middle-text {
  line-height: 31px;
 font-size: 20px;}


table td {font-size: 19px;}
table th {font-size: 18px;}

.coin-down { right: -30px;display: none;}

.coin{left:-5px;}

.h-line{display: none;}

.box img {top: -92px;left: 0px;}
.contact h2{font-size: 20px;}
.info-down h4 { font-size: 20px;}


}



@media only screen and (min-width: 481px) and (max-width: 640px){


.info h3{font-size:17px;}


.middle-text {
  line-height: 31px;
 font-size: 20px;}


table td {font-size: 19px;}
table th {font-size: 18px;}

.coin-down { right: -30px;display: none;}

.coin{left:-5px;}

.h-line{display: none;}

.box img {top: -73px;
left: 0px;
width: 22%;}
.contact h2{font-size: 20px;}
.info-down h4 { font-size: 20px;}


}



@media only screen and (min-width: 641px) and (max-width: 720px){

.box img {top: -73px;
left: 0px;
width: 22%;}




}



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

.box img {top: -73px;
left: 0px;
width: 22%;}



table th {font-size: 27px;}


}


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

   .box img {top: -41px;left: -27px;}
   table th {font-size: 25px;}

.b-box p {font-size: 12px;}

}