/** @format */

#mit-dedi-tabs .nav-tabs > li > a.active#mit-home {
  background-repeat: no-repeat;

  background-size: inherit;
}

.container-fluid > .row {
  clear: both;
}

.container > .row {
  clear: both;
}

.txt-center {
  text-align: center;
}

#ban-wraper {
  background-image: url("../img/buy-hosting/bicycle-in-blue-room.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 0 -100px;
}

#canvas {
  position: absolute;
  top: 30px;
  left: 0;

  padding: 0;

  margin: 0;

  width: 99%;
}

.navbar-default {
  background-color: transparent;

  border: none;

  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #f1f1f1;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;

  background-color: transparent;
}

.nav a {
  font-size: 13px;

  font-weight: 400;

  letter-spacing: 0;

  cursor: pointer;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;

  text-decoration: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;

  background-color: transparent;
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 5px;

  left: auto;
}

.dropdown-menu > li > a {
  padding: 15px 20px;

  font-size: 14px;

  color: #00a2e8;

  background-color: #fff;

  padding-right: 80px;

  text-transform: uppercase;

  letter-spacing: 0.5px;
}

.dropdown-menu span {
  display: inline-block;

  width: 55%;

  text-align: center;

  padding: 5px;

  padding: 20px 30px;
}

.dropdown-menu span i {
  font-size: 13px;

  color: #aaa;

  text-transform: uppercase;

  font-style: normal;

  margin-bottom: 10px;

  display: inline-block;
}

header .dropdown-menu > li > a:hover,
header .dropdown-menu > li > a:focus {
  padding: 30px;

  margin-left: -15px;

  margin-right: -15px;

  border-radius: 5px;

  background-color: #fff;

  padding-right: 80px;
}

.dropdown-menu > li > a span.fa {
  font-size: 25px;
}

.dropdown-menu > li > a > div {
  font-size: 12px;

  font-weight: 200;

  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #00a2e8;

    background-color: #fff;
  }

  .cart-btn-holder {
    text-align: center;
  }
}

.dropdown-menu > li > a > img {
  float: left;

  margin-right: 20px;
}

.logo {
  width: 70%;
}

#mit-home h1.maintitle {
  font-size: 30px;

  color: #fff;

  font-weight: 400;

  text-shadow: 2px 2px 2px #666;
}

#mit-home h2.mainsubtitle {
  font-size: 22px;

  color: #ccc;

  font-weight: 300;

  text-shadow: 1px 1px 0px #7f73bc;

  letter-spacing: 1px;
}

#mit-home h1 {
  font-size: 25px;

  color: #fff;

  font-weight: 200;
}

#mit-home h2 {
  font-size: 22px;

  color: #000;

  font-weight: 200;
}

#mit-intro {
  margin: 60px auto;
}

#mit-intro .col-md-3 {
  text-align: center;
}

#mit-intro .glyphicon {
  font-size: 30px;

  color: #fff;

  background-color: #52d3aa;

  padding: 20px;

  border-radius: 40px;

  margin-top: -30px;
}

#mit-custom-switcher {
  display: none;
}

#mit-custom-switcher,
#mit-switcher {
  text-align: center;
}

#mit-custom-switcher .switch,
#mit-switcher .switch {
  background-color: #6772e5;

  margin-top: 50px;

  color: #fff;

  padding: 10px 25px;
}

#mit-shoutcast {
  min-height: 300px;

  position: relative;

  z-index: 1;
}

@media screen and (max-width: 575px) {
  #mit-shoutcast .title-icon {
    text-align: center !important;

    margin-top: 10% !important;
  }

  #mit-shoutcast .title {
    padding-top: 0px !important;

    text-align: center !important;
  }
}

#mit-shoutcast .title-icon {
  font-size: 70px;

  color: #fff;

  text-align: right;

  padding: 75px 22px 0;
}

@media screen and (max-width: 488px) {
  #mit-shoutcast .title-icon {
    padding: 50px 22px 0 !important;
  }
}

#mit-shoutcast .title-icon i {
  padding: 50px;

  margin-top: 10px;
}

/* #mit-calculator .title-icon i {

    padding: 50px;

    margin-top: 10px;

} */

#mit-shoutcast .title {
  font-size: 30px;

  line-height: 40px;

  font-weight: 100;

  color: #fff;

  /* font-family: Dosis;*/

  text-transform: uppercase;

  text-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;

  text-align: left;

  padding-top: 100px;
}

#mit-shoutcast .subtitle {
  font-weight: 300;

  color: #b1b6eb;

  font-size: 16px;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

  font-size: 18px;
}

#mit-sh-tabs ul {
  width: 80%;

  margin: 0 auto;
}

#mit-sh-tabs ul li {
  display: inline-block;

  padding: 10px;

  width: 12%;
}

.btn.btn-green {
  background-color: #080;

  color: white;
}

#dedicated a {
  text-decoration: none !important;
}

#installation a {
  text-decoration: none !important;
}

.adicons {
  margin-top: 40px;
}

.adicons ul {
  padding: 30px 0 20px;

  border-top: 1px solid hsla(0, 0%, 100%, 0.07);

  text-align: center;

  list-style: none;
}

.adicons ul li {
  display: inline-block;

  margin: 0 20px;
}

.intro-text {
  background-color: #fff;

  padding: 10px;

  margin-top: 40px;

  border-radius: 5px;

  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.intro-text h2 {
  font-size: 18px;

  margin-top: 10px;
}

.intro-text p {
  color: #999;
}

#mit-effect {
  background-color: #edf2f7;

  padding: 20px 0;
}

#mit-contact {
  background-color: #edf2f7;

  padding: 20px 0;

  margin-top: 20px;
}

#mit-contact h2 {
  font-weight: 200;

  color: #337ab7;
}

.contact-text {
  font-size: 30px;

  font-weight: 100;

  color: #666;
}

.contact-button {
  margin: 20px auto;

  padding-top: 15px;

  text-align: right;
}

#mit-work,
#mit-serve {
  margin: 60px auto;
}

#mit-work h2,
#mit-effect h2 {
  font-size: 30px;

  font-weight: 300;

  text-align: center;
}

#mit-industry h2 {
  font-size: 30px;

  font-weight: 100;
}

#mit-work .subtext,
#mit-effect .subtext {
  font-size: 18px;

  font-weight: 200;

  color: #333;

  margin-bottom: 30px;
}

#mit-work h3 {
  font-size: 16px;

  font-weight: 200;

  color: #52d3aa;

  letter-spacing: 1px;
}

#mit-work span {
  font-size: 14px;

  color: #999;

  font-weight: 200;

  letter-spacing: 0.8px;
}

#tab-1 #mit-work .mit-project-item,
#mit-services .mit-project-item {
  min-height: 206px;
}

#mit-pkges,
#mit-services,
#mit-dedi-infor {
  margin: 50px auto;
}

#mit-pkges .mit-project-item {
  background-color: #fff;

  margin: 10px;

  text-decoration: none;

  display: inline-block;

  padding: 30px 10px 20px 0;

  min-height: 150px;

  border-radius: 5px;

  width: 100%;
}

.newperk img {
  float: none !important;

  margin-right: 0px !important;
}

#mit-pkges a,
#mit-dedi-infor a {
  color: #445d6e;

  font-size: 15px;
}

#mit-dedi-infor a,
#mit-dedi-infor p {
  color: #637c8d;
}

#mit-dedi-infor .gray-bg {
  padding: 10px;

  border-radius: 5px;

  margin: 30px auto;
}

#mit-dedi-infor .fh5co-text {
  margin-bottom: 30px;
}

#mit-dedi-infor h3 {
  font-size: 16px;
}

#mit-dedi-infor h1 {
  font-size: 28px;

  margin: 20px auto;
}

#mit-pkges a:hover,
#mit-dedi-infor a:hover {
  text-decoration: none;
}

#mit-pkges .mit-project-item {
  background: none;
}

#mit-services h3 {
  font-size: 15px;

  font-weight: 400;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 1px;
}

#mit-services span {
  color: #666;

  font-size: 14px;

  font-weight: 200;

  letter-spacing: 0.7px;
}

#mit-pkges h3 {
  font-size: 15px;

  font-weight: 600;

  color: #445d6e;
}

#mit-work a.mit-project-item:hover {
  text-decoration: none;
}

#mit-services h2 {
  margin: 30px auto;
}

.mit-text {
  padding: 5px 40px 5px 70px;

  color: #666;
}

.mit-text h3 {
  color: #24b47e;

  font-size: 20px;

  font-weight: 300;
}

.serve-text i {
  color: #24b47e;

  padding: 5px;

  font-size: 13px;

  background-color: #bfb;

  border-radius: 20px;

  margin-right: 15px;
}

.serve-text {
  color: #999;

  padding: 5px;

  font-size: 20px;

  font-weight: 200;
}

.icon-label {
  background-image: url(/img/icons/ucartz-secured.png);

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 50px;
}

.icon-scale {
  background-image: url(/img/icons/uptime.png);

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 50px;
}

#mit-sh-head .head-img {
  text-align: center;

  margin: 20px auto;

  font-size: 25px;

  font-weight: 100;

  /*font-family: Dosis;*/
}

#mit-sh-head .head-img img {
  border-radius: 5px;

  margin: 20px;
}

#mit-sh-head .head-img i {
  background-color: #ef3939;

  padding: 10px 20px;

  border-radius: 5px;

  color: #fff;

  margin-right: 20px;
}

#mit-serve h3 {
  font-size: 23px;
}

#mit-industry i {
  font-size: 55px;

  background-color: #ddd;

  padding: 25px;

  border-radius: 80px;

  color: #337ab7;

  text-align: center;
}

.icon-o {
  background-color: #ccc;

  padding: 15px;

  border-radius: 40px;

  font-size: 30px;

  color: #13946b;
}

.mit-icons {
  margin: 30px 0;

  text-align: center;
}

.icon-text {
  text-align: center;

  margin-top: 20px;

  color: #666;
}

#dedicated .mit-wrapper,
#installation .mit-wrapper {
  background-image: radial-gradient(ellipse farthest-side at 100% 100%, #dbf6c8 20%, #1cafc6 50%, #012690 110%);

  height: 500px;
}

.mit-container.plesk {
  background-image: url(../img/logo/plesk-logo.png);

  background-repeat: no-repeat;

  background-position: 80%;

  height: 450px;

  background-size: 350px;
}

.mit-container.cpanel {
  background-image: url(../img/logo/cpanel-logo.png);

  background-repeat: no-repeat;

  background-position: 80%;

  height: 450px;

  background-size: 350px;
}

.mit-container.amazon {
  background-image: url(../img/logo/);

  background-repeat: no-repeat;

  background-position: 80%;

  height: 450px;

  background-size: 350px;
}

.mit-cotainer.web-host-service {
  background-image: url(../img/logo/);

  background-repeat: no-repeat;

  background-position: 80%;

  height: 450px;

  background-size: 350px;
}

.mit-container.license {
  background-image: url(../img/logo/);

  background-repeat: no-repeat;

  background-position: 80%;

  height: 450px;

  background-size: 350px;
}

#installation .mit-container {
  background-image: url(../img/other/software-install.png);

  background-repeat: no-repeat;

  background-position: 80%;

  background-size: contain;

  height: 450px;
}

#mit-intro-ded {
  margin-top: -250px;
}

#mit-intro-ded a:hover {
  text-decoration: none;
}

#mit-intro-ded .intro-text {
  padding: 30px;

  min-height: 100%;

  margin-top: 0 !important;
}

#mit-intro-ded .intro-text p {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 992px) {
  #mit-intro-ded {
    margin-top: -250px;
  }
}

@media screen and (max-width: 767px) {
  #mit-intro-ded .intro-text {
    min-height: 215px !important;
  }

  #mit-intro-ded {
    margin-top: -175px;
  }

  .mit-intro_item {
    margin-bottom: 40px;
  }
}

#mit-ded-home,
#mit-vps-home {
  padding: 60px 0 20px;

  font-size: 15px;

  color: #eee;

  font-weight: 100;

  letter-spacing: 1px;
}

#mit-vps-home {
  min-height: 520px;

  padding-top: 100px;
}

#mit-ded-home h1,
#mit-vps-home h1 {
  font-size: 30px;

  color: #fff;

  font-weight: 500;
}

#footer {
  margin-top: 50px;

  padding: 0;

  color: #666;
}

#footer h2 {
  font-size: 18px;

  text-align: left;

  margin-left: 40px;

  border-left: 5px solid #555;

  padding-left: 5px;
}

.footer_link {
  list-style: none;

  text-align: left;

  color: #666;

  font-weight: 100;
}

.footer_link a {
  color: #666;
}

.footer_link li {
  padding: 5px 0;
}

#footer .footer_social li {
  list-style: none;

  display: inline;

  float: left;

  margin: 8px 4px 5px 0;
}

#footer ul.footer_social li.google-pay-logo a {
  line-height: normal;

  width: auto;

  height: auto;

  background: none;

  margin: 0;
}

#footer ul.footer_social li a {
  height: 32px;

  width: 32px;

  text-align: center;

  display: block;

  border-radius: 100%;

  background: #292929;

  line-height: 30px;

  color: #fff;
}

.footer_note {
  font-size: 16px;

  font-weight: 100;

  line-height: 26px;
}

#mit-products {
  min-height: 450px !important;
}

#mit-products .title {
  font-size: 106px;

  line-height: 106px;

  font-weight: 800;

  color: #fff;

  font-family: Dosis;

  text-transform: uppercase;

  text-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;

  text-align: center;

  padding-top: 60px;
}

#mit-plans,
#mit-custom-plans {
  background-color: #fff;

  min-height: 400px;
}

#mit-custom-plans h1 {
  text-align: center;

  font-weight: 200;

  text-transform: uppercase;

  font-size: 30px;

  margin-top: 50px;
}

#mit-custom-plans h1 span,
#mit-custom-plans .features h3 span {
  color: #3987d4;
}

#mit-custom-plans label {
  font-weight: 300;
}

#mit-custom-plans .features h3 {
  font-size: 16px;

  margin-top: 50px;
}

#mit-custom-plans .feature-list {
  margin-left: -25px;
}

#mit-custom-plans {
  display: none;
}

.sh-switch {
  padding-bottom: 10px;
}

.switch6 {
  max-width: 17em;
  border: 1px solid #ccc;
  margin: 30px auto;
  border-radius: 10px;
}

.switch6-light > span,
.switch-toggle > span {
  color: #000000;
}

.switch6-light span span,
.switch6-light label,
.switch-toggle span span,
.switch-toggle label {
  color: #2b2b2b;
}

.switch-toggle a,
.switch6-light span span {
  display: none;
}

.switch6-light {
  display: block;
  height: 30px;
  position: relative;
  overflow: visible;
  padding: 0px;
  margin: 0px;
}

.switch6-light * {
  box-sizing: border-box;
}

.switch6-light a {
  display: block;
  transition: all 0.3s ease-out 0s;
}

.switch6-light label,
.switch6-light > span {
  line-height: 30px;
  vertical-align: middle;
}

.switch6-light label {
  font-weight: 700;
  max-width: 100%;
}

.switch6-light input:focus ~ a,
.switch6-light input:focus + label {
  outline: 1px dotted rgb(136, 136, 136);
}

.switch6-light input {
  position: absolute;
  opacity: 0;
  z-index: 5;
}

.switch6-light input:checked ~ a {
  right: 0%;
}

.switch6-light > span {
  position: absolute;
  left: -100px;
  width: 100%;
  margin: 0px;
  padding-right: 100px;
  text-align: left;
}

.switch6-light > span span {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  display: block;
  width: 50%;
  margin-left: 100px;
  text-align: center;

  font-size: 18px;

  font-weight: 400;

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.switch6-light > span span:last-child {
  left: 50%;
}

.switch6-light a {
  position: absolute;
  right: 50%;
  top: 0px;
  z-index: 4;
  display: block;
  width: 50%;
  height: 100%;
  padding: 0px;
}

.center-on-page {
  position: relative;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;
}

select.select::after {
  content: "\25BC";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  padding: 0 1em;

  background: #34495e;

  pointer-events: none;
}

.select:hover::after {
  content: "\25BC";

  color: #f39c12;
}

.select::after {
  transition: 0.25s all ease;
}

.slider-title {
  font-size: 18px;

  text-transform: uppercase;

  font-weight: 300;

  padding-bottom: 10px;
}

.zero-margin {
  margin: 0;
}

img.free-trial {
  width: 150px;

  vertical-align: middle;

  margin: 0px 30px 30px 0;
}

#mit-return {
  margin: 50px 0;
}

#mit-return h1 {
  font-size: 21px;
}

#mit-return p {
  font-size: 18px;

  font-weight: 200;
}

.payment-methods-block {
  margin: 25px;

  margin-bottom: 0;
}

.payment-methods-block ul li {
  list-style-type: none;

  display: inline-block;

  border: 1px solid #ccc;

  border-radius: 5px;

  margin: 2px;
}

.plan-text {
  text-align: center;

  color: #fff;

  text-transform: uppercase;

  margin-top: 40px;

  padding-bottom: 5px;

  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);

  background-color: #eee;

  display: grid;

  border-radius: 5px;
}

.plan-text-sky,
.buynow-sky {
  background-color: #2cdd9b;
}

.plan-text-green,
.buynow-green {
  background-color: #1dc8cd;
}

.plan-text-blue,
.buynow-blue {
  background-color: #06a7fd;
}

.plan-text-purpul,
.buynow-purpul {
  background-color: #3e396b;
}

.plan-details {
  background-color: #fff;

  color: #666;
}

.plan-details ul {
  list-style: none;

  padding: 0;
}

.plan-details li {
  text-align: center;

  font-size: 14px;

  line-height: 20px;

  padding: 9px 0;

  font-weight: 300;
}

#mit-plans h1,
#mit-pkges h1,
#mit-dedi-plans h1,
#mit-dedi-infor h1 {
  text-align: center;

  padding-top: 30px;
}

.plan-text h2 {
  font-size: 20px;

  padding-top: 20px;
}

#mit-plans h3 {
  font-size: 45px;

  margin-top: 10px;

  margin-bottom: 20px;
}

#mit-plans .cur {
  font-size: 17px;

  vertical-align: super;
}

#mit-plans .recur {
  font-size: 10px;

  vertical-align: bottom;
}

.server_params .variable {
  float: left;

  margin-left: 20px;

  font-weight: 400;

  display: inline-block;
}

.server_params .value {
  font-weight: 200;

  text-align: right;

  letter-spacing: 1px;

  font-size: 12px;

  float: right;

  margin-right: 20px;

  display: inline-block;
}

.server_param {
  padding: 20px 0;
}

select.btn {
  width: auto;

  height: auto;

  margin-right: 60px;
}

#mit-dedi-plans {
  margin-top: 80px;
}

#mit-dedi-plans .plan-text h2 {
  padding: 0;
}

#mit-dedi-plans .plan-text h3 {
  padding: 0;

  margin: 0;

  font-size: 30px;
}

#mit-dedi-plans .recur {
  font-size: 12px;

  margin-bottom: 20px;
}

#mit-dedi-plans .desc {
  padding: 30px 20px;

  line-height: 22px;

  font-size: 12px;
}

.buynow {
  color: white;

  margin: 20px auto;

  padding: 10px 25px;
}

.mit-project-item img {
  margin: 0;

  max-height: 36px;

  max-width: 36px;
}

.perks img,
.perks i {
  max-height: 36px;

  max-width: 36px;

  float: left;

  margin-right: 20px;

  margin-bottom: 30px;

  margin-top: 20px;
}

ul.tabs {
  margin: 0 0 30px;

  padding: 0px;

  list-style: none;

  border-bottom: 1px solid #eee;
}

ul.tabs li {
  background: none;

  color: #515978;

  display: inline-block;

  padding: 30px 50px 10px;

  cursor: pointer;

  background-image: url(../img/other/label.png);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: 32px;

  font-weight: 500;

  font-size: 15px;
}

ul.tabs li.current {
  border-bottom: 2px solid #06a7fd;

  color: #06a7fd;

  font-weight: 600;
}

.tab-content.current {
  display: inherit;
}

#RGB {
  height: 20px;

  background: rgb(128, 128, 128);
}

#RC .slider-selection {
  background: #ff8282;
}

#RC .slider-handle {
  background: red;
}

#GC .slider-selection {
  background: #428041;
}

#GC .slider-handle {
  background: green;
}

#BC .slider-selection {
  background: #8283ff;
}

#BC .slider-handle {
  border-bottom-color: blue;
}

#R,
#G,
#B {
  width: 800px;
}

.slider.slider-horizontal {
  width: 100% !important;
}

p.slider-note {
  color: #aaa;

  font-weight: 100;

  margin-bottom: 20px;
}

.midsection-svg {
  position: absolute;

  width: 100%;

  height: 45%;

  top: 1980px;

  min-height: 350px;

  margin-top: 70px;
}

.box {
  border: 1px solid #ccc;

  border-radius: 5px;
}

.border-right {
  border-right: 2px solid #eee;

  padding: 20px;
}

.ucartzIns {
  grid: repeat(2, 200px) / repeat(3, 1fr);

  align-content: space-between;

  background: linear-gradient(192deg, #b2cbe1, #f6f9fc 42%);

  position: absolute;

  z-index: -1;

  width: 100%;

  display: grid;

  transform: skewY(-12deg);
}

.ucartzIns :first-child {
  grid-column: 3;

  background: linear-gradient(100grad, rgba(241, 248, 252, 0), #f1f8fc);
}

#mit-sh-info {
  margin: 30px auto;
}

#mit-sh-info h2 {
  font-size: 25px;

  margin: 20px auto;
}

#mit-sh-info h3 {
  font-size: 16px;

  color: #333;
}

.sh-info {
  padding: 20px;

  font-size: 15px;

  color: #888;
}

.sh-info div {
  padding: 10px;
}

.gray-bg {
  background-color: #f1f1f1;

  font-size: 13px;

  color: #09358f;

  margin-top: 20px;
}

.gray-bg .btn.btn-green {
  font-size: 13px;

  padding: 0 5px;

  font-weight: 200;

  letter-spacing: 1px;

  margin-right: 6px;

  border-radius: 5px;
}

.w-pricing-table.pt-type6 {
  text-align: left;

  border: 1px solid #e3e8ea;

  min-height: 146px;

  padding: 0;

  margin: 0;

  position: relative;

  margin: -1px;
}

.w-pricing-table,
.w-pricing-table.featured {
  text-align: center;

  margin-bottom: 21px;

  border: 1px solid #e5e5e5;
}

.w-pricing-table .plan-title {
  margin-top: 0;
}

.w-pricing-table.pt-type6 .pt-header {
  float: left;

  background: #e0e6e8;

  padding: 35px 40px 0;

  min-height: 144px;

  position: relative;
}

.w-pricing-table.pt-type6 .pt-header::after {
  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 0;

  height: 0;

  border-bottom: 144px solid #fff;

  border-left: 100px solid transparent;
}

.w-pricing-table.pt-type6 .pt-header h4 > span {
  font-size: 30px;

  font-weight: 200;
}

.w-pricing-table.pt-type6 ul {
  padding-left: 2%;

  float: left;

  margin: 0;

  padding-top: 35px;
}

.w-pricing-table.pt-type6 ul li {
  margin: 0;

  float: left;

  width: 50%;

  padding-bottom: 5px;

  list-style: none;

  font-size: 14px;

  color: #717375;

  font-weight: 400;

  display: flex;
}

.w-pricing-table.pt-type6.featured .feature-icon,
.w-pricing-table.pt-type6 .feature-icon {
  padding-right: 8px;

  color: #616161;

  font-family: "FontAwesome";
}

.w-pricing-table.pt-type6.featured,
.w-pricing-table.pt-type6 .available-icon::before {
  content: "\f00c";

  color: #39c36e;
}

.w-pricing-table.pt-type6 .pt-footer {
  float: right;

  background: #00c2e5;

  min-height: 146px;

  height: auto;

  padding-top: 10px;

  padding-left: 0;

  padding-right: 0;

  text-align: center;
}

.w-pricing-table.pt-type6 .pt-footer a {
  display: inline-block;

  letter-spacing: 0;

  font-weight: 600;

  border: 2px solid #fff;

  border-radius: 60px;

  padding: 5px 12px;

  margin-top: -10px;
}

.w-pricing-table.pt-type6 .pt-footer p,
.w-pricing-table.pt-type6 .pt-footer a {
  color: #fff !important;
}

.nav-tabs > li.first {
  padding-left: 40px;
}

.nav-tabs {
  border-bottom: 3px solid #09358f;
}

.nav-tabs > li {
  float: left;

  margin-bottom: -3px;

  width: 24%;

  text-align: center;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 3px solid #09358f;

  border-bottom: none;

  background-color: #f9f9f9;
}

.nav-tabs > li > a,
.nav-tabs > li > button {
  border: 3px solid #eee !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  position: relative !important;
  display: block !important;
  padding: 10px 0px !important;
  width: 100%;
  border-radius: 0 !important;
}

#mit-dedi-tabs .nav-tabs > li > a.active,
#mit-dedi-tabs .nav-tabs > li > button.active {
  border: 3px solid #09358f !important;
  border-radius: 0 !important;

  border-bottom: none !important;

  background-color: #f9f9f9 !important;
  width: 100%;
}

@media (max-width: 448px) {
  #mit-dedi-tabs .nav-tabs > li > a.active,
  #mit-dedi-tabs .nav-tabs > li > button.active {
    height: 62px;
  }
}

.nav-tabs > li i {
  color: #09358f;
}

.tbl-pricing .col-md-3 {
  padding: 7px;

  border-bottom: 1px solid #eee;

  line-height: 16px;

  margin: 1px;

  width: 24%;

  min-height: 40px;

  vertical-align: middle;
}

.blue-bg {
  background-color: #09358f !important;

  color: #fff;
}

.cart-btn-i {
  background-color: #041f56;

  padding: 7px 10px;

  color: #fff;
}

.cart-btn {
  background-color: #09358f;

  color: #eee;

  border: 1px solid #041f56;

  padding: 6px 10px 4px 10px;

  font-size: 14px;
}

.cart-btn:hover {
  color: #fff;

  text-decoration: none;
}

#mit-dedi-tabs .price-tabs {
  padding: 10px;

  background-color: #f9f9f9;
}

#mit-dedi-tabs2 .price-tabs {
  padding: 10px 30px 10px 30px;
}

.price-tabs h3 {
  color: #09358f;

  font-size: 18px;
}

.sermng i.bigserv {
  font-size: 84px;

  color: #999;

  margin: 20px;
}

.sermng h3 {
  font-size: 14px;
}

.sermng span {
  margin: 15px;

  display: inline-block;

  color: #333;
}

.price-tabs p {
  color: #999;

  font-size: 13px;
}

#mit-foot-icons {
  margin: 50px auto;
}

.ficon {
  background-repeat: no-repeat;

  background-position: center;

  height: 50px;

  display: inline-block;

  filter: grayscale(100%);

  cursor: pointer;

  margin: 20px 5px;
}

.ficon:hover {
  filter: grayscale(0);
}

.win-icon {
  background-image: url("../img/logo/azure.png");

  background-size: 150px auto;

  width: 150px;
}

.rack-icon {
  background-image: url("../img/logo/rackspace.png");

  background-size: 150px auto;

  width: 150px;
}

.vir-icon {
  background-image: url("../img/logo/virtuozzo.png");

  background-size: 150px auto;

  width: 150px;
}

.ostk-icon {
  background-image: url("../img/logo/openstack.png");

  background-size: 150px auto;

  width: 150px;
}

.amazon-icon {
  background-image: url("../img/logo/amazon.png");

  background-size: 130px auto;

  width: 130px;
}

.xen-icon {
  background-image: url("../img/logo/xen.png");

  background-size: 130px auto;

  width: 130px;
}

.cpanel-icon {
  background-image: url("../img/logo/cpanel.png");

  background-size: 150px auto;

  width: 150px;
}

.bill-box {
  border: 1px solid #eee;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

#mit-dedi-tabs2 .nav-tabs-v li {
  /* padding: 10px; */

  text-align: left;
}

@media screen and (max-width: 992px) {
  #mit-dedi-tabs2 .nav-tabs-v li {
    text-align: center;
  }
}

.nav-tabs-v li {
  width: 100%;

  font-size: 16px;

  color: #666;

  border-bottom: 1px solid #ccc;

  border-top: 1px solid #eee;

  border-right: 1px solid #eee;
}

.nav-tabs-v li.active {
  background-color: #23527c;

  color: #fff;
}

.nav-tabs-v li.active a {
  color: #fff !important;
}

.nav-tabs-v li:hover {
  background-color: #f1f1f1;

  color: #000 !important;
}

.nav-tabs-v li:hover a {
  color: #000 !important;
}

.nav-tabs-v li.first {
  border-top: none;
}

.nav-tabs-v li.last {
  border-bottom: none;
}

.nav-tabs-v li a {
  font-size: 16px;

  color: #666;

  font-weight: 400;

  text-align: left;

  width: 100%;

  display: block;

  padding: 10px;
}

#mit-career-tabs .nav-tabs-v li a {
  position: relative;

  display: block;

  padding: 10px 15px;
}

.m-t-30 {
  margin-top: 30px;
}

.dedi-prc span {
  padding: 0;

  margin: 10px 3px;

  font-size: 25px;

  font-weight: 200;

  color: #09358f;
}

.thirdparty-installations .installation-content p {
  font-size: 14px;
}

.thirdparty-installations h3 {
  color: #015d9a;

  font-size: 18px;

  margin-top: 0;

  padding-top: 20px;

  text-align: center;
}

.thirdparty-installations {
  border-right: 1px dotted #ddd;

  border-bottom: 1px dotted #d9d9d9;

  min-height: 240px;

  padding-bottom: 30px;
}

.noborder {
  border-right: none;
}

.sf-inst-btn {
  margin: 0 0px;

  width: 96%;

  padding: 6px;
}

.sf-inst-btn span {
  float: left;

  display: inline-block;

  padding: 11px;

  font-size: 20px;

  color: #fff;

  width: 50%;

  background-color: #5788f3;

  text-align: center;
}

.sf-inst-btn a {
  padding: 14px 10px;

  display: inline-block;

  float: right;

  color: #fff;

  width: 50%;

  text-align: center;

  background-color: #477bf0;
}

.installation-content .first {
  min-height: 210px;
}

#sslprice header,
#sslprice #mit-headtitle {
  background-color: #644f8b;
}

#mit-headtitle {
  min-height: 400px;

  position: relative;
}

#mit-headtitle .title {
  font-size: 45px;

  line-height: 40px;

  font-weight: 400;

  color: #fff;

  text-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;

  text-align: left;

  padding-top: 100px;

  padding-bottom: 30px;

  text-align: center;
}

#mit-headtitle .title span {
  color: #57b3d7;
}

#mit-headtitle .subtitle {
  color: #fff;

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 1px;

  text-align: center;
}

.contactus-subtitle {
  padding: 0 29%;
}

@media screen and (max-width: 767px) {
  .contactus-subtitle {
    padding: 0 !important;
  }

  .ubackground-large {
    margin-top: 0px !important;
  }

  #contact-comm {
    text-align: center;
  }
}

.server-btn {
  text-align: center;

  margin: 100px auto 20px;
}

.server-btn a {
  padding: 10px 30px;

  background-color: #57b3d7;

  color: #fff;

  border-radius: 20px;

  font-weight: 100;

  text-transform: uppercase;

  letter-spacing: 2px;
}

.contact_submit:hover {
  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad;

  text-decoration: none;
}

.contact_submit {
  color: #333;

  background-color: #fff;

  border-color: #ccc;
}

#sslprice #portfolio-filter {
  position: relative;

  margin: 0 0 40px 0;

  list-style: none;

  border: 1px solid rgba(0, 0, 0, 0.07);

  float: left;

  border-radius: 4px;
}

#sslprice #portfolio-filter li {
  float: left;

  position: relative;
}

#sslprice #portfolio-filter li a {
  display: block;

  position: relative;

  padding: 12px 18px;

  font-size: 13px;

  line-height: 15px;

  color: #666;

  border-left: 1px solid rgba(0, 0, 0, 0.07);
}

#sslprice #portfolio-filter li.activeFilter a {
  color: #fff !important;

  background-color: #6772e5;

  margin: -1px 0;

  padding: 13px 18px;
}

.brand-comodo {
  clear: both;
}

.pricing-box {
  position: relative;

  border: 1px solid rgba(0, 0, 0, 0.075);

  border-radius: 3px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

  background-color: #f5f5f5;

  text-align: left;
}

.pricing-box.pricing-extended .pricing-features li {
  padding: 6px 0;

  font-size: 15px;

  width: 50%;

  float: left;

  list-style: none;
}

.icontick {
  color: #1f85eb;
}

.pricing-box.pricing-extended .pricing-action-area {
  position: absolute;

  top: 0;

  left: auto;

  right: 0;

  width: 25%;

  height: 100%;

  border-left: 1px solid rgba(0, 0, 0, 0.05);

  background-color: #f9f9f9;

  padding: 30px;

  border-radius: 0 3px 3px 0;

  text-align: center;
}

.pricing-box.pricing-extended .pricing-meta {
  color: #999;

  font-weight: 300;

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;

  padding-bottom: 10px;
}

.pricing-box.pricing-extended .pricing-desc {
  float: left;

  width: 75%;

  padding: 25px;
}

.pricing-box {
  position: relative;

  border: 1px solid rgba(0, 0, 0, 0.075);

  border-radius: 3px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

  background-color: #f5f5f5;
}

.pricing-price {
  position: relative;

  padding: 25px 0;

  color: #333;

  font-weight: 300;

  font-size: 48px;

  line-height: 1;
}

.pricing-price span {
  display: inline-block;

  vertical-align: top;

  margin: 7px 3px 0 0;

  font-size: 20px;

  font-weight: normal;
}

.button.button-xlarge {
  padding: 0 32px;

  font-size: 18px;

  letter-spacing: 2px;

  height: 52px;

  line-height: 52px;
}

.button {
  display: inline-block;

  position: relative;

  cursor: pointer;

  outline: none;

  white-space: nowrap;

  margin: 5px;

  padding: 0 22px;

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  color: #fff;

  background: #6772e5;

  border-radius: 5px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 1px;

  border: none;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);

  background-color: #7795f8;

  transform: translateY(-1px);
}

.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
  display: block;

  margin: 10px 0 0 0;

  font-weight: 300;

  text-transform: uppercase;

  font-size: 14px;
}

.bottommargin {
  margin-bottom: 50px !important;
}

.pricing-title h3,
.pricing-title h2 {
  margin: 0;

  font-size: 19px;

  letter-spacing: 1px;

  font-weight: 600;

  text-transform: none;

  color: #555;
}

.heading-block h2 {
  margin-bottom: 0;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #333;
}

.heading-block {
  margin-bottom: 50px;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right;
}

.clear {
  clear: both;
}

#about {
  background-repeat: no-repeat;

  background-size: contain;

  background-position: 0 -100px;
}

#about #canvas {
  position: absolute;

  top: 255px;

  left: 20%;

  padding: 0;

  margin: 0;

  width: 99%;
}

#about .wrapper {
  background-image: linear-gradient(75deg, #4170e1 25%, #324cbd 55%);

  min-height: 775px;

  min-height: 775px;

  background-repeat: no-repeat;

  background-size: cover;
}

#mit-about .title {
  color: #fff;

  font-size: 28px;

  font-weight: 400;

  margin-top: 30px;
}

#mit-about .subtitle {
  color: #fff;

  font-size: 20px;

  font-weight: 400;

  margin: 20px 50px;

  letter-spacing: 2px;
}

.qfacts {
  margin: 0 auto;

  float: none;

  margin-top: -40px;

  background-color: #333;

  color: #fff;

  padding: 20px;

  border-radius: 5px;

  font-size: 17px;

  font-weight: 100;
}

.qfacts span {
  display: block;
}

.qfacts .col-md-2 {
  border-left: 1px solid #999;
}

.dropcap {
  font-weight: 500;

  display: block;

  float: left;

  font-size: 49px;

  padding: 0;

  margin: 0;

  margin: -10px 8px 0 0;

  text-transform: uppercase;

  color: #4c98c9;
}

.about-who h2 {
  font-size: 21px;

  line-height: 28px;

  margin-top: 20px;

  color: #404040;

  margin-bottom: 10px;

  font-weight: 300;

  color: #707070;
}

#story p {
  font-size: 16px;

  color: #707070;

  padding: 5px;

  margin-bottom: 10px;

  font-weight: 200;

  letter-spacing: 1px;
}

#story .about-who p.quote {
  border-left: 3px solid rgba(0, 0, 0, 0.1);

  padding-left: 20px;
}

.about-who2 {
  padding: 60px 30px;
}

#story h1 {
  text-align: center;

  font-weight: 300;

  margin-bottom: 30px;

  margin-top: 40px;
}

#story .row {
  margin-bottom: 30px;
}

.our-office {
  background-image: linear-gradient(56deg, #020a4a 0, #084b9e 100%);

  padding: 90px 0 100px;

  position: relative;

  overflow: hidden;

  color: #fff;
}

.our-office a {
  color: #fff;
}

.our-office::after {
  background: rgba(0, 0, 0, 0.1);

  z-index: 1;

  position: absolute;

  right: 0;

  top: 0;

  width: 50%;

  height: 100%;

  display: block;

  content: "";
}

.our-office h2 {
  font-size: 29px;

  color: #47aaff;

  line-height: 40px;

  font-weight: 400;
}

.our-office .row::before {
  display: table;

  content: " ";
}

.our-office img {
  vertical-align: middle;

  max-width: 595px;

  height: auto;
}

.our-office ul.social-links {
  margin: 0;

  padding: 15px 0 0;
}

.our-office ul.social-links li {
  list-style: none;

  display: inline-block;

  margin: 0 5px;
}

.our-office ul.social-links li a {
  color: rgba(255, 255, 255, 0.6);

  background: rgba(255, 255, 255, 0.1);

  border-radius: 100px;

  display: block;

  width: 32px;

  height: 32px;

  text-align: center;

  padding: 5px;
}

.our-office p.text-grey {
  text-transform: uppercase;

  opacity: 0.6;

  font-size: 12px;

  color: #fff;

  line-height: 27px;

  margin-bottom: 20px;
}

.our-office .btn-blue {
  background: #1e3878;

  text-transform: uppercase;

  font-size: 11px;

  color: rgba(255, 255, 255, 0.6);

  letter-spacing: 0.76px;
}

#vps .mit-wrapper {
  background-image: url("../img/other/cloud-bg.png");

  background-repeat: no-repeat;

  background-position: center -300px;

  background-size: cover;
}

.vps-tik {
  color: #5333ed;

  margin-right: 10px;
}

.vps-ul {
  list-style: none;
}

.marg-top-20 {
  margin-top: 20px;
}

.min-height-vps-feature {
  min-height: 335px !important;
}

.marg-top-low {
  margin-top: -15px !important;
}

.nocol {
  display: inline-block;
}

.mr--40 {
  margin-right: 40px;

  display: inline-block;
}

.left {
  text-align: left;
}

.min400 {
  min-height: 400px !important;
}

.min300 {
  min-height: 325px !important;
}

#software-opt h1 {
  margin-bottom: 30px;
}

#software-opt {
  background-color: #e6e6e6;

  padding: 50px;
}

#howtopay #mit-header {
  background-color: #6c6ee3;

  color: #fff;
}

.heading-block.center h2 {
  color: #6c6ee3;

  font-size: 30px;

  margin-top: 50px;
}

.bggray {
  background-color: #f2f5f8;

  padding: 10px 30px;

  border-radius: 5px;
}

.bggray h3 {
  color: #6c6ee3;

  font-weight: 400;

  letter-spacing: 1px;

  margin: 20px 0;
}

#howtopay .subtitle {
  font-size: 20px;

  font-weight: 400;

  letter-spacing: 1px;

  color: #888;
}

.pay-para h4 {
  color: #666;

  font-weight: 400;

  letter-spacing: 1px;

  font-size: 20px;
}

.pay-para {
  padding-left: 80px;

  margin-top: 30px;

  background-position: left top;

  background-repeat: no-repeat;

  font-size: 18px;

  padding-right: 40px;

  font-weight: 400;

  letter-spacing: 1px;

  color: #93aaae;
}

.pay-para-cc {
  background-image: url(../img/other/card.png);
}

.pay-para-wl {
  background-image: url(../img/other/wallet.png);
}

.c-b {
  color: #6c6ee3;
}

.pay-para-wl div {
  display: inline-block;

  padding-right: 150px;

  color: #6c6ee3;
}

.tik-icon-holder {
  display: contents;
}

input[type="file"] {
  display: inline-block;

  width: 60%;
}

input[type="text"],
input[type="email"],
textarea {
  margin-top: 4px;
}

.pay-notify label {
  font-weight: 100;

  color: #666;

  letter-spacing: 2px;
}

.pay-guide {
  text-align: right;
}

.btn-blue {
  white-space: nowrap;

  display: inline-block;

  height: 40px;

  line-height: 40px;

  padding: 0 14px;

  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);

  background: #fff;

  border-radius: 4px;

  font-size: 15px;

  font-weight: 200;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #fff;

  text-decoration: none;

  transition: all 0.15s ease;

  background-color: #6772e5;

  margin-top: 5px;
}

.btn-blue:hover {
  transform: translateY(-1px);

  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);

  background-color: #7795f8;

  color: #fff;
}

.cust-pay {
  z-index: 200;

  overflow: hidden;

  display: flex;

  padding: 30px;

  flex-direction: column;

  background: #fff;

  border-radius: 5px;

  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.cust-pay h4 {
  font-size: 18px;

  font-weight: 400;
}

.pay-notify {
  margin-top: 30px;
}

.pay-guide img {
  float: left;

  margin: -5px 30px 20px -60px;

  padding: 30px;

  background-color: #add8fe;

  border-radius: 60px;
}

.tabarea {
  background-color: #fff;

  padding: 10px 50px;
}

#mit-dedi-tabs4 h3 {
  font-size: 14px;

  text-align: center;

  background-color: #eee;

  padding: 20px;

  border-top-right-radius: 5px;

  border-top-left-radius: 5px;
}

.inst-content img {
  float: left;

  padding: 30px;
}

.content-inst {
  padding: 20px;

  min-height: 260px;
}

#web_service_aws .content-inst {
  padding: 20px;

  min-height: 190px;
}

#mit-dedi-tabs4 {
  padding-bottom: 40px;
}

#mit-dedi-tabs4 .cpbox {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);

  margin: 10px;
}

.cmds-inst {
  margin: 0;
}

.inst-btn-blue,
.inst-btn-blue a {
  background-color: #6772e5;

  color: #fff;

  text-align: center;

  padding: 10px;
}

.inst-btn-blue,
.inst-btn-purpal,
.inst-btn-black {
  color: #fff;

  text-align: center;

  padding: 10px;

  min-height: 70px;
}

.inst-btn-purpal {
  background-color: #39419c;
}

.inst-btn-black a {
  background-color: #333;

  color: #fff;
}

.inst-btn-blue a:hover,
.inst-btn-black a:hover {
  text-decoration: none;
}

.inst-btn-black {
  background-color: #333;
}

.inst-btn-purpal span {
  display: block;

  border-bottom: 1px solid #fff;
}

.inst-btn-blue i,
.inst-btn-black i {
  display: block;

  font-size: 30px;
}

#domain .wrapper {
  background-image: linear-gradient(75deg, #4170e1 25%, #324cbd 55%);

  min-height: 350px;
}

.search-include {
  padding-left: 80px;
}

.search-include i {
  margin-left: -75px;

  font-size: 20px;

  border: 1px solid #2984dd;

  color: #2984dd;

  padding: 15px;

  border-radius: 30px;

  display: inline-block;

  margin-right: 20px;

  float: left;
}

.search-include h2 {
  font-size: 20px;

  font-weight: 400;
}

.search-control {
  padding: 8px 20px;

  width: 30%;

  border-radius: 20px;

  border: 1px solid #eee;

  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-search {
  padding: 10px 20px;

  border-radius: 20px;

  border: 1px solid #a725b4;

  margin: auto 20px;

  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);

  background-image: linear-gradient(150deg, #ec56e5, #3633cb);

  color: #fff;
}

.search-ext {
  margin: 0 auto;

  float: none;

  margin-top: -25px;

  background-color: #eee;

  color: #333;

  padding: 20px;

  border-radius: 5px;
}

.search-ext span {
  display: block;
}

.search-ext .col-md-2 {
  border-left: 1px solid #999;
}

#mit-dom-srch {
  margin-top: 50px;
}

#mit-dom-srch h1 {
  text-align: center;

  font-weight: 400;

  font-size: 25px;
}

#mit-dom-srch .subtitle {
  text-align: center;

  font-weight: 100;

  font-size: 20px;

  letter-spacing: 1px;

  margin-bottom: 30px;
}

#mit-dom-srch-ext div {
  text-align: center;
}

#mit-dom-srch-ext {
  margin: 50px auto;

  margin-top: 100px;
}

#mit-dom-srch-ext button {
  border: 1px solid #eee;

  background-color: #dea228;

  color: #fff;

  font-size: 12px;

  font-weight: 100;

  padding: 7px 20px;

  border-radius: 20px;

  margin-left: 30px;
}

#mit-dom-srch-ext center {
  border-top: 1px solid #e6e6e6;

  border-bottom: 1px solid #e6e6e6;

  padding: 20px 0;
}

#domain .wrapper {
  background: linear-gradient(285deg, #6b59ef 0%, #00dbcf 100%);
}

.illu-img {
  position: absolute;

  top: 50px;

  left: -200px;

  mix-blend-mode: color-dodge;

  overflow: hidden;

  max-height: 320px;
}

.illu-img2 {
  position: absolute;

  top: 65px;

  right: 0;

  mix-blend-mode: color-dodge;

  overflow: hidden;

  z-index: 0;

  max-height: 320px;
}

.search-ext img {
  width: 50px;

  margin: 5px;
}

.owl-carousel .owl-stage-outer {
  overflow: hidden;

  height: 40px;
}

.webhost-reseller,
#mit-resl-fetu {
  background-image: url("../img/reseller-hosting/banner-bg.svg"), linear-gradient(135deg, #383a5b, #44399c);

  background-repeat: no-repeat;

  background-position: top right;
}

#mit-resller {
  /*
   Mobile-first breakpoints: xs (0-480px), sm (481-640px), md (641-768px),
   lg (769-1024px), xl (1025-1440px), 2xl (1441px+). Layout starts stacked and
   switches to two columns at lg. Spacing scales with viewport to maintain
   balanced presentation.
  */
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: center;
  padding: calc(2rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));
  max-width: min(1200px, 92vw);
  margin-inline: auto;
}

@media (min-width: 481px) {
  #mit-resller {
    padding: calc(2.5rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-right)) calc(2.5rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left));
  }
}

#mit-resller .hero-text {
  max-width: 65ch;
}

#mit-resller .title {
  font-size: clamp(28px, 3.8vw, 44px);
  color: #ccc;
  margin: 0;
  font-weight: 400;
  letter-spacing: 2px;
}

#mit-resller .subtitle {
  font-size: clamp(16px, 2.1vw, 20px);
  color: #ccc;
  margin: 1rem 0 1.5rem;
  font-weight: 400;
  letter-spacing: 2px;
}

#mit-resller .hero-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

#mit-resller .hero-buttons a {
  margin-top: 0;
}

#mit-resller .hero-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  aspect-ratio: 3 / 2;
}

@media (min-width: 641px) {
  #mit-resller .hero-buttons {
    flex-direction: row;
  }
}

@media (min-width: 769px) {
  #mit-resller {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: calc(3rem + env(safe-area-inset-top)) calc(2rem + env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) calc(2rem + env(safe-area-inset-left));
  }
}

@media (min-width: 1025px) {
  #mit-resller {
    gap: 3rem;
  }
}

@media (min-width: 1441px) {
  #mit-resller {
    padding-left: calc(4rem + env(safe-area-inset-left));
    padding-right: calc(4rem + env(safe-area-inset-right));
  }
}

@media screen and (max-width: 457px) {
  #mit-resller-plans h2 span {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .text-inner {
    text-align: center;
  }
}

.btn-bgblue {
  background-image: linear-gradient(150deg, #6756ec, #2fb9f8);

  padding: 6px 20px;

  border: 1px solid #333;

  margin-top: 20px;

  color: #fff;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-size: 14px;

  border-radius: 5px;
}

.btn-bgblue:hover {
  text-decoration: none;
}

.btn-white {
  background-color: #eee;

  padding: 6px 20px;

  border: 1px solid #333;

  margin-top: 20px;

  color: #000;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-size: 14px;

  border-radius: 5px;
}

.btn-bgblue:focus,
.btn-white:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

#mit-resller-plans i {
  background-color: #ef3939;

  padding: 10px 20px;

  border-radius: 5px;

  color: #fff;

  margin-right: 20px;
}

#mit-resller-plans h2 {
  font-size: 25px;

  font-weight: 200;

  letter-spacing: 1px;
}

.resell-bgwhite h3 {
  font-size: 17px;

  text-transform: uppercase;

  font-weight: 200;

  letter-spacing: 1px;
}

.resell-bgwhite .price {
  font-size: 30px;

  font-weight: 200;
}

.resell-bgwhite li {
  list-style: none;

  text-align: center;

  padding: 5px;
}

.resell-bgwhite li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

.resell-bgwhite {
  text-align: center;

  background-color: #ddd;

  padding: 10px;
}

.resell-bgblue {
  background-color: #6ddada;
}

.resell-bgwhite ul {
  padding: 0;
}

.btn-border {
  border: 2px solid #333;

  padding: 10px 20px;
}

.btn-border {
  border: 2px solid #666;

  padding: 8px 23px;

  font-size: 15px;

  font-weight: 400;

  letter-spacing: 1px;

  text-transform: uppercase;

  background-color: #fff;

  margin: 10px;

  display: inline-block;
}

#mit-resl-fetu {
  color: #fff;

  margin: 100px auto;

  padding-bottom: 30px;
}

#mit-resl-fetu h2 {
  font-size: 27px;

  font-weight: 400;

  letter-spacing: 2px;

  padding-top: 30px;
}

#mit-resl-fetu p {
  font-weight: 400;

  letter-spacing: 1px;

  padding: 8px 20px;
}

.lis h4 {
  font-size: 14px;

  font-weight: 200;

  letter-spacing: 1px;

  position: relative;
}

#mit-resl-fetu ul {
  list-style: none;
}

.lis p {
  font-size: 13px;

  padding: 0 !important;
}

.best_box {
  border-radius: 15px;

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 0px 30px 0px rgba(15, 90, 125, 0.15);

  padding: 40px;

  margin-bottom: 20px;

  min-height: 180px !important;
}

#best_img {
  width: 90%;

  margin-top: 20px;
}

.p-t-30 {
  padding-top: 30px;
}

@media (max-width: 767px) {
  .best_box {
    min-height: 175px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  #best_img {
    margin-top: 75px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #best_img {
    margin-top: 120px;
  }
}

#mit-resl-connct h4 {
  text-align: center;

  font-size: 18px;

  font-weight: 600;

  letter-spacing: 1px;
}

#mit-resl-connct .connect p {
  font-size: 15px;

  font-weight: 400;

  letter-spacing: 1px;
}

.connect-para {
  width: 60%;

  text-align: center;

  margin: 5px auto;

  color: #666;

  font-weight: 400;

  letter-spacing: 1px;

  font-size: 18px;
}

#mit-resl-connct h2 {
  font-weight: 400;

  font-size: 27px;

  letter-spacing: 1px;

  margin-bottom: 30px;
}

#sms .wrapper {
  background-image: linear-gradient(50.04deg, rgb(62, 65, 208), rgb(30, 159, 194), rgb(79, 221, 217));
}

.checkmark {
  position: relative;

  width: 22px;

  height: 22px;

  border-radius: 50%;

  display: inline-block;

  stroke-width: 3;

  stroke: #fff;

  vertical-align: middle;

  stroke-miterlimit: 10;

  animation: scale 0.3s ease-in-out 0.6s both;

  box-shadow: inset 0 0 0 30px #a4df3e;

  left: 0;

  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;

  margin-left: 15px;
}

#sms #mit-headtitle .subtitle {
  font-size: 15px;
}

#mit-sms-plans {
}

#mit-sms-plans h2 {
  color: #1e9fc4;

  font-size: 25px;

  font-weight: 400;

  padding-top: 30px;
}

.sms-plans {
  background-color: #fff;

  border-radius: 5px;

  margin-top: -100px;
}

.plan-txt {
  font-size: 13px;

  font-weight: 500;

  letter-spacing: 1px;
}

#calculation-text {
  font-weight: 500;
}

.quantity {
  padding: 8px;

  border: 2px solid #1e9fc4;

  border-radius: 5px;

  margin: 10px auto;

  text-align: center;

  color: #1e9fc4;

  width: 215px;

  display: block;
}

.price-cta {
  background: #1e9fc4;

  background-image: linear-gradient(45deg, #3e3ed0, #1e9fc4 57%, #4fddd5);

  padding: 2.5em 5em;

  border-radius: 0 0 4px 4px;

  min-height: 14em;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  color: #fff;

  margin-top: 20px;
}

.cta-link {
  background-color: #fff;

  border-radius: 4px;

  padding: 10px 15px;

  color: #1e9fc4;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 1px;

  display: inline-block;

  margin-top: 20px;
}

.total {
  display: inline-block;

  color: #a4df3e;

  font-size: 25px;

  font-weight: 600;

  letter-spacing: 2px;

  vertical-align: middle;
}

.rate-title {
  font-size: 16px;

  font-weight: 500;

  margin-bottom: 20px;
}

.volume-rate-table {
  width: 100%;

  font-size: 13px;
}

.volume-rate-table thead {
  border-bottom: 1px solid #eee;
}

.volume-rate-table td,
.volume-rate-table th {
  padding: 8px;
}

.volume-rates-wrapper {
  padding: 20px;

  background-color: #fdfdfd;

  border: 1px solid #eee;

  margin-left: -30px;

  margin-top: -50px;
}

.volume-rate-table th {
  color: #aaa;

  font-weight: 400;

  letter-spacing: 1px;
}

.higher-volume-text {
  margin: 10px auto 5px;

  text-align: center;

  font-size: 12px;
}

.higher-volume-text a {
  color: #1e9fc4;

  font-weight: 600;
}

#total {
  font-size: 22px;

  vertical-align: middle;

  display: inline-block;
}

#total_label {
  display: none;
}

.price-detail-section {
  margin-top: 50px;

  margin-bottom: 50px;
}

.pricing-details-list > li {
  flex: 1 1 50%;

  width: 48%;

  padding-right: 1em;

  display: inline-block;

  font-size: 12px;

  vertical-align: top;
}

.pricing-details-list {
  list-style-type: none;

  padding: 0;
}

.pricing-details-list li h3 {
  font-size: 18px;

  color: #1e9fc4;
}

.pricing-faq-list {
  list-style: none;

  padding: 0;
}

.pricing-faq-list h3 {
  font-size: 18px;

  font-weight: 400;
}

.pricing-faq-list .paragraph-text {
  font-size: 12px;
}

.price-detail-section h2 {
  font-size: 25px;

  font-weight: 500;

  margin-bottom: 30px;
}

.underline-link {
  position: relative;

  display: inline-block;

  font-size: 15px;

  letter-spacing: 2px;

  line-height: 1rem;

  text-transform: uppercase;

  font-weight: 600;

  color: #34c4b3;

  margin-top: 22px;
}

#mit-headtitle .btitle {
  font-size: 45px;

  line-height: 40px;

  font-weight: 400;

  color: #666;

  text-align: left;

  padding-top: 100px;

  padding-bottom: 30px;

  text-align: center;
}

#mit-headtitle .bsubtitle {
  color: #aaa;

  font-size: 20px;

  font-weight: 100;

  letter-spacing: 1px;

  text-align: center;
}

.cyan_button {
  display: inline-block;

  font-size: 14px;

  text-shadow: 0 -1px #299ecb;

  background-color: #23527c;

  border-radius: 3px;

  border-bottom: 1px solid #2b9ecb;

  box-shadow: 0 2px 2px #4965da;

  transition: background 0.3s;

  color: #fff;

  padding: 12px 26px 12px;

  letter-spacing: 1px;

  margin: 30px 10px;
}

.cyan_button:hover {
  text-decoration: none;

  color: #fff;

  transform: rotate(2deg);
}

.linkedin_button {
  background: url(img/logo/linkedin_default.png);

  background-repeat: repeat;

  width: 206px;

  height: 41px;

  background-repeat: no-repeat;

  display: inline-block;
}

.apply_now {
  background: #23527c none repeat scroll 0 0;

  border-bottom-left-radius: 3px;

  border-right: 1px solid #2588b7;

  border-top-left-radius: 3px;

  color: #fff !important;

  font-size: 16px;

  font-weight: bold;

  padding: 10px 13px;
}

.job-tabs h3 {
  color: #23527c;

  text-align: center;

  font-size: 16px;
}

.sermng span {
}

.benefits_item {
  padding: 40px 20px;

  text-align: center;

  display: inline-block;
}

.benefits_item h6 {
  font-size: 14px;
}

.jobs-detail-section {
  margin: 100px auto;

  padding: 30px 0;
}

.jobs-detail-section h2 {
  font-size: 36px;

  font-weight: 600;

  margin-bottom: 30px;

  text-align: center;
}

#career-steps svg.career-steps-bg {
  position: absolute;

  z-index: -1;

  width: 100%;

  height: auto;

  max-height: 110px;

  top: 110px;

  left: 0;
}

#mit-jobs-review {
  margin-bottom: 50px;
}

#mit-jobs-review p {
  margin: 40px 0 10px;

  font-size: 12px;

  font-weight: 300;

  letter-spacing: 1px;

  color: #888;
}

#mit-jobs-review h2 {
  font-size: 40px;

  font-weight: 200;

  margin-bottom: 30px;
}

.paragraph-text-list p {
  padding: 5px;
}

.about-who2.mission h5 {
  transform: rotate(270deg);

  display: inline-block;

  position: absolute;

  left: -25px;

  top: 90px;

  color: #19b2c5;

  font-size: 17px;
}

.about-who2.vision h5 {
  transform: rotate(90deg);

  display: inline-block;

  position: absolute;

  right: -25px;

  top: 90px;

  color: #c519b7;

  font-size: 17px;
}

#vps #mit-dedi-plans {
  background-color: #150773;
}

#vps #mit-dedi-plans h1 {
  color: #fff;
}

#vps #mit-dedi-plans .h1 {
  color: #fff;

  text-align: center !important;

  padding-top: 50px;
}

.h1-size {
  font-size: 2.5rem;

  font-weight: 500;
}

.h2-font-size {
  font-size: 2rem !important;
}

.h1-font-28 {
  font-size: 28px;
}

#mit-return h2 {
  font-size: 21px;
}

.plans-whmsonic {
  display: none;
}

#careers .wrapper {
  margin-bottom: 30px;
}

.apply_now span {
  color: #fff;
}

.btn-top {
  font-size: 10px;

  letter-spacing: 1px;

  color: #666;

  background-color: transparent;

  border-right: 1px solid #eee;
}

.tophead {
  border-bottom: 1px solid #ddd;

  background-color: #fff;
}

.tophead a {
  font-size: 10px;

  letter-spacing: 0.5px;

  color: #666;

  text-transform: uppercase;

  padding: 8px 5px;

  border-right: 1px solid #eee;
}

.tophead a:hover {
  background-color: #f5f5f5;

  text-decoration: none;
}

.tophead .dropdown-toggle .bs-caret .caret {
  display: inline-block;

  width: 20px;

  height: 10px;

  background-repeat: no-repeat;

  background-position: 50%;

  background-size: 9px auto;

  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTk5LjQwNCAxOTkuNDA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTkuNDA0IDE5OS40MDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBwb2ludHM9IjE5OS40MDQsNjMuOTkzIDE3MS4xMiwzNS43MDkgOTkuNzAyLDEwNy4xMjcgMjguMjg0LDM1LjcwOSAwLDYzLjk5MyA5OS43MDIsMTYzLjY5NSAiPjwvcG9seWdvbj48L3N2Zz4=);
}

.dropdown-menu-list {
  list-style: none;
}

.dropdown-menu-list li {
  cursor: pointer;
}

.cpdedi .inst-content img {
  padding: 5px 20px;
}

#mit-foot-contact {
  background-color: #1f85eb;

  padding: 20px 0;
}

#mit-foot-contact h2 {
  font-weight: 200;

  color: #fff;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  letter-spacing: 1.5px;
}

#mit-foot-contact h2 strong {
  font-weight: 400;
}

#mit-foot-contact .contact-text {
  font-weight: 100;

  color: #fff;

  font-size: 14px;

  letter-spacing: 1.5px;
}

#mit-foot-contact .btn-primary {
  letter-spacing: 1px;

  text-transform: uppercase;
}

#mit-dedi-infor .col-md-4 {
  border: 1px dashed #ccc;

  text-align: center;
}

.typewriter {
  display: inline-block;
}

.typewriter h1 {
  color: #fff;

  overflow: hidden;

  border-right: 0.15em solid orange;

  white-space: nowrap;

  margin: 0 auto;

  letter-spacing: 0.15em;

  animation: typing 3.5s steps(30, end), blink-caret 0.5s step-end infinite;
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes blink-caret {
  from,
  to {
    border-color: transparent;
  }

  50% {
    border-color: orange;
  }
}

.plan-box--floating-bg {
  height: 85%;

  width: 24%;

  position: absolute;

  left: 26%;

  bottom: 50px;

  background-color: #5333ed;

  z-index: 1;

  transition: all 200ms ease-out;
}

@media (min-width: 768px) and (max-width: 991px) {
  .plan-box--floating-bg {
    display: none;
  }
}

.ubackground-container {
  position: absolute;

  width: 100%;

  overflow: hidden;

  height: 900px;
}

.ubackground-large {
  transform: skew(0, -12deg);

  will-change: transform;

  position: absolute;

  left: 0;

  right: 0;

  margin-top: 180px;
}

.ubackground-large .ucartzIn {
  position: absolute;

  height: 50px;

  top: auto;
}

.ubackground-large .ucartzIn.s1 {
  background-color: #6772e5;

  bottom: 0;

  left: 0;

  right: calc(100% - 355px);
}

.ubackground-large .ucartzIn.s2 {
  background-image: linear-gradient(90deg, #edf6ff 6%, #edf6ff 23%, #fff 95%);

  bottom: 0;

  left: 355px;

  right: 600px;
}

.ubackground-large .ucartzIn.s3 {
  background: #9cdbff;

  bottom: 0;

  left: calc(50% + 260px);

  right: 0;
}

.ubackground-large .ucartzIn.s4 {
  opacity: 0.16;

  background: #9cdbff;

  bottom: -50px;

  left: 0;

  right: calc(50% + 475px);
}

.ubackground-large .ucartzIn.s5 {
  background-color: rgba(0, 0, 0, 0.14);

  mix-blend-mode: soft-light;

  bottom: 200px;

  right: 0;

  width: 100px;
}

.ubackground-large .ucartzIn.s6 {
  background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3), transparent);

  mix-blend-mode: soft-light;

  bottom: 100px;

  left: 53px;

  right: calc(50% + 40px);

  opacity: 0;

  animation: none;
}

.ubackground-large .ucartzIn.s6 {
  animation: animate-ucartzIn-8 5s infinite;

  animation-timing-function: ease-in;

  animation-delay: 3s;

  opacity: 0;

  will-change: transfrom, opacity;
}

.ubackground-large .ucartzIn.s7 {
  background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3), transparent);

  mix-blend-mode: soft-light;

  bottom: 100px;

  left: calc(50% + 290px);

  right: 0;

  opacity: 0;

  animation: none;
}

.ubackground-large .ucartzIn.s8 {
  background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.24), hsla(0, 0%, 100%, 0));

  mix-blend-mode: soft-light;

  bottom: 150px;

  left: 53px;

  right: calc(50% + 220px);

  opacity: 0;

  animation: none;
}

.ubackground-large .ucartzIn.s9 {
  background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.4), transparent);

  mix-blend-mode: soft-light;

  bottom: 265px;

  left: 50%;

  right: calc(50% - 360px);

  animation: animate-ucartzIn-9 4s infinite;

  animation-timing-function: ease;

  animation-timing-function: ease-in;

  will-change: transfrom, opacity;
}

.ubackground-large .ucartzIn.s10 {
  background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0));

  mix-blend-mode: soft-light;

  bottom: 150px;

  left: calc(50% + 220px);

  right: 0;

  opacity: 0;

  animation: none;
}

.ubackground-large .ucartzIn.s10 {
  opacity: 0;

  animation: animate-ucartzIn-10 6s infinite;

  animation-timing-function: ease;

  animation-timing-function: ease-in;

  will-change: transfrom, opacity;
}

.ubackground-large .ucartzIn.s11 {
  opacity: 0.12;

  background-image: linear-gradient(-90deg, #000, #000 97%);

  mix-blend-mode: soft-light;

  bottom: 310px;

  left: calc(50% - 430px);

  right: calc(50% + 200px);
}

.ubackground-large .ucartzIn.s12 {
  background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3), transparent);

  mix-blend-mode: soft-light;

  bottom: 600px;

  left: 53px;

  right: calc(50% + 40px);

  opacity: 0;

  animation: none;
}

.ubackground-large .ucartzIn.s12 {
  animation: animate-ucartzIn-8 5s infinite;

  animation-timing-function: ease;

  animation-delay: 0s;

  animation-timing-function: ease-in;

  animation-delay: 3s;

  opacity: 0;

  will-change: transfrom, opacity;
}

.ubackground-large .ucartzIn.s13 {
  background-image: linear-gradient(-90deg, hsla(187, 71.7%, 37.5%, 0), hsla(228.7, 71.9%, 39%, 0.2), hsla(228.9, 75.5%, 44.9%, 0));

  mix-blend-mode: soft-light;

  bottom: 410px;

  left: 0;

  right: calc(50% + 40px);

  opacity: 0;

  animation: none;
}

.ubackground-large .ucartzIn.s13 {
  animation: animate-ucartzIn-8 5s infinite;

  animation-timing-function: ease-in;

  animation-delay: 1s;

  opacity: 0;

  will-change: transfrom, opacity;
}

.ubackground-large .gradient {
  background-image: linear-gradient(-81deg, #023175 1%, #242aed);

  bottom: 0;

  left: 0;

  right: 0;

  height: 600px;

  margin-bottom: 50px;

  margin-top: -165px;
}

.ubackground-large .ucartzIn.below {
  bottom: 0;

  left: calc(100% - 112px);

  right: calc(50% - 312px);

  background-color: #ecfaff;

  display: none;
}

.ubackground-large .ucartzIn.below {
  display: block;

  bottom: -50px;

  left: calc(100% - 440px);

  right: calc(50% - 572px);

  background-color: #ecfaff;
}

.ubackground-large .dots {
  position: absolute;

  height: 200px;

  width: 290px;

  top: auto;

  bottom: -50px;

  left: calc(100% - 150px);

  background: url(/img/v3/contact/dots.svg);

  background-size: auto;

  transform: skew(0, 12deg) rotate(90deg);

  opacity: 0.5;
}

.ubackground-large .dots {
  opacity: 1;

  position: absolute;

  height: 200px;

  width: 450px;

  top: auto;

  bottom: 50px;

  left: calc(100% - 450px);

  background: url(/img/v3/contact/dots.svg);

  background-size: auto auto;

  background-size: auto;

  transform: skew(0, 12deg) rotate(-12deg);
}

.left-form {
  background-color: #fff;

  padding: 30px;

  border-radius: 5px;

  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.bullet-points {
  list-style: none;

  padding-left: 40px;

  margin-top: 20px;
}

.bullet-points li {
  margin-top: 10px;
}

.bullet-points li::before {
  content: " ";

  display: inline-block;

  height: 20px;

  width: 20px;

  background-image: url("../img/other/check.png");

  margin-right: 15px;

  background-size: 100% 100%;
}

.bullet h3 {
  margin-left: 35px;

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 1px;

  margin-top: 120px;
}

.contactus-container .form-group {
  margin-bottom: 20px;
}

.contactus-container label {
  font-weight: 500;

  letter-spacing: 1px;
}

.contactus-container .form-horizontal .control-label {
  text-align: left;
}

.icon-column {
  display: inline-block;

  width: 50px;
}

.copy-column {
  max-width: 385px;

  padding-left: 20px;

  display: inline-block;
}

#privacy .navbar-default .navbar-nav > li > a {
  color: #333;
}

#mit-privacy {
  margin-top: 20px;
}

#mit-privacy h1 {
  font-size: 22px;

  font-weight: 600;
}

#mit-privacy h2 {
  font-size: 18px;

  font-weight: 600;

  color: #333;

  margin: 20px 0;
}

#mit-privacy h1 a {
  color: #333;
}

#mit-privacy h2 a {
  color: #333;

  text-decoration: none !important;
}

.fix-right h1 {
  font-size: 22px;

  font-weight: 600;

  margin-bottom: 20px;

  margin-top: 30px;
}

#mit-privacy .fix-left ul {
  list-style: none;

  padding-left: 0;
}

#mit-privacy ul li a {
  font-size: 12px;

  font-weight: 300;

  letter-spacing: 1px;

  color: #666;
}

.fix-left {
  display: inline-block;

  width: 250px;

  vertical-align: top;

  margin-top: 20px;
}

.fix-right {
  display: inline-block;

  width: calc(100% - 260px);

  margin-bottom: 50px;
}

.fix-right h3 {
  font-size: 22px;

  font-weight: 600;

  margin-bottom: 20px;

  margin-top: 30px;
}

.fix-right p {
  font-size: 16px;

  color: #666;

  font-weight: 400;
}

.fix-right strong {
  font-weight: 400;

  font-size: 13px;
}

.icon {
  background-repeat: no-repeat;

  background-size: 64px;

  background-position: 15px 30px;
}

.icon-services {
  background-image: url(/img/icons/ucatz-services.png);
}

.icon-payment {
  background-image: url(/img/icons/ucartz-pay.png);
}

.icon-support {
  background-image: url(/img/icons/ucartz-24-hours.png);
}

.icon-sla {
  background-image: url(/img/icons/ucartz-uptime.png);
}

.icon-setup {
  background-image: url(/img/icons/ucartz-zero-setup-fee.png);
}

.icon-deals {
  background-image: url(/img/icons/shopping-bag-1.png);
}

.copyright {
  text-align: center;

  margin-top: 20px;

  background-color: #000;

  padding: 7px;

  color: #fff;

  font-size: 12px;

  font-weight: 200;

  letter-spacing: 1px;
}

footer .fa {
  padding: 9px;

  font-size: 20px;

  width: 40px;

  border-radius: 50%;

  text-decoration: none;

  margin: 5px 2px;

  height: 40px;
}

footer .fa-facebook {
  background: #3b5998;

  color: white;
}

footer .fa-twitter {
  background: #55acee;

  color: white;
}

footer .fa-linkedin {
  background: #007bb5;

  color: white;
}

footer .fa-instagram {
  background: #125688;

  color: white;
}

@media screen and (min-width: 1020px) {
  .pull-md-right {
    float: right;
  }
}

.menu-space {
  margin-left: 0;
}

@media (min-width: 769px) and (max-width: 991px) {
  #mit-products {
    min-height: 285px !important;
  }
}

@media screen and (max-width: 768px) {
  #ban-wraper {
    background-position: 0 0;
  }
}

@media screen and (max-width: 991px) {
  #mit-products .title {
    font-size: 50px;

    line-height: 60px;
  }
}

.intro-text .icon-container {
  font-size: 30px;

  color: #fff;

  margin: 0 auto;

  background-color: #f3f3f3;

  padding: 10px;

  border-radius: 50px;

  margin-top: -50px;

  width: 100px;

  height: 100px;
}

.intro-text img {
  font-size: 30px;

  width: 85px;

  height: 85px;

  padding: 10px;
}

#hire-bg-person {
  height: 500px !important;
}

@media screen and (min-width: 768px) {
  .menu-space {
    margin-left: 100px;
  }

  body#mit-home {
    background-size: contain !important;
  }

  body#products {
    background-size: contain !important;
  }
}

@media (min-width: 767px) and (max-width: 969px) {
  #buy_managed_vps {
    background-size: inherit !important;
  }
}

@media screen and (max-width: 767px) {
  body#mit-home {
    background-size: inherit !important;
  }

  body#products,
  #vps .mit-wrapper {
    background-size: inherit !important;
  }

  #about .wrapper #canvas,
  #domain .illu-img,
  #domain .illu-img2 {
    display: none;
  }

  #mit-shoutcast .adicons {
    display: none;
    margin-bottom: 20px;
  }

  .aussrv-img,
  .turksrv-img,
  .cansrv-img,
  .korsrv-img,
  .singsrv-img,
  .polsrv-img,
  .uksrv-img,
  .gersrv-img,
  .japsrv-img,
  .dubsrv-img,
  .dedind-img,
  .chinsrv-img,
  .russrv-img,
  .netsrv-img,
  .umgsrv-img,
  .umgdedsrv-img,
  .hero-img,
  .gaming-img {
    background-position: center 20px !important;
    background-size: 200px 150px !important;
  }

  .pricing-box.pricing-extended .pricing-features li {
    width: 100%;
  }

  .pricing-box.pricing-extended .pricing-action-area {
    position: unset;
    width: 100%;
  }

  .fix-right {
    width: 100%;
  }

  #navbar {
    position: absolute;
    background-color: #fff;
    left: 0;
    width: 100%;
    color: #333;
    z-index: 99999;
  }

  .navbar-default .navbar-nav > li > a {
    color: #333;
  }

  .navbar-default .navbar-nav > li > a:hover {
    color: #000;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #000;
  }

  .nav-tabs > li.first {
    padding-left: 0;
  }

  .tbl-pricing .col-md-3 {
    width: 100%;
  }

  #howpay-wallet {
    width: 100% !important;
  }

  .qfacts span {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .aussrv-img,
  .turksrv-img,
  .cansrv-img,
  .korsrv-img,
  .singsrv-img,
  .polsrv-img,
  .uksrv-img,
  .gersrv-img,
  .japsrv-img,
  .dubsrv-img,
  .dedind-img,
  .chinsrv-img,
  .russrv-img,
  .netsrv-img,
  .umgsrv-img,
  .umgdedsrv-img,
  .halloween-img,
  .hero-img,
  .gaming-img {
    background-position: center 20px !important;

    background-size: 200px 150px !important;
  }

  #ucartz-buy-managed-dedicated-server .hero-img {
    display: none !important;
  }

  #ucartz-buy-managed-dedicated-server-wrapper {
    height: 450px !important;
  }

  .pkges_new_title,
  .perks_new {
    margin-top: 20px !important;
  }

  #mit-products .title {
    font-size: 50px;
    line-height: 60px;
  }

  .slick-slide .block {
    min-width: 200px;
  }

  #mit-vps-home {
    padding-top: 30px;
  }

  .plan-box--floating-bg {
    display: none;
  }

  #mit-work .mit-project-item,
  #mit-services .mit-project-item,
  #vps .mit-project-item {
    min-height: 200px;
  }

  .pull-md-right {
    float: none;
  }

  .webmin-a {
    min-height: 0px !important;

    padding: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 350px) {
  #ucartz-buy-managed-dedicated-server-wrapper {
    height: 575px !important;
  }
}

#contact-comm .icon-column {
  float: left;
}

.fh5co-text {
  padding: 5px 0;
}

.fh5co-text1 {
  padding: 5px 15px;
}

.mit-project-item i.fa {
  color: #389df6;

  font-size: 25px;

  min-width: 25px;

  text-align: center;
}

#mit-sh-plans .select {
  margin-top: 25px;
}

a:hover,
a:focus {
  text-decoration: none;
}

.typewrite > .wrap {
  border-right: 0.08em solid #fff;
}

#mit-services h2 {
  font-weight: 400;

  font-size: 27px;

  letter-spacing: 1px;

  margin-bottom: 30px;
}

.login-box {
  position: absolute;

  padding: 10px 20px;

  background-color: #fff;

  border: 1px solid #eee;

  border-radius: 2px;

  width: 300px;

  z-index: 99999;

  display: none;
}

.login-box .btn {
  width: 100%;

  margin-top: 10px;

  background-color: #1f85ec;

  color: #fff;
}

.login-box a:hover {
  background-color: transparent;
}

textarea {
  resize: none;
}

.dropdown-menu span.text-menu {
  width: auto;

  padding: 0;
}

.search-include img {
  width: 50px;

  display: inline-block;

  float: left;

  margin-left: -75px;
}

.dropdown-menu > li > a div {
  text-transform: none;
}

.language-popover .popover-content li a {
  color: #337ab7 !important;
}

.kb-article-content {
  word-break: break-all;
}

.label {
  color: #498302;
}

.dedicated_wrapper {
  padding-top: 65px !important;

  height: 550px !important;
}

@media screen and (max-width: 767px) {
  .dedicated_wrapper {
    padding-top: 0px !important;
  }

  .risk-free-img,
  .risk-free-right {
    text-align: center;
  }
}

@media screen and (max-width: 415px) {
  #software_installation_outer_wrapper .mit-container {
    background-position: 15px 168px;

    height: 425px;
  }
}

@media (min-width: 415px) and (max-width: 576px) {
  #software_installation_outer_wrapper .mit-container {
    background-position: 0px 130px;

    height: 425px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #software_installation_outer_wrapper .mit-container {
    background-position: 110px 118px;

    height: 425px;
  }
}

.pay-para h4 {
  font-size: 24px;
}

.plan-text h2 {
  font-size: 24px;
}

#how_to_pay_right .cust-pay {
  margin-top: 30px;
}

#mit-resller-plans .head-title {
  margin: 20px;
}

.mt-20px {
  margin-top: 20px;
}

#low_cost_banner_img {
  background-image: url(../img/managed-dedicated-server/ucartz-low-cost-server.png);

  background-repeat: no-repeat;

  background-size: 100% 100% !important;

  background-position: center !important;

  height: 360px;
}

@media only screen and (max-width: 767px) {
  .dedi-prc {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 992px) {
  #lowcost_header {
    height: 850px !important;
  }

  #low_cost_banner_img {
    margin-top: 20px;
  }

  #hire-bg-person {
    background-image: none !important;
  }

  .first-intro-text {
    margin-top: -70px !important;
  }

  .server-monitoring-contnet p {
    text-align: center !important;
  }
}

.modal-open {
  padding-right: 0px !important;
}

.img_tab_pane {
  text-align: center;
}

.img_tab_pane h3 {
  font-size: 16px;

  margin-top: 20px;
}

#dedicated_stuff .tab-content {
  padding: 25px;
}

.nav-tabs-v li a:active {
  background: #23527c !important;
}

.tbl-pricing .cart-btn i {
  margin-right: 5px;
}

#mit-dom-srch p {
  font-size: 14px;
}

#hire-bg-person {
  background-image: url(../img/expert/hire-us.png);

  background-position: right 70px;

  background-repeat: no-repeat;
}

.frame {
  white-space: nowrap;

  text-align: center;
  margin: 1em 0;
}

.helper {
  display: inline-block;

  height: 100%;

  vertical-align: middle;
}

img {
  vertical-align: middle;
}

.reseller-feature:before {
  background: url(../img/icons/reseller-hosting.webp);

  content: "";

  position: absolute;

  background-size: 150px;

  background-repeat: no-repeat;

  width: 42px;

  height: 42px;

  left: -55px;
}

.reseller-feature1:before {
  top: 1px;

  background-position: -9px -5px;
}

.reseller-feature2:before {
  top: 0px;

  background-position: -56px -5px;
}

.reseller-feature3:before {
  top: 0;

  background-position: -104px -5px;
}

@media only screen and (max-width: 767px) {
  .reseller-feature3:before {
    top: 220px;
  }

  .reseller-feature2:before {
    top: 122px;
  }

  #mit-resl-fetu ul {
    padding-left: 90px;
  }

  .reseller-feature:before {
    left: -60px;
  }

  .reseller-feature2:before {
    top: 0;
  }

  .reseller-feature3:before {
    top: 0;
  }
}

@media only screen and (max-width: 521px) {
  .reseller-feature2:before {
    top: 0;
  }

  .reseller-feature3:before {
    top: 0;
  }
}

.svg-style {
  vertical-align: middle !important;

  margin-right: 8px !important;
}

.mit-intro-ded-top-mrg {
  margin-top: -75px !important;
}

.minus-top-mrg {
  margin-top: -135px !important;
}

.pdng-l-40 {
  padding-left: 40px;
}

.no-padding {
  padding: 0 !important;
}

.mrg-b-10 {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  #mit-intro-ded .intro-text {
    min-height: 100% !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #mit-intro-ded .intro-text {
    min-height: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 575px) {
  .center-ul {
    width: 52%;

    margin: auto;
  }
}

@media (max-width: 480px) {
  .center-ul {
    width: 88%;

    margin: auto;
  }
}

.cloud-bo-p {
  min-height: 95px;
}

.fw-400 {
  font-weight: 400;
}

.fullwidth {
  width: 100%;
}

.mrg-b-60 {
  margin-bottom: 60px;

  position: relative;
}

.mrg-b-70 {
  margin-bottom: 70px;
}

.mrg-t-60 {
  margin-top: 60px;
}

.mrg-t-20 {
  margin-top: 20px;
}

.forgot-txt {
  color: red;
  font-weight: 600;
}

.pdng-tp-20 {
  padding-top: 20px;
}

.next-btn {
  color: #fff;

  background-color: red;

  font-weight: 600;
}

.contact-ul {
  list-style: none;

  margin-top: 20px;

  padding-left: 40px;
}

.contact-ul-icon {
  font-size: 20px;
  width: 30px;
  color: #3a9339;
}

.skype-contact {
  width: 30px;

  height: 30px;

  /* margin-right: 12px; */

  margin-right: 8px;

  margin-left: -4px;
}

.mrg-t-10 {
  margin-top: 10px;
}

.half-width {
  width: 50px;
}

.pdng-l-50 {
  padding-left: 50px;
}

.pdng-l-30 {
  padding-left: 30px;
}

.white-bg {
  background-color: #fff;
}

.dot-net-bg {
  background-color: #2e0de4 !important;
}

.mg-b-30 {
  margin-bottom: 30px;
}

.auto-height {
  height: auto;
}

.mrg-top20-side-auto {
  margin: 20px auto;
}

.mrg-top30-side-auto {
  margin: 30px auto;
}

.expert-hiring {
  background-image: url("../img/expert/hire-us.png");

  background-position: right 70px !important;

  background-repeat: no-repeat !important;
}

.minu-stop-150 {
  margin-top: -150px !important;
}

#dedicated .mit-wrapper,
#installation .mit-wrapper,
#domain .wrapper,
.webhost-reseller {
  margin-top: -13px !important;
}

#dedicated .mit-wrapper,
#installation .mit-wrapper,
#domain .wrapper .pt-imp {
  padding-top: 50px;
}

.modal-header .close {
  padding: 1rem 1rem;

  margin: -1rem -1rem -1rem auto;

  background: transparent;

  border: none;

  font-size: 1.5rem;

  font-weight: 700;

  line-height: 1;
}

#mit-calculator {
  min-height: 300px;

  position: relative;

  z-index: 1;
}

#mit-calculator .title-icon {
  font-size: 70px;

  color: #fff;

  text-align: right;

  padding: 75px 22px 0;
}

#mit-calculator .title-icon {
  font-size: 70px;

  color: #fff;

  text-align: right;

  padding: 75px 22px 0;
}

#mit-calculator .title-icon i {
  padding: 50px;

  margin-top: -15px;
}

#mit-calculator .title {
  font-size: 30px;

  line-height: 40px;

  font-weight: 100;

  color: #fff;

  /* font-family: Dosis;*/

  text-transform: uppercase;

  text-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;

  text-align: left;

  padding-top: 100px;
}

#mit-calculator .subtitle {
  font-weight: 300;

  color: #dfe0f3;

  font-size: 16px;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

  font-size: 18px;
}

@media (min-width: 1200px) {
  #mit-calculator .title {
    margin-left: 398px;

    margin-top: -170px;
  }

  #mit-calculator .subtitle {
    margin-left: 398px;

    margin-top: 3px;
  }
}

@media (min-width: 1120px) and (max-width: 1199px) {
  #mit-calculator .title {
    margin-left: 334px;

    margin-top: -194px;
  }

  #mit-calculator .subtitle {
    margin-left: 334px;

    margin-top: 3px;
  }
}

@media (min-width: 992px) and (max-width: 1119px) {
  /* #mit-calculator1

    {

        margin-top: 20% !important;

    } */

  #mit-calculator .title-icon {
    font-size: 70px;

    color: #fff;

    text-align: right;

    padding: 75px 22px 0;
  }

  #mit-calculator .title {
    margin-left: 348px;

    margin-top: -170px;
  }

  #mit-calculator .subtitle {
    margin-left: 348px;
  }

  #mit-calculator #calc1 {
    margin-top: 22px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #mit-calculator1 {
    margin-top: 20% !important;
  }

  #bw {
    padding-top: 104px;
  }

  #mit-calculator .title-icon {
    text-align: center;

    margin-left: 205px;
  }

  #mit-calculator .title,
  .subtitle {
    /* padding-top: 30px !important; */

    text-align: center !important;

    margin-left: 10px;
  }

  .img_tab_pane img {
    width: 100%;
  }

  #server-mgt {
    width: 100% !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #mit-calculator .title-icon {
    text-align: center;

    margin-left: 205px;

    /* padding: 50px 22px 0 !important; */
  }

  #mit-calculator1 {
    margin-top: 17% !important;
  }

  #mit-calculator #calc1 {
    padding: 50px;

    margin-top: 1px;

    text-align: center;

    margin-left: -44px;
  }

  #mit-calculator .title {
    padding-top: 0px !important;

    text-align: center !important;

    /* font-size: 31px; */

    margin-left: 10px;
  }

  #bw {
    padding-top: 104px;
  }
}

@media (min-width: 489px) and (max-width: 575px) {
  #mit-calculator .title-icon {
    text-align: center !important;

    /* margin-top: 5% !important; */
  }

  #bw {
    padding-top: 104px;
  }

  #mit-calculator .title {
    padding-top: 50px !important;

    text-align: center !important;
  }

  #mit-calculator .title-icon i {
    padding: 50px;

    /* margin-top: 1px; */
  }

  #mit-calculator1 {
    margin-top: 17% !important;
  }
}

@media screen and (max-width: 488px) {
  #mit-calculator .title-icon {
    text-align: center;

    padding: 50px 22px 0 !important;
  }

  #mit-calculator .title {
    font-size: 30px;

    line-height: 40px;

    font-weight: 100;

    color: #fff;

    /* font-family: Dosis; */

    text-transform: uppercase;

    text-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;

    padding-top: 44px;

    text-align: center;
  }

  #bw {
    padding-top: 104px;
  }

  #mit-calculator .title-icon i {
    padding: 50px;

    /* margin-top: 1px; */
  }

  #mit-calculator1 {
    margin-top: 17% !important;
  }
}

/* #mit-calculator .title-icon i {

    padding: 50px;

    margin-top: 10px;

} */

@media screen and (max-width: 992px) {
  .content-inst {
    min-height: auto !important;
  }

  .dedicated_wrapper,
  #dedicated .mit-wrapper {
    height: 450px !important;
  }

  .tab_pane_right,
  .nav-tabs-v li a {
    font-size: 15px;
  }

  .receller-plan_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .receller-plan_container .w-pricing-table {
    width: 48%;
    flex: 0 0 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  #mit-dedi-plans .recur {
    margin-bottom: 0 !important;
  }

  #mit-services .mit-project-item {
    min-height: auto !important;
    height: 100% !important;
    margin-top: 0 !important;
  }

  .reco_serveice-item {
    margin-bottom: 20px;
  }

  .dedicated_wrapper,
  #dedicated .mit-wrapper {
    height: 400px !important;
  }

  .nav-tabs-v {
    display: flex;
    justify-content: space-around;
  }

  .nav-tabs-v li {
    width: 33.3%;
  }

  .nav-tabs-v li.last {
    border-bottom: 1px solid #ccc !important;
  }

  .nav-tabs-v li a {
    text-align: center;
  }

  .tab_pane_right {
    text-align: center;
  }

  .cmds-inst {
    clear: both;
  }

  .mit-container.cpanel,
  .mit-container.plesk {
    background: none;
  }

  #mit-dedi-infor {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 576px) {
  #mit-dedi-infor {
    margin: 0;
  }

  .installation-content .first {
    min-height: auto;
  }

  .nav-tabs-v li {
    width: 50%;
  }

  .receller-plan_container {
    flex-direction: column;
  }

  .receller-plan_container .w-pricing-table {
    width: 100%;
    flex: 0 0 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  #mit-foot-icons {
    margin-bottom: 0 !important;
  }

  #mit-resl-fetu {
    margin: 50px 0;
  }

  #mit-sh-tabs {
    padding-top: 20px;
  }

  #mit-sh-tabs .right {
    text-align: center;
  }

  #mit-dom-srch-ext {
    margin-top: 50px;
  }
  .common-banner p {
    text-align: center;
  }
}
/* -------------------------------------------------- */
.common-banner p {
  color: #8b8cac;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.vps-features {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 20px 40px;
  position: relative;
  display: inline-block;
  color: #fff;
  background: #4035c8;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  &:hover {
    background-color: #fff;
    color: #4035c8;
    border: 1px solid #4035c8;
  }
}
.vps-started {
  cursor: pointer;
  padding: 20px 40px;
  position: relative;
  display: inline-block;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  color: #4035c8;
  padding: 20px 40px;
  line-height: 1;
  border-bottom: 2px solid #fcfcfc00;
  margin-left: 35px;
  font-size: 16px !important;
  font-weight: 600;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  &:hover {
    background-color: #4035c8;
    color: #fff;
  }
}
.common-review-container {
  /* display: flex;
    gap: 30px; */
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.common-review-box .fa-star:before {
  content: "\f005";
  border: 1px solid #00a650;
  background-color: #00a650;
  padding: 2px;
  font-size: 18px;
}

.review-img {
  width: 130px;
  height: auto;
}
.heading-font-color {
  color: #060845;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.padding-side {
  padding: 0px 82px;
}
.border-gradient-box {
  /* Border */
  border-top: 4px solid #9b29b6;
  border-radius: 5px;
  text-align: center;
  padding: 10px 50px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.border-gradient-box-up {
  /* Border */
  border-top: 4px solid #7d26b5;
  border-radius: 5px;
  text-align: center;
  padding: 10px 50px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.border-gradient-box-hour {
  /* Border */
  border-top: 4px solid #4d76e9;
  border-radius: 5px;
  text-align: center;
  padding: 10px 50px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.mt-65 {
  margin-top: 30px !important;
}
.profileImg {
  border-radius: 50%;
}
#mit-reviews {
  margin-bottom: 50px;
}
.mrg-t-30 {
  margin-top: 30px;
}
#mit-reviews .mit-project-review {
  background: none;
}

#mit-reviews .mit-project-review {
  background-color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 35px;
  border-radius: 5px;
  width: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 12px;
  /* min-height: 280px; */
  margin-bottom: 30px;
  height: auto;
}
#mit-reviews a {
  color: #445d6e !important;
  font-size: 15px;
}
#mit-reviews a i {
  font-size: 15px;
}
.review-box-main {
  margin-left: 20px;
}
.mit-project-review img {
  margin: 0;
  max-height: 50px;
  max-width: 50px;
}
#mit-reviews h3 {
  font-size: 15px !important;
  font-weight: 600;
  color: #060845;
}
.common-review-box-profile {
  text-align: start;
}
.common-review-box-profile .fa-star:before {
  content: "\f005";
  border: 1px solid #00a650;
  background-color: #00a650;
  padding: 2px;
  font-size: 15px;
}
.common-review-box-main {
  margin-left: 10px;
}
.review-sec {
  margin-top: 15px;
  font-size: 13px;
}
.center-review {
  margin-top: -10px !important;
}
.slidebg:hover .features li i {
  color: #00a650;
  margin-right: 10px;
  margin-left: 10px;
}
.install-sec {
  padding: 10px 16px;
  min-width: fit-content;
  border: 1px solid #cbc7c7;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #060845;
  font-weight: 600;
  border-radius: 15px;
  margin-top: 15px;
  position: relative;
  z-index: 9;
  &:hover {
    color: #fff;
    &:before {
      transform: scaleX(1);
      transform-origin: left;
    }
  }
  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    background: #00a650;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
    border-radius: 15px;
    min-width: fit-content;
  }
}
.app-section:last-child {
  justify-content: space-around;
}

.arrow-img {
  margin-left: 20px;
}
.arrow-img i {
  content: "\f062";
  transform: rotate(45deg);
}
.operating-se {
  margin-top: 50px;
  margin-bottom: 50px;
}
.operating-systems {
  background-color: #f7f7ff;
  border-radius: 20px;
  padding: 25px;
}
.operating-para {
  font-size: 16px;
}
.panel-systems {
  background-color: #f3fdff;
  border-radius: 20px;
  padding: 25px;
}
.Web-host {
  background-color: #e7f5ff;
  padding: 30px;
  border-radius: 20px;
  height: 317px;
}
.Web-host p {
  font-weight: 500;
  color: #7489a7;
}
.Web-host li {
  font-weight: 500;
  font-size: 14px;
  list-style: none;
  margin-bottom: 10px;
}
.Web-host ul {
  padding-left: 0px !important;
  color: #7489a7;
}
.Web-host li i {
  color: #00a650;
  font-size: 13px;
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.get-btn {
  background-color: #0080ff;
  color: #fff;
  padding: 12px 35px;
  border: 1px solid #0080ff;
  border-radius: 12px;
  margin-top: 20px;
  position: relative;
  z-index: 9;
  &:hover {
    color: #0080ff;
    &:before {
      transform: scaleX(1);
      transform-origin: left;
    }
  }
  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    background: #fff;
    border: 1px solid #0080ff;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
    border-radius: 15px;
    min-width: fit-content;
  }
}
.section-space {
  padding: 45px 0;
}
.title-center {
  text-align: center;
  margin: 0 auto;
}
.mw-h2 {
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  color: #123455;
}
.hosting-case {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 40px;
  background-color: #efefff;
  margin-top: 40px;
}
.comparison-case {
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 40px;
  margin-top: 40px;
}
.hosting-case-two {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 40px;
  background-color: #c6ecf9;
  margin-top: 40px;
}
.section-space-container {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 40px;
  margin-top: 40px;
}
.pb-30 {
  padding-bottom: 30px;
}
.mw-h3 {
  font-weight: 700;
  font-size: 25px;
  color: #123455;
  margin: 0;
}
.pt-10 {
  padding-top: 10px;
}
.mw-p {
  color: #394e63;
  font-size: 16px;
  margin: 0;
  padding-top: 15px;
}
.faq_vps {
  background: #f6f9fc;
}

#host_designing_faq {
  padding: 30px 0 50px 0;
}
#host_designing_faq .glb-nfaq-ttl {
  text-align: center;
  margin-bottom: 50px;
}
#host_designing_faq .wt-faq-que .btn {
  font-size: 16px;
  line-height: 24px;
  color: #1f2d3d;
  padding: 15px 15px 15px 60px;
  background: url(../img/sprite-faq-icons.png) no-repeat 0px -200px;
  background-color: #f7f9fb;
  min-height: 75px;
  float: left;
  width: 100%;
  white-space: normal;
  outline: 0 !important;
  text-align: left;
  border: 0 !important;
  box-shadow: none !important;
}
#host_designing_faq .wt-faq-que > h2 {
  margin: 0 !important;
}
#host_designing_faq .wt-faq-que {
  border: 0 !important;
  margin-bottom: 20px;
}

#host_designing_faq .wt-faq-que .collapsed {
  background-color: transparent;
  background-position: 4px 8px;
}
#host_designing_faq .wt-faq-que .wt-faq-ans {
  padding: 15px 15px 15px 60px;
}
#host_designing_faq .wt-faq-que .wt-faq-ans p {
  color: #565859;
  font-size: 16px;
}
#host_designing_faq .wt-faq-que {
  border: 0 !important;
  border-bottom: 1px solid #d4d8dd !important;
  margin-bottom: 20px;
}
.img-zoom {
  transition: transform 0.5s ease;
  width: 467px;
  height: 386px;
}
.hosting-left.appear,
.hosting-right.appear {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/* -------------------------------------- */

.hosting-cast {
  background-color: #f3f6ff;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.text-muted {
  color: #9397ad !important;
}
/* .fs-lg {
  font-size: 1.125rem !important;
} */
.d-flex {
  display: flex !important
;
}
.hosting-cast .btn-outline-primary {
  --si-btn-border-color: rgba(99, 102, 241, 0.35) !important;
  --si-btn-disabled-border-color: rgba(99, 102, 241, 0.35) !important;
}
.hosting-cast .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hosting-cast .btn-lg {
  --si-btn-padding-y: 0.785rem !important;
  --si-btn-padding-x: 2rem;
  --si-btn-font-size: 1rem;
  --si-btn-border-radius: 0.5rem;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media (min-width: 500px) {
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.hosting-cast .card-hover:hover {
  transition: 0.2s ease-in-out !important;
}
.card-hover {
  --si-card-icon-hover-color: #6366f1;
}

.text-decoration-none {
  text-decoration: none !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.h-100 {
  height: 100% !important;
}
.border-0 {
  border: 0 !important;
}
.shadow-sm {
  box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03) !important;
}
.hosting-cast .card-body {
  flex: 1 1 auto;
  padding: var(--si-card-spacer-y) var(--si-card-spacer-x);
  color: var(--si-card-color);
}
.rounded-3 {
  border-radius: 0.5rem !important;
}
.bg-primary {
  --si-bg-opacity: 1;
  background-color: #6366f1 !important;
}
.p-x {
  padding: 15px 15px;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.top-0 {
  top: 0 !important;
}
.position-absolute {
  position: absolute !important;
}
.shadow-primary {
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9) !important;
}
.d-inline-block {
  display: inline-block !important;
}
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#carouselExampleCaptions {
  width: 80vw;
  height: 30vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.carousel-inner {
  width: 100%;
}

.new {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline;
}

/* Controls */
i.fa-arrow-right,
i.fa-arrow-left {
  background: none;
  border: 2px solid #03a84e;
  color: black;
  padding: 10px;
  border-radius: 100%;
  transition: background 0.6s ease;
}

.control-btn {
  position: absolute;
  top: 20em;
  left: 12em;
}

.carousel-item .card {
  height: 20em;
  height: fit-content;
}

.control-btn i.fa-arrow-left {
  position: absolute;
  right: 6em;
}

i.fa-arrow-right:hover,
i.fa-arrow-left:hover {
  background: #03a84e;
  color: black;
}

.carousel-control-next {
  margin: 0 3em;
}

/* Indicators */

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid #ffc107;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: linear-gradient(135deg, #10b981, #059669);
}
.host-web {
  display: block;
}
.host-mb {
  display: none;
}
.desktop-hide {
  display: none;
}
@media screen and (max-width: 900px) {
  #carouselExampleCaptions {
    width: 70vw;
    height: auto;
  }
  .mobHide {
    display: none;
  }
  .overselling {
    display: flex !important;
  }
  .card img {
    width: 100%;
  }

  .card .name {
    margin-top: 1em;
    font-size: 1em;
    font-weight: 700;
  }

  .card .role {
    font-size: 0.8em;
  }

  .card .work-at {
    font-size: 0.6em;
  }
}

@media screen and (max-width: 576px) {
  #carouselExampleCaptions {
    width: 100%;
    height: auto;
  }
  .img-zoom {
    transition: transform 0.5s ease;
    width: 100%;
    height: auto;
  }
  .mw-h2 {
    padding: 0px 10px;
  }
  .carousel-item .card .card-body {
    position: absolute;
    bottom: 20px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
  }
  .host-web {
    display: none;
  }
  .host-mb {
    display: block;
  }
  .slidebg:hover .features li i {
    color: #aeafc5;
  }
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.bg-sec {
  background: radial-gradient(116.18% 118% at 50% 100%, rgba(99, 102, 241, 0.1) 0%, rgba(218, 70, 239, 0.05) 41.83%, rgba(241, 244, 253, 0.07) 82.52%);
}
.shadow-sm {
  box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03) !important;
}
.btn {
  letter-spacing: 1px;
  text-transform: uppercase;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.view-btn {
  text-decoration: none !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 20px 40px;
  position: relative;
  display: inline-block;
  color: #fff;
  background: #4035c8;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.link-cta a {
  color: #000;
  font-size: 1rem;
  letter-spacing: 1px;
  -webkit-text-decoration-color: rgba(1, 99, 238, 0.75);
  text-decoration-color: rgba(1, 99, 238, 0.75);
  text-decoration-thickness: 2px;
  text-transform: uppercase;
  text-underline-offset: 0.375rem;
  text-decoration: underline !important;
  text-decoration-color: #4035c8 !important;
  font-weight: 600;
}
.link-cta a:hover {
  color: #4035c8;
}
.mt-15 {
  margin-top: 15px;
}
.center-h2 {
  color: #060845;
  font-weight: 800;
  font-size: 40px;
}
.pricing-list {
  border-radius: 15px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.pricing-list .slide-price .title {
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 20px auto;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
}
.pricing-list .slide-price .item {
  min-height: 325px;
  padding-left: 30px;
  padding-right: 30px;
}
h2,
h3,
h4,
h5 {
  font-weight: bold;
}
.box {
  border: solid 1px #fff;
  outline: solid 1px #e0e0e0;
}
.carousel {
  margin-top: 0px !important;
  position: relative;
  /* padding-bottom: 50px; */
}

.item h2 {
  width: 80%;
  color: #fff;
  padding: 15px;
  font-size: 38px;
  margin-bottom: 30px;
  text-align: center;
  text-shadow: 1px 2px 3px #444;
}

.item .block {
  width: 100%;
  /*float: left;*/
  /*color: #000;*/
  min-height: 200px;
  /*text-align: center;*/
  padding: 15px;
  margin-bottom: 20px;
  background-color: transparent;
}

.item h4 {
  width: 100%;
  padding: 15px;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  text-shadow: 2px 2px 2px #555;
}

.item p {
  text-align: center;
  font-size: 18px;
}

.item .input-group {
  margin-bottom: 10px;
}

.carousel-indicators {
  bottom: 0px;
}

.slide .features {
  list-style: none;
  padding: 0;
}

.slide .price {
  font-size: 32px;
  font-weight: 600;
  color: #02044a;
  /* margin-bottom: 15px; */
}
.slide .price span {
  font-size: 15px;
  font-weight: 200;
  color: #c3c3d3 !important;
}
.slide .title {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 5px auto;
  text-transform: uppercase;
  font-size: 13px;
}
.slide .features li {
  margin: 10px auto;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-size: 15px;
}

.slide .btn {
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 7px;
  margin: 20px auto;
  border: 2px solid #5333ed;
  padding: 10px 40px;
  color: #5333ed;
  background-color: #ffffff;
  width: 100%;
  font-weight: 600;
}
.slide .active-btn {
  background-color: #5333ed;
  color: #fff !important;
}
.slick-center .block {
  min-height: 425px;
  margin-top: -25px;
}
.slick-slide {
  margin: 0;
  padding: 0;
}
.slick-center {
  box-shadow: 0 0 40px rgba(57, 11, 126, 0.2);
  z-index: 99;
  height: 120%;
}
.slick-prev {
  left: 25px !important;
  z-index: 99;
  height: 80% !important;
  top: 50%;
  width: 35px !important;
  background-image: url(../img/icons/arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.slick-next {
  right: 25px !important;
  z-index: 99;
  height: 80% !important;
  top: 50%;
  width: 35px !important;
  background-image: url(../img/icons/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.slick-track {
  padding-top: 25px;
}
.slick-prev::before,
.slick-next::before {
  content: "";
}
.slick-prev:hover,
.slick-prev:focus {
  background-image: url(../img/icons/arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.slick-next:hover,
.slick-next:focus {
  background-image: url(../img/icons/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .mt-vps {
    margin-top: -315px !important;
  }
  .mt-webmin {
    margin-top: -330px !important;
  }
  .mt-centova-vps {
    margin-top: -360px !important;
  }
  .plan-price {
    text-align: center;
    display: flex;
    justify-content: center !important;
  }
  #monthly_yearly_ul {
    margin-left: 25%;
  }
}

#plan-head {
  margin-bottom: 20px;
}

#plan-head h2 {
  color: #060845;
  font-weight: 800;
}
.dskHide {
  display: none;
}
#plan-head p {
  color: #8b8cac;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.slide .features li i {
  color: green;
  margin-right: 10px;
  margin-left: 10px;
  .corss {
    color: red !important;
  }
}
#ram_range_slider {
  width: 100%;
  color: #5f30e2;
}
/*.slidebg:hover + .block{
            color: #fff !important;
        }*/
.pricing-tab.feature-tab li:first-child a.nav-link {
  border-right: 0;
  border-radius: 25px 0 0 25px !important;
}
.pricing-tab.feature-tab li:nth-child(2) a.nav-link {
  border-radius: 0 25px 25px 0 !important;
}
.pricing-tab.feature-tab li a.nav-link.active {
  background: #5f30e2;
  color: #ffffff;
  border-color: #5f30e2;
}
.pricing-tab.feature-tab .nav-item {
  float: left;
  margin-bottom: -3px;
  width: 35%;
  text-align: center;
}

.pricing-tab.feature-tab li a.nav-link {
  padding: 12px 15px !important;
  margin: 0;
  border: 2px solid #ccc !important;
}

/*overhiding*/
#mit-intro-ded span {
  color: #212529 !important;
}
#mit-services span {
  color: #666 !important;
}
#mit-pkges a,
#mit-dedi-infor a {
  color: #445d6e !important;
}
#mit-pkges {
  margin: 0 !important;
}
.mrg-top-100 {
  margin-top: 100px;
}
.h1-size {
  font-size: 2.5rem;
  font-weight: 500;
}
.h2-font-size {
  font-size: 2rem !important;
}

.svg-style {
  vertical-align: middle !important;
  margin-right: 8px !important;
}
.z-index-top {
  z-index: 100 !important;
}
.full-width {
  width: 100%;
}
.vertical-center {
  vertical-align: middle !important;
}
.mrg-t30 {
  margin-top: 30px;
}

.vps-tik {
  color: #5333ed;
  margin-right: 10px;
}
.vps-ul {
  list-style: none;
}
.marg-top-20 {
  margin-top: 20px;
}
#mit-intro-ded .intro-text {
  min-height: 100% !important;
}
.intro-text {
  margin-top: 0 !important;
}
@media screen and (max-width: 1200px) {
  #mit-intro-ded .intro-text {
    min-height: 100% !important;
  }
}
.cloud-bo-p {
  min-height: 168px;
}
@media (max-width: 992px) {
  .cloud-bo-p {
    min-height: 80px;
  }
}
@media (min-width: 1200px) {
  .cloud-bo-p {
    min-height: 127px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 992px) {
  .cloud-bo-p {
    min-height: 47px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .center-ul {
    width: 30%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .center-ul {
    width: 68%;
    margin: auto;
  }
}
@media (max-width: 578px) {
  .item .block {
    margin-bottom: 0;
  }
  .slide .features li {
    margin: 10px 0;
  }

  .slide .features {
    margin-bottom: 0;
  }
  #ab_web_designing_faq .wt-faq-que {
    margin-bottom: 0 !important;
  }
  #ab_web_designing_faq {
    padding-bottom: 0 !important;
    padding-top: 40px !important;
  }

  .p-b-50px {
    padding-bottom: 40px !important;
  }
  .control-btn {
    top: 45em;
    left: 15em;
  }
}

#vps .mit-wrapper {
  margin-top: -13px !important;
}
.p-x {
  padding: 15px 15px;
}
.head-item {
  top: 12px;
  left: 82px !important;
}
.img {
  border-radius: 15px;
}
/* .fa-check-circle {
  color: green !important;
} */
.reveal {
  position: relative;
  opacity: 1;
  /* Changed from 0 to 1 for initial state */
  transform: translateY(50px);
  transition: all 1s ease;
  visibility: hidden;
}

.reveal.active {
  transform: translateY(0);
  visibility: visible;
}

.reveal-left {
  position: relative;
  transform: translateX(-50px);
  transition: all 1s ease;
  visibility: hidden;
}

.reveal-left :hover {
  transform: scale(1.01);
}
.reveal-right:hover {
  transform: scale(1.01);
}
.reveal-right {
  position: relative;
  transform: translateX(50px);
  transition: all 1s ease;
  visibility: hidden;
}

.reveal-left.active,
.reveal-right.active {
  transform: translateX(0);
  visibility: visible;
}

/* Ensure content is visible if JavaScript fails */
.no-js .reveal,
.no-js .reveal-left,
.no-js .reveal-right {
  visibility: visible;
  transform: none;
}

.reveal-rotate {
  position: relative;
  opacity: 0;
  transform: rotate(-10deg);
  transition: 1s all ease;
}

.reveal-rotate.active {
  transform: rotate(0);
  opacity: 1;
}

.reveal-scale {
  position: relative;
  opacity: 0;
  transform: scale(0.5);
  transition: 1s all ease;
}

.reveal-scale.active {
  transform: scale(1);
  opacity: 1;
}
.animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate.animate--active {
  opacity: 1;
  transform: translateY(0);
}
/* Delay classes for staggered animations */
.delay-1 {
  transition-delay: 0.1s;
}

.delay-2 {
  transition-delay: 0.2s;
}

.delay-3 {
  transition-delay: 0.3s;
}

.delay-4 {
  transition-delay: 0.4s;
}
@media (max-width: 991px) {
  .common-banner .row {
    flex-direction: row !important;
    align-items: center;
  }

  .common-banner-sec {
    padding-right: 10px;
  }

  .mit-vps-home-h2 {
    font-size: 2rem;
  }
  .Web-host {
    height: auto;
  }
  /* .fs-lg {
    font-size: 32px !important;
  } */
  /* .common-banner-sec p {
    font-size: 32px;
  } */
  /* #plan-head p {
    font-size: 32px;
  } */
  /* .slide .features li {
    font-size: 32px;
  } */
  /* #plan-head h2 {
    font-size: 40px;
  } */
  /* .slide .title {
    font-size: 32px;
  } */
  /* .nav a {
    font-size: 30px;
  } */
  .item .block {
    padding: 30px;
  }
  /* .mobile-font {
    font-size: 50px;
    font-weight: 700;
  } */
  #kvm_vps_banner_img {
    max-width: 100%;
    height: auto;
    display: block !important;
    /* margin-top: 25px; */
    text-align: center;
    /* margin-bottom: 25px; */
    align-items: center;
    margin: 2% auto;
  }
  .center-review {
    margin-top: 0px !important;
  }
  /* .text-center {
    padding-left: 10px;
  } */
  /* .what-you-pay {
    height: 26vw;
  } */
  .control-btn {
    top: 45em;
    left: 15em;
  }

  .carousel-indicators {
    display: none;
  }
  .kvm-box {
    padding: 1rem !important;
  }
  .mb-mt-20 {
    margin-top: 20px;
  }
  /* .mw-p {
    font-size: 32px;
  } */
  /* p {
    font-size: 32px;
  } */
  .col-sm-12 {
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  .app-section {
    /* padding: 20px 50px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding-bottom: 1rem;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .operating-para {
    font-size: 20px;
  }
  /* .Web-host {
    margin-top: 30px;
  } */
  .mr-20 {
    margin-right: 0px;
  }
  /* #carouselExampleCaptions {
    height: 90vh;  } */
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* #mit-reviews h3 {
    font-size: 25px !important;
  } */
  /* .mnth {
    font-size: 2rem !important;
  } */
  /* .mobile-p {
    font-size: 32px;
  } */
  .get-started {
    display: flex;
    width: 50% !important;
    justify-content: center;
    font-size: 2rem !important;
    align-items: center;
  }
  /* .job-sec {
    font-size: 1.5rem;
  } */
  .price-switch {
    margin: auto 17% !important;
  }
  /* .install-sec {
    font-size: 28px;
  } */
  .mobile-center {
    text-align: center;
  }
  /* .Web-host li {
    font-size: 32px;
  } */
  .mw-h3 {
    /* font-size: 40px; */
    padding-top: 40px;
  }
  .view-btn {
    font-size: 12px;
    padding: 10px;
    width: 100%;
  }
  .mb-mt-10 {
    margin-top: 10px;
  }
  .head-item {
    top: 34px;
    left: 17px;
  }
  .hide {
    display: none !important;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px 1px;
  }
  #pricePlan .nav-tabs {
    justify-content: center;
  }
  .subContent {
    font-weight: 400 !important;
    font-size: 22px !important ;
  }
  .headingFont {
    font-size: 30px !important;
    font-weight: 900 !important;
  }
  .gryClr {
    color: #9397ad !important;
    font-weight: 400 !important;
    font-size: 22px !important;
  }
  .card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .card-hover:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
  }
}

/* .app-section {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding-bottom: 1rem;
} */
/* .card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
#testimonials {
  background-color: #f8f9fa;
}

.testimonial-card {
  transition: transform 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
}

.carousel-indicators {
  bottom: -30px;
}

.carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

@media (max-width: 767.98px) {
  .testimonial-card {
    margin-bottom: 20px;
  }

  .carousel-inner .row-cols-md-2 {
    flex-direction: column !important;
  }

  .carousel-inner .col {
    max-width: 100%;
  }
  
}
.google {
  font-family: "Product Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.google span:nth-child(1) {
  color: #4285f4;
}
.google span:nth-child(2) {
  color: #ea4335;
}
.google span:nth-child(3) {
  color: #fbbc05;
}
.google span:nth-child(4) {
  color: #4285f4;
}
.google span:nth-child(5) {
  color: #34a853;
}
.google span:nth-child(6) {
  color: #ea4335;
} */
/* new changes */
/* .trustpilot {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  font-size: 18px;
  font-weight: 400; 
}

.hostadvice-title {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #000;
}
.host-text {
  font-weight: bold;
  font-style: italic;
  color: #000;
}
.trustpilotBody {
  font-family: Arial Black, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  background-color: #000;
  padding: 0px 9px;
  display: inline-block;
  border-radius: 5px;
  font-size: 18px !important;
}

.advice-text {
  font-weight: normal;
  color: #000;
}


.whtop-title {
  font-family: Arial Black, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  background-color: #4d7bbd;
  padding: 0px 9px;
  display: inline-block;
  border-radius: 5px;
  font-size: 18px !important;
}

.p-text {
  font-style: italic;
}
.rtng {
  padding: 13px 1px !important;
} */
.review-box {
  cursor: pointer;
}
.newFont {
  color: #000;
}
.stars {
  color: #4035c8;
}
.advice-text {
  font-weight: 600;
  color: #000;
  font-size: 18px;
}
.advice-logo {
  height: 1.5rem;
}
/* comprasion table  */
.pricing-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.comparison-container {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: white;
}

.pricing-table th,
.pricing-table td {
  padding: 18px 15px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}

.pricing-table td:first-child {
  text-align: left;
  padding-left: 25px;
  font-weight: 500;
  color: #34395e;
}

.pricing-table tr:nth-child(even) {
  background-color: #f8f9fc;
}

.header-row {
  background-color: #34395e !important;
  color: white;
}

.header-row th {
  padding: 25px 15px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.header-row th:first-child {
  text-align: left;
  padding-left: 25px;
}

.plan-name {
  font-size: 16px;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}

.plan-price {
  font-size: 28px;
  font-weight: 700;
}

.plan-type {
  font-size: 14px;
  opacity: 0.8;
  text-transform: uppercase;
}

.check-icon {
  background-color: #67ef7d;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.feature-value {
  font-weight: 600;
  color: #6777ef;
}

.feature-name {
  font-weight: bold;
  font-size: 15px;
  color: #060845;
}

/* Responsive styles */
.pricing-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: white;
}

.pricing-table th,
.pricing-table td {
  padding: 18px 15px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}

.pricing-table td:first-child {
  text-align: left;
  padding-left: 25px;
  font-weight: 500;
  color: #34395e;
}

.pricing-table tr:nth-child(even) {
  background-color: #f8f9fc;
}

.header-row {
  background-color: #4035c8 !important;
  color: white;
}

.header-row th {
  padding: 25px 15px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.header-row th:first-child {
  text-align: left;
  padding-left: 25px;
}

.plan-name {
  font-size: 16px;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}

.plan-price {
  font-size: 28px;
  font-weight: 700;
}

.plan-type {
  font-size: 14px;
  opacity: 0.8;
  text-transform: uppercase;
}

.check-icon {
  background-color: #67ef7d;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.warning-icon {
  background-color: #f39c12;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cross-icon {
  background-color: #e74c3c;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.feature-value {
  font-weight: 600;
  color: #6777ef;
}

.feature-name {
  font-weight: bold;
  font-size: 18px;
  color: #060845;
}

/* Responsive styles */
@media (max-width: 768px) {
  .pricing-container {
    margin: 10px;
    border-radius: 15px;
  }

  .pricing-table th,
  .pricing-table td {
    padding: 15px 10px;
  }

  .header-row th {
    padding: 20px 10px;
    font-size: 16px;
  }

  .plan-price {
    font-size: 24px;
  }

  .feature-name {
    font-size: 14px;
  }
}
/* Default styles */
.desktop-text {
  display: inline-block; /* Visible on desktop */
  display: flex;
  align-items: center;
  padding: 5px;
}
.overselling {
  display: none;
}
.mobile-tooltip {
  display: none; /* Hidden by default */
  position: relative;
}

/* Mobile tooltip styling */
.mobile-tooltip:hover::after {
  content: "Included";
  position: absolute;
  background: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  white-space: nowrap;
  z-index: 10;
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
  .desktop-text {
    display: none; /* Hide on mobile */
  }

  .mobile-tooltip {
    display: inline-block; /* Show on mobile */
  }
}
@media (max-width: 480px) {
  .pricing-container {
    margin: 5px;
    border-radius: 10px;
  }

  .pricing-table th,
  .pricing-table td {
    padding: 12px 8px;
    font-size: 13px;
  }

  .header-row th {
    padding: 15px 8px;
    font-size: 14px;
  }

  .plan-price {
    font-size: 20px;
  }

  .plan-type {
    font-size: 12px;
  }

  .check-icon {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }

  .feature-name {
    font-size: 12px;
  }
}
.icon-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  font-weight: normal;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.icon-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.icon-container:hover {
  transform: scale(1.01);
}

/* -------------------------------------------- */
.section-space {
  padding: 40px 0;
}

.title-center {
  text-align: center;
  margin-bottom: 40px;
}

.mw-h2 {
  font-size: 32px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

.headingFont {
  font-family: "Arial", sans-serif;
}

.subtitle {
  color: #666;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  padding: 0 10px;
}

.comparison-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1120px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.comparison-column {
  flex: 1;
  min-width: 225px;
  max-width: 250px;
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  margin-top: 20px;
}
.rounded-image {
  border-radius: 15px; /* Adjust this value to control the amount of curve */
  overflow: hidden; /* This ensures the content inside respects the border radius */
}

.header {
  position: relative;
  color: #ffffff;
  padding: 80px 20px 30px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top: 40px;
}

.basis-header {
  background-color: #5ebbdb;
}

.company-header {
  background-color: #bec3f9;
}

.competitor-header {
  background-color: #5ebbdb;
}

.dev-header {
  background-color: #bec3f9;
}

.icon-containers {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.basis-icon {
  background-color: #5ebbdb;
}

.company-icon {
  background-color: #bec3f9;
}

.competitor-icon {
  background-color: #5ebbdb;
}

.dev-icon {
  background-color: #bec3f9;
}

.icon {
  width: 35px;
  height: 35px;
}

.content {
  padding: 15px;
}

.feature-row {
  display: flex;
  flex-direction: column;
  padding: 12px 10px;
  text-align: center;
}

.feature-name {
  font-weight: normal;
  color: #666;
  line-height: 1.5;
}

.feature-value {
  color: #333;
}

/* Media Queries for Responsive Design */
@media (max-width: 1024px) {
  .comparison-column {
    min-width: 220px;
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  /* Tablet View */
  .comparison-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .comparison-column {
    min-width: 45%;
    max-width: 45%;
    padding: 1.5rem;
  }

  .mw-h2 {
    font-size: 28px;
  }

  .header {
    margin-top: 35px;
    padding-top: 70px;
  }
}

@media (max-width: 576px) {
  .comparison-column {
    min-width: 100%;
    max-width: 100%;
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  /* Mobile View */

  .mw-h2 {
    font-size: 24px;
  }

  .subtitle {
    font-size: 12px;
  }

  .header {
    padding: 65px 10px 20px;
    font-size: 18px;
    margin-top: 30px;
  }

  .icon-containers {
    width: 65px;
    height: 65px;
    top: -32px;
  }

  .icon {
    width: 30px;
    height: 30px;
  }

  .feature-row {
    padding: 10px 5px;
    font-size: 14px;
  }
}
:root {
  --fa-style-family: "Font Awesome 6 Pro";
  --fa-style: 400;
  --fa-border-color: red;
  --fa-primary-color: green;
  --fa-secondary-color: red;
}

.comparison-column:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}
.price-box {
  min-height: 325px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 50px;
}
.price-box h2 {
  width: 80%;
  color: #fff;
  padding: 15px;
  font-size: 38px;
  margin-bottom: 30px;
  text-align: center;
  text-shadow: 1px 2px 3px #444;
}

.price-box .block {
  width: 100%;
  /*float: left;*/
  /*color: #000;*/
  min-height: 200px;
  /*text-align: center;*/
  padding: 15px;
  margin-bottom: 20px;
  background-color: transparent;
}

.price-box h4 {
  width: 100%;
  padding: 15px;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  text-shadow: 2px 2px 2px #555;
}

.price-box p {
  text-align: center;
  font-size: 18px;
}

.price-box .input-group {
  margin-bottom: 10px;
}