/*Service-Section*/
.service_section {
    position: relative;
    top: -121px;
    height: 0;
}
.service_box {
    background-color: #fff;
    padding: 34px 40px 33px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    transition: all 0.5s;
    border-top: 6px solid transparent;
}

.service_box figure {
    display: table;
    float: left;
}
.service_box h3 {
    color: #274252;
    font-size: 18px;
    font-weight: 600;
    display: table-cell;
    padding: 5px 0 0 20px;
    line-height: 22px;
}
.service_box p {
    margin: 0;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    line-height: 20px;
    padding-top: 27px;
    color: #777;
}
.newtag {
background: #cfddff;
    padding: 6px 15px 4px;
    float: right;
    margin-right: 30px;
    margin-top: 5px;
    border-radius: 2px;
    font-size: 13px;
    color: #024ddb;
}
.blue-border{
    border: 1px solid #0f0fed;
}

.domainpricing table{
    width: 100%;
}

.domainpricing table th{
 padding: 20px 16px;
 text-align: center;
 color: #fff;
 border-right: 1px solid #dee2e6;
    background: var(--primary);
}

.domainpricing table td {
    border-right: 1px solid #dee2e6;
    padding: 20px 16px;
    vertical-align: top;
    text-align: center;
    border-top: 1px solid #dee2e6;
}
@media only screen and (max-width: 767px) {
#myInput {
    background-image: url('/assets/hostaroma/images/searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    width: 100%;
    float: right;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    border-radius: 15px 15px 0px 0px;
}
}

#myInput {
    background-image: url('/assets/hostaroma/images/searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    width: 32%;
    float: right;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    border-radius: 15px 15px 0px 0px;
}

.dom-search{
 background-image: url(/assets/hostaroma/images/search.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
}


/* line 334, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table {
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-collapse: unset;
  border-spacing: 0 10px;
}

/* line 343, src/assets/scss/components/price-section/_price-1.scss */
.domain-search-result-table tr.vps-pricing-row {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

/* line 346, src/assets/scss/components/price-section/_price-1.scss */
.domain-search-result-table tr.vps-pricing-row td p {
  margin-bottom: 0;
}

/* line 353, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > thead {
  background-color: #0e17ee;
  text-align: center;
  border-radius: 4px;
}
.primary-blue{
  background-color: #0e17ee;  
}
.ptpb100{
padding: 100px 0;
}
/* line 358, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table.vps-hosting-pricing-table-two {
  border-collapse: collapse;
}

/* line 362, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > thead > tr > th {
  border: none;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
}

/* line 371, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row {
  text-align: left;
  background-color: #fff;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

/* line 378, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:first-child {
  border-left: 2px solid transparent;
  border-radius: 2px 0 0 2px;
}

/* line 382, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:first-child {
  border-left: 3px solid rgba(93, 118, 174, 0.15);
}

/* line 385, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row:hover td {
  border-color: #0948b3;
}

/* line 388, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:last-child {
  border-right: 2px solid transparent;
  border-radius: 0 2px 2px 0;
  text-align: right;
}

/* line 393, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table-two > thead {
  border: 2px solid rgba(93, 118, 174, 0.15);
  border-top: none;
  background: #e5e9f2;
}

/* line 398, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table-two .vps-pricing-row {
  border: 2px solid rgba(93, 118, 174, 0.15);
  border-left: 2px solid transparent;
}

/* line 402, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table-two .vps-pricing-row > td:last-child {
  border-right: initial;
}

/* line 406, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > tbody > tr > td {
  padding: 20px 20px;
  border-right: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

/* line 414, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table.domain-search-result-table > tbody > tr > td {
  font-size: 14px;
}

/* line 417, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td {
  border: none;
}

/* line 421, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .rate {
  font-size: 20px;
  font-weight: 700;
  color: #f67a3c;
  font-family: "Roboto", sans-serif;
}

/* line 428, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .rate span {
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
  opacity: 0.8;
  color: #8392a5;
}

/* line 436, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .score-bar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 447, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .geekbench-score {
  font-weight: 400;
  margin-right: 15px;
}

/* line 452, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .score-bar-wrap .score-bar-item {
  min-width: 40px;
  height: 14px;
  font-size: 55%;
  border-radius: 30px;
  font-weight: 400;
  background-color: #e5e9f2;
  position: relative;
}

/* line 462, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table .pricing-onsale, .vps-hosting-pricing-table .cpu-core {
  display: block;
  font-size: 14px;
  color: #8392a5;
  margin-top: 4px;
  font-weight: 400;
}

/* line 470, src/assets/scss/components/price-section/_price-1.scss */
.vps-hosting-pricing-table > tbody > tr > td:first-child::before {
  content: attr(data-value);
  display: none;
  width: initial;
  height: initial;
  background-color: transparent;
  position: relative;
  left: initial;
  top: initial;
  opacity: 1;
}

/* line 482, src/assets/scss/components/price-section/_price-1.scss */
.vps-pricing-row > td:before {
  content: attr(data-value);
  display: none;
}

/* line 487, src/assets/scss/components/price-section/_price-1.scss */
table > tbody > tr > td:first-child:before {
  content: '';
  display: block;
  width: 3px;
  height: 100%;
  background-color: #1062fe;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media (max-width: 991px) {
  /* line 503, src/assets/scss/components/price-section/_price-1.scss */
  .vps-hosting-pricing-table > thead {
    display: none;
  }
  /* line 507, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    width: 45%;
    float: left;
    margin: 0 15px 28px 15px;
  }
  /* line 523, src/assets/scss/components/price-section/_price-1.scss */
  .vps-hosting-pricing-table > tbody > tr {
    padding: 15px;
  }
  /* line 526, src/assets/scss/components/price-section/_price-1.scss */
  .vps-hosting-pricing-table > tbody > tr > td {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
  }
  /* line 532, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row:hover.border-accent-primary > td:first-child {
    margin-bottom: 0;
    border-radius: 0;
    border-left: none;
  }
  /* line 538, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row > td:first-child {
    border-left: none;
    border-radius: 0;
  }
  /* line 543, src/assets/scss/components/price-section/_price-1.scss */
  .vps-hosting-pricing-table > tbody > tr > td:first-child::before {
    display: block;
    width: 45%;
  }
  /* line 548, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row > td:before {
    display: block;
    width: 45%;
  }
  /* line 553, src/assets/scss/components/price-section/_price-1.scss */
  .vps-hosting-pricing-table > tbody > tr > td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 564, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row > td:last-child::before {
    display: none;
  }
  /* line 568, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row > td:last-child {
    text-align: center !important;
    margin: auto;
  }
}

@media (max-width: 768px) {
  /* line 576, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 584, src/assets/scss/components/price-section/_price-1.scss */
  .vps-pricing-row td a.primary-solid-btn {
    padding: 8px 12px !important;
  }
}

/*====================================
       06. CUSTOM VPS PLAN CSS
======================================*/
/* line 593, src/assets/scss/components/price-section/_price-1.scss */
.vps-switch-wrap {
  position: relative;
  width: 100%;
  display: block;
}

/* line 598, src/assets/scss/components/price-section/_price-1.scss */
.custom-plan-box {
  padding: 12px 25px;
}

/* line 601, src/assets/scss/components/price-section/_price-1.scss */
.custom-plan-box .slider .tooltip.top {
  display: none;
}

/* line 604, src/assets/scss/components/price-section/_price-1.scss */
.custom-plan-info-box {
  padding: 34px;
}

/* line 608, src/assets/scss/components/price-section/_price-1.scss */
.single-vps-item {
  width: 100%;
  display: block;
  padding: 15px;
  min-width: 298px;
}

/* line 615, src/assets/scss/components/price-section/_price-1.scss */
.custom-vps-list li {
  margin-bottom: 5px;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 767px) {
  /* line 621, src/assets/scss/components/price-section/_price-1.scss */
  .custom-vps-list li {
    width: 45%;
    display: inline-block;
    margin-bottom: 10px;
  }
  /* line 626, src/assets/scss/components/price-section/_price-1.scss */
  .single-vps-item {
    padding: 12px 5px;
  }
}

@media (min-width: 320px) and (max-width: 576px) {
  /* line 631, src/assets/scss/components/price-section/_price-1.scss */
  .custom-plan-box {
    margin-bottom: 15px;
  }
  /* line 634, src/assets/scss/components/price-section/_price-1.scss */
  .custom-vps-list li {
    width: 100%;
  }
  /* line 637, src/assets/scss/components/price-section/_price-1.scss */
  .custom-vps-list li.list-inline-item:not(:last-child) {
    margin-right: 0;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  /* line 642, src/assets/scss/components/price-section/_price-1.scss */
  .single-vps-item {
    min-width: 210px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  /* line 647, src/assets/scss/components/price-section/_price-1.scss */
  .single-vps-item {
    min-width: 245px;
  }
}

/* line 1, src/assets/scss/components/contact-section/_location-map.scss */
.tooltip {
  z-index: 9;
}

/* line 4, src/assets/scss/components/contact-section/_location-map.scss */
.network-map-wrap {
  position: relative;
  display: block;
  width: 100%;
}

/* line 10, src/assets/scss/components/contact-section/_location-map.scss */
.network-map-wrap ul li {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  margin: -6px;
  background-color: #1062fe;
  border-radius: 50%;
}

/* line 20, src/assets/scss/components/contact-section/_location-map.scss */
.network-map-wrap ul li span {
  display: block;
  width: 10px;
  height: 10px;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
  -webkit-transition: .5s linear;
  border-radius: 50%;
}

/*circle wave*/
@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
    box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
    box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0);
  }
}

.domain-info-wrap p {
    color: #000;
}

/* line 35, src/assets/scss/components/feature-service/_features-1.scss */
.single-popular-domain img {
  display: inline-block;
  max-width: 100px;
  min-height: 13px;
  max-height: 34px;
}

/* line 42, src/assets/scss/components/feature-service/_features-1.scss */
.single-popular-domain span.badge {
  right: 10%;
  top: 10%;
}

/* line 47, src/assets/scss/components/feature-service/_features-1.scss */
.domain-price-list .domain-old-price {
  font-size: 15px;
  font-weight: 500;
  opacity: 0.7;
  color: #0f3eee;
}

/* line 53, src/assets/scss/components/feature-service/_features-1.scss */
.domain-price-list .domain-new-price {
  font-size: 22px;
  line-height: initial;
  font-weight: 700;
  color: #0f3eee;
}

/* line 60, src/assets/scss/components/feature-service/_features-1.scss */
.domain-list {
  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-flow: dense;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.dom-banner{
background: #0148B2;
padding-top: 163px;
}


/*======================================
       07. PRICING SECTION CSS
=======================================*/
/* line 1881, src/assets/scss/custom/_style.scss */
.card.single-pricing-pack {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 0 1px #ebebeb;
          box-shadow: 0 0 0 1px #ebebeb;
  border-radius: 1rem !important;
  border: 2px solid transparent;
}

/* line 1888, src/assets/scss/custom/_style.scss */
.card.single-pricing-pack:hover {
  z-index: 2;
}

/* line 1892, src/assets/scss/custom/_style.scss */
.single-pricing-pack:hover {
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
  border: 2px solid #035ded;
}

/* line 1897, src/assets/scss/custom/_style.scss */
.single-pricing-pack .card-body {
  color: #757575;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.5rem;
}

/* line 1902, src/assets/scss/custom/_style.scss */
.single-pricing-pack .card-body.px-5 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

/* line 1906, src/assets/scss/custom/_style.scss */
.pricing-header {
  position: relative;
  background: transparent;
}

/* line 1911, src/assets/scss/custom/_style.scss */
.pricing-header .price {
  font-size: 35px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #035ded;
}

/* line 1918, src/assets/scss/custom/_style.scss */
.pricing-header .price span {
  font-size: 14px;
  margin-left: 4px;
  font-weight: 500;
}

/* line 1924, src/assets/scss/custom/_style.scss */
.pricing-header::after {
  content: "";
  display: block;
  width: 80%;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40%;
  height: 1px;
  background: radial-gradient(at center center, #dee4ef 0px, rgba(255, 255, 255, 0) 75%);
}

/* line 1936, src/assets/scss/custom/_style.scss */
.pricing-feature-list li {
  font-size: 15px;
  line-height: 30px;
}

/* line 1941, src/assets/scss/custom/_style.scss */
.pricing-feature-list li i {
  font-size: 14px;
}

/* line 1944, src/assets/scss/custom/_style.scss */
.single-pricing-pack li.del {
  opacity: 0.7;
}

/* line 1947, src/assets/scss/custom/_style.scss */
.pricing-feature-list li span {
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #5a5a5a;
  font-size: 13px;
}

/* line 1954, src/assets/scss/custom/_style.scss */
.popular-price {
  -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
          box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
  border: 2px solid #035ded !important;
}

/* line 1959, src/assets/scss/custom/_style.scss */
.popular-price:hover {
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12) !important;
}

/*pricing switch style*/
/* line 1965, src/assets/scss/custom/_style.scss */
.yearly-price {
  display: none;
}

/*custom pricing plane design*/
/* line 4311, src/assets/scss/custom/_style.scss */
.radio-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* line 4316, src/assets/scss/custom/_style.scss */
.radio-box-wrap .single-radio-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: block;
}

/* line 4321, src/assets/scss/custom/_style.scss */
.single-radio-box {
  display: block;
  position: relative;
  border: 1px solid #ebebeb;
  margin: 5px 12px;
  border-radius: 4px;
  width: 100%;
}

/* line 4329, src/assets/scss/custom/_style.scss */
.single-radio-box input[type=radio] {
  position: absolute;
  visibility: hidden;
}

/* line 4333, src/assets/scss/custom/_style.scss */
.single-radio-box label {
  font-family: Poppins, sans-serif;
  display: block;
  position: relative;
  padding: 10px;
  z-index: 9;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  margin-bottom: 0;
}

/* line 4345, src/assets/scss/custom/_style.scss */
.single-radio-box label .custom-check {
  display: block;
  position: absolute;
  border: 2px solid transparent;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: -30%;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

/* line 4359, src/assets/scss/custom/_style.scss */
.single-radio-box label .custom-check:before {
  display: block;
  position: absolute;
  border-radius: 100%;
  font-size: 14px;
  height: 11px;
  width: 11px;
  left: 40%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: 0;
  right: 0;
  bottom: 60%;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

/* line 4375, src/assets/scss/custom/_style.scss */
.single-radio-box input[type=radio]:checked ~ label .custom-check {
  border: 2px solid #035ded;
  background: #fff;
}

/* line 4379, src/assets/scss/custom/_style.scss */
.single-radio-box input[type=radio]:checked ~ label .custom-check::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f00c";
  color: #035ded;
}

/* line 4385, src/assets/scss/custom/_style.scss */
.single-radio-box input[type=radio]:checked ~ label {
  color: #fff;
  background: #035ded;
  border-radius: 4px;
}

/* line 4391, src/assets/scss/custom/_style.scss */
.yearly-price, .biannual-price, .triennial-price {
  display: none;
}