html, body{
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.navigationbar{
background-color: white;
padding: 15px;
box-shadow: 1px 1px 8px 1px lightgrey;
}
.site-header{
padding: 30px;
}
.navbar-brand {

font-size: 34px;
font-weight: bolder;

}
.navbar-brand img{
width: 80px;

}
.navbar-brand i{
color: orange;
font-size: 45px;
}
.site-header a{
color: black;

}
.nav-item a{
padding: 10px 0px 10px 0px;
border-radius: 3px;
font-size: 16px;
color: black;

}
.nav-item .nav-link{
color: black;

}

.nav-item{
padding-left: 45px;
font-weight: bolder;
}
.bannersection{
padding-top: 180px;
}
.bannertext h2{
font-size: 50px;
color: black;
margin-top: 80px;
font-weight: bolder;
}
.bannertext input{
padding: 15px 0px 15px 0px;
padding: 15px 0px 15px 0px;
width: 250px;
background-color: #d5ebef;
}

.bannertext button{
background-color: #1290A4;
color: white;
padding: 15px 20px 15px 20px;

}
.aboutsection{
margin-top: 150px;
background-color: #e9f3f5;
padding-top: 140px;
padding-bottom: 120px;
}
.abouttext ul li{
list-style: none;
font-size: 18px;
line-height: 40px;
}
.aboutbtn a{
color: white;
background-color: #ff6600;
padding: 10px 22px 10px 22px;

}
.aboutimg img{
border-radius: 20px;
}
.responsesection{
padding-top: 180px;
}
.responsetext h2{
font-size: 50px;
color: black;
margin-top: 80px;
font-weight: bolder;
}
.servicesection{
margin-top: 120px;
padding-top: 80px;
padding-bottom: 100px;
background-color: #e9f3f5;
}

.servicebox{
background-color: white;
padding: 30px;
}
.serviceh{
font-size: 50px;
font-weight: bolder;
color: black;
text-align: center;
}
.servicebox i{
font-size: 45px;
height: 100px;
width: 100px;
background-color: pink;
padding-top: 30px;
text-align: center;
border-radius: 50%;
color: red;
}
.pricingsection{
margin-top: 100px;
padding-top: 80px;
padding-bottom: 80px;
background-color: #e9f3f5;

}
.pricingbox{
background-color: white;
padding: 40px;
box-shadow: 1px 1px 8px 1px lightgrey;
}
.pricingbox ul{
padding: 0px;
}
.pricingbox ul li{
list-style: none;
line-height: 45px;
font-size: 18px;
}
.pricingbtn a{
padding: 12px 18px 12px 18px;
color: white;
border-radius: 10px;
font-size: 16px;
background-color: #1290A4;
}
.supportsection{
margin-top: 100px;
padding-top: 50px;
padding-bottom: 50px;
}
.supportbtn a{
padding: 12px 18px 12px 18px;
color: white;
border-radius: 10px;
font-size: 16px;
background-color: #f46f7c;
}
.footersection{

margin-top: 60px;
/*font-family: cursive;*/
}
.footersection h1{
color: white;

}
.footersection ul{
padding: 0px;
}
.footersection ul li{
line-height: 50px;
list-style: none;
}
.footersection ul li i{
font-size: 28px;
color: white;
}
.footerlayer{
background-color: #1290A4;
padding-top: 100px;
padding-bottom: 50px;
}
.copyrightsection{
background-color: black;
padding: 12px;

}
@media(max-width: 768px){
.nav-item {
padding-left: 5px;

}
}
@media(max-width: 767px){
.bannersection {
padding-top: 85px;
}
.bannertext h2 {
font-size: 29px;

}
.bannertext input {

width: 100%;

}
.bannertext button {
margin-top: 5px;
padding: 15px 20px 15px 20px;
width: 100%;
}
.responsetext h2 {
font-size: 38px;

}
.responsetext h2 {
font-size: 30px;
}
.supportsection {
margin-top: 0px;
padding-top: 0px;

}
.aboutsection {
margin-top: 52px;
background-color: #e9f3f5;
padding-top: 92px;
padding-bottom: 100px;
}
.responsesection {
padding-top: 98px;
}
.nav-item {
padding-left:80px;

}
}