/* =========== plan css start ============ */

body {
    counter-reset: section;
}

.table.plan-table {
    border-spacing: 0 0px;
    border-collapse: separate;
    text-align: center;
}

.table.plan-table th,
.table.plan-table td {
    border: 0;
    font-size: 18px;
    padding: 20px 10px;
}

.table.plan-table td:nth-child(1),
.table.plan-table th:nth-child(1) {
    text-align: left;
    font-size: 18px;
    font-family: 'Muli-bold';
    border-bottom: 0;
    color: #333;
    background-color: #f7f7f7;
    padding: 20px 30px;
    border-right: 15px solid #fff;
}

.table.plan-table td:nth-child(2) {
    width: 18%;
}

.table.plan-table td:nth-child(3) {
    width: 18%;
}

.table.plan-table td:nth-child(4) {
    width: 18%;
}

.table.plan-table td:nth-child(5) {
    width: 18%;
}

.table.plan-table th {
    Background-color: rgb(0 106 188 / 13%);
    border-bottom: 1px solid #c4e5fd;
    font-family: 'Muli-ExtraBold';
}

.table.plan-table td {
    color: #474747;
}

.table.plan-table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.table.plan-table th {
    color: #000;
    font-weight: normal;
    font-size: 16px;
    padding: 20px 10px;
}

.table.plan-table .btn {
    color: #fff;
    background-color: #009cff;
    margin: 5px 0;
    min-height: 32px;
    line-height: 32px;
    font-size: 18px;
    min-width: 200px;
}

.table.plan-table .btn:hover {
    background-color: #006abc;
}

.plan-tabs {
    padding: 0;
    margin: 0 auto;
    border: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    max-width: 930px;
    box-shadow: -5px 3px 10px 3px rgb(0 0 0 / 4%);
}

.plan-tabs li {
    display: block;
    width: 25%;
}

.plan-tabs5 li {
    display: block;
    width: 20% !important;
}

.plan-tabs li a {
    font-size: 20px;
    padding: 20px 20px;
    display: block;
    font-family: "muli-semibold";
    color: #222;
    text-align: center;
}

.plan-tabs li a i {
    font-size: 13px;
    vertical-align: middle;
    margin: 0 5px;
}

.plan-tabs .nav-item .nav-link {
    border-radius: 0;
}

.plan-tabs .nav-item .nav-link.active,
.plan-tabs .nav-item .nav-link:hover {
    color: #fff;
    border-color: transparent;
    background-color: #009cff;
}

.plan-table-container .tab-content .tab-pane {
    padding: 0;
    box-shadow: none;
}


/* =========== plan css end ============ */


/* private cloud css */

.switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 19px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 0px;
    bottom: 3px;
    background-color: #009cfc;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #fff;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(19px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.sharktech-inner {
    background: #009cff;
    padding: 25px 25px;
    display: flex;
    border-radius: 5px 5px 0px 0px;
    margin-top: 50px;
    align-items: center;
    justify-content: space-between;
}

.sharktech-inner h3 {
    font-size: 18px;
    color: #fff;
}

.sharktech-inner a {
    color: #fff;
}

.sharktech-secone {
    margin-top: 30px;
}

.sharktech-secone .progress-barnew {
    background: #009cfc;
    padding: 20px;
    border-radius: 5px 5px 0px 0px;
}

input#computenodes,
input#storagenodes,
input#cninternetbw {
    max-width: 87%;
    width: 100%;
    margin-right: auto;
}

input#text,
input#text2 {
    width: 100%;
    max-width: 10%;
}

input#text,
input#text3 {
    width: 100%;
    max-width: 10%;
}

.bottom-lable select.form-control {
    font-size: 12px;
    color: rgb(0 0 0 / 50%);
    padding: 10px;
    height: 40px;
}

.sharktech-left .form-control:focus {
    box-shadow: none;
}

.progress-two {
    display: flex;
    width: 100%;
}

.progress-one {
    display: flex;
    align-items: center;
}

.progress-one h4 {
    margin-left: 10px;
    color: #fff;
    font-size: 20px;
}

.sharktech-left {
    background: #f8f8f8;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 30px;
}

.bottom-left {
    padding: 30px 20px 5px;
}

.bottom-lable {
    margin-bottom: 15px;
}

.bottom-lable-top {
    margin-bottom: 10px;
}

.bottom-lable-top span {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.progress-two #text::placeholder {
    color: #009cfc;
    font-weight: 500;
    text-align: center;
}

.tooltip-inner {
    max-width: 330px;
    padding: 0.25rem 0.5rem;
    text-align: center;
    background-color: #e5f5ff;
    border-radius: 0.25rem;
    color: #000000;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #e7f6ff;
}

.summry-sec h3 {
    background: #009cfc;
    color: #fff;
    padding: 20px;
    font-size: 20px;
}

.sharktech-right {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
}

.text-rightsec {
    margin-left: 20px;
    width: 100%;
}

.text-rightsec span {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.text-rightsec span:nth-child(1) {
    width: 42%;
    display: inline-table;
    font-size: 12px;
    color: #606060;
    font-weight: 500;
}

.text-rightsec span:nth-child(2) {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    width: 58%;
    display: inline-table;
    text-align: right;
}

.text-rightsec p {
    margin-bottom: 0;
    font-size: 12px;
    color: #606060;
}

.right-listsec {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
    box-shadow: 6px 3px 10px #009cfc2e;
    padding: 15px 20px;
    background: transparent;
    border-radius: 0px 0px 5px 5px;
}

.grand-bottom {
    padding: 25px;
    background: #009cfc;
    border-radius: 5px;
    margin: 5px;
}

.grand-bottom p {
    color: fff;
    font-weight: 600;
    margin-bottom: 0;
}

.grand-bottom h4 {
    font-size: 43px;
    color: #fff;
}

.grand-bottom span {
    font-size: 37px;
    font-weight: 300;
}

.grand-bottom a#server_url {
    width: 100%;
    background: #fff;
    border: transparent;
    border-radius: 5px;
    padding: 11px 0px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-top: 10px;
}


/* private cloud css end */


/* 14-03-2022 */

.dedicated-cloud-pricetable .row.dedicated_cloud_locations .location_label {
    background-color: #009cff;
    border-color: #009cff;
}

.dedicated-cloud-pricetable .row.dedicated_cloud_locations .location_label.active {
    /* background: #006abc !important;
    border-color: #006abc !important;
    color:#fff !important; */
    box-shadow: 0 7px 13px 0px rgb(51 130 197 / 30%) !important;
}

.dedicated-cloud-pricetable .billing_cycle.active {
    background-color: #fff !important;
    color: #009cff !important;
}

#price-vps-section .btn-group.dcs_outer_billing_cycle {
    margin-bottom: 0;
}

.dedicated-cloud-pricetable .dcs_outer_billing_cycle {
    border: 2px solid #118fc5;
    margin: 0;
    margin-bottom: 0;
    padding: 20px 12px;
    border-bottom: 0;
}

.dcs-price-box .value-box {
    width: 65%;
    display: inherit;
}

.dcs-price-box .price-box {
    width: 35%;
}

.dcs-price-box .vps-price-box {
    display: flex;
    width: 100%;
}

.dcs-price-box .resources-box {
    display: flex;
    width: 100%;
}

.dcs-price-box .resources-box.row {
    margin: 0;
}

.dcs-price-box .value-box .smallbox {
    min-width: inherit;
    margin: inherit;
    padding-left: 0;
    padding-right: 0;
}

.dcs-price-box .value-content {
    padding-bottom: 20px;
    padding-top: 0px;
    margin-bottom: 20px;
}

#price-vps-section .btn-outline-primary.active {
    background-color: #fff;
    color: #009cff;
}


/* end 14-03-2022 */


/* Top offers */

.page-offers {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fde952;
    z-index: 99;
}

.page-offers-content {
    text-align: center;
    padding: 1px 5px;
}

.page-offers-content p {
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    font-family: "Muli-Bold";
    color: #000;
    letter-spacing: 0.64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-offers-content table {
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    font-family: "Muli-Bold";
    color: #000;
    letter-spacing: 0.64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-offers-content p span {
    font-family: "Muli-Black";
    font-weight: normal;
}

.ads-btn,
.ads-btn:hover {
    font-size: 11px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #fff;
    background-color: #000;
    padding: 4px 8px;
    border-radius: 2px;
    margin-left: 5px;
    text-align: center;
}


/* home banner*/

.video_banner {
    position: relative;
}

.video_banner .back_video_img {
    width: 100%;
    z-index: -99999;
}

#exampleModal button.close {
    position: absolute;
    right: -14px;
    color: #fff;
    opacity: 1;
    background: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0px 5px;
    top: -12px;
    z-index: 1;
}

.video_banner h4 {
    /* position: absolute;
    top: 30%;
    left: 15%; */
    z-index: 1;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}

.video_banner .video_banner_desc {
    /* position: absolute;
    bottom: 50%;
    left: 15%; */
    z-index: 1;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    max-width: 445px;
}

.back_video_logo {
    /* position: absolute;
    top: 20px;
    left: 15%; */
    z-index: 1;
    width: 200px;
}

.video_inner_banner {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.play_now {
    position: relative;
    /* bottom: 40px;
    left: 60px; */
    z-index: 1;
    color: #fff;
    margin: 0 0 0 20px;
    font-size: 22px;
    font-weight: 600;
}

.video-main {
    /* position: absolute; */
    bottom: 50px;
    left: 15%;
    z-index: 1;
}

.video-main {
    position: inherit;
    display: flex;
    align-items: center;
}

.video-popup {
    height: 60px;
    width: 60px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    display: flex;
    background: #04b1fd;
    z-index: 999;
    justify-content: center;
    align-items: center;
    border: 5px solid rgb(0 0 0 / 80%);
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.video-popup:hover {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    border: 5px solid rgba(255, 255, 255, 1);
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.video-popup:hover i {
    color: #fff;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.fa-play:before {
    content: "\f04b";
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: gray;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}


/* end */


/*about video  */


/* #about-banner {
    background: unset;
    } */

.video-outer {
    position: relative;
    z-index: 1;
}


/*

.sharktech_video_home {
    width: 100%;
    object-fit: cover;
    margin-bottom: -5px;
}
*/

.server_select,
.server_select label {
    cursor: pointer;
}

.select_server_price_input {
    width: 100%;
}

.server_detail_form {
    display: flex;
}

ul.flex-item.solutions {
    align-items: unset;
    -webkit-box-align: unset;
}


/*range */

.range-slider.grad {
    --progress-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
    --progress-flll-shadow: var(--progress-shadow);
    --fill-color: linear-gradient(to right, LightCyan, var(--primary-color));
    --thumb-shadow: 0 0 4px rgba(0, 0, 0, 0.3), -3px 9px 9px rgba(255, 255, 255, 0.33) inset, -1px 3px 2px rgba(255, 255, 255, 0.33) inset, 0 0 0 99px var(--primary-color) inset;
}

.range-slider.grad input:hover {
    --thumb-transform: scale(1.2);
}

.range-slider.grad input:active {
    --thumb-shadow: inherit;
    --thumb-transform: scale(1);
}

.range-slider {
    --primary-color: #0366d6;
    --value-offset-y: var(--ticks-gap);
    --value-active-color: white;
    --value-background: transparent;
    --value-background-hover: var(--primary-color);
    --value-font: 700 12px/1 Arial;
    --fill-color: var(--primary-color);
    --progress-background: #eee;
    --progress-radius: 20px;
    --track-height: calc(var(--thumb-size) / 2);
    --min-max-font: 12px Arial;
    --min-max-opacity: 0.5;
    --min-max-x-offset: 10%;
    --thumb-size: 22px;
    --thumb-color: white;
    --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 0 99px var(--thumb-color) inset;
    --background-thumb: #006abc;
    --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color), 0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
    --thumb-shadow-hover: var(--thumb-shadow);
    --ticks-thickness: 1px;
    --ticks-height: 5px;
    --ticks-gap: var(--ticks-height, 0);
    --ticks-color: silver;
    --step: 1;
    --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
    --maxTicksAllowed: 30;
    --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
    --x-step: Max(var(--step), var(--too-many-ticks) * (var(--max) - var(--min)));
    --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
    --tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));
    --value-a: Clamp(var(--min), var(--value, 0), var(--max));
    --value-b: var(--value, 0);
    --text-value-a: var(--text-value, "");
    --completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);
    --completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);
    --ca: Min(var(--completed-a), var(--completed-b));
    --cb: Max(var(--completed-a), var(--completed-b));
    --thumbs-too-close: Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1);
    --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
    --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
    display: inline-block;
    height: max(var(--track-height), var(--thumb-size));
    background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
    background-size: var(--tickIntervalPerc) var(--ticks-height);
    background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
    background-position-y: var(--flip-y, bottom);
    padding-bottom: var(--flip-y, var(--ticks-gap));
    padding-top: calc(var(--flip-y) * var(--ticks-gap));
    position: relative;
    z-index: 1;
}

.range-slider[data-ticks-position=top] {
    --flip-y: 1;
}


/* .range-slider::before,
.range-slider::after {
  --offset: calc(var(--thumb-size) / 2);
  content: counter(x);
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
}

.range-slider::before {
  --before: 1;
  --at-edge: var(--thumb-close-to-min);
  counter-reset: x var(--min);
  left: var(--offset);
} */

.range-slider::after {
    --at-edge: var(--thumb-close-to-max);
    counter-reset: x var(--max);
    right: var(--offset);
}

.range-slider__values {
    position: relative;
    top: 50%;
    line-height: 0;
    text-align: justify;
    width: 100%;
    pointer-events: none;
    margin: 0 auto;
    z-index: 5;
}

.range-slider__values::after {
    content: "";
    width: 100%;
    display: inline-block;
    height: 0;
    background: red;
}

.range-slider__progress {
    --start-end: calc(var(--thumb-size) / 2);
    --clip-end: calc(100% - (var(--cb)) * 1%);
    --clip-start: calc(var(--ca) * 1%);
    --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
    position: absolute;
    left: var(--start-end);
    right: var(--start-end);
    top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
    height: calc(var(--track-height));
    background: var(--progress-background, #eee);
    pointer-events: none;
    z-index: -1;
    border-radius: var(--progress-radius);
}

.range-slider__progress::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
    top: 0;
    bottom: 0;
    background: var(--fill-color, black);
    box-shadow: var(--progress-flll-shadow);
    z-index: 1;
    border-radius: inherit;
}

.range-slider__progress::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--progress-shadow);
    pointer-events: none;
    border-radius: inherit;
}

.range-slider>input {
    -webkit-appearance: none;
    width: 100%;
    height: var(--thumb-size);
    margin: 0;
    position: absolute;
    left: 0;
    /* top: calc(50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1))); */
    /* cursor: -webkit-grab; */
    cursor: pointer;
    outline: none;
    background: none;
}

.range-slider>input:not(:only-of-type) {
    pointer-events: none;
}

.range-slider>input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    transform: var(--thumb-transform);
    border-radius: var(--thumb-radius, 50%);
    background: var(--background-thumb);
    /* box-shadow: var(--thumb-shadow); */
    border: 4px solid #fff;
    pointer-events: auto;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.range-slider>input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    transform: var(--thumb-transform);
    border-radius: var(--thumb-radius, 50%);
    background: var(--background-thumb);
    /* box-shadow: var(--thumb-shadow); */
    border: 4px solid #fff;
    pointer-events: auto;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

.range-slider>input::-ms-thumb {
    appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    transform: var(--thumb-transform);
    border-radius: var(--thumb-radius, 50%);
    background: var(--background-thumb);
    /* box-shadow: var(--thumb-shadow); */
    border: 4px solid #fff;
    pointer-events: auto;
    -ms-transition: 0.1s;
    transition: 0.1s;
}

.range-slider>input:hover {
    --thumb-shadow: var(--thumb-shadow-hover);
}

.range-slider>input:hover+output {
    --value-background: var(--value-background-hover);
    --y-offset: -5px;
    color: var(--value-active-color);
    box-shadow: 0 0 0 3px var(--value-background);
}

.range-slider>input:active {
    --thumb-shadow: var(--thumb-shadow-active);
    cursor: -webkit-grabbing;
    cursor: grabbing;
    z-index: 2;
}

.range-slider>input:active+output {
    transition: 0s;
}

.range-slider>input:nth-of-type(1) {
    --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}

.range-slider>input:nth-of-type(1)+output {
    --value: var(--value-a);
    --x-offset: calc(var(--completed-a) * -1%);
}

.range-slider>input:nth-of-type(1)+output:not(:only-of-type) {
    --flip: calc(var(--thumbs-too-close) * -1);
}


/* .range-slider>input:nth-of-type(1)+output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
} */

.range-slider>input:nth-of-type(2) {
    --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}

.range-slider>input:nth-of-type(2)+output {
    --value: var(--value-b);
}

.range-slider>input:only-of-type~.range-slider__progress {
    --clip-start: 0;
}

.range-slider>input+output {
    --flip: -1;
    --x-offset: calc(var(--completed-b) * -1%);
    --pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);
    pointer-events: none;
    position: absolute;
    z-index: 5;
    background: var(--value-background);
    border-radius: 10px;
    padding: 2px 4px;
    left: var(--pos);
    transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
    transition: all 0.12s ease-out, left 0s;
}


/* .range-slider>input+output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
} */

.range-slider,
label[dir=rtl] .range-slider {
    width: clamp(300px, 50vw, 800px);
    min-width: 200px;
}


/*end range */

.price_rangetxt #icon-0 label {
    position: relative;
    left: 5px;
}

p.free_setup {
    font-size: 14px!important;
    font-weight: 600!important;
    color: #006abc!important;
    /*text-align:center;*/
}


/* Top offers end*/


/* top header language css start 4 feb */

.top-header {
    z-index: 109!important;
}

.language-item {
    position: relative;
}

.flag_drop {
    top: 31px;
    border-radius: 0 0 5px 5px;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: absolute;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 9rem;
    margin: .125rem 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
}

.flag_drop .dropdown-item {
    padding: 12px 10px;
    display: flex;
    align-items: center;
    color: #000;
    font-family: "Muli-Bold";
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px dashed #cccc;
    margin: 0;
}

.flag_drop .dropdown-item:last-child {
    border-bottom: 0;
}

.flag_drop .dropdown-item img {
    width: 25px;
    margin-right: 7px;
    opacity: 0.8;
}

.flag_drop .dropdown-item:hover img {
    opacity: 1;
}

.language img {
    width: 25px;
    margin-right: 2px;
}

.top-navigation-right .top-navigation-item.language a:last-child {
    margin-right: 20px;
}

.top-navigation-right .top-navigation-item.language:hover a {
    color: #FFF;
}

.top-navigation-right .top-navigation-item.language a:first-child {
    color: #FFF;
    cursor: default;
}

img.flag-icon {
    height: 15px;
}

.top-navigation-right .top-navigation-item.language a,
.top-navigation-right .top-navigation-item:last-child a {
    margin-right: 0;
}


/* top header language css end */


/* Top Header css */

.top-header {
    position: fixed;
    width: 100%;
    top: 28px;
    background-color: #004a82;
    z-index: 99;
}

.top-navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.top-navigation-left,
.top-navigation-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.top-navigation-item a {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-family: "Muli-SemiBold";
    margin-right: 50px;
    letter-spacing: 0.64px;
}

.top-navigation-item a i {
    font-size: 14px;
    margin-right: 5px;
}

.top-navigation-item a:hover {
    color: #009cff;
}

.top-navigation-right .top-navigation-item:last-child a {
    margin-right: 0;
}


/* Top Header css end */


/* Header css */

.header {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 72px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.header-fixed {
    background-color: #006abc;
}

.navbar.custom-navbar {
    /* padding: 10px 0; */
    padding: 11px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: inherit;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-menu {
    width: 77%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
}

.navbar-nav .nav-item .nav-link {
    padding: 10px 14px;
    font-family: "Muli-ExtraBold";
    font-size: 17px;
    color: #fff;
    position: relative;
    outline: none;
}

.navbar-toggler {
    outline: none;
}

.nav-btn {
    margin-left: 12px;
}

.nav-btn:hover {
    -webkit-box-shadow: 0 3px 20px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 20px 2px rgba(0, 0, 0, .15)
}

.nav-btn.btn:after {
    display: none;
}

.nav-btn:hover:after {
    display: none;
    opacity: 0;
}


/* dropdown */

.nav-link.dropdown-toggle svg {
    vertical-align: baseline;
}

.svg-cls {
    font-size: 17px;
    fill: #fff;
    font-family: FontAwesome;
}

.header-dd-zone.dropdown-menu.sub-menu-css {
    min-height: 145px;
}

.header-dd-zone {
    position: absolute;
    width: 100%;
    /* overflow: hidden; */
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    /* padding: 45px 0; */
    padding: 20px 0;
    margin: 0;
    border: 0;
}

.header-dd-zone h2 {
    font-size: 24px;
    line-height: 42px;
    color: #151231;
    font-family: "Muli-Black";
    letter-spacing: 0.2px;
    margin-bottom: 15px;
}

.sub-mobile li a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-family: "Muli-SemiBold";
    letter-spacing: 0.5px;
    color: rgba(20, 30, 39, 0.7);
    margin: 0 0 15px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.sub-menus-mobile {
    display: none;
}

ul.flex-item.solutions li.header-dd-zone--link {
    position: relative;
    z-index: 0;
    padding: 0;
    background-color: transparent;
}

ul.flex-item.solutions li.header-dd-zone--link a {
    transition: all .5s ease-in-out;
}

.header-dd-zone.dropdown-menu.sub-menu.sub-menus-css ul.flex-item.solutions li a {
    display: inline-block;
    width: 100%;
}

.header-dd-zone.dropdown-menu.sub-menu.sub-menus-css {
    padding-bottom: 15px;
}

.cloud_serv {
    cursor: pointer;
}

.header-dd-zone--link {
    text-align: center;
    /* padding: 45px 19px; */
    /* padding: 30px 19px; */
    padding: 10px 19px;
    color: #1f1f1f;
    /* height: 150px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 192px;
    border-radius: 2px;
    margin-right: 23px;
    margin-bottom: 15px;
    background-color: #f4f8fc;
    border: 1px solid transparent;
}

.header-dd-zone--link span {
    /* font-size: 17px;
    line-height: 22px; */
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-family: "Muli-Bold";
    letter-spacing: 0.2px;
}

.header-dd-zone--link img {
    height: 37px;
    width: 37px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


/* .header-dd-zone--link:hover{
    border-color: #004a82;

} */

.header-dd-zone--link:hover img {
    /* -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px); */
}

.navbar-nav .nav-item .nav-link:hover {
    color: #000;
}

.navbar-nav .nav-item .nav-link:hover .svg-cls {
    fill: #000;
}

.nav-link.dropdown-toggle::after,
.header-dd-zone.dropdown-menu.sub-menu::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 0px;
    top: 60px;
    right: calc(50% - 7px);
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0;
    z-index: 999999;
    border-top: 0;
    border-right: 0;
}

.header-dd-zone.dropdown-menu.sub-menu::before {
    top: 13px;
    left: 86px;
    border-bottom: 14px solid #65b1fc;
    border-left: 14px solid transparent;
    opacity: 1;
}

.nav-link.dropdown-toggle.active {
    color: #000;
}

.nav-link.dropdown-toggle.active .svg-cls {
    fill: #000;
}

.nav-link.dropdown-toggle.active::after {
    opacity: 1;
}

.nav-link.dropdown-toggle.active .header-dd-zone.dropdown-menu {
    -webkit-animation: slide-down .3s ease-out;
    animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}


/* .sub-menus-css {
    display: block;
    bottom: 0;
    width: auto;
    margin: 10px auto;
    background-color: #fff;
    height: 100%;
} */

.sub-menus-css li.header-dd-zone--link:last-child {
    margin-right: 0;
}

.sub-menus-css li.header-dd-zone--link {
    /* margin-right: 15px; */
    margin: 0px 15px 0px 0px
}

.sub-menus-css {
    display: block;
    width: auto;
    margin: 10px auto 0px;
    background-color: #fff;
    padding-bottom: 0;
    left: -60%;
    /* padding-top: 6px; */
}

.sub-menus-css .container {
    padding: 0px 15px;
}

.header-dd-zone.dropdown-menu.sub-menu::before {
    top: 0;
    left: 31%;
    border-bottom: 14px solid #65b1fc;
    border-left: 14px solid transparent;
    opacity: 1;
}

.header-dd-zone--link:last-child {
    margin-right: 0;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}


/* Side Drawer */

.side-drawer {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 99999;
    height: 100%;
    background-color: #fff;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 100%;
    padding: 40px 20px;
    -webkit-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    transform: translateX(-1000px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.accordion {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 35px;
}

.accordion li {
    display: block;
    width: 100%;
    padding: 20px 10px 0;
    border-bottom: 1px solid #eee;
}

.accordion .link {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 22px;
    color: #141e27;
    font-family: "Muli-ExtraBold";
    letter-spacing: 0.2px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li i {
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    font-size: 16px;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.submenu {
    display: none;
}

.submenu li {
    position: relative;
    border: 0;
    padding: 0;
    padding-left: 15px;
}

.submenu li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background-color: #bfbfbf;
}

.submenu a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-family: "Muli-SemiBold";
    letter-spacing: 0.5px;
    color: rgba(20, 30, 39, 0.7);
    margin: 0 0 15px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
    color: #009cff;
}

.accordion li.open .link {
    color: #009cff;
}

.accordion-arrow {
    position: relative;
    width: 22px;
    height: 22px;
    color: #fff;
    background: #009cff;
    border-radius: 100%;
    text-align: center;
}

.accordion-arrow::after {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: transparent;
    content: "+";
    width: 22px;
    height: 22px;
    font-size: 19px;
    text-align: center;
    line-height: 20px;
}

.accordion li.open .accordion-arrow::after {
    content: "_";
    line-height: 6px;
}

.mobile-support {
    background-color: #daeeff;
    border-radius: 8px;
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}

.mobile-support a {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    color: #3382c5;
    font-family: "Muli-ExtraBold";
    letter-spacing: 0.2px;
}

.mobile-support a img {
    margin-right: 5px;
}

.mobile-comapny-detail ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mobile-comapny-detail ul li {
    text-align: center;
    width: 33.3%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mobile-comapny-detail ul li a {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-family: "Muli-Bold";
    letter-spacing: 0.5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-comapny-detail ul li a img {
    max-width: 100%;
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}

.mobile-comapny-detail ul li.border-btm-0 {
    border-bottom: 0;
}

.mobile-comapny-detail ul li.border-right-0 {
    border-right: 0;
}

.navbar-collapse.navbar-menu.show .side-drawer {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: auto;
}


/* header css end here */


/*home Banner css start */

.home-banner {
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    padding: 68px 0 0;
}

.banner-content-outer {
    /* padding: 60px 0 0; */
    padding: 50px 0 0;
    position: relative;
}

.banner-slider-outer {
    position: relative;
}

.banner-text-box {
    max-width: 633px;
    position: relative;
    z-index: 2;
}

.banner-image-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: right;
    z-index: 1;
}

.banner-background-layer {
    position: absolute;
    width: 100%;
    left: 0;
    background-size: auto;
    background-repeat: no-repeat;
}

.banner-content-outer::after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url("../img/map-bg.png");
    background-position: 315px 40px;
    background-repeat: no-repeat;
    z-index: 0;
}

.without-map .banner-content-outer::after {
    content: unset;
}

.data-center-bg {
    position: absolute;
    width: 100%;
    right: -15px;
    top: -5px;
    height: 810px;
    background-image: url("../img/shape-bg.svg");
    background-position: right top;
    background-repeat: no-repeat;
}

.carousel-item {
    position: relative;
    padding: 80px 0 0;
    /* min-height: 640px;
    margin-bottom: 60px; */
    min-height: 600px;
    /*
    margin-bottom: 40px;
    */
    margin-bottom: 0px;
}

.banner-right-layer {
    position: absolute;
    background-image: url("../img/banner-right-bg.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 10px;
    bottom: 20px;
}

.banner-left-layer {
    position: absolute;
    background-image: url("../img/banner-left-bg.png");
    background-position: 0 90px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 10px;
    bottom: 0;
}

.shape-img {
    position: absolute;
    background-image: url("../img/shape-boxes.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 10px;
    bottom: 0;
    opacity: 0.4;
}

.choose-server-text {
    position: relative;
}

.data-center-locations h1,
.ddos-protection-text h1,
.choose-server-text h1,
.Available-text h1 {
    /* font-size: 77px; */
    /*  */
    font-size: 40px;
    color: #fff;
    font-family: "Muli-Black";
    line-height: 60px;
    letter-spacing: -0.32px;
}

.data-center-locations h1 {
    margin-top: 30px
}

.data-center-locations>img {
    width: 300px;
    object-fit: contain;
}

.video {
    background-color: #f8f8f8;
    margin-bottom: 40px;
}

.video-slider>h3 {
    font-size: 30px;
    line-height: 35px;
    font-family: "Muli-Black";
    color: #000;
    margin-bottom: 16px;
    letter-spacing: -0.32px;
}

.video-slider>video {
    max-height: 600px;
}

.ddos-protection-text h1 {
    margin-top: 25px;
}

.data-center-locations h1 span,
.ddos-protection-text h1 span,
.choose-server-text h1 span,
.Available-text h1 span {
    color: #fde952;
}

.ddos-protection-text h1,
.Available-text h1 {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
}

.choose-server-text h1 {
    /* text-align: center;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.18);
    margin-bottom: 12px; */
    text-align: center;
    text-shadow: 1px 1px 6px rgb(0 0 0 / 18%);
    margin-bottom: 0;
}

.data-center-locations p,
.ddos-protection-text p,
.choose-server-text p,
.Available-text p {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-family: "Muli-SemiBold";
    margin-bottom: 30px;
    letter-spacing: 0.64px;
}

.ddos-protection-text p {
    /* margin: 40px 0; */
    margin: 20px 0;
}

.choose-server-text p {
    text-align: center;
    letter-spacing: 0.5px;
}

.ddos-protection-text ul li {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-family: "Muli";
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.ddos-protection-text ul li span {
    margin-left: 7px;
}

.data-center-text {
    margin-bottom: 40px;
}

.center-locations-list {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.location-item {
    background-color: #fff;
    border-radius: 100px;
    padding: 5px 6px;
    min-width: 240px;
    margin-bottom: 25px;
    margin-right: 30px;
    -webkit-box-shadow: -1px 0px 0px 5px transparent;
    box-shadow: -1px 0px 0px 5px transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.location-item:hover {
    -webkit-box-shadow: -1px 0px 0px 5px #4e91b5;
    box-shadow: -1px 0px 0px 5px #4e91b5;
}

.location-item span {
    display: inline-block;
    font-size: 18px;
    line-height: 27px;
    font-family: "Muli-Bold";
    color: #585858;
    padding: 0 14px;
}

.data-center-image {
    display: -ms-grid;
    display: grid;
    height: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.server-price-card-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.server-price-card {
    /* background-color: #2297e7;
    margin: 0 20px 0;
    padding: 30px 30px 45px 30px;
    text-align: center;
    width: 26%;
    color: #fff;
    -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.04); */
    background-color: #2297e7;
    margin: 0 20px 0;
    /* padding: 30px 25px 35px 25px; */
    padding: 25px 25px 25px 25px;
    text-align: center;
    width: 26%;
    color: #fff;
    -webkit-box-shadow: 0 3px 5px 0px rgb(0 0 0 / 4%);
    box-shadow: 0 3px 5px 0px rgb(0 0 0 / 4%);
}

.server-price-card h3 {
    /* font-size: 20px;
    line-height: 27px;
    font-family: "Muli-ExtraBold";
    margin: 0;
    letter-spacing: 0.4px; */
    font-size: 18px;
    line-height: 25px;
    font-family: "Muli-ExtraBold";
    margin: 0;
    letter-spacing: 0.4px;
}

.server-price-card p {
    /* font-size: 30px;
    line-height: 35px;
    font-family: "Muli";
    margin: 0;
    font-weight: normal; */
    font-size: 22px;
    line-height: 30px;
    font-family: "Muli";
    margin: 0;
    font-weight: normal;
}

.server-price-card img {
    width: 50px;
}

.server-price-text {
    /* margin: 40px 0; */
    margin: 25px 0;
}

.server-price-card .server-price-text p {
    /* font-size: 16px;
    line-height: 20px;
    font-family: "Muli-SemiBold";
    margin: 0; */
    font-size: 14px;
    line-height: 18px;
    font-family: "Muli-SemiBold";
    margin: 0;
}

.server-price-card .server-price-text span {
    /* font-size: 60px;
    line-height: 70px;
    font-family: "Muli";
    font-weight: normal; */
    font-size: 45px;
    line-height: 63px;
    font-family: "Muli";
    font-weight: normal;
}

.server-price-card .server-price-text span sub {
    bottom: 0;
    font-size: 20px;
}

.btn.btn-banner {
    /* border: 1px solid #fff;
    background: transparent;
    padding: 16px 28px;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-family: "Muli";
    position: relative;
    z-index: 2;
    -webkit-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    transition: 0.7s ease; */
    border: 1px solid #fff;
    background: transparent;
    padding: 13px 20px;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-family: "Muli";
    position: relative;
    z-index: 2;
    -webkit-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    transition: 0.7s ease;
}

.btn.btn-banner .arrow-svg-icon {
    width: 16px;
    height: 15px;
    margin-left: 5px;
    vertical-align: inherit;
}

.btn.btn-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    opacity: 1;
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px);
}

.btn.btn-banner:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.btn.btn-banner:hover {
    color: #009cff;
}

.btn.btn-banner:hover .arrow-svg-icon path {
    fill: #009cff;
}

.banner-text-box.Available-text {
    max-width: 730px;
}

.Available-text p {
    /* margin: 45px 0 40px; */
    margin: 27px 0 27px;
}

.Available-text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Available-text ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 33px;
}

.Available-text ul li img {
    width: 50px;
    margin-right: 20px;
}

.Available-text ul li h4 {
    font-size: 22px;
    line-height: 27px;
    font-family: "Muli-Bold";
    font-weight: normal;
    margin: 0;
}

.Available-text ul li p {
    font-size: 15px;
    line-height: 27px;
    font-family: "Muli";
    font-weight: normal;
    margin: 0;
}

.Available-text ul li span {
    margin: 0;
    font-size: 18px;
    font-family: "Muli-Bold";
    color: #fde952;
}

.banner-4-item .banner-image-box img {
    margin-top: 80px;
}

.banner-text-box.premium-server-text {
    max-width: 710px;
}

.premium-server-text ul {
    margin-bottom: 30px;
}

.premium-server-text ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Muli-SemiBold";
    margin-bottom: 8px;
}

.premium-server-text .list-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 100%;
}

.premium-server-text ul li span {
    margin-left: 7px;
}

.premium-server-text .list-icon::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 2px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.premium-server-text p {
    /* margin: 40px 0 20px; */
    margin: 20px 0 20px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    height: 50px;
    top: calc(50% - 20px);
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 100%;
}

.carousel-control-prev {
    left: 80px;
}

.carousel-control-next {
    right: 80px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 100%, 100%;
    border-radius: 50%;
    background-image: none;
}

.carousel-control-prev-icon:after,
.carousel-control-next-icon:after {
    font-family: 'FontAwesome';
    font-size: 29px;
    color: rgba(255, 255, 255, .9);
    line-height: 16px;
}

.carousel-control-next-icon:after {
    content: '\f105';
}

.carousel-control-prev-icon:after {
    content: '\f104';
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 1;
}


/* services section */

.shark-services.section-space {
    padding-bottom: 30px;
}

.shark-services .section-heading-box {
    margin-bottom: 40px;
}


/* .services-card {
    padding: 45px 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 1px rgba(0,0,0,.12);
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .5s ease all;
} */

.services-card:hover {
    /* background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 1px rgba(0,0,0,.12);
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .5s ease all;
    transform: translateX(10px); */
}

.card-item.comman.services-card {
    padding: 45px 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .5s ease all;
    height: 100%;
}

.card-item.comman.services-card:hover {
    transform: scale(1.1);
}

.services-card.second-card {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    padding: 45px 40px;
}

.services-card.second-card:hover {
    /* background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 1px rgba(0,0,0,.12);
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .5s ease all;
    transform: translateX(10px); */
    transform: translateY(-10px);
}

.services-card .card-title,
.pri-diff-sec .card-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.card-item figure {
    margin-bottom: 20px;
}

.services-card img {
    width: 60px;
    height: 60px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.services-card:hover img {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.header-dd-zone .flex-item a:hover img,
.flex-item.solutions li.header-dd-zone:hover a img {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.header-dd-zone .flex-item a figure,
.flex-item.solutions li.header-dd-zone--link a figure {
    margin-bottom: 0.5rem;
}


/* Discover Server css */

.discover-server {
    background-color: #f8f8f8;
    padding-bottom: 55px;
    background: #f8f8f8;
    position: relative;
}

.discover-server .section-heading-box {
    padding: 60px 0 0 0;
    margin-bottom: 53px;
}

.discover-server .section-heading-box h2,
.discover-server .section-heading-box p {
    color: #fff;
}

.server-listing-tab {
    position: relative;
    width: 100%;
    z-index: 9;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
}

.server-listing-tab .nav-tabs {
    border-bottom: 0;
}

.server-listing-tab .nav-tabs .nav-item {
    margin-bottom: 10px;
    width: 100%;
}

.server-listing-tab .nav-tabs .nav-link {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    padding: 23px;
    font-size: 16px;
    font-family: 'Muli-Bold';
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0 none;
    position: relative;
    z-index: 1;
}

.server-listing-tab .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #cee4ff;
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.server-listing-tab .nav-tabs .nav-link.active::before,
.server-listing-tab .nav-tabs .nav-link:hover::before {
    width: 100%;
    opacity: 1;
}

.server-listing-tab .nav-tabs .nav-link::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 10px;
    top: calc(50% - 10px);
    right: -8px;
    border-top: 17px solid #cee4ff;
    border-left: 17px solid #0000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

.server-listing-tab .nav-tabs .nav-link.active {
    background-color: #cee4ff;
    color: #000;
}

.server-listing-tab .nav-tabs .nav-link.active::after {
    opacity: 1;
}

.server-listing-tab .nav-tabs .nav-link .server-icons {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    background-color: #009cff;
    border-radius: 100%;
    margin-right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.server-icons .svg-cls {
    fill: #fff;
    fill-rule: evenodd;
}

.server-listing-tab .nav-tabs .nav-link.active .server-icons {
    background-color: #fff;
}

.server-listing-tab .nav-tabs .nav-link.active .server-icons .svg-cls {
    fill: #009cff;
}

.tab-content .tab-pane {
    background-color: #fff;
    border-radius: 3px;
    padding: 55px 80px 100px;
    -webkit-box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.22);
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.22);
    margin-left: 20px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.tab-content .tab-pane h3 {
    font-size: 30px;
    font-family: "Muli-Black";
    color: #000;
}

.tab-content .tab-pane p {
    font-size: 18px;
    font-family: "Muli-SemiBold";
    color: #333;
    margin-bottom: 40px;
    letter-spacing: 0.32px;
    max-width: 480px;
}

.tab-content .tab-pane .price-content p {
    font-size: 15px;
    font-family: "Muli-semiBold";
    color: #333;
    margin-bottom: 10px;
    letter-spacing: 0;
    max-width: 100%;
}

.tab-content .tab-pane .price-content h2 {
    font-size: 49px;
    font-family: "Muli-ExtraBold";
    color: #020d1a;
    margin-bottom: 30px;
}

#DDoS {
    background-image: url("../img/server-card-background.png");
}

#Premium {
    background-image: url("../img/server-card-background.png");
}

#Virtual {
    background-image: url("../img/server-card-background.png");
}

#Remote {
    background-image: url("../img/server-card-background.png");
}

.server-listing-tab::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 140px;
    bottom: -5px;
    left: 0;
    background: #f8f8f8;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    z-index: -1;
}

.zigzaglayer {
    position: absolute;
    height: 40px;
    width: 100%;
    -webkit-transform: skewY(-6deg) translateY(0);
    transform: skewY(-4deg) translateY(0);
    bottom: 37px;
}

.zigzaglayer.zigzaglayer-left {
    transform: skewY(-3deg) translateY(0);
}

.zigzaglayer.zigzaglayer-right .zigzaglayer-big {
    background-color: #3382c5;
    width: calc(var(--gutterWidth) + var(--stripeInset));
    height: 40px;
    position: absolute;
    right: auto;
    left: var(--stripeStart);
}

.zigzaglayer.zigzaglayer-right .zigzaglayer-small {
    background-color: #e2e9f0;
    width: 160px;
    height: 40px;
    position: absolute;
    right: 0;
    top: -20px;
}

.zigzaglayer.zigzaglayer-left .zigzaglayer-big {
    background-color: #3382c5;
    width: 100%;
    height: 40px;
    position: absolute;
    right: var(--stripeStart);
}

.zigzaglayer.zigzaglayer-left .zigzaglayer-small {
    background-color: #e2e9f0;
    width: 350px;
    height: 40px;
    position: absolute;
    right: var(--stripeStart);
    top: 20px;
}


/* Top Reasons */

.top-reasons {
    background-color: #f8f8f8;
}

.top-reasons .section-heading-box {
    padding: 0;
    margin-bottom: 45px;
}

.top-reasons .section-heading-box p {
    font-size: 21px;
    line-height: 30px;
    font-family: "Muli-SemiBold";
    max-width: 520px;
}

.top-reasons-card img {
    width: 78px;
    height: 80px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.top-reasons-card:hover img,
.order-card:hover img {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.top-reasons-card {
    display: -ms-grid;
    display: grid;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 1px rgb(177 215 253);
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    padding: 40px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .5s ease all;
}

.card-item.top-reasons-card .card-desc {
    line-height: 25px;
    letter-spacing: 0.32px;
}

.top-reasons-card:hover {
    /* -webkit-box-shadow: 0 3px 25px 1px rgba(0,0,0,.12);
            box-shadow: 0 3px 25px 1px rgba(0,0,0,.12); */
    transform: scale(1.1);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.card-title {
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 20px;
}


/* Get started */

.get-started-banner {
    background-color: #fff;
    padding-bottom: 50px;
    background-image: url("../img/get-started-background.png");
    background-size: cover;
    background-position: center;
}

.get-started-content {
    max-width: 700px;
    position: relative;
    padding: 120px 0 80px;
}

.get-started-content h2 {
    font-size: 42px;
    line-height: 50px;
    font-family: "Muli-Black";
    color: #fff;
    margin-bottom: 33px;
    letter-spacing: -0.32px;
}

.get-started-content h2 span {
    color: #fde952
}

.get-started-content p {
    font-size: 21px;
    line-height: 34px;
    letter-spacing: 0.32px;
    font-family: 'Muli-Light';
    color: #fff;
    margin-bottom: 45px;
}

.get-started-content .btn {
    background-color: #000;
    border: 0;
    -webkit-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all;
}

.get-started-content .btn span,
.get-started-content .btn svg {
    z-index: 2;
    position: relative;
}

.get-started-content .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 1;
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px);
}

.get-started-content .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #009cff;
    z-index: 1;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 1;
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px);
}

.get-started-content .btn:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}


/* join Sharktech */

.join-sharktech .section-heading-box {
    text-align: left;
    margin-bottom: 25px;
    padding: 0;
}

.feedback-slider-card {
    background-color: #f4f8fc;
    padding: 45px 45px;
    margin: 14px;
    outline: none;
    min-height: 300px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.feedback-slider-card:hover {
    /* box-shadow: 0 0 5px 0px rgba(0,0,0,.05); */
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.feedback-title {
    padding-left: 20px;
}

.feedback-title h3 {
    font-size: 18px;
    color: #000;
    font-family: "Muli-Black";
    margin-bottom: 10px;
    letter-spacing: 0.32px;
}

.feedback-title span {
    font-size: 12px;
    color: #929597;
    font-family: 'Muli-Bold';
    display: block;
    letter-spacing: 0.32px;
}

.feedback-slider-card p {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.32px;
    color: #333;
    font-family: 'Muli-SemiBold';
    margin-bottom: 0;
}

.join-sharktech-slider .slick-prev,
.join-sharktech-slider .slick-next {
    top: -50px;
    width: 40px;
    height: 40px;
}

.join-sharktech-slider .slick-prev {
    left: 90%;
}

.join-sharktech-slider .slick-next,
.coming-soon-slider-block .slick-next,
.coming-soon-slider-block .slick-prev {
    right: 15px;
    background-color: #e3f1f9;
    border-radius: 100%;
}

.join-sharktech-slider .slick-next:before,
.coming-soon-slider .slick-next:before,
.coming-soon-slider .slick-prev:before,
.coming-soon-video-slider-block .slick-prev:before,
.coming-soon-video-slider-block .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 27px;
    line-height: 17px;
    text-align: center;
    width: auto;
    opacity: 1;
    color: rgba(0, 0, 0, .22);
    display: inline-block;
}

.join-sharktech-slider .slick-next:before,
.coming-soon-slider-block .slick-next:before,
.coming-soon-video-slider-block .slick-next:before {
    content: '\f105';
    color: #0080ca;
}

.join-sharktech-slider .slick-prev:before,
.coming-soon-slider-block .slick-prev:before,
.coming-soon-video-slider-block .slick-prev:before {
    content: '\f104';
}

.join-sharktech-slider .slick-prev:hover,
.join-sharktech-slider .slick-next:hover,
.join-sharktech-slider .slick-prev:focus,
.join-sharktech-slider .slick-next:focus {
    background-color: #e3f1f9;
    border-radius: 100%;
    text-align: center;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    color: #0080ca;
}

.join-sharktech-slider-container {
    margin: 0 -15px;
}

.coming-soon-slider-block .slick-next {
    right: 5px;
}

.coming-soon-slider-block .slick-prev {
    left: 5px;
}

.coming-soon-slider-block .slick-prev,
.coming-soon-slider-block .slick-next {
    width: 40px;
    height: 40px;
    z-index: 1;
}

.coming-soon-slider {
    padding: 0px 25px;
}


/* Sharktech Support section */

.sharktech-support-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .09);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.sharktech-support-card {
    position: relative;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 40px 35px;
    /* padding: 50px 50px 45px; */
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sharktech-support-card::after {
    position: absolute;
    content: "";
    top: calc(50% - 70px);
    right: 0;
    background-color: #e6e9ef;
    width: 1px;
    height: 140px;
}

.sharktech-support-card:last-child::after {
    display: none;
}

.sharktech-support-container:hover {
    -webkit-box-shadow: 0 2px 18px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 18px 1px rgba(0, 0, 0, .12);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.support-content {
    padding: 0 33px;
}

.sharktech-support-card .support-content h2 {
    font-size: 25px;
    line-height: 27px;
    color: #000;
    font-family: "Muli-ExtraBold";
    margin-bottom: 20px;
    letter-spacing: -0.32px;
}

.sharktech-support-card .support-content p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
    margin-bottom: 0;
    color: rgba(0, 0, 0, .8);
    font-family: "Muli-SemiBold";
}

.sharktech-support-card .support-content a {
    letter-spacing: 0.32px;
}

.contact-detail {
    display: inline-block;
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    font-family: "Muli-ExtraBold";
    margin-bottom: 7px;
}

.contact-detail i {
    font-size: 20px;
    margin-right: 12px;
    color: #000;
}


/* home page css end here */


/* dedicated server page css starts here */


/* Banner css start */

.innerpage-banner {
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    /* padding: 80px 0 60px; */
    padding: 74px 0 20px;
}

.innerpage-banner.ddos-protection-banner {
    padding: 74px 0 70px;
}

.inner-banner-container {
    position: relative;
    padding: 70px 0;
    /* min-height: 650px; */
    /* min-height: 600px; */
    min-height: auto;
}

.banner-slider-outer {
    position: relative;
    margin-top: 10px;
}

.inner-banner-container .banner-text-box {
    max-width: 725px;
}

.banner-background-layer {
    position: absolute;
    width: 100%;
    left: 0;
    background-size: auto;
    background-repeat: no-repeat;
}

.banner-content-outer::after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url("../img/map-bg.png");
    background-position: 315px 40px;
    background-repeat: no-repeat;
    z-index: 0;
}

.banner-text-box h1 {
    font-size: 40px;
    color: #fff;
    font-family: "Muli-Black";
    line-height: 50px;
    letter-spacing: -0.32px;
}

.banner-text-box h1 span {
    color: #fde952;
}

.banner-text-box p {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-family: "Muli-SemiBold";
    margin-bottom: 30px;
    letter-spacing: 0.64px;
}

.inner-banner-text-box h1 {
    text-shadow: 1px 1px 4px rgb(0 0 0 / 30%);
    margin-top: 0;
    font-size: 40px;
    line-height: 50px;
}

.inner-banner-text-box p {
    /* margin: 40px 0; */
    margin: 20px 0;
}

.inner-banner-text-box ul li {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    font-family: "Muli";
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.inner-banner-text-box ul li span.list-icon-img {
    margin-right: 15px;
}

.btn.btn-banner {
    border: 1px solid #fff;
    background: transparent;
    padding: 16px 28px;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-family: "Muli";
    position: relative;
    z-index: 2;
    -webkit-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    transition: 0.7s ease;
}

.btn.btn-banner .arrow-svg-icon {
    width: 16px;
    height: 15px;
    margin-left: 5px;
    vertical-align: inherit;
}

.btn.btn-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    opacity: 1;
    -webkit-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    transform: translateX(-700px);
}

.btn.btn-banner:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.btn.btn-banner:hover {
    color: #009cff;
}

.btn.btn-banner:hover .arrow-svg-icon path {
    fill: #009cff;
}

.inner-banner-text-box .btn.btn-banner {
    /* margin-top: 30px; */
    margin-top: 20px;
}


/* logo section */

.gbps-logo-section {
    padding: 40px;
    background: #f9f9f9;
}

.gbps-logo-outer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.gbps-logo-outer ul li {
    max-width: 120px;
}

.gbps-logo-outer ul li svg {
    width: 100%;
    height: auto;
    height: 40px;
    display: block;
    margin: 0 auto;
    filter: grayscale(1);
    opacity: .5;
}

.gbps-logo-outer ul li:hover svg {
    filter: grayscale(0);
    opacity: 1;
}


/* performance section  */

.gbps-performance .services-card {
    padding: 35px 23px;
}

.gbps-performance .services-card .card-title {
    font-size: 18px;
    margin-bottom: 15px;
}

.gbps-performance .services-card .card-desc {
    /* padding: 0 15px; */
    padding: 0px;
}

.gbps-performance .card-item {
    height: 100%;
    align-content: flex-start;
}


/* feature-section */

.features-head {
    display: flex;
    justify-content: space-evenly;
    background: #006abc;
    padding: 23px;
}

.features-head-colocation {
    display: flex;
    justify-content: space-evenly;
    background: #006abc;
    padding: 23px 0px;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-150 {
    width: 160px;
}

.tab-content .tab-pane .features-head h3 {
    font-size: 18px;
    font-family: "Muli-ExtraBold";
    /* color: #a8a8a8; */
    /* color: #000000; */
    color: #fff;
    text-transform: uppercase;
    /* margin: 0; */
    margin: 0 25px;
}

.tab-content .tab-pane .features-head-colocation h3 {
    font-size: 18px;
    font-family: "Muli-ExtraBold";
    /* color: #a8a8a8; */
    /* color: #000000; */
    color: #fff;
    text-transform: uppercase;
    /* margin: 0; */
    margin: 0 25px;
}

.gbps-features-section {
    background-color: #f8f8f8;
}

.features-outer-container .nav-tabs {
    border-bottom: 0;
    justify-content: center;
    margin-bottom: 60px;
}

.features-outer-container .nav-tabs .nav-item {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    box-shadow: -5px 3px 10px 3px rgba(0, 0, 0, 0.04);
}

select {
    background-color: white;
    background-image: url("../img/down.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 8%;
    border-radius: 2px;
    border: none;
    color: #ffffff;
    padding: 10px 30px 10px 10px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.features-outer-container .nav-tabs .nav-link {
    position: relative;
    font-size: 18px;
    font-family: 'Muli-ExtraBold';
    background-color: #fff;
    color: #000;
    padding: 20px 40px;
    border: 0;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.features-outer-container .nav-tabs .nav-link.active {
    /* background: #009cff; */
    background: #006abc;
    color: #fff;
}

.features-outer-container .nav-tabs .nav-link.active img {
    filter: brightness(0) invert(1);
}

.features-outer-container .nav-tabs .nav-link::after {
    position: absolute;
    content: "";
    top: calc(50% - 17px);
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #ddd;
}

.features-outer-container .nav-tabs .nav-link.active::after,
.features-outer-container .nav-tabs .nav-link.no-after::after {
    display: none;
}

.features-outer-container .nav-tabs .nav-link img {
    height: 34px;
    margin-right: 15px;
}

.tab-content.gbps-features-content .tab-pane {
    padding: 0;
    background: transparent;
    margin: 0;
    box-shadow: none;
}

.tab-content.gbps-features-content .tab-pane .accordion {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 0;
}

.tab-content.gbps-features-content .tab-pane .accordion li {
    padding: 0;
    border-bottom: 0;
    box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.08);
    background: #fff;
    /* margin-top: 25px; */
    margin-top: 10px;
    border: 2px solid transparent;
}

.tab-content.gbps-features-content .tab-pane .accordion li .link {
    margin: 0;
    /* padding: 30px 30px; */
    padding: 25px 30px;
}

.tab-content.gbps-features-content .tab-pane .accordion li:hover,
.tab-content.gbps-features-content .tab-pane .accordion li.open {
    border-color: #39a3d4
}

.tab-content.gbps-features-content .tab-pane .accordion li:hover .link,
.tab-content.gbps-features-content .tab-pane .accordion li.open .link {
    background-color: #e4f4fe;
}

.tab-content.gbps-features-content .tab-pane .accordion li:hover .box-open-icon,
.tab-content.gbps-features-content .tab-pane .accordion li.open .box-open-icon {
    /* background-color: #009cff; */
    background-color: #128cda;
}

.tab-content.gbps-features-content .tab-pane .accordion li:hover .box-open-icon::after,
.tab-content.gbps-features-content .tab-pane .accordion li.open .box-open-icon::after {
    color: #fff;
}

.tab-content.gbps-features-content p {
    font-size: 16px;
    font-family: 'Muli-SemiBold';
    font-weight: normal;
    margin: 0;
    color: #000;
    max-width: 100%;
}

.tab-content.gbps-features-content .head-text {
    font-size: 18px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin-bottom: 7px;
}

.tab-content.gbps-features-content .feature-prize {
    position: relative;
    background-color: #f54045;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    /* letter-spacing: 0.4px; */
    letter-spacing: 1px;
    text-align: center;
    padding: 0 15px;
    display: inline-block;
}

.tab-content.gbps-features-content .feature-prize::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    height: 100%;
    border-right: 6px solid #fff;
    width: 6px;
}

.tab-content.gbps-features-content .feature-prize::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    height: 100%;
    border-left: 6px solid #fff;
    width: 6px;
}

.tab-content.gbps-features-content .tab-pane .accordion li:hover .feature-prize::before,
.tab-content.gbps-features-content .tab-pane .accordion li:hover .feature-prize::after,
.tab-content.gbps-features-content .tab-pane .accordion li.open .feature-prize::before,
.tab-content.gbps-features-content .tab-pane .accordion li.open .feature-prize::after {
    border-left-color: #e4f4fe;
    border-right-color: #e4f4fe;
}

.tab-content.gbps-features-content .feature-prize sub {
    font-size: 18px;
    font-family: "Muli";
    font-weight: normal;
}

.tab-content.gbps-features-content .box-table-btn {
    padding: 13px 20px;
    min-width: 130px;
    /* background-color: #000; */
    background-color: #006abc;
    border: 0;
    margin-bottom: 10px;
}


/*.tab-content.gbps-features-content  .box-table-btn-soldout {
    padding: 13px 20px;
    min-width: 130px;
     background-color: #000;
    background-color: #AE313F;
    border: 0;
    margin-bottom: 10px;
    font-size: 16px;
}
*/

.box-table-btn span {
    z-index: 2;
    position: relative;
    font-size: 16px;
}

.box-table-btn.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #009cff;
    z-index: 1;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    opacity: 1;
    -webkit-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    -transform: translateX(-800px);
}

.box-table-btn.btn:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.box-open-div {
    width: 15px;
}

.gbps-features-content .tab-pane .feature-box-div:last-child {
    margin: 0;
}

.box-open-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 50px;
    height: 50px;
    /* color: #000; */
    color: #fff;
    /* background: #f1f1f2; */
    background: #006abc;
    border-radius: 100%;
    text-align: center;
}

.box-open-icon::after {
    position: absolute;
    top: 0;
    right: 0;
    /* color: #000; */
    color: #fff;
    background: transparent;
    content: "+";
    width: 49px;
    height: 49px;
    font-size: 26px;
    text-align: center;
    line-height: 47px;
}

.tab-content.gbps-features-content .tab-pane .accordion li.open .box-open-icon::after {
    content: "_";
    line-height: 29px;
}

.boxmenu {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.boxmenu-left {
    display: flex;
    justify-content: flex-start;
    width: 75%;
    padding: 30px 0 0 120px;
}

.tab-content.gbps-features-content .boxmenu-left div {
    margin-bottom: 30px;
    min-width: 33%;
}

.tab-content.gbps-features-content .boxmenu-left .label {
    position: relative;
    font-size: 14px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #000;
    margin-bottom: 5px;
    letter-spacing: 0.4px;
}

.tab-content.gbps-features-content .boxmenu-left .label img {
    position: absolute;
    top: 5px;
    left: -60px;
}

.tab-content.gbps-features-content .boxmenu-left .value {
    font-size: 13px;
    font-family: "Muli";
    font-weight: normal;
    color: #8f8f8f;
    margin-bottom: 0;
    letter-spacing: 0.4px;
}

.boxmenu-right {
    width: 25%;
    padding: 30px 46px;
    border-left: 1px solid #ddd;
}

.boxmenu-right .form-group {
    margin-bottom: 25px;
}

.boxmenu-right label {
    display: block;
    font-size: 14px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
}

.boxmenu-right select {
    font-size: 13px;
    padding: 10px;
    color: #8f8f8f;
    letter-spacing: 0.4px;
    min-height: 50px;
    appearance: none;
    -moz-appearance: none;
}

.tab-content.gbps-features-content .boxmenu-right p {
    font-size: 14px;
    font-family: "Muli-Bold";
    font-weight: normal;
}

.tab-content.gbps-features-content .boxmenu-right h2 {
    font-size: 40px;
    line-height: 45px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 5px 0 10px;
}

.tab-content.gbps-features-content .boxmenu-right h2 sub {
    font-size: 40px;
    line-height: 45px;
    font-family: "Muli";
    font-weight: normal;
    color: #b5b5b5;
}

.tab-content.gbps-features-content .boxmenu-right .btn {
    min-height: 32px;
    line-height: 32px;
    color: #fff;
}


/* .why-use-sharktech css */

.why-use-sharktech .section-heading-box {
    margin-bottom: 40px;
}

.why-use-sharktech-card {
    position: relative;
    display: flex;
    background-color: #fff;
    padding: 35px 32px 32px;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.07);
    margin-bottom: 35px;
    transition: all .3s ease;
}

.why-use-sharktech-card::after,
.why-use-sharktech-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .7s ease 0s;
    border-radius: 0;
}

.why-use-sharktech-card::before {
    border-bottom: 2px solid #009cff;
    border-top: 2px solid #009cff;
    transform: scale(0, 1);
    transform-origin: 0 0 0;
}

.why-use-sharktech-card::after {
    border-left: 2px solid #009cff;
    border-right: 2px solid #009cff;
    transform: scale(1, 0);
    transform-origin: 100% 0 0;
}

.why-use-sharktech-card:hover::after,
.why-use-sharktech-card:hover::before {
    opacity: 1;
    transform: scale(1);
    transition-delay: .15s;
}

.why-use-sharktech-card figure {
    margin: 0 25px 0 0;
}

.why-use-sharktech-card figure img {
    height: 47px;
}

.why-use-sharktech-card h3,
.sales-content h3 {
    font-size: 22px;
    line-height: 30px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 0 0 8px;
}

.why-use-sharktech-card p,
.sales-content p {
    font-size: 14px;
    line-height: 25px;
    font-family: 'Muli-SemiBold';
    font-weight: normal;
    /* margin: 0 0 15px; */
    margin: 0;
    color: #333;
    /* letter-spacing: -0.1px; */
}


/* gbps plan banner */

.gbps-plan-banner {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
}

.gbps-plan-banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 85px;
    bottom: -1px;
    left: 0;
    background: #fff;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.gbps-plan-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/gbps-get-started-banner.png");
    background-size: cover;
    background-position: center;
    z-index: -1;
}


/* .gbps-plan-banner-bg.server-plan-banner {
    background-image: url("../img/gbps-plan-banner.svg");
    opacity: 0.5;
    background-position: bottom;
} */

.gbps-plan-content {
    display: grid;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center;
    position: relative;
    /* padding: 40px 20px 0;
    min-height: 530px; */
}

.gbps-plan-content {
    padding: 70px 20px 0;
    min-height: 420px;
}

.gbps-plan-text {
    max-width: 1100px;
    margin: 0 auto;
}

.gbps-plan-text h2 {
    font-size: 36px;
    line-height: 48px;
    font-family: "Muli-Black";
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: -0.32px;
}

.gbps-plan-text p {
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.32px;
    font-family: 'Muli';
    font-weight: normal;
    color: #fff;
    max-width: 700px;
    margin: 0 auto 35px;
}

.gbps-plan-text .btn {
    background-color: #000;
    border: 0;
    -webkit-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all;
}

.gbps-plan-text .btn span,
.gbps-plan-text .btn svg {
    z-index: 2;
    position: relative;
}

.gbps-plan-text .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #009cff;
    z-index: 1;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 1;
    -webkit-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    transform: translateX(-800px);
}

.gbps-plan-text .btn:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}


/* end here */


/* colocation page css start here */

.inner-banner-text-box.colocation-banner,
.inner-banner-text-box.vps-banner {
    max-width: 630px;
}

.tab-content.gbps-features-content .tab-pane .server-feature-content {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 0;
}

.tab-content.gbps-features-content .tab-pane .server-feature-content li {
    padding: 0;
    border-bottom: 0;
    width: 100%;
    box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.04);
    background: #fff;
    margin-top: 2px;
    border: 0;
}

.tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    padding: 30px 0;
}


/*
.colocation-server .features-head {
    justify-content: space-between;
    margin-bottom: 15px;
}
.colocation-server .tab-content .tab-pane .features-head h3{
    margin-right: 10px;
    width: 130px;
}
 */


/*
.feature-content-text div {
    margin-right: 40px;
}
*/


/*
.tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text  {
    width: 130px;
}
*/

.tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text {
    flex: 0 0 20%;
    /*width: 130px;*/
}

.tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text span {
    width: 170px;
    display: block;
    padding: 7px 20px;
    background: #ebf7ff;
    border-radius: 0 100px 100px 0;
    font-size: 17px;
    font-family: "Muli-ExtraBold";
    color: #009cff;
}

.tab-content.gbps-features-content .tab-pane .server-feature-content li:hover {
    outline: 2px solid #39a3d4;
}


/* colocation page css end here */


/* vps page css start here */

.price-vps-section {
    background-color: #f8f8f8;
}

.price-vps-container {
    border: 2px solid #118fc5;
}

.price-sliderbox {
    width: 100%;
    /* padding: 50px 90px; */
    padding: 20px 90px;
    background-color: #009cff;
}

.price_rangetxt {
    width: 100%;
    /* padding: 25px 0 0; */
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
}

.price_rangetxt .sliderrange-text label {
    font-size: 20px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    width: 24px;
}

.price_rangetxt .sliderrange-text#icon-1 label,
.price_rangetxt .sliderrange-text#icon-2 label,
.price_rangetxt .sliderrange-text#icon-3 label,
.price_rangetxt .sliderrange-text#icon-4 label {
    position: relative;
    left: 7px;
}

.price_rangetxt .sliderrange-text#icon-5 label {
    left: -15px;
    position: relative;
}

.price-slider {
    width: 95%;
    height: 16px;
    background-color: #007ac7;
    border-radius: 20px;
}

.price-slider-range {
    height: 16px;
    border-radius: 20px;
    background-color: #fff;
    width: 20%;
    position: relative;
}

.price-slider-handle {
    outline: none;
    border-radius: 0;
    border: 0;
    width: 50px;
    height: 50px;
    background: url("../img/range-handle.png") no-repeat left top;
    position: absolute;
    right: -20px;
    top: calc(100% - 30px);
}

.price-sliderbox img {
    width: 95%;
}

.vps-price-box {
    background-color: #fff;
    padding: 60px 90px 0px;
    display: flex;
    justify-content: flex-start;
}

.value-box {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}

.value-box .smallbox {
    min-width: 45%;
    margin: 0 10px 35px 0;
    color: #808898;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.value-box .smallbox img {
    height: 35px;
    margin-right: 20px;
}

.value-content {
    display: flex;
    min-width: 200px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.value-content .value-text {
    font-size: 18px;
    font-family: "Muli-Bold";
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #000;
}

.value-content .light-value-font {
    display: block;
    font-size: 16px;
    font-family: "Muli";
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #333;
}

.price-box .price-badge {
    font-size: 18px;
    line-height: 25px;
    font-family: "Muli";
    font-weight: normal;
    margin: 0;
    color: #333;
}

.price-box h2 {
    font-size: 70px;
    line-height: 75px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 5px 0 10px;
}

.price-box h2 sub {
    font-family: "Muli";
    font-weight: normal;
    color: #b5b5b5;
}

.price-box h3 {
    font-size: 55px;
    line-height: 75px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 5px 0 10px;
}

.price-box h3 sub {
    font-family: "Muli";
    font-weight: normal;
    color: #b5b5b5;
}

.price-box .btn {
    min-width: 205px;
    margin-bottom: 25px;
}

.price-box .help-text {
    font-size: 13px;
    color: #333;
    letter-spacing: 0.2px;
    font-family: 'Muli-SemiBold';
    font-weight: normal;
}

.no-border {
    border: 0;
}

.vps-server-features {
    position: relative;
    background-color: #f8f8f8;
    padding-top: 60px;
}

.clip-path-layer {
    position: absolute;
    width: 100%;
    height: 500px;
    top: -30px;
    left: 0;
    background: #f8f8f8;
    -webkit-clip-path: ellipse(49% 7% at 51% 7%);
    clip-path: ellipse(51% 17% at 50% 5%);
}

.vps-server-features-outer {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    padding-bottom: 50px;
}

.vps-server-features-outer::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vps-feature-bg-right.svg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover 50%;
    z-index: -1;
}

.vps-server-features-outer::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vps-feature-bg-left.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover 50%;
    z-index: -1;
}

.vps-server-features-outer {
    position: relative;
    z-index: 2;
}

.vps-server-features .vps-server-features-card {
    padding: 30px;
    margin-bottom: 0;
    height: 100%;
    transition: all .3s ease;
}

.vps-server-features-card:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.vps-server-features .vps-server-features-card p {
    margin-bottom: 0;
}

.vps-server-features-card h3 {
    font-size: 19px;
    line-height: 25px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 0 0 8px;
}

.vps-choose .services-card {
    /* padding: 45px 30px; */
    padding: 40px 20px;
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    height: 100%;
}

.vps-choose .card-desc {
    /* padding: 0  20px; */
    padding: 0;
    max-width: 300px;
    margin: auto;
}

.vps-choose .section-heading-box p {
    max-width: 100%;
}

.feature-box-div {
    /* margin-bottom: 90px; */
    margin-bottom: 70px;
}


/* end here */


/* spc2 page css start here */

.price-spc2-section {
    background-color: #f8f8f8;
}

.price-spc2-container {
    border: 2px solid #118fc5;
}

.price-spc2-sliderbox {
    width: 100%;
    /* padding: 50px 90px; */
    padding: 20px 90px;
    background-color: #009cff;
}

.select_spc2_price_input {
    width: 100%;
}

.price_rangetxt {
    width: 100%;
    /* padding: 25px 0 0; */
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
}

.price_rangetxt .sliderrange-text label {
    font-size: 20px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    width: 24px;
}

.price_rangetxt .sliderrange-text#icon-1 label,
.price_rangetxt .sliderrange-text#icon-2 label,
.price_rangetxt .sliderrange-text#icon-3 label,
.price_rangetxt .sliderrange-text#icon-4 label {
    position: relative;
    left: 7px;
}

.price_rangetxt .sliderrange-text#icon-5 label {
    left: -15px;
    position: relative;
}

.price-slider {
    width: 95%;
    height: 16px;
    background-color: #007ac7;
    border-radius: 20px;
}

.price-slider-range {
    height: 16px;
    border-radius: 20px;
    background-color: #fff;
    width: 20%;
    position: relative;
}

.price-slider-handle {
    outline: none;
    border-radius: 0;
    border: 0;
    width: 50px;
    height: 50px;
    background: url("../img/range-handle.png") no-repeat left top;
    position: absolute;
    right: -20px;
    top: calc(100% - 30px);
}

.price-sliderbox img {
    width: 95%;
}

.spc2-price-box {
    background-color: #fff;
    padding: 60px 90px 0px;
    display: flex;
    justify-content: flex-start;
}

.value-spc2-box {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}

.value-spc2-box .smallbox-spc2-compute {
    min-width: 33%;
    /*margin: 0 10px 35px 0;*/
    color: #808898;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*background-color:#cce5ff;*/
}

.value-spc2-box .smallbox-spc2-compute img {
    padding: 5px;
    height: 35px;
    margin-right: 20px;
}

.value-spc2-box .smallbox-spc2-storage {
    min-width: 33%;
    /*margin: 0 10px 35px 0;*/
    color: #808898;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*background-color:#d1ecf1;*/
}

.value-spc2-box .smallbox-spc2-storage img {
    padding: 5px;
    height: 35px;
    margin-right: 20px;
}

.value-spc2-content {
    display: flex;
    min-width: 200px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.value-spc2-content .value-spc2-text {
    font-size: 18px;
    font-family: "Muli-Bold";
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #000;
}

.value-spc2-content .light-value-font {
    display: block;
    font-size: 16px;
    font-family: "Muli";
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #333;
}

.spc2-price-box .spc2-price-badge {
    font-size: 18px;
    line-height: 25px;
    font-family: "Muli";
    font-weight: normal;
    margin: 0;
    color: #333;
}

.spc2-price-box h2 {
    font-size: 70px;
    line-height: 75px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 5px 0 10px;
}

.spc2-price-box h2 sub {
    font-family: "Muli";
    font-weight: normal;
    color: #b5b5b5;
}

.spc2-price-box .btn {
    min-width: 205px;
    margin-bottom: 25px;
}

.spc2-price-box .help-text {
    font-size: 13px;
    color: #333;
    letter-spacing: 0.2px;
    font-family: 'Muli-SemiBold';
    font-weight: normal;
}

.no-border {
    border: 0;
}

.vps-server-features {
    position: relative;
    background-color: #f8f8f8;
    padding-top: 60px;
}

.clip-path-layer {
    position: absolute;
    width: 100%;
    height: 500px;
    top: -30px;
    left: 0;
    background: #f8f8f8;
    -webkit-clip-path: ellipse(49% 7% at 51% 7%);
    clip-path: ellipse(51% 17% at 50% 5%);
}

.vps-server-features-outer {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    padding-bottom: 50px;
}

.vps-server-features-outer::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vps-feature-bg-right.svg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover 50%;
    z-index: -1;
}

.vps-server-features-outer::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vps-feature-bg-left.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover 50%;
    z-index: -1;
}

.vps-server-features-outer {
    position: relative;
    z-index: 2;
}

.vps-server-features .vps-server-features-card {
    padding: 30px;
    margin-bottom: 0;
    height: 100%;
    transition: all .3s ease;
}

.vps-server-features-card:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.vps-server-features .vps-server-features-card p {
    margin-bottom: 0;
}

.vps-server-features-card h3 {
    font-size: 19px;
    line-height: 25px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin: 0 0 8px;
}

.vps-choose .services-card {
    /* padding: 45px 30px; */
    padding: 40px 20px;
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    height: 100%;
}

.vps-choose .card-desc {
    /* padding: 0  20px; */
    padding: 0;
    max-width: 300px;
    margin: auto;
}

.vps-choose .section-heading-box p {
    max-width: 100%;
}

.feature-box-div {
    /* margin-bottom: 90px; */
    margin-bottom: 70px;
}


/* end here */


/* contact page css start here */

.contact-banner {
    padding: 158px 0 0;
    position: relative;
}

.contact-banner-container {
    position: relative;
    display: grid;
    height: 100%;
    min-height: 400px;
    justify-content: center;
    align-items: center;
    /* margin-top: -406px; */
}

.contact-banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background: url("../img/common-bg.png"); */
    background: url("../img/contact-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.3;
    background-position: center;
    top: 0;
    left: 0;
}

.about-banner {
    padding-top: 145px !important;
}

.about-banner .contact-banner-container {
    position: absolute;
    display: grid;
    height: 100%;
    min-height: 400px;
    justify-content: center;
    align-items: center;
    /* top: 0; */
    top: 200px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.about-banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background: url("../img/common-bg.png"); */
    /* background: url("../img/contact-us-background-image-4.jpg"); */
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.3;
    background-position: center;
    top: 0;
    left: 0;
}

section#about-banner.contact-banner::after {
    background: none;
}


/* section#about-banner.innerpage-banner {
    background: none;
} */

section#about-banner::after {
    /* background: url("../img/common-bg.png") no-repeat center / cover; */
}

section#about-banner .contact-banner::after {
    display: none;
    background: none;
}

.video_section {
    margin-bottom: 60px;
}


/*.sharktech_video {
    width: 100%;
    object-fit: cover;
    height: 700px;
}*/

section#affiliate-banner::after,
section#privacy-policy-banner::after {
    background: url("../img/common-bg.png") no-repeat center / cover;
}

.contact-banner .banner-right-layer,
.contact-banner .banner-left-layer {
    display: none;
}

.contact-banner-text p {
    margin: 30px 0 20px;
}

.contact-banner-text {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.contact-detail-card {
    padding: 20px;
    text-align: center;
    display: grid;
    height: 100%;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: flex-start;
    box-shadow: 0 1px 10px 1px rgb(212 224 235);
    transition: all ease-in-out 0.5s;
    transform: translateY(0px);
}

.contact-detail-card span img {
    height: 65px;
    margin-bottom: 40px;
    transition: all .3s ease;
}

.contact-detail-card:hover img {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.contact-detail-card h3 {
    font-size: 20px;
    font-family: "Muli-ExtraBold";
    color: #000;
    margin-bottom: 20px;
}

.contact-detail-card a {
    font-size: 14px;
    line-height: 25px;
    font-family: "Muli";
    color: #333;
    letter-spacing: 0.4px;
    margin-bottom: 0;
    display: block;
}

.contact-detail-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 33px 6px rgb(0 0 0 / 10%);
}

.contact-form-section {
    background-color: #f8f8f8;
}

.contact-banner-form {
    position: relative;
    background-color: #fff;
    border: 2px solid #118fc5;
    padding: 40px;
    max-width: 80%;
    margin: 0 auto 30px;
}

.contact-form-section .section-heading-box {
    margin-bottom: 40px;
}

.contact-banner-form .form-outer {
    max-width: 100%;
    margin-left: auto;
}

.contact-banner-form .form-group {
    margin-bottom: 25px;
}

.contact-banner-form label {
    display: block;
    font-size: 14px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
}

.progress-barnew input#text,
.progress-barnew input#text2 {
    text-align: center;
    color: #009cfc;
}

.progress-barnew input#text::-webkit-input-placeholder,
.progress-barnew input#text2::-webkit-input-placeholder {
    color: #009cfc;
}

.progress-barnew input#text::-moz-placeholder,
.progress-barnew input#text2::-moz-placeholder {
    color: #009cfc;
}

.progress-barnew input#text:-ms-input-placeholder,
.progress-barnew input#text2:-ms-input-placeholder {
    color: #009cfc;
}

.progress-barnew input#text:-moz-placeholder,
.progress-barnew input#text2:-moz-placeholder {
    color: #009cfc;
}

.progress-barnew input#text,
.progress-barnew input#text3 {
    text-align: center;
    color: #009cfc;
}

.progress-barnew input#text::-webkit-input-placeholder,
.progress-barnew input#text3::-webkit-input-placeholder {
    color: #009cfc;
}

.progress-barnew input#text::-moz-placeholder,
.progress-barnew input#text3::-moz-placeholder {
    color: #009cfc;
}

.progress-barnew input#text:-ms-input-placeholder,
.progress-barnew input#text3:-ms-input-placeholder {
    color: #009cfc;
}

.progress-barnew input#text:-moz-placeholder,
.progress-barnew input#text3:-moz-placeholder {
    color: #009cfc;
}

.form-control,
.contact-banner-form select {
    height: 40px;
    padding: 10px 12px;
    font-size: 12px;
    font-family: "Muli";
    font-weight: normal;
    letter-spacing: 0.4px;
    line-height: 1.3333333;
    border-radius: 3px;
    border-color: #d3d3d3;
    color: rgb(0 0 0 / 50%);
}

.contact-banner-form ::placeholder {
    color: #8f8f8f;
}

.contact-banner-form .btn {
    min-width: 200px;
    font-size: 16px;
    min-height: 32px;
    line-height: 32px;
}


/* contact page css end here */


/* About page css start here */

.contact-banner-text h1 {
    font-size: 60px;
    line-height: 75px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    letter-spacing: 1px;
}


/* .about-banner {
    padding-bottom: 50px;
} */

.about-intro-section.section-space {
    padding-bottom: 0;
}

.about-company-outer {
    display: flex;
    justify-content: center;
    margin-top: -60px;
    position: relative;
}

.about-company-outer .about-company-box {
    padding: 25px 40px;
    margin: 0 15px 20px;
    min-width: 170px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.about-company-box img {
    height: 40px;
}

.about-company-box p {
    font-size: 14px;
    line-height: 19px;
    font-family: "Muli";
    font-weight: normal;
    color: #605f5f;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}

.about-company-box h3 {
    font-size: 22px;
    line-height: 19px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #009cff;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.about-content-box {
    max-width: 1100px;
    margin: 0 auto;
    /*text-align: center; */

}

.about-content-box h2,
.pub-info-content h3,
.pri-info-head h2,
.pri-info-content h2,
.ip-why-head {
    font-size: 42px;
    color: #000;
    font-family: "Muli-Black";
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 48px;
    letter-spacing: -0.5px;
}

.about-content-box p {
    font-size: 28px;
    color: #333;
    line-height: 45px;
    font-family: "Muli";
    font-weight: normal;
}

.story-content-box {
    margin-top: 30px;
}

.privacy-policy-item ul li:last-child {
    margin-bottom: 0;
}

.story-content-box {
    text-align: center;
}

.privacy-policy-item p.imp {
    margin-top: 20px;
}

section.privacy-ploicy-section.section-space {
    padding: 60px 0 30px;
}

.title-badge {
    display: inline-block;
    background-color: #e5f2fb;
    padding: 7px 35px;
    border-radius: 50px;
    color: #009cff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.1px;
    font-family: "Muli-Bold";
    font-weight: normal;
}

.story-content-box p,
.pub-info-content p,
.pri-info-head p,
.pri-info-content p,
.pri-started-banner .pub-benf-text p,
.ip-why-desc {
    text-align: center;
    color: #333;
    font-size: 17px;
    line-height: 28px;
    font-family: "Muli";
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 25px 0 30px;
}


/* TEAM SECTION */

.our-team-section {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    padding: 70px 0 0;
}

.our-team-section:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/story-bg.png");
    background-repeat: no-repeat;
    background-position: fixed;
    background-size: cover;
    z-index: 0;
}

.our-team-section::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 350px;
    top: 0px;
    left: 0;
    background: #fff;
    -webkit-clip-path: ellipse(49% 7% at 51% 7%);
    clip-path: ellipse(51% 25% at 50% 5%);
    z-index: 1;
}

.our-team-content {
    position: relative;
    z-index: 2;
    display: grid;
    height: 100%;
    min-height: 550px;
    align-items: center;
    justify-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    color: #fff;
}

.our-team-content h2 {
    font-size: 42px;
    line-height: 48px;
    font-family: "Muli-Black";
    font-weight: normal;
    letter-spacing: -0.2px;
    margin-bottom: 25px;
}

.our-team-content p {
    font-size: 28px;
    line-height: 42px;
    font-family: "Muli";
    font-weight: normal;
    margin-bottom: 0;
}


/* future section */

.about-future-section {
    padding: 70px 0 90px;
}

.about-future-content {
    display: grid;
    height: 100%;
    align-items: center;
    align-content: center;
    padding-right: 30px;
}

.about-future-content h2 {
    font-size: 42px;
    line-height: 48px;
    font-family: "Muli-Black";
    font-weight: normal;
    letter-spacing: -0.3px;
    margin-bottom: 25px;
    color: #000;
}

.about-future-content p {
    font-size: 22px;
    line-height: 36px;
    font-family: "Muli";
    font-weight: normal;
    margin-bottom: 0;
    color: #424242;
}

.about-future-img {
    display: grid;
    height: 100%;
    align-items: center;
    align-content: center;
    text-align: center;
}

.about-future-img img {
    width: 100%;
}


/* about page css end here */


/* affiliate program css start*/

.affiliate-program-section.section-space {
    padding-bottom: 40px;
}

.affiliate-program-box {
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
}

.affiliate-program-box h2,
.affiliate-info-content h2 {
    font-size: 42px;
    line-height: 48px;
    font-family: "Muli-Black";
    font-weight: normal;
    letter-spacing: -0.3px;
    margin-bottom: 25px;
    color: #000;
}

.affiliate-program-box p,
.how-it-work-content p,
.affiliate-info-content p {
    color: #333;
    font-size: 17px;
    line-height: 28px;
    font-family: "Muli";
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 25px 0 30px;
}


/* how it work */

.how-it-work-section {
    padding: 60px 0;
    background-color: #e5f5ff;
}

.how-it-work-content {
    padding-right: 50px;
}

.how-it-work-content .title-badge {
    background-color: #cee9fb;
    padding: 7px 30px;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
}

.privacy-ploicy-section .about-content-box {
    margin-bottom: 30px;
}

.how-it-work-content h2 {
    font-size: 42px;
    line-height: 48px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    letter-spacing: -0.3px;
    margin-bottom: 25px;
    color: #000;
}

.how-it-work-step .step-content {
    display: flex;
    justify-content: flex-start;
}

.how-it-work-step .step-content span {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 58px;
    line-height: 55px;
    background-color: #009cff;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    margin-right: 25px;
    font-size: 18px;
}

.how-it-work-step .step-content>div {
    margin-bottom: 60px;
}

.how-it-work-step .step-content span::after {
    position: absolute;
    content: "";
    top: 100%;
    left: calc(50% - 2px);
    width: 2px;
    height: 70px;
    border: 1px dashed #cad8e1;
}

.how-it-work-step .step-content:last-child span::after {
    display: none;
}

.how-it-work-step .step-content h3 {
    font-size: 20px;
    line-height: 24px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    color: #000;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}

.how-it-work-step .step-content p {
    font-size: 17px;
    line-height: 28px;
    font-family: "Muli";
    font-weight: normal;
    color: #333;
    letter-spacing: -0.2px;
    margin-bottom: 0;
}


/* feature section */

.affiliate-feature-section {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    padding: 50px 0 10px;
}

.affiliate-feature-content {
    padding-top: 40px;
}

.affiliate-feature-content h2 {
    font-size: 42px;
    line-height: 48px;
    font-family: "Muli-Black";
    font-weight: normal;
    letter-spacing: -0.3px;
    margin-bottom: 30px;
    color: #fff;
}

.affiliate-feature-content ul li {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 19px;
    font-family: "Muli";
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
}

.affiliate-feature-content ul li i {
    font-size: 15px;
    margin-right: 5px;
}

.affiliate-info-content {
    padding-right: 50px;
}

.affiliate-info-content.content-right {
    padding-left: 50px;
    padding-right: 0;
    margin-bottom: 60px;
}

.affiliate-info-content.content-right:last-child {
    margin-bottom: 0;
}

.affiliate-info-content p {
    margin: 20px 0;
}

.affiliate-info-content h3 {
    font-size: 25px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    letter-spacing: -0.3px;
    color: #000;
}


/* Affiliate page css end */


/* pagenot found css */

.not-found-banner-container {
    min-height: 280px;
}

.page-not-found {
    padding: 10px 0 80px;
    text-align: center;
    display: grid;
    justify-content: center;
    align-content: center;
}

.page-not-found img {
    width: 450px;
}


/* Footer css */

.footer {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    /* background-color: #1c1c1e; */
    /* background-image: -webkit-gradient(linear,left top,left bottom,from(#1c1c1e),to(#212121));
    background-image: -webkit-linear-gradient(#1c1c1e,#212121);
    background-image: -o-linear-gradient(#1c1c1e,#212121); */
    /* background-image: linear-gradient(#1c1c1e,#212121); */
    background-size: auto;
    padding-top: 100px;
}

.footer::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 85px;
    top: -83px;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    /* background-color: #1c1c1e; */
    /* background-image: -webkit-gradient(linear,left top,left bottom,from(#1c1c1e),to(#212121));
    background-image: -webkit-linear-gradient(#1c1c1e,#212121);
    background-image: -o-linear-gradient(#1c1c1e,#212121); */
    /* background-image: linear-gradient(#1c1c1e,#212121); */
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.footer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../img/footer-background.png");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.footer-navigation-menus {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding-bottom: 70px; */
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-navigation-list {
    min-width: 230px;
    max-width: 230px;
}

.footer-navigation-list ul li {
    display: block;
}

.footer-navigation-list ul li a {
    position: relative;
    display: inline-block;
    /* font-size: 14px; */
    font-size: 13px;
    line-height: normal;
    color: #fff;
    font-family: "Muli-SemiBold";
    /* margin-bottom: 20px;  */
    margin-bottom: 7px;
    border-bottom: 1px solid transparent;
    letter-spacing: 0.48px;
}

section#join-sharktech {
    padding: 60px 0 40px;
}


/* video_Section remove*/


/* .video_section{position: relative;margin-bottom: 20px;}
.video_section:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    margin-bottom: -5px;
} */


/* */

.footer-navigation-list ul li a::after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.66);
    -webkit-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
}

.footer-navigation-list ul li a:hover {
    /* color: #004a82; */
    color: #000;
    transform: scale(1.0);
}


/* .footer-navigation-list ul li a:hover::after{
    width: 100%;
    -webkit-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
} */

.footer-navigation-list ul li .footer-navigation-title,
.footer-navigation-list ul li .footer-navigation-title:hover {
    /* font-size: 22px;
    margin-bottom: 22px; */
    font-size: 18px;
    /* line-height: 31px; */
    line-height: 24px;
    font-family: "Muli-ExtraBold";
    color: #fff;
    border: 0;
    letter-spacing: 0.32px;
    text-transform: uppercase;
}

.footer-copyright {
    position: relative;
}

.footer-copyright p {
    margin: 0;
    padding: 20px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    font-size: 12px;
    color: #fff;
    font-family: "Muli-SemiBold";
    letter-spacing: 0.64px;
}

.footer-mobile-section {
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    position: relative;
    padding: 30px 0 20px;
}

.footer-after-effect {
    width: 100%;
    height: 50px;
    -webkit-clip-path: polygon(145% 0, 0 100%, 100% 100%);
    clip-path: polygon(145% 0, 0 100%, 100% 100%);
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    margin-top: -60px;
}

.footer-logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    padding-bottom: 25px;
    margin: 0;
}

.footer-logo img {
    width: 160px;
}

.accordion.footer-accordion {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 0;
}

.accordion.footer-accordion li {
    display: block;
    width: 100%;
    padding: 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.accordion.footer-accordion .link {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    text-decoration: none;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: rgb(255, 255, 255);
    font-family: "poppinsmedium";
    font-weight: normal;
}

.accordion.footer-accordion li:last-child .link {
    border-bottom: 0;
}

.accordion.footer-accordion li i {
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion.footer-accordion li i.fa-chevron-down {
    font-size: 16px;
}

.accordion.footer-accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion.footer-accordion .submenu {
    display: none;
    margin-top: 10px;
}

.accordion.footer-accordion .submenu li {
    position: relative;
    border: 0;
    padding: 0;
}

.accordion.footer-accordion .submenu li::before {
    content: unset;
}

.accordion.footer-accordion .submenu a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 25px;
    font-family: "Muli";
    letter-spacing: 0.1px;
    color: #fff;
    margin: 0;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.accordion.footer-accordion li.open .link {
    color: #fff;
}

.accordion.footer-accordion .accordion-arrow {
    position: relative;
    width: 20px;
    height: 20px;
    color: #fff;
    background: transparent;
    border-radius: 100%;
    text-align: center;
}

.accordion.footer-accordion .accordion-arrow::after {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: transparent;
    content: "+";
    width: auto;
    height: auto;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}

.accordion.footer-accordion li.open .accordion-arrow::after {
    content: "_";
    line-height: 2px;
    color: #fff;
}

.footer-copyright-mobile p {
    margin: 0;
    padding: 10px 0;
    line-height: 23px;
    text-align: left;
    font-size: 13px;
    color: #fff;
    font-family: "Muli";
    letter-spacing: 0.2px;
}

.footer-below-content {
    padding: 25px 0 5px;
}

.footer-social-menu ul.social-icn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
}

.footer-social-menu .social-icn a {
    display: inline-block;
    margin-right: 13px;
    font-size: 13px;
    color: #fff;
    border-radius: 50%;
    outline: none;
    max-width: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fb-icon {
    background-color: #456899;
}

.tt-icon {
    background-color: #1d98c6;
}

.ins-icon {
    background-color: #b93174;
}

.li-icon {
    background-color: #0875ad;
}


/* footer css end here */


/* Data center inner pages css start here */

.data-center-banner .banner-content-outer {
    padding: 100px 0 55px;
}

.inner-banner-container .data-center-box {
    /* max-width: 635px; */
    max-width: 585px;
    padding-top: 30px;
}

.dc-info-section {
    position: relative;
    padding: 80px 0;
}

.dc-info-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 370px;
    background-image: url("../img/facility-bg.svg");
    background-repeat: no-repeat;
    background-position: right;
    bottom: -127px;
    z-index: 0;
}

.dc-info-outer {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.dc-info-content {
    display: grid;
    height: 100%;
    align-content: center;
    padding-right: 100px;
}

.dc-info-outer:last-child {
    margin-bottom: 0;
}

.dc-info-outer:last-child .dc-info-content {
    padding-right: 0;
    padding-left: 100px;
}

.dc-info-content h3 {
    font-size: 28px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    line-height: 36px;
    letter-spacing: -0.3px;
    color: #000;
    margin-bottom: 25px;
}

.dc-info-content p {
    font-size: 17px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #333;
    margin: 0;
}

.dc-info-img {
    display: grid;
    height: 100%;
    align-content: center;
}

.dc-info-img img {
    width: 100%;
}

.dc-services-section {
    position: relative;
}

.dc-services-section::after {
    position: absolute;
    content: "";
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 480px;
    background-image: url("../img/facility-background-image.png");
    background-repeat: no-repeat;
    z-index: 0;
    background-size: cover;
    background-position: top;
}

.dc-services-content {
    position: relative;
    z-index: 1;
    padding: 70px 0 0;
}

.dc-services-head {
    margin-bottom: 50px;
}

.dc-services-head h2 {
    font-size: 42px;
    font-family: "Muli-Black";
    font-weight: normal;
    line-height: 48px;
    letter-spacing: -0.3px;
    color: #fff;
    margin-bottom: 12px;
}

.dc-services-head p {
    font-size: 22px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #fff;
    margin-bottom: 0;
}

.dc-services-box {
    background-color: #fff;
    box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.1);
    padding: 45px 35px;
    margin-bottom: 15px;
}

.services-content-item {
    display: flex;
    justify-content: flex-start;
}

.services-content-item img {
    height: 50px;
    margin-right: 25px;
}

.services-content-item h3 {
    font-size: 19px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;
}

.services-content-item ul li {
    font-size: 14px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 22px;
    color: #333;
    margin-bottom: 20px;
    letter-spacing: 0.3px;
    display: flex;
}

.services-content-item ul li span {
    color: #009cff;
    font-size: 13px;
    margin-right: 7px;
}

.gallery-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gallery-box {
    -ms-flex: 33.333333%;
    flex: 33.333333%;
    max-width: 33.333333%;
}

.gallery-box div {
    padding: 20px 20px 0 0;
}

.gallery-box img {
    width: 100%;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.07);
}


/* The Modal (background) */

.gallery-modal {
    display: none;
    position: fixed;
    z-index: 110;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.gallery-modal .modal-content {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    width: 100%;
    max-width: 1200px;
}

.gallery-modal .modal-content img {
    width: 100%;
}

.gallery-modal .close {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    z-index: 99;
}

.mySlides {
    display: none;
}

.gallery-modal .prev,
.gallery-modal .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: rgba(0, 0, 0, 0.8);
}

.gallery-modal .next {
    right: 0;
}

.gallery-modal .prev {
    left: 0;
}


/* Data center inner pages css end here */


/* privacy policy pages start*/

.privacy-ploicy-section .about-content-box {
    max-width: 100%;
}

.privacy-ploicy-section .about-content-box p {
    font-size: 20px;
    line-height: 34px;
    color: #424242;
}

.privacy-policy-item {
    margin-bottom: 40px;
}

.privacy-policy-item h3 {
    font-size: 19px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    line-height: 25px;
    color: #000;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
}

.privacy-policy-item p,
.privacy-policy-item a {
    font-size: 17px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #424242;
}

.privacy-policy-item a,
.privacy-policy-item .imp {
    color: #009cff;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
}

.privacy-policy-item p strong {
    color: #000;
    font-family: "Muli-Light";
}

.privacy-policy-item ul li {
    font-size: 17px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #424242;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.privacy-policy-item ul {
    padding-left: 20px;
}

.privacy-policy-item ul li::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #000;
    left: 0;
    top: 10px;
}

.privacy-policy-item .contact-address {
    color: #009cff;
    font-family: "Muli-bold";
    line-height: 32px;
}


/* privacy policy pages end */


/* ddos protection page css start here */

.inner-banner-text-box.ddos-protection-box .btn.btn-banner {
    margin-top: 20px;
}

.ddos-info-section {
    position: relative;
    padding: 70px 0;
}

.ddos-info-content {
    display: grid;
    height: 100%;
    align-content: center;
    padding-right: 100px;
}

.ddos-info-content.right-content {
    padding-right: 0;
    padding-left: 100px;
}

.ddos-info-content h3 {
    font-size: 28px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    line-height: 36px;
    letter-spacing: -0.3px;
    color: #000;
    margin-bottom: 25px;
}

.ddos-info-content p {
    font-size: 17px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #333;
    margin: 0 0 40px;
}

.ddos-info-img {
    display: grid;
    height: 100%;
    align-content: center;
}

.ddos-info-img img {
    width: 100%;
}


/* services page */

.ddos-services-section {
    position: relative;
    padding: 70px 0 0;
    background-color: #009cff;
    height: 460px;
    margin-bottom: 90px;
}

.ddos-services-section::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/left-curve.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 0;
}

.ddos-services-section::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/right-curve.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 0;
}

.ddos-services-head h2 {
    font-size: 42px;
    font-family: "Muli-Black";
    font-weight: normal;
    line-height: 48px;
    letter-spacing: -0.3px;
    color: #fff;
    margin-bottom: 12px;
}

.ddos-services-head p {
    font-size: 22px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #fff;
    margin-bottom: 0;
}

.ddos-services-content {
    position: relative;
    z-index: 1;
}

.ddos-services-head {
    margin-bottom: 50px;
}

.ddos-services-box {
    background-color: #fff;
    box-shadow: 0 0 14px 2px rgba(0, 0, 0, 0.1);
    padding: 45px 35px;
    margin-bottom: 15px;
}

.ddos-impact-section {
    background-color: #f8f8f8;
}

.corner-div-outer {
    display: flex;
    justify-content: space-between;
}

.left-corner-div,
.right-corner-div {
    width: 50%;
    padding: 40px 30px 115px;
}

.left-corner-div {
    background-color: #009cff;
    position: relative;
}

.or-div {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #80ceff;
    font-size: 16px;
    font-family: "Muli-Bold";
    font-weight: normal;
    letter-spacing: 0.3px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: calc(35% - 20px);
    right: -25px;
    line-height: 48px;
}

.right-corner-div {
    background-color: #0093f0;
}

.corner-content {
    display: flex;
    justify-content: flex-start;
    max-width: 550px;
    padding: 20px 10px;
}

.corner-content img {
    height: 60px;
    margin-right: 25px;
}

.corner-content h3 {
    font-size: 28px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #fff;
    margin-bottom: 20px;
}

.corner-content p {
    font-size: 17px;
    font-family: "Muli";
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0.3px;
    color: #fff;
    margin-bottom: 0;
}

.left-corner {
    margin-left: auto;
}

.right-corner {
    padding-left: 30px;
}


/* table */

.ddos-impact-contant {
    max-width: 1100px;
    margin: -78px auto 0;
    position: relative;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.ddos-impact-contant table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    border: 0;
    background-color: #fff;
}

.ddos-impact-contant thead tr {
    background: #e5f5ff;
}

.ddos-impact-contant th {
    color: #009cff;
    font-family: "Muli-ExtraBold";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 25px 35px;
}

.ddos-impact-contant tr {
    border-bottom: 1px dashed #ddd;
}

.ddos-impact-contant td {
    padding: 25px 35px;
    text-align: left;
    width: 3%;
    vertical-align: top;
}

.ddos-impact-contant tr:last-child {
    border: 0;
}

.ddos-impact-contant td ul li {
    color: #333;
    font-family: "Muli";
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.2px;
    line-height: 20px;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
    display: flex;
}

.ddos-impact-contant td ul li span i {
    font-size: 14px;
    /* color: #fe6c6c; */
    color: #f44045;
    margin: 0 10px 0 0;
}

.ddos-impact-contant .active-status {
    background-color: #e5f5ff;
}

.ddos-impact-contant .active-status td ul li span i {
    color: #009cff;
}

.options span {
    display: inline-block;
    padding: 8px 30px;
    background: #ebf7ff;
    border-radius: 0 100px 100px 0;
    font-size: 17px;
    font-family: "Muli-ExtraBold";
    color: #000;
    line-height: 22px;
    margin-left: -35px;
}

.ddos-impact-contant .active-status .options span {
    /* background: #d3eeff; */
    color: #009cff;
}

.ready-to-order {
    background-color: #f8f8f8;
    padding: 70px 0 50px;
}

.ready-to-order .section-heading-box {
    margin-bottom: 35px;
}

.order-card {
    display: -ms-grid;
    display: grid;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 1px rgb(177 215 253);
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    padding: 35px 20px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .5s ease all;
}

.order-card:hover {
    transform: scale(1.1);
}

.order-card img {
    height: 55px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.order-card h3 {
    font-size: 19px;
    line-height: 30px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    color: #000;
    margin: 0;
}

header .navbar .header-dd-zone ul.flex-item li:last-child,
header .navbar .header-dd-zone ul.flex-item li {
    margin-bottom: 0px;
}


/* FAQ section */

.faq-outer {
    max-width: 1100px;
    margin: 0 auto;
}

.accordion.faq-accordion {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 0;
}

.accordion.faq-accordion li {
    display: block;
    width: 100%;
    padding: 0 35px 30px;
    border: 1px solid #dadce0;
    border-radius: 5px;
    margin-bottom: 20px;
}

.accordion.faq-accordion .link {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    text-decoration: none;
    padding: 25px;
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0.2px;
    color: #000;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
}

.accordion.faq-accordion .link .fa-exclamation-circle {
    color: #0097f9;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px;
}

.accordion.faq-accordion li:last-child .link {
    border-bottom: 0;
}

.accordion.faq-accordion li i {
    font-size: 18px;
    color: #000;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion.faq-accordion li i.fa-chevron-down {
    font-size: 16px;
}

.accordion.faq-accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion.faq-accordion .submenu {
    display: none;
    margin-top: 15px;
}

.accordion.faq-accordion .submenu li {
    position: relative;
    border: 0;
    padding: 0;
}

.accordion.faq-accordion .submenu li::before {
    content: unset;
}

.accordion.faq-accordion .submenu p,
.accordion.faq-accordion .submenu ol li {
    font-size: 15px;
    line-height: 26px;
    font-family: "Muli";
    font-weight: normal;
    letter-spacing: 0.3px;
    color: #333;
    margin: 0 0 10px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.accordion.faq-accordion li.open .link {
    color: #009cff;
}

.accordion.faq-accordion .accordion-arrow {
    position: relative;
    width: 20px;
    height: 20px;
    color: #000;
    background: transparent;
    border-radius: 100%;
    text-align: center;
}

.accordion.faq-accordion .accordion-arrow::after {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    background: transparent;
    content: "\f107";
    font-family: "FontAwesome";
    width: auto;
    height: auto;
    font-size: 22px;
    text-align: center;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.accordion.faq-accordion li.open .accordion-arrow::after {
    content: "\f107";
    color: #009cff;
    line-height: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* end here */


/* game server page css start here */

.section-space.game-server-use {
    padding-bottom: 0;
}

.why-use-sharktech-outer .col-6 {
    margin-bottom: 30px;
}

.why-use-sharktech-card {
    height: 100%;
    margin: 0;
}

.game-server-feature .tab-content.gbps-features-content .tab-pane .accordion li:hover,
.tab-content.gbps-features-content .tab-pane .accordion li.open {
    border-color: transparent;
}

.game-server-feature .tab-content.gbps-features-content .tab-pane .accordion li:hover .link,
.tab-content.gbps-features-content .tab-pane .accordion li.open .link {
    background-color: transparent;
}

.game-server-img {
    top: 40px;
}


/* game server page css  end here */


/* 12 feb start */

.discover-server~.top-reasons {
    padding-top: 420px;
}

.discover-server {
    background-color: #f8f8f8;
    padding-bottom: 55px;
    background: linear-gradient(to right, #006abc, #009cff);
    position: relative;
    height: 450px;
}

.discover-server .section-heading {
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    position: relative;
    z-index: 4;
}

.server-listing-tab {
    background: transparent;
}

.zigzaglayer {
    position: absolute;
    height: 40px;
    width: 100%;
    -webkit-transform: skewY(-6deg) translateY(0);
    transform: skewY(-3deg) translateY(0);
    bottom: 47px;
}

.zigzaglayer.zigzaglayer-right .zigzaglayer-big {
    background-color: #3382c5;
    width: 100%;
    height: 40px;
    position: absolute;
    right: 0;
    left: unset;
}

.zigzaglayer.zigzaglayer-right .zigzaglayer-small {
    background-color: #e2e9f0;
    width: 160px;
    height: 40px;
    position: absolute;
    right: 0;
    top: -20px;
}

.zigzaglayer.zigzaglayer-left {
    transform: skewY(-3deg) translateY(0);
}

.zigzaglayer.zigzaglayer-left .zigzaglayer-big {
    display: none;
}

.zigzaglayer.zigzaglayer-left .zigzaglayer-small {
    background-color: #e2e9f0;
    width: 350px;
    height: 40px;
    position: absolute;
    right: var(--stripeStart);
    top: 20px;
}

.server-listing-tab::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 47px;
    left: 0;
    background: linear-gradient(to right, #006abc, #009cff);
    clip-path: none;
    z-index: -1;
    transform: skewY(-3deg) translateY(0);
}

.contact-banner .banner-left-layer {
    bottom: 90px;
}

.contact-banner .banner-right-layer {
    bottom: 50px;
}

.banner-image-box img {
    /* max-width: 600px; */
    max-width: 450px;
}

.innerpage-banner.data-center-banner .banner-image-box img {
    position: relative;
    top: -37px;
}

.game-server-box h1 {
    margin-top: 10px;
}


/* 12 feb end */

.header-dd-zone a.header-dd-zone--link {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    /* min-height: 215px; */
    min-height: 190px;
    /* min-height:160px; */
    min-height: 130px;
    width: 100%;
}


/*---------2-4-2021 css start here----------*/

.compny-drp a.header-dd-zone--link {
    /* min-height: 140px !important; */
    min-height: 110px !important;
    box-shadow: 0 1px 10px 1px rgb(212 224 235);
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: transparent;
}


/* .data_center a.header-dd-zone--link {

} */

.compny-drp .solutions .header-dd-zone--link a {
    height: 100%;
    /* box-shadow: 0 1px 10px 1px rgb(212 224 235); */
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: transparent;
    display: inline-block;
    width: 100%;
    padding: 10px 19px;
}

.flex-item.solutions li.header-dd-zone--link a:hover,
.header-dd-zone .flex-item a:hover {
    transform: scale(1.06);
}


/* .header-dd-zone .flex-item a:hover img, .flex-item.solutions li.header-dd-zone--link:hover a img{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
} */

.header-dd-zone .flex-item a {
    transition: all 0.5s ease-in-out;
    box-shadow: 0 2px 18px 1px rgb(177 215 253);
}


/* .compny-drp a.header-dd-zone--link:hover,.compny-drp .solutions .header-dd-zone--link a:hover {
    background-color: #F4F8FC;
    border-color: transparent;
} */

.compny-drp a.header-dd-zone--link:hover::after,
.compny-drp .solutions .header-dd-zone--link a:hover::after {
    transition: all 0.5s linear;
    transition-delay: 0.1s;
    height: 100%;
}

.comming-soon {
    background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
    background: -o-linear-gradient(left, #006abc, #009cff);
    background: linear-gradient(to right, #006abc, #009cff);
    /* padding: 80px 0 60px; */
    /* padding: 80px 0 0px; */
}

.comming-soon-section {
    padding: 220px 0 20px;
    text-align: center;
}

.comming-section-heading {
    font-size: 35px;
    font-weight: 800;
    font-family: "Muli-ExtraBold";
}

.comming-section-desc {
    font-size: 17px;
    font-family: "Muli-ExtraBold";
}


/* .footer-support{
    padding-top: 20px;
} */


/* .compny-drp a.header-dd-zone--link::after,.compny-drp .solutions .header-dd-zone--link a::after {
    content: '';
    width: 100%;
    height: 0;
    background: #4299E0;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
} */


/* .compny-drp a.header-dd-zone--link:hover span,.compny-drp .header-dd-zone--link a:hover span {
    color: #FFF;
} */

.why-use-sharktech-card:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}


/* public cloud css */

.pub-started-banner {
    background-color: #fff;
    padding-bottom: 50px;
    background-image: url(../img/public_bg.png);
    background-size: cover;
    background-position: center;
}

.pub-info-content p,
.pri-info-head p,
.pri-info-content p,
.ip-why-desc {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
}

.pub-benf-content h3 {
    margin-bottom: 35px;
}

.listing-points,
.boxed-listing-points {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listing-points li,
.boxed-listing-points li {
    width: 49%;
    font-size: 16px;
    font-family: 'Muli';
    color: #333;
    margin-bottom: 17px;
}

.listing-points li span {
    color: #399afc;
    font-size: 13px;
    margin-right: 7px;
}

.listing-points li p,
.boxed-listing-points li p {
    margin: 0 0 20px;
}

.bg-theme-light {
    background-color: #f4f8fc;
}

.boxed-listing-points li {
    display: flex;
    justify-content: flex-start;
}

.boxed-listing-points li .pub-benf-text h4 {
    font-size: 18px;
    font-family: "Muli-ExtraBold";
    font-weight: normal;
    margin-bottom: 7px;
    color: #000;
}

.round-check {
    display: inline-block;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    border: 2px solid #007ac7;
    border-radius: 100%;
    text-align: center;
    line-height: 15px;
    margin-right: 12px;
}

.round-check i {
    color: #007ac7;
    font-size: 12px;
    vertical-align: middle;
}

.pri-info-content {
    padding-right: 20px;
}


/* end pub css */


/* pri cloud css */

.pri-started-banner {
    padding-bottom: 50px;
    background-image: url(../img/cloud_bg.png);
    background-size: cover;
    background-position: center;
}

.pri-diff-sec {
    padding: 20px 30px;
    cursor: pointer;
    /* margin-bottom: 20px; */
    background-color: #fff;
    transition: .3s all linear;
    height: 100%;
    box-shadow: 0 0 0 rgb(225, 225, 225);
}

.pub-info-img .col-12 {
    margin-bottom: 20px;
}

.pri-diff-sec:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.pri-started-banner .pub-benf-text p {
    text-align: left;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .8);
}

.ip-started-banner {
    padding-bottom: 50px;
    background-image: url(../img/global_bg.png);
    background-size: cover;
    background-position: center;
}

.white-text {
    color: #fff!important;
}

.border-white {
    border-color: rgba(255, 255, 255, 0.8)!important;
}


/* end pri css */


/* IP Transit css */

.ip-info-outer {
    max-width: 1000px;
    margin: 0 auto;
}

.ip-service-location .section-heading-box p {
    max-width: 100%;
}

.location-map-img {
    position: relative;
}

.map-location-point {
    width: 22px;
    height: 22px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.map-location-point-inner {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 100%;
}

.denver {
    left: 16%;
    top: 39%;
}

.los {
    left: 14%;
    top: 43%;
}


/* .ams{
    left: 24%;
    top: 37%;
} */

.ams {
    left: 47%;
    top: 30%;
}

.chicago {
    left: 20%;
    top: 36%;
}

.location-card {
    box-shadow: 0 2px 5px 0px #dedede;
    margin-bottom: 40px;
}

.location-pin-name {
    padding: 10px 20px;
    display: flex;
}

.location-pin-name li {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Muli-SemiBold';
    color: #000;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 12px 10px;
}

.location-pin-name li:last-child {
    margin-bottom: 5px;
}

.location-pin-name li span {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
}

.location-pin-name li:hover,
.location-pin-name li:hover i {
    color: #007ac7;
}

.location-pin-name li:hover span {
    border-color: #007ac7;
}

.location-pin-name li i {
    color: #333;
    margin-right: 10px;
    font-size: 16px;
}

.ip-info-content>ul {
    display: flex;
    flex-direction: column;
}

.ip-info-content .boxed-listing-points li {
    width: 100%;
}

.ip-benefits-box {
    padding: 40px;
    background-color: #fff;
    max-width: 93%;
}

.ip-benefits-ul {
    display: flex;
    flex-direction: column;
}

.ip-benefits-sec {
    font-size: 16px;
    font-family: 'Muli-SemiBold';
    margin-bottom: 17px;
    line-height: 26px;
    display: flex;
}

.ip-benefits-head-one {
    color: #006abc;
    font-family: 'Muli-ExtraBold';
    font-size: 26px;
    margin-bottom: 25px;
}

.ip-why-desc_sec figure {
    margin: 0 20px 0 0;
}

.ip-why-desc_sec figure img {
    width: 40px;
}

.ip-why-desc_sec .card-title {
    font-size: 20px;
    margin-bottom: 5px;
}

.ip-why-points {
    display: flex;
    margin-bottom: 30px;
}

.banner-image-box img.ip-arrow-img {
    position: absolute;
    bottom: 60px;
    left: 19%;
    max-width: 640px;
    z-index: -1;
}

.ip-info-img img {
    max-width: 100%;
}

li.choose-location.active,
li.choose-location.active i::before {
    color: #007ac7;
}


/* services sec css */


/* .ip-services-section {
    background-color: #f8f8f8;
} */

.services-sec h2 {
    font-size: 42px;
    color: #000;
    font-family: "Muli-Black";
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 48px;
    letter-spacing: -0.5px;
}

.services-sec .inner-box h4 {
    font-size: 24px;
}

.services-sec .inner-box p {
    font-size: 16px;
    /* margin-bottom: 30px; */
}

.services-sec .inner-box h6 {
    font-size: 20px;
}

.services-sec .inner-box ul li {
    font-size: 16px;
    font-family: 'Muli';
    margin-bottom: 16px;
    line-height: 26px;
    display: flex;
    color: #333;
}

.ip-services-content {
    background-color: #e5f5ff;
    padding: 30px 35px;
    min-height: 235px;
}


/* .services-sec .inner-box ul li i {
    margin: 5px 10px 0 0;
} */

.ip-services-benefits {
    padding: 35px;
}

.services-sec .inner-box {
    position: relative;
    background-color: #fff;
    /* padding: 50px 40px; */
    box-shadow: 0 1px 2px 2px rgb(0 0 0 / 4%);
    height: 100%;
    border-radius: 10px;
    transition: all .3s ease;
}


/* services sec css */

.table.plan-table tr.width td:nth-child(2) {
    width: 15%;
}


/* end cloud css */


/*---------2-04-2021 css ends here-----------*/

.pub-host-sec .pri-info-outer:last-child {
    margin-top: 40px;
}

.pub-host-sec .pri-info-outer:last-child p:last-child {
    margin-bottom: 0;
}

.pub-benf-section {
    background: #f9f9f9;
}

.pub-benf-section .boxed-listing-points li .inner-box {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    padding: 25px;
    position: relative;
    display: flex;
    padding: 25px;
    width: 100%;
}

.pub-benf-section .boxed-listing-points li .inner-box img {
    width: 47px;
    margin-right: 18px;
}

.pub-benf-section .boxed-listing-points li .inner-box p:last-child {
    margin: 0;
    line-height: 1.4;
}

.pub-benf-section .boxed-listing-points li .inner-box span.round-check {
    position: absolute;
    top: 17px;
    left: 15px;
}

.inner-banner-text-box ul li {
    display: flex;
    align-items: flex-start;
}

.pvt-cld .listing-points li {
    position: relative;
    padding: 0 0 0 30px;
}

.pvt-cld .listing-points li span {
    position: absolute;
    top: 0;
    left: 0;
    border: 1.5px solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pvt-cld .listing-points li h4 {
    font-weight: 600;
    font-size: 18px;
    color: #333;
}

.prt-chs-sec .pri-info-head p {
    display: flex;
    align-items: flex-start;
    margin: 0 0 10px;
}

.prt-chs-sec .pri-info-head p:last-child {
    margin-bottom: 0;
}

.prt-chs-sec .pri-info-head p span {
    margin-right: 10px;
    font-size: 18px;
}

section p:last-child,
div p:last-child {
    margin-bottom: 0;
}


/* ul li:last-child, ol li:last-child {
    margin-bottom: 0;
} */

.accordion.faq-accordion .submenu ol li::before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #007ac7;
    font-size: 12px;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    border: 2px solid #007ac7;
    background: transparent;
    border-radius: 50%;
    text-align: center;
    padding: 3px;
    position: absolute;
    left: 0;
    top: 2px;
}

.accordion.faq-accordion .submenu ol li {
    position: relative;
    padding-left: 30px;
}

.accordion.faq-accordion .submenu ol {
    padding-left: 0px;
}

.accordion.faq-accordion li.open .link {
    padding-bottom: 15px;
}

.accordion.faq-accordion li .submenu {
    padding: 0px 30px 20px;
    margin: 0;
}

.accordion.faq-accordion li {
    padding: 0;
}

.pvt-cld {
    background: linear-gradient(to right, #006abc, #009cff);
    position: relative;
    z-index: 1;
}

.pvt-cld::before {
    content: "";
    position: absolute;
    background-image: url("../img/banner-left-bg.png");
    background-position: 0 90px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 10px;
    bottom: 0;
    z-index: -1;
}

.pvt-cld::after {
    content: "";
    position: absolute;
    background-image: url("../img/banner-right-bg.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 10px;
    bottom: 20px;
    z-index: -1;
}

.pvt-cld h3 {
    color: #fff;
    font-size: 32px;
    margin: 0 0 10px;
}

.pvt-cld h3.sub-head {
    font-size: 26px;
}

.pvt-cld .listing-points li h4,
.pvt-cld p {
    color: #fff;
}

.pvt-cld p {
    margin-top: 0;
}

.pvt-cld .listing-points li span {
    color: #fff;
}

.pvt-cld .pub-info-img {
    text-align: right;
}

.prt-chs-sec-inner::before {
    content: "";
    clear: both;
    display: table;
}

.prt-chs-sec-inner {
    margin: 0 -10px;
}

.prt-chs-sec-inner .box {
    width: 50%;
    float: left;
    padding: 0 10px;
    height: 125px;
    margin-bottom: 25px;
}

.prt-chs-sec-inner .box .txt {
    color: #333;
    /* background: linear-gradient(to right, #006abc, #009cff); */
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    line-height: 1.6;
    font-size: 15px;
    position: relative;
    transform: skew(10deg);
    min-height: 125px;
    transition: .3s all linear;
}

.prt-chs-sec-inner .box .txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .7s ease 0s;
    border-radius: 0;
    border-left: 2px solid #009cff;
    border-right: 2px solid #009cff;
    transform: scale(1, 0);
    transform-origin: 100% 0 0;
}

.prt-chs-sec-inner .box .txt::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .7s ease 0s;
    border-radius: 0;
    border-left: 2px solid #009cff;
    border-right: 2px solid #009cff;
    transform: scale(1, 0);
    transform-origin: 100% 0 0;
}

.prt-chs-sec-inner .box .txt:hover::before,
.prt-chs-sec-inner .box .txt:hover::after {
    opacity: 1;
    transform: scale(1);
    transition-delay: .15s;
}

.prt-chs-sec-inner .box .txt:hover {
    margin-top: -5px;
}

.prt-chs-sec-inner .box .txt p {
    position: relative;
    transform: skew(-10deg);
    padding: 20px 20px 20px 50px;
}

.prt-chs-sec-inner .box .txt p::before {
    counter-increment: section;
    content: "" counter(section) "";
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    top: 20px;
    left: 15px;
    line-height: 1;
    color: #009cff;
    transform: skew(-10deg);
}

.prt-chs-sec-inner .box span {
    display: none;
}

.prt-chs-sec h2 {
    margin: 0 0 30px;
    font-size: 38px;
    text-align: center;
}

.sub-head {
    font-weight: 600;
    font-size: 29px;
}

.why-use-sharktech-outer.vps-server-features-outer {
    margin-bottom: 40px;
}

.bold-text-p {
    color: #000;
    font-size: 14px;
    margin-right: 5px;
}

.bold-head {
    font-weight: bold;
    font-size: 17px;
    margin: 10px 0;
    color: #000;
}

.full-text {
    max-width: 100%!important;
}

.tooltip {
    z-index: 9;
}

.vps-video-img img {
    max-width: 300px;
}

.pub-benf-img img {
    max-width: 100%;
}

.pub-img-content img,
.pub-video-content img {
    max-width: 500px;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.pub-video-content {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 0px;
}


/* ===30-july =========== */

.contact-sale-section .contact-banner-form {
    border: 0;
    max-width: 100%;
}

.contact-sale-section .contact-banner-form .form-outer {
    padding: 40px 35px;
    border-radius: 4px;
}

.sales-content-inner {
    padding: 40px;
    height: 100%;
    border-right: 1px solid #dedcdc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sales-content {
    margin: 22px auto 0;
    text-align: center;
}

.sales-content p {
    font-size: 20px;
    line-height: 30px;
}

.sales-content h3 {
    font-size: 34px;
    line-height: 38px;
    margin: 0 0 11px;
}

.sales-content-icon img {
    width: 160px;
}

.sales-content-icon {
    text-align: center;
}

.sales-content-icon {
    text-align: center;
    background-color: #eee;
    width: 300px;
    height: 300px;
    padding: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border: 1px solid #65b1fc;
}

.server-listing-tab .nav-tabs .nav-link .server-icons svg {
    width: 16px;
}

section#contact-banner.contact-sale-banner::after {
    background-image: url('../img/contact-sale-banner.png');
}


/* =========2-august-coming-soon-page ===============*/

.coming-soon-slider-block {
    overflow: hidden;
}

.banner-img-width .banner-image-box img {
    max-width: 520px;
    margin-right: -85px;
}

.remote-ddos-banner-img .banner-image-box img {
    max-width: 375px;
}

.ddos-impact-contant .options span {
    background: transparent;
}

.ip-transit-banner {
    padding: 74px 0px;
}


/* ====3-august ============== */

.service-benifits-list ul.boxed-listing-points li {
    width: 100%;
}

.ip-service-section .row:not(:last-child) {
    margin-bottom: 45px;
}

.servcie-benifit-content-block img {
    margin-bottom: 20px;
    min-height: 60px;
}

.service-benifits-content-block h3 {
    font-size: 35px;
    line-height: 40px;
}

.custom-align {
    align-items: center;
}

.service-benifits-img img {
    width: 100%;
}

.srv-benf-pd-left {
    padding-top: 30px;
}

.service-benifits-img {
    margin-top: 45px;
    position: relative;
}

/* ========4-august========= */

.public-cloud-popup .modal-dialog {
    max-width: 800PX;
}

.coming-soon-sec .vps-video-content.pub-video-content img {
    max-width: 100%;
}

.coming-soon-sec .vps-video-content.pub-video-content {
    margin: 0px 2px;
}

.coming-soon-sec .vps-video-img {
    position: relative;
}

.coming-soon-sec .vps-video-img a {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    font-size: 40px;
    color: #266abc;
}

.service-benifits-content-block p {
    font-size: 16px;
    line-height: 26px;
}

.service-benifits-content-block h6.card-title {
    margin-bottom: 0px;
    font-size: 28px;
    line-height: 32px;
}

.service-benifits-content-block p {
    margin-top: 15px;
}

.contact-query-btn {
    background-color: #006abc;
    padding: 11px 15px;
}

.tab-content.gbps-features-content .box-table-btn-soldout {
    padding: 13px 20px;
    min-width: 130px;
    background-color: #AE313F;
    border: 0;
    margin-bottom: 10px;
    font-size: 16px;
}


/*30 Aug 2021*/

.coming-soon-video-slider-block .slick-prev,
.coming-soon-video-slider-block .slick-next {
    width: 40px;
    height: 40px;
    z-index: 1;
}

.slick-prev {
    left: 5px;
}

.slick-next {
    right: 5px;
}

.coming-soon-video-slider .slick-next,
.coming-soon-video-slider-block .slick-next,
.coming-soon-video-slider-block .slick-prev {
    background-color: #e3f1f9;
    border-radius: 100%;
}

.vps-video video {
    width: 100%;
    object-fit: cover;
    height: 400px;
}

.coming-space {
    margin: 0;
}

.coming-soon-video-slider-block .coming-soon-video-slider {
    padding: 25px;
    background-color: #eee;
}

.coming-soon-slider {
    padding: 25px;
    background-color: #eee;
}

.coming-space h2 {
    text-align: center;
    text-transform: capitalize;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 38px;
    font-family: "Muli-Black";
    color: #000;
    letter-spacing: -0.32px;
}

.vps-video {
    height: 400px;
}

.vps-video-content .btnClick {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 9;
    height: calc(100% - 63px);
}

.vps-video-content .vps-video {
    height: 400px;
    position: relative;
}

.flag_drop.hide {
    display: none;
}


@media (max-width: 767px) {
    /* 17-03-2022 bare-metal*/
    section#pri-info-section {
        padding-top: 35px !important;
    }
    .pub-info-img.public-cloud-hosting-img img {
        height: auto;
    }

    #price-vps-section .btn-group {
        padding-bottom: 15px;
    }
    #price-vps-section .dedicated_cloud_locations .btn-group {
        padding-left: 1px;
        padding-right: 1px;
    }
    #price-vps-section .btn-outline-primary,
    #price-vps-section .dcs_outer_billing_cycle .btn-outline-primary,
    .dedicated-cloud-pricetable .row.dedicated_cloud_locations .location_label,
    #price-vps-section .btn-outline-primary {
        background-color: #009cff;
        border-color: #009cff;
        font-size: 10px;
        padding: 10px 12px;
        margin: 0px 1px;
    }
    /* END 17-03-2022 bare-metal*/
    .header-dd-zone a.header-dd-zone--link {
        width: auto;
        min-width: 160px;
        min-height: 150px;
    }

    p.free_setup {
        font-size: 13px!important;
    }
    .service-benifits-content-block h6.card-title {
        font-size: 20px;
        line-height: 26px;
    }
    .vps-video-content .vps-video {
        height: auto;
    }
    .coming-space h2 {
        line-height: 25px;
        font-size: 22px;
    }
    .section-space {
        padding: 0 0px 30px 0px !important;
    }
    .coming-soon-slider-block {
        margin-bottom: 20px;
    }
    .vps-video video {
        width: 100%;
    }
    .coming-soon-sec .vps-video-content.pub-img-content {
        padding-left: 0;
        /* margin-top:35px;*/
        margin-top: 0;
    }
    .vps-video {
        height: auto;
    }
    .pub-img-content img,
    .pub-video-content img {
        height: auto;
    }
    .coming-soon-sec .vps-video-content.pub-img-content img {
        width: 100%;
    }
    .vps-video video {
        height: auto;
    }
    .service-benifits-img {
        margin-top: 0;
    }
    .srv-benf-pd-left {
        padding-top: 20px;
    }
    .custom-order {
        order: 1;
    }
    .srv-benf-pd-right {
        padding-right: 0;
    }
    .services-sec {
        padding: 40px 0;
    }
    .services-sec h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .services-sec .inner-box h4 {
        font-size: 20px;
        line-height: normal;
    }
    .services-sec .inner-box p {
        font-size: 15px;
    }
    .services-sec .inner-box h6 {
        font-size: 20px;
    }
    .services-sec .inner-box ul li {
        font-size: 15px;
    }
    .services-sec .col-md-6:first-child {
        margin-bottom: 25px;
    }
    .innerpage-banner .banner-image-box {
        margin-top: 25px;
    }
    .plan-tabs li {
        max-width: 100%;
        flex: 0 0 100%;
        border-top: 1px solid #ddd;
    }
    .plan-tabs li:last-child {
        border-top: 0;
    }
    .pub-host-sec .pri-info-outer:last-child {
        margin-top: 10px;
    }
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 21px;
    }
    .plan-table-container .tab-content .tab-pane {
        margin-bottom: 0;
    }
    .pub-benf-content .boxed-listing-points li {
        margin-bottom: 10px;
    }
    .prt-chs-sec-inner .box {
        height: auto;
        width: 100%;
    }
    .prt-chs-sec-inner .box .txt {
        min-height: inherit;
    }
    .tab-content.gbps-features-content .box-table-btn-soldout {
        min-width: 200px;
        font-size: 14px;
        padding: 13px 20px;
    }
}

@media (max-width: 991px) {
    .dcs-price-box .value-box .smallbox img {
        height: 24px;
        margin-right: 10px;
    }
    .dcs-price-box .value-content .value-text {
        font-size: 12px;
    }
    .sharktech_video {
        width: 100%;
        object-fit: scale-down;
        height: 55vw;
    }
    .video-outer {
        padding-top: 18px;
    }
    .tab-content.gbps-features-content .box-table-btn-soldout {
        padding: 7px 7px;
        min-width: 80px;
    }
    .banner-image-box img {
        margin-top: 20px;
    }
    .vps-video-content .vps-video {
        height: auto;
        position: relative;
    }
    .tab-content.gbps-features-content .box-table-btn-soldout {
        padding: 7px 7px;
        min-width: 80px;
    }
    .ip-service-section .service-benifits-content-block p {
        font-size: 14px;
        line-height: 24px;
    }
    .srv-benf-pd-left {
        padding-top: 20px;
    }
    .service-benifits-list ul.boxed-listing-points li {
        margin-bottom: 8px;
    }
    .header-dd-zone--link {
        padding: 15px 4px;
        width: 15%;
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: unset;
    }
    .header-dd-zone a.header-dd-zone--link {
        width: auto;
        min-width: 180px;
    }
    /* .header-dd-zone .flex-item {
    flex-wrap: wrap;
    } */
    .header-dd-zone--link span {
        font-size: 11px;
        line-height: 14px;
        display: inherit;
    }
    .header-dd-zone--link span {
        font-size: 11px;
        line-height: 14px;
        display: inherit;
        max-width: 95%;
        margin: auto;
    }
    .table.plan-table td:nth-child(1),
    .table.plan-table th:nth-child(1) {
        font-size: 16px;
        padding: 20px;
    }
    .table.plan-table th {
        font-size: 15px;
    }
    .table.plan-table th,
    .table.plan-table td {
        font-size: 16px;
    }
    .pub-benf-section .boxed-listing-points li {
        margin: 0 0 10px;
    }
    .pub-benf-section .boxed-listing-points li:last-child {
        margin: 0;
    }
    .vps-server-features {
        padding-top: 50px;
    }

    .banner-text-box ul li {
        display: flex;
        align-items: flex-start;
    }
    .prt-chs-sec-inner .box .txt {
        min-height: 190px;
    }
    .prt-chs-sec-inner .box {
        height: 190px;
    }
    .prt-chs-sec {
        padding: 30px 15px 15px;
    }
    .server-listing-tab::after {
        bottom: 10px;
    }
    .tab-content.gbps-features-content .box-table-btn-soldout {
        padding: 7px 7px;
        min-width: 80px;
    }
    .vps-video video {
        height: 250px;
    }
    .vps-video {
        height: 250px;
    }
    .pub-img-content img,
    .pub-video-content img {
        height: 250px;
        object-fit: cover;
    }
    .coming-space h2 {
        font-size: 22px;
    }
    .section-space {
        padding: 0px 0 36px 0px !important;
    }
    /* private cloud css */
    input#text,
    input#text2 {
        max-width: 20%;
    }
    input#text,
    input#text3 {
        max-width: 20%;
    }
    input#computenodes,
    input#storagenodes {
        max-width: 75%;
    }
    .text-rightsec {
        margin-left: 10px;
    }
    .grand-bottom {
        padding: 15px;
    }
    .grand-bottom h4 {
        font-size: 30px;
    }
    .grand-bottom span {
        font-size: 25px;
    }
}

@media (min-width: 992px) {
    .box-open-div {
        flex: 0 0 6%;
    }
    .processor-field {
        flex: 0 0 16%;
    }
    .processor-field h3 {
        margin-left: 0 !important;
    }
    .ram-field {
        flex: 0 0 10%;
    }
    .ram-field h3 {
        margin-left: 0 !important;
    }
    .storage-field {
        flex: 0 0 13%;
    }
    .storage-field h3 {
        margin-left: 0 !important;
    }
    .nvme-field {
        flex: 0 0 13%;
    }
    .nvme-field h3 {
        margin-left: 0 !important;
    }
    .bandwidth-field {
        flex: 0 0 16%;
    }
    .bandwidth-field h3 {
        margin-left: 0 !important;
    }
    .price-field {
        flex: 0 0 12%;
        text-align: center;
    }
    .order-field {
        flex: 0 0 14%;
        text-align: center;
    }
    .tab-content .tab-pane .features-head .order-field {
        flex: 0 0 13%;
        text-align: center;
    }
    .tab-content .tab-pane .features-head .order-field h3 {
        margin-left: 0 !important;
    }
    .server-field {
        flex: 0 0 20%;
        padding-left: 18px;
    }
    .server-field h3 {
        margin-left: 0 !important;
    }
    .network-field {
        flex: 0 0 25%;
    }
    .network-field h3 {
        margin-left: 0 !important;
    }
    .power-field {
        flex: 0 0 20%;
    }
    .power-field h3 {
        margin-left: 0 !important;
    }
    .price-field-colocation {
        flex: 0 0 15%;
        text-align: center;
    }
    .order-field-colocation {
        flex: 0 0 20%;
        text-align: center;
    }
    .order-field-colocation h3 {
        margin-left: 0 !important;
    }
    .tab-content .tab-pane .features-head h3 {
        margin: 0 7px;
    }
    .tab-content .tab-pane .features-head-colocation h3 {
        margin: 0 7px;
    }
    .features-head {
        padding: 23px 30px;
    }
    .features-head-colocation {
        padding: 23px 0px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
    .table.plan-table th,
    .table.plan-table td {
        border: 0;
        font-size: 14px;
        padding: 16px 8px;
    }
    .table.plan-table td:nth-child(1),
    .table.plan-table th:nth-child(1) {
        text-align: left;
        font-size: 14px;
        font-family: 'Muli-bold';
        background-color: #fff;
        border-bottom: 0;
        color: #333;
        background-color: #f7f7f7;
        padding: 16px 24px;
        border-right: 12px solid #fff;
    }
    .table.plan-table th {
        color: #000;
        font-weight: normal;
        font-size: 13px;
        padding: 16px 8px;
    }
    .table.plan-table .btn {
        color: #fff;
        background-color: #009cff;
        margin: 5px 0;
        min-height: 26px;
        line-height: 26px;
        font-size: 14px;
        min-width: 200px;
    }
    .plan-tabs {
        padding: 0;
        margin: 0 auto;
        border: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 32px;
        max-width: 930px;
        box-shadow: -5px 3px 8px 3px rgb(0 0 0 / 4%);
    }
    .plan-tabs li a {
        font-size: 16px;
        padding: 16px 16px;
        display: block;
        font-family: "muli-semibold";
        color: #222;
        text-align: center;
    }
    .plan-tabs li a i {
        font-size: 10px;
        vertical-align: middle;
        margin: 0 5px;
    }
    .page-offers-content {
        text-align: center;
        padding: 1px 5px;
    }
    .page-offers-content table {
        font-size: 10px;
        font-weight: normal;
        margin: 0;
        font-family: "Muli-Bold";
        color: #000;
        letter-spacing: 0.64px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-offers-content p {
        font-size: 10px;
        font-weight: normal;
        margin: 0;
        font-family: "Muli-Bold";
        color: #000;
        letter-spacing: 0.64px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ads-btn,
    .ads-btn:hover {
        font-size: 11px;
        font-family: "Muli-Bold";
        font-weight: normal;
        color: #fff;
        background-color: #000;
        padding: 4px 8px;
        border-radius: 2px;
        margin-left: 5px;
        text-align: center;
    }
    #exampleModal button.close {
        position: absolute;
        right: -14px;
        color: #fff;
        opacity: 1;
        background: #000;
        border: 2px solid #fff;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        font-weight: 100;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0px 5px;
        top: -12px;
        z-index: 1;
    }
    .video_banner h4 {
        z-index: 1;
        color: #fff;
        font-size: 32px;
        font-weight: bold;
    }
    .video_banner .video_banner_desc {
        z-index: 1;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        max-width: 445px;
    }
    .back_video_logo {
        z-index: 1;
        width: 200px;
    }
    .play_now {
        position: relative;
        z-index: 1;
        color: #fff;
        margin: 0 0 0 16px;
        font-size: 18px;
        font-weight: 600;
    }
    .video-main {
        bottom: 40px;
        left: 15%;
        z-index: 1;
    }
    .video-popup {
        height: 48px;
        width: 48px;
        line-height: 40px;
        text-align: center;
        border-radius: 100%;
        background: transparent;
        color: #fff;
        display: flex;
        background: #04b1fd;
        z-index: 999;
        justify-content: center;
        align-items: center;
        border: 5px solid rgb(0 0 0 / 80%);
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .waves {
        position: absolute;
        width: 150px;
        height: 150px;
        background: gray;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        border-radius: 100%;
        right: -50px;
        bottom: -50px;
        z-index: -1;
        -webkit-animation: waves 3s ease-in-out infinite;
        animation: waves 3s ease-in-out infinite;
    }
    .range-slider {
        --primary-color: #0366d6;
        --value-offset-y: var(--ticks-gap);
        --value-active-color: white;
        --value-background: transparent;
        --value-background-hover: var(--primary-color);
        --value-font: 700 12px/1 Arial;
        --fill-color: var(--primary-color);
        --progress-background: #eee;
        --progress-radius: 16px;
        --track-height: calc(var(--thumb-size) / 2);
        --min-max-font: 10px Arial;
        --min-max-opacity: 0.5;
        --min-max-x-offset: 10%;
        --thumb-size: 18px;
        --thumb-color: white;
        --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 0 79px var(--thumb-color) inset;
        --background-thumb: #006abc;
        --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color), 0 0 0 79px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
        --thumb-shadow-hover: var(--thumb-shadow);
        --ticks-thickness: 1px;
        --ticks-height: 5px;
        --ticks-gap: var(--ticks-height, 0);
        --ticks-color: silver;
        --step: 1;
        --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
        --maxTicksAllowed: 30;
        --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
        --x-step: Max(var(--step), var(--too-many-ticks) * (var(--max) - var(--min)));
        --tickInterval: 100 / ((var(--max) -var(--min)) / var(--step)) * var(--tickEvery, 1);
        --tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));
        --value-a: Clamp(var(--min), var(--value, 0), var(--max));
        --value-b: var(--value, 0);
        --text-value-a: var(--text-value, "");
        --completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);
        --completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);
        --ca: Min(var(--completed-a), var(--completed-b));
        --cb: Max(var(--completed-a), var(--completed-b));
        --thumbs-too-close: Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1);
        --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
        --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
        display: inline-block;
        height: max(var(--track-height), var(--thumb-size));
        background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
        background-size: var(--tickIntervalPerc) var(--ticks-height);
        background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
        background-position-y: var(--flip-y, bottom);
        padding-bottom: var(--flip-y, var(--ticks-gap));
        padding-top: calc(var(--flip-y) * var(--ticks-gap));
        position: relative;
        z-index: 1;
    }
    .range-slider,
    label[dir=rtl] .range-slider {
        width: clamp(300px, 50vw, 800px);
        min-width: 200px;
    }
    .price_rangetxt #icon-0 label {
        position: relative;
        left: 5px;
    }
    p.free_setup {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #006abc !important;
        /*   text-align: center;*/
    }
    .flag_drop {
        top: 25px;
        border-radius: 0 0 5px 5px;
        padding: 0;
        box-shadow: 0 6px 10px rgba(0, 0, 0, .175);
        position: absolute;
        left: 0;
        z-index: 1000;
        display: block;
        float: left;
        min-width: 9rem;
        margin: .125rem 0 0;
        text-align: left;
        list-style: none;
        background-color: #fff;
    }
    .flag_drop .dropdown-item {
        padding: 10px 8px;
        display: flex;
        align-items: center;
        color: #000;
        font-family: "Muli-Bold";
        font-weight: normal;
        font-size: 10px;
        border-bottom: 1px dashed #cccc;
        margin: 0;
    }
    .flag_drop .dropdown-item img {
        width: 20px;
        margin-right: 7px;
        opacity: 0.8;
    }
    .language img {
        width: 20px;
        margin-right: 2px;
    }
    .top-navigation-right .top-navigation-item.language a:last-child {
        margin-right: 16px;
    }
    img.flag-icon {
        height: 12px;
    }
    /* top header language css end */
    /* Top Header css */
    .top-header {
        position: fixed;
        width: 100%;
        top: 28px;
        background-color: #004a82;
        z-index: 99;
    }
    .top-navigation-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 0;
    }
    .top-navigation-item a {
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-family: "Muli-SemiBold";
        margin-right: 40px;
        letter-spacing: 0.64px;
    }
    .top-navigation-item a i {
        font-size: 11px;
        margin-right: 5px;
    }
    /* Header css */
    .header {
        position: fixed;
        width: 100%;
        z-index: 99;
        top: 65px;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    .navbar.custom-navbar {
        /* padding: 8px 0; */
        padding: 9px 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: inherit;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 8px 11px;
        font-family: "Muli-ExtraBold";
        font-size: 13px;
        color: #fff;
        position: relative;
        outline: none;
    }
    .nav-btn {
        margin-left: 10px;
    }
    .nav-btn:hover {
        -webkit-box-shadow: 0 3px 16px 2px rgba(0, 0, 0, .15);
        box-shadow: 0 3px 16px 2px rgba(0, 0, 0, .15)
    }
    .svg-cls {
        font-size: 14px;
        fill: #fff;
        font-family: FontAwesome;
    }
    .header-dd-zone.dropdown-menu.sub-menu-css {
        min-height: 145px;
    }
    .header-dd-zone {
        position: absolute;
        width: 100%;
        /* overflow: hidden; */
        background-color: #fff;
        -webkit-box-shadow: 0 8px 8px -10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 8px 8px -10px rgba(0, 0, 0, 0.3);
        /* padding: 36px 0; */
        padding: 16px 0;
        margin: 0;
        border: 0;
    }
    .header-dd-zone h2 {
        font-size: 19px;
        line-height: 34px;
        color: #151231;
        font-family: "Muli-Black";
        letter-spacing: 0.2px;
        margin-bottom: 12px;
    }
    .sub-mobile li a {
        display: block;
        text-decoration: none;
        font-size: 10px;
        font-family: "Muli-SemiBold";
        letter-spacing: 0.5px;
        color: rgba(20, 30, 39, 0.7);
        margin: 0 0 12px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    .header-dd-zone.dropdown-menu.sub-menu.sub-menus-css {
        padding-bottom: 12px;
    }
    .header-dd-zone--link {
        text-align: center;
        /* padding: 36px 15px; */
        /* padding: 24px 15px; */
        padding: 8px 15px;
        color: #1f1f1f;
        /* height: 150px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 145px;
        border-radius: 2px;
        margin-right: 18px;
        margin-bottom: 12px;
        background-color: #f4f8fc;
        border: 1px solid transparent;
    }
    .header-dd-zone--link span {
        /* font-size: 14px;
line-height: 18px; */
        font-size: 12px;
        line-height: 0px;
        color: #000;
        font-family: "Muli-Bold";
        letter-spacing: 0.2px;
    }
    .header-dd-zone--link img {
        height: 30px;
        width: 30px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .nav-link.dropdown-toggle::after,
    .header-dd-zone.dropdown-menu.sub-menu::before {
        position: absolute;
        content: "";
        width: 11px;
        height: 0px;
        top: 48px;
        right: calc(50% - 7px);
        border-bottom: 16px solid #fff;
        border-left: 16px solid transparent;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 0;
        z-index: 999999;
        border-top: 0;
        border-right: 0;
    }
    .header-dd-zone.dropdown-menu.sub-menu::before {
        top: 10px;
        left: 69px;
        border-bottom: 11px solid #65b1fc;
        border-left: 11px solid transparent;
        opacity: 1;
    }

    .sub-menus-css li.header-dd-zone--link {
        /* margin-right: 12px; */
        margin: 0px 12px 0px 0px
    }
    .sub-menus-css {
        display: block;
        width: auto;
        margin: 8px auto 0px;
        background-color: #fff;
        padding-bottom: 0;
        left: -60%;
        /* padding-top: 6px; */
    }
    .sub-menus-css .container {
        padding: 0px 12px;
    }
    .header-dd-zone.dropdown-menu.sub-menu::before {
        top: 0;
        left: 31%;
        border-bottom: 11px solid #65b1fc;
        border-left: 11px solid transparent;
        opacity: 1;
    }
    /* Side Drawer */
    .side-drawer {
        position: fixed;
        top: 48px;
        left: 0;
        z-index: 99999;
        height: 100%;
        background-color: #fff;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        width: 100%;
        padding: 32px 16px;
        -webkit-transform: translateX(-1000px);
        -ms-transform: translateX(-1000px);
        transform: translateX(-1000px);
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    .accordion {
        width: 100%;
        border-radius: 0px;
        margin-bottom: 28px;
    }
    .accordion li {
        display: block;
        width: 100%;
        padding: 16px 8px 0;
        border-bottom: 1px solid #eee;
    }
    .accordion .link {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 18px;
        color: #141e27;
        font-family: "Muli-ExtraBold";
        letter-spacing: 0.2px;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .accordion li i {
        font-size: 14px;
        color: #595959;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .accordion li i.fa-chevron-down {
        font-size: 13px;
    }
    .submenu li {
        position: relative;
        border: 0;
        padding: 0;
        padding-left: 12px;
    }
    .submenu li::before {
        position: absolute;
        content: "";
        left: 0;
        top: 7px;
        width: 6px;
        height: 6px;
        background-color: #bfbfbf;
    }
    .submenu a {
        display: block;
        text-decoration: none;
        font-size: 10px;
        font-family: "Muli-SemiBold";
        letter-spacing: 0.5px;
        color: rgba(20, 30, 39, 0.7);
        margin: 0 0 12px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    .accordion-arrow {
        position: relative;
        width: 18px;
        height: 18px;
        color: #fff;
        background: #009cff;
        border-radius: 100%;
        text-align: center;
    }
    .accordion-arrow::after {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        background: transparent;
        content: "+";
        width: 18px;
        height: 18px;
        font-size: 15px;
        text-align: center;
        line-height: 16px;
    }
    .accordion li.open .accordion-arrow::after {
        content: "_";
        line-height: 6px;
    }
    .mobile-support {
        background-color: #daeeff;
        border-radius: 8px;
        padding: 12px 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 28px;
    }
    .mobile-support a {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        color: #3382c5;
        font-family: "Muli-ExtraBold";
        letter-spacing: 0.2px;
    }
    .mobile-support a img {
        margin-right: 5px;
    }
    .mobile-comapny-detail ul li {
        text-align: center;
        width: 33.3%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mobile-comapny-detail ul li a {
        padding: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 10px;
        font-family: "Muli-Bold";
        letter-spacing: 0.5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mobile-comapny-detail ul li a img {
        max-width: 100%;
        width: 19px;
        height: 19px;
        margin-bottom: 5px;
    }
    .navbar-collapse.navbar-menu.show .side-drawer {
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        overflow: auto;
    }
    /* header css end here */
    /*home Banner css start */
    .home-banner {
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        padding: 68px 0 0;
    }
    .banner-content-outer {
        /* padding: 48px 0 0; */
        padding: 40px 0 0;
        position: relative;
    }
    .banner-text-box {
        max-width: 633px;
        position: relative;
        z-index: 2;
    }
    .banner-content-outer::after {
        position: absolute;
        content: "";
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        background-image: url("../img/map-bg.png");
        background-position: 315px 32px;
        background-repeat: no-repeat;
        z-index: 0;
    }
    .data-center-bg {
        position: absolute;
        width: 100%;
        right: -15px;
        top: -5px;
        height: 810px;
        background-image: url("../img/shape-bg.svg");
        background-position: right top;
        background-repeat: no-repeat;
    }
    .carousel-item {
        position: relative;
        padding: 64px 0 0;
        min-height: 556px;
        padding-bottom: 32px;
        margin-bottom: 0px;
    }
    .banner-right-layer {
        position: absolute;
        background-image: url("../img/banner-right-bg.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        right: 8px;
        bottom: 16px;
    }
    .banner-left-layer {
        position: absolute;
        background-image: url("../img/banner-left-bg.png");
        background-position: 0 72px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        right: 8px;
        bottom: 0;
    }
    .shape-img {
        position: absolute;
        background-image: url("../img/shape-boxes.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        right: 8px;
        bottom: 0;
        opacity: 0.4;
    }
    .data-center-locations h1,
    .ddos-protection-text h1,
    .choose-server-text h1,
    .Available-text h1 {
        font-size: 32px;
        color: #fff;
        font-family: "Muli-Black";
        line-height: 48px;
        letter-spacing: -0.32px;
    }
    .data-center-locations h1 {
        margin-top: 30px
    }
    .data-center-locations>img {
        width: 300px;
        object-fit: contain;
    }
    .video {
        background-color: #f8f8f8;
        margin-bottom: 32px;
    }
    .video-slider>h3 {
        font-size: 24px;
        line-height: 28px;
        font-family: "Muli-Black";
        color: #000;
        margin-bottom: 13px;
        letter-spacing: -0.32px;
    }
    .video-slider>video {
        max-height: 600px;
    }
    .ddos-protection-text h1 {
        margin-top: 20px;
    }
    .ddos-protection-text h1,
    .Available-text h1 {
        text-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    }
    .choose-server-text h1 {
        text-align: center;
        text-shadow: 1px 1px 6px rgb(0 0 0 / 18%);
        margin-bottom: 0;
    }
    .data-center-locations p,
    .ddos-protection-text p,
    .choose-server-text p,
    .Available-text p {
        color: #fff;
        font-size: 15px;
        line-height: 24px;
        font-family: "Muli-SemiBold";
        margin-bottom: 24px;
        letter-spacing: 0.64px;
    }
    .ddos-protection-text p {
        /* margin: 32px 0; */
        margin: 16px 0;
    }
    .choose-server-text p {
        text-align: center;
        letter-spacing: 0.5px;
    }
    .ddos-protection-text ul li {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        font-family: "Muli";
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }
    .ddos-protection-text ul li span {
        margin-left: 7px;
    }
    .data-center-text {
        margin-bottom: 32px;
    }
    .center-locations-list {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .location-item {
        background-color: #fff;
        border-radius: 100px;
        padding: 5px 6px;
        min-width: 240px;
        margin-bottom: 20px;
        margin-right: 24px;
        -webkit-box-shadow: -1px 0px 0px 5px transparent;
        box-shadow: -1px 0px 0px 5px transparent;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .location-item:hover {
        -webkit-box-shadow: -1px 0px 0px 5px #4e91b5;
        box-shadow: -1px 0px 0px 5px #4e91b5;
    }
    .location-item span {
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
        font-family: "Muli-Bold";
        color: #585858;
        padding: 0 11px;
    }
    .server-price-card {
        background-color: #2297e7;
        margin: 0 16px 0;
        /* padding: 24px 20px 28px 20px; */
        padding: 20px 20px 20px 20px;
        text-align: center;
        width: 26%;
        color: #fff;
        -webkit-box-shadow: 0 3px 5px 0px rgb(0 0 0 / 4%);
        box-shadow: 0 3px 5px 0px rgb(0 0 0 / 4%);
    }
    .server-price-card h3 {
        font-size: 14px;
        line-height: 20px;
        font-family: "Muli-ExtraBold";
        margin: 0;
        letter-spacing: 0.4px;
    }
    .server-price-card p {
        font-size: 18px;
        line-height: 24px;
        font-family: "Muli";
        margin: 0;
        font-weight: normal;
    }
    .server-price-card img {
        width: 40px;
    }
    .server-price-text {
        margin: 20px 0;
    }
    .server-price-card .server-price-text p {
        font-size: 11px;
        line-height: 14px;
        font-family: "Muli-SemiBold";
        margin: 0;
    }
    .server-price-card .server-price-text span {
        font-size: 36px;
        line-height: 50px;
        font-family: "Muli";
        font-weight: normal;
    }
    .server-price-card .server-price-text span sub {
        bottom: 0;
        font-size: 16px;
    }
    .btn.btn-banner {
        border: 1px solid #fff;
        background: transparent;
        padding: 10px 16px;
        font-size: 10px;
        letter-spacing: 0.2px;
        line-height: 16px;
        font-family: "Muli";
        position: relative;
        z-index: 2;
        -webkit-transition: 0.7s ease;
        -o-transition: 0.7s ease;
        transition: 0.7s ease;
    }
    .btn.btn-banner .arrow-svg-icon {
        width: 13px;
        height: 12px;
        margin-left: 5px;
        vertical-align: inherit;
    }
    .btn.btn-banner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: -1;
        -webkit-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
        opacity: 1;
        -webkit-transform: translateX(-700px);
        -ms-transform: translateX(-700px);
        transform: translateX(-700px);
    }
    .banner-text-box.Available-text {
        max-width: 730px;
    }
    .Available-text p {
        margin: 22px 0 22px;
    }
    .Available-text ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 26px;
    }
    .Available-text ul li img {
        width: 40px;
        margin-right: 16px;
    }
    .Available-text ul li h4 {
        font-size: 18px;
        line-height: 22px;
        font-family: "Muli-Bold";
        font-weight: normal;
        margin: 0;
    }
    .Available-text ul li p {
        font-size: 12px;
        line-height: 22px;
        font-family: "Muli";
        font-weight: normal;
        margin: 0;
    }
    .Available-text ul li span {
        margin: 0;
        font-size: 14px;
        font-family: "Muli-Bold";
        color: #fde952;
    }
    .banner-4-item .banner-image-box img {
        margin-top: 64px;
    }
    .banner-text-box.premium-server-text {
        max-width: 710px;
    }
    .premium-server-text ul {
        margin-bottom: 24px;
    }
    .cloudhost-banner-6 ul.cloud-hot-listing li span br {
        display: block;
    }
    .premium-server-text ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: flex-start;
        font-family: "Muli-SemiBold";
        margin-bottom: 8px;
    }
    .premium-server-text .list-icon {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: 0;
        border: 1px solid #fff;
        border-radius: 100%;
    }
    .premium-server-text ul li span {
        margin-left: 7px;
    }
    .premium-server-text .list-icon::after {
        content: "";
        position: absolute;
        left: 7px;
        top: 2px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .premium-server-text p {
        margin: 16px 0 16px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        width: 40px;
        height: 40px;
        top: calc(50% - 20px);
        border: 1px solid rgba(255, 255, 255, .58);
        border-radius: 100%;
    }
    .carousel-control-prev {
        left: 64px;
    }
    .carousel-control-next {
        right: 64px;
    }
    .carousel-control-prev-icon:after,
    .carousel-control-next-icon:after {
        font-family: 'FontAwesome';
        font-size: 23px;
        color: rgba(255, 255, 255, .9);
        line-height: 13px;
    }
    /* services section */
    .shark-services.section-space {
        padding-bottom: 24px;
    }
    .shark-services .section-heading-box {
        margin-bottom: 32px;
    }
    .card-item.comman.services-card {
        padding: 36px 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 14px 1px rgba(0, 0, 0, .12);
        box-shadow: 0 2px 14px 1px rgb(177 215 253);
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .5s ease all;
        height: 100%;
    }
    .services-card.second-card {
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all;
        padding: 36px 32px;
    }
    .services-card.second-card:hover {
        transform: translateY(-10px);
    }
    .services-card .card-title,
    .pri-diff-sec .card-title {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .card-item figure {
        margin-bottom: 16px;
    }
    .services-card img {
        width: 48px;
        height: 48px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .services-card:hover img {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .header-dd-zone .flex-item a:hover img,
    .flex-item.solutions li.header-dd-zone:hover a img {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    /* Discover Server css */
    .discover-server {
        background-color: #f8f8f8;
        padding-bottom: 44px;
        background: #f8f8f8;
        position: relative;
    }
    .discover-server .section-heading-box {
        padding: 48px 0 0 0;
        margin-bottom: 42px;
    }

    .server-listing-tab .nav-tabs .nav-item {
        margin-bottom: 8px;
        width: 100%;
    }
    .server-listing-tab .nav-tabs .nav-link {
        position: relative;
        background-color: #fff;
        border-radius: 3px;
        padding: 18px;
        font-size: 13px;
        font-family: 'Muli-Bold';
        color: #333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 0 none;
        position: relative;
        z-index: 1;
    }
    .server-listing-tab .nav-tabs .nav-link::after {
        position: absolute;
        content: "";
        width: 14px;
        height: 8px;
        top: calc(50% - 10px);
        right: -8px;
        border-top: 14px solid #cee4ff;
        border-left: 14px solid #0000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    .server-listing-tab .nav-tabs .nav-link .server-icons {
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 29px;
        background-color: #009cff;
        border-radius: 100%;
        margin-right: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tab-content .tab-pane {
        background-color: #fff;
        border-radius: 3px;
        padding: 44px 64px 100px;
        -webkit-box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.22);
        box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.22);
        margin-left: 16px;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .tab-content .tab-pane h3 {
        font-size: 24px;
        font-family: "Muli-Black";
        color: #000;
    }
    .tab-content .tab-pane p {
        font-size: 14px;
        font-family: "Muli-SemiBold";
        color: #333;
        margin-bottom: 32px;
        letter-spacing: 0.32px;
        max-width: 480px;
    }
    .tab-content .tab-pane .price-content p {
        font-size: 12px;
        font-family: "Muli-semiBold";
        color: #333;
        margin-bottom: 8px;
        letter-spacing: 0;
        max-width: 100%;
    }
    .tab-content .tab-pane .price-content h2 {
        font-size: 39px;
        font-family: "Muli-ExtraBold";
        color: #020d1a;
        margin-bottom: 24px;
    }
    .server-listing-tab::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 140px;
        bottom: -5px;
        left: 0;
        background: #f8f8f8;
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
        z-index: -1;
    }
    .zigzaglayer {
        position: absolute;
        height: 32px;
        width: 100%;
        -webkit-transform: skewY(-6deg) translateY(0);
        transform: skewY(-4deg) translateY(0);
        bottom: 30px;
    }
    .zigzaglayer.zigzaglayer-right .zigzaglayer-big {
        background-color: #3382c5;
        width: calc(var(--gutterWidth) + var(--stripeInset));
        height: 32px;
        position: absolute;
        right: auto;
        left: var(--stripeStart);
    }
    .zigzaglayer.zigzaglayer-right .zigzaglayer-small {
        background-color: #e2e9f0;
        width: 160px;
        height: 32px;
        position: absolute;
        right: 0;
        top: -20px;
    }
    .zigzaglayer.zigzaglayer-left .zigzaglayer-big {
        background-color: #3382c5;
        width: 100%;
        height: 32px;
        position: absolute;
        right: var(--stripeStart);
    }
    .zigzaglayer.zigzaglayer-left .zigzaglayer-small {
        background-color: #e2e9f0;
        width: 350px;
        height: 32px;
        position: absolute;
        right: var(--stripeStart);
        top: 16px;
    }
    .top-reasons .section-heading-box {
        padding: 0;
        margin-bottom: 36px;
    }
    .top-reasons .section-heading-box p {
        font-size: 17px;
        line-height: 24px;
        font-family: "Muli-SemiBold";
        max-width: 520px;
    }
    .top-reasons-card img {
        width: 62px;
        height: 64px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .top-reasons-card:hover img,
    .order-card:hover img {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .top-reasons-card {
        display: -ms-grid;
        display: grid;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 14px 1px rgb(177 215 253);
        box-shadow: 0 2px 14px 1px rgb(177 215 253);
        padding: 32px;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .5s ease all;
    }
    .card-item.top-reasons-card .card-desc {
        line-height: 20px;
        letter-spacing: 0.32px;
    }
    .top-reasons-card:hover {
        transform: scale(1.1);
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    .card-title {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    /* Get started */
    .get-started-banner {
        background-color: #fff;
        padding-bottom: 40px;
        background-image: url("../img/get-started-background.png");
        background-size: cover;
        background-position: center;
    }
    .get-started-content {
        max-width: 700px;
        position: relative;
        padding: 120px 0 64px;
    }
    .get-started-content h2 {
        font-size: 34px;
        line-height: 40px;
        font-family: "Muli-Black";
        color: #fff;
        margin-bottom: 26px;
        letter-spacing: -0.32px;
    }
    .get-started-content p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0.32px;
        font-family: 'Muli-Light';
        color: #fff;
        margin-bottom: 36px;
    }
    .get-started-content .btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 1;
        -webkit-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
        opacity: 1;
        -webkit-transform: translateX(-700px);
        -ms-transform: translateX(-700px);
        transform: translateX(-700px);
    }
    .get-started-content .btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #009cff;
        z-index: 1;
        -webkit-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
        opacity: 1;
        -webkit-transform: translateX(-700px);
        -ms-transform: translateX(-700px);
        transform: translateX(-700px);
    }
    /* join Sharktech */
    .join-sharktech .section-heading-box {
        text-align: left;
        margin-bottom: 20px;
        padding: 0;
    }
    .feedback-slider-card {
        background-color: #f4f8fc;
        padding: 36px 36px;
        margin: 11px;
        outline: none;
        min-height: 240px;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    .feedback-slider-card:hover {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01);
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    .feedback-title {
        padding-left: 16px;
    }
    .feedback-title h3 {
        font-size: 14px;
        color: #000;
        font-family: "Muli-Black";
        margin-bottom: 8px;
        letter-spacing: 0.32px;
    }
    .feedback-title span {
        font-size: 10px;
        color: #929597;
        font-family: 'Muli-Bold';
        display: block;
        letter-spacing: 0.32px;
    }
    .feedback-slider-card p {
        font-size: 11px;
        line-height: 21px;
        letter-spacing: 0.32px;
        color: #333;
        font-family: 'Muli-SemiBold';
        margin-bottom: 0;
    }
    .join-sharktech-slider .slick-prev,
    .join-sharktech-slider .slick-next {
        top: -50px;
        width: 32px;
        height: 32px;
    }
    .join-sharktech-slider .slick-next,
    .coming-soon-slider-block .slick-next,
    .coming-soon-slider-block .slick-prev {
        right: 12px;
        background-color: #e3f1f9;
        border-radius: 100%;
    }
    .join-sharktech-slider .slick-next:before,
    .coming-soon-slider .slick-next:before,
    .coming-soon-slider .slick-prev:before,
    .coming-soon-video-slider-block .slick-prev:before,
    .coming-soon-video-slider-block .slick-next:before {
        font-family: 'FontAwesome';
        font-size: 22px;
        line-height: 14px;
        text-align: center;
        width: auto;
        opacity: 1;
        color: rgba(0, 0, 0, .22);
        display: inline-block;
    }
    .join-sharktech-slider-container {
        margin: 0 -15px;
    }
    .coming-soon-slider-block .slick-next {
        right: 5px;
    }
    .coming-soon-slider-block .slick-prev {
        left: 5px;
    }
    .coming-soon-slider-block .slick-prev,
    .coming-soon-slider-block .slick-next {
        width: 40px;
        height: 32px;
        z-index: 1;
    }
    .coming-soon-slider {
        padding: 0px 20px;
    }
    /* Sharktech Support section */
    .sharktech-support-container {
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .09);
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, .09);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        z-index: 9;
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all;
    }
    .sharktech-support-card {
        position: relative;
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 32px 32px 28px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .sharktech-support-card::after {
        position: absolute;
        content: "";
        top: calc(50% - 70px);
        right: 0;
        background-color: #e6e9ef;
        width: 1px;
        height: 140px;
    }
    .sharktech-support-container:hover {
        -webkit-box-shadow: 0 2px 14px 1px rgba(0, 0, 0, .12);
        box-shadow: 0 2px 14px 1px rgba(0, 0, 0, .12);
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all;
    }
    .support-content {
        padding: 0 26px;
    }
    .sharktech-support-card .support-content h2 {
        font-size: 20px;
        line-height: 22px;
        color: #000;
        font-family: "Muli-ExtraBold";
        margin-bottom: 16px;
        letter-spacing: -0.32px;
    }
    .sharktech-support-card .support-content p {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 0.32px;
        margin-bottom: 0;
        color: rgba(0, 0, 0, .8);
        font-family: "Muli-SemiBold";
    }
    .sharktech-support-card .support-content a {
        letter-spacing: 0.32px;
    }
    .contact-detail {
        display: inline-block;
        color: rgba(0, 0, 0, .8);
        font-size: 13px;
        font-family: "Muli-ExtraBold";
        margin-bottom: 7px;
    }
    .contact-detail i {
        font-size: 16px;
        margin-right: 10px;
        color: #000;
    }
    /* home page css end here */
    /* dedicated server page css starts here */
    /* Banner css start */
    .innerpage-banner {
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        /* padding: 64px 0 48px; */
        padding: 74px 0 16px;
    }
    .innerpage-banner.ddos-protection-banner {
        padding: 74px 0 70px;
    }
    .inner-banner-container {
        position: relative;
        padding: 56px 0;
        min-height: auto;
    }
    .banner-slider-outer {
        position: relative;
        margin-top: 8px;
    }
    .inner-banner-container .banner-text-box {
        max-width: 725px;
    }
    .banner-content-outer::after {
        position: absolute;
        content: "";
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        background-image: url("../img/map-bg.png");
        background-position: 315px 32px;
        background-repeat: no-repeat;
        z-index: 0;
    }
    .banner-text-box h1 {
        font-size: 32px;
        color: #fff;
        font-family: "Muli-Black";
        line-height: 40px;
        letter-spacing: -0.32px;
    }
    .banner-text-box p {
        color: #fff;
        font-size: 15px;
        line-height: 24px;
        font-family: "Muli-SemiBold";
        margin-bottom: 24px;
        letter-spacing: 0.64px;
    }
    .inner-banner-text-box h1 {
        text-shadow: 1px 1px 4px rgb(0 0 0 / 30%);
        margin-top: 0;
        font-size: 32px;
        line-height: 40px;
    }
    .inner-banner-text-box p {
        margin: 16px 0;
    }
    .inner-banner-text-box ul li {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        font-family: "Muli";
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }
    .inner-banner-text-box ul li span.list-icon-img {
        margin-right: 12px;
    }
    .btn.btn-banner {
        border: 1px solid #fff;
        background: transparent;
        padding: 13px 22px;
        font-size: 11px;
        letter-spacing: 0.2px;
        line-height: 16px;
        font-family: "Muli";
        position: relative;
        z-index: 2;
        -webkit-transition: 0.7s ease;
        -o-transition: 0.7s ease;
        transition: 0.7s ease;
    }
    .btn.btn-banner .arrow-svg-icon {
        width: 13px;
        height: 12px;
        margin-left: 5px;
        vertical-align: inherit;
    }
    .btn.btn-banner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: -1;
        -webkit-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
        opacity: 1;
        -webkit-transform: translateX(-700px);
        -ms-transform: translateX(-700px);
        transform: translateX(-700px);
    }
    .inner-banner-text-box .btn.btn-banner {
        margin-top: 16px;
    }
    /* logo section */
    .gbps-logo-section {
        padding: 32px;
        background: #f9f9f9;
    }
    .gbps-logo-outer ul li {
        max-width: 120px;
    }
    .gbps-logo-outer ul li svg {
        width: 100%;
        height: auto;
        height: 32px;
        display: block;
        margin: 0 auto;
        filter: grayscale(1);
        opacity: .5;
    }
    /* performance section  */
    .gbps-performance .services-card {
        padding: 28px 18px;
    }
    .gbps-performance .services-card .card-title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .gbps-performance .services-card .card-desc {
        /* padding: 0 12px; */
        padding: 0px;
    }
    /* feature-section */
    .features-head {
        display: flex;
        flex-grow:1;
        justify-content: space-evenly;
        background: #006abc;
        padding: 18px;
    }
    .features-head-colocation {
        display: flex;
        justify-content: space-evenly;
        background: #006abc;
        padding-top: 18px 0px;
    }
    .width-50 {
        width: 40px;
    }
    .width-60 {
        width: 48px;
    }
    .width-150 {
        width: 160px;
    }
    .tab-content .tab-pane .features-head h3 {
        font-size: 14px;
        font-family: "Muli-ExtraBold";
        /* color: #a8a8a8; */
        /* color: #000000; */
        color: #fff;
        text-transform: uppercase;
        /* margin: 0; */
        margin: 0 20px;
    }
    .tab-content .tab-pane .features-head-colocation h3 {
        font-size: 14px;
        font-family: "Muli-ExtraBold";
        /* color: #a8a8a8; */
        /* color: #000000; */
        color: #fff;
        text-transform: uppercase;
        /* margin: 0; */
        margin: 0 20px;
    }
    .features-outer-container .nav-tabs {
        border-bottom: 0;
        justify-content: center;
        margin-bottom: 48px;
    }
    .features-outer-container .nav-tabs .nav-item {
        margin-bottom: 0;
        background-color: transparent;
        padding: 0;
        box-shadow: -5px 3px 8px 3px rgba(0, 0, 0, 0.04);
    }
    select {
        background-color: white;
        background-image: url("../img/down.svg");
        background-position: right 8px center;
        background-repeat: no-repeat;
        background-size: auto 8%;
        border-radius: 2px;
        border: none;
        color: #ffffff;
        padding: 8px 24px 8px 8px;
        outline: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .features-outer-container .nav-tabs .nav-link {
        position: relative;
        font-size: 14px;
        font-family: 'Muli-ExtraBold';
        background-color: #fff;
        color: #000;
        padding: 16px 32px;
        border: 0;
        border-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    .features-outer-container .nav-tabs .nav-link::after {
        position: absolute;
        content: "";
        top: calc(50% - 17px);
        right: 0;
        width: 1px;
        height: 50%;
        background-color: #ddd;
    }
    .features-outer-container .nav-tabs .nav-link img {
        height: 27px;
        margin-right: 12px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion {
        width: 100%;
        border-radius: 0px;
        margin-bottom: 0;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li {
        padding: 0;
        border-bottom: 0;
        box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.08);
        background: #fff;
        /* margin-top: 20px; */
        margin-top: 8px;
        border: 2px solid transparent;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link {
        margin: 0;
        padding: 20px 18px;
    }
    .tab-content.gbps-features-content p {
        font-size: 13px;
        font-family: 'Muli-SemiBold';
        font-weight: normal;
        margin: 0;
        color: #000;
        max-width: 100%;
    }
    .tab-content.gbps-features-content .head-text {
        font-size: 14px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin-bottom: 7px;
    }
    .tab-content.gbps-features-content .feature-prize {
        position: relative;
        background-color: #f54045;
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        letter-spacing: 1px;
        text-align: center;
        padding: 0 12px;
        display: inline-block;
    }
    .tab-content.gbps-features-content .feature-prize::after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        height: 100%;
        border-right: 6px solid #fff;
        width: 6px;
    }
    .tab-content.gbps-features-content .feature-prize::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        height: 100%;
        border-left: 6px solid #fff;
        width: 6px;
    }
    .tab-content.gbps-features-content .feature-prize sub {
        font-size: 14px;
        font-family: "Muli";
        font-weight: normal;
    }
    .tab-content.gbps-features-content .box-table-btn {
        padding: 10px 16px;
        min-width: 130px;
        background-color: #006abc;
        border: 0;
        margin-bottom: 8px;
    }
    .box-table-btn span {
        z-index: 2;
        position: relative;
        font-size: 13px;
    }
    .box-table-btn.btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #009cff;
        z-index: 1;
        -webkit-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
        opacity: 1;
        -webkit-transform: translateX(-800px);
        -ms-transform: translateX(-800px);
        -transform: translateX(-800px);
    }
    .box-open-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 40px;
        height: 40px;
        color: #fff;
        background: #006abc;
        border-radius: 100%;
        text-align: center;
    }
    .box-open-icon::after {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        background: transparent;
        content: "+";
        width: 39px;
        height: 39px;
        font-size: 21px;
        text-align: center;
        line-height: 38px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li.open .box-open-icon::after {
        content: "_";
        line-height: 23px;
    }
    .boxmenu-left {
        display: flex;
        justify-content: flex-start;
        width: 75%;
        padding: 24px 0 0 120px;
    }
    .tab-content.gbps-features-content .boxmenu-left div {
        margin-bottom: 24px;
        min-width: 33%;
    }
    .tab-content.gbps-features-content .boxmenu-left .label {
        position: relative;
        font-size: 11px;
        font-family: "Muli-Bold";
        font-weight: normal;
        color: #000;
        margin-bottom: 5px;
        letter-spacing: 0.4px;
    }
    .tab-content.gbps-features-content .boxmenu-left .label img {
        position: absolute;
        top: 5px;
        left: -60px;
    }
    .tab-content.gbps-features-content .boxmenu-left .value {
        font-size: 10px;
        font-family: "Muli";
        font-weight: normal;
        color: #8f8f8f;
        margin-bottom: 0;
        letter-spacing: 0.4px;
    }
    .boxmenu-right {
        width: 25%;
        padding: 24px 37px;
        border-left: 1px solid #ddd;
    }
    .boxmenu-right .form-group {
        margin-bottom: 20px;
    }
    .boxmenu-right label {
        display: block;
        font-size: 11px;
        font-family: "Muli-Bold";
        font-weight: normal;
        color: #000;
        margin-bottom: 8px;
        letter-spacing: 0.4px;
    }
    .boxmenu-right select {
        font-size: 10px;
        padding: 8px;
        color: #8f8f8f;
        letter-spacing: 0.4px;
        min-height: 40px;
        appearance: none;
        -moz-appearance: none;
    }
    .tab-content.gbps-features-content .boxmenu-right p {
        font-size: 11px;
        font-family: "Muli-Bold";
        font-weight: normal;
    }
    .tab-content.gbps-features-content .boxmenu-right h2 {
        font-size: 32px;
        line-height: 36px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin: 5px 0 8px;
    }
    .tab-content.gbps-features-content .boxmenu-right h2 sub {
        font-size: 32px;
        line-height: 36px;
        font-family: "Muli";
        font-weight: normal;
        color: #b5b5b5;
    }
    .tab-content.gbps-features-content .boxmenu-right .btn {
        min-height: 26px;
        line-height: 26px;
        color: #fff;
    }
    /* .why-use-sharktech css */
    .why-use-sharktech .section-heading-box {
        margin-bottom: 32px;
    }
    .why-use-sharktech-card {
        position: relative;
        display: flex;
        background-color: #fff;
        padding: 28px 26px 26px;
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.07);
        margin-bottom: 28px;
        transition: all .3s ease;
    }
    .why-use-sharktech-card::before {
        border-bottom: 2px solid #009cff;
        border-top: 2px solid #009cff;
        transform: scale(0, 1);
        transform-origin: 0 0 0;
    }
    .why-use-sharktech-card::after {
        border-left: 2px solid #009cff;
        border-right: 2px solid #009cff;
        transform: scale(1, 0);
        transform-origin: 100% 0 0;
    }
    .why-use-sharktech-card figure {
        margin: 0 20px 0 0;
    }
    .why-use-sharktech-card figure img {
        height: 38px;
    }
    .why-use-sharktech-card h3,
    .sales-content h3 {
        font-size: 18px;
        line-height: 24px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin: 0 0 8px;
    }
    .why-use-sharktech-card p,
    .sales-content p {
        font-size: 11px;
        line-height: 20px;
        font-family: 'Muli-SemiBold';
        font-weight: normal;
        margin: 0;
        color: #333;
    }
    .gbps-plan-banner::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 68px;
        bottom: -1px;
        left: 0;
        background: #fff;
        -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }
    .gbps-plan-content {
        display: grid;
        height: 100%;
        justify-content: center;
        position: relative;
        text-align: center;
        position: relative;
    }
    .gbps-plan-content {
        padding: 56px 16px 0;
        min-height: 336px;
    }
    .gbps-plan-text {
        max-width: 880px;
        margin: 0 auto;
    }
    .gbps-plan-text h2 {
        font-size: 29px;
        line-height: 38px;
        font-family: "Muli-Black";
        color: #fff;
        margin-bottom: 24px;
        letter-spacing: -0.32px;
    }
    .gbps-plan-text p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.32px;
        font-family: 'Muli';
        font-weight: normal;
        color: #fff;
        max-width: 700px;
        margin: 0 auto 28px;
    }
    .gbps-plan-text .btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #009cff;
        z-index: 1;
        -webkit-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
        opacity: 1;
        -webkit-transform: translateX(-800px);
        -ms-transform: translateX(-800px);
        transform: translateX(-800px);
    }
    .inner-banner-text-box.colocation-banner,
    .inner-banner-text-box.vps-banner {
        max-width: 630px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content {
        width: 100%;
        border-radius: 0px;
        margin-bottom: 0;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li {
        padding: 0;
        border-bottom: 0;
        width: 100%;
        box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.04);
        background: #fff;
        margin-top: 2px;
        border: 0;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        margin: 0;
        padding: 24px 0;
    }

    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text {
        flex: 0 0 20%;
        /*width: 130px;*/
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text span {
        width: 170px;
        display: block;
        padding: 7px 16px;
        background: #ebf7ff;
        border-radius: 0 100px 100px 0;
        font-size: 14px;
        font-family: "Muli-ExtraBold";
        color: #009cff;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li:hover {
        outline: 2px solid #39a3d4;
    }
    .price-vps-container {
        border: 2px solid #118fc5;
    }
    .price-sliderbox {
        width: 100%;
        padding: 16px 60px;
        background-color: #009cff;
    }
    .price_rangetxt {
        width: 100%;
        padding: 8px 0 0;
        display: flex;
        justify-content: space-between;
    }
    .price_rangetxt .sliderrange-text label {
        font-size: 16px;
        font-family: "Muli-Bold";
        font-weight: normal;
        color: #fff;
        letter-spacing: 0.5px;
        width: 19px;
    }
    .price_rangetxt .sliderrange-text#icon-1 label,
    .price_rangetxt .sliderrange-text#icon-2 label,
    .price_rangetxt .sliderrange-text#icon-3 label,
    .price_rangetxt .sliderrange-text#icon-4 label {
        position: relative;
        left: 7px;
    }
    .price_rangetxt .sliderrange-text#icon-5 label {
        left: -15px;
        position: relative;
    }
    .price-slider {
        width: 95%;
        height: 13px;
        background-color: #007ac7;
        border-radius: 16px;
    }
    .price-slider-range {
        height: 13px;
        border-radius: 16px;
        background-color: #fff;
        width: 20%;
        position: relative;
    }
    .price-slider-handle {
        outline: none;
        border-radius: 0;
        border: 0;
        width: 40px;
        height: 40px;
        background: url("../img/range-handle.png") no-repeat left top;
        position: absolute;
        right: -20px;
        top: calc(100% - 30px);
    }
    .vps-price-box {
        background-color: #fff;
        padding: 48px 60px 0px;
        display: flex;
        justify-content: flex-start;
    }
    .vps-price-box.dcs-price-box {
        padding-bottom: 28px;
    }
    .spc2-price-box {
        background-color: #fff;
        padding: 30px;
        display: flex;
        justify-content: flex-start;
    }
    .spc2-price-box {
        background-color: #fff;
        padding: 48px 20px 10px;
        display: flex;
        justify-content: flex-start;
    }
    .value-box .smallbox {
        min-width: 45%;
        margin: 0 8px 28px 0;
        color: #808898;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .value-box .smallbox img {
        height: 28px;
        margin-right: 16px;
    }
    .value-content {
        display: flex;
        min-width: 160px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }
    .value-content .value-text {
        font-size: 14px;
        font-family: "Muli-Bold";
        font-weight: normal;
        letter-spacing: 0.4px;
        color: #000;
    }
    .value-content .light-value-font {
        display: block;
        font-size: 13px;
        font-family: "Muli";
        font-weight: normal;
        letter-spacing: 0.4px;
        color: #333;
    }
    .value-spc2-content {
        display: flex;
        min-width: 160px;
        height: 85px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }
    .value-spc2-content .value-text {
        font-size: 14px;
        font-family: "Muli-Bold";
        font-weight: normal;
        letter-spacing: 0.4px;
        color: #000;
    }
    .value-spc2-content .light-value-font {
        display: block;
        font-size: 13px;
        font-family: "Muli";
        font-weight: normal;
        letter-spacing: 0.4px;
        color: #333;
    }
    .price-box .price-badge {
        font-size: 14px;
        line-height: 20px;
        font-family: "Muli";
        font-weight: normal;
        margin: 0;
        color: #333;
    }
    .price-box h2 {
        font-size: 45px;
        line-height: 60px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin: 5px 0 8px;
    }
    .price-box h2 sub {
        font-size: 30px;
        font-family: "Muli";
        font-weight: normal;
        color: #b5b5b5;
    }
    .price-box h3 {
        font-size: 35px;
        line-height: 34px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin: 5px 0 8px;
    }
    .price-box h3 sub {
        font-size: 17px;
        font-family: "Muli";
        font-weight: normal;
        color: #b5b5b5;
    }
    .price-box .btn {
        min-width: 205px;
        margin-bottom: 20px;
    }
    .price-box .help-text {
        font-size: 11px;
        color: #333;
        letter-spacing: 0.2px;
        font-family: 'Muli-SemiBold';
        font-weight: normal;
    }
    .vps-server-features {
        position: relative;
        background-color: #f8f8f8;
        padding-top: 48px;
    }
    .clip-path-layer {
        position: absolute;
        width: 100%;
        height: 500px;
        top: -30px;
        left: 0;
        background: #f8f8f8;
        -webkit-clip-path: ellipse(49% 7% at 51% 7%);
        clip-path: ellipse(51% 17% at 50% 5%);
    }
    .vps-server-features-outer {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        padding-bottom: 40px;
    }
    .vps-server-features .vps-server-features-card {
        padding: 24px;
        margin-bottom: 0;
        height: 100%;
        transition: all .3s ease;
    }
    .vps-server-features-card:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .vps-server-features-card h3 {
        font-size: 15px;
        line-height: 20px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin: 0 0 8px;
    }
    .vps-choose .services-card {
        padding: 32px 16px;
        box-shadow: 0 2px 14px 1px rgb(177 215 253);
        height: 100%;
    }
    .vps-choose .card-desc {
        padding: 0;
        max-width: 300px;
        margin: auto;
    }
    .feature-box-div {
        margin-bottom: 56px;
    }
    /* end here */
    /* contact page css start here */
    .contact-banner {
        padding: 158px 0 0;
        position: relative;
    }
    .contact-banner-container {
        position: relative;
        display: grid;
        height: 100%;
        min-height: 320px;
        justify-content: center;
        align-items: center;
    }
    .about-banner .contact-banner-container {
        position: absolute;
        display: grid;
        height: 100%;
        min-height: 400px;
        justify-content: center;
        align-items: center;
        top: 200px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .video_section {
        margin-bottom: 48px;
    }
    .contact-banner-text p {
        margin: 24px 0 16px;
    }
    .contact-banner-text {
        max-width: 760px;
        margin: 0 auto;
        text-align: center;
    }
    .contact-detail-card {
        padding: 16px;
        text-align: center;
        display: grid;
        height: 100%;
        justify-items: center;
        align-items: center;
        justify-content: center;
        align-content: flex-start;
        box-shadow: 0 1px 8px 1px rgb(212 224 235);
        transition: all ease-in-out 0.5s;
        transform: translateY(0px);
    }
    .contact-detail-card span img {
        height: 52px;
        margin-bottom: 32px;
        transition: all .3s ease;
    }
    .contact-detail-card:hover img {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .contact-detail-card h3 {
        font-size: 16px;
        font-family: "Muli-ExtraBold";
        color: #000;
        margin-bottom: 16px;
    }
    .contact-detail-card a {
        font-size: 11px;
        line-height: 20px;
        font-family: "Muli";
        color: #333;
        letter-spacing: 0.4px;
        margin-bottom: 0;
        display: block;
    }
    .contact-detail-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 14px 26px 6px rgb(0 0 0 / 10%);
    }
    .contact-banner-form {
        position: relative;
        background-color: #fff;
        border: 2px solid #118fc5;
        padding: 32px;
        max-width: 80%;
        margin: 0 auto 24px;
    }
    .contact-form-section .section-heading-box {
        margin-bottom: 32px;
    }
    .contact-banner-form .form-outer {
        max-width: 100%;
        margin-left: auto;
    }
    .contact-banner-form .form-group {
        margin-bottom: 20px;
    }
    .contact-banner-form label {
        display: block;
        font-size: 11px;
        font-family: "Muli-Bold";
        font-weight: normal;
        color: #000;
        margin-bottom: 8px;
        letter-spacing: 0.4px;
    }
    .form-control,
    .contact-banner-form select {
        height: 37px;
        padding: 8px 10px;
        font-size: 10px;
        font-family: "Muli";
        font-weight: normal;
        letter-spacing: 0.4px;
        line-height: 1.3333333;
        border-radius: 3px;
        border-color: #d3d3d3;
    }
    .contact-banner-form .btn {
        min-width: 160px;
        font-size: 13px;
        min-height: 26px;
        line-height: 26px;
    }
    /* contact page css end here */
    /* About page css start here */
    .contact-banner-text h1 {
        font-size: 48px;
        line-height: 60px;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
        letter-spacing: 1px;
    }

    .about-company-outer {
        display: flex;
        justify-content: center;
        margin-top: -60px;
        position: relative;
    }
    .about-company-outer .about-company-box {
        padding: 20px 32px;
        margin: 0 12px 16px;
        min-width: 170px;
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }
    .about-company-box img {
        height: 32px;
    }
    .about-company-box p {
        font-size: 11px;
        line-height: 15px;
        font-family: "Muli";
        font-weight: normal;
        color: #605f5f;
        letter-spacing: 0.2px;
        margin-bottom: 8px;
    }
    .about-company-box h3 {
        font-size: 18px;
        line-height: 15px;
        font-family: "Muli-Bold";
        font-weight: normal;
        color: #009cff;
        letter-spacing: 0.2px;
        margin-bottom: 0;
    }
    .about-content-box {
        max-width: 880px;
        margin: 0 auto;
    }
    .about-content-box h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 34px;
        color: #000;
        font-family: "Muli-Black";
        font-weight: normal;
        margin-bottom: 16px;
        line-height: 38px;
        letter-spacing: -0.5px;
    }
    .about-content-box p {
        font-size: 22px;
        color: #333;
        line-height: 36px;
        font-family: "Muli";
        font-weight: normal;
    }
    .story-content-box {
        margin-top: 24px;
    }
    .privacy-policy-item p.imp {
        margin-top: 16px;
    }
    section.privacy-ploicy-section.section-space {
        padding: 48px 0 24px;
    }
    .title-badge {
        display: inline-block;
        background-color: #e5f2fb;
        padding: 7px 28px;
        border-radius: 40px;
        color: #009cff;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 18px;
        letter-spacing: 0.1px;
        font-family: "Muli-Bold";
        font-weight: normal;
    }
    .story-content-box p,
    .pub-info-content p,
    .pri-info-head p,
    .pri-info-content p,
    .pri-started-banner .pub-benf-text p,
    .ip-why-desc {
        text-align: center;
        color: #333;
        font-size: 14px;
        line-height: 22px;
        font-family: "Muli";
        font-weight: normal;
        letter-spacing: 0.3px;
        margin: 20px 0 24px;
    }
    /* TEAM SECTION */
    .our-team-section {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        padding: 56px 0 0;
    }
    .our-team-section::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 350px;
        top: 0px;
        left: 0;
        background: #fff;
        -webkit-clip-path: ellipse(49% 7% at 51% 7%);
        clip-path: ellipse(51% 25% at 50% 5%);
        z-index: 1;
    }
    .our-team-content {
        position: relative;
        z-index: 2;
        display: grid;
        height: 100%;
        min-height: 550px;
        align-items: center;
        justify-items: center;
        justify-content: center;
        align-content: center;
        text-align: center;
        color: #fff;
    }
    .our-team-content h2 {
        font-size: 34px;
        line-height: 38px;
        font-family: "Muli-Black";
        font-weight: normal;
        letter-spacing: -0.2px;
        margin-bottom: 20px;
    }
    .our-team-content p {
        font-size: 22px;
        line-height: 34px;
        font-family: "Muli";
        font-weight: normal;
        margin-bottom: 0;
    }
    /* future section */
    .about-future-section {
        padding: 56px 0 72px;
    }
    .about-future-content {
        display: grid;
        height: 100%;
        align-items: center;
        align-content: center;
        padding-right: 24px;
    }
    .about-future-content h2 {
        font-size: 34px;
        line-height: 38px;
        font-family: "Muli-Black";
        font-weight: normal;
        letter-spacing: -0.3px;
        margin-bottom: 20px;
        color: #000;
    }
    .about-future-content p {
        font-size: 18px;
        line-height: 29px;
        font-family: "Muli";
        font-weight: normal;
        margin-bottom: 0;
        color: #424242;
    }
    .affiliate-program-section.section-space {
        padding-bottom: 32px;
    }
    .affiliate-program-box {
        max-width: 1050px;
        margin: 0 auto;
        text-align: center;
    }
    .affiliate-program-box h2,
    .affiliate-info-content h2 {
        font-size: 34px;
        line-height: 38px;
        font-family: "Muli-Black";
        font-weight: normal;
        letter-spacing: -0.3px;
        margin-bottom: 20px;
        color: #000;
    }
    .affiliate-program-box p,
    .how-it-work-content p,
    .affiliate-info-content p {
        color: #333;
        font-size: 14px;
        line-height: 22px;
        font-family: "Muli";
        font-weight: normal;
        letter-spacing: 0.3px;
        margin: 20px 0 24px;
    }
    /* how it work */
    .how-it-work-section {
        padding: 48px 0;
        background-color: #e5f5ff;
    }
    .how-it-work-content {
        padding-right: 40px;
    }
    .how-it-work-content .title-badge {
        background-color: #cee9fb;
        padding: 7px 24px;
        margin-bottom: 5px;
        letter-spacing: 0.2px;
    }
    .privacy-ploicy-section .about-content-box {
        margin-bottom: 24px;
    }
    .how-it-work-content h2 {
        font-size: 34px;
        line-height: 38px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        letter-spacing: -0.3px;
        margin-bottom: 20px;
        color: #000;
    }
    .how-it-work-step .step-content span {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 46px;
        line-height: 44px;
        background-color: #009cff;
        text-align: center;
        color: #fff;
        border-radius: 100%;
        margin-right: 20px;
        font-size: 14px;
    }
    .how-it-work-step .step-content>div {
        margin-bottom: 48px;
    }
    .how-it-work-step .step-content span::after {
        position: absolute;
        content: "";
        top: 100%;
        left: calc(50% - 2px);
        width: 2px;
        height: 56px;
        border: 1px dashed #cad8e1;
    }
    .how-it-work-step .step-content h3 {
        font-size: 16px;
        line-height: 19px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        color: #000;
        letter-spacing: 0.2px;
        margin-bottom: 5px;
    }
    .how-it-work-step .step-content p {
        font-size: 14px;
        line-height: 22px;
        font-family: "Muli";
        font-weight: normal;
        color: #333;
        letter-spacing: -0.2px;
        margin-bottom: 0;
    }
    /* feature section */
    .affiliate-feature-section {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        padding: 40px 0 8px;
    }
    .affiliate-feature-content {
        padding-top: 32px;
    }
    .affiliate-feature-content h2 {
        font-size: 34px;
        line-height: 38px;
        font-family: "Muli-Black";
        font-weight: normal;
        letter-spacing: -0.3px;
        margin-bottom: 24px;
        color: #fff;
    }
    .affiliate-feature-content ul li {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 15px;
        font-family: "Muli";
        font-weight: normal;
        margin-bottom: 8px;
        letter-spacing: 0.3px;
    }
    .affiliate-feature-content ul li i {
        font-size: 12px;
        margin-right: 5px;
    }
    .affiliate-info-content {
        padding-right: 40px;
    }
    .affiliate-info-content.content-right {
        padding-left: 40px;
        padding-right: 0;
        margin-bottom: 48px;
    }
    .affiliate-info-content p {
        margin: 16px 0;
    }
    .affiliate-info-content h3 {
        font-size: 20px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        line-height: 24px;
        margin-bottom: 0;
        letter-spacing: -0.3px;
        color: #000;
    }
    /* Affiliate page css end */
    /* pagenot found css */
    .not-found-banner-container {
        min-height: 280px;
    }
    .page-not-found {
        padding: 8px 0 64px;
        text-align: center;
        display: grid;
        justify-content: center;
        align-content: center;
    }
    .page-not-found img {
        width: 450px;
    }
    /* Footer css */
    .footer {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        background-size: auto;
        padding-top: 80px;
    }
    .footer::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 68px;
        top: -67px;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }
    .footer-navigation-menus {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-navigation-list {
        min-width: 200px;
        max-width: 200px;
    }
    .footer-navigation-list ul li a {
        position: relative;
        display: inline-block;
        font-size: 11px;
        line-height: 0px;
        color: #fff;
        font-family: "Muli-SemiBold";
        margin-bottom: 7px;
        border-bottom: 1px solid transparent;
        letter-spacing: 0.48px;
    }
    section#join-sharktech {
        padding: 48px 0 32px;
    }
    .footer-navigation-list ul li a::after {
        position: absolute;
        content: "";
        bottom: -5px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.66);
        -webkit-transition: .4s ease all;
        -o-transition: .4s ease all;
        transition: .4s ease all;
    }
    .footer-navigation-list ul li .footer-navigation-title,
    .footer-navigation-list ul li .footer-navigation-title:hover {
        font-size: 14px;
        line-height: 19px;
        font-family: "Muli-ExtraBold";
        color: #fff;
        border: 0;
        letter-spacing: 0.32px;
        text-transform: uppercase;
    }
    .footer-copyright p {
        margin: 0;
        padding: 16px;
        line-height: 24px;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.09);
        font-size: 10px;
        color: #fff;
        font-family: "Muli-SemiBold";
        letter-spacing: 0.64px;
    }
    .footer-mobile-section {
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        position: relative;
        padding: 24px 0 16px;
    }
    .footer-after-effect {
        width: 100%;
        height: 40px;
        -webkit-clip-path: polygon(145% 0, 0 100%, 100% 100%);
        clip-path: polygon(145% 0, 0 100%, 100% 100%);
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
        margin-top: -60px;
    }
    .footer-logo {
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
        padding-bottom: 20px;
        margin: 0;
    }
    .footer-logo img {
        width: 160px;
    }
    .accordion.footer-accordion {
        width: 100%;
        border-radius: 0px;
        margin-bottom: 0;
    }
    .accordion.footer-accordion li {
        display: block;
        width: 100%;
        padding: 16px 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    }
    .accordion.footer-accordion .link {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        text-decoration: none;
        padding: 0;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.2px;
        color: rgb(255, 255, 255);
        font-family: "poppinsmedium";
        font-weight: normal;
    }
    .accordion.footer-accordion li:last-child .link {
        border-bottom: 0;
    }
    .accordion.footer-accordion li i {
        font-size: 14px;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .accordion.footer-accordion li i.fa-chevron-down {
        font-size: 13px;
    }
    .accordion.footer-accordion .submenu {
        display: none;
        margin-top: 8px;
    }
    .accordion.footer-accordion .submenu a {
        display: block;
        text-decoration: none;
        font-size: 10px;
        line-height: 20px;
        font-family: "Muli";
        letter-spacing: 0.1px;
        color: #fff;
        margin: 0;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    .accordion.footer-accordion .accordion-arrow {
        position: relative;
        width: 16px;
        height: 16px;
        color: #fff;
        background: transparent;
        border-radius: 100%;
        text-align: center;
    }
    .accordion.footer-accordion .accordion-arrow::after {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        background: transparent;
        content: "+";
        width: auto;
        height: auto;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
    }
    .accordion.footer-accordion li.open .accordion-arrow::after {
        content: "_";
        line-height: 2px;
        color: #fff;
    }
    .footer-copyright-mobile p {
        margin: 0;
        padding: 8px 0;
        line-height: 18px;
        text-align: left;
        font-size: 10px;
        color: #fff;
        font-family: "Muli";
        letter-spacing: 0.2px;
    }
    .footer-below-content {
        padding: 20px 0 5px;
    }
    .footer-social-menu ul.social-icn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 8px;
    }
    .footer-social-menu .social-icn a {
        display: inline-block;
        margin-right: 13px;
        font-size: 10px;
        color: #fff;
        border-radius: 50%;
        outline: none;
        max-width: 100%;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .data-center-banner .banner-content-outer {
        padding: 100px 0 44px;
    }
    .inner-banner-container .data-center-box {
        max-width: 585px;
        padding-top: 24px;
    }
    .dc-info-section {
        position: relative;
        padding: 64px 0;
    }
    .dc-info-section::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 296px;
        background-image: url("../img/facility-bg.svg");
        background-repeat: no-repeat;
        background-position: right;
        bottom: -101px;
        z-index: 0;
    }
    .dc-info-outer {
        position: relative;
        z-index: 1;
        margin-bottom: 48px;
    }
    .dc-info-content {
        display: grid;
        height: 100%;
        align-content: center;
        padding-right: 100px;
    }
    .dc-info-outer:last-child .dc-info-content {
        padding-right: 0;
        padding-left: 100px;
    }
    .dc-info-content h3 {
        font-size: 22px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        line-height: 29px;
        letter-spacing: -0.3px;
        color: #000;
        margin-bottom: 20px;
    }
    .dc-info-content p {
        font-size: 14px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #333;
        margin: 0;
    }
    .dc-info-img {
        display: grid;
        height: 416px;
        align-content: center;
    }
    .dc-info-img img {
        width: 536px;
    }
    .dc-services-section::after {
        position: absolute;
        content: "";
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-height: 384px;
        background-image: url("../img/facility-background-image.png");
        background-repeat: no-repeat;
        z-index: 0;
        background-size: cover;
        background-position: top;
    }
    .dc-services-content {
        position: relative;
        z-index: 1;
        padding: 56px 0 0;
    }
    .dc-services-head {
        margin-bottom: 40px;
    }
    .dc-services-head h2 {
        font-size: 34px;
        font-family: "Muli-Black";
        font-weight: normal;
        line-height: 38px;
        letter-spacing: -0.3px;
        color: #fff;
        margin-bottom: 10px;
    }
    .dc-services-head p {
        font-size: 18px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #fff;
        margin-bottom: 0;
    }
    .dc-services-box {
        background-color: #fff;
        box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.1);
        padding: 36px 28px;
        margin-bottom: 12px;
    }
    .services-content-item img {
        height: 40px;
        margin-right: 20px;
    }
    .services-content-item h3 {
        font-size: 15px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        text-transform: uppercase;
        line-height: 24px;
        color: #000;
        margin-bottom: 16px;
    }
    .services-content-item ul li {
        font-size: 11px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 14px;
        color: #333;
        margin-bottom: 16px;
        letter-spacing: 0.3px;
        display: flex;
    }
    .services-content-item ul li span {
        color: #009cff;
        font-size: 10px;
        margin-right: 7px;
    }
    .gallery-box div {
        padding: 16px 16px 0 0;
    }
    .gallery-box img {
        width: 100%;
        box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.07);
    }
    /* The Modal (background) */
    .gallery-modal {
        display: none;
        position: fixed;
        z-index: 110;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.9);
    }
    .gallery-modal .modal-content {
        position: relative;
        background-color: #fff;
        margin: 0 auto;
        text-align: center;
        padding: 16px;
        width: 100%;
        max-width: 1200px;
    }
    .gallery-modal .close {
        color: #fff;
        position: absolute;
        top: 8px;
        right: 20px;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
        z-index: 99;
    }
    .gallery-modal .prev,
    .gallery-modal .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 13px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 16px;
        transition: 0.6s ease;
        border-radius: 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .privacy-ploicy-section .about-content-box p {
        font-size: 16px;
        line-height: 27px;
        color: #424242;
    }
    .privacy-policy-item {
        margin-bottom: 32px;
    }
    .privacy-policy-item h3 {
        font-size: 15px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        line-height: 20px;
        color: #000;
        letter-spacing: -0.3px;
        margin-bottom: 10px;
    }
    .privacy-policy-item p,
    .privacy-policy-item a {
        font-size: 14px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #424242;
    }
    .privacy-policy-item ul li {
        font-size: 14px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #424242;
        width: 100%;
        padding-left: 16px;
        margin-bottom: 8px;
        position: relative;
    }
    .privacy-policy-item ul {
        padding-left: 16px;
    }
    .privacy-policy-item ul li::after {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        background-color: #000;
        left: 0;
        top: 8px;
    }
    .privacy-policy-item .contact-address {
        color: #009cff;
        font-family: "Muli-bold";
        line-height: 26px;
    }
    /* privacy policy pages end */
    /* ddos protection page css start here */
    .inner-banner-text-box.ddos-protection-box .btn.btn-banner {
        margin-top: 16px;
    }
    .ddos-info-section {
        position: relative;
        padding: 56px 0;
    }
    .ddos-info-content {
        display: grid;
        height: 100%;
        align-content: center;
        padding-right: 100px;
    }
    .ddos-info-content.right-content {
        padding-right: 0;
        padding-left: 100px;
    }
    .ddos-info-content h3 {
        font-size: 22px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        line-height: 29px;
        letter-spacing: -0.3px;
        color: #000;
        margin-bottom: 20px;
    }
    .ddos-info-content p {
        font-size: 14px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #333;
        margin: 0 0 32px;
    }
    .ddos-info-img img {
        width: 462px;
    }
    /* services page */
    .ddos-services-section {
        position: relative;
        padding: 56px 0 0;
        background-color: #009cff;
        height: 368px;
        margin-bottom: 72px;
    }
    .ddos-services-head h2 {
        font-size: 34px;
        font-family: "Muli-Black";
        font-weight: normal;
        line-height: 38px;
        letter-spacing: -0.3px;
        color: #fff;
        margin-bottom: 10px;
    }
    .ddos-services-head p {
        font-size: 18px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #fff;
        margin-bottom: 0;
    }
    .ddos-services-head {
        margin-bottom: 40px;
    }
    .ddos-services-box {
        background-color: #fff;
        box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.1);
        padding: 36px 28px;
        margin-bottom: 12px;
    }
    .left-corner-div,
    .right-corner-div {
        width: 50%;
        padding: 32px 24px 115px;
    }
    .or-div {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        background-color: #80ceff;
        font-size: 13px;
        font-family: "Muli-Bold";
        font-weight: normal;
        letter-spacing: 0.3px;
        color: #fff;
        border-radius: 100%;
        position: absolute;
        top: calc(35% - 20px);
        right: -25px;
        line-height: 38px;
    }
    .corner-content {
        display: flex;
        justify-content: flex-start;
        max-width: 440px;
        padding: 16px 8px;
    }
    .corner-content img {
        height: 48px;
        margin-right: 20px;
    }
    .corner-content h3 {
        font-size: 22px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        line-height: 14px;
        letter-spacing: -0.3px;
        color: #fff;
        margin-bottom: 16px;
    }
    .corner-content p {
        font-size: 14px;
        font-family: "Muli";
        font-weight: normal;
        line-height: 21px;
        letter-spacing: 0.3px;
        color: #fff;
        margin-bottom: 0;
    }
    .right-corner {
        padding-left: 24px;
    }
    /* table */
    .ddos-impact-contant {
        max-width: 880px;
        margin: -78px auto 0;
        position: relative;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.07);
        background-color: #fff;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
    }
    .ddos-impact-contant th {
        color: #009cff;
        font-family: "Muli-ExtraBold";
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
        padding: 20px 28px;
    }
    .ddos-impact-contant tr {
        border-bottom: 1px dashed #ddd;
    }
    .ddos-impact-contant td {
        padding: 20px 28px;
        text-align: left;
        width: 3%;
        vertical-align: top;
    }
    .ddos-impact-contant tr:last-child {
        border: 0;
    }
    .ddos-impact-contant td ul li {
        color: #333;
        font-family: "Muli";
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.2px;
        line-height: 16px;
        margin-bottom: 8px;
        position: relative;
        width: 100%;
        display: flex;
    }
    .ddos-impact-contant td ul li span i {
        font-size: 11px;
        color: #f44045;
        margin: 0 8px 0 0;
    }
    .options span {
        display: inline-block;
        padding: 8px 24px;
        background: #ebf7ff;
        border-radius: 0 100px 100px 0;
        font-size: 14px;
        font-family: "Muli-ExtraBold";
        color: #000;
        line-height: 18px;
        margin-left: -35px;
    }
    .ready-to-order {
        background-color: #f8f8f8;
        padding: 56px 0 40px;
    }
    .ready-to-order .section-heading-box {
        margin-bottom: 28px;
    }
    .order-card {
        display: -ms-grid;
        display: grid;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 14px 1px rgb(177 215 253);
        box-shadow: 0 2px 14px 1px rgb(177 215 253);
        padding: 28px 16px;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .5s ease all;
    }
    .order-card img {
        height: 44px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .order-card h3 {
        font-size: 15px;
        line-height: 24px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        color: #000;
        margin: 0;
    }
    /* FAQ section */
    .faq-outer {
        max-width: 880px;
        margin: 0 auto;
    }
    .accordion.faq-accordion {
        width: 100%;
        border-radius: 0px;
        margin-bottom: 0;
    }
    .accordion.faq-accordion li {
        display: block;
        width: 100%;
        padding: 0 28px 24px;
        border: 1px solid #dadce0;
        border-radius: 5px;
        margin-bottom: 16px;
    }
    .accordion.faq-accordion .link {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        text-decoration: none;
        padding: 20px;
        font-size: 14px;
        line-height: 27px;
        letter-spacing: 0.2px;
        color: #000;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
    }
    .accordion.faq-accordion .link .fa-exclamation-circle {
        color: #0097f9;
        font-size: 16px;
        margin-right: 5px;
        vertical-align: middle;
        margin-top: -2px;
    }
    .accordion.faq-accordion li i {
        font-size: 14px;
        color: #000;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .accordion.faq-accordion li i.fa-chevron-down {
        font-size: 13px;
    }
    .accordion.faq-accordion .submenu {
        display: none;
        margin-top: 12px;
    }
    .accordion.faq-accordion .submenu p,
    .accordion.faq-accordion .submenu ol li {
        font-size: 12px;
        line-height: 21px;
        font-family: "Muli";
        font-weight: normal;
        letter-spacing: 0.3px;
        color: #333;
        margin: 0 0 8px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    .accordion.faq-accordion .accordion-arrow {
        position: relative;
        width: 16px;
        height: 16px;
        color: #000;
        background: transparent;
        border-radius: 100%;
        text-align: center;
    }
    .accordion.faq-accordion .accordion-arrow::after {
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        background: transparent;
        content: "\f107";
        font-family: "FontAwesome";
        width: auto;
        height: auto;
        font-size: 18px;
        text-align: center;
        -webkit-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }
    .accordion.faq-accordion li.open .accordion-arrow::after {
        content: "\f107";
        color: #009cff;
        line-height: 16px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .why-use-sharktech-outer .col-6 {
        margin-bottom: 24px;
    }
    .game-server-img {
        top: 32px;
    }
    /* game server page css  end here */
    /* 12 feb start */
    .discover-server~.top-reasons {
        padding-top: 336px;
    }
    .discover-server {
        background-color: #f8f8f8;
        padding-bottom: 44px;
        background: linear-gradient(to right, #006abc, #009cff);
        position: relative;
        height: 360px;
    }
    .zigzaglayer {
        position: absolute;
        height: 32px;
        width: 100%;
        -webkit-transform: skewY(-6deg) translateY(0);
        transform: skewY(-3deg) translateY(0);
        bottom: 38px;
    }
    .zigzaglayer.zigzaglayer-right .zigzaglayer-big {
        background-color: #3382c5;
        width: 100%;
        height: 32px;
        position: absolute;
        right: 0;
        left: unset;
    }
    .zigzaglayer.zigzaglayer-right .zigzaglayer-small {
        background-color: #e2e9f0;
        width: 160px;
        height: 32px;
        position: absolute;
        right: 0;
        top: -20px;
    }
    .zigzaglayer.zigzaglayer-left .zigzaglayer-small {
        background-color: #e2e9f0;
        width: 350px;
        height: 32px;
        position: absolute;
        right: var(--stripeStart);
        top: 16px;
    }
    .server-listing-tab::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        bottom: 38px;
        left: 0;
        background: linear-gradient(to right, #006abc, #009cff);
        clip-path: none;
        z-index: -1;
        transform: skewY(-3deg) translateY(0);
    }
    .contact-banner .banner-left-layer {
        bottom: 72px;
    }
    .contact-banner .banner-right-layer {
        bottom: 40px;
    }
    .banner-image-box img {
        max-width: 360px;
    }
    .cloudhost-banner-6 .banner-image-box img {
        max-width: 480px !important;
    }
    .innerpage-banner.data-center-banner .banner-image-box img {
        position: relative;
        top: -37px;
    }
    .game-server-box h1 {
        margin-top: 8px;
    }
    /* 12 feb end */
    .header-dd-zone a.header-dd-zone--link {
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
        /* min-height: 215px; */
        min-height: 190px;
        /* min-height:160px; */
        min-height: 130px;
        width: 100%;
    }
    /*---------2-4-2021 css start here----------*/
    .compny-drp a.header-dd-zone--link {
        /* min-height: 140px !important; */
        min-height: 110px !important;
        box-shadow: 0 1px 8px 1px rgb(212 224 235);
        position: relative;
        overflow: hidden;
        z-index: 0;
        background-color: transparent;
    }
    /* .data_center a.header-dd-zone--link {

} */
    .compny-drp .solutions .header-dd-zone--link a {
        height: 100%;
        /* box-shadow: 0 1px 8px 1px rgb(212 224 235); */
        box-shadow: 0 2px 14px 1px rgb(177 215 253);
        position: relative;
        overflow: hidden;
        z-index: 0;
        background-color: transparent;
        display: inline-block;
        width: 100%;
        padding: 8px 15px;
    }
    .flex-item.solutions li.header-dd-zone--link a:hover,
    .header-dd-zone .flex-item a:hover {
        transform: scale(1.06);
    }

    .header-dd-zone .flex-item a {
        transition: all 0.5s ease-in-out;
        box-shadow: 0 2px 14px 1px rgb(177 215 253);
    }
    .comming-soon {
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
    }
    .comming-soon-section {
        padding: 220px 0 16px;
        text-align: center;
    }
    .comming-section-heading {
        font-size: 28px;
        font-weight: 800;
        font-family: "Muli-ExtraBold";
    }
    .comming-section-desc {
        font-size: 14px;
        font-family: "Muli-ExtraBold";
    }
    .pub-started-banner {
        background-color: #fff;
        padding-bottom: 40px;
        background-image: url(../img/public_bg.png);
        background-size: cover;
        background-position: center;
    }
    .pub-info-content p,
    .pri-info-head p,
    .pri-info-content p,
    .ip-why-desc {
        text-align: left;
        font-size: 14px;
        line-height: 24px;
    }
    .pub-benf-content h3 {
        margin-bottom: 28px;
    }
    .listing-points li,
    .boxed-listing-points li {
        width: 49%;
        font-size: 13px;
        font-family: 'Muli';
        color: #333;
        margin-bottom: 14px;
    }
    .listing-points li span {
        color: #399afc;
        font-size: 10px;
        margin-right: 7px;
    }
    .listing-points li p,
    .boxed-listing-points li p {
        margin: 0 0 0px;
    }
    .boxed-listing-points li .pub-benf-text h4 {
        font-size: 14px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin-bottom: 7px;
        color: #000;
    }
    .round-check {
        display: inline-block;
        min-width: 18px;
        max-width: 18px;
        height: 18px;
        border: 2px solid #007ac7;
        border-radius: 100%;
        text-align: center;
        line-height: 12px;
        margin-right: 10px;
    }
    .round-check i {
        color: #007ac7;
        font-size: 10px;
        vertical-align: middle;
    }
    .pri-info-content {
        padding-right: 16px;
    }
    /* end pub css */
    /* pri cloud css */
    .pri-started-banner {
        padding-bottom: 40px;
        background-image: url(../img/cloud_bg.png);
        background-size: cover;
        background-position: center;
    }
    .pri-diff-sec {
        padding: 16px 24px;
        cursor: pointer;
        /* margin-bottom: 16px; */
        background-color: #fff;
        transition: .3s all linear;
        height: 100%;
        box-shadow: 0 0 0 rgb(225, 225, 225);
    }
    .pub-info-img .col-12 {
        margin-bottom: 16px;
    }
    .pri-diff-sec:hover {
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    }
    .pri-started-banner .pub-benf-text p {
        text-align: left;
        margin: 0 0 24px;
        color: rgba(255, 255, 255, .8);
    }
    .ip-started-banner {
        padding-bottom: 40px;
        background-image: url(../img/global_bg.png);
        background-size: cover;
        background-position: center;
    }
    .ip-info-outer {
        max-width: 1000px;
        margin: 0 auto;
    }
    .map-location-point {
        width: 18px;
        height: 18px;
        background-color: rgba(255, 255, 255, .2);
        border-radius: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
    }
    .map-location-point-inner {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: rgba(255, 255, 255, .8);
        border-radius: 100%;
    }
    .location-card {
        box-shadow: 0 2px 5px 0px #dedede;
        margin-bottom: 32px;
    }
    .location-pin-name {
        padding: 8px 16px;
        display: flex;
    }
    .location-pin-name li {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        font-family: 'Muli-SemiBold';
        color: #000;
        margin-bottom: 0px;
        cursor: pointer;
        padding: 10px 8px;
    }
    .location-pin-name li:last-child {
        margin-bottom: 5px;
    }
    .location-pin-name li span {
        padding-bottom: 2px;
        border-bottom: 1px solid transparent;
    }
    .location-pin-name li i {
        color: #333;
        margin-right: 8px;
        font-size: 13px;
    }
    .ip-benefits-box {
        padding: 32px;
        background-color: #fff;
        max-width: 93%;
    }
    .ip-benefits-sec {
        font-size: 13px;
        font-family: 'Muli-SemiBold';
        margin-bottom: 14px;
        line-height: 21px;
        display: flex;
    }
    .ip-benefits-head-one {
        color: #006abc;
        font-family: 'Muli-ExtraBold';
        font-size: 21px;
        margin-bottom: 20px;
    }
    .ip-why-desc_sec figure {
        margin: 0 16px 0 0;
    }
    .ip-why-desc_sec figure img {
        width: 32px;
    }
    .ip-why-desc_sec .card-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .ip-why-points {
        display: flex;
        margin-bottom: 24px;
    }
    .banner-image-box img.ip-arrow-img {
        position: absolute;
        bottom: 48px;
        left: 19%;
        max-width: 640px;
        z-index: -1;
    }
    .services-sec h2 {
        font-size: 34px;
        color: #000;
        font-family: "Muli-Black";
        font-weight: normal;
        margin-bottom: 16px;
        line-height: 38px;
        letter-spacing: -0.5px;
    }
    .services-sec .inner-box h4 {
        font-size: 19px;
    }
    .services-sec .inner-box p {
        font-size: 13px;
    }
    .services-sec .inner-box h6 {
        font-size: 16px;
    }
    .services-sec .inner-box ul li {
        font-size: 13px;
        font-family: 'Muli';
        margin-bottom: 13px;
        line-height: 21px;
        display: flex;
        color: #333;
    }
    .ip-services-content {
        background-color: #e5f5ff;
        padding: 24px 28px;
        min-height: 235px;
    }

    .ip-services-benefits {
        padding: 28px;
    }
    .services-sec .inner-box {
        position: relative;
        background-color: #fff;
        box-shadow: 0 1px 2px 2px rgb(0 0 0 / 4%);
        height: 100%;
        border-radius: 8px;
        transition: all .3s ease;
    }
    .pub-host-sec .pri-info-outer:last-child {
        margin-top: 32px;
    }
    .pub-benf-section .boxed-listing-points li .inner-box {
        background-color: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.10);
        padding: 20px;
        position: relative;
        display: flex;
        padding: 20px;
        width: 100%;
    }
    .pub-benf-section .boxed-listing-points li .inner-box img {
        width: 38px;
        margin-right: 14px;
    }
    .pub-benf-section .boxed-listing-points li .inner-box span.round-check {
        position: absolute;
        top: 14px;
        left: 12px;
    }
    .pvt-cld .listing-points li {
        position: relative;
        padding: 0 0 0 24px;
    }
    .pvt-cld .listing-points li span {
        position: absolute;
        top: 0;
        left: 0;
        border: 1.5px solid;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pvt-cld .listing-points li h4 {
        font-weight: 600;
        font-size: 14px;
        color: #333;
    }
    .prt-chs-sec .pri-info-head p {
        display: flex;
        align-items: flex-start;
        margin: 0 0 8px;
    }
    .prt-chs-sec .pri-info-head p:last-child {
        margin-bottom: 0;
    }
    .prt-chs-sec .pri-info-head p span {
        margin-right: 8px;
        font-size: 14px;
    }
    .accordion.faq-accordion .submenu ol li::before {
        content: "\f00c";
        font: normal normal normal 14px/1 FontAwesome;
        color: #007ac7;
        font-size: 10px;
        display: inline-block;
        min-width: 18px;
        height: 18px;
        border: 2px solid #007ac7;
        background: transparent;
        border-radius: 50%;
        text-align: center;
        padding: 3px;
        position: absolute;
        left: 0;
        top: 2px;
    }
    .accordion.faq-accordion .submenu ol li {
        position: relative;
        padding-left: 24px;
    }
    .accordion.faq-accordion .submenu ol {
        padding-left: 0px;
    }
    .accordion.faq-accordion li.open .link {
        padding-bottom: 12px;
    }
    .accordion.faq-accordion li .submenu {
        padding: 0px 24px 16px;
        margin: 0;
    }
    .pvt-cld::before {
        content: "";
        position: absolute;
        background-image: url("../img/banner-left-bg.png");
        background-position: 0 72px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        right: 8px;
        bottom: 0;
        z-index: -1;
    }
    .pvt-cld::after {
        content: "";
        position: absolute;
        background-image: url("../img/banner-right-bg.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        right: 8px;
        bottom: 16px;
        z-index: -1;
    }
    .pvt-cld h3 {
        color: #fff;
        font-size: 26px;
        margin: 0 0 8px;
    }
    .pvt-cld h3.sub-head {
        font-size: 21px;
    }
    .prt-chs-sec-inner {
        margin: 0 -10px;
    }
    .prt-chs-sec-inner .box {
        width: 50%;
        float: left;
        padding: 0 8px;
        height: 125px;
        margin-bottom: 20px;
    }
    .prt-chs-sec-inner .box .txt {
        color: #333;
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.07);
        background-color: #fff;
        line-height: 1.6;
        font-size: 12px;
        position: relative;
        transform: skew(10deg);
        min-height: 125px;
        transition: .3s all linear;
    }
    .prt-chs-sec-inner .box .txt::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        transition: all .7s ease 0s;
        border-radius: 0;
        border-left: 2px solid #009cff;
        border-right: 2px solid #009cff;
        transform: scale(1, 0);
        transform-origin: 100% 0 0;
    }
    .prt-chs-sec-inner .box .txt::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        transition: all .7s ease 0s;
        border-radius: 0;
        border-left: 2px solid #009cff;
        border-right: 2px solid #009cff;
        transform: scale(1, 0);
        transform-origin: 100% 0 0;
    }
    .prt-chs-sec-inner .box .txt:hover {
        margin-top: -5px;
    }
    .prt-chs-sec-inner .box .txt p {
        position: relative;
        transform: skew(-10deg);
        padding: 16px 16px 16px 40px;
    }
    .prt-chs-sec-inner .box .txt p::before {
        counter-increment: section;
        content: "" counter(section) "";
        font-size: 24px;
        font-weight: 700;
        position: absolute;
        top: 16px;
        left: 12px;
        line-height: 1;
        color: #009cff;
        transform: skew(-10deg);
    }
    .prt-chs-sec h2 {
        margin: 0 0 24px;
        font-size: 30px;
        text-align: center;
    }
    .sub-head {
        font-weight: 600;
        font-size: 23px;
    }
    .why-use-sharktech-outer.vps-server-features-outer {
        margin-bottom: 32px;
    }
    .bold-text-p {
        color: #000;
        font-size: 11px;
        margin-right: 5px;
    }
    .bold-head {
        font-weight: bold;
        font-size: 14px;
        margin: 8px 0;
        color: #000;
    }
    .vps-video-img img {
        max-width: 300px;
    }
    .pub-img-content img,
    .pub-video-content img {
        max-width: 500px;
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .pub-video-content {
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 0px;
    }
    .contact-sale-section .contact-banner-form .form-outer {
        padding: 32px 28px;
        border-radius: 4px;
    }
    .sales-content-inner {
        padding: 32px;
        height: 100%;
        border-right: 1px solid #dedcdc;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sales-content {
        margin: 18px auto 0;
        text-align: center;
    }
    .sales-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .sales-content h3 {
        font-size: 27px;
        line-height: 30px;
        margin: 0 0 9px;
    }
    .sales-content-icon img {
        width: 160px;
    }
    .sales-content-icon {
        text-align: center;
        background-color: #eee;
        width: 300px;
        height: 300px;
        padding: 32px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        border: 1px solid #65b1fc;
    }
    .server-listing-tab .nav-tabs .nav-link .server-icons svg {
        width: 13px;
    }
    .banner-img-width .banner-image-box img {
        max-width: 520px;
        margin-right: -85px;
    }
    .remote-ddos-banner-img .banner-image-box img {
        max-width: 270px;
    }
    .ip-transit-banner-img .banner-image-box img {
        max-width: 300px;
    }
    .ddos-impact-contant .options span {
        background: transparent;
    }
    .ip-transit-banner {
        padding: 74px 0px;
    }
    .service-benifits-list ul.boxed-listing-points li {
        width: 100%;
    }
    .ip-service-section .row:not(:last-child) {
        margin-bottom: 36px;
    }
    .servcie-benifit-content-block img {
        margin-bottom: 16px;
        min-height: 48px;
    }
    .service-benifits-content-block h3 {
        font-size: 28px;
        line-height: 32px;
    }
    .srv-benf-pd-left {
        padding-top: 24px;
    }

    .service-benifits-img {
        margin-top: 36px;
        position: relative;
    }
    .public-cloud-popup .modal-dialog {
        max-width: 800PX;
    }
    .coming-soon-sec .vps-video-content.pub-video-content {
        margin: 0px 2px;
    }
    .coming-soon-sec .vps-video-img a {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        font-size: 32px;
        color: #266abc;
    }

    .service-benifits-content-block p {
        font-size: 13px;
        line-height: 21px;
    }
    .service-benifits-content-block h6.card-title {
        margin-bottom: 0px;
        font-size: 22px;
        line-height: 26px;
    }
    .service-benifits-content-block p {
        margin-top: 12px;
    }
    .contact-query-btn {
        background-color: #006abc;
        padding: 9px 12px;
    }
    .tab-content.gbps-features-content .box-table-btn-soldout {
        padding: 10px 16px;
        min-width: 130px;
        background-color: #AE313F;
        border: 0;
        margin-bottom: 8px;
        font-size: 13px;
    }
    /*30 Aug 2021*/
    .coming-soon-video-slider-block .slick-prev,
    .coming-soon-video-slider-block .slick-next {
        width: 40px;
        height: 32px;
        z-index: 1;
    }
    .slick-prev {
        left: 5px;
    }
    .slick-next {
        right: 5px;
    }
    .vps-video video {
        width: 100%;
        object-fit: cover;
        height: 400px;
    }
    .coming-soon-video-slider-block .coming-soon-video-slider {
        padding: 20px;
        background-color: #eee;
    }
    .coming-soon-slider {
        padding: 20px;
        background-color: #eee;
    }
    .coming-space h2 {
        text-align: center;
        text-transform: capitalize;
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 16px;
        line-height: 30px;
        font-family: "Muli-Black";
        color: #000;
        letter-spacing: -0.32px;
    }
    .vps-video {
        height: 400px;
    }
    .vps-video-content .btnClick {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 9;
        height: calc(100% - 63px);
    }
    .vps-video-content .vps-video {
        height: 400px;
        position: relative;
    }
    .container {
        max-width: 1048px;
        padding: 0 20px;
    }
    .section-space {
        padding: 48px 0;
    }
    .section-heading-box {
        text-align: center;
        padding: 0 40px;
        margin-bottom: 48px;
    }
    .section-heading-box h2 {
        font-size: 24px;
        line-height: 24px;
        font-family: "Muli-Black";
        color: #000;
        margin-bottom: 12px;
        letter-spacing: -0.32px;
    }
    .section-heading-box p {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.32px;
        font-family: 'Muli';
        /*font-family: 'Muli-Light';*/
        color: #333;
        max-width: 680px;
        margin: 0 auto;
    }
    .accordion.faq-accordion li {
        padding: 0;
    }
    .pvt-cld p {
        margin-top: 0;
    }
    .pvt-cld .listing-points li h4,
    .pvt-cld p {
        color: #fff;
    }
    .btn {
        display: inline-block;
        text-align: center;
        min-width: 80px;
        width: auto;
        padding: 5px 12px;
        font-size: 10px;
        font-family: 'Muli-Bold';
        background-color: #009cff;
        color: #fff;
        border-radius: 3px;
        overflow: hidden;
        position: relative;
    }
    .btn-white,
    .btn-white:hover {
        background-color: #004a82;
        color: whitesmoke;
    }
    .btn-black,
    .btn-black:hover {
        background-color: #9e0a1ad6;
        color: whitesmoke;
    }
    .btn.btn-lg {
        min-height: 43px;
        line-height: 43px;
        font-size: 12px;
        letter-spacing: 0.5px;
        padding: 0 24px;
        font-family: 'Muli-Bold';
        font-weight: 400;
    }
    .card-title {
        font-size: 16px;
        font-family: "Muli-ExtraBold";
        color: #000;
        margin-bottom: 25px;
    }
    .card-desc {
        font-size: 12px !important;
        line-height: 20px !important;
        font-family: 'Muli-SemiBold' !important;
        margin-bottom: 0 !important;
        color: #333 !important;
        letter-spacing: 0.5px;
    }
    .sharktech_video {
        width: 100%;
        object-fit: none;
        height: 560px;
    }
}

@media (min-width: 1921px) {
    .sharktech_video {
        width: 100%;
        object-fit: none;
        height: 560px;
    }
}

.tiger-banner .tiger-banner-img svg {
    max-width: 680px;
    height: auto;
    margin: 0 auto;
}

.tiger-banner .tiger-banner-img {
    text-align: center;
}

.tiger-banner {
    background-image: url("../img/tiger-Banner-Bg9.jpg"), linear-gradient(to left, #8b0005, #8b0005);
    background-position: center;
    background-repeat: no-repeat;
}


/* 01-11-2022 */

.price_content {
    margin-top: 20px;
    position: absolute;
}

.price_content p {
    font-size: 20px;
    line-height: 45px;
    color: #585858;
    margin: 0;
    font-family: 'Muli-SemiBold';
}

.price_content h4 {
    font-size: 48px;
    line-height: 45px;
    letter-spacing: -0.32px;
    font-family: 'Muli-ExtraBold';
    color: #004b81;
    margin: 0;
}

.price_content h4 small {
    font-size: 30px;
    line-height: 45px;
    font-family: 'Muli-SemiBold';
}

.offer-pricebox {
    background: url('../img/shape_cd.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    width: 353px;
    height: 284px;
    align-items: center;
    text-align: center;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 9;
}

.home-banner .carousel-item.banner-8-item {
    background: linear-gradient(to right, #2b73fb 10%, #6717ce 60%);
}

.home-banner .carousel-item.banner-9-item {
    background: linear-gradient(to left, #009afc, #a15cee);
}

.home-banner .carousel-item.banner-6-item {
    background: linear-gradient(to left, #6717cd, #2871f9);
}

.bg-transparent {
    background: transparent;
}

.cloudhoting .price_content {
    width: 100%;
}

.premium-server-text ul {
    /*max-width: 360px;*/
}

.cloudhoting .img-fluid {
    max-width: 250px;
}


/* 8-3-22 */

#price-vps-section .btn-group input[type=radio] {
    display: none;
}

#price-vps-section .btn-outline-primary {
    background-color: #009cff;
    border-color: #009cff;
    font-size: 12px;
    padding: 10px 25px;
    margin: 0px 6px;
}

#price-vps-section .btn-group {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.slide-bandwidth {
    background: #fff;
    padding: 12px;
    border-radius: 60%;
    height: 36px;
    width: 36px;
}

.bottom-left {
    padding: 30px 20px 5px;
    border: 1px solid #009cfc;
}

/* end 8-3-22 */


/* los banner 2 (07-03-2022) */

.dedicated-server-banner .los-promo-1-pricebox {
    background: url('../img/shape-rounded.svg');
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 9;
    top: 100px;
    width: 246px;
    height: 246px;
}

.dedicated-server-banner .los-promo-2-pricebox {
    background: url('../img/price-badge.svg');
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 9;
    top: 100px;
    width: 246px;
    height: 246px;
}

.dedicated-server-banner .los-promo-1-pricebox .price_content h4 {
    font-size: 26px;
    color: white;
}

.dedicated-server-banner .los-promo-1-pricebox .price_content p {
    font-size: 19px;
    line-height: 20px;
}

.dedicated-server-banner .los-promo-2-pricebox .price_content h4 {
    font-size: 26px;
    color: white;
}

.dedicated-server-banner .los-promo-2-pricebox .price_content p {
    font-size: 19px;
    line-height: 10px;
}

.dedicated-server-banner span.list-icon-img {
    margin-right: 10px;
}

.dedicated-server-banner .banner-text-box.dedicated-server li {
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}

.dedicated-server-banner.active .price_content h4 small {
    font-size: 25px;
    line-height: 35px;
}

.banner-8-item.dedicated-server-banner.active .los-pricebox .price_content h4 {
    font-size: 24px;
    color: #fff;
    margin-top: 6px;
}

.dedicated-server-banner .los-pricebox .price_content {
    margin-top: -11px;
}

.dedicated-server-banner .remove-price {
    color: #004b81;
    font-weight: 700;
    font-size: 19px;
}


/* Private Quote related CSS start */

.private-quote-model .modal-content {
    border: 2px solid #118fc5;
    margin: 0 auto 24px;
}

.alertmodel .modal-content {
    border: 2px solid #118fc5;
    margin: 150px auto 37px;
}

.private-quote-model label {
    font-size: 11px;
    font-family: "Muli-Bold";
    font-weight: normal;
    color: #000;
    margin-bottom: 8px;
    letter-spacing: 0.4px;
}

.private-quote-model .btn {
    min-width: 160px;
    font-size: 13px;
    min-height: 30px;
    line-height: 35px;
}

#privateCloudForm .modal-footer {
    justify-content: flex-start;
}

.private-quote-model span.error,
.private-quote-model label.error {
    color: red;
    font-size: 11px;
}

.privateCloudForm .quote-btn {
    background-color: #009cff;
    line-height: 26px;
    font-size: 14px;
}


/* Private Quote related CSS end */

@media (max-width:1500px) {
    .dedicated-server-banner .banner-image-box img {
        width: 250px;
    }
    .dedicated-server-banner .los-pricebox {
        left: 55%;
    }
}

@media (max-width:1365px) {
    .dedicated-server-banner .los-pricebox {
        width: 285px;
        height: 264px;
    }
}

@media (max-width:1199px) {
    .banner-8-item.dedicated-server-banner.active .los-pricebox .price_content h4 {
        margin-top: 20px;
    }
    .dedicated-server-banner .banner-image-box img {
        width: 280px;
    }
    .dedicated-server-banner .los-pricebox {
        left: 54%;
    }
}

@media (max-width:991px) {
    .dedicated-server-banner .banner-image-box img {
        max-width: 100%;
        width: 190px;
    }
    .dedicated-server-banner .los-pricebox {
        left: 58%;
        width: 245px;
        height: 224px;
    }
    .dedicated-server-banner .banner-text-box.dedicated-server li {
        font-size: 13px;
    }
    .banner-8-item.dedicated-server-banner.active .los-pricebox .price_content h4 {
        margin-top: 10px;
    }

}

@media (max-width:767px) {
    .dedicated-server-banner .los-pricebox {
        position: relative;
        top: 2px;
        left: 50%;
        height: 229px;
    }
    .banner-8-item.dedicated-server-banner.active .los-pricebox .price_content h4 {
        margin-top: -7px;
    }
    .dedicated-server-banner .los-pricebox .price_content {
        margin-top: -3px;
    }
    .dedicated-server-banner .banner-image-box img {
        width: 300px;
        margin-top: 20px;
    }
    .dcs-price-box .price-box,
    .dcs-price-box .value-box {
        width: 100%;
    }

    /* private cloud  */
    .tooltip-inner {
        max-width: 270px;
    }
}


/* end los banner 2 (07-03-2022) */

@media (max-width: 1024px) {
    .price_content {
        margin-top: 5px;
    }
    .offer-pricebox {
        width: 260px;
        height: 224px;
    }
    .price_content p {
        font-size: 16px;
        line-height: 35px;
    }
    .price_content h4 {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .offer-pricebox,
    .los-promo-2-pricebox,
    .los-promo-1-pricebox {
        position: unset !important;
        transform: translateX(0%) !important;
        margin: 20px auto;
    }
}


/* end 01-11-2022 */


/* end 28-01-2022 */


/* end 28-01-2022 */

@media (max-width: 767px) {
    #price-vps-section .btn-outline-primary,
    #price-vps-section .dcs_outer_billing_cycle .btn-outline-primary,
    .dedicated-cloud-pricetable .row.dedicated_cloud_locations .location_label,
    #price-vps-section .btn-outline-primary {
        background-color: #009cff;
        border-color: #009cff;
        font-size: 10px;
        padding: 10px 10px;
        margin: 0px 1px;
    }
    .dedicated-cloud-pricetable .dcs_outer_billing_cycle {
        border: 2px solid #118fc5;
        margin: 0;
        padding: 20px 2px;
        border-bottom: 0;
    }
    .price-box h3 {
        font-size: 35px;
        line-height: 34px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        margin: 5px 0 8px;
    }
    .price-box h3 sub {
        font-size: 17px;
        font-family: "Muli";
        font-weight: normal;
        color: #b5b5b5;
    }
}


/* 25-05-2022 */

.grand-bottom span {
    font-size: 24px;
    font-weight: 300;
}

.grand-bottom h4 {
    margin-bottom: 0;
    word-break: break-all;
    font-size: 25px;
}

.grand-bottom p {
    color: #fff;
}

button#btnCustomerInfo {
    width: 100%;
    max-width: 200px;
    height: 40px;
    font-size: 15px;
}

@media (max-width:991px) {
    .grand-bottom span {
        font-size: 20px;
    }
    .right-listsec {
        padding: 10px 10px;
    }
}

@media (max-width:767px) {
    button#btnCustomerInfo {
        width: 100%;
        margin-top: 10px;
    }
    .sharktech-left {
        margin-bottom: 0px;
    }
}

#customer_info .button.b-close {
    position: absolute;
    right: 20px;
    top: 12px;
    padding: 5px 12px;
    background: #009cfc;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}


/* Private Quote related css Start*/

#quote_status .button.b-close {
    position: absolute;
    right: 20px;
    top: 12px;
    padding: 1px 12px;
    background: #009cfc;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

#customer_info .form-body.text-left {
    margin-top: 40px;
}

.contact-banner-form {
    max-width: 40%;
}

.private-quote-section.bottom-lable-bottom.bandwidth-input {
    color: rgb(0 0 0 / 50%) !important;
}

div#quote_message {
    margin-top: 15px;
}


/* Private Quote related css*/


/*  End 25-05-2022 */

.silver-server-banner .los-promo-1-pricebox {
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 53%;
    align-items: center;
    text-align: center;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 9;
    top: 150px;
    width: 246px;
    height: 246px;
}

.silver-server-banner .los-promo-2-pricebox {
    background: url('../img/new-silver-badge.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 9;
    top: 100px;
    width: 246px;
    height: 246px;
}

.silver-server-banner .los-promo-1-pricebox .price_content h4 {
    font-size: 26px;
    color: white;
}

.silver-server-banner .los-promo-1-pricebox .price_content p {
    font-size: 19px;
    line-height: 20px;
}

.silver-server-banner .los-promo-2-pricebox .price_content h4 {
    font-size: 26px;
    color: white;
}

.silver-server-banner .los-promo-2-pricebox .price_content p {
    font-size: 19px;
    line-height: 10px;
}

.silver-server-banner span.list-icon-img {
    margin-right: 10px;
}

.silver-server-banner .banner-text-box.dedicated-server li {
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}

.silver-server-banner.active .price_content h4 small {
    font-size: 25px;
    line-height: 35px;
}

.banner-8-item.silver-server-banner.active .los-pricebox .price_content h4 {
    font-size: 24px;
    color: #fff;
    margin-top: 6px;
}

.silver-server-banner .los-pricebox .price_content {
    margin-top: -11px;
}

.silver-server-banner .remove-price {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    margin-top: -21px;
    display: block;
    font-weight: 500;
}


/* Private Quote related CSS start */


/* 13-sept-2022 */

.silver-server-banner .los-promo-1-pricebox .price_content p.silver-new {
    position: absolute;
    top: -55px;
    left: 50px;
    font-size: 25px;
    color: #661dd1;
    font-family: "Muli-Black";
    font-weight: 800;
}

.silver-server-banner .los-promo-1-pricebox.chines-new-pricebox strike.remove-price {
    letter-spacing: 2.5px;
    font-size: 20px;
}

.silver-server-banner .los-promo-1-pricebox.chines-new-pricebox p.silver-new {
    right: 25px;
    top: -55px;
    left: unset;
}

.silver-server-banner .los-promo-1-pricebox .price_content .permotion {
    position: absolute;
    bottom: -55px;
    left: 0;
    font-size: 13px;
    display: block;
    word-break: break-all;
    max-width: 85px;
    margin: auto;
    right: 0;
    color: #153570;
    text-align: center;
    font-weight: 800 !important;
    font-family: 'Muli-ExtraBold';
}

.carousel-item.banner-8-item.silver-server-banner {
    background-image: url(../img/silver-Background_Banner.jpg);
    background-size: cover;
    background-position: center;
}

.carousel-item.banner-8-item.silver-server-banner .banner-content-outer::after {
    display: none;
}

.carousel-item.banner-8-item.silver-server-banner .banner-right-layer,
.carousel-item.banner-8-item.silver-server-banner .banner-left-layer {
    display: none;
}

section#home-banner .carousel-item {
    padding: 60px 0px;
}

.silver-server-banner .premium-server-text ul li span {
    margin-left: 0px;
}

@media screen and (max-width: 1440px) {
    .silver-server-banner .banner-image-box img {
        width: 270px;
    }
}

@media (max-width:1199px) {
    .silver-server-banner .banner-image-box img {
        width: 300px;
    }
    .silver-server-banner .remove-price {
        margin-top: -5px;
    }
    .silver-server-banner .los-promo-1-pricebox .price_content p.silver-new {
        top: -40px;
    }
}

@media (max-width:991px) {
    .silver-server-banner .los-promo-1-pricebox {
        left: 60%;
    }
    .silver-server-banner .banner-image-box img {
        width: 190px;
    }
}

@media (max-width:767px) {
    .silver-server-banner .banner-image-box img {
        width: 280px;
    }
}


/* 13-sept-2022 */