.header-main {position: relative !important;}
#header-top-bar {background: #204b6a;}
.inner-banner {height: 650px;padding-top: 80px;position: relative;background-image: url("../images/softaculous-banner.jpg");background-position: top center;background-size: 100%;background-repeat: no-repeat;color: #fff;}
.inner-banner h1{font-family: Lato, sans-serif;font-size: 60px;font-weight: 900;margin-bottom: 15px;color: #fff;line-height: 1.2}.inner-banner h2{font-family: 'Poppins-Regular';font-size: 18px;margin: 20px 0px 0px 0px;line-height: 26px}
.softaculous{padding: 60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;background: #f7fafe;text-align: center;}
.softaculous h2 {padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}
.softaculous p {font-family: 'Poppins-Regular'; font-size: 16px;margin: 0 auto 50px auto;width: 100%;text-align: center;color: #565559;}
.softaculous ul{padding: 20px 0px;text-align: center;}
.softaculous ul li{background: #fff;box-shadow: 0 0 5px 2px rgba(158, 213, 242, 0.3);border-radius: 6px;padding: 15px;display: inline-block;  margin: 0px 15px 15px 0px;}
.softaculous section p {font-family: 'Poppins-Regular'; font-size: 20px;margin: 0 auto 50px auto;width: 100%;text-align: left;}

.softaculous a{font-size: 18px;color: #fff;background:#3b709a;display: inline-block;border-radius: 50px;padding: 10px 25px;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;z-index: 1;position: relative;height: 48px;overflow: hidden;}
.softaculous a:hover{color: #fff;background: #565559;text-decoration: none;}
.softaculous a::before{background: #fb7820;content: "";height: 60px;left: auto;position: absolute;top: 0;  right: 0; width: 0; z-index: -1;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.softaculous a:hover::before {width: 100%;right: auto;left: 0;}
.softaculous i{margin-left: 7px;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.softaculous a:hover i{-webkit-transform: translateX(8px);-moz-transform: translateX(8px);-ms-transform: translateX(8px);transform: translateX(8px);}

.enterprise{padding: 60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;}
.enterprise p{font-family: 'Poppins-Regular'; font-size: 16px;width: 100%;margin-bottom: 30px;height: 80px;}
.enterprise h2{padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}
.enterprise h3{font-size: 24px;margin-bottom: 18px;text-align: center;width: 100%;}
.enterprise .card{box-shadow:0 1px 30px 0 rgba(0, 0, 0, 0.05);}
.enterprise .card a{position: absolute;  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 56px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-top: 1px solid #eee;
  color: #0a6cc4;overflow: hidden;
}
.enterprise .card a::before{background-color: #0a6cc4;content: ""; position: absolute; top: 0;
  left: 0; right: 0; bottom: 0;  -webkit-transform: translateY(100%);  -ms-transform: translateY(100%);
  transform: translateY(100%);  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: -1;overflow: hidden;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.enterprise .card a:hover::before{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.enterprise .card a:hover{color: #fff;text-decoration: none;}
.enterprise .card:hover h3{color: #0a6cc4;}
.enterprise .card:hover a::before {-webkit-transform: translateY(0);  -ms-transform: translateY(0);
  transform: translateY(0);}
.enterprise .card:hover a {color: #fff;}

.box:hover{ -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

.why{padding:60px 0px;position: relative;}
.why h2 {color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;margin: 0 auto;}
.why p{font-family:'Poppins-Regular';font-size:18px;text-align: center;margin: 10px auto 50px auto;}
.why section {border: 1px solid #aac5d6;border-top-style:solid;border-top-width: 1px;border-radius: 6px;padding: 20px;height: 170px;}
.why section h5{padding:5px 0px; font-family:'Poppins-Regular';font-size: 24px; margin-bottom: 10px;margin-left: 70px;}
.why section p{padding:5px 0px; font-family:'Poppins-Regular';font-size: 16px; margin-top: 20px;text-align: justify;}
.why section img{background: #1766ae;position: absolute;color: #fff;font-family: "flaticon";content: "\f129";display: block;z-index: 100;font-size: 22px;padding: 10px; top: 1px;}

@media only screen and (min-width:320px)and (max-width:479px) {
  .inner-banner {padding-top: 20px;height: 300px;background: #204b6a;  }
  .inner-banner h1 {font-size: 32px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px}
  .inner-banner h2 {font-size: 16px;margin: 10px 0px 0px 0px;line-height: 22px;}
 
  .softaculous{padding: 30px 0px;}
  .softaculous h2{font-size: 22px;}
  .softaculous h3{font-size: 18px;}
  .softaculous p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .softaculous section h3{font-size: 20px;}
  .softaculous section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  
  .enterprise{padding:30px 15px;}
  .enterprise h2{font-size: 18px;}
  .enterprise h3{font-size: 18px;}
  .enterprise p{font-size: 14px;}
  .enterprise ul{margin-left: 10px;}
  .enterprise ul li{font-size: 14px;padding: 5px 0px;}
  .enterprise .card a{font-size: 14px;height: 46px;line-height: 45px;}

  .why{padding:10px 0px 0px 0px}
  .why p{font-size: 14px;margin: 0 auto 30px auto;padding: 0% 5% 0% 5%;}
  .why h2{font-size: 22px;padding: 5px 0px;margin-bottom: 10px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 180px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
  .inner-banner{padding-top: 20px;height: 280px;background: #204b6a}.inner-banner h1{font-size: 35px}.inner-banner h2{font-size: 16px;margin: 10px 0px 0px 0px;line-height: 22px}.inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px}.inner-banner h2{font-size: 25px}

  .softaculous{padding: 30px 0px;}
  .softaculous h2{font-size: 22px;}
  .softaculous h3{font-size: 18px;}
  .softaculous p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .softaculous section h3{font-size: 20px;}
  .softaculous section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}

  .enterprise{padding:30px 15px;}
  .enterprise h2{font-size: 22px;}
  .enterprise h3{font-size: 18px;}
  .enterprise p{font-size: 14px;}
  .enterprise ul{margin-left: 10px;}
  .enterprise ul li{font-size: 14px;padding: 5px 0px;}
  .enterprise .card a{font-size: 14px;height: 46px;line-height: 45px;}

  .why{padding: 10px 0px 0px 0px;}
  .why h2{font-size: 22px;padding: 5px 0px;margin-bottom: 10px;}
  .why p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 220px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .inner-banner{padding-top: 20px;height: 200px;background: #204b6a}.inner-banner h1{font-size: 35px}.inner-banner h2{font-size: 18px!important;margin: 10px 0px 0px 0px;line-height: 24px}.inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px}
  .softaculous{padding: 30px 0px;}
  .softaculous h2{font-size: 22px;}
  .softaculous h3{font-size: 18px;}
  .softaculous p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .softaculous section{padding: 0px 0px 10px 0px;}
  .softaculous section h3{font-size: 20px;}
  .softaculous section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .enterprise{padding:30px 15px;}
  .enterprise h2{font-size: 22px;}
  .enterprise h3{font-size: 18px;}
  .enterprise p{font-size: 14px;}
  .enterprise ul{margin-left: 10px;}
  .enterprise ul li{font-size: 14px;padding: 5px 0px;}
  .enterprise .card a{font-size: 14px;height: 46px;line-height: 45px;}

  .why{padding: 10px 0px 0px 0px;}
  .why h2{font-size: 22px;padding: 5px 0px;margin-bottom: 10px;}
  .why p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 200px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  .banner {padding-top: 140px;}

  .enterprise{padding:30px 15px;}
  .enterprise h2{font-size: 22px;}
  .enterprise p{font-size: 14px;}
  .enterprise ul{margin-left: 10px;}
  .enterprise ul li{font-size: 14px;padding: 5px 0px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .inner-banner {padding-top: 20px;height: 450px;}
  .inner-banner h1 {font-size: 35px;}
  .inner-banner h2 {font-size:18px; margin: 10px 0px 0px 20px;}
}
@media (min-width: 1080px) {
  .inner-banner {padding-top: 40px;height: 350px;}
  .inner-banner h1 {font-size: 35px;}
  .inner-banner h2{margin: 10px 0px 0px 0px;}

  .softaculous h2{font-size: 22px;}
  .softaculous h3{font-size: 18px;}
  .softaculous p{font-size: 16px !important;margin-bottom: 20px !important;}
  .softaculous section h3{font-size: 28px;}
  .softaculous{padding: 30px 0px;}

  .why{padding: 30px 0px 0px 0px;}
  .why h2{font-size: 22px;padding: 5px 0px;margin-bottom: 10px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 180px;}
  .why section h5{font-size: 20px;margin-bottom:0px;}
}
@media (min-width:1920px) {
  .inner-banner {padding-top: 130px;height: 460px;}
  .inner-banner h1 {font-size: 52px;}
  .inner-banner p {font-size: 24px;line-height: 34px;}

  .softaculous{padding: 60px 0px;}
  .softaculous h2{font-size: 34px;}
  .softaculous h3{font-size: 20px;}
  .softaculous p{font-size: 18px!important;margin-bottom: 30px !important;}
  .softaculous section h3{font-size: 30px;}

  .why{padding: 30px 0px 60px 0px}
  .why h2{font-size: 34px;padding: 5px 0px;margin-bottom: 0px;}
  .why section{padding: 10px 20px;margin-bottom: 15px;height: 180px;}
  .why section h5{font-size: 24px;margin-bottom:10px;}
}