@font-face {
    font-family: 'Jameel';
    font-weight: 400;
    src: local('Jameel'),
         url('<?php echo base_url();?>assets/fonts/jameel.ttf') format('truetype');
}  
               .h1{
                          font-family: 'jameel.ttf'; 
                          font-size: 24px;
                    }
                     .h2{
                          font-family: 'jameel'; 
                          font-size: 22px;
                    }
                                        .h3{
                          font-family: 'jameel'; 
                          font-size: 20px;
                    }
                                          .h4{
                          font-family: 'jameel'; 
                          font-size: 18px;
                    }
                                          .p .span .a{
                          font-family: 'jameel'; 
                          font-size: 18px;
                    }
.print {visibility:visible;}
.form-style-10{
  width:100%;
  padding:30px;
  margin:40px auto;
  background: #FFF;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
  padding: 30px;
  background: #F8F8F8;
  border-radius: 6px;
  margin-bottom: 15px;
}
.form-style-10 h1{
  background: #2A88AD;
  padding: 20px 30px 15px 30px;
  margin: -30px -30px 30px -30px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  font: normal 30px 'Bitter', serif;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
  display: block;
  margin-top: 2px;
  font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
  display: block;
  font: 13px Arial, Helvetica, sans-serif;
  color: #888;
  margin-bottom: 15px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border: 2px solid #fff;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.form-style-10 .section{
  font: normal 20px 'Bitter', serif;
  color: #2A88AD;
  margin-bottom: 5px;
}
.form-style-10 .section span {
  background: #2A88AD;
  padding: 5px 10px 5px 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 4px solid #fff;
  font-size: 14px;
  margin-left: -45px;
  color: #fff;
  margin-top: -3px;
}
.form-style-10 input[type="button"], 
.form-style-10 input[type="submit"]{
  background: #2A88AD;
  padding: 8px 20px 8px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  font: normal 30px 'Bitter', serif;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  border: 1px solid #257C9E;
  font-size: 15px;
}
.form-style-10 input[type="button"]:hover, 
.form-style-10 input[type="submit"]:hover{
  background: #2A6881;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
  float: right;
  width: 250px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #4D4D4D;
  margin-top: 10px;
  text-align: right;
}


 .single-package-item img{ width:100%; height:200px;}
 .thumb img{ width:100%; height:200px; }
 .pricing-table {
  background-color: #f7f7f7;
  position: relative;
 }

 .pricing-table .pricing-header {
  position: relative;
  text-align: center;
 }

 .pricing-table .pricing-header .package-price {
  background-color: rgba(239, 23, 60, 0.9);
  border: 10px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  margin: 0 auto 0 -40px;
  padding: 20px 23px;
  position: absolute;
  top: -60px;
 }

 .pricing-table.active .pricing-header .package-price {
  background-color: rgba(145, 1, 204, 0.9);
 }

 .pricing-table .pricing-header .package-price span {
  font-size: 16px;
 }

 .pricing-table .pricing-title {
  background-color: #1c1c1c;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 12px 0;
  text-align: center;
  text-transform: uppercase;
 }

 .pricing-table .pricing-feature {
  text-align: center;
 }

 .pricing-table .pricing-feature li {
  background-color: #f1f1f1;
  padding: 10px 0;
  text-transform: uppercase;
 }

 .pricing-table .pricing-feature li:nth-child(2n+1) {
  background-color: #f7f7f7;
 }

 .pricing-table .pricing-btn {
  text-align: center;
 }

 .pricing-table .pricing-btn .btn {
  background-color: #ef173c;
  border-radius: 0;
  padding: 7px 0;
  width: 100%;
 }

 .pricing-table.active .pricing-btn .btn {
  background-color: #9101cc !important;
 }

 .pricing-table.active .pricing-btn .btn:hover {
  background-color: #1c1c1c !important;
 }

 .base-image img{width: 100%;height:400px; background-size: cover;margin-bottom: 30px;}


 .comments-area{
  position:relative;
 }

 .comments-area h2,
 .comments-area h2 strong{
  font-size:22px;
  color:#1c1c1c;
  font-weight:normal;
 }




 .comments-area .comment-box{
  padding: 20px;
  margin-bottom: 20px;
  background-color: LavenderBlush;
  position:relative;
 }

 .comments-area .comment{
  
  position:relative;
  margin:0px 0px 10px 0px;
  padding:0px 0px 10px 110px;
 }








 .comments-area .reply-comment{
  margin-left:50px;
 }

 .comments-area .comment-box .author-thumb{
  position:absolute;
  left:0px;
  top:0px;
  width:84px;
  height:84px;
 }

 .comments-area .comment-box .author-thumb img{
  width:100%;
  display:block;
 }

 .comments-area .comment-info{
  margin-bottom:10px;
  color:#bcbcbc;
 }
 .comments-area .comment-box strong{
  color:#292929;
  font-weight:600;
 }
 .comments-area .reply-btn{
  position:absolute;
  right:0px;
  top:-10px;
  font-size:14px;
  color:#ffffff;
  padding:3px 20px;
  background:#ef173c;
  border-color:#ef173c;
  text-transform:capitalize;
 }