.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--e-global-color-primary: #333333;
--e-global-color-text: #7c7c7c;
--e-global-color-accent: #197bff;
--e-global-color-white: #ffffff;
--e-global-color-yellow: #f2d22f;
--e-global-heading-font: 'Inter', sans-serif;
--e-global-body-font: 'Inter', sans-serif;
} .hostiko-price-outer .currency {
font-size: 30px;
line-height: 30px;
font-weight: 400;
color: var(--e-global-color-primary);
top: -23px;
position: relative;
font-family: var(--e-global-body-font);
display: inline-block;
}
.hostiko-price-outer .price {
font-size: 64px;
line-height: 54px;
font-weight: 700;
color: var(--e-global-color-primary);
display: inline-block;
font-family: var(--e-global-body-font);
}
.hostiko-price-outer .decimal-outer {
display: inline-block;
}
.hostiko-price-outer .decimal-outer .decimal {
font-size: 30px;
line-height: 30px;
font-weight: 400;
display: block;
color: var(--e-global-color-primary);
font-family: var(--e-global-body-font);
}
.hostiko-price-outer .decimal-outer .duration {
font-size: 16px;
line-height: 16px;
font-weight: 300;
color: var(--e-global-color-text);
font-family: var(--e-global-body-font);
display: inline-block;
} .hostiko-testimonial-section .hostiko-testimonial-box {
background: var(--e-global-color-white);
width: 100%;
padding: 40px 43px 40px 35px;
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.hostiko-testimonial-section .hostiko-testimonial-box .user-content-outer {
margin-bottom: 20px;
}
.hostiko-testimonial-section .hostiko-testimonial-box .user-content {
padding-left: 20px;
}
.hostiko-testimonial-section .hostiko-testimonial-box .user-name {
font-size: 18px;
line-height: 18px;
font-weight: 600;
font-family: var(--e-global-heading-font);
color: var(--e-global-color-primary);
margin-bottom: 6px;
}
.hostiko-testimonial-section .hostiko-testimonial-box .designation {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-text);
font-family: var(--e-global-body-font);
display: block;
}
.hostiko-testimonial-section .hostiko-testimonial-box .content {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: var(--e-global-color-primary);
font-family: var(--e-global-body-font);
margin-bottom: 22px;
}
.hostiko-testimonial-section .hostiko-testimonial-box ul {
line-height: 0;
}
.hostiko-testimonial-section .hostiko-testimonial-box ul li {
display: inline-block;
margin-right: -2px;
}
.hostiko-testimonial-section .hostiko-testimonial-box ul li i {
color: var(--e-global-color-yellow);
font-size: 16px;
line-height: 12px;
}
.hostiko-testimonial-section .owl-carousel .owl-nav {
position: absolute;
top: 95px;
left: 0;
width: 100%;
}
.hostiko-testimonial-section .owl-carousel .owl-nav .owl-prev {
left: -25px;
position: absolute;
}
.hostiko-testimonial-section .owl-carousel .owl-nav .owl-prev span,
.hostiko-testimonial-section .owl-carousel .owl-nav .owl-next span {
font-size: 50px;
}
.hostiko-testimonial-section .owl-carousel .owl-nav .owl-next {
position: absolute;
right: -25px;
}
.hostiko-testimonial-section .owl-carousel .owl-dots {
display: block !important;
margin-top: 40px !important;
line-height: 0;
text-align: center;
}
.hostiko-testimonial-section .owl-carousel .owl-dots button:hover {
background-color: transparent !important;
}
.hostiko-testimonial-section .owl-carousel .owl-dots .owl-dot span {
background: #d6d6d6;
width: 10px;
height: 10px;
margin: 0 6px;
transition: all 0.3s ease-in-out;
display: block;
border-radius: 100px;
}
.hostiko-testimonial-section .owl-carousel .owl-dots .owl-dot:hover span {
background: var(--e-global-color-yellow);
}
.hostiko-testimonial-section .owl-carousel .owl-dots .owl-dot.active span {
background: var(--e-global-color-yellow);
position: relative;
display: block;
border-radius: 100px;
}
.hostiko-testimonial-section .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
}
.hostiko-testimonial-section .owl-carousel .owl-dots button:focus {
outline: none;
background-color: transparent;
} .hostiko-tld-table {
overflow: hidden;
box-shadow: 0 0 61px 0 rgba(0, 0, 0, 0.03);
}
.hostiko-tld-table tr th {
background-color: #fb666b;
color: #fff;
border: none;
padding: 20px;
}
.hostiko-tld-table tr td {
color: #7c7c7c;
border: none !important;
}
.hostiko-tld-table tr td:first-child {
font-weight: 600;
color: #333333;
}
.hostiko-tld-table tr:nth-child(odd) {
background: #f9f9f9;
}
.hostiko-tld-table tr td {
padding: 15px;
}
.whmcs-cards .whmcs_price_plan {
float: left;
overflow: hidden;
} .hostiko_vps_section {
padding: 100px 0;
}
.hostiko_vps_section .vps_content {
padding: 0 0 7px;
border-radius: 5px;
background: #4383ec;
}
.hostiko_vps_section .vps_content .vps_upper_content {
padding: 48px 64px 45px;
margin-bottom: 8px;
border-radius: 4px 4px 6px 6px;
background: #fff;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content {
position: relative;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-image {
margin-bottom: 28px;
margin-left: 10px;
margin-right: 10px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-circle {
position: absolute;
top: -2px;
left: 192px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box {
display: flex;
margin-bottom: 26px;
justify-content: space-between;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box li {
text-align: center;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box span {
font-size: 14px;
line-height: 20px;
display: block;
color: var(--global--color-text);
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box .vps {
font-weight: 400;
margin-bottom: 2px;
cursor: pointer;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box .num {
font-weight: 700;
margin-bottom: 0;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box {
padding: 23px 42px 20px;
margin-bottom: 29px;
display: flex;
border-radius: 6px;
border: 1px solid #bbd2f8;
box-shadow: 0 10px 36px 10px rgb(67 131 236 / 10%);
justify-content: space-between;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li {
padding-right: 32px;
display: flex;
border-right: 1px solid #d8e5ff;
align-items: center;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li:first-child {
padding-left: 0;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li:last-child {
padding-right: 0;
border: none;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .content-icon {
float: left;
padding-right: 5px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box span {
padding-right: 8px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button {
text-align: center;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button span {
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: var(--global--color-text);
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .price_inner {
padding: 0 8px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .price_outter {
padding-right: 14px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .price_outter .price {
font-size: 24px;
line-height: 24px;
font-weight: 500;
color: #4383ec;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .buy_now {
font-size: 14px;
line-height: 14px;
font-weight: 500;
padding: 18px 60px;
border-radius: 6px;
display: inline-block;
color: #fff;
background: #4383ec;
transition: all 0.3s ease-in-out;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .buy_now:hover {
background: #57dbee;
}
.hostiko_vps_section .vps_content .text {
text-align: center;
color: #fff;
}
.hostiko_vps_section .vps_content .text .bold-text {
font-weight: 700;
padding-right: 5px;
}
.hostiko_vps_section .ui-slider .ui-slider-handle {
width: 30px;
height: 30px;
border: none;
background: transparent;
top: -8px;
}
.hostiko_vps_section .ui-slider-horizontal {
height: 16px;
cursor: pointer;
}
.hostiko_vps_section .ui-widget-header {
background-image: linear-gradient(to bottom, #57dbee 0%, #4383ec 100%);
}
.hostiko_vps_section .ui-corner-all,
.hostiko_vps_section .ui-corner-bottom,
.hostiko_vps_section .ui-corner-right,
.hostiko_vps_section .ui-corner-br,
.hostiko_vps_section .ui-slider .ui-slider-range {
border-radius: 6px;
border: none;
background-color: #f2f6fe;
} .hostiko-search-bar #search {
position: relative;
width: 100%;
height: 46px;
display: flex;
background-color: transparent;
border: 1px solid #dbdbdb;
border-radius: 22.5px;
align-items: center;
}
.hostiko-search-bar input {
all: unset;
font-size: 14px;
color: #000;
height: auto;
width: 100%;
padding: 0px 100px 0px 50px;
}
::placeholder {
color: #7c7c7c;
opacity: 0.7;
}
.hostiko-search-bar .fa-search {
position: absolute;
left: 13px;
top: 15px;
color: #a5a5a5;
font-size: 16px;
cursor: pointer;
}
.hostiko-search-bar button {
border: none;
}
.hostiko-search-bar button:focus {
outline: none;
}
.hostiko-search-bar .form-control:focus {
background-color: transparent !important;
border: none !important;
}
#domainCartOption ul .domain-available a,
#domainCartOption ul .domain-taken a,
#domainCartOption ul .tld-not-supported .popup {
border-radius: 100px;
}
#domainCartOption ul .domain-taken a.close {
border-radius: 100px;
}
#mainResultWrapper ul .domain-available a,
#mainResultWrapper ul .domain-taken a,
#mainResultWrapper ul .tld-not-supported .popup {
border-radius: 100px;
}
#mainResultWrapper ul .domain-taken a.close {
border-radius: 100px;
}
#suggestions ul .domain-available a,
#suggestions ul .domain-taken a,
#suggestions ul .tld-not-supported .popup {
border-radius: 100px;
}
#suggestions ul .domain-taken a.close {
border-radius: 100px;
} #hostiko_custom_tabs .tabs-main-list {
display: flex;
gap: 50px;
}
#hostiko_custom_tabs ul .nav-item .nav-link {
display: flex;
justify-content: space-between;
}
#hostiko_custom_tabs ul .nav-item .nav-link .tab-title-icon {
display: flex;
align-items: center;
}
#hostiko_custom_tabs ul .nav-item .nav-link .tab_tltle img {
height: auto;
}
#hostiko_custom_tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
background-color: transparent;
border: 1px solid #ea8d43;
border-radius: 0;
}
#hostiko_custom_tabs .nav-pills .nav-link {
border: 1px solid transparent;
}
#hostiko_custom_tabs .nav-pills .nav-link.active .tab_tltle img {
filter: saturate(1) !important;
} .hostiko-domain-modal-display {
background: #FFF;
width: 650px;
height: 400px;
text-align: center;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5);
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 9999;
padding: 20px 30px;
overflow-y: auto;
overflow-x: hidden;
}
.hostiko-domain-modal-display a {
line-height: 1em;
}
.hostiko-domain-modal-bg {
background: #FFF;
zoom: 1;
opacity: 0.8;
filter: alpha(opacity=80);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
}
#domain_search_outter {
text-align: center;
}
#domainCartOption,
#mainResultWrapper,
#suggestions {
max-width: 790px;
margin: 0 auto;
}
#domain_search_outter #searchtdomain,
#domain_search_outter #aiKeyword {
padding: 7px 15px;
border: 1px solid #000;
}
#domain_search_outter #search_btn i {
margin-right: 5px;
}
#domain_search_outter #search_btn {
padding: 7px 15px;
border: 1px solid #000;
}
#domain_search_outter #searchtdomain:focus,
#domain_search_outter #aiKeyword:focus {
border: 1px solid #000;
}
#domainCartOption ul li,
#mainResultWrapper ul li,
#suggestions ul li {
display: flex;
justify-content: space-between;
}
#domainCartOption ul,
#mainResultWrapper ul,
#suggestions ul {
padding: 0;
}
#domainCartOption ul .domain-available,
#mainResultWrapper ul .domain-available,
#suggestions ul .domain-available {
background-color: rgba(96, 183, 92, 0.3);
padding: 10px 20px;
border-radius: 10px;
margin-bottom: 10px;
align-items: center;
}
#domainCartOption ul .domain-available p,
#mainResultWrapper ul .domain-available p,
#suggestions ul .domain-available p {
margin-bottom: 0;
text-align: left;
}
#domainCartOption ul .domain-available a,
#mainResultWrapper ul .domain-available a,
#suggestions ul .domain-available a {
background: #60b75c;
color: #fff;
padding: 5px 12px;
border-radius: 10px;
font-size: 12px;
min-width: 75px;
}
#domainCartOption ul .tld-not-supported,
#mainResultWrapper ul .tld-not-supported,
#suggestions ul .tld-not-supported {
background-color: rgba(210, 82, 87, 0.3);
padding: 10px 20px;
border-radius: 10px;
margin-bottom: 10px;
align-items: center;
}
#domainCartOption ul .tld-not-supported p,
#mainResultWrapper ul .tld-not-supported p,
#suggestions ul .tld-not-supported p {
margin-bottom: 0px;
text-align: left;
}
#domainCartOption ul .tld-not-supported .popup,
#mainResultWrapper ul .tld-not-supported .popup,
#suggestions ul .tld-not-supported .popup {
background: #d25257;
color: #fff;
padding: 5px 12px;
border-radius: 10px;
font-size: 12px;
min-width: 75px;
}
#domainCartOption ul .domain-taken,
#mainResultWrapper ul .domain-taken,
#suggestions ul .domain-taken {
background-color: rgba(242, 210, 47, 0.3);
padding: 10px 20px;
border-radius: 10px;
margin-bottom: 10px;
align-items: center;
}
#domainCartOption ul .domain-taken p,
#mainResultWrapper ul .domain-taken p,
#suggestions ul .domain-taken p {
margin-bottom: 0px;
text-align: left;
}
#domainCartOption ul .domain-taken .popup,
#mainResultWrapper ul .domain-taken .popup,
#suggestions ul .domain-taken .popup {
background: #f2d22f;
color: #000;
padding: 5px 12px;
border-radius: 10px;
font-size: 12px;
min-width: 75px;
} .popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .popup .popuptext {
visibility: hidden;
width: 600px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 8px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -80px;
height: 250px;
overflow-y: auto;
} .popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
} .popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .hostiko-select-field.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 8px;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: auto;
line-height: 1.1em;
outline: none;
padding: 14px 20px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
border: 1px solid #e9e9e9;
}
.hostiko-select-field.nice-select.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.hostiko-select-field.nice-select:hover {
border-color: #dbdbdb;
}
.hostiko-select-field.nice-select:active,
.hostiko-select-field.nice-select.open,
.hostiko-select-field.nice-select:focus {
border-color: #e9e9e9;
}
.hostiko-select-field.nice-select:after {
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
content: "";
display: block;
height: 7px;
width: 7px;
margin-top: -6px;
pointer-events: none;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.hostiko-select-field.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.hostiko-select-field.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.hostiko-select-field.nice-select.disabled {
border-color: #ededed;
color: #e9e9e9;
pointer-events: none;
}
.hostiko-select-field.nice-select.disabled:after {
border-color: #cccccc;
}
.hostiko-select-field.nice-select.wide {
width: 100%;
}
.hostiko-select-field.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.hostiko-select-field.nice-select.right {
float: right;
}
.hostiko-select-field.nice-select.right .list {
left: auto;
right: 0;
}
.hostiko-select-field.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.hostiko-select-field.nice-select.small:after {
height: 4px;
width: 4px;
}
.hostiko-select-field.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.hostiko-select-field.nice-select .list {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 0;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.hostiko-select-field.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.hostiko-select-field.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 38px;
list-style: none;
min-height: 38px;
outline: none;
padding-left: 20px;
padding-right: 20px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-bottom: 1px solid #e9e9e9;
font-size: 14px;
color: #333333;
position: relative;
text-transform: capitalize;
display: flex;
justify-content: space-between;
align-items: center;
}
.hostiko-select-field .current {
font-size: 14px;
font-weight: 400;
color: #333333;
text-transform: capitalize;
}
.hostiko-select-field .current .dash {
margin: 0 5px;
}
.hostiko-select-field .option.selected {
font-weight: 400 !important;
}
.hostiko-select-field.nice-select .option:hover,
.hostiko-select-field.nice-select .option.focus,
.hostiko-select-field.nice-select .option.selected.focus {
background-color: #f9f9f9;
color: #fb666b;
}
.hostiko-select-field.nice-select .option.selected::before,
.hostiko-select-field.nice-select .option:hover::before {
content: "";
height: 38px;
width: 2px;
background: #fb666b;
position: absolute;
top: 0;
left: 0;
}
.hostiko-select-field.nice-select .option.disabled {
background-color: transparent;
color: #e9e9e9;
cursor: default;
}
.no-csspointerevents .hostiko-select-field.nice-select .list {
display: none;
}
.no-csspointerevents .hostiko-select-field.nice-select.open .list {
display: block;
} .whmcs-product-btn-outer .whmcs-product-btn {
padding: 10px 20px;
}  #domain_search_outter #domainCartOption,
#domain_search_outter #mainResultWrapper,
#domain_search_outter #suggestions {
max-width: 100%;
margin: 0 auto;
}
#domain_search_outter #searchtdomain,
#domain_search_outter #aiKeyword {
width: 100% !important;
padding: 20px 270px 20px 20px;
border-radius: 10px;
font-family: 'inter', sans-serif;
border: 2px solid rgb(0 0 0 / 10%);
color: #000;
}
#domain_search_outter #searchtdomain:focus,
#domain_search_outter #aiKeyword:focus {
outline: none;
}
#domain_search_outter #transfer_btn {
color: var(--e-global-color-accent);
}
#domain_search_outter #transfer_btn i {
margin-right: 5px;
}
#domain_search_outter {
position: relative;
}
#domain_search_outter #transfer_btn,
#domain_search_outter #search_btn {
position: absolute;
top: 10px;
border-radius: 10px;
font-family: 'inter', sans-serif;
font-size: 16px;
line-height: 24px;
}
#domain_search_outter #transfer_btn {
right: 10px;
}
#domain_search_outter #search_btn {
right: 130px;
}
#domain_search_outter #transfer_btn:hover,
#domain_search_outter #search_btn:hover {
cursor: pointer;
color: #000;
background: var(--e-global-color-yellow);
border-color: var(--e-global-color-yellow);
}
#domainCartOption ul .domain-taken a,
#mainResultWrapper ul .domain-taken a,
#suggestions ul .domain-taken a {
background: #88a8ed;
color: #fff;
padding: 6px 12px 5px;
border-radius: 10px;
font-size: 12px;
min-width: 75px;
width: 85px;
}
#domainCartOption ul .domain-available a,
#domainCartOption .tld-not-supported a,
#domainCartOption ul .domain-taken a,
#mainResultWrapper ul .domain-available a,
#mainResultWrapper .tld-not-supported a,
#mainResultWrapper ul .domain-taken a,
#suggestions ul .domain-available a,
#suggestions .tld-not-supported a,
#suggestions ul .domain-taken a {
text-transform: uppercase;
font-family: 'inter', sans-serif;
}
#domainCartOption ul .domain-available p,
#domainCartOption ul .domain-available p i,
#mainResultWrapper ul .domain-available p,
#mainResultWrapper ul .domain-available p i,
#suggestions ul .domain-available p,
#suggestions ul .domain-available p i {
color: #64b85f;
}
#domainCartOption ul .domain-available p,
#mainResultWrapper ul .domain-available p,
#suggestions ul .domain-available p {
font-family: 'inter', sans-serif;
}
#domainCartOption .tld-not-supported a,
#mainResultWrapper .tld-not-supported a,
#suggestions .tld-not-supported a {
background: #ce5059;
color: #fff;
padding: 6px 12px 5px;
border-radius: 10px;
font-size: 12px;
min-width: 85px;
font-family: 'inter', sans-serif;
pointer-events: none;
}
#domainCartOption ul .domain-taken a.close,
#mainResultWrapper ul .domain-taken a.close,
#suggestions ul .domain-taken a.close {
position: fixed;
right: 30px;
top: 10px;
background: #ce5059;
opacity: 1;
padding: 0;
font-size: 14px;
line-height: 14px;
font-weight: 400;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
min-width: auto;
z-index: 999999;
}
#domainCartOption ul .domain-taken,
#mainResultWrapper ul .domain-taken,
#suggestions ul .domain-taken {
background-color: rgb(136 168 237 / 10%);
color: #88a8ed;
font-family: 'inter', sans-serif;
padding: 10px 10px 10px 20px;
}
#domain_search_outter #search_btn {
padding: 7px 15px;
border: 0;
background: #369;
color: #fff;
font-family: 'inter', sans-serif;
}
#domain_search_outter #transfer_btn {
padding: 7px 15px;
border: 0;
background: #28a745;
color: #fff;
font-family: 'inter', sans-serif;
}
#domain_search_outter #search_btn:focus,
#domain_search_outter #transfer_btn {
outline: none !important;
}
#domainCartOption ul .tld-not-supported,
#mainResultWrapper ul .tld-not-supported,
#suggestions ul .tld-not-supported {
background-color: rgb(206 80 89 / 10%);
color: #ce5059;
padding: 10px 10px 10px 20px;
}
#domainCartOption ul .domain-available,
#mainResultWrapper ul .domain-available,
#suggestions ul .domain-available {
background-color: rgba(96, 183, 92, 0.1);
padding: 10px 10px 10px 20px;
}
#domainCartOption ul .domain-available a,
#mainResultWrapper ul .domain-available a,
#suggestions ul .domain-available a {
padding: 6px 12px 5px;
font-size: 12px;
min-width: 85px;
background: #64b85f;
}
#domainCartOption ul .tld-not-supported a:hover,
#domainCartOption ul .domain-available a:hover,
#domainCartOption ul .domain-taken a:hover,
#mainResultWrapper ul .tld-not-supported a:hover,
#mainResultWrapper ul .domain-available a:hover,
#mainResultWrapper ul .domain-taken a:hover,
#suggestions ul .tld-not-supported a:hover,
#suggestions ul .domain-available a:hover,
#suggestions ul .domain-taken a:hover {
color: #000;
background: var(--e-global-color-yellow);
}
#domainCartOption ul .domain-taken .hostiko-domain-modal-display p,
#mainResultWrapper ul .domain-taken .hostiko-domain-modal-display p,
#suggestions ul .domain-taken .hostiko-domain-modal-display p {
color: #7a7a7a;
background: #FFF;
width: 650px;
height: 400px;
text-align: center;
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 9999;
padding: 20px 30px;
overflow-y: auto;
overflow-x: hidden;
}
.hostiko-domain-modal-display {
background: none;
width: 740px;
height: 450px;
text-align: center;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 9999;
padding: 20px 30px;
overflow-y: auto;
overflow-x: hidden;
}
#domainCartOption ul .domain-taken .popup,
#mainResultWrapper ul .domain-taken .popup,
#suggestions ul .domain-taken .popup {
background: #369;
color: #fff;
padding: 6px 12px 5px;
min-width: 85px;
text-transform: uppercase;
}
.popup .popuptext {
visibility: hidden;
width: 600px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 8px 0;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin-left: -80px;
height: 250px;
overflow-y: auto;
transform: translate(-50%, -50%);
}
#domainCartOption ul li i,
#mainResultWrapper ul li i,
#suggestions ul li i {
margin-right: 5px;
font-size: 16px;
width: 16px;
}
#domainCartOption .hostiko-domain-modal-bg,
#mainResultWrapper .hostiko-domain-modal-bg,
#suggestions .hostiko-domain-modal-bg {
background: rgb(0 0 0 / 70%);
}
#domainCartOption ul li .close i,
#mainResultWrapper ul li .close i,
#suggestions ul li .close i {
margin: 0;
width: auto;
} .Comprison_pricingplan #button-table-top article {
width: 100%;
margin: 0 auto;
position: relative;
padding: 0px 10px;
}
.Comprison_pricingplan #button-table-top table thead tr {
display: none !important;
}
.Comprison_pricingplan #button-table-top td:hover::after {
content: '';
left: 0;
position: absolute;
width: 100%;
z-index: -1;
border: solid 1px #f9633b;
width: 1px;
}
.Comprison_pricingplan #button-table-top ul {
top: 0;
z-index: 10;
padding-bottom: 15px;
width: 100%;
}
.Comprison_pricingplan #button-table-top li {
list-style: none;
width: 25%;
display: inline;
}
.Comprison_pricingplan #button-table-top td+td,
.Comprison_pricingplan #button-table-top th+th {
text-align: center;
display: none;
}
.Comprison_pricingplan #button-table-top td.default {
display: table-cell;
border-left: solid 1px #e3ecfd;
}
.Comprison_pricingplan #button-table-top .sep {
background: #e54a3f;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #fff;
padding: 20px;
border: 1px solid #ddd;
}
.Comprison_pricingplan #button-table-top .txt-l {
font-size: 28px;
font-weight: 700;
color: #e54a3f;
}
.Comprison_pricingplan #button-table-top .txt-top {
position: relative;
top: -9px;
left: -2px;
}
.Comprison_pricingplan #button-table-top .tick {
font-size: 18px;
color: #2ca01c;
}
.Comprison_pricingplan #button-table-top table tbody tr:first-child td:first-child {
font-family: 'DM Sans', sans-serif;
line-height: 30px;
font-size: 28px;
font-weight: 700;
color: #fff;
padding: 0px 11px 0px 24px;
text-align: left;
}
.Comprison_pricingplan #button-table-top table tbody tr td:nth-child(2),
.Comprison_pricingplan #button-table-top table tbody tr td:nth-child(3),
.Comprison_pricingplan #button-table-top table tbody tr td:nth-child(4),
.Comprison_pricingplan #button-table-top table tbody tr td:nth-child(5) {
text-align: center !important;
}
.Comprison_pricingplan #button-table-top table tbody tr td:nth-child(5) {
border-right: 1px solid #DFE2E8;
}
.pricing-box:hover .comperison_plan_btn a {
background-color: #ff7e00;
}
.Comprison_pricingplan #button-table-top table tbody tr td .fa-check {
font-size: 16px;
color: #8a949f;
text-align: left;
font-weight: 400 !important;
}
.Comprison_pricingplan .butn-1 {
padding: 20px 25px 20px 25px !important;
background-color: transparent !important;
border: 2px solid #FF822D !important;
color: #fff !important;
}
.Comprison_pricingplan #button-table-top table tbody tr td .bg-color-1 {
padding: 40px 25px 40px 25px !important;
}
.Comprison_pricingplan #button-table-top table tbody tr .pad-first-td {
padding: 40px 15px 40px !important;
}
.Comprison_pricingplan #button-table-top table tbody tr .pad-last-rl {
padding: 25px 0px !important;
} .content-scroll {
overflow-y: scroll;
max-height: 250px; }
#hostiko_custom_tabs .nav-pills .nav-item:last-child {
margin-bottom: 0px !important;
}
#hostiko_custom_tabs .row:first-child {
margin: 0px !important;
}
#hostiko_custom_tabs .nav-item .tab_tltle span {
display: block !important;
}
#loader {
display: none;
margin-left: 5px;
} @media screen and (max-width: 1199px) {
.hostiko-search-bar input {
padding: 0px 40px 0in 60px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box {
padding: 22px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li {
padding-right: 64px;
display: block;
}
}
@media screen and (max-width: 1024px) {
.Comprison_pricingplan #button-table-top ul {
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.Comprison_pricingplan #button-table-top ul {
display: none;
}
.Comprison_pricingplan #button-table-top td,
.Comprison_pricingplan #button-table-top th {
display: table-cell !important;
width: 353px;
}
.Comprison_pricingplan #button-table-top td+td,
.Comprison_pricingplan #button-table-top th+th {
width: auto;
}
}
@media screen and (max-width: 991px) {
.Comprison_pricingplan #button-table-top .sep {
width: 100%;
float: left;
height: auto;
}
.dur-t {
display: flex;
margin-left: 130px;
}
.Comprison_pricingplan #button-table-top table tbody tr td {
width: 50%;
height: auto;
}
.Comprison_pricingplan #button-table-top ul {
padding-left: 0px;
padding-bottom: 20px;
display: flex;
gap: 15px;
text-align: center;
}
.Comprison_pricingplan #button-table-top table tbody tr:first-child td:first-child {
padding: 10px 0px 10px 0px !important;
}
.hostiko_vps_section .vps_content {
padding: 0 0 12px;
}
.hostiko_vps_section .vps_content .vps_upper_content {
padding: 33px 30px 30px;
margin-bottom: 14px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box {
margin-bottom: 30px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-image {
margin-bottom: 22px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-image img {
height: 16px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-circle {
left: 125px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box {
padding: 22px 30px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li {
padding-right: 32px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .content {
margin-bottom: 3px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .buy_now {
padding: 17px 60px;
}
.hostiko_vps_section .vps_content .text {
font-size: 14px;
line-height: 20px;
padding: 0 70px;
}
}
@media screen and (max-width: 768px) {
.hostiko_vps_section .slider_detail {
display: block;
}
.hostiko_vps_section .slider_price_box {
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.hostiko-tld-table table {
border: 0;
}
.hostiko-tld-table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.hostiko-tld-table tr {
display: block;
margin-bottom: 15px;
}
.hostiko-tld-table td {
display: block;
text-align: right !important;
}
.hostiko-tld-table tr td {
text-align: right;
padding: 15px 30px;
font-weight: 400 !important;
color: #7c7c7c !important;
}
.hostiko-tld-table td::before { content: attr(data-label);
float: left;
font-weight: 600;
color: #333333;
}
.hostiko-tld-table td:last-child {
border-bottom: 0;
}
.hostiko-tld-table td:last-child {
border-bottom: 0;
}
#hostiko_custom_tabs .tabs-main-list {
gap: 30px;
}
#hostiko_custom_tabs #myTab {
flex-direction: inherit !important;
justify-content: center;
}
#hostiko_custom_tabs #myTab.nav-pills .nav-item {
flex: auto;
}
#hostiko_custom_tabs #myTab.nav-pills .nav-link {
text-align: center;
display: block;
}
#hostiko_custom_tabs .tabs-main-list {
justify-content: center;
}
#hostiko_custom_tabs .nav-item .tab_tltle img {
margin: 0 !important;
}
#hostiko_custom_tabs .nav-item .tab_tltle span {
display: none;
}
#hostiko_custom_tabs .nav-item .tab-title-icon i {
display: none;
} .hostiko-domain-modal-display {
width: 550px;
height: 450px;
}
#domainCartOption ul .domain-taken .hostiko-domain-modal-display p,
#mainResultWrapper ul .domain-taken .hostiko-domain-modal-display p,
#suggestions ul .domain-taken .hostiko-domain-modal-display p {
width: 460px;
height: 400px;
}
.Comprison_pricingplan #button-table-top table tbody tr td {
padding: 25px 10px 25px !important;
}
.Comprison_pricingplan #button-table-top table tbody tr:last-child td {
padding: 20px 20px !important;
}
.Comprison_pricingplan #button-table-top table tbody tr:first-child td,
.Comprison_pricingplan #button-table-top td {
line-height: 20px;
padding: 10px 20px;
}
.Comprison_pricingplan #button-table-top .sep {
border: none;
}
.Comprison_pricingplan #button-table-top table tbody tr {
border: none;
}
.Comprison_pricingplan #button-table-top .sep {
padding: 15px;
font-size: 18px;
line-height: 18px;
}
.Comprison_pricingplan #button-table-top table tbody tr td {
font-size: 14px;
}
.Comprison_pricingplan #button-table-top table tbody tr:first-child td,
.Comprison_pricingplan #button-table-top td {
padding: 6px;
}
.Comprison_pricingplan #button-table-top table tbody tr:first-child td span.princing_btn a {
padding-top: 7px;
}
.Comprison_pricingplan #button-table-top .sep {
padding: 15px;
height: auto;
font-size: 14px;
line-height: 14px;
}
.Comprison_pricingplan #button-table-top table tbody tr td {
font-size: 14px;
line-height: 20px;
}
.Comprison_pricingplan #button-table-top button {
font-size: 14px;
height: 45px;
padding: 9px 10px;
}
.Comprison_pricingplan #button-table-top tbody button {
padding: 9px 20px;
}
.Comprison_pricingplan #button-table-top table tbody tr:last-child td a {
padding: 15px 24px;
}
.Comprison_pricingplan #button-table-top table tbody tr:first-child td:first-child {
padding: 27px 10px 27px 10px;
}
.hostiko_vps_section .vps_content {
padding: 0 0 8px;
}
.hostiko_vps_section .vps_content .vps_upper_content {
padding: 24px 14px 32px;
margin-bottom: 8px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-image {
margin-bottom: 20px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-image img {
height: 12px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box {
margin-bottom: 22px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-circle {
top: -1px;
left: 44px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-circle img {
width: 26px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box {
margin: 0 3px;
padding: 20px 26px;
margin-bottom: 21px;
display: inline-block;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button span {
padding-right: 0;
display: inline-block;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .buy_now {
padding: 17px 60px;
display: inline-block;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .price_outter {
width: 100%;
margin-bottom: 10px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .button .price_outter .price {
width: auto;
}
.hostiko_vps_section .vps_content .text {
font-size: 12px;
line-height: 20px;
padding: 0 10px;
}
#hostiko_custom_tabs .nav-pills .nav-item:last-child {
margin-bottom: 10px !important;
}
}
.hostiko-domain-modal-display {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 90%;
max-width: 600px;
max-height: 80vh;
overflow-y: auto;
border-radius: 10px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
z-index: 9999;
padding: 20px;
}
.hostiko-domain-modal-bg {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
}
.hostiko-domain-modal-display .close {
position: absolute;
top: 10px;
right: 15px;
color: #c57e86;
font-size: 18px;
cursor: pointer;
}
.whois-content {
font-size: 13px;
color: #333;
line-height: 1.5;
}
.whois-row {
margin-bottom: 6px;
}
.whois-raw {
margin-top: 12px;
background: #f9f9f9;
padding: 10px;
border-radius: 6px;
font-size: 12px;
max-height: 250px;
overflow: auto;
} .domain-tabs {
margin-bottom: 10px;
display: flex;
gap: 10px;
justify-content: center;
}
.domain-tabs button {
background: #f8f8f8;
border: none;
padding: 8px 16px;
cursor: pointer;
font-weight: 600;
color: #333;
border-radius: 5px;
}
.domain-tabs button.active {
background: #fff;
border: 1px solid #ddd;
color: #000;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.ai-domain-search-container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.ai-domain-search-form {
background: #f8f9fa;
padding: 30px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.ai-domain-search-form h3 {
margin-top: 0;
color: #333;
text-align: center;
margin-bottom: 20px;
}
.search-input-group {
display: flex;
gap: 15px;
align-items: flex-end;
margin-bottom: 15px;
}
#domain-prompt {
flex: 1;
padding: 12px 15px;
border: 2px solid #ddd;
border-radius: 5px;
font-size: 16px;
resize: vertical;
min-height: 80px;
font-family: inherit;
}
#domain-prompt:focus {
outline: none;
border-color: #007cba;
}
#search-domains-btn {
background: #007cba;
color: white;
border: none;
padding: 12px 25px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
white-space: nowrap;
transition: background-color 0.3s;
height: fit-content;
}
#search-domains-btn:hover:not(:disabled) {
background: #005a87;
}
#search-domains-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
#ai_search_btn {
position: absolute;
right: 15px;
top: 8px;
padding: 15px 10px;
border: 0;
border-radius: 10px;
background: #000;
color: #fff;
}
.agent-selection {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
background: white;
border-radius: 5px;
border: 1px solid #ddd;
}
.agent-selection label {
font-weight: bold;
color: #555;
margin: 0;
}
#ai-agent-select {
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 4px;
background: white;
}
.agent-info {
cursor: help;
font-size: 14px;
opacity: 0.7;
}
.search-loading {
text-align: center;
padding: 40px;
background: #f8f9fa;
border-radius: 10px;
margin-bottom: 20px;
}
.spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #007cba;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
margin: 0 auto 20px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.agent-status {
margin-top: 15px;
padding: 10px;
background: #e7f3ff;
border-radius: 5px;
border-left: 4px solid #007cba;
}
.search-results {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.results-header {
background: #007cba;
color: white;
padding: 20px;
text-align: center;
}
.results-header h4 {
margin: 0 0 10px 0;
font-size: 20px;
}
.provider-info {
opacity: 0.9;
font-size: 14px;
}
.results-stats {
padding: 15px 20px;
background: #f8f9fa;
border-bottom: 1px solid #eee;
text-align: center;
font-weight: bold;
color: #555;
}
.domains-grid {
display: grid;
gap: 1px;
background: #f0f0f0;
}
.domain-item {
background: white;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s;
}
.domain-item:hover {
background: #f8f9fa;
}
.domain-item.available {
border-left: 4px solid #28a745;
}
.domain-item.taken {
border-left: 4px solid #dc3545;
opacity: 0.9;
}
.domain-name {
font-weight: bold;
font-size: 18px;
color: #333;
flex: 1;
text-align: left;
}
.domain-status {
color: #666;
font-size: 14px;
margin: 0 15px;
}
.domain-actions {
display: flex;
gap: 10px;
}
.purchase-btn,
.whois-btn {
padding: 8px 16px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s;
white-space: nowrap;
}
.purchase-btn {
background: #28a745;
color: white;
}
.purchase-btn:hover {
background: #218838;
}
.whois-btn {
background: #6c757d;
color: white;
}
.whois-btn:hover {
background: #545b62;
}
.no-results {
padding: 40px;
text-align: center;
color: #666;
}
.no-results p {
margin: 0;
font-style: italic;
}
.search-error {
background: #fff5f5;
border: 1px solid #fed7d7;
border-radius: 8px;
padding: 20px;
margin: 20px 0;
display: flex;
align-items: flex-start;
gap: 15px;
}
.error-icon {
font-size: 24px;
flex-shrink: 0;
margin-top: 2px;
}
.error-content h4 {
color: #c53030;
margin: 0 0 10px 0;
font-size: 18px;
}
.error-content p {
margin: 0 0 15px 0;
color: #742a2a;
}
.error-tip {
background: #fffaf0;
border-left: 3px solid #ddb210;
padding: 10px 15px;
margin: 15px 0;
border-radius: 0 4px 4px 0;
}
.retry-btn {
background: #3182ce;
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}
.retry-btn:hover {
background: #2c5aa0;
}
.agent-suggestion {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #fed7d7;
}
.agent-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
}
.agent-switch-btn {
background: #e2e8f0;
border: 1px solid #cbd5e0;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
transition: all 0.3s;
}
.agent-switch-btn:hover {
background: #cbd5e0;
border-color: #a0aec0;
}
.quota-error-specific {
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 5px;
padding: 15px;
margin: 10px 0;
}
.quota-error-specific p {
margin: 5px 0;
}
.quota-explanation {
margin-top: 10px;
padding: 10px;
background: #f8f9fa;
border-radius: 3px;
}
.quota-explanation ul {
margin: 5px 0;
padding-left: 20px;
}
.quota-explanation li {
margin: 3px 0;
} .search-error .error-content h4 {
color: #c53030;
margin: 0 0 10px 0;
font-size: 18px;
}
.google-quota-warning {
background: #ffeaa7;
border-left: 4px solid #fdcb6e;
padding: 10px 15px;
margin: 10px 0;
border-radius: 0 4px 4px 0;
}
.agent-suggestion {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e2e8f0;
}
.agent-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
}
.agent-switch-btn {
background: #e2e8f0;
border: 1px solid #cbd5e0;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s;
}
.agent-switch-btn:hover {
background: #cbd5e0;
border-color: #a0aec0;
} @media (max-width: 768px) {
.agent-buttons {
flex-direction: column;
}
.agent-switch-btn {
width: 100%;
text-align: center;
}
.quota-explanation ul {
padding-left: 15px;
}
}
@media (max-width: 768px) {
.search-input-group {
flex-direction: column;
}
.domain-item {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.domain-status {
margin: 0;
}
.domain-actions {
width: 100%;
justify-content: flex-end;
}
.agent-selection {
flex-direction: column;
align-items: flex-start;
}
.agent-buttons {
flex-direction: column;
}
.agent-switch-btn {
width: 100%;
text-align: left;
}
}
@media screen and (max-width: 575px) {
#domain_search_outter #searchtdomain,
#domain_search_outter #aiKeyword {
padding: 10px 10px 10px 10px;
margin-bottom: 15px;
}
#domain_search_outter #transfer_btn,
#domain_search_outter #search_btn {
position: relative;
top: unset;
border-radius: 10px;
padding: 12px 15px 12px;
font-size: 15px;
line-height: 15px;
}
#domain_search_outter #search_btn {
right: unset;
}
#domain_search_outter #transfer_btn {
right: unset;
}
#domainCartOption ul .domain-taken,
#domainCartOption ul .tld-not-supported,
#domainCartOption ul .domain-available {
padding: 10px 15px;
}
#domainCartOption ul li {
gap: 10px;
}
#domainCartOption ul li p {
line-height: 22px;
font-size: 12px;
}
#domainCartOption ul .domain-taken a,
#domainCartOption ul .tld-not-supported a,
#domainCartOption ul .domain-available a {
min-width: 85px;
}
#domainCartOption ul .domain-taken .hostiko-domain-modal-display p {
width: 300px;
height: 360px;
padding: 20px;
}
.hostiko-domain-modal-display {
width: 350px;
height: 400px;
}
#domainCartOption ul .domain-taken a.close {
right: 5px;
top: 0;
}
.Comprison_pricingplan #button-table-top ul {
gap: 5px;
}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li {
padding: 0;
display: flex;
border-right: none;
float: left;
width: 50%;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .content {
margin-bottom: 0;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li:first-child {
border-right: 1px solid #d8e5ff;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li:last-child {
border-left: 1px solid #d8e5ff
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .top-content {
margin-bottom: 20px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .right-content {
padding-left: 12px;
}
}
@media screen and (max-width: 499px) {
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li {
padding: 0;
display: block;
border-right: none;
float: left;
width: 52%;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .content {
margin-bottom: 5px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li:first-child {
border-right: 1px solid #d8e5ff;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li:last-child {
border-left: 1px solid #d8e5ff
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .top-content {
margin-bottom: 16px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .right-content {
padding-left: 20px;
}
.hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box .left-content {
width: 48%;
}
}
@media screen and (max-width:404px) {
.Comprison_pricingplan #button-table-top table tbody tr:first-child td:first-child {
padding: 16px 10px 15px 10px;
}
.Comprison_pricingplan #button-table-top ul {
display: block;
float: left;
margin-bottom: 0;
}
.Comprison_pricingplan #button-table-top ul li {
width: 46.9%;
margin: 5px;
float: left;
}
}.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible;-webkit-tap-highlight-color:transparent}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}sr7-col-bg.sr7-img-col-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}@-moz-document url-prefix(){sr7-slide.sr7-staticslide{transform:scale(1)}}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}.sr7-layer .materical-icons,sr7-module .material-icons,sr7-txt .material-icons{font-size:inherit;vertical-align:top;line-height:inherit}#sr-announcer{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-breadcrumbs.page-title-area:after {
display: none;
}
.navbar-area .nav-container .navbar-collapse #menu-all-pages>li+li {
margin-left: 10px;
}
.navbar-area .nav-container .navbar-collapse #menu-all-pages li {
padding: 0 7px;
} .navbar-area .nav-container .logo a.retina-logo {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-not-valid-tip {
color: #7e7e7e;
font-size: 1em;
font-weight: normal;
display: block;
margin-top: 25px;
position: absolute;
width: 445px;
display: block;
left: 0;
border: 1px solid #d9d9d9;
padding: 4px 5px 1px 10px;
}
.banner-inner .wpcf7 form.sent .wpcf7-response-output,
.banner-inner .wpcf7-not-valid-tip {
color: #fff;
border: 1px solid #fff;
}
.wpcf7-spinner {
display: none;
}
.banner-inner .wpcf7 form.invalid .wpcf7-response-output,
.banner-inner .wpcf7 form.unaccepted .wpcf7-response-output,
.banner-inner .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #fff;
color: #fff;
margin-top: 0;
}
.wpcf7 form.invalid .wpcf7-response-output {
display: none;
}