li.nav-item {
    margin: 1px 8px;
}
.navbar{opacity: 0.97;}
.fa-bars{color:#202020 !important;}
.navbar-toggler{outline:none !important;}
.navbar-light .navbar-nav .hover{
	color: #1670b68a !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}
.circle{background-color: #f48f1b;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    position: relative;
    left: -9px;
    top: 15px;visibility:hidden;}
.navbar-light .navbar-nav .hover:hover .circle{visibility:visible;}
.navbar-light .navbar-nav .active .circle{visibility:visible;}
.navbar-light .navbar-nav .active {color: #017ac2 !important}
.navbar-light .navbar-nav .hover:hover{color: #017ac2 !important}

.navbar-light .navbar-nav button{    border: 1px solid #017ac2;
    border-radius: 3px;
    background: none;
    color: #017ac2;
    font-weight: 600;
    font-family: sans-serif;
    font-size: 0.9rem;
padding: 6px 10px;}
.feature_hm .row .text-orange{    color: #F5911F;
    font-size: 12px;
    font-weight: bold;}
.text-orange{color:#F5911F;}
.text-blue{color:#017ac2;
           font-weight: bold;}
.bg-cover{background: url(images/banner-bg.png) no-repeat;
    width: 100%;
    background-size: cover;}
.Feature_bg{background: url(images/Ftr.png) no-repeat;
    width: 100%;
    background-size: cover;}

.Contact_bg{background: url(images/ContactBg.png) no-repeat;
    width: 100%;
    background-size: cover;}
.Pricing_bg{background: url(images/PricingBg.png) no-repeat;
    width: 100%;
    background-size: cover;}
	.Terms_bg{background: url(images/TermsBg.png) no-repeat;
width: 100%;
background-size: cover;}
.terms p{margin-bottom:10px;}
.terms h6{color: #0761AC !important;
font-weight:bold !important;}

.vertical-mid {vertical-align: middle!important;
    margin-right: 6px;}	
	.hm_bg2{
	background: url(images/bg2.png) no-repeat;
    width: 100%;
    background-size: cover;
	}
	.font-600{font-weight:600;}
.opacity-90{opacity:0.9;}	
.feature_hm h6{
	    color: #003E72;font-weight:600;
}	
a{color:#202020 !Important;}

.pricing_hm h4{
	
	    color: #003E72;font-weight:600;
}
.pricing_hm h6{
	
	    display:flex;
}	


.btn-primary{    background-color: #0761AC !important;}
	
.btn-primary:hover{background-color: #003e72 !important;}	
	
.btn-outline-primary{
	 color: #003e72 !important; 
	border-color: #0761ac !important;
    }

.btn-outline-primary:hover{background-color: #003e72 !important;color: #fff !important;}

.bg-primary{ background-color: #0761AC !important;}	
.contact_us{border: 1px solid #80808054;
    padding: 25px 30px;}
textarea{height:150px !important;background-color: #f9f9f9 !important;
    border: 1px solid #e9e6e6 !important;    font-size: 14px !important;}
	input{background-color: #f9f9f9 !important;
    border: 1px solid #e9e6e6 !important;    font-size: 14px !important;}
	.dashed-border{border:2px dashed #0761ac36 !important;
    border-top: 8px solid #0761AC !important;
	background-color:#f4faff52;}
p{    margin-top: 0;
    font-size: 0.9rem;
    color: #202020;
    margin-bottom: 1rem;}
button{font-size: 15px !important;
    padding: 5px 20px !important;}
.border-1-top-8{border: 1px solid #d1d1d145 !important;
    border-top: 8px solid #0761AC !important;}
.mt-6{margin-top:4.3rem !important;}
.Abt_bg{background: url(images/Abt.png) no-repeat;
    width: 100%;
    background-size: cover;}
.CoreImage_bg{background: url(images/about-bg2.png) no-repeat;
    width: 100%;
    background-size: cover;}		
.subhead::after { content: url(images/line.gif);    
position: relative;
    bottom: 4px;}
 .subhead::before { content: url(images/line.gif);position: relative;
    bottom: 4px;}
.feature_hm ul {
  list-style: none;    line-height: 1.4rem;
}
/* .feature_hm .col-md-4{max-width:30.333333% !Important;} */
.feature_hm ul li {color:#202020;font-size: 0.9rem;}
.feature_hm ul li::before {
content: "\2022";
    color: #0761AC;
    font-size: 1.65rem;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: relative;
    top: 3px;
}
.media-icn i{    font-size: 15px;
    border-radius: 3px;
    background-color: #00000012;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px 3px;
    color: #202020 !important;}

.media-icn i:hover {font-size: 15px;
    border-radius: 3px;
    background-color: #0761ac;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px 3px;
	color:#fff !important;}
	
	
	

.features{list-style-type:none;}
.features li{display:flex;line-height:0.9rem;}
.fa-check-circle{color:#0761ac;font-size:13px;}
.fs-1{ font-size: 1rem;}
.Monthly_btn{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;}
.Annually_btn{border-top-left-radius:0px !important;border-bottom-left-radius:0px !important;}
.ribbon{    width: 125px;
    height: 26px;
    background-color: #F5911F;
    color: white;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    top: -16px;
    left: 67px !important;
    display: flex;
    align-items: center;
    justify-content: center;}
.text-deeppink{color:deeppink;}	
.Whatsapp_float{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 115px;
    right: 40px;
    background-color: #4dc247;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 40px !important;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
	    
	
	
}

.border-bottom{border-bottom:1px solid #dee2e6 !important}

.Whatsapp_icon{
position: relative;
    top: -11px;
    left: 1px;
	width: 30px;
	
	
	
	
}	
.close{    height: 20px;
    width: 20px;}
.close span{    font-size: 23px !important;
    top: -5px;
    position: relative;
    color: #fff;
    font-weight: 100;}
.fa-phone{    bottom: 56px;
    right: 40px;}
.fa-envelope{    bottom: 10px;
    right: 40px;}
.modal-btn{
	    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px !important;
    border-radius: 4px;
}
.warn-btn{background-color:#f44336;}
.send-btn{background-color:#449797;}
.modal-body .form-group .form-control{
	border-radius:0px !Important;    border-bottom: 1px solid #cacccd !important;
}

.subscribe{
	margin-top: 20px !important;
}

@media (min-width: 576px){ 
.modal-dialog {max-width:450px !important;}
}


















@media only screen and (max-width: 768px) {
	h2{font-size:1.6rem !Important;}
	.jumbotron{padding-right: 0 !important;
    text-align: center !important;}
	/* .feature_hm p{padding: 2px 30px !important;} */
	.feature_hm h6{font-weight:700;
}
.footer .bg-light{display:flex;flex-direction: column;align-items:center;}
.footer .bg-light p{text-align:center !important;}
.footer-terms .col-sm-4{text-align:center !important;}
.footer-terms p{margin-bottom:0.5rem !important;}
.content-cntr{
	display:flex !important;
	align-items:center !important;
	flex-direction:column !important;padding-top:3px !important;
}



.shape span{
background-color: #0761ac;
width: 30px;
height: 2px;
display: block;
transition: all .3s;}



.shape span:last-child{
transform: translateY(8px);}
.shape span:First-child{
transform: translateY(-8px);}
.shape:hover span:last-child{
background-color: #0761ac;
width: 10px;
height: 2px;
display: block;
transition: all .3s;}
.shape:hover span:nth-child(2){
background-color: #0761ac;
width: 25px;
height: 2px;
display: block;
transition: all .3s;}


.ribbon{    width: 125px;
    height: 26px;
    background-color: #F5911F;
    color: white;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    top: -16px;
    left: 104px;
    display: flex;
    align-items: center;
    justify-content: cente


}



























#modalContainer {
  background-color:rgba(0, 0, 0, 0.3);
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  left:0px;
  z-index:10000;
  background-image:url(tp.png); required by MSIE to prevent actions on lower z-index elements;
}

#alertBox {
  position:relative;
  width:33%;
  min-height:100px;
  max-height:400px;
  margin-top:50px;
  border:1px solid #fff;
  background-color:#fff;
  background-repeat:no-repeat;
  top:30%;
}

#modalContainer > #alertBox {
  position:fixed;
}

#alertBox h1 {
  margin:0;
  font:bold 1em Raleway,arial;
  background-color:#0761AC ;
  color:#FFF;
  border-bottom:1px solid #0761AC ;
  padding:10px 0 10px 5px;
}

#alertBox p {
  height:50px;
  padding-left:5px;
  padding-top:30px;
  text-align:center;
  vertical-align:middle;
}

#alertBox #closeBtn {
  display:block;
  position:relative;
  margin:10px auto 10px auto;
  padding:7px;
  border:0 none;
  width:70px;
  text-transform:uppercase;
  text-align:center;
  color:#FFF !important;
  background-color:#0761AC ;
  border-radius: 0px;
  text-decoration:none;
  outline:0!important;
}

unrelated styles

#mContainer {
  position:relative;
  width:600px;
  margin:auto;
  padding:5px;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}

h1,h2 {
  margin:0;
  padding:4px;
}

code {
  font-size:1.2em;
  color:#069;
}

#credits {
  position:relative;
  margin:25px auto 0px auto;
  width:350px; 
  font:0.7em verdana;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  height:90px;
  padding-top:4px;
}

#credits img {
  float:left;
  margin:5px 10px 5px 0px;
  border:1px solid #000000;
  width:80px;
  height:79px;
}

.important {
  background-color:#F5FCC8;
  padding:2px;

}


	

@media (max-width: 600px) 
{
  #alertBox {
  position:relative;
  width:90%;
  top:30%;
}