body{
font-family: 'Poppins', sans-serif!important;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
color: #fff!important;
    	
} 

.text{
padding-bottom:30px;
}

.text h2{
border-bottom: 1px solid #e1e0e0;
    padding-bottom: 11px;
    margin-bottom: 24px;

}
.text h3{
margin-top: 20px;
    margin-bottom: 10px;
	color: #006f93;
}
.top{

background:#f2f2f2;
}
.back{
background:url(../images/bg.jpg);
color:white;
}
.back h2{
font-size:22px;
margin-bottom:20px;
color:#00b6d6;
}
.back h3{
line-height:1.5em;
font-size:32px;
}
.bg{
background:#0d81a9;
}



.dropdown-submenu {
  position: relative;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: #000;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
	-webkir-transition:all 1s;
}
.customer span{
width: 45px;
    display: block;
    text-align: center;
}
.link_g{
background:#0071bc;
    transform: skewX(-15deg);
}
.link_g a{
color:white!important;
}

.round:hover{
background:#00b6d6;
color:white;
}
.round:hover svg{color:white;}
.round:hover p{color:white;}
.round:hover h2{color:white;}
.round:hover a{color:white;}
.gov{
border:1px solid #006f93;
border-radius:10px;
height: 420px;
}
.gov img{
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.list{
margin-left:-20px;
}
.list li{
 list-style: none;
    font-size: 16px;
    line-height: 2em;
}
.list svg{
color:#00b6d6!important;
}
.list a{
text-decoration:none;
color:#333333;
}
p{
line-height:2em;
}


.num{
    
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    background-color: #dddddd;
	text-align:center;
    padding: 22px 9px 15px 9px;
    
}


.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: #333;
    text-align: left;
  
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    font-weight: bold;
}



.dropdown-item{
    font-size: 14px!important;
	
}

.dropdown-submenu .dropdown-menu {
  top: 10%;
  left: 100%;
  margin-top: -1px;
}

.navbar-nav li:hover > ul.dropdown-menu {
   display: block;
    border-radius: 0px!important;
    border: none;
}

.navbar{
padding: 0px!important;
    line-height: 2.5em;
}

.customer small{
font-size: 10px;
    letter-spacing: .340em;
    font-weight: 600;
    text-transform: uppercase;
	padding-bottom:20px!important;
}



.service_link li:hover {
    border-left: 4px solid #ffdd44;
}

.customer{
padding: 5px;
}
.customer h4{margin-top:5px;}
.customer svg{
    /* float: right!important; */
    color: #006f93;
    /* line-height: 2em; */
    
}

.ask{
    background: #172745!important;
    padding-left: 30px;
    padding-right: 30px;
    /* line-height: 2em; */
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    color: white;
	float: right;
}
.sky {
    min-height: 280px;
    border: 1px solid #d7d7d7;
    background: #D9E9E9; 
}
.nav-link {
color:#ffffff!important;

}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


.vision{
margin-left:-32px;
}

.vision li{
list-style:none;
}

.vision li a{
text-decoration:none;
color:black;
line-height:2.5em;
}
.vision svg{
color:#00b6d6;
}
.more{
background:#006f93;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
text-transform:uppercase;
text-decoration:none;
color:white;
}
.round a{
color:00b6d6;
text-decoration:none;
}
.round a:hover{
color:white;
}
.round{
border:1px solid #cfcfcf;
padding:20px;
border-radius:20px;
cursor:pointer;
-webkit-transition:all 1s;
}

.round h2{
font-size:24px;
}
.round svg{
color:#818181;
width:54px;
height:54px;
margin-top:10px;
margin-bottom:20px;
}
.grey{
background:#f2f2f2;
}
@media (max-width: 768px){
.hidden-xs{
display:none;x
}
.bb {
    background: #f7f7f7;
    margin: 10px;
}
.heading h2 {
    font-size: 40px;
    font-weight: bold;
    color: #454545;
    font-family: 'Fjalla One', sans-serif!important;
    margin-left: 10px;
}
}
@media (min-width: 1200px){
.hidden{
display:none;
}
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  padding-left: 25px!important;
    padding-right: 25px!important;
    font-size: 14px;
   
    font-weight: bold;
}

.navbar-brand {
color:#fff!important;
    width: 70%;
}
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: rgb(255 255 255)!important;
    background-color: white!important;
    border: #b0b0b0 solid 1px;
    border-radius:0!important;
    transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
     box-shadow:none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #999;
    text-decoration: none;
   background-color:#fff!important; }
   .dropdown-item:hover, .dropdown-item:focus {
    color:#0dcaf0;
    
}
  .form-control {
   display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e4e2e2 !important;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0!important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 10px!important;
    /* border-bottom: 2px solid #ffdd44!important; */
    margin-bottom: 24px
	} 

.subs h2{
font-size:22px;
font-weight:bold;
color:#B24E38;
}
.subs h5{
font-weight:bold;
padding-top:10px;
}
.subs h3{
font-size: 36px;
}
.form{
box-shadow: 0px 0px 24px -4px rgba(218,218,218,1);
padding:20px;

}

.yellow{
background:yellow;
}
.search{
border-bottom: 1px solid #e9e9e9;
background: #f9f9f9;	 	
}   
   
.search input{
border-radius:0px!important;
}  
.angle{
 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    background-color:#2fcc2c;
    display: inline-flex;
    width: 120px;
    height: 120px;
    border-radius: 5px 50px 5px 5px;
    align-items: center;
    justify-content: center;
    left: 51px;
	margin-top:-90px;
	margin-bottom:20px;
    z-index: 2;cursor:pointer;    
} 

.angle1{
 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    background-color:#fff;
    display: inline-flex;
    width: 120px;
    height: 120px;
    border-radius: 5px 50px 5px 5px;
    align-items: center;
    justify-content: center;
    left: 51px;
	margin-top:-90px;
	margin-bottom:20px;
    z-index: 2;cursor:pointer;    
} 
.angle2{
 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    background-color: #2fcc2c;
    display:inline-flex;
    width: 120px;
    height: 120px;
    border-radius: 5px 50px 5px 5px;
    align-items: center;
    justify-content: center;
    left: 51px;
    margin-top: -44px;
    margin-bottom: 20px;
    z-index: 2;
    position: absolute;
    margin-left: 83px;
    cursor: pointer;

} 
.angle2 svg{
color:white;
width:60px;
height:60px;
}
.angle svg{
color:white;
width:60px;
height:60px;
}
 .angle1 svg{
color:#2fcc2c;
width:60px;
height:60px;
}
.block{
margin-bottom:28px;
}


.service_link{
margin-left:-34px;
font-size: 12px;
}
.customer a{
text-decoration:none;
color:#1e1c1c;

}
.img-rounded{
border-radius:10px;
}
.customer {

color:#1e1c1c;
}
.footer p{
color:#7a7a7a;
font-size: 14px;
}
.footer h3{
color:white;
font-size: 20px;
letter-spacing: 2px;
}
.call a{
text-decoration:none;
color:#7a7a7a;
}
.service_link li svg{
margin-right:10px;
color:#0071bc;}
 .service_link li{
     list-style: none;
    line-height: 2.5em;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
    background: #f9f9f9;
	border-left:4px solid #f9f9f9;
    padding: 15px;
 }  

.white{

   
	padding:30px;
}

.contact svg{
width:30px;
height:30px;
color:#898989;
margin-bottom:20px;
}
.bottom{
margin-left:-40px;

}
.contact span svg{
width:60px;
height:60px;
color:white;

}
.contact a{
color:#000000;
text-decoration:none;
font-size: 20px;
}
.contact span
{
background:#00b6d6;
width:100px;
display:inline-block;
padding-top:20px;
border-radius:100%;
margin-bottom:15px;
margin-top:30px;
text-align:center;
}
.bottom li{

    float: left;
    margin-right: 10px;
    list-style: none;
    background: #023a4d;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 100%;
    padding-top: 3px;
}

.green{

    /* margin-bottom: 20px; */
    margin-top: -111px;
    padding: 20px;
}
.green svg{
color:white!IMPORTANT;
}
.heading h5{
display: block;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    /* letter-spacing: 4px; */
    text-transform: uppercase;
    color: #0a0909;
}
.ico{
width:66px;
    margin-bottom: 15px;
}
.read{
color:#055ea2;
text-decoration:none;
margin-top:40px;
}
.h3{
margin-left:80px;
margin-bottom:52px; 
margin-top:48px;

}
.block{
cursor:pointer;}
.block1{
cursor:pointer;
}
.block1 h2{
font-family: 'Fjalla One', sans-serif!important;
}
.heading h2{
font-size:40px;
font-weight:bold;
color:#454545;
font-family: 'Fjalla One', sans-serif!important;
}
.text small{
font-weight:bold;

}
.text p{
margin-bottom:5px;

}
.prop{
background:#f7f6f6;
}
.sec{
margin-left:-100px;


}

.blue{
background:#006f93;
color:white;
cursor:pointer;
}   
 
.yellow{
background:#ffd105;
    margin-left: 12px;
    margin-top: -73px;
    padding: 10px;
	z-index:1;
}

.yellow h3{
margin-top: 10px;

font-family: 'Fjalla One', sans-serif!important;} 
.outer h1{
font-size: 22px;
    color: #202124;
    font-family: 'Fjalla One', sans-serif!important;
}
.text-right{
text-align:right;
}
.sq{
border: 2px solid #ffdd44;
background: white;
width: 60px;
}

.block a{
    text-decoration: none;
    font-size: 12px;
    font-size: 12px;
    color: #172745;
    background: #f5f4f4;
    /* padding: 10px; */
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5em;
} 
.listing{
background: #292928;
    color: white;
    font-weight: bold;
    width: 110px;
    margin-top: 10px;
    border-right: 2em;
}


.slider{
z-index:-1;
}
.social{
margin-left:-32px!important;
}
.social li{
float: left;
    margin-right: 10px;
    list-style: none;
    background: #e7f3f7;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
	padding-top: 2px;
}
.service_link li a{
color:black;
text-decoration:none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    box-shadow: rgb(0 0 0 / 5%) 0px 8px 8px 0px;
	    background: #fff;
}


.b1{
background:#006f93;
padding:10px;
border-radius:20px;
color:white;
z-index:1;
text-align:center;
    margin-top: -90px;
}
.b1 svg{
width: 54px;
height: 54px;
margin-top:10px;
margin-bottom:10px;

}

.b2{
background:#00b6d6;
padding:10px;
border-radius:20px;
color:white;
z-index:1;
text-align:center;
    margin-top: -90px;
}
.b2 svg{
width: 54px;
height: 54px;
margin-top:10px;
margin-bottom:10px;
}
.b3{
background:#47b8cc;
padding:10px;
border-radius:20px;
color:white;
z-index:1;
text-align:center;
    margin-top: -90px;
}
.b3 svg{
width: 54px;
height: 54px;
margin-top:10px;
margin-bottom:10px;
}
.footer{
background:#232323;
}
.privacy{
background: #232323;
    color:#7a7a7a;
    padding-top: 20px;
    text-decoration: none;
    border-top: 1px solid #303030;
    font-size: 14px;
}
.navs{

margin-left:-30px;
}
.bottom li svg{
margin-right: 0px;
}
.navs li a:hover{
color:white;
}
.call svg{
color:#00b6d6;
margin-right: 10px;
width: 18px;
}
.navs{
list-style:none;
}
.navs a{
    text-decoration: none;
    color:#7a7a7a;
    line-height: 2.5em;
	font-size: 14px;
	-webkit-transition:all 1s;
}


.cons{
    border: 1px solid #dfdfdf;
    width: 100%;
    height: 67%;
    border-radius: 8px;
}
.cons svg{
width:54px;
height:54px;
padding-top:15px;
color:#818181;
}
.hh{
font-weight:bold;
font-family: 'Croissant One', cursive!important;
}
.navs svg{
color:#00b6d6;
margin-right:10px;
}
.bold{
font-weight:bold;
}
.privacy a{
color:white;
text-decoration:none;
}
@media only screen and (max-width: 768px){
.customer small {

    margin-left: 25px;
}
.b2 {
    margin-top: 0px;
    margin-bottom: 100px;
}
.margin{
margin-bottom:30px;
}
.round{
margin-bottom: 10px;
}
.back h3 {
    line-height: 1.5em;
    font-size: 20px;
}
.more {
    margin-bottom: 30px!important;
    display: inline-block;}
	.gov {
   margin-bottom: 10px;
	height:auto!important;
}
.subs h2 {
    font-size: 18px;}
.subs h3 {
    font-size: 28px;
}
.accordion{
margin-bottom:30px!important;
}
.yellow {
margin-left:0px!important;
margin-top: 0px!important;
}
.customer h4 {
    margin-top: 5px;
    font-size: 14px;
    
    /* text-align: center; */
    /* margin-right: 30px; */
    
}
.customer a {
    text-decoration: none;
    color: #1e1c1c;
    font-size: 13px;
}
.logo{
text-align:center;

}
.small_link{
padding:0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left:20px!important;
}
.pb-10{
padding-bottom:94px;
}

.b3 {
 
    margin-top: 11px;


/*demo css    */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
    
.intro{
   background: #fff;
   padding: 60px 30px;
   color: #333;
   margin-bottom: 15px;
   line-height: 1.5;
   text-align: center;
}
.intro h1 {
   font-size: 18pt;
   padding-bottom: 15px;

}
.intro p{
   font-size: 14px;
}

.action{
   text-align: center;
   display: block;
   margin-top: 20px;
}

a.btn1 {
  text-decoration: none;
    color: #666;
    /* border: 2px solid #666; */
    padding: 10px 15px;
    display: inline-block;
    margin-left: 5px;
    background:#1f2937;
    border-radius: 0px;
}
a.btn1:hover{
   background: #666;
   color: #fff;
    transition: .3s;
-webkit-transition: .3s;
}
.btn:before{
  font-family: FontAwesome;
  font-weight: normal;
  margin-right: 10px;
}
.github:before{content: "\f09b"}
.down:before{content: "\f019"}
.back:before{content:"\f112"}
.credit{
    background: #fff;
    padding: 12px;
    font-size: 9pt;
    text-align: center;
    color: #333;
    margin-top: 40px;

}
.credit span:before{
   font-family: FontAwesome;
   color: #e41b17;
   content: "\f004";


}
.credit a{
   color: #333;
   text-decoration: none;
}
.credit a:hover{
   color: #1DBF73; 
}
.credit a:hover:after{
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 9pt;
    position: absolute;
    margin: 3px;
}
main{
  background: #fff;
  padding:: 20px;
  
}

article li{
   color: #444;
   font-size: 15px;
   margin-left: 33px;
   line-height: 1.5;
   padding: 5px;
}
article h1,
article h2,
article h3,
article h4,
article p{
   padding: 14px;
   color: #333;
}
article p{
   font-size: 15px;
    line-height: 1.5;
}
 
@media only screen and (min-width: 960px){
    main{
      max-width: 920px;
      margin-left: auto;
      margin-right: auto; 
      padding: 24px;
    }


}

.set-overlayer,
.set-glass,
.set-sticky {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
}
.set-overlayer:after,
.set-glass:after,
.to-active:after,
.set-sticky:after {
    font-family: FontAwesome;
    font-size: 18pt;
    position: relative;
    float: right;
}
.set-overlayer:after,
.set-glass:after,
.set-sticky:after {
    content: "\f204";
    transition: .6s;
}

.to-active:after {
    content: "\f205";
    color: #008080;
    transition: .6s;
}
.set-overlayer,
.set-glass,
.set-sticky,
.source,
.theme-tray {
    margin: 10px;
    background: #f2f2f2;
    border-radius: 5px;
    border: 2px solid #f1f1f1;
    box-sizing: border-box;
}
/* Syntax Highlighter*/

pre.prettyprint {
    padding: 15px !important;
   margin: 10px;
    border: 0 !important;
  background: #f2f2f2;
  overflow: auto;
}

.source {
    white-space: pre;
    overflow: auto;
    max-height: 400px;
}
code{
    border:1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
}


/*end of demo css*/

/*start of testimonials css*/



/*end of testimonials css*/