/*body{
	font-family: 'Poppins', sans-serif;
}*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
        width: 1480px;
        max-width: 100%;
}
h3{
    margin-top: 5px;
}
.price-box{
	width: 100%;
	border: 1px solid #9A9A9A;
	padding: 20px
}
.small-box .hover-text a.btn.read-more-btn span.fa, a.btn, a.btn.btn2 span.fa {
    margin-right: 0px!important;
}
.price-box h3{
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
}
.price-box p{
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
}
.price-box h4{
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
}
.price-box h2{
	font-weight: 700;
	font-size: 28px;
	line-height: 29px;
}
.g-box{
	width: 100%;
	background: #D4D4D4;
	padding: 3px;
}
.g-box .col-sm-8 h3{
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
}
.round-icon{
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
    margin-top: 6px;;
}
.col-sm-3 .switch .slider {
    height: 20px;
}
.btn-primary{
	background: #12203C;
	border-color: #12203C;
    color: #fff!important;
}
.btn-primary:hover{
	background: #12203C;
	border-color: #12203C;  
}
.deal-card {
    width: 100%;
    background: #98C1D9;
    border-top: 5px solid #12203C;
    position: relative;
    box-shadow: 0px 0px 11px -1px grey;
}
.img-h3 img {
    position: absolute;
    right: 15px;
    top: 10px;
}
.deal-card h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	padding: 10px 20px 10px 20px;
}
.deal-card h4{
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 20px 10px 20px;
	background: #fff
}
.deal-card p{
	font-weight: 400;
    font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding: 10px 20px 0px 20px;
}
.deal-card h5{
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	color: red;
	padding: 0px 20px 0px 20px;
}
.brdr-befor-after{
	position: relative;
}
.brdr-befor-after::before {
    content: "";  
    position: absolute;
    top: 8px;
    width: 100%;
    background-color: red;
    height: 2px;
} 
.card-btn{
	padding: 0px 20px 0px 20px;	
}
.card-btn .btn{ 
   border-radius: 20px;
}
.deal-card-2{
	background: #A4D6D8;
}
.deal-card-3{
	background: #F88A6F;
}
.ttl-main {
    padding: 10px 20px;
    background: #12203ca6;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.w-box{
	width: 100%;
	padding: 3px;
	border: 1px solid #cdcdcd;
	cursor: pointer;	
}
.w-box p{
	margin-bottom: 10px;
}
.w-box:hover{
    box-shadow: 0px 0px 9px 0px grey;
}
.w-box .col-sm-8 h3{
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
}.w-box .col-sm-9 h3{
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
}
.round-icon-w{
	background: #dbdbdb;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}
.btn-success{
    color: #fff!important;
}

#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    padding: 12px;
    /* border: 1px solid #12203c; */
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #fff;
  color: #12203c;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0;
}
.accordion>.card{
   overflow: unset;
}
.keyword{
   display: flex;
   flex-flow: row wrap;
}
.keyword p{
	background: #c2f3c8;
	border-radius: 20px;
	padding: 5px 15px;
	white-space: pre;
	margin-bottom: 10px;
}
.carousel {
    position: relative;
    width: 100%;
}
.carousel-control-next, .carousel-control-prev {
    top: 144px;
    width: 50px;
    height: 50px;
    opacity: 1; 
    background: black;
    filter: invert(1);
    border-radius: 50%
}
.carousel-control-next {
    right: -23px;
}
.carousel-control-prev {
    left: -23px;
}
.why-c-us {
    width: 100%;
    padding: 10px;
    /* border: 1px solid #d1d1d1; */
    border: 1px solid #cdcdcd;
    cursor: pointer;
}
.keyword a{
	color: #000;
	text-decoration: none;
}
.why-c-us:hover{
    box-shadow: 0px 0px 9px 0px grey;
}
.why-c-us h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 19px;
	text-align: center;
}
.why-c-us p{
	line-height: 1.2;
	font-size: 14px;
}
.why-c-us-1 p{
	line-height: 1.2;
	font-size: 14px;
}

.tbl table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
	position: relative;
}

.tbl td, .tbl th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
	color: #000;
}

.tbl tr:nth-child(even) {
    background-color: #dddddd;
}
.overlay-div {
	position: absolute;
	width: 80%;
	height: 80%;
	z-index: 99999;
	left: 10%;
	top: 10%;
	background: #afb5cb;
	border-radius: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.overlay-div .btn{
    border-radius: 20px
}
.stky-frm{
	/* position: sticky; */
	/* top: 20px; */
}
.tel-form{
   border: 1px solid #9a9a9a87;
}
.modal-body{
	padding: 0px;
}
.modal-body .tel-form{
   border: 0px solid #9a9a9a87;
}
.tel-form h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.form-group{
	position: relative;
}
.single-lbl {
    background: #fff;
    padding: 0px 10px;
    position: absolute;
    left: 10px;
    top: 11px;
}
.stky-frm span{
	font-weight: 300;
	font-size: 10px;
	line-height: 39px;
}
.stky-frm b{
	line-height: 0.4;
}
.stky-frm p{
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}
.stky-frm .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 20px;
}

.stky-frm .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.stky-frm .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.stky-frm .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: -1px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.stky-frm input:checked + .slider {
  background-color: #3caf4b;
}

.stky-frm input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.stky-frm input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.stky-frm .slider.round {
  border-radius: 34px;
}

.stky-frm .slider.round:before {
  border-radius: 50%;
}
.stky-frm  a{
	font-size: 12px;
}
.related-project .item{
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}
.round-slid{
	width: 35px;
	height: 35px;
	background: #b3b3b373;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.round-slid img{
	width: 25px!important;
}
.related-project h6{
	font-size: 12px;
}
.related-project p{
	font-size: 10px;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    min-height: 288px;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.home-demo .item {
   background: #fff;
   box-shadow: 1px 3px 11px 0px #a5a5a5;
}
.home-demo h2 {
   color: #FFF;
   text-align: center;
   padding: 5rem 0;
   margin: 0;
   font-style: italic;
   font-weight: 300;
}
label{
	font-weight: 500;
}

.everything-box ul li::before {
    content: url('../images/images/gallery/check.png');
    padding-right: 10px;
}
.everything-box-2::before {
    content: url(../images/images/gallery/plot-logo.png);
    width: 50px;
    position: absolute;
    right: 140px; 
    bottom: 10px;
}
.everything-box-3{
    background: #C7C1E1;
    position: relative;
}
.everything-box-3::before {
  content: url(../images/images/gallery/masons.png);
  width: 50px;
  position: absolute;
  right: 140px; 
  bottom: 10px;
}
.everything-box-5::before {
    content: url(../images/images/gallery/yellow-cap.png);
    width: 50px;
    position: absolute;
    right: 140px; 
    bottom: 10px;
  }
.everything-box-4{
    background: #FFDC77;
    position: relative;
}
.everything-box-4::before {
  content: url(../images/images/gallery/basic-h.png);
  width: 50px;
  position: absolute;
  right: 140px; 
  bottom: 10px;
}
.everything-box-3 {
    background: #C7C1E1 !important;
    position: relative;
}

.coupon {
	border: 5px dotted #bbb; /* Dotted border */
	width: 80%;
	border-radius: 15px; /* Rounded border */
	margin: 0 auto; /* Center the coupon */
	max-width: 600px;
  }
  
  .container {
	padding: 2px 16px;
  }
  
  .promo {
	background: #ccc;
	padding: 3px;
  }
  
  .expire {
	color: red;
  }