body {
  font-family: 'Lexend', sans-serif;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
a, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  font-family: 'Lexend', sans-serif;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
#content-html { width: 100% }
.content p>a { color: #007bff }
h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
  line-height: 1.4em;
  color: #111;
}

/* new design */
.main-section {
  width: 100%;
  margin: 0;
  padding: 60px 0;
}

.img-right {
  padding-right: 20px;
}

.server-box {
  background-image: url(/images/dedicated-server/banner.jpg);
  background-size: cover;
}
.server-box h2, .server-box h1 {
  font-size: 35px;
  font-weight: 600;
  line-height: 43px;
  color: #fff;
  margin-bottom: 30px;
}
.server-box p {
  color: #fff;
  line-height: 30px;
}
.company{}

.company h2{
  font-size: 38px;
  font-weight: 600;
  line-height: 43px;
}

.company-box{}
.company-box img{
  margin-bottom: 20px;
  height: 180px;
  object-fit: cover;
}
.star{
  width: 51%;
  float: left;
}
.star span {
  font-size: 12px;
  color: #00a8ff;
  margin-bottom: 5px;
}
.star span  {
  color: #231f20;
}
.less{}
.less p{
  font-size: 14px;
  color: #1eb800;
  margin-bottom: 5px;
}
.company-box-text{
  background: #0d112e;
  padding: 15px;
}
.company-box-text h3 img {
  width: 28px !important;
  display: inline-block !important;
  margin-right: 7px;

}
.company-box-text h3{
  color: #fff;
  font-size: 22px;

}
.company-box-text ul{
  list-style-type: none;
  text-decoration: none;
  position: relative;
}
.company-box-text ul li{
  color: #fff;
}
.company-box-text ul::before{
  content: '';
  height: 90%;
  width: 1px;
  background: #ffffff96;
  position: absolute;
  left: 16px;
  top: 10px;
}
.remove-item :hover {
  cursor: pointer !important;
}
.company-box-text .btn-primary {
  color: #fff !important;
  background-color: #00a8ff;
  border-color: #00a8ff;
  padding: 10px 26px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}
.owl-carousel .owl-nav.disabled {
  display: block;
}
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -40px;
  top: 39%;
  font-size: 90px;
  color: #0d112e;
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -30px;
  top: 39%;
  font-size: 90px;
  color: #0d112e;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #ffffff00;
  color: #0d112e;
  text-decoration: none;
}
.owl-theme .owl-nav.disabled+.owl-dots{
  display: block;
}

/******* hosting ************/
.hosting{
  background-image: url(/images/dedicated-server/banner.jpg);
  background-size: cover;
  background-position: center;

}
.hosting-text{
  padding: 60px 0 0 0;
}

.hosting-text h2{
  font-size: 35px;
  color: #fff;
}
.hosting-text p{
  color: #fff;
}
.hosting-text .btn-primary {
  color: #fff !important;
  background-color: #00a8ff;
  border-color: #00a8ff;
  padding: 10px 26px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}

.fast-text{
  margin-top: 50px;
}
.fast{
  margin-bottom: 50px;
}
.fast-text ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.fast-text ul li{
  font-size: 17px;
  color: #222;
  line-height: 35px;
}
.fast-text ul li i{
  color:#0071bc;
  margin-right: 10px;
  font-size: 14px;
}
.mobile{
  display: none;
}
.succeed p {
  color: #222;
  font-size: 17px;
}
.succeed .btn-primary {
  color: #fff !important;
  background-color: #00a8ff;
  border-color: #00a8ff;
  padding: 10px 26px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}
.review {
  padding: 30px 0;
}
.bg-dark {
  background-color: #fff!important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #0071bc;
  font-weight: 500;
}
.navbar-dark .navbar-nav .active>.nav-link{
  background: #0071bc;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  background: #0071bc;
}
.container {
  max-width: 1200px;
}
.navbar-nav {
  padding-left: 20px;
}

.navbar {
  padding: 0;
}
.nav-link {
  display: block;
  padding: 1.5rem 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0.7rem;
  padding-left: 0.7rem;
}
.btn-success {
  color: #fff;
  background-color: #00a8ff;
  border-color: #00a8ff;
  border-radius: 0;
  padding: 8px 25px;

}
.footer {
  background-image: url(/images/footer-bg.jpg);
  padding: 50px 0;
}
.copyright {
  background: #515151;
  padding: 10px 0;
}
.copyright p {
  font-size: 15px;
  color: #fff;
  margin: 0;
  font-weight: 400;
}
.footer_services {

  position: relative;
  padding: 0 0 0 23px;

}
.footer_services:before {
  content: '';
  height: 95%;
  background: #fff;
  width: 1px;
  position: absolute;
  top: 5px;
  left: 0;
}
.footer h3 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.footer p {
  color: #19263a;
}
.footer_services ul {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.footer_services ul li {
  text-decoration: none;
  line-height: 30px;
  display: inline-block;
  width: 100%;
}
.footer_services ul li a {
  color: #fff !important;
  display: block;
  line-height: 30px;
  font-size: 18px;

}

.about-hosting{
  background-image: url(../images/about-bg.jpg);
  background-size: cover;
  background-position: right;
}

.about-hosting h2{
  font-size: 35px;
  color: #fff;
}
.about-hosting p{
  color: #fff;
}
.beginning{
  background:#f9f9f9;
}
.beginning-img{
  margin-bottom: 40px;
}
.beginning-img img{
  width: 50%;
}
.beginning-text{
  margin-bottom: 40px;
}
.beginning-text h2{
  font-size: 35px;
  color: #000;
  font-weight: 600;
}
.beginning-text p{

  font-size: 17px;
  color: #333;

}
.beginning-img1 img{
  width: 57%;

}

.facts h2{
  font-size: 35px;
  color: #000;
  font-weight: 600;
}

.beginning-text p span{
  font-size: 30px;
  font-weight: 800;
  margin-right: 5px;
}
.beginning-img2 img{
  width: 45%;
}
.beginning-img3 img{
  width: 45%;
}
.beginning-img2{
  margin-bottom: 80px;
}
.beginning-img3{
  margin-bottom: 80px;
}
.feture{
  background:#0d112e;
  padding: 50px 0;
}
.feture h2{
  font-size: 35px;
  color: #fff;
  font-weight: 600;

}
.feture p{
  color: #fff;
}
/******* slider ************/
.slider {
  padding: 50px 0;
  background-image: url(/images/dedicated-server/banner.jpg);
  background-size: cover;
  background-position: center;
}
.slider-text {
  padding: 60px 0 0 0;
}

.slider-text img{
  margin-bottom: 10px;
}
.slider-text h2, .slider-text h1 {
  color: #fff;
  font-size: 26px;
  padding: 10px 0;
}
.slider-text h2 { font-size: 18px; }
.slider-text p{
  color: #fff;
  padding: 0 0 20px;
}

.slider-text .btn-primary {
  color: #fff !important;
  background-color: #00a8ff;
  border-color: #00a8ff;
  padding: 10px 26px;
  cursor: pointer;
}

/******* hosting ************/
.hosting{
  background-image: url(/images/dedicated-server/banner.jpg);
  background-size: cover;
  background-position: center;

}
.hosting-text{
  padding: 60px 0 0 0;
}

.hosting-text h1, .hosting-text h2 {
  font-size: 35px;
  color: #fff;
}
.hosting-text p{
  color: #fff;
}
.hosting-text .btn-primary {
  color: #fff !important;
  background-color: #00a8ff;
  border-color: #00a8ff;
  padding: 10px 26px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}

/******* succeed ************/
.succeed{

}
.succeed h2{
  color: #111;
  font-size: 35px;
}

.succeed p{
  color: #222;
  font-size: 17px;
}


.succeed h6{
  font-size: 22px;
  color: #2a2a2a;
  line-height: 30px;
}

.succeed-box{}

.succeed-box img{
  width: 37%;
  margin-bottom: 16px;
}
.succeed-box h4{

  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;

}
.succeed-box p{

}

.succeed .btn-primary {
  color: #fff !important;
  background-color: #00a8ff;
  border-color: #00a8ff;
  padding: 10px 26px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}

.client .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  border: 1px solid #333;
  padding: 31px;
  height: 170px;
  /* object-fit: cover; */
}

.ready{
  background-image: url(/images/bg.jpg);
  background-size: cover;
  background-position: center;
}
.ready-text{}
.ready-text h3{
  color: #fff;
  font-size: 33px;
}
.ready-text h5{
  color: #fff;

  font-size: 21px;

}
.ready-text p{
  color: #fff;

}
.review{
  padding: 30px 0;
}
.fixed-header {
  position: fixed;
  top: 0;
  z-index: 9999;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  background-color: #fff;
  width: 100%;
  -webkit-box-shadow: 0 10px 38px -28px rgba(0,0,0,0.54);
  -moz-box-shadow: 0 10px 38px -28px rgba(0,0,0,0.54);
  box-shadow: 0 10px 38px -28px rgba(0,0,0,0.54);
}
.navbar-toggle-icon {
  color: rgb(0, 0, 0)
}

