@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@300;400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=Syne:wght@700;800&display=swap');
html {
  scroll-behavior: smooth;
}
.g-faq-body > ul > li {
  list-style: none !important;
}
::selection {
  color: #fff !important;
  background-color: #018bc1;
}
h1 {
  filter: drop-shadow(2px 4px 6px black) !important;
}
body.specialbody strong{
  font-weight: 500 !important;
}
.g-font-family {
  font-family: poppins !important;
}
.g-font-bold-500 {
  font-weight: 500 !important;
  text-transform: capitalize !important;
}
.g-font-bold-400 {
  font-weight: 400 !important;
}
.g-font-40{
  font-size: 40px !important;
}
.g-font-30{
  font-size: 30px !important;
}
.header {
  background-color: #157fec;
  color: #fff;
  height: 48px;
}
.header2 {
  background-color: #157fec;
  color: #fff;
  height: 30px;
  margin-left: 30px;
}
.g-max-width-900{
  max-width: 900px;
}
.header3 {
  background-color: #157fec;
  color: #fff;
  height: 30px;
  margin-left: 6px;
}
.num {
  color: white;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
}
.num:hover {
  color: #3c3838;
  transition: all 0.3s ease;
}
.num2 {
  color: white;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  margin-top: 10px;
}
@media only screen and (max-width: 1360px) {
  .header-div {
    margin-top: 10px;
  }
  .header2 {
    background-color: #157fec;
    color: #fff;
    margin-left: 1px;
    margin-bottom: 10px;
  }
  .num {
    color: white;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px;
    margin-top: -5px;
  }
}
@media only screen and (max-width: 800px) {
  .header-div {
    display: none;
    background-color: aqua;
    clear: both;
  }
}
.header4 {
  color: #fff;
  height: 22px;
  margin-left: 6px;
}
.hide {
  display: none;
}
.num3 {
  color: white;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
}
.num3:hover + .hide {
  display: block;
  color: red;
  width: 195px;
  height: 150px;
  background-color: rgb(255, 255, 255);
  margin-right: -100px;
  position: absolute;
  border-radius: 5px;
}
.lang-div {
  height: 50px;
  border-radius: 15px;
  margin-top: 15px;
  margin-left: 20px;
}
.lang-div2 {
  height: 50px;
  border-radius: 15px;
  margin-left: 10px;
}
.lang-div3 {
  height: 50px;
  border-radius: 15px;
  margin-left: 7px;
}
.num4 {
  color: #157fec;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}
.header5 {
  color: #fff;
  height: 27px;
  margin-left: 6px;
}
.mod-btn {
  background: #0f60b4;
  font-size: 1.25rem;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  border: 2px solid #157fec;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.foundation-mq {
  font-family: "small=0&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
  font-size: 100%;
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
body {
  padding: 0;
  margin: 0;
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}
select {
  width: 100%;
  border-radius: 0;
}
#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
  max-width: none !important;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}
[data-whatinput="mouse"] button {
  outline: 0;
}
.is-visible {
  display: block !important;
}
.popup-header-padding {
  margin-top: 5px;
  margin-bottom: 5px;
}
.dataTables_wrapper .dataTables_info {
  margin: 0;
  padding: 9px 10px;
  background-color: #4f5360;
  border: 0;
  border-bottom: 1px solid #fff;
  font-size: 0.9em;
  color: #fff;
  border-radius: 0;
  text-align: left !important;
}
div.dataTables_wrapper div.dataTables_info {
  padding: 21px 30px !important;
  font-weight: 300;
}
.dataTables_wrapper table.table-list {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  width: 100% !important;
}
.dataTables_wrapper table.table-list thead th {
  border-bottom: 4px solid #a2d27a;
  font-weight: 400;
}
.dataTables_wrapper table.table-list thead th:nth-child(even) {
  border-bottom: 4px solid #7bc144;
}
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: #f6f6f6;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
}
.dataTables_wrapper .dataTables_filter label {
  margin: 0;
  padding: 12px;
}
.dataTables_wrapper .dataTables_filter label .form-control {
  background: url(../img/search.html) #fff no-repeat 8px 5px;
  padding: 7px 10px 7px 45px !important;
  border: 1px solid #fff;
  height: auto;
  width: 200px;
  font-size: 13px;
  border-radius: 2px;
}
@media (max-width: 600px) {
  .dataTables_wrapper .dataTables_info {
    padding: 9px 10px 40px;
  }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    margin-top: 30px;
    width: 100%;
  }
  .dataTables_wrapper .dataTables_filter label {
    display: block;
    margin: 5px;
    padding: 0;
  }
  .dataTables_wrapper .dataTables_filter label .form-control {
    margin: 0;
    width: 100%;
  }
}
.dataTables_wrapper .dataTables_length {
  background-color: #f6f6f6;
  font-size: 0.8em;
  color: #888;
}
.dataTables_wrapper .dataTables_length label {
  padding: 10px 10px 0 30px;
}
.dataTables_wrapper .dataTables_length label .form-control {
  display: inline-block;
  padding: 2px;
  height: 25px;
  width: auto;
  border: 0;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  padding: 6px 30px 0;
}
.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
  padding: 4px 8px;
}
div.dataTables_wrapper div.dataTables_length label {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}
@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}
div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^="col-"]:first-child {
  padding-left: 0;
}
div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^="col-"]:last-child {
  padding-right: 0;
}
.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto;
}
.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
}
.off-canvas-wrapper-inner:after,
.off-canvas-wrapper-inner:before {
  content: " ";
  display: table;
}
.off-canvas-wrapper-inner:after {
  clear: both;
}
.layerslide {
  display: inline-block;
  width: 100%;
  position: relative;
  background: #000000;
  height: 560px;
  margin: 48px 0 0 0;
}
@media screen and (max-width: 950px) {
  .layerslide {
    height: 700px !important;
  }
}
@media screen and (max-width: 504px) {
  .layerslide {
    height: 600px !important;
  }
}
@media screen and (max-width: 350px) {
  .layerslide {
    height: 800px !important;
  }
}
.layerslide .inslider {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  height: 560px;
}
.slogan {
  position: absolute;
  top: 36.5%;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  z-index: 1000;
  color: #fff;
  text-align: center;
}
.slogan span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.slogan .big {
  font-size: 64px;
}
.slogan .italic {
  font-style: italic;
}
.slogan .bold {
  font-weight: 600;
}
.slogan .button {
  margin: 20px 0 0 0;
}
.slogan .small {
  font-size: 14px;
}
.fl-slideshow img {
  max-width: none;
}
.fl-slideshow {
  color: #8c8d8e;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: normal;
  position: relative;
  word-spacing: normal;
}
.fl-slideshow-content {
  position: relative;
}
.fl-slideshow .yui3-widget-content-expanded {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
}
.fl-slideshow.fl-fullscreen-active {
  background: #1c1d1f !important;
}
.fl-slideshow a {
  outline: none;
}
.fl-loading-image {
  width: 42px;
  height: 42px;
  background: #000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.fl-fullscreen-close-message {
  position: absolute;
  z-index: 1000;
  top: 200px;
  width: 100%;
  text-align: center;
}
.fl-fullscreen-close-message span {
  display: inline-block;
  padding: 15px 25px;
  background: url("../img/slideshow/transparent-bg-dark.html") repeat;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
}
.fl-fullscreen-active.fl-slideshow {
  margin: 0;
  padding: 0;
}
.fl-slideshow-image {
  overflow: hidden;
  position: relative;
}
.fl-slideshow-image,
.fl-slideshow-image img {
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.fl-slideshow-image img {
  position: absolute;
  z-index: 1;
  -webkit-touch-callout: none;
}
.fl-slideshow-video-button {
  display: block;
  width: 88px;
  height: 60px;
  position: absolute;
  z-index: 2;
  background: url("../img/slideshow/icons-light.html") -120px -80px no-repeat;
}
.fl-slideshow-video-button:hover {
  background-position: -220px -80px;
}
.fl-slideshow-video {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: url("../img/slideshow/transparent-bg-dark.html") repeat;
}
.fl-slideshow-video-wrap {
  top: 45px;
  right: 45px;
  bottom: 45px;
  left: 45px;
  position: fixed;
  z-index: 1001;
}
.fl-slideshow-video iframe {
  border: none;
  display: block;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1001;
}
.fl-slideshow-video-close {
  position: absolute;
  z-index: 10000;
  left: 5px;
  top: 5px;
  width: 40px;
  height: 40px;
  background: url("../img/slideshow/icons-light.html") 0 -80px no-repeat;
}
.fl-slideshow-video-close:hover {
  background-position: -40px -80px;
}
.fl-slideshow-transition-slice {
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.fl-slideshow-transition-slice img {
  display: block;
  position: absolute;
}
.fl-slideshow-main-image {
  z-index: 2;
}
.fl-slideshow-frame {
  position: relative;
}
.fl-slideshow-frame-content {
  height: 100%;
}
.fl-slideshow-frame.fl-click-action-enabled .fl-slideshow-image-img {
  cursor: pointer;
}
.fl-slideshow-main-nav {
  position: relative;
  height: 40px;
}
.fl-slideshow-main-nav.fl-slideshow-overlay {
  left: 0;
  right: 0;
  z-index: 10;
}
.fl-slideshow-nav-buttons {
  text-align: center;
}
.fl-slideshow-nav-buttons-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 5px;
}
.fl-slideshow-nav-buttons-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 5px;
}
.fl-slideshow-nav a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../img/slideshow/icons-light.html");
  vertical-align: middle;
}
.fl-slideshow-nav-count {
  display: inline-block;
  height: 9px;
  line-height: 12px;
  padding: 14px 14px 0;
}
.fl-slideshow-nav-thumbs {
  background-position: 0 0;
}
.fl-slideshow-nav-thumbs:hover {
  background-position: 0 -40px;
}
.fl-slideshow-nav-buy {
  background-position: -40px 0;
}
.fl-slideshow-nav-buy:hover {
  background-position: -40px -40px;
}
.fl-slideshow-nav-caption {
  background-position: -80px 0;
}
.fl-slideshow-nav-caption:hover {
  background-position: -80px -40px;
}
.fl-slideshow-nav-caption-disabled,
.fl-slideshow-nav-caption-disabled:hover {
  background-position: -80px 0;
  opacity: 0.35;
  cursor: default;
}
.fl-slideshow-nav-social {
  background-position: -120px 0;
}
.fl-slideshow-nav-social:hover {
  background-position: -120px -40px;
}
.fl-slideshow-nav-prev,
.fl-slideshow-nav-prevPage {
  background-position: -160px 0;
}
.fl-slideshow-nav-prev:hover,
.fl-slideshow-nav-prevPage:hover {
  background-position: -160px -40px;
}
.fl-slideshow-nav-pause {
  background-position: -200px 0;
}
.fl-slideshow-nav-pause:hover {
  background-position: -200px -40px;
}
.fl-slideshow-nav-play {
  background-position: -240px 0;
}
.fl-slideshow-nav-play:hover {
  background-position: -240px -40px;
}
.fl-slideshow-nav-next,
.fl-slideshow-nav-nextPage {
  background-position: -280px 0;
}
.fl-slideshow-nav-next:hover,
.fl-slideshow-nav-nextPage:hover {
  background-position: -280px -40px;
}
.fl-slideshow-nav-fullscreen {
  background-position: -320px 0;
}
.fl-slideshow-nav-fullscreen:hover {
  background-position: -320px -40px;
}
.fl-fullscreen-active .fl-slideshow-nav-fullscreen {
  background-position: -360px 0;
}
.fl-fullscreen-active .fl-slideshow-nav-fullscreen:hover {
  background-position: -360px -40px;
}
.fl-slideshow-nav-close {
  background-position: -400px 0;
}
.fl-slideshow-nav-close:hover {
  background-position: -400px -40px;
}
.fl-slideshow-image-nav-left,
.fl-slideshow-image-nav-left .fl-slideshow-nav-buttons,
.fl-slideshow-image-nav-left a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  width: 100px;
  height: 55px;
  background: none !important;
}
.fl-slideshow-image-nav-left a {
  background: url("../img/slideshow/arrows-prev.html") left center no-repeat !important;
}
.fl-slideshow-image-nav-left a:hover {
  background-position: -70px center !important;
}
.fl-slideshow-image-nav-right,
.fl-slideshow-image-nav-right .fl-slideshow-nav-buttons,
.fl-slideshow-image-nav-right a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 7;
  width: 100px;
  height: 55px;
  background: none !important;
}
.fl-slideshow-image-nav-right a {
  background: url("../img/slideshow/arrows-next.html") right center no-repeat !important;
}
.fl-slideshow-image-nav-right a:hover {
  background-position: 30px center !important;
}
.fl-slideshow-image-nav-left .fl-slideshow-nav-buttons,
.fl-slideshow-image-nav-left a,
.fl-slideshow-image-nav-right .fl-slideshow-nav-buttons,
.fl-slideshow-image-nav-right a {
  width: 100%;
}
.fl-slideshow-mouse-nav-prev,
.fl-slideshow-mouse-nav-prev div,
.fl-slideshow-mouse-nav-prev img {
  cursor: url("../img/slideshow/arrow-prev.html"), w-resize !important;
}
.fl-slideshow-mouse-nav-next,
.fl-slideshow-mouse-nav-next div,
.fl-slideshow-mouse-nav-next img {
  cursor: url("../img/slideshow/arrow-next.html"), e-resize !important;
}
.fl-slideshow-thumbs {
  position: relative;
  z-index: 1;
}
.fl-slideshow-thumbs-content {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.fl-slideshow-thumbs.fl-slideshow-overlay {
  z-index: 9;
}
.fl-slideshow-thumbs-clip {
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.fl-slideshow-thumbs-pages {
  position: relative;
  -webkit-backface-visibility: hidden;
}
.fl-slideshow-thumbs-page {
  position: absolute;
  -webkit-backface-visibility: hidden;
}
.fl-slideshow-thumbs .fl-slideshow-image {
  background: #2e3033;
  border: 1px solid #7d818a;
  float: left;
}
.fl-slideshow-thumbs .fl-slideshow-image-active,
.fl-slideshow-thumbs .fl-slideshow-image:hover {
  border: 1px solid #fff;
}
.fl-slideshow-thumbs img {
  cursor: pointer !important;
}
.fl-slideshow-thumbs-left-nav .fl-slideshow-nav-buttons {
  padding: 0 15px;
}
.fl-slideshow-thumbs-right-nav .fl-slideshow-nav-buttons {
  padding: 0 15px;
}
.fl-slideshow-vertical-thumbs {
  position: absolute;
  top: 0;
  z-index: 20;
}
.fl-slideshow-caption {
  width: 100%;
  z-index: 8;
  color: #fff;
}
.fl-slideshow-caption a {
  color: #fff;
}
.fl-slideshow-caption-content {
  padding: 20px;
}
.fl-slideshow-caption-toggle {
  display: inline-block;
  padding: 0 20px 20px;
}
.fl-slideshow-social {
  width: 100%;
  z-index: 8;
}
.fl-slideshow-social-content {
  padding: 20px 25px 15px;
}
.fl-slideshow-overlay {
  background: url("../img/slideshow/transparent-bg-dark.html") repeat;
}
.fl-slideshow-overlay-close {
  position: absolute;
  z-index: 1000;
  right: 0;
  width: 40px;
  height: 40px;
  background: url("../img/slideshow/icons-light.html") 0 -80px no-repeat;
}
.fl-slideshow-overlay-close:hover {
  background-position: -40px -80px;
}
.fl-slideshow-caption .fl-slideshow-overlay-close,
.fl-slideshow-social .fl-slideshow-overlay-close {
  width: 30px;
  height: 30px;
  background: url("../img/slideshow/icons-light.html") -80px -80px no-repeat;
}
.fl-slideshow-caption .fl-slideshow-overlay-close:hover,
.fl-slideshow-social .fl-slideshow-overlay-close:hover {
  background-position: -80px -110px;
}
@media screen and (max-width: 1023px) {
  .g-nav-links {
    height: 500px !important;
    overflow: scroll !important;
  }
  .page-search-btn {
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #ccc;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
    width: max-content;
  }
}
.nav-scroll-animate {
  animation: showing 0.5s linear;
}
@keyframes showing {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.g-footer {
  background-color: #161616 !important;
}
.g-input-email {
  border: 1px solid #c4c4c4 !important;
  position: relative;
  width: 100% !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.g-input-email:focus {
  border: 1px solid #003158 !important;
}
.g-text-white {
  color: #fff !important;
}
.g-card-fle-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center !important;
}
.g-mar-10 {
  margin-bottom: 30px !important;
}
.g-mar-0 {
  margin: 0 !important;
}
.g-mar-left-20{
  margin-left: 20px;
}

.g-mar-right-20{
  margin-right: 20px;
}
.g-mar-right-10{
  margin-right: 10px;
}
.g-mar-right-30{
  margin-right: 30px;
}
.g-pad-0 {
  padding: 0 !important;
}
.g-pad-40 {
  padding: 40px !important;
}
.g-gray-small-card-body {
  padding: 20px 20px 20px 20px;
  background-color: rgb(255, 255, 255);
  border-radius: 15px;
  transition: 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
  border: 1px solid #ebebeb;
}
.g-color {
  background-color: #f5f5f5;
}
.g-gray-small-card-body:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.02);
  cursor: pointer;
}
.g-w-100 {
  height: 100% !important;
}
.g-aboutus-content-box-title {
  font-weight: 900 !important;
  text-transform: capitalize !important;
}
.g-font-bold {
  font-weight: 900 !important;
}
.g-common-section {
  padding: 30px 15px !important;
}
.g-common-pages-title-size {
  font-size: 35px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}
@media screen and (max-width: 950px) {
  .g-common-pages-title-size {
    font-size: 28px !important;
    text-align: center !important;
  }
}
.g-ddos-list {
  background-color: transparent !important;
  margin: 0 !important;
  list-style: none;
}
.g-ddos-list-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.g-img-radius {
  border-radius: 15px !important;
}
.g-email-input-div {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.g-card-cont-pad {
  padding: 20px 0 0 0;
  margin-top: -65px;
}
.g-bold {
  font-weight: 900 !important;
}
.g-def-small-heading-color {
  color: #60aeff !important;
  font-size: 18px !important;
}
.g-medium-100 {
  position: relative;
}
.g-medium-100::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  height: 100%;
  width: 1px;
  background-color: #dadada;
}
.g-index-opening-cards {
  background-color: #003158 !important;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 30px !important;
  gap: 20px;
}
.g-h-100 {
  height: 100% !important;
}
.g-reduce-top-mar {
  margin-top: -20px;
}
.g-landing-pages-div {
  display: flex;
  flex-direction: column;
}
li {
  font-size: 16px !important;
}
.g-text-start {
  text-align: start !important;
}
.g-primary-btn {
  background-color: #003158 !important;
  border-radius: 10px;
  font-weight: 900px !important;
  font-size: 20px;
  padding: 18px 25px;
  color: #fff !important;
  margin: 50px 0 !important;
  transition: 0.3s ease-in-out;
  border: none;
}
.g-primary-btn-sub {
  background-color: #003158 !important;
  border-radius: 10px;
  font-weight: 900px !important;
  font-size: 20px;
  padding: 18px 25px;
  color: #fff !important;
  margin: 10px 0 !important;
  transition: 0.3s ease-in-out;
  border: none;
}
.g-primary-btn:hover {
  background-color: #00111f !important;
  transition: 0.3s ease-in-out;
}
.g-secondary-card-btn {
  background-color: #fff;
  color: #000;
  border-radius: 30px;
  font-weight: 900px !important;
  font-size: 16px;
  padding: 15px 25px;
  transition: 0.3s ease-in-out;
  border: none;
}
.g-secondary-card-btn:hover {
  background-color: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.g-fillbox-a {
  color: #000 !important;
}
.g-display-flex-and-gap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.g-top-bar-backcolor {
  background-color: #161616 !important;
}
.g-pt-1 {
  padding-top: 10px !important;
}
.g-pt-2 {
  padding-top: 20px !important;
}
.g-pt-3 {
  padding-top: 30px !important;
}
.g-pt-4 {
  padding-top: 40px !important;
}
.g-pt-5 {
  padding-top: 50px !important;
}
.g-pt-6 {
  padding-top: 60px !important;
}
.g-pb-1 {
  padding-bottom: 10px !important;
}
.g-pb-2 {
  padding-bottom: 20px !important;
}
.g-pb-3 {
  padding-bottom: 30px !important;
}
.g-pb-4 {
  padding-bottom: 40px !important;
}
.g-pb-5 {
  padding-bottom: 50px !important;
}
.g-pb-6 {
  padding-bottom: 60px !important;
}
.g-pt-6 {
  padding-top: 60px !important;
}
.g-mt-1 {
  margin-top: 10px !important;
}
.g-mt-2 {
  margin-top: 20px !important;
}
.g-mt-3 {
  margin-top: 30px !important;
}
.g-mt-4 {
  margin-top: 40px !important;
}
.g-mt-5 {
  margin-top: 50px !important;
}
.g-mt-6 {
  margin-top: 60px !important;
}
.g-mb-1 {
  margin-bottom: 10px !important;
}
.g-mb-2 {
  margin-bottom: 20px !important;
}
.g-mb-3 {
  margin-bottom: 30px !important;
}
.g-mb-4 {
  margin-bottom: 40px !important;
}
.g-mb-5 {
  margin-bottom: 50px !important;
}
.g-mb-6 {
  margin-bottom: 60px !important;
}
.g-left-mar-30 {
  margin-left: 30px !important;
}
.g-left-pad-20 {
  padding-left: 20px !important;
}
.g-right-pad-20 {
  padding-right: 20px !important;
}
.g-right-mar-30 {
  margin-right: 30px !important;
}
.g-colored-title-def {
  color: #0a0a0a !important;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.g-nav-btn {
  background-color: #003158 !important;
  color: #ffffff !important;
}
.g-email-content-part {
  padding-right: 25px !important;
  text-align: left;
}
.g-email-content-part-2 {
  padding-left: 25px !important;
}
.g-email-content-para {
  margin: 0 !important;
  padding: 0 !important;
}
.g-submit-btn {
  background-color: #c12701;
  color: #fff;
  font-weight: 600;
  padding: 20px 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #003158;
}
.g-white-arr-foot {
  color: #fff;
  display: none !important;
}
.g-social-icons {
  padding: 0 10px 0 0;
  font-size: 25px;
  color: #fff;
  font-size: 20px;
}
.g-bottom-footer {
  background-color: #333 !important;
}
.g-social-icons:hover {
  color: #c12701 !important;
}
.g-custom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.g-offer-section {
  background-color: #f3f3f3 !important;
  padding: 0 0 60px 0;
}
.g-flex-center {
  display: flex !important;
  justify-content: center !important;
}
.g-custome-flex-center {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
.g-border-0 {
  border: none !important;
}
.tbl-head-background-color {
  background-color: #003158 !important;
}
.g-windows-icon,
.g-pricetag-icon {
  filter: grayscale(24) brightness(10.5);
}
.tbl-icons {
  filter: grayscale(24) brightness(10.5);
}
.tbl-dt-row {
  padding: 20px 0;
}
.g-network-details-div {
  border-radius: 10px;
  padding: 0 15px;
}
.subnav-cls {
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.g-hr {
  background-color: #000 !important;
  color: #000 !important;
  border-style: solid !important;
  border: 1px solid #707070 !important;
  margin: 20px 0 !important;
}
.g-thumbnail {
  width: 300px !important;
  height: 300px !important;
}
p {
  font-size: 1rem !important;
}
.g-software-section {
  background-image: url("../images/wallpaper/software-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
  background-position: center;
}
.g-hardware-section {
  background-image: url("../images/wallpaper/hardware-banner-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-network-section {
  background-image: url("../images/wallpaper/colocation-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-datacenter-section {
  background-image: url("../images/wallpaper/datacenter-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-the-network-section{
    background-image: url("../images/wallpaper/g-the-network-section-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-containerization-section {
  background-image: url("../images/wallpaper/containerization-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 580px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}

.g-postgre-solutions-hero-section {
   background-image: url("../images/wallpaper/postgre-solutions-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 580px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}

.g-mssql-solutions-hero-section{
     background-image: url("../images/wallpaper/mssql-solutions-heros-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 580px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}


.g-cpanel-solutions-hero-section{
       background-image: url("../images/wallpaper/cpanel-solutions-heros-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 620px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}


.g-resources-page-hero-banner{
  background-image: url("../images/wallpaper/resources-page-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
@media screen and (max-width:700px)
{
  .g-containerization-section,.g-postgre-solutions-hero-section,.g-mssql-solutions-hero-section,.g-cpanel-solutions-hero-section{
    height: auto !important;
  }
}

.g-iptv-section {
  background-image: url("../images/wallpaper/iptv-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 620px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-application-hosting-servers-section {
  background-image: url("/images/wallpaper/application-hosting-servers-hero-banner.webp") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 520px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
@media screen and (max-width:1024px)
{
  .g-iptv-section{
    height: auto !important;
  }
  .g-application-hosting-servers-section{
    height: auto !important;
  }
}
.g-ddos-section {
  background-image: url("../images/wallpaper/ddos-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-backup-section {
  background-image: url("../images/wallpaper/backup-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-unmetered-section {
  background-image: url("../images/wallpaper/data-center-unmetered-black-casing.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-vps-section {
  background-image: url("../images/wallpaper/vps-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-webjosting-section {
  background-image: url("../images/wallpaper/hosting-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-about-section {
  background-image: url("../images/wallpaper/about-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-sla-section {
  background-image: url("../images/wallpaper/contents-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-terms-section {
  background-image: url("../images/wallpaper/contents-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-cdn-section {
  background-image: url("../images/wallpaper/cdn-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-height-custom-banner-570px {
  height: 580px !important;
}
.g-align-left {
  text-align: left !important;
}
.g-align-items-left {
  align-items: flex-start !important;
}
.g-minecraft-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/minecraft-hero-wallpaper.webp") !important;
  height: 400px;
}
.g-bgp-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)),
    url("/images/wallpaper/bgp-section-hero.webp") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-palworld-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/palworld-hero-wallpaper.jpg") !important;
  height: 400px;
}
.g-soulmask-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/soulmask-hero-wallpaper.jpeg") !important;
  background-position: bottom !important;
  height: 400px;
}
.g-7-days-to-die-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/7-days-to-die-hero-wallpaper.webp") !important;
  height: 400px;
}
.g-l4d2-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/l4d2-hero-wallpaper.jpg") !important;
  background-position: top !important;
  height: 400px;
}
.g-ark-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/ark-hero-wallpaper.jpg") !important;
  background-position: center !important;
  height: 400px;
}
.g-rust-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/rust-hero-wallpaper.jpg") !important;
  height: 400px;
}
.g-arma-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/arma-hero-wallpaper.jpg") !important;
  height: 400px;
}
.g-counter-strike-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url("../images/wallpaper/counter-strike-hero-wallpaper.webp") !important;
  height: 400px;
}
.g-v-rising-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/wallpaper/v-rising-hero-wallpaper.jpeg") !important;
  height: 400px;
}
.g-valheim-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
    url("../images/wallpaper/valheim-hero-wallpaper.jpg") !important;
  height: 400px;
}
.g-insurgency-sandstorm-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
    url("../images/wallpaper/insurgency-sandstorm-hero-wallpaper.avif") !important;
  height: 400px;
}
.g-ecommerce-section {
  background-image: url("../images/wallpaper/ecommerce-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-security-section {
  background-image: url("../images/wallpaper/g-security-section.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
@media screen and (max-width: 640px) {
  .g-cdn-section {
    align-items: center;
    height: 100% !important;
  }
}
.g-aup-section {
  background-image: url("../images/wallpaper/contents-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-privacy-section {
  background-image: url("../images/wallpaper/contents-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-contact-section {
  background-image: url("../images/wallpaper/contact-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-dedicatedserver-section {
  background-image: url("../images/wallpaper/dedicated-server-banner-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width:992px)
{
  .g-mobile-friendly-section{
    background-image: none !important;
    background-color: #1e2337 !important;
    height: auto !important;
  }
.g-mobile-friendly-section > .copy{
   backdrop-filter: none !important;
       border-radius: unset !important;
           text-align: center !important;
           

  }

}
.g-development-rendering-server-solutions{
    background-image: 
    linear-gradient(45deg, rgba(18, 18, 18, 1) 0%, rgba(88, 28, 135, 0.4) 50%, rgba(37, 99, 235, 0.3) 100%), 
    url("/images/wallpaper/development-rendering-server-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 480px !important;
}
.g-discord-bot-hosting-hero{
    background-image: 
    linear-gradient(45deg, rgba(18, 18, 18, 1) 0%, rgba(88, 28, 135, 0.4) 50%, rgba(37, 99, 235, 0.3) 100%), 
    url("/images/wallpaper/discord-bot-hosting-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 520px !important;
}
.g-cdn-server-hosting-hero{
    background-image: 
    linear-gradient(45deg, rgba(18, 18, 18, 0.8) 0%,  rgba(18, 18, 18, 0.3) 100%), 
    url("/images/wallpaper/cdn-server-hosting-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 520px !important;
}

.g-vod-server-hosting-hero{
    background-image: 
    linear-gradient(45deg, rgb(18, 18, 18) 0%,  rgba(18, 18, 18, 0.643) 100%), 
    url("/images/wallpaper/vod-server-hosting-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 520px !important;
}

.g-audio-video-server-hero{
    background-image: 
    linear-gradient(45deg, rgba(18, 18, 18, 0.627) 0%,  rgba(18, 18, 18, 0.643) 100%), 
    url("/images/wallpaper/audio-video-server-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 520px !important;
}

.g-ddos-protected-servers-hero{
    background-image: 
    linear-gradient(45deg, rgba(18, 18, 18, 0.8) 0%,  rgba(18, 18, 18, 0.3) 100%), 
    url("/images/wallpaper/ddos-protected-servers-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 520px !important;
}
.g-ecommerce-dedicated-servers-section {
  background-image: url("/images/wallpaper/ecommerce-dedicated-servers-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px !important;
}
@media screen and (max-width:700px){
  .g-ecommerce-dedicated-servers-section {
 background: #00082c !important;
}

.g-development-rendering-server-solutions {
 
  height: auto !important;
}
.g-discord-bot-hosting-hero{
  height: auto !important;
}
.g-cdn-server-hosting-hero{
  height: auto !important;
}
.g-vod-server-hosting-hero{
  height: auto !important;
}
.g-audio-video-server-hero{
  height: auto !important;
}
.g-ddos-protected-servers-hero{
  height: auto !important;
}
}
.g-display-none-labels{
 position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only{
   position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.g-bg-backup-storage-hero {
  background-image: url("../images/wallpaper/data-and-storage-servers-solutions-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 450px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
.g-newyork-dedicated-servers-section-state {
  background-image: url("../images/wallpaper/dedicated-server-banner-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
@media screen and (max-width: 992px) {
  .g-newyork-dedicated-servers-section-state {
    background: #000428;
    background: -webkit-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: -moz-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: linear-gradient(120deg, #000428 0%, #004e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000428",endColorstr="#004E92",GradientType=1);
  }
  .g-mobile-home-section {
    background: #000428;
    background: -webkit-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: -moz-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: linear-gradient(120deg, #000428 0%, #004e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000428",endColorstr="#004E92",GradientType=1);
  }
}
.g-iptransit-section {
  background-image: url("../images/wallpaper/iptransit-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-wavelength-section {
  background-image: url("../images/wallpaper/wavelength-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-amd-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),
    url("/images/wallpaper/amd-servers-wallpaper.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}
.g-gbps-section {
  background-image: linear-gradient(
      125deg,
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/gbps-servers-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-additional-ip-section {
  background-image: linear-gradient(
      125deg,
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/additional-ip.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-intel-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),
    url("/images/wallpaper/intel-server-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}
.g-gaming-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("../images/wallpaper/game-server-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-gpu-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("../images/wallpaper/data-center-gpu-added.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-gpu-h100-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.56)),
    url("/images/wallpaper/nvidia-cuda-drivers-installation-servermo-hero.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.g-gpu-a100-section{
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.56)),
    url("/images/wallpaper/install-wowza-install-on-server-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-integration-section {
  background-image: url("../images/wallpaper/integration-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-management-section {
  background-image: url("../images/wallpaper/management-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-hostpro-section {
  background-image: url("../images/wallpaper/hostpro-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-reseller-section {
  background-image: url("../images/wallpaper/reseller-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-india-section {
  background-image: url("../images/wallpaper/india-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-thailand-section {
  background-image: url("../images/wallpaper/thailand-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-bangladesh-section {
  background-image: url("../images/wallpaper/bangladesh-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-qatar-section {
  background-image: url("../images/wallpaper/qatar-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-uae-section {
  background-image: url("../images/wallpaper/uae-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.kazakhstan-hero-banner {
  background-image: url("../images/wallpaper/kazakhstan-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-uzbekistan-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../images/wallpaper/uzbekistan-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-montenegro-hero-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../images/wallpaper/montenegro-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.vietnam-hero-banner {
  background-image: url("../images/wallpaper/vietnam-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.china-hero-banner {
  background-image: url("../images/wallpaper/china-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.pakistan-hero-banner {
  background-image: url("../images/wallpaper/pakistan-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.georgia-hero-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../images/wallpaper/georgia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.turkey-hero-banner {
  background-image: url("../images/wallpaper/turkey-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.indonesia-hero-banner {
  background-image: url("../images/wallpaper/indonesia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.malaysia-hero-banner {
  background-image: url("../images/wallpaper/malaysia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.philippines-hero-banner {
  background-image: url("../images/wallpaper/philippines-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.japan-hero-banner {
  background-image: url("../images/wallpaper/japan-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.russia-hero-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../images/wallpaper/russia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.saudi-hero-banner {
  background-image: url("../images/wallpaper/saudi-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.korea-hero-banner {
  background-image: url("../images/wallpaper/korea-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.singapore-hero-banner {
  background-image: url("../images/wallpaper/singapore-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.taiwan-hero-banner {
  background-image: url("../images/wallpaper/taiwan-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.israel-hero-banner {
  background-image: url("../images/wallpaper/israel-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.egypt-hero-banner {
  background-image: url("../images/wallpaper/egypt-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.south-africa-hero-banner {
  background-image: url("../images/wallpaper/south-africa-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.morocco-hero-banner {
  background-image: url("../images/wallpaper/morocco-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nigeria-hero-banner {
  background-image: url("../images/wallpaper/nigeria-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.kenya-hero-banner {
  background-image: url("../images/wallpaper/kenya-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.libya-hero-banner {
  background-image: url("../images/wallpaper/libya-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.tunisia-hero-banner {
  background-image: url("../images/wallpaper/tunisia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.new-zealand-hero-banner {
  background-image: url("../images/wallpaper/new-zealand-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.australia-hero-banner {
  background-image: url("../images/wallpaper/australia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.praguay-hero-banner {
  background-image: url("../images/wallpaper/praguay-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.colombia-hero-banner {
  background-image: url("../images/wallpaper/colombia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.argentina-hero-banner {
  background-image: url("../images/wallpaper/argentina-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.brazil-hero-banner {
  background-image: url("../images/wallpaper/brazil-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.guatemala-hero-banner {
  background-image: url("../images/wallpaper/guatemala-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.peru-hero-banner {
  background: url(../images/wallpaper/peru-hero-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.uruguay-hero-banner {
  background-image: url("../images/wallpaper/uruguay-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.panama-hero-banner {
  background-image: url("../images/wallpaper/panama-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ecuador-hero-banner {
  background-image: url("../images/wallpaper/ecuador-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.costa-rica-hero-banner {
  background-image: url("../images/wallpaper/costa-rica-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.chile-hero-banner {
  background-image: url("../images/wallpaper/chile-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.usa-hero-banner {
  background-image: url("../images/wallpaper/usa-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.canada-hero-banner {
  background-image: url("../images/wallpaper/canada-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.mexico-hero-banner {
  background-image: url("../images/wallpaper/mexico-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.netherlands-hero-banner {
  background-image: url("../images/wallpaper/netherlands-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.greece-hero-banner {
  background-image: url("../images/wallpaper/greece-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.azerbaijan-hero-banner {
  background-image: url("../images/wallpaper/azerbaijan-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.spain-hero-banner {
  background-image: url("../images/wallpaper/spain-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.serbia-hero-banner {
  background-image: url("../images/wallpaper/serbia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.germany-hero-banner {
  background-image: url("../images/wallpaper/germany-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
@media screen and (max-width: 992px) {
  .germany-hero-banner {
    background: #000428;
    background: -webkit-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: -moz-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: linear-gradient(120deg, #000428 0%, #004e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000428",endColorstr="#004E92",GradientType=1);
    justify-content: center;
    align-items: center;
  }
}
.slovakia-hero-banner {
  background-image: url("../images/wallpaper/slovakia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.belgium-hero-banner {
  background-image: url("../images/wallpaper/belgium-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.romania-hero-banner {
  background-image: url("../images/wallpaper/romania-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hungary-hero-banner {
  background-image: url("../images/wallpaper/hungary-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.moldova-hero-banner {
  background-image: url("../images/wallpaper/moldova-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.denmark-hero-banner {
  background-image: url("../images/wallpaper/denmark-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ireland-hero-banner {
  background-image: url("../images/wallpaper/ireland-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.united-kingdom-hero-banner {
  background-image: 
    linear-gradient(90deg, rgba(0,0,0,0.6), rgba(0,0,0,0.2)), 
    url("../images/wallpaper/united-kingdom-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.italy-hero-banner {
  background-image: url("../images/wallpaper/italy-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.finland-hero-banner {
  background-image: url("../images/wallpaper/finland-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ukraine-hero-banner {
  background-image: url("../images/wallpaper/ukraine-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.france-hero-banner {
  background-image: url("../images/wallpaper/france-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  width: 100% !important;
}
@media screen and (max-width: 992px) {
  .france-hero-banner {
    background: #000428;
    background: -webkit-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: -moz-linear-gradient(120deg, #000428 0%, #004e92 100%);
    background: linear-gradient(120deg, #000428 0%, #004e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000428",endColorstr="#004E92",GradientType=1);
  }
}
.portugal-hero-banner {
  background-image: url("../images/wallpaper/portugal-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slovenia-hero-banner {
  background-image: url("../images/wallpaper/slovenia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.luxembourg-hero-banner {
  background-image: url("../images/wallpaper/luxembourg-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.cyprus-hero-banner {
  background-image: url("../images/wallpaper/cyprus-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bosnia-herzegovina-hero-banner {
  background-image: url("../images/wallpaper/bosnia-herzegovina-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.norway-hero-banner {
  background-image: url("../images/wallpaper/norway-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.czech-republic-hero-banner {
  background-image: url("../images/wallpaper/czech-republic-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.iceland-hero-banner {
  background-image: url("../images/wallpaper/iceland-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.latvia-hero-banner {
  background-image: url("../images/wallpaper/latvia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bulgaria-hero-banner {
  background-image: url("../images/wallpaper/bulgaria-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sweden-hero-banner {
  background-image: url("../images/wallpaper/sweden-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.estonia-hero-banner {
  background-image: url("../images/wallpaper/estonia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.albania-hero-banner {
  background-image: url("../images/wallpaper/albania-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.austria-hero-banner {
  background-image: url("../images/wallpaper/austria-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lithuania-hero-banner {
  background-image: url("../images/wallpaper/lithuania-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.poland-hero-banner {
  background-image: url("../images/wallpaper/poland-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.croatia-hero-banner {
  background-image: url("../images/wallpaper/croatia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.switzerland-hero-banner {
  background-image: url("../images/wallpaper/switzerland-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.g-north-america-section {
  background-image: url("../images/wallpaper/north-america-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-south-america-section {
  background-image: url("../images/wallpaper/south-america-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-europe-section {
  background-image: url("../images/wallpaper/europe-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-australia-section {
  background-image: url("../images/wallpaper/g-australia-section.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-asia-section {
  background-image: url("../images/wallpaper/asia-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-africa-section {
  background-image: url("../images/wallpaper/africa-hero-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-promos-div {
  background-color: #fff;
  color: #000;
  border-top: 1px solid #ccc;
}
.g-price-tbl-background {
  background-color: #003158;
  color: #fff !important;
}
.copy > h1 {
  font-size: 32px !important;
  font-family: "poppins" !important;
  font-weight: 600 !important;
  line-height: 45px !important;
}
.g-frameworks {
  background-color: #f3f3f3;
}
.g-card-icon-flex {
  display: flex;
}
.g-card-caret {
  padding-right: 10px !important;
  color: #000000;
  transition: 0.3s ease-in-out;
  font-size: 18px;
}
g-content-part-div-items-div .g-price-card-title {
  font-size: 26px !important;
  color: #000 !important;
  font-weight: none !important;
  padding-top: 20px;
}
.g-card-section-top-title {
  text-align: center;
}
.g-vps-subbanners-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-about-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-sla-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-lowerbanner-title {
  color: #000 !important;
  font-weight: none !important;
}
.g-webhosting-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-network-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-datacenter-lowerbanner {
  background-color: #fbfbfb;
  padding: 20px 4rem 20px 4rem;
}
.g-terms-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-aup-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-privacy-lowerbanner {
  background-color: #fbfbfb;
  padding: 30px 4rem 20px 4rem;
}
.g-gray-small-card-body strong {
  font-size: 20px !important;
  font-weight: 900 !important;
  padding-bottom: 20px !important;
}
.g-main-product-price-card-div {
  display: flex;
  flex-wrap: wrap;
}
.g-main-product-price-card-div > .columns {
  display: flex;
  flex-direction: column;
}
.g-main-product-price-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 1px 6px 10px #cfcfcf;
  border-radius: 20px;
  transition: 0.3s ease-in-out;
}
.g-main-product-price-card:hover {
  transform: scale(1.02);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  box-shadow: 1px 6px 10px #ccc;
}
.g-main-product-price-card-head {
  background: #000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 30px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.owl-dots {
  display: none;
}
.owl-next {
  padding: 20px !important;
}
.owl-nav > button > span {
  font-size: 30px !important;
  padding: 0 20px !important;
  display: flex !important;
  justify-content: center !important;
  height: 50px;
}
.owl-next {
}
.owl-next:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.owl-prev:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.g-main-product-price-card-title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.g-main-product-price-card-price {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: "raleway" !important;
}
.g-product-card-arr {
  color: #005da8;
  margin: 0 15px;
  display: none;
}
.g-main-product-price-card-content {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px dotted #d3d3d3;
  font-size: 14px;
}
.g-main-product-price-card-content-title {
  color: #003158;
  font-size: 14px;
  font-weight: 600;
}
.g-main-product-price-card-body {
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 20px;
  flex: 1;
}
.g-main-product-price-card-content-detail {
  font-size: 16px;
}
.g-main-product-price-card-footer {
  border-top: 1px solid #ccc;
  padding: 10px 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #c12701;
}
.g-main-product-price-card-btn {
  background-color: #fff;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  padding: 15px 15px;
  transition: 0.3s ease-in-out;
  border-radius: 30px;
  border: none;
}
.g-main-product-price-card-btn:hover {
  background-color: #e6e6e6;
  transition: 0.3s ease-in-out;
  color: #000;
}
@media screen and (max-width: 1401px) {
  .g-vps-subbanners-lowerbanner {
    padding: 20px 3rem;
  }
  .g-about-lowerbanner {
    padding: 20px 3rem;
  }
  .g-sla-lowerbanner {
    padding: 20px 3rem;
  }
  .g-webhosting-lowerbanner {
    padding: 20px 3rem;
  }
  .g-network-lowerbanner {
    padding: 20px 3rem;
  }
  .g-datacenter-lowerbanner {
    padding: 20px 3rem;
  }
  .g-terms-lowerbanner {
    padding: 20px 3rem;
  }
  .g-aup-lowerbanner {
    padding: 20px 3rem;
  }
  .g-privacy-lowerbanner {
    padding: 20px 3rem;
  }
}
@media screen and (max-width: 1131px) {
  .g-price-card-title {
    font-size: 20px !important;
  }
  .g-price-card-price {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .g-vps-subbanners-lowerbanner {
    padding: 20px 1rem;
  }
  .g-about-lowerbanner {
    padding: 20px 1rem;
  }
  .g-sla-lowerbanner {
    padding: 20px 1rem;
  }
  .g-webhosting-lowerbanner {
    padding: 20px 1rem;
  }
  .g-network-lowerbanner {
    padding: 20px 1rem;
  }
  .g-datacenter-lowerbanner {
    padding: 20px 1rem;
  }
  .g-terms-lowerbanner {
    padding: 20px 1rem;
  }
  .g-aup-lowerbanner {
    padding: 20px 1rem;
  }
  .g-privacy-lowerbanner {
    padding: 20px 1rem;
  }
}
.g-price-card-price {
  font-size: 30px !important;
}
.g-price-card-body-special {
  border-top: 4px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-radius: 10px;
}
.g-price-card-body-standard {
  border-top: 4px solid #029fe2;
  border-left: 2px solid #029fe2;
  border-right: 2px solid #029fe2;
  border-bottom: 2px solid #029fe2;
  border-radius: 10px;
}
.g-price-card-body-professional {
  border-top: 4px solid #ffa41e;
  border-left: 2px solid #ffa41e;
  border-right: 2px solid #ffa41e;
  border-bottom: 2px solid #ffa41e;
  border-radius: 10px;
}
.g-price-card-body-business {
  border-top: 4px solid #ff1e00;
  border-left: 2px solid #ff1e00;
  border-right: 2px solid #ff1e00;
  border-bottom: 2px solid #ff1e00;
  border-radius: 10px;
}
.g-price-card-body-head {
  background-color: #f3f3f3;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 3px solid #ccc;
  filter: drop-shadow(2px 2px 6px #ccc);
  text-align: center;
}
.g-price-card-div {
  transition: 0.3s ease-in-out;
}
.g-price-card-div:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.03);
}
.g-price-card-body-content {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-price-card-each-detail {
  padding: 15px 0;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.g-price-card-each-detail:hover {
  padding-left: 5px;
  transition: 0.3s ease-in-out;
}
.g-price-card-each-detail:hover .g-card-caret {
  color: #41cc00 !important;
  transition: 0.3s ease-in-out;
}
.g-price-card-btn {
  background-color: transparent;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  padding: 15px 0;
  text-align: center;
  transition: 0.2s ease-in-out;
  width: 100%;
  border-radius: 30px;
  margin-top: 30px;
  border: 2px solid #000;
}
.g-price-card-btn:hover {
  background-color: #c12701 !important;
  border: 2px solid #c12701;
  transition: 0.2s ease-in-out;
  color: #fff;
}
.g-sub-banners-lowerbanner {
  background-color: #f3f3f3 !important;
  justify-content: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  padding: 30px 0 20px 0;
  column-gap: 10px !important;
}
.g-sub-banners-lowerbanner-btn {
  padding: 0 10px;
}
.g-umetered-subbanners-lowerbanner {
  background-color: #fbfbfb !important;
  padding: 30px 0 20px 0;
}
.g-bolder-text {
  font-weight: 600;
  font-size: 18px;
}
.g-lower-banners-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
}
.g-data-center-contents-align-middle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1400px;
}
.g-content-image-flex-center {
  justify-content: center;
  display: flex;
}
.g-subbanners-titles-size {
  font-size: 30px !important;
  text-transform: capitalize !important;
}
.g-lower-banner-btn-attr {
  padding: 15px 20px !important;
  font-size: 16px !important;
}
.g-subbanners-btn-center-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.g-login-nav {
  background-color: #000 !important;
}
.g-login-txt-attr {
  border-radius: 20px !important;
}
.g-email-div {
  position: relative;
}
.g-pass-div {
  position: relative;
}
.g-envo-icon {
  position: absolute !important;
  right: 20px !important;
  top: 10px;
  font-size: 20px;
  color: #ccc;
}
.g-lock-icon {
  position: absolute !important;
  right: 20px !important;
  top: 40px;
  font-size: 20px;
  color: #ccc;
}
.g-dyn-email-lbl {
  position: absolute;
  left: 10px;
  top: 6px;
  color: #999999;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.g-dyn-pass-lbl {
  position: absolute;
  left: 10px;
  top: 38px;
  color: #999999;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.gsetbackposition {
  left: -10;
  top: -30px;
  transition: 0.3s ease-in-out;
  color: #000;
  font-size: 16px;
}
.gsetbackposition-pass {
  left: -10;
  top: -1px;
  transition: 0.3s ease-in-out;
  color: #000;
  font-size: 16px;
}
.g-login-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.g-login-box-attr {
  border-radius: 15px;
  padding: 30px 20px;
  background-color: #f3f3f3;
  box-shadow: 1px 2px 10px #dfdfdf;
}
.g-login-btn {
  color: #fff !important;
  background-color: #000 !important;
  padding: 6px 25px !important;
  border: none;
}
.g-btn-group {
  display: flex;
  flex-direction: column;
}
.g-text-only-title {
  font-size: 24px !important;
}
.g-text-center {
  text-align: center !important;
}
.g-aboutus-content-box {
  background-color: #fff;
  color: #000;
  border: 2px solid #c12701;
  padding: 20px 30px;
  border-radius: 15px;
}
.g-aboutus-cards-title-symbol {
  font-size: 25px;
  color: #33b900;
}
.g-ddos-list-wraper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.g-ul-remove-mar-bottom {
  margin-bottom: 0 !important;
}
.g-terms-contents-access-btn {
  background-color: #c12701;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 25px;
  transition: 0.3s ease-in-out;
  margin: 10px 0;
  border-radius: 30px;
}
.g-terms-contents-access-btn:hover {
  transition: 0.3s ease-in-out;
  background-color: #ffdfdf;
  color: #000;
}
.g-customerservice-section {
  display: flex;
  background-color: #f3f3f3;
  text-align: center;
  padding: 50px 0;
  align-items: center;
  justify-content: center;
}
.g-contact-number {
  font-size: 25px !important;
  color: #c12701;
}
.g-input-div-flex {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  width: 100%;
}
.g-width-100per {
  width: 100% !important;
}
.g-form-lbl {
  color: #003158 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.g-form-inputs {
  border-radius: 0 !important;
  box-shadow: 1px 2px 10px #e4e4e4 !important;
  font-family: "poppins" !important;
  padding: 10px 8px !important;
  font-size: 16px !important;
}
.g-form-inputs:focus {
  border: 1px solid #41cc00 !important;
}
.g-contact-image {
  border-radius: 15px;
}
.g-contact-us-man-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.g-primary-btn-contact {
  color: #fff;
  background-color: #00111f;
  border: none;
  padding: 15px 0;
  border-radius: 3px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s ease-in-out;
  margin: 8px 0;
}
.g-primary-btn-contact-reset {
  color: #fff;
  background-color: #99001a;
  border: none;
  padding: 15px 0;
  border-radius: 3px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s ease-in-out;
  margin: 8px 0;
}
.g-primary-btn-contact:hover {
  color: #fff;
  background-color: #002e53 !important;
  transition: 0.3s ease-in-out;
}
.g-terms-contents-access-btn-div {
  display: flex;
  justify-content: end;
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row;
}
.g-highlighted-tags {
  font-weight: 600;
  color: #c12701 !important;
}
.g-importance-of-dedicated-server-card-body-img-2 {
  width: 100px !important;
}
@media screen and (max-width: 639px) {
  .g-importance-of-dedicated-server-card-body-img-2 {
    width: 110px !important;
  }
}
.g-index-reopening-cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 0 0;
}
.g-d-flex-reoffering {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-items: center;
}
.g-reoffering-section {
  padding-top: 50px;
  padding-bottom: 0;
}
.g-datacenter-landing-img {
  border-radius: 15px;
}
.g-index-reopening-cards-btns {
  font-weight: 400;
  background-color: #c02601ff;
  color: #fff;
  padding: 8px 15px;
  border-radius: 25px;
}
.g-tick-green-arr {
  color: #41cd00;
  font-size: 20px;
  margin: 0 10px 0 0;
}
.g-text-justify {
  text-align: justify !important;
}
.g-landing-div-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-landing-img-end {
  display: flex;
  justify-content: end;
  width: 45% !important;
}
.g-contact-us-banner-body {
  border-radius: 25px;
  padding: 0 0 0 60px;
}
.g-banner-d-flex-main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.g-banner-main-btn {
  font-size: 18px;
  font-weight: 900 !important;
  color: #000000;
  background-color: #ffffff;
  border-radius: 25px;
  padding: 15px 25px;
  transition: 0.3s ease-in-out;
}
.g-banner-main-btn:hover {
  color: #000000;
  background-color: #bebebe;
  transition: 0.3s ease-in-out;
}
.g-banner-main-content-div {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.g-img-center-flex {
  display: flex;
  justify-content: center;
}
.g-contact-us-banner-section {
  background-color: #000;
}
.g-banner-title {
  position: relative;
  font-size: 32px !important;
}
.g-banner-title::after {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 100%;
  height: 2px;
  background-color: #c12701;
  left: 0;
  right: 0;
}
.g-banner-para {
  margin-bottom: 0 !important;
}
.g-top-navbar-icon {
  font-size: 25px;
}
.g-red-text {
  color: #c12701 !important;
}
.g-top-nav-atags {
  font-size: 14px;
}
.g-primary-btn-red {
  padding: 8px 25px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: #c12701 !important;
  border-radius: 30px !important;
  margin: 20px 0 20px 0;
  font-family: poppins;
}
.g-red-nav-btn {
  background-color: #831a00;
  color: #fff !important;
  padding: 15px 25px;
  border: none;
  border-radius: 25px;
  transition: 0.3s ease-in-out;
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-weight: 400;
}
.g-red-nav-btn:hover {
  transition: 0.3s ease-in-out;
  background-color: #c12701 !important;
}
.g-somebanners-heading {
  font-size: 40px !important;
  text-transform: none !important;
}
@media screen and (max-width: 470px) {
  .g-somebanners-heading {
    font-size: 30px !important;
    text-transform: none !important;
  }
}
.g-somebanners-titlepara {
  font-size: 18px;
}
.g-landing-banner-img-end {
  width: 30% !important;
}
.g-offers-new-div {
  padding-top: 60px !important;
}
.g-new-subbanners-btn {
  padding: 10px 20px;
  background-color: #c12701 !important;
  color: #fff !important;
  font-weight: 500 !important;
  border: none;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
  margin: 10px 0 10px 0;
  font-family: "poppins" !important;
  font-size: 18px !important;
}
.g-mainbanners-subnavigtors-btn {
  display: flex;
  column-gap: 10px;
  background-color: #fff;
  padding: 10px 4px;
  justify-content: center;
  border-radius: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  font-size: 14px;
  font-family: "poppins" !important;
  font-weight: 600;
  border: 1px solid #666666;
  transition: 0.2s ease-in-out;
  align-items: center;
  width: 100% !important;
  color: #000 !important;
  flex-wrap: wrap;
  text-align: center;
}
.g-mainbanners-subnavigtors-btn:hover {
  color: #fff !important;
  background-color: #c12701;
  transition: 0.2s ease-in-out;
  border: 1px solid #c12701;
}
.g-new-subbanners-btn:hover {
  background-color: #911d00 !important;
  color: #fff !important;
  transition: 0.3s ease-in-out;
}
.g-gray-small-card-body > img {
  transform: translateY(-72px) !important;
}
.g-big-layout-btn {
  background-color: #ffbfbf;
  padding: 12px 25px;
  font-weight: 600;
  font-size: 18px;
  border: none;
  border-radius: 30px;
  color: #000 !important;
  margin: 15px 0 0 0;
  transition: 0.3s ease-in-out;
}
.g-big-layout-btn:hover {
  background-color: #000;
  color: #fff !important;
  transition: 0.3s ease-in-out;
}
.g-seperated-div {
  border-radius: 20px;
}
.g-new-design-banner {
  display: flex;
}
.g-new-banner-image {
  width: 666px;
}
.g-new-banner-image-center {
  display: flex;
  justify-content: center;
}
.g-new-op-tbl-head {
  background-color: #000;
  border: none;
}
.g-new-op-tbl-head-heading {
  padding: 12px 0;
  width: 50%;
  color: #fff !important;
}
.g-op-tbl-head {
  display: flex;
  justify-content: space-evenly;
}
.g-new-op-tbl-head-heading {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  text-align: center !important;
}
.g-op-tbl-body {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.g-op-tbl-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.g-new-op-tbl-body-content-row {
  text-align: center;
}
.g-new-op-tbl-body-content-row:nth-child(even) {
  background-color: #e5e5e5 !important;
}
.g-new-op-tbl {
  border: 1px solid #ccc !important;
  box-shadow: -9px 8px 23px 3px #efefef;
  margin: 0 !important;
}
.g-new-op-tbl-body {
  border: none !important;
}
.g-new-op-tbl-body-contents {
  padding: 15px 20px !important;
  word-break: break-word;
}
.g-needinfo-btn {
  margin-top: 30px;
  background-color: #c12701 !important;
  color: #fff !important;
  transition: 0.3s ease-in-out;
}
.g-needinfo-btn:hover {
  background-color: #ffdfdf !important;
  color: #000 !important;
  transition: 0.3s ease-in-out;
}
.g-cornsilk-color {
  background-color: #000;
  border: 1px solid #ffdfdf;
}
.g-p-0 {
  padding: 0 !important;
}
.g-gallary-div {
  padding: 30px 30px 0 30px;
  border-radius: 20px;
}
.g-black-color {
  color: #000 !important;
}
.g-seemore-btn {
  background-color: #ffdfdf !important;
  color: #000 !important;
}
.g-index-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("/images/wallpaper/ashburn-dc.webp") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media screen and (max-width: 502px) {
}
.g-ddos-first-cont-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.g-custom-column-size {
  width: 38% !important;
}
@media screen and (max-width: 1180px) {
  .g-custom-column-size {
    width: 50% !important;
  }
}
@media screen and (max-width: 880px) {
  .g-custom-column-size {
    width: 100% !important;
  }
}
.g-needinfo-div {
  padding: 20px 50px 30px 20px;
}
@media screen and (max-width: 1373px) {
  .g-needinfo-div {
    padding: 20px 20px 30px 20px;
  }
}
@media screen and (max-width: 575px) {
  .g-new-op-tbl-head-heading {
    font-size: 14px;
    width: 150px;
  }
}
@media screen and (max-width: 1554px) {
  .g-new-banner-image {
  }
}
@media screen and (max-width: 1545px) {
  .g-contact-us-banner-section {
    padding: 0 0 20px 0;
  }
  .g-colored-border-line {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1498px) {
  .g-landing-banner-img-end {
    width: 50% !important;
  }
}
@media screen and (max-width: 1586px) {
  .g-red-nav-btn {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
}
@media screen and (max-width: 947px) {
  .g-flex-phone-view-wrap {
    width: 100% !important;
  }
  .g-banner-d-flex-main {
    flex-direction: column-reverse;
  }
  .g-banner-padding {
    padding-bottom: 50px;
  }
  .g-banner-main-content-div {
    align-items: center;
    text-align: center;
  }
  .g-contact-us-banner-body {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1260px) {
  .g-card-fle-column {
    flex-direction: column;
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .g-landing-img-end {
    display: flex;
    justify-content: center;
    width: 100% !important;
  }
}
@media screen and (max-width: 700px) {
  .g-index-reopening-cards {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px 0 10px;
  }
}
@media screen and (max-width: 1085px) {
  .g-phone-brek {
    width: 100% !important;
  }
}
@media screen and (max-width: 530px) {
  .g-input-div-flex {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1171px) {
  .g-index-lowerbanner-phone {
    width: 100% !important;
  }
  .g-landing-pages-div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
  }
  .g-index-lowerbanner-heading {
    text-align: center;
  }
  .g-lowerbanner-content {
    width: 100% !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  #contentToPrint,
  #contentToPrint * {
    visibility: visible;
  }
  #contentToPrint {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/* #contentToPrint > .g-text-only-title{
  font-size: 26px !important;
} */

@media screen and (max-width: 1023px) {
  .g-thumnail {
    margin: 10px 0 10px 0 !important;
  }
  .g-login-flex {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 500px) {
  .phone-view-size {
    font-size: 25px !important;
  }
}
@media screen and (max-width: 407px) {
  .g-vps-section {
    height: 650px;
  }
}
@media screen and (max-width: 1507px) {
  .g-unmetered-section {
    height: 400px;
  }
}
@media screen and (max-width: 697px) {
  .g-unmetered-section {
    height: 400px;
  }
}
@media screen and (max-width: 1086px) {
  .g-ddos-section {
    height: 400px;
  }
}
@media screen and (max-width: 729px) {
  .g-ddos-section {
    height: 400px;
  }
}
@media screen and (max-width: 695px) {
  .g-ddos-section {
    height: 400px;
  }
}
@media screen and (max-width: 681px) {
  .g-ddos-section {
    height: 400px;
  }
}
@media screen and (max-width: 536px) {
  .g-ddos-section {
    height: 400px;
  }
}
.copy {
  padding-bottom: 2rem !important;
}
@media screen and (max-width: 639px) {
  .g-white-arr-foot {
    color: #fff;
    display: inline-block !important;
  }
  .g-phone-padding {
    padding: 0 30px 0 30px !important;
  }
  .g-social-icons {
    padding: 0 10px 0 0;
  }
  .social {
    transform: translateX(-110px) !important;
    width: 250px !important;
  }
  .g-ul-flex {
    display: inline-flex !important;
    justify-content: center !important;
    flex-wrap: wrap;
  }
  .g-foot-bottom-li {
    padding: 0 8px 0 0;
  }
}
@media screen and (max-width: 547px) {
  .g-reduce-top-mar {
    margin-top: 0;
  }
}
@media screen and (max-width: 1269px) {
  .slogan .big {
    font-size: 40px;
  }
}
@media screen and (max-width: 546px) {
  .g-reduce-top-mar {
    margin-top: -30px;
  }
  .slogan .big {
    font-size: 35px;
  }
}
@media screen and (max-width: 1023px) {
  .g-mar-10 {
    margin-bottom: 0 !important;
  }
  .g-gray-small-card-body {
    display: flex;
    justify-content: center;
  }
  .g-email-content-part {
    padding-right: 0 !important;
    text-align: left !important;
  }
  .g-email-content-part-2 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .g-medium-100 {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .g-medium-100::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    background-color: none;
  }
  .g-toggle-navbar-head-diff {
    color: #0065d5 !important;
  }
}
.is-dropdown-submenu-item {
  font-family: "Poppins" !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
}
.g-toggle-navbar-head-diff {
  font-family: "Poppins" !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1085px) {
  .g-phone-view-flex {
    flex-direction: column-reverse;
  }
  .g-contact-image-phone {
    padding-top: 80px;
    display: flex;
    justify-content: center;
  }
  .g-alt-phone-image {
    display: block !important;
  }
  .g-alt-phone-image-none {
    display: none;
  }
}
.g-alt-phone-image {
  display: none;
}
.g-rebox {
  padding: 20px 0;
}
.swal2-popup {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 50px;
}
.swal2-confirm {
  background-color: #000 !important;
  padding: 15px 35px !important;
}
.swal2-icon {
  border-color: #c12701 !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #c12701;
}
@media screen and (max-width: 406px) {
  .g-dedi-serv-mob {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.g-dedicated-servers-category-div {
  background-color: #ececec;
  padding: 10px 50px;
  box-shadow: rgba(141, 141, 141, 0.2) 0 8px 24px;
  text-align: center;
  border: 1px solid #707070;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.g-dedicated-server-category-image-div {
  background-color: #2c2c2c;
  padding: 10px 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 476px) {
  .g-dedicated-servers-category-div {
    padding: 10px 8px;
  }
}
@media screen and (max-width: 530px) {
  .g-dedicated-server-category-image-div {
    padding: 10px 20px;
  }
  .g-dedicated-servers-cat-name {
    font-size: 16px !important;
  }
  .g-dedicated-servers-category-div {
    width: 100%;
  }
}
.g-category-icon {
  margin-right: 10px;
}
.g-dedicated-servers-cat-name {
  font-size: 18px;
  font-weight: 600;
  height: 100%;
  font-family: "poppins";
}
.g-dedicated-server-category-main-div {
  display: flex;
  justify-content: flex-start;
}
.g-dedicated-server-details-tbl {
  text-align: center;
  background-color: none !important;
  border: none !important;
  border-collapse: separate;
  box-shadow: 1px 1px 16px 1px #e5e5e5;
}
.g-dedicated-server-details-tbl-heading-row {
  background-color: #000;
  color: #fff;
}
.g-dedicated-server-details-tbl-heading {
  font-size: 18px;
  background-color: none !important;
  border: none !important;
  text-align: center;
  padding: 25px 0;
}
.g-dedicated-server-details-tbl-body-data-btn {
  background-color: #c12701;
  border: none;
  padding: 15px 25px;
  font-weight: 600;
  color: #fff !important;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
  border: 1px solid #c12701;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-dedicated-server-details-tbl-body-data-btn:hover {
  background-color: #fff !important;
  border: 1px solid #000 !important;
  transition: 0.3s ease-in-out !important;
  color: #fff !important;
}
.g-pad-left {
  padding-left: 50px !important;
}
.g-dedicated-server-details-tbl-long-data-width {
}
.g-dedicated-server-details-tbl-align-left {
  text-align: left !important;
}
.g-dedicated-server-details-tbl-body-data {
  width: 210px;
  padding: 20px 20px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.g-dedicated-server-details-tbl-body-row {
  transition: 0.3s ease-in-out;
  box-shadow: 0 1px 0 0 #ececec;
  padding: 20px 0;
}
.g-dedicated-server-details-tbl-body-row:hover
  .g-dedicated-server-details-tbl-body-data {
  border-left: none !important;
  border-right: none !important;
  transition: 0.3s ease-in-out;
  border-top: none !important;
  border-bottom: none !important;
}
.g-dedicated-server-details-tbl-body-row:hover {
  transform: scale(1.01);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  box-shadow: 0 1px 0 0 transparent;
}
.g-dedicated-server-details-tbl-body-row:hover
  .g-dedicated-server-details-tbl-body-data {
  transition: 0.3s ease-in-out;
}
.g-dedicated-server-details-tbl-body-row:hover
  .g-dedicated-server-details-tbl-body-data-btn {
  transition: 0.3s ease-in-out;
  background-color: transparent;
  color: #000 !important;
}
.dedi-server-phone-view-price {
  font-size: 19px;
  color: #00761f;
}
.dedi-server-phone-view-carrot {
  display: none !important;
  color: #03a84e;
  font-size: 18px;
  margin-right: 10px;
}
.g-dedicated-server-details-tbl-body-row:nth-child(even) {
  background-color: #ececec;
  background: linear-gradient(
    206deg,
    rgb(236 233 255 / 20%),
    rgb(192 187 255 / 20%)
  );
}
.g-dedicated-server-category-image {
  width: 25px;
}
.fa-cart-shopping {
  margin-right: 10px;
}
@media screen and (max-width: 1274px) {
  .g-dedicated-server-details-tbl-body-data-btn {
    font-size: 12px;
  }
}
@media screen and (max-width: 1052px) {
  .g-dedicated-server-details-tbl-body-data-btn {
    font-size: 16px;
    width: 100%;
  }
  .g-dedicated-server-details-tbl-tab-show {
    display: none;
  }
  .fa-cart-shopping {
    margin-right: 0;
  }
}
@media screen and (max-width: 1673px) {
  .g-dedicated-server-details-tbl-body-data {
    width: 210px;
    transition: 0.3s ease-in-out;
    padding: 20px 20px;
  }
  .g-dedicated-server-details-tbl-heading {
    font-size: 16px;
  }
}
@media screen and (max-width: 1175px) {
  .g-dedicated-server-details-tbl-body-data-btn {
    padding: 15px 15px;
  }
  .g-dedicated-server-details-tbl-heading {
    font-size: 16px;
  }
  .g-pad-left {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 1000px) {
  .g-tbl-icons {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  .g-dedicated-server-details-tbl-body-row:nth-child(even) {
    background: transparent !important;
  }
  .g-dedicated-server-details-tbl-tab-show {
    display: inline-block;
  }
  .g-dedicated-server-details-tbl-tab-show:hover {
    color: #000 !important;
  }
  .fa-cart-shopping {
    margin-right: 10px;
  }
  .g-dedicated-server-details-tbl-heading-part {
    display: none;
  }
  .g-dedicated-server-details-tbl-body-data-btn {
    width: 100%;
    background: transparent;
    border: 2px solid #000;
    color: #000 !important;
    font-size: 18px;
  }
  .dedi-server-phone-view-heading {
    background-color: #831a00;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin-bottom: 10px;
  }
  .g-dedicated-server-category-main-div {
    display: flex;
    justify-content: flex-start;
    justify-content: center;
  }
  .g-dedicated-server-details-tbl-body-row {
    display: flex;
    background-color: #f3f3f3 !important;
    align-items: center;
    flex-direction: column;
    padding: 0 0 20px 0;
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    box-shadow: 4px 3px 18px 6px #d5d5d5 !important;
  }
  .g-dedicated-server-details-tbl-body-row:hover
    .g-dedicated-server-details-tbl-body-data-btn {
    border: 2px solid #000 !important;
    background-color: #000;
    color: #fff !important;
  }
  .g-dedicated-server-details-tbl-body-part {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }
  .g-dedicated-server-details-tbl {
    box-shadow: none;
  }
  .dedi-server-phone-view-heading {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  .g-dedicated-server-details-tbl-body-data {
    width: 100%;
    text-align: left !important;
    display: flex;
    height: 100% !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  .dedi-server-phone-view-price {
    font-size: 25px;
    font-weight: 800;
    color: #c12701 !important;
  }
  .g-dedicated-server-details-tbl-data-phone-view {
    font-size: 16px;
    font-weight: 600;
  }
  .dedi-server-phone-view-price:after {
    align-items: center;
    content: "/ Month ";
    margin-left: 10px;
    display: flex;
    font-size: 17px;
    color: #747474;
    font-weight: 600;
  }
  .dedi-server-phone-view-carrot {
    display: inline !important;
  }
}
.g-continental-map {
  filter: brightness(1);
}
.g-continantal-div {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 50px;
  border-radius: 20px;
  border: 1px solid #f1f1f1;
  background-color: #003158;
}
.g-continental-map-div {
  position: relative;
}
.g-dedi-map-pointer {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #c12701;
  cursor: pointer;
  border: 2px solid #fff;
}
@keyframes rip {
  0% {
    transform: translateZ(0);
    outline: 0 solid #fff;
  }
  100% {
    transform: translateZ(1.1);
    outline: 20px solid #b1b3b400;
  }
}
@keyframes rip1 {
  0% {
    transform: translateZ(0);
    outline: 0 solid #fff;
  }
  100% {
    transform: translateZ(1.1);
    outline: 20px solid #b1b3b400;
  }
}
@keyframes rip2 {
  0% {
    transform: translateZ(0);
    outline: 0 solid #fff;
  }
  100% {
    transform: translateZ(1.1);
    outline: 20px solid #b1b3b400;
  }
}
@keyframes rip3 {
  0% {
    transform: translateZ(0);
    outline: 0 solid #fff;
  }
  100% {
    transform: translateZ(1.1);
    outline: 20px solid #b1b3b400;
  }
}
@keyframes rip4 {
  0% {
    transform: translateZ(0);
    outline: 0 solid #fff;
  }
  100% {
    transform: translateZ(1.1);
    outline: 20px solid #b1b3b400;
  }
}
@keyframes rip5 {
  0% {
    transform: translateZ(0);
    outline: 0 solid #fff;
  }
  100% {
    transform: translateZ(1.1);
    outline: 20px solid #b1b3b400;
  }
}
.g-conti-na {
  left: 22%;
  top: 30%;
  animation: rip infinite 2s;
  will-change: transform;
}
.g-conti-na:after {
  position: absolute;
  content: "North America";
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 100px;
  text-align: center;
  padding: 3px 0;
  border-radius: 10px;
  top: 0;
  left: 164%;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-conti-na:hover:after {
  background-color: #004b88;
  transition: 0.3s ease-in-out;
}
.g-conti-sa {
  left: 33%;
  top: 70%;
  animation: rip1 infinite 2.8s;
  will-change: transform;
}
.g-conti-sa:after {
  position: absolute;
  content: "South America";
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 100px;
  text-align: center;
  padding: 3px 0;
  border-radius: 10px;
  top: 0;
  left: 164%;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-conti-sa:hover:after {
  background-color: #004b88;
  transition: 0.3s ease-in-out;
}
.g-conti-eu {
  left: 55%;
  top: 28%;
  animation: rip2 infinite 2s;
  will-change: transform;
}
.g-conti-eu:after {
  position: absolute;
  content: "Europe";
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 100px;
  text-align: center;
  padding: 3px 0;
  border-radius: 10px;
  top: -200%;
  left: 164%;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-conti-eu:hover:after {
  background-color: #004b88;
  transition: 0.3s ease-in-out;
}
.g-conti-as {
  left: 70%;
  top: 35%;
  animation: rip3 infinite 2.3s;
  will-change: transform;
}
.g-conti-as:after {
  position: absolute;
  content: "Asia";
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 100px;
  text-align: center;
  padding: 3px 0;
  border-radius: 10px;
  top: 0;
  left: 164%;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-conti-as:hover:after {
  background-color: #004b88;
  transition: 0.3s ease-in-out;
}
.g-conti-af {
  left: 55%;
  top: 55%;
  animation: rip4 infinite 2.6s;
  will-change: transform;
}
.g-conti-af:after {
  position: absolute;
  content: "Africa";
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 100px;
  text-align: center;
  padding: 3px 0;
  border-radius: 10px;
  top: 0;
  left: 164%;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-conti-af:hover:after {
  background-color: #004b88;
  transition: 0.3s ease-in-out;
}
.g-conti-au {
  left: 87%;
  top: 75%;
  animation: rip5 infinite 2s;
  will-change: transform;
}
.g-conti-au:after {
  position: absolute;
  content: "Australia";
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 100px;
  text-align: center;
  padding: 3px 0;
  border-radius: 10px;
  top: 0;
  left: 164%;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-conti-au:hover:after {
  background-color: #004b88;
  transition: 0.3s ease-in-out;
}
.g-continental-phone-view-div {
  display: none;
}
.g-continental-navigate-secondary-btn-div {
  background-color: #0079d9;
  color: #fff;
  border: 1px dashed #000;
  padding: 15px 10px;
  border-radius: 30px;
  display: flex;
  gap: 20px;
  justify-content: center;
  font-size: 17px;
  font-family: "poppins";
  align-items: center;
  font-weight: 600;
  min-width: 200px;
  transition: 300ms;
  box-shadow: 4px 5px 8px 3px #ccc;
}
.cpanel-color {
  background-color: #f27138 !important;
}
.plesk-color {
  background-color: #354658 !important;
}
.directadmin-color {
  background-color: #37b9ea !important;
}
.windows-color {
  background-color: #07b0ef !important;
}
.g-continental-navigate-secondary-btn-div > i {
  color: #fff !important;
}
.g-continental-navigate-secondary-btn-div:hover {
  cursor: pointer;
  transition: 300ms;
  background-color: #c12107;
  color: #fff;
}
.g-continental-navigate-secondary-btn-div-main {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto 0 auto;
  background-color: #fff;
  padding: 20px 20px 0 20px;
  border-radius: 20px;
}
.g-continental-grid-view-btns-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  justify-content: flex-start;
}
@media screen and (max-width: 483px) {
  .g-dedi-map-pointer {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
  }
  .g-continantal-div {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 877px) {
  .g-continantal-div {
    display: none;
  }
  .g-continental-phone-view-div {
    display: block;
  }
  .g-continental-phone-view-btns {
    background-color: #272727;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 30px 0;
    transition: 0.3s ease-in-out;
  }
  .g-continental-phone-view-btns:hover {
    background-color: #000;
    transition: 0.3s ease-in-out;
  }
  .g-continantal-icons {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.g-dedi-country {
  transition: 0.3s ease-in-out;
}
.g-dedi-country:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.05);
  cursor: pointer;
}
.g-dedi-country-name {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.g-catagories-div {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  background-color: #ececec;
  border-top: 5px solid #c12701;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  border-radius: 20px;
  padding: 50px 0;
  transition: 0.3s ease-in-out;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.g-catagories-div:hover {
  transform: scale(1.03);
  border-top: 5px solid #000;
  transition: 0.3s ease-in-out;
}
.g-category-first-box-image {
  width: 40px;
}
.g-category-first-box {
  background-color: #000;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  border-radius: 10px;
  transform: scale(1.18);
  transition: 0.3s ease-in-out;
}
.g-category-first-box-image {
  filter: invert(1);
  transition: 0.3s ease-in-out;
}
.g-category-of-servers {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.g-category-of-servers:hover .g-category-second-box {
  background-color: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.g-category-of-servers:hover .g-category-first-box {
  background-color: #c9c9c9;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.g-category-of-servers:hover .g-category-first-box-image {
  filter: invert(0);
  transition: 0.3s ease-in-out;
}
.g-category-second-box {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  width: 200px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #c9c9c9;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
.g-category-of-servers-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 627px) {
  .g-category-of-servers-div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    justify-items: center;
  }
}
.g-data-center-1 {
  height: 220px !important;
}
.g-datacenter-caret-color {
  color: #c12701;
}
.g-tbl-icons {
  font-size: 20px !important;
}
.g-popup-modal-container {
  height: 100%;
  width: 100%;
  background-color: #000000d7;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  justify-content: center;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
}
.g-popup-modal {
  background-color: #fff;
  width: 40%;
  max-height: 950px;
  position: relative;
  overflow: auto;
  border-radius: 10px;
  animation: modalpopups 400ms ease-in-out alternate;
}
.remove-popups {
  animation: modalremove 500ms ease-in-out alternate;
}
@keyframes modalremove {
  0% {
    top: 0;
  }
  100% {
    top: 200px;
    opacity: 0;
  }
}
@keyframes modalpopups {
  0% {
    opacity: 0;
    top: 100px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
.pop-up-close-btn {
  transition: 0.3s ease-in-out;
}
.pop-up-close-btn:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.3) rotate(90deg);
  cursor: pointer;
}
.g-popup-modal-body {
  padding: 10px 30px 10px 30px;
}
.g-popup-modal-header-title {
  font-size: 18px;
  font-weight: 600;
}
.g-popup-modal-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 20px;
  position: sticky;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid #b3b3b3;
}
.g-popup-modal-footer {
  border-top: 1px solid #b3b3b3;
  padding: 20px;
  position: sticky;
  bottom: 0;
  background-color: #fff;
}
.g-popup-modal-header-close {
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-popup-modal-submit-btn {
  font-size: 16px;
  font-weight: 700;
  border: none;
  background-color: #c12701;
  padding: 15px 25px;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.g-popup-modal-submit-btn:hover {
  background-color: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.g-popup-modal-body-form-eachinputs-main-div {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  row-gap: 20px;
}
.g-popup-modal-body-form-eachinputs-container {
  width: 100%;
}
.g-popup-modal-body-form-eachinputs-container-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 5px;
}
.g-popup-modal-body-form-label {
  color: #252525 !important;
  font-size: 14px !important;
}
.g-popup-modal-body-form-input {
  padding: 8px 20px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.g-popup-modal-body-form-select {
  padding: 8px 20px !important;
  font-size: 16px !important;
  border: none !important;
  outline: 1px solid #ccc;
}
.g-popup-modal-para {
  font-size: 14px !important;
}
.g-popup-modal-body-form-checkbox {
  width: 16px;
  height: 16px;
}
.g-popup-modal-body-form-label {
  font-size: 13px !important;
}
.g-popup-modal-container::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
.g-popup-modal-container::-webkit-scrollbar-thumb {
  background: #b1b1b1;
  border-radius: 10px;
  height: 40px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.g-popup-modal-body-form-select:focus {
  outline: 1px solid #c12701;
}
.g-popup-modal-body-form-required-symbol {
  color: #c12701;
  font-weight: 600;
}
@media screen and (max-width: 1195px) {
  .g-popup-modal {
    width: 60%;
  }
}
@media screen and (max-width: 798px) {
  .g-popup-modal {
    width: 80%;
  }
}
@media screen and (max-width: 567px) {
  .g-popup-modal-body-form-eachinputs-main-div {
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    row-gap: 0;
  }
  .g-popup-modal {
    width: 100%;
  }
  .g-popup-modal-submit-btn {
    font-size: 14px;
    padding: 8px 25px;
  }
  .g-popup-modal-header-title {
    font-size: 12px;
    font-weight: 700;
  }
  .g-popup-modal-header {
    padding: 30px 10px 30px 10px;
  }
  .g-popup-modal-header-close {
    font-size: 16px;
    font-weight: 500;
  }
  .g-popup-modal-body-form-select {
    font-size: 15px !important;
  }
  .g-popup-modal-body-form-input {
    font-size: 15px !important;
  }
}
.g-break-word {
  word-break: break-all !important;
}
.g-rounded-images {
  border-radius: 15px;
}
.g-country-btns-div {
  display: flex;
  justify-content: center;
}
.g-flag-box-image {
  width: 150px;
  border: 1px solid #7e7e7e;
  transition: 0.3s ease-in-out;
}
.g-box-flag-name-div {
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 20px 0;
  background-color: #ebebeb;
  border-top: 1px solid #7e7e7e;
  border-right: 1px solid #7e7e7e;
  border-bottom: 1px solid #7e7e7e;
  transition: 0.3s ease-in-out;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}
.g-country-btns-div {
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.g-country-btns-div:hover .g-box-flag-name-div {
  transition: 0.3s ease-in-out;
  background-color: #831a00;
  color: #fff;
  border-top: 1px solid #831a00;
  border-right: 1px solid #831a00;
  border-bottom: 1px solid #831a00;
}
.g-country-btns-div:hover .g-flag-box-image {
  transition: 0.3s ease-in-out;
  transform: scale(1.05);
  border-right: 2px solid #831a00;
}
.g-country-btn-div-main-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  padding: 0 20px;
}
.g-404-page-image {
  width: 900px;
}
.g-404-page-div {
  display: flex;
  justify-content: center;
  animation: zooming 1s alternate;
  align-items: center;
  flex-direction: column;
}
.g-404-page-btn {
  border: none;
  background-color: #cccccc;
  color: #000;
  font-weight: 600;
  padding: 15px 30px;
  font-size: 20px;
  border-radius: 20px;
  transition: 0.3s ease-in-out;
}
.g-404-page-btn:hover {
  transition: 0.3s ease-in-out;
  background-color: #000;
  color: #fff;
}
@keyframes zooming {
  from {
    opacity: 0;
    margin-bottom: 80px;
    transition: 0.3s ease-in-out;
  }
  to {
    opacity: 1;
    margin-bottom: 0;
    transition: 0.3s ease-in-out;
  }
}
.noty_theme__mint.noty_bar .noty_body {
  padding: 10px;
  font-size: 14px !important;
  background-color: #dbdbdb;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #000 !important;
  border-left: 5px solid #000;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0 4px 6px -2px !important;
  border-bottom: none !important;
}
.g-noty-error {
  background-color: #831a00 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-left: 5px solid #fff !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0 4px 6px -2px !important;
}
.g-dedicated-servers-cities-div-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 40px;
  row-gap: 30px;
  padding: 0 120px;
}
.g-dedicated-servers-cities {
}
.g-dedicated-servers-cites-flex {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  box-shadow: 2px 3px 8px 3px #ebebeb;
  transition: 0.3s ease-in-out;
}
.g-dedicated-servers-cites-flex:hover {
  transform: translateY(-8px);
  transition: 0.3s ease-in-out;
  box-shadow: 2px 3px 8px 3px #dadada;
}
.g-dedicated-servers-cities-icon-div {
  background-color: #000;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-dedicated-servers-cities-icon {
  font-size: 40px;
  color: #fff;
}
.g-dedicated-servers-cities-name-div {
  font-size: 18px;
  font-weight: 400;
  background-color: #e4e4e4;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.g-dedicated-server-cities-title {
  text-transform: none !important;
  font-size: 40px !important;
  font-weight: 900 !important;
}
@media screen and (max-width: 1900px) {
  .g-dedicated-servers-cities-div-grid {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1580px) {
  .g-dedicated-servers-cities-div-grid {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 20px;
  }
}
@media screen and (max-width: 1250px) {
  .g-dedicated-servers-cities-div-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 846px) {
  .g-dedicated-servers-cities-div-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 650px) {
  .g-dedicated-servers-cities-div-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-dedicated-server-cities-title {
    font-size: 30px !important;
  }
}
.g-dedicated-server-cat-navigation {
  margin: 8px 10px;
}
.g-dedicated-server-category-navigation-div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
@media screen and (max-width: 681px) {
  .g-dedicated-server-category-navigation-div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .g-dedicated-server-category-navigator {
  }
}
.g-dedicated-server-category-navigator {
  display: flex;
  column-gap: 10px;
  background-color: #fff;
  padding: 10px 15px;
  justify-content: center;
  border-radius: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  font-size: 14px;
  font-family: "poppins" !important;
  font-weight: 600;
  border: 1px solid #666666;
  transition: 0.2s ease-in-out;
  align-items: center;
  width: 100% !important;
}
.g-dedicated-server-category-navigator:hover {
  background-color: #000;
  color: #fff;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.g-dedicated-server-category-navigation-div-sticky {
  position: sticky;
  top: 86px;
  z-index: 5 !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
}
@media screen and (max-width: 1586px) {
  .g-dedicated-server-category-navigation-div-sticky {
    position: sticky;
    top: 86px;
    z-index: 999 !important;
  }
}
@media screen and (max-width: 1400px) {
  .g-dedicated-server-category-navigation-div-sticky {
    position: static;
  }
  .g-reoffering-column-parts {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 430px) {
  .g-contact-us-banner-body {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 1100px) {
  .g-dedicated-server-category-navigation-div-sticky {
    position: static;
  }
}
.d-dedicated-servers-details-part-section {
  scroll-margin-top: 180px;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 900px) {
  .d-dedicated-servers-details-part-section {
    scroll-margin-top: 100px;
  }
}
.g-main-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 50px 120px;
}
.g-countrywise-dedicated-servers-flag {
  width: 200px;
  transition: 0.3s ease-in-out;
}
.g-country-btn-div-main-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}
@media screen and (max-width: 1460px) {
  .g-main-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 50px 80px;
  }
}
@media screen and (max-width: 1080px) {
  .g-main-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 50px 30px;
  }
}
@media screen and (max-width: 640px) {
  .g-main-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 50px 10px;
  }
}
.g-countrywise-dedicated-servers-main-div {
  width: 100%;
  height: 100%;
  padding: 20px 30px;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.09) 0 3px 12px;
  cursor: pointer;
  border-radius: 15px;
  font-family: "poppins";
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.g-countrywise-dedicated-servers-name-div {
  margin-top: 20px;
}
.g-countrywise-dedicated-servers-main-div:hover
  .g-countrywise-dedicated-servers-flag {
  transition: 0.3s ease-in-out;
  transform: rotateY(180deg);
}
.g-countrywise-dedicated-servers-main-div:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 12px;
  transition: 0.3s ease-in-out;
  transform: translateY(-8px);
}
.g-dedicated-servers-body-main-padding {
  padding: 0 0;
  max-width: 1600px !important;
}
@media screen and (max-width: 1420px) {
  .g-dedicated-servers-body-main-padding {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1130px) {
  .g-dedicated-servers-body-main-padding {
    padding: 0 0;
  }
}
.g-dedicated-servers-country-map {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 20px;
  position: relative;
}
.g-dedicated-servers-country-map-image {
  filter: brightness(1.4);
}
.g-map-pointers {
  width: 60px;
  position: absolute;
  animation: jumping 7s infinite;
  transition: 0.3s ease-in-out;
}
.g-map-pointers:hover {
  transition: 0.5s ease-in-out;
  transform: rotateY(180deg);
  cursor: pointer;
}
.g-map-pointers-1 {
  animation: jumping-2 10s infinite;
}
.g-map-pointers-2 {
  animation: jumping-2 14s infinite;
}
.g-map-pointer-usa {
  top: 71%;
  left: 47%;
}
.g-map-pointer-canada {
  top: 50%;
  left: 42%;
}
.g-map-pointer-mexico {
  top: 83%;
  left: 42%;
}
@media screen and (max-width: 1187px) {
  .g-map-pointer-usa {
    top: 65%;
    left: 42%;
  }
  .g-map-pointer-canada {
    top: 49%;
    left: 37%;
  }
  .g-map-pointer-canada::after {
    content: "dafsgsdfsdfsdf";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 9999;
    color: #000;
  }
  .g-map-pointer-mexico {
    top: 76%;
    left: 42%;
  }
}
.g-dedicated-servers-maps-pointer-legends-div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 30px;
  border: 1px solid #fff;
  margin-top: 50px;
  background-color: #fff;
}
@media screen and (max-width: 690px) {
  .g-dedicated-servers-maps-pointer-legends-div {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-dedicated-servers-maps-pointer-legends-flags {
    width: 33px !important;
  }
}
.g-desktop-view-dedicated-server-country-pointer-map {
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center;
  max-width: 1400px !important;
  width: 100% !important;
}
@media screen and (max-width: 1023px) {
  .g-desktop-view-dedicated-server-country-pointer-map {
    flex-direction: column-reverse;
  }
  .g-dedicated-server-country-title {
    padding: 50px 0;
    text-align: center;
  }
  .g-dedicated-servers-country-map-image {
    width: 800px;
  }
}
.g-phone-view-dedicated-server-country-pointer-map {
  display: none;
}
@media screen and (max-width: 960px) {
  .g-desktop-view-dedicated-server-country-pointer-map {
    padding: 0 0;
  }
  .g-phone-view-dedicated-server-country-pointer-map {
    display: block;
  }
  .g-dedicated-server-countries-spec-div {
    background-color: #002154 !important;
  }
}
.g-dedicated-server-country-map-desktop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.g-dedicated-server-country-title {
  font-size: 33px !important;
  font-weight: 500 !important;
}
.g-dedicated-server-country-legend-image {
  width: 120px;
}
.g-dedicated-servers-maps-pointer-legends-flags {
  width: 75px;
  max-width: none !important;
}
.g-dedicated-servers-maps-pointer-legends-name {
  font-family: "poppins";
  font-size: 18px;
}
.g-dedicated-servers-maps-pointer-legends {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #157fec;
  font-size: 18px;
  font-weight: 400;
  transition: 300ms;
}
.g-dedicated-servers-maps-pointer-legends:hover {
  transition: 300ms;
  background-color: #2199e8;
}
.g-dedicated-server-countries-spec-div {
  background-color: #002154;
}
.g-dedicated-servers-maps-pointer-legends-name-div {
  margin-left: 20px !important;
}
.g-continental-map-south-america {
  filter: brightness(1) !important;
}
@media screen and (max-width: 1764px) {
  .g-desktop-view-dedicated-server-country-pointer-map {
    padding: 0 100px;
  }
}
@media screen and (max-width: 1604px) {
  .g-desktop-view-dedicated-server-country-pointer-map {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1503px) {
  .g-desktop-view-dedicated-server-country-pointer-map {
    padding: 0 0;
  }
}
@media screen and (max-width: 1179px) {
  .g-map-pointer-mexico {
    top: 78%;
    left: 41%;
  }
}
.g-continental-map-south-america {
  width: 600px;
  filter: brightnes(0) !important;
}
@media screen and (max-width: 1023px) {
  .g-country-btn-div-main-grid {
    display: none;
  }
  .g-phone-view-country-padding-remove {
    padding-top: 0 !important;
  }
  .g-country-section {
    padding-top: 0 !important;
  }
  .g-dedicated-servers-maps-pointer-legends {
    display: flex;
    background-color: #00468f;
    padding: 15px;
  }
  .g-dedicated-servers-maps-pointer-legends-name {
    font-size: 15px;
  }
  .g-dedicated-server-country-title {
    font-size: 25px !important;
  }
}
@media screen and (max-width: 639px) {
  .g-last-column-only-btns-martop-reduce {
    margin-top: -30px !important;
  }
}
.g-map-pointer-paraguay {
  top: 54%;
  left: 54%;
}
.g-map-pointer-uruguay {
  top: 65%;
  left: 57%;
}
.g-map-pointer-colombia {
  top: 29%;
  left: 40%;
}
.g-map-pointer-argentina {
  top: 68%;
  left: 49%;
}
.g-map-pointer-brazil {
  top: 40%;
  left: 61%;
}
.g-map-pointer-guatemala {
  top: 17%;
  left: 25%;
}
.g-map-pointer-jamaica {
  top: 13%;
  left: 43%;
}
.g-map-pointer-bolivia {
  top: 46%;
  left: 53%;
}
.g-map-pointer-bolivia::after {
  position: absolute;
  content: "sdfsgsg";
  top: 46%;
  left: 53%;
}
.g-map-pointer-peru {
  top: 41%;
  left: 38%;
}
.g-map-pointer-bahamas {
  top: 9%;
  left: 40%;
}
.g-map-pointer-panama {
  top: 23%;
  left: 34%;
}
.g-map-pointer-ecuador {
  top: 33%;
  left: 36%;
}
.g-map-pointer-costa-rica {
  top: 22%;
  left: 30%;
}
.g-map-pointer-chile {
  top: 67%;
  left: 42%;
}
.g-map-pointer-curacao {
  top: 20%;
  left: 51%;
}
.g-exclsive-price-cards-container {
  max-width: 1750px !important;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  margin: 20px 320px;
}
@media screen and (max-width: 1500px) {
  .g-exclsive-price-cards-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-exclusive-offer-ribbon {
    right: -13px !important;
    top: -11px !important;
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .g-exclsive-price-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-exclusive-offer-ribbon {
    right: 25px !important;
    top: 20px !important;
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1375px) {
  .g-map-pointer-chile {
    top: 67%;
    left: 44%;
  }
  .g-map-pointer-uruguay {
    top: 65%;
    left: 59%;
  }
  .g-map-pointer-panama {
    top: 23%;
    left: 36%;
  }
  .g-map-pointer-costa-rica {
    top: 22%;
    left: 32%;
  }
}
@media screen and (max-width: 1377px) {
  .g-map-pointer-chile {
    top: 67%;
    left: 44%;
  }
  .g-map-pointer-uruguay {
    top: 65%;
    left: 59%;
  }
  .g-map-pointer-panama {
    top: 23%;
    left: 35%;
  }
  .g-map-pointer-costa-rica {
    top: 22%;
    left: 31%;
  }
}
@media screen and (max-width: 1315px) {
  .g-map-pointer-panama {
    top: 23%;
    left: 37%;
  }
  .g-map-pointer-costa-rica {
    top: 22%;
    left: 33%;
  }
  .g-map-pointer-peru {
    top: 41%;
    left: 42%;
  }
  .g-map-pointer-ecuador {
    top: 33%;
    left: 39%;
  }
  .g-map-pointer-paraguay {
    top: 54%;
    left: 59%;
  }
  .g-map-pointer-uruguay {
    top: 65%;
    left: 62%;
  }
  .g-map-pointer-colombia {
    top: 29%;
    left: 44%;
  }
  .g-map-pointer-guatemala {
    top: 17%;
    left: 30%;
  }
  .g-map-pointer-chile {
    top: 67%;
    left: 46%;
  }
  .g-map-pointer-argentina {
    top: 68%;
    left: 54%;
  }
}
.g-exclsive-price-card-body-flag-content-margin {
  margin-left: 10px;
}
.g-exclsive-price-card-product-logo-div {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  display: flex;
  align-content: center;
  box-shadow: 5px 3px 11px 5px #cccccc57;
  justify-content: center;
  align-items: center;
  transform: translateY(-80px);
  background-color: #fff;
}
.g-exclsive-price-card-product-logo {
  width: 60px;
}
.g-exclsive-price-card-head {
  border-bottom: 1px solid #ebebeb;
  margin-top: -50px;
}
.g-exclsive-price-card-head-title {
  font-family: "poppins" !important;
  font-weight: 600 !important;
}
.g-exclsive-price-card {
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 30px 25px;
  border: 1px solid #000;
  transition: 300ms;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
  position: relative;
}
.g-exclusive-offer-ribbon {
  position: absolute;
  right: 25px;
  background-color: #c12107;
  color: #fff;
  margin: 0;
  padding: 2px 4px;
  font-family: "Poppins";
  border-radius: 5px;
  font-weight: 600;
}
.g-exclsive-price-card:hover {
  transform: scale(1.01);
  transition: 300ms;
  cursor: pointer;
  box-shadow: rgba(149, 157, 165, 0.6) 0 8px 24px;
}
.g-exclsive-price-card-head-title {
  font-weight: 600;
  font-size: 18px !important;
}
.g-exclsive-price-card-body-list-content-div {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}
.g-exclsive-price-card-body-contents-whole-list {
  margin: 0 !important;
  list-style: none !important;
}
.g-exclsive-price-card-body-list {
  margin: 15px 0 !important;
}
.g-exclsive-price-card-body {
  padding: 15px 0 15px 0;
  height: 100%;
}
.g-exclsive-price-card-list-marker-logo {
  color: #52ad00;
}
.g-exclsive-price-card-product-logo-div-main {
  display: flex;
  justify-content: center;
}
.g-exclsive-price-card-body-list-content {
  font-size: 15px;
}
.g-exclsive-price-card-body-flag {
  width: 50px;
}
.g-exclsive-price-card-body-flag-div {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.g-exclsive-price-card-body-flag-content {
  font-family: "poppins" !important;
  color: #7a7a7a;
  font-weight: 500;
  font-size: 12px;
}
.g-exclsive-price-card-setupcost-detail-content {
  font-family: "poppins" !important;
  color: #7a7a7a;
  font-weight: 500;
  margin-left: 16px;
}
.g-exclsive-price-card-body-setupfree-content {
  font-family: "poppins" !important;
  color: #c12701;
  font-weight: 500;
}
.g-exclsive-price-card-delivery-detail-image {
  width: 35px;
  filter: contrast(0.2);
}
.g-exclsive-price-card-setupcost-detail-div {
  margin-top: 12px;
  margin-left: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.g-exclsive-price-card-setupcost-detail-image {
  width: 35px;
  filter: contrast(0.2);
}
.g-exclsive-price-card-setupcost-detail-content {
  margin-left: 16px;
  font-size: 12px;
}
.g-exclsive-price-card-delivery-detail-content {
  margin-left: 5px;
  font-family: "poppins" !important;
  color: #7a7a7a;
  font-weight: 500;
  margin-left: 16px;
  font-size: 12px;
}
.g-exclsive-price-card-body-price {
  font-size: 23px;
  font-weight: 500;
  margin-right: 20px;
  font-family: "raleway" !important;
}
.g-exclsive-price-card-delivery-detail-div {
  margin-left: 10px;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.g-exclsive-price-card-body-price-old {
  font-size: 20px;
  font-weight: 400;
  margin-right: 20px;
  color: #7a7a7a;
  text-decoration: line-through;
  font-family: "raleway" !important;
}
.g-exclsive-price-card-footer-btn-content {
  font-family: "poppins" !important;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  z-index: 100;
}
.g-exclsive-price-card-footer {
  margin-top: -20px;
}
.g-exclsive-price-card-footer-btn {
  padding: 12px;
  background-color: #003158;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 300ms;
  position: relative;
  cursor: pointer;
}
.g-exclsive-price-card-footer-btn::before {
  transition: 300ms;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #c12701;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.g-exclsive-price-card-footer-btn::after {
  transition: 300ms;
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #c12701;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.g-exclsive-price-cards-section {
  margin-top: -7px;
  background-color: #f5f5f5;
  padding: 0 0 50px 0;
}
.g-exclsive-price-card-footer-btn:hover::after {
  width: 50%;
  transition: 300ms;
}
.g-exclsive-price-card-footer-btn:hover::before {
  width: 50%;
  transition: 300ms;
}
.g-exclsive-price-card-footer-btn-img {
  width: 35px;
  filter: invert(1) contrast(1) brightness(1);
  margin-right: 15px;
}
.g-exclsive-price-cards-section-btn-div {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.g-exclsive-price-cards-section-btn-div-colocation {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.g-exclsive-price-cards-section-btn {
  background-color: #c12701;
  padding: 15px 20px;
  color: #fff;
  font-family: "poppins" !important;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: 300ms;
  display: flex;
}
.g-exclsive-price-cards-section-btn:hover {
  background-color: #831a00;
  transition: 300ms;
}
.g-exclsive-price-cards-section-btn:hover
  .g-exclsive-price-cards-section-btn-caret {
  transform: translateX(5px);
  transition: 300ms;
}
.g-exclsive-price-cards-section-btn-caret {
  color: #fff;
  margin-left: 8px;
  transition: 300ms;
}
.g-exclsive-price-card-spec-div {
  padding-bottom: 65px;
}
.g-faq-section {
  padding: 50px 10px 50px 10px;
  background-color: #f5f5f5;
  transition: 0.3s;
}
.g-faq-sections-main-div {
  max-width: 1400px;
  width: 100%;
  justify-items: center;
  margin: 50px 0;
  transition: 0.3s;
}
.g-faq-div {
  padding: 0 20px 0 40px;
  margin: 20px 0 0 0;
  transition: 0.3s;
}
.g-faq-first-show {
  padding: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
}
.g-faq-arr {
  transition: 0.3s;
}
.g-faq-head {
  font-size: 18px;
  font-family: "poppins";
  cursor: pointer;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px;
  transition: 0.3s;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border: 1px solid #ededed;
  transition: 0.3s;
  border-left: 3px solid #c12701 !important;
}
.g-faq-head:hover {
  box-shadow: rgba(149, 157, 165, 0.3) 0 8px 24px;
  transition: 0.3s;
}
.g-faq-section-contents-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.g-faq-body {
  display: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  background-color: #fff;
}
@media screen and (max-width: 980px) {
  .g-faq-sections-main-div {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-faq-div {
    padding: 0 10px 0 10px;
  }
  .g-faq-head {
    font-size: 16px;
  }
}
.g-importance-of-dedicated-server-section {
  background-color: #f5f5f5;
  padding: 50px 15px 30px 15px;
}
.g-importance-of-dedicated-server-grid-div {
}
.g-importance-of-dedicated-server-image {
  width: 600px;
}
.g-importance-of-dedicated-server-main-div {
  max-width: 1400px;
  width: 100%;
}
.g-importance-of-dedicated-server-card-body-title {
  font-family: "poppins" !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5rem !important;
}
.g-importance-of-dedicated-server-card-body-content {
  font-family: "poppins";
  font-size: 16px;
  font-weight: 400 !important;
}
.g-importance-of-dedicated-server-card-body-img {
  width: 70px !important;
}
.g-importance-of-dedicated-server-card-body {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 10px 20px 10px 20px;
  border: 0.5px solid #ededed;
}
.g-importance-of-dedicated-server-image-div {
  display: flex;
  justify-content: right;
  align-items: center;
}
@media screen and (max-width: 1295px) {
  .g-importance-of-dedicated-server-grid-div {
    display: flex;
    flex-direction: column-reverse;
  }
  .g-importance-of-dedicated-server-image-div {
    justify-content: center;
  }
  .g-importance-of-dedicated-server-cards-div-para {
    text-align: center;
    margin: 10px 10px;
  }
}
@media screen and (max-width: 639px) {
  .g-importance-of-dedicated-server-card-body {
    flex-direction: column;
    text-align: center;
    padding: 30px;
  }
  .g-importance-of-dedicated-server-card-body-title {
    font-size: 15px !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 665px) {
  .g-importance-of-dedicated-server-cards-div-para {
    text-align: center;
    margin: 0 10px;
  }
}
@media screen and (max-width: 485px) {
  .g-importance-of-dedicated-server-cards-div-para {
    text-align: center;
    margin: 10px 10px;
  }
}
.g-dedicated-server-hosting-benifits-section {
  padding: 50px 0 50px 0;
}
.g-dedicated-server-hosting-benifits-card-img {
  width: 60px;
}
.g-dedicated-server-hosting-benifits-card-title {
  font-family: "poppins" !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5rem !important;
}
.g-dedicated-server-hosting-benifits-card-para {
  font-family: "poppins";
  font-size: 16px;
}
.g-dedicated-server-hosting-benifits-card {
  display: flex;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 20px 20px 20px 20px;
  border: 0.5px solid #ededed;
  flex-direction: column;
  border: 2px solid #c12701;
  border-radius: 15px;
  margin: 10px;
}
.g-dedicated-server-hosting-benifits-grid-div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
}
.g-dedicated-server-hosting-benifits-para {
  margin: 0 0 50px 0;
  text-align: center;
}
.g-dedicated-server-hosting-benifits-main-div {
  max-width: 1440px;
  width: 100%;
}
.g-bandwidth-providers-logo {
  width: 150px !important;
  height: 100px;
  object-fit: contain;
}
.g-bandwidth-providers-flex-div {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 35px !important;
  max-width: 1800px !important;
  width: 100%;
  padding-bottom: 30px;
  margin: 0 auto;
}
.g-control-systems-div-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 700px) {
  .g-control-systems-image {
    width: 150px;
  }
}
.g-background-gray {
  background-color: #f5f5f5 !important;
}
.g-background-white {
  background-color: #ffffff !important;
}
@media screen and (max-width: 632px) {
  .g-display-flex-and-gap {
    margin-top: -100px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.g-index-home-banner-title {
  font-size: 48px !important;
}
@media screen and (max-width: 813px) {
  .g-index-home-banner-title {
    font-size: 32px !important;
  }
}
.g-faq-list-checkicons {
  color: #00cf19;
}
.g-faq-listbox-li-flex {
  display: flex;
  gap: 15px;
}
.g-dell-logo-resize {
  width: 100px !important;
}
.g-ssae-logo-resize {
  width: 120px !important;
}
.g-dedicated-servers-features-info-img {
  width: 600px;
  border-radius: 15px;
}
.g-dedicated-servers-features-info-grid-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  align-items: center;
}
.g-dedicated-servers-features-info-img-div {
  display: flex;
  justify-content: center;
}
.g-dedicated-servers-features-info-div {
  max-width: 1600px;
  width: 100%;
  padding: 20px;
}
.g-dedicated-servers-features-info-content-div {
  color: #fff;
}
.g-dedicated-servers-features-info-section {
  padding: 50px 20px;
  background-color: #003158;
}
.g-dedicated-servers-features-info-li {
  line-height: 28px;
}
body.specialbody .content#subpage .intro .copy {
  padding: 2rem 2rem 0 2rem;
  font-size: 1.5rem;
  font-weight: 300;
  backdrop-filter: blur(3px) brightness(0.8);
  border-radius: 30px;
  margin-left: 4rem;
}
@media screen and (max-width: 1110px) {
  .g-dedicated-servers-features-info-li {
    line-height: 30px;
  }
}
@media screen and (max-width: 1032px) {
  .g-dedicated-servers-features-info-grid-div {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-dedicated-servers-features-info-content-div {
    padding: 30px 0 0 0;
  }
}
@media screen and (max-width: 443px) {
  .g-dedicated-servers-features-info-section {
    padding: 50px 0 !important;
  }
}
@media screen and (max-width: 500px) {
  .copy > h1 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 1300px) {
  .g-landing-img-end {
    width: 100% !important;
    justify-content: center;
  }
  .g-offer-sections-content-div {
    width: 100% !important;
  }
}
.g-offers-new-cards-body {
  display: flex;
  align-items: center;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transition: 0.3s;
  border: 1px solid #ccc;
  font-family: "poppins";
  flex-direction: column;
}
.g-offers-new-cards-body:hover {
  transition: 0.3s;
  transform: translateY(-6px);
  cursor: pointer;
}
.g-offers-new-cards-title {
  font-family: "poppins" !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
.g-offers-new-cards-div-grid {
  padding: 50px 10px 50px 10px;
  display: grid;
  column-gap: 20px;
  row-gap: 35px;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
@media screen and (max-width: 450px) {
  .g-offers-new-cards-div-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-dedicated-server-hosting-benifits-grid-div {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-offers-new-cards-section {
  padding: 50px 0 0 0;
}
.g-offers-new-cards-section-main-div {
  max-width: 1400px;
  width: 100%;
}
.g-offers-new-cards-body-icon {
  width: 80px;
}
.g-offers-new-cards-body-content-div {
  padding: 10px 20px 10px 20px;
}
.g-offers-new-cards-body-icon-div {
  width: 100%;
  background-color: #f3f3f3;
  padding: 10px 0 10px 0;
  border-radius: 15px 15px 0 0;
}
.g-new-offering-section {
  padding: 50px 15px;
  background-color: #003158;
}
.g-new-offering-main-div {
  max-width: 1600px;
  width: 100%;
}
.g-new-offering-div-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  column-gap: 20px;
  padding: 50px 0 0 0;
  max-width: 1400px;
}
.g-new-offering-div-box-image {
  width: 100px;
}
.g-new-offering-div-box {
  padding: 20px 20px 20px 20px;
  border: 1px solid #c12701;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.g-new-offering-div-box-title {
  font-size: 20px;
  color: #000;
  position: relative;
  transition: 0.3s ease-in-out;
}
.g-new-offering-div-box-link {
  color: #fff;
  background-color: #c12107;
  font-weight: 500;
  font-family: "poppins" !important;
  transition: 0.3s;
  padding: 8px 20px;
  border-radius: 30px;
}
.g-new-offering-div-box-link:hover {
  color: #fff;
  background-color: #000;
}
.g-new-offering-div-box-link-arrow {
  margin: 0 0 0 10px;
}
@media screen and (max-width: 799px) {
  .g-new-offering-div-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-top-banners-sub-navigations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.g-custom-bread-crumps {
  color: #000 !important;
  display: flex;
  align-items: center;
  padding: 15px;
  column-gap: 10px;
  font-weight: 500;
  font-family: "poppins";
  transition: 0.3s ease-in-out;
  font-size: 16px;
  position: relative;
}
.g-custom-bread-crumps:last-child::after {
  position: absolute;
  content: "";
  height: 0;
  width: px;
  background-color: #ccc;
  right: 0;
  top: 0;
}
.g-custom-bread-crumps:hover {
  color: #c12701 !important;
  transition: 0.3s ease-in-out;
}
.g-our-services-cards-box-content-title {
  font-size: 22px !important;
  font-family: "poppins" !important;
  font-weight: 600 !important;
}
.g-our-services-cards-box-fooer-btn {
  padding: 15px 20px;
  background-color: #003158;
  font-family: "poppins";
  color: #fff;
  font-weight: 600;
  display: block;
  border-radius: 30px;
  text-align: center;
  position: relative;
  box-shadow: rgb(0 0 0 / 20%) 5px 9px 6px 1px;
  transition: 0.3s ease-in-out;
}
.g-our-services-cards-box-fooer-btn:hover {
  color: #fff;
  background-color: #000;
  box-shadow: transparent 2px 9px 6px 1px;
  transition: 0.3s ease-in-out;
}
.g-information-icon {
  margin-right: 8px;
}
.g-our-services-cards-box-content-para {
  font-family: "poppins";
}
.g-our-services-cards-box-footer {
  margin-top: 30px;
}
.g-our-services-cards-flex-div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
  padding: 20px 10px;
}
.g-our-services-cards-box-article {
  max-width: 400px;
  width: 100%;
  border: 2px solid #000;
  padding-bottom: 20px;
  background: #fff;
  border-radius: 15px;
  transition: 0.3s ease-in-out;
}
.g-our-services-cards-box-article:hover {
  transform: translateY(-8px);
  cursor: pointer;
  transition: 0.3s ease-in-out;
  box-shadow: rgba(17, 17, 26, 0.1) 0 1px 0, rgba(17, 17, 26, 0.1) 0 8px 24px,
    rgba(17, 17, 26, 0.1) 0 16px 48px;
}
.g-our-services-cards-section {
  padding: 50px 0;
}
.g-our-services-cards-section::after {
  background-image: none !important;
}
.g-our-services-cards-section::before {
  background-image: none !important;
}
.g-our-services-cards-main-div {
  max-width: 1700px;
  width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-our-services-cards-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  padding: 20px 20px;
}
.g-our-services-cards-box-content {
  height: 100% !important;
  text-align: center;
  margin-top: 30px;
}
.g-our-services-cards-box-image {
  width: 70px;
}
.g-search-div {
  max-width: 350px;
  width: 100%;
  position: relative;
}
.g-txt-box {
  padding: 24px 10px !important;
  font-family: "poppins" !important;
  height: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  border-radius: 30px !important;
  -webkit-border-radius: 30px;
  border: none !important;
}
.g-txt-box::placeholder {
  color: #898989 !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.g-list-box {
  background-color: #fdfdfd !important;
  padding: 0 0;
  max-height: 170px;
  overflow: auto;
  display: none;
  margin-top: 5px;
  animation: alternate searchboxshow 500ms ease-in-out;
  border: 1px solid #b5b5b5;
  z-index: 666;
  position: absolute;
  width: 100%;
}
.g-all-list {
  list-style: none;
}
.g-list {
  padding: 8px 12px;
  animation: alternate searchboxshow 500ms ease-in-out;
}
.g-list:hover {
  padding: 8px 12px;
  background-color: #f1f1f1;
  cursor: pointer;
}
.g-all-list {
  margin: 0 !important;
  padding: 8px 12px;
  border-bottom: 1px solid #ccc !important;
}
.g-search-links {
  color: #c12701 !important;
  border-bottom: 1px solid #ccc !important;
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
@keyframes searchboxshow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.g-searchbox-hiden {
  animation: alternate searchboxhidden 500ms ease-in-out;
}
@keyframes searchboxhidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.g-text-box-container-dedi {
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  border-radius: 30px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.g-magni-div {
  background-color: transparent;
  align-items: center;
  padding: 10px;
  display: flex;
  border: none;
  border-radius: 30px;
}
#closemrk {
  display: none;
  font-size: 18px !important;
  cursor: pointer;
}
#magimrk {
  font-size: 18px !important;
}
.g-def-section {
  background-color: #f5f5f5 !important;
}
.g-our-services-cards-box-article-def {
  background-color: #fff !important;
  padding-bottom: 20px;
  border: 1px solid #7c7c7c;
}
@media screen and (max-width: 700px) {
  .g-our-services-cards-flex-div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 10px;
  }
}
@media screen and (max-width: 600px) {
  .g-our-services-cards-flex-div {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 10px;
  }
}
.g-text-black {
  color: #000 !important;
}
.g-backup-price-tbl-head-one-row {
  background-color: #f5f5f5;
  color: #000;
}
.g-backup-price-tbl-headings-one {
  font-family: "poppins" !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  padding: 20px 0;
  text-align: center;
  border: 1px solid #cfcfcf;
}
.g-backup-price-tbl-head-two-row {
  background-color: #003158;
  color: #fff;
}
.g-backup-price-tbl-headings-two {
  font-family: "poppins" !important;
  font-weight: 500 !important;
  font-size: 18px;
  padding: 20px 0;
  text-align: center;
  border: 1px solid #cfcfcf;
}
.g-backup-price-tbl-data-size {
  text-align: center;
}
.g-backup-price-tbl-data-status {
  text-align: center;
}
.g-backup-price-tbl-data-btn-cell {
  text-align: center;
  padding: 0 5px !important;
}
.g-backup-price-tbl-body-row-sizes {
  background-color: #000;
  color: #fff;
}
.g-backup-price-tbl-body-row-sizes {
  font-family: "poppins" !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  padding: 20px 0;
  text-align: center;
  color: #fff;
}
.g-backup-price-tbl-data-btn {
  color: #fff !important;
  width: 100%;
  display: block;
  background: #c12701;
  padding: 10px;
}
.g-backup-price-tbl-body-row {
  padding: 20px 0;
}
.g-backup-price-tbl-data {
  padding: 20px 5px !important;
}
.g-backup-price-tbl-data-status-check {
  color: #00cf19;
}
.g-backup-price-tbl-data-detail {
  font-family: "poppins" !important;
  font-weight: 500;
  padding-left: 15px !important;
}
.g-backup-price-tbl-body-row:nth-child(even) {
  background-color: #f8f8f8;
}
.g-backup-price-tbl-headings-two-link {
  color: #fff !important;
  border-bottom: 1px solid #fff;
}
.g-backup-price-tbl-headings-two-link:hover {
  color: #c12701 !important;
  border-bottom: 1px solid #fff;
}
.g-backup-price-tbl {
  padding-bottom: 30px;
}
.g-backup-price-tbl-main-div {
  padding: 50px 0;
}
@media screen and (max-width: 1523px) {
  .g-backup-price-tbl-head-one {
    position: static;
  }
  .g-backup-price-tbl-head-two {
    position: static;
  }
  .g-backup-price-tbl-headings-two {
    font-size: 12px !important;
  }
  .g-backup-price-tbl-headings-one {
    font-weight: 400 !important;
  }
  .g-backup-price-tbl-headings-one-image {
    width: 100px;
  }
}
.g-backup-features-section-title-and-para {
  text-align: center;
}
.g-backup-features-main-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 40px 10px 0 10px;
}
.g-max-width-1600 {
  max-width: 1600px;
}
.g-max-width-1400 {
  max-width: 1400px !important;
}
.g-backup-price-tbl-phone-div {
  display: none;
}
@media screen and (max-width: 900px) {
  .g-backup-price-tbl {
    display: none;
  }
  .g-backup-price-tbl-phone-div {
    display: block !important;
  }
}
@media screen and (max-width: 795px) {
  .g-backup-features-main-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding-top: 60px;
  }
  .g-backup-features-box {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 590px) {
  .g-backup-features-main-flex {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding: 30px 10px 0 10px;
  }
  .g-backup-features-box {
    max-width: 1000px !important;
    width: 100%;
  }
}
.g-backup-features-header-image {
  width: 50px;
}
.g-backup-features-box {
  padding: 30px;
  background-color: transparent;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  color: #000;
  font-weight: 400;
  border: 2px solid #c12701;
  border-radius: 15px;
}
.g-backup-features-box-width {
  max-width: 650px;
}
.g-backup-features-header-title {
  font-size: 18px !important;
  font-family: "poppins" !important;
  line-height: 1.5rem !important;
  font-weight: 500 !important;
}
.g-backup-features-box-body-para {
  font-family: "poppins" !important;
}
.g-backup-features-box-header {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-bottom: 20px;
}
.g-backup-features-section {
  padding-bottom: 60px;
  background-color: #f5f5f5;
  padding-top: 50px;
}
.g-backup-price-tbl-phone-head-row {
  background-color: #000;
}
.g-backup-price-tbl-phone-title {
  font-family: "poppins" !important;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 20px;
}
.g-backup-price-tbl-phone-body-data-disc {
  font-family: "poppins" !important;
  padding: 15px 20px;
  font-weight: 400;
  fog-no-gapnt-size: 15px;
}
.g-backup-price-tbl-phone-body-data-check {
  text-align: center;
}
.g-backup-price-tbl-phone-body-data-price {
  font-family: "raleway" !important;
  font-size: 22px;
  font-weight: 500;
  color: #00761f;
}
.g-backup-price-tbl-phone-body-data-buy-btn {
  color: #fff !important;
  background-color: #c12701;
  width: 100% !important;
  font-family: "poppins" !important;
  font-size: 22px;
  padding: 10px 25px;
  font-weight: 500;
  border-radius: 8px;
}
.g-backup-price-tbl-phone {
  border: 1px solid #000;
}
.g-backup-price-tbl-phone-body-row:nth-child(even) {
  background-color: #f8f8f8;
}
.g-backup-price-tbl-phone-body-data-buy-btn-cart {
  display: none !important;
}
@media screen and (max-width: 470px) {
  .g-backup-price-tbl-phone-body-data-buy-btn {
    color: #fff !important;
    width: 100%;
    display: inline-block;
    font-family: "poppins" !important;
    font-size: 16px;
    padding: 15px 30px;
    font-weight: 500;
  }
  .g-backup-price-tbl-phone-body-data-buy-btn-text {
    display: none;
  }
  .g-backup-price-tbl-phone-body-data-buy-btn-cart {
    display: block !important;
    margin: 0 !important;
  }
}
.g-about-connectivity-main-div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 30px;
  max-width: 1400px;
}
@media screen and (max-width: 500px) {
  .g-about-connectivity-main-div {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-about-connectivity-content-img {
  width: 80px;
}
.g-about-connectivity-content-title {
  font-size: 20px !important;
  font-family: "poppins" !important;
}
.g-about-connectivity-content {
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 0;
  justify-content: center;
  border: 1px solid #c12701;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  text-align: center;
}
.g-about-connectivity-section {
  padding: 50px 0;
}
.g-plan-pricing-detail-img {
  width: 800px;
  border-radius: 15px;
}
.g-plan-pricing-detail-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  flex-wrap: wrap;
  padding: 60px 10px;
}
@media screen and (max-width: 1173px) {
  .g-plan-pricing-detail-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .g-plan-pricing-detail-contents-div-title {
    text-align: center;
  }
  .g-plan-pricing-detail-contents-body {
    justify-content: center;
  }
  .g-plan-pricing-detail-contents-div-title-right {
    text-align: center !important;
  }
  .g-plan-pricing-detail-div-change {
    flex-direction: column-reverse !important;
  }
  .g-plan-pricing-detail-contents-body {
    justify-content: center !important;
  }
}
.g-plan-pricing-detail-contents-div-title-right {
  text-align: right;
}
.g-plan-pricing-section-main-div {
  max-width: 1400px;
}
.g-plan-pricing-section {
  padding: 50px 0;
  background-color: #003158;
  color: #fff;
}
.g-plan-pricing-detail-contents-body {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: right;
}
.g-plan-pricing-detail-contents-div-horizontal-line {
  height: 1px;
  width: 100% !important;
  border-style: solid !important;
  background-color: #a0a0a0;
  margin-top: 40px !important;
}
.g-plan-pricing-detail-contents-div {
  display: flex;
  justify-self: center;
  flex-direction: column;
  align-self: center;
}
.g-price {
  font-family: "raleway" !important;
  font-weight: 600;
}
.g-plan-pricing-detail-contents-footer-content {
  font-size: 20px;
}
.g-plan-pricing-detail-contents-list-img {
  width: 80px;
}
.g-plan-pricing-detail-contents-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-cdn-features-section {
  padding: 50px 0;
}
.g-cdn-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  gap: 30px;
  max-width: 1400px;
  padding: 0 10px;
  margin-top: 50px;
}
@media screen and (max-width: 530px) {
  .g-cdn-features-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.g-cdn-features-content-head-img {
  width: 80px;
  filter: invert(1);
  transition: 0.3s ease-in-out;
}
.g-cdn-features-content {
  align-items: center;
  background: #262626;
  display: flex;
  flex-direction: column;
  color: #fff;
  row-gap: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  padding: 30px;
  font-family: "poppins" !important;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.g-cdn-features-content:hover .g-cdn-features-content-head-img {
  transition: 0.3s ease-in-out;
  transform: scale(1.099);
}
.g-cdn-features-content-body-footer-points-icon {
  color: #ffd800;
}
.g-cdn-features-content-body {
  text-align: center;
  height: 100%;
}
.g-cdn-features-content-body-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.g-cdn-features-content-body-footer-points {
  display: flex;
  gap: 8px;
}
.g-cdn-features-content-body-title {
  font-family: "poppins" !important;
  font-size: 25px !important;
}
.g-cdn-provider-content-div-dif-title {
  font-family: "poppins" !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
}
.g-cdn-provider-img {
  width: 700px;
  filter: hue-rotate(324deg);
}
.g-cdn-provider-container-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}
.g-cdn-provider-content {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.g-cdn-provider-main-div {
  max-width: 1400px;
}
.g-cdn-provider-content-div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.g-cdn-provider-section {
  background-color: transparent;
  padding: 30px 0;
  position: relative !important;
  overflow: hidden !important;
}
.g-cdn-provider-container-div {
  position: relative;
}
.g-cdn-provider-content-link {
  background-color: #c12701;
  color: #fff !important;
  font-family: "poppins" !important;
  padding: 10px 25px;
  font-weight: 500;
  width: fit-content;
  display: flex;
  gap: 15px;
  align-items: center;
  transition: 0.3s ease-in-out;
  border: 1px solid #c12701;
}
.g-cdn-provider-content-link:hover {
  background-color: #fff;
  transition: 0.3s ease-in-out;
  border: 1px solid #000;
  color: #000 !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.g-cdn-provider-content-div-title {
  text-transform: none !important;
  font-family: "poppins" !important;
  font-size: 45px !important;
}
.g-cdn-provider-img-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 949px) {
  .g-backup-features-main-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 620px) {
  .g-backup-features-main-flex {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .g-backup-features-box {
    max-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .g-cdn-provider-container-div {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .g-cdn-provider-img-div {
    display: flex;
    justify-content: center;
  }
  .g-cdn-provider-content-div {
    text-align: center;
    align-items: center;
  }
  .g-cdn-provider-section::before {
    background-image: none;
  }
  .g-cdn-provider-section:after {
    background-image: none;
  }
}
.g-compire-prices-tbl-section {
  padding: 60px 0 60px 0;
}
.g-compire-prices-tbl-div {
  max-width: 1400px;
}
.g-compire-prices-tbl-body-img-servermo {
  width: 150px;
}
.g-compire-prices-tbl-body-data-price {
  text-align: right;
  font-family: "raleway" !important;
  font-size: 18px;
  font-weight: 500;
}
.g-compire-prices-tbl-head-heading-right {
  font-family: "poppins";
  text-align: right;
  font-weight: 500;
}
.g-compire-prices-tbl-head-heading {
  font-family: "poppins";
  font-weight: 500;
}
.g-compire-prices-tbl-body-row-def {
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 50px;
}
.g-compire-prices-tbl {
  border-collapse: separate;
  border-spacing: 0 25px;
}
.g-compire-prices-tbl-body-data {
}
.g-compire-prices-tbl-head-row {
  background-color: #2c2c2c;
  color: #ffff;
  position: sticky;
  top: 88px;
  transition: 0.3s ease-in-out;
}
.g-compire-prices-tbl-body-row:hover {
  outline: 1px solid #c12701 !important;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.g-compire-prices-tbl-head-heading {
  padding: 20px 20px;
}
.g-compire-prices-tbl-body-data {
  padding: 20px 10px 20px 20px;
}
.g-compire-prices-tbl-body-data-price-servermo {
  color: #00a513;
}
.g-compire-prices-tbl-body-row {
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  transition: 0.3s ease-in-out;
  outline: 1px solid #fff;
  border-radius: 25px;
  height: 100px;
}
.g-compire-prices-tbl-body-data-img {
  width: 200px;
}
@media screen and (max-width: 952px) {
  .g-compire-prices-tbl-head {
    display: none;
  }
  .g-compire-prices-tbl-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
  }
  .g-compire-prices-tbl-body-row {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  .g-compire-prices-tbl-main-div {
    padding: 0 10px;
  }
  .g-compire-prices-tbl-body-data-img {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100% !important;
  }
  .g1tb,
  .g10tb,
  .g30tb,
  .g100tb,
  .g500tb,
  .g1pb {
    position: relative;
  }
  .g1tb::before {
    position: absolute;
    content: attr(d1tb);
    left: 10px;
    color: #000;
    font-family: "poppins";
    font-weight: 400 !important;
  }
  .g10tb::before {
    position: absolute;
    content: attr(d10tb);
    left: 10px;
    color: #000;
    font-family: "poppins";
    font-weight: 400 !important;
  }
  .g30tb::before {
    position: absolute;
    content: attr(d30tb);
    left: 10px;
    color: #000;
    font-family: "poppins";
    font-weight: 400 !important;
  }
  .g100tb::before {
    position: absolute;
    content: attr(d100tb);
    left: 10px;
    color: #000;
    font-family: "poppins";
    font-weight: 400 !important;
  }
  .g500tb::before {
    position: absolute;
    content: attr(d500tb);
    left: 10px;
    color: #000;
    font-family: "poppins";
    font-weight: 400 !important;
  }
  .g1pb::before {
    position: absolute;
    content: attr(d1pb);
    left: 10px;
    color: #000;
    font-family: "poppins";
    font-weight: 400 !important;
  }
  .g-compire-prices-tbl-body-data-price {
    text-align: right;
    border-bottom: 1px solid #f4efff;
  }
  .g-compire-prices-tbl-body-row {
    border-radius: 0;
    padding: 10px 30px 30px 30px;
    height: 100% !important;
  }
}
.g-iptransit-location-num {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-family: "poppins";
  font-weight: 500;
  color: #fff;
  background-color: #c12701;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.g-iptransit-location-div-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-iptransit-location-div-content-para {
  margin: 0 !important;
}
.g-iptransit-location-div {
  display: flex;
  gap: 12px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  padding: 10px 20px;
  border: 1px solid #ccc;
}
.g-iptransit-location-section-main-div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  max-width: 1400px;
  gap: 30px;
  padding: 0 10px;
}
.g-iptransit-location-section {
  padding: 60px 0;
}
.g-iptransit-location-div-num {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-iptransit-details-div-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: left;
}
.g-iptransit-features-content-body-footer-points {
  display: flex;
  gap: 8px;
}
.g-iptransit-details-main-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1400px;
  padding: 10px;
}
.g-iptransit-details-div-flex {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.g-iptransit-image-div-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  .g-iptransit-details-main-div {
    display: flex;
    flex-direction: column-reverse;
  }
}
.g-iptransit-image {
  width: 800px;
  border-radius: 15px;
}
.g-iptransit-details-section {
  background-color: #003158;
  color: #fff;
  padding: 50px 0;
}
.g-ip-transit-cost-tbl-header-row {
  font-family: "poppins" !important;
}
.g-ip-transit-cost-tbl-titles {
  font-weight: 600;
  padding: 30px 20px !important;
}
.g-ip-transit-cost-tbl-data {
  padding: 10px 20px !important;
  position: relative;
}
.g-ip-transit-cost-tbl-btn {
  background: #c12701;
  color: #fff !important;
  font-family: "poppins" !important;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 30px;
  display: block;
}
.g-ip-transit-cost-tbl-data-check {
  color: #12bd00;
  font-size: 20px;
}
.g-ip-transit-cost-tbl-main-div {
  padding: 0 10px;
  max-width: 1400px;
}
.g-ip-transit-cost-tbl {
  border-collapse: separate;
  border-spacing: 0 30px;
}
.g-ip-transit-cost-tbl-body-row {
  outline: 1px solid #cccc;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
}
.g-ip-transit-cost-tbl-body-row:hover .g-ip-transit-cost-tbl-btn {
  transition: 0.3s ease-in-out;
  background-color: #000;
  color: #fff;
}
.g-ip-transit-cost-tbl-body-row:hover {
  transition: 0.3s ease-in-out;
  outline: 1px solid #000;
  cursor: pointer;
}
.g-border-top-left-and-bottom-radius {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.g-border-top-right-and-bottom-radius {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media screen and (max-width: 900px) {
  .g-ip-transit-cost-tbl-header {
    display: none;
  }
  .g-ip-transit-cost-tbl-body {
  }
  .g-ip-transit-cost-tbl-body-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .band-width::before {
    position: absolute;
    content: attr(bandwidth) "\00000a";
    left: 70px;
    font-family: "poppins" !important;
    font-weight: 500;
  }
  .bgp::before {
    position: absolute;
    content: attr(bgp);
    left: 70px;
    font-family: "poppins" !important;
    font-weight: 500;
  }
  .ipv::before {
    position: absolute;
    content: attr(ipv6ipv4);
    left: 70px;
    font-family: "poppins" !important;
    font-weight: 500;
  }
  .location::before {
    position: absolute;
    content: attr(locations);
    left: 70px;
    font-family: "poppins" !important;
    font-weight: 500;
  }
  .g-ip-transit-cost-tbl-data {
    text-align: right !important;
    padding: 20px 80px !important;
    font-family: "poppins" !important;
    font-weight: 700;
  }
  .g-ip-transit-cost-tbl-btn {
    text-align: center;
  }
}
@media screen and (max-width: 530px) {
  .band-width::before {
    left: 20px;
  }
  .bgp::before {
    left: 20px;
  }
  .ipv::before {
    content: attr(mobileipv);
    left: 20px;
  }
  .location::before {
    left: 20px;
  }
  .g-ip-transit-cost-tbl-data {
    padding: 20px 22px !important;
  }
}
.g-servermo-email-pic {
  width: 300px;
}
.g-locations-width {
  width: 40px;
  margin-bottom: 40px;
  filter: grayscale(1) brightness(10);
  transition: 0.3s ease-in-out;
}
.g-backup-features-box:hover .g-locations-width {
  filter: none;
  transition: 0.3s ease-in-out;
}
.g-content-part-div-items-div {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  margin: 10px 0 10px 0;
}
.g-content-and-image-div {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}
.g-content-and-image-section-main-div {
  max-width: 1400px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.g-content-part-div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
}
.g-image-part-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-image-part-div-image {
  width: 500px;
}
.g-image-part-div-image-two {
  width: 200px;
}
.g-content-and-image-div {
  background-color: #fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0 0 16px;
  padding: 30px 30px 0 30px;
  border: 1px solid #ccc;
}
.g-def-game-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-gaming-ddos-tag {
  display: block;
  background-color: #c12701;
  color: #fff !important;
  padding: 15px 20px;
  font-family: "poppins" !important;
  margin: 20px 0 20px 0;
  font-weight: 500;
  font-size: 17px;
}
.g-height-100 {
  height: 100% !important;
}
.g-image-and-content-design-grid-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.g-image-and-content-design-main-div {
  max-width: 1400px;
  padding: 0 10px;
}
.g-image-and-content-design-image {
  width: 500px;
}
.g-image-and-content-design-image-part {
  display: flex;
  justify-content: end;
  align-items: center;
}
.g-icon-and-content-main-flex-div {
  display: flex;
  gap: 10px;
}
.g-arrow-content {
  color: #c12701;
}
.g-image-and-content-design-section {
  padding: 60px 0;
}
@media screen and (max-width: 1077px) {
  .g-image-and-content-design-grid-div {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .g-image-and-content-design-image-part {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.g-color-red {
  color: #c12701 !important;
}
.g-integration-hardware-layout {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  align-items: center;
  border: 2px solid #c12701;
  background-color: #fff;
}
.g-integration-hardware-layout-new {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media screen and (max-width: 940px) {
  .g-reseller-hosting-main-div {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.g-integration-hardware-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0 0 0;
}
.g-integration-hardware-section-main-div {
  max-width: 1600px;
  padding: 0 10px;
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.g-integration-hardware-content-ol-list {
  margin: 10px 0;
}
.g-poppins-head {
  text-align: left;
}
.g-border-bottom {
  border-bottom: 1px solid #ccc;
}
.g-border-bottom-black {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1000px) {
  .g-integration-hardware-layout {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .g-integration-hardware-layout-new {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .g-btn-cluster-div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center !important;
  }
  .g-integration-hardware-section-main-div {
    padding: 30px 10px;
  }
  .g-integration-hardware-layout-2 {
    display: flex;
    flex-direction: column-reverse;
  }
  .g-poppins-head {
    text-align: center;
  }
}
.g-integration-hardware-section {
  background-color: #f3f3f3;
}
.g-integration-hardware-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-gray-scale {
  filter: grayscale(1);
}
.g-btn-cluster-div {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: left;
}
.g-btn-cluster {
  background-color: #c12701;
  font-family: "poppins" !important;
  display: block;
  padding: 8px 25px;
  color: #fff !important;
  font-weight: 500;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid #c12701;
  transition: 0.3s ease-in-out;
}
.g-btn-cluster:hover {
  background-color: #fff;
  border: 1px solid #000;
  color: #000 !important;
  transition: 0.3s ease-in-out;
}
.g-one-grid {
  grid-template-columns: repeat(1, 1fr) !important;
}
.x-mark {
  color: #c12701;
  font-size: 20px;
}
.g-managed-hosting-pricing-main-div {
  max-width: 1600px;
  padding: 0 10px;
}
.g-flex {
  display: flex;
  gap: 10px;
  align-items: center;
}
.g-managed-hosting-pricing-card-head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.g-managed-hosting-pricing-card-body-row {
  display: flex;
  justify-content: space-between;
  padding: 15px 30px;
}
.g-managed-hosting-pricing-card-body-row-content {
  padding: 0 15px;
}
.g-managed-hosting-pricing-body-head-price {
  font-family: "raleway" !important;
  font-size: 25px !important;
  font-weight: 500;
}
.g-managed-hosting-pricing-card-head-h3 {
  font-family: "poppins" !important;
  font-size: 20px !important;
  text-align: center;
}
.g-managed-hosting-pricing-card-head {
  background-color: #003158;
  color: #fff !important;
}
.g-managed-hosting-pricing-card-btn {
  display: block;
  background-color: #c12701;
  margin: 0 !important;
  color: #fff !important;
  font-family: "poppins" !important;
  padding: 8px 25px;
  width: 80% !important;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  border: 1px solid #c12701;
  transition: 0.3s ease-in-out;
  border-radius: 30px;
}
.g-managed-hosting-pricing-card-btn:hover {
  background-color: #000;
  color: #fff !important;
  border: 1px solid #000;
  transition: 0.3s ease-in-out;
}
.g-managed-hosting-pricing-card-body-btn-row {
  display: flex;
  justify-content: center;
  padding: 15px 30px;
}
.g-managed-hosting-pricing-card-body-row:nth-child(even) {
  background-color: #f7f7f7;
  color: #000;
}
.g-managed-hosting-pricing-card {
  border: 1px solid #000;
}
.g-managed-hosting-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 30px 0;
}
@media screen and (max-width: 900px) {
  .g-managed-hosting-pricing-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 30px 0;
  }
}
@media screen and (max-width: 500px) {
  .g-managed-hosting-pricing-card-body-row {
    padding: 15px 10px !important;
  }
}
.g-price-card-title {
  font-size: 25px !important;
  color: #000 !important;
  margin-top: 10px;
}
.g-integration-hardware-image-cls-2 {
  width: 200px;
}
.g-smaller-server {
  width: 180px;
}
.g-align-items-center {
  align-items: center;
}
.g-btn-cluster-2 {
  font-family: "poppins" !important;
  color: #c12701 !important;
  font-size: 19px;
  font-weight: 500;
}
.g-arr-right-sub {
  color: #c12701;
  margin: 0 0 0 10px;
}
.g-cursor-pointer {
  cursor: pointer;
}
.g-reseller-hosting-main-div {
  max-width: 1400px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.g-reseller-server {
  width: 800px;
}
.g-reseller-hosting-section {
  padding: 40px 0 40px 0;
}
.g-reseller-hosting-section-tbl {
  border-collapse: separate;
  border-spacing: 0 30px;
}
.g-reseller-hosting-section-tbl-body-row {
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.g-reseller-hosting-section-tbl-body-content {
  padding: 30px;
}
.g-reseller-hosting-section-tbl-head-headings {
  padding: 20px;
}
.g-reseller-hosting-section-tbl-head-row {
  background-color: #000;
  color: #fff;
}
.g-reseller-hosting-section-tbl-body-row {
  transition: 0.3s ease-in-out;
}
.g-reseller-hosting-section-tbl-body-row:hover {
  transition: 0.3s ease-in-out;
  transform: translateX(8px);
}
@media screen and (max-width: 600px) {
  .g-reseller-hosting-section-tbl-head-row {
    display: none;
  }
  .g-reseller-hosting-section-tbl-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .g-reseller-hosting-section-tbl-body-row {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: "Poppins";
    font-size: 20px;
    border: 1px solid #d3d3d3;
  }
  .g-reseller-hosting-section-tbl-body-content {
    position: relative;
  }
  .g-reseller-hosting-section-tbl-body-row:hover {
    transition: 0.3s ease-in-out;
    transform: translateY(8px);
  }
}
.g-no-gap {
  gap: 0 !important;
}
@media screen and (max-width: 1000px) {
  .g-phone-align-center {
    align-items: center;
  }
}
.g-reseller-hosting-section-alt {
  display: flex !important;
  flex-wrap: wrap;
}
.g-reseller-hosting-main-div-new {
  max-width: 1400px;
  padding: 0 10px;
}
.g-continental-title-and-searchbox-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 877px) {
  .g-continental-title-and-searchbox-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 0 50px 0;
  }
}
.g-nav-logo-div-new {
  padding: 10px 0 10px 0;
}
@media screen and (max-width: 640px) {
  .g-nav-logo-div-new {
    padding: 0 0 0 0;
  }
}
@media screen and (max-width: 1586px) {
  .g-nav-links {
    padding-top: 1rem !important;
  }
}
#subpage {
  margin-top: 60px !important;
}
.g-continental-country-details-contents-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.g-continental-country-details-section {
  background-color: #003158;
  padding: 60px 10px;
}
.g-continental-country-details-contents-map-div {
  position: relative;
}
.g-continental-country-details-contents-selector-dropdown-div {
  background-color: #fff;
}
.g-continental-country-details-contents-selector-dropdown-div {
  display: flex;
  justify-content: space-around;
  padding: 20px;
  font-family: "poppins" !important;
  font-size: 17px;
  font-weight: 500;
}
.g-same-width {
  width: 200px;
}
.g-continental-country-details-contents-selector-dropdown-head {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #000;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
}
.g-continental-country-details-contents-selector-dropdown-head:hover {
  border: 1px dashed #000;
  transition: 0.3s ease-in-out;
}
.g-continental-country-details-contents-selector-dropdown-head:hover
  .g-continental-country-details-contents-selector-dropdown-body {
  visibility: visible;
  transition: 0.3s ease-in-out;
}
.g-continental-country-details-contents-selector-dropdown-body-def{
  top: -397% !important;
}
.g-continental-country-details-contents-selector-btn {
  background: #c12701;
  color: #fff;
  padding: 15px;
  transition: 0.3s ease-in-out;
}
.g-continental-country-details-contents-selector-btn:hover {
  background: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.g-drop-down-navi {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #efefef;
}
.g-continental-country-details-contents-selector-dropdown-body-list-flag {
  width: 35px;
  margin-left: 10px;
  transition: 0.3s ease-in-out;
}
.g-continental-country-details-contents-selector-dropdown-body-list
  > .g-continental-country-details-contents-selector-dropdown-body-list-flag {
  visibility: hidden;
}
.g-continental-country-details-contents-selector-dropdown-head:hover
  .g-continental-country-details-contents-selector-dropdown-body-list
  > .g-continental-country-details-contents-selector-dropdown-body-list-flag {
  visibility: visible;
  transition: 0.3s ease-in-out;
}
.g-continental-country-details-contents-selector-dropdown-body-list {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
  align-items: center;
}
.g-continental-country-details-contents-selector-dropdown-body-list:hover {
  background-color: #f3f3f3;
}
.g-continental-country-details-contents-selector-dropdown-body {
  position: absolute;
  top: 115%;
  background: #fff;
  border: 1px solid #000;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  max-height: 230px;
  overflow: auto;
  z-index: 999;
}
.g-continental-country-details-main-div {
  max-width: 1400px;
}
.g-continental-country-details-contents-selector-info-div {
  padding: 30px 0;
  color: #fff;
}
.g-continental-quick-link-div {
  color: #fff;
  font-family: "Poppins" !important;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.g-link-continental-icon {
  margin-right: 10px;
}
.g-continental-country-details-contents-selector-info-links-div {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 1300px) {
  .g-continental-country-details-contents-map-div {
    display: none;
  }
  .g-continental-country-details-contents-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-continental-country-details-section {
    padding-top: 40px;
  }
}
@media screen and (max-width: 700px) {
  .g-continental-country-details-contents-selector-dropdown-div {
    flex-wrap: wrap;
    justify-content: center;
  }
  .g-drop-down-navi {
    width: 100%;
    justify-content: center;
    padding: 15px 0;
    margin: 0 0 20px 0;
  }
  .g-select-text-icon {
    margin-right: 15px;
  }
}
.g-continental-country-details-contents-selector-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 459px) {
  .g-continental-country-details-contents-selector-dropdown-head {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  .g-continental-country-details-contents-selector-btn {
    width: 100%;
  }
  .g-continental-country-details-contents-selector-dropdown-body {
    width: 100%;
  }
}
.g-drop-down-caret {
  transition: 0.3s ease-in-out;
  transform: rotate(-180deg);
  padding: 0 10px;
}
.g-continental-country-details-contents-selector-dropdown-head:hover
  .g-drop-down-caret {
  transition: 0.3s ease-in-out;
  transform: rotate(0deg);
  padding: 0 10px;
}
.g-into-the-spec-country-main-div {
  display: flex;
  align-items: center;
  max-width: 1400px;
  justify-content: space-between;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 0 30px;
  margin-bottom: 50px;
}
.g-location-dot {
  font-size: 20px;
  color: #c12701;
}
.g-all-cities-details-box-cont-icon {
  margin-right: 10px;
}
.g-all-cities-details-box-heading {
  font-family: "poppins" !important;
  font-weight: 800;
  font-size: 22px;
  display: flex;
  justify-content: left;
  position: relative;
}
.g-all-cities-details-box-heading::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #c12701;
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-box:hover .g-all-cities-details-box-heading::before {
  transition: 0.3s ease-in-out;
  width: 50%;
}
.g-all-cities-details-box-body-content-div {
  font-family: "poppins" !important;
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0;
  display: flex;
  transition: 0.3s ease-in-out;
  pointer: cursor;
}
.g-all-cities-details-box-body-content-div:hover {
  transform: translateX(8px);
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-main-div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.g-all-cities-details-max-width {
  max-width: 1400px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.g-all-cities-details-main-div-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-all-cities-details-box {
  padding: 8px;
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-box:hover .g-all-cities-details-box-heading {
  color: #c12701;
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-box-href {
  color: #005293 !important;
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-box-href:hover {
  color: #2199e8 !important;
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-section {
  position: relative;
  padding: 40px 10px;
}
.g-all-cities-details-section > .g-new-product-pricing-table-wrapper-title {
  text-align: center !important;
}
@media screen and (max-width: 640px) {
  .g-all-cities-details-max-width {
    background-color: #fff;
  }
}
@media screen and (max-width: 1300px) {
  .g-all-cities-details-main-div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1100px) {
  .g-all-cities-details-max-width {
    display: flex;
    flex-direction: column;
  }
  .g-all-cities-details-main-div {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1000px) {
  .g-all-cities-details-main-div {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .g-continental-country-details-contents-selector-dropdown-div {
    width: 100%;
  }
  .g-continental-country-details-contents-selector-dropdown-head-2 {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  .g-continental-country-details-contents-selector-btn-2 {
    width: 100%;
  }
  .g-continental-country-details-contents-selector-dropdown-body-2 {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .g-into-the-spec-country-main-div-two {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  .g-text-box-container-dedi-2 {
    display: none;
  }
  .g-into-the-spec-country-main-div-two {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .g-all-cities-details-main-div {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-into-the-spec-country-main-div-two {
    flex-direction: column-reverse;
    background: #003158 !important;
  }
  .g-text-box-container-dedi-2 {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .g-all-cities-details-main-div {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .g-all-cities-details-box {
  }
  .g-all-cities-details-section::before {
    background-size: cover;
  }
}
#PasteCountryName {
  padding-left: 10px;
  font-size: 15px;
}
.g-continental-map-europe {
  filter: brightness(1.6) !important;
}
.g-continental-map-asia {
  filter: brightness(1.5) !important;
  width: 690px !important;
}
.g-drop-down-country-name {
  font-size: 15px;
}
.g-cdn-provider-section-prevent {
  border: none !important;
}
.g-cdn-provider-section-prevent:after {
  background-image: none !important;
}
.g-cdn-provider-section-prevent:before {
  background-image: none !important;
}
.g-into-the-spec-country-main-div-two {
  background: #003158 !important;
  padding: 10px 20px !important;
  border-radius: 10px;
}
@media screen and (max-width: 530px) {
  .g-into-the-spec-country-main-div-two {
    padding: 10px !important;
  }
}
.g-continental-country-details-contents-selector-dropdown-div-prevent {
  padding: 10px !important;
}
.g-all-cities-details-main-div-image-size-canada {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-mexico {
  width: 600px;
}
.g-all-cities-details-main-div-image-size-paraguay {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-brazil {
  width: 600px;
}
.g-all-cities-details-main-div-image-size-new-zealand {
  width: 400px;
}
.g-all-cities-details-main-div-diff {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 500px) {
  .g-all-cities-details-main-div-diff {
    display: grid;
    grid-template-column: repeat(3, 1fr) !important;
  }
}
@media screen and (max-width: 450px) {
  .g-all-cities-details-main-div-diff {
    display: flex;
  }
  .g-all-cities-details-box-diff {
    width: 100%;
  }
}
.g-alternative-all-cities-details-content-div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.g-into-the-spec-country-main-div-three {
  background-color: #003158;
  padding: 10px;
  gap: 10px;
}
.g-alter-into-spec-div {
  width: 100%;
}
.g-inner-combo-div {
  width: 100%;
}
.g-all-cities-details-box-body {
  border-top: 1px solid #ccc;
  margin-top: 30px;
  padding-top: 15px;
}
@media screen and (max-width: 1024px) {
  .g-all-cities-details-box-body {
    justify-content: center;
    margin-top: 30px;
  }
}
@media screen and (max-width: 540px) {
  .g-continentals-countries-heading {
    font-size: 22px !important;
  }
}
.g-all-cities-details-box-body {
  display: flex;
  column-gap: 20px;
  row-gap: 2px;
  flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
  .g-alter-selector {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .g-all-cities-details-section::before {
    background-image: none !important;
  }
  .g-all-cities-details-section::after {
    background-image: none !important;
  }
  .g-continentals-countries-heading {
    padding-bottom: 30px !important;
  }
}
.g-all-cities-details-main-div-image-size-argentina {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-peru {
  width: 500px;
}
.g-all-cities-details-main-div-image-size-chile {
  width: 200px;
}
.g-all-cities-details-main-div-image-size-kenya {
  width: 450px;
}
.g-all-cities-details-main-div-image-size-libya {
  width: 450px;
}
.g-all-cities-details-main-div-image-size-tunisia {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-thailand {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-bangladesh {
  width: 450px;
}
.g-all-cities-details-main-div-image-size-qatar {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-vietnam {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-indonesia {
  width: 800px;
}
.g-all-cities-details-main-div-image-size-malaysia {
  width: 800px;
}
.g-all-cities-details-main-div-image-size-philippines {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-taiwan {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-israel {
  width: 300px;
}
.g-all-cities-details-main-div-image-size-serbia {
  width: 500px;
}
.g-all-cities-details-main-div-image-size-germany {
  width: 500px;
}
.g-all-cities-details-main-div-image-size-ireland {
  width: 500px;
}
.g-all-cities-details-main-div-image-size-united-kingdom {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-finland {
  width: 300px;
}
.g-all-cities-details-main-div-image-size-luxembourg {
  width: 500px;
}
.g-all-cities-details-main-div-image-size-sweden {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-albania {
  width: 400px;
}
.g-all-cities-details-main-div-image-size-norway {
  width: 400px;
}
.g-continental-country-details-contents-selector-dropdown-body-list-anchor-tag {
  color: #000 !important;
  display: inline-block;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
}
.g-continental-country-details-contents-selector-dropdown-head:hover
  .g-continental-country-details-contents-selector-dropdown-body-list-anchor-tag {
  visibility: visible;
  transition: 0.3s ease-in-out;
}
.g-search-div-new {
  max-width: 100% !important;
  display: flex;
  justify-content: right;
  padding: 0 50px 20px 0;
  align-items: center;
}
.g-list-box-new {
  background-color: #fdfdfd !important;
  padding: 0 0;
  max-height: 170px;
  overflow: auto;
  display: none;
  margin-top: 60px;
  animation: alternate searchboxshow 500ms ease-in-out;
  border: 1px solid #b5b5b5;
  z-index: 666;
  position: absolute;
  max-width: 350px;
  width: 100%;
}
@media screen and (max-width: 1240px) {
  .g-search-div-new {
    justify-content: center;
    padding: 0 0 40px 0;
  }
}
.g-vps-subbanners-lowerbanner-image {
  width: 200px;
}
.g-vps-subbanners-lowerbanner-image-div {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .g-webhosting-lowerbanner-div-new {
    text-align: center;
    padding-bottom: 20px;
  }
}
.g-cdn-subbanners-lowerbanner-image {
  width: 150px;
}
@media screen and (max-width: 900px) {
  .g-cdn-provider-content-div-title {
    font-size: 30px !important;
  }
}
.g-backup-features-main-flex-second {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.g-iptransit-features-main-div {
  max-width: 1400px;
  padding: 0 10px;
}
.g-backup-features-box-body-new {
  max-width: 250px !important;
  border: 1px solid #ccc;
}
.g-offers-new-cards-body-icon-2 {
  width: 80px;
}
.newsletter-main-model-div {
  position: fixed;
  top: 0;
  background-color: #000000c9;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
  padding: 10px;
}
.newsletter-model-div {
  background-color: #fff;
  max-width: 718px;
  padding: 10px;
}
.newsletter-model-body-icon-image {
  width: 100px;
  animation: giggleimage 2s infinite ease-in-out;
}
@keyframes giggleimage {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-10deg);
  }
  20% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.newsletter-model-div-close-icon-div {
  display: flex;
  justify-content: end;
}
.newsletter-model-body-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletter-model-body-title {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 22px !important;
  padding: 8px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.newsletter-model-body-para {
  font-family: "Poppins";
  font-size: 18px !important;
  padding: 8px 0;
}
.g-newsletter-close {
  font-size: 25px !important;
  color: #c12701;
  transition: 0.3s ease-in-out;
}
.g-newsletter-close:hover {
  transform: scale(1.2) rotate(90deg);
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.newsletter-model-body-footer {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.newsletter-model-body-footer-link {
  color: #fff;
  background-color: #000;
  font-family: "Poppins";
  font-weight: 600;
  padding: 10px 30px;
}
.newsletterHide {
  animation: popfadeout 0.5s;
}
.newsletterShow {
  animation: popfadein 0.5s;
}
@keyframes popfadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes popfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.g-model-company-logo {
  width: 200px;
}
.g-index-card-shadow {
  filter: drop-shadow(3px 0 5px #ccc);
  border: none;
}
.g-reseller-hosting-new-cards-image {
  width: 60px;
}
@media screen and (max-width: 700px) {
  .copy {
    backdrop-filter: blur(0) brightness(1) !important;
  }
}
.g-reseller-hosting-new-cards-image-div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-75px);
  background: #fff;
}
.g-reseller-hosting-new-cards-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 0 0;
  font-family: "poppins" !important;
  margin-top: -80px;
}
.g-reseller-hosting-new-cards {
  border: 2px solid #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-radius: 15px;
}
.g-reseller-hosting-new-cards-body-title {
  font-size: 25px !important;
  font-weight: 500;
}
.g-reseller-hosting-new-cards-body-discount {
  font-family: "raleway" !important;
  font-size: 40px !important;
  font-weight: 500;
  color: #c12701;
  filter: drop-shadow(2px 4px 2px #ccc);
}
.g-reseller-hosting-main-div-new-grid {
  padding: 80px 10px 20px 10px;
}
.g-reseller-hosting-main-div-new-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.g-870-px-visible {
  display: none;
}
@media screen and (max-width: 760px) {
  .g-reseller-hosting-main-div-new-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 80px;
  }
}
.g-reseller-hosting-new-cards-body-content {
  text-align: center;
}
.g-protection-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 870px) {
  .g-protection-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-new-speedo-meter-pricing-card-container {
    margin-top: 50px;
  }
  .g-870-px-visible {
    display: block;
  }
  .g-870-px-none-visible {
    display: none;
  }
}
.g-protection-section {
  background-color: #000;
  padding: 50px 0;
  margin: 80px 0;
}
.g-protection-section-main-div {
  padding: 20px 10px;
  max-width: 1100px;
  padding: 0 10px;
}
.g-pricing-d-div-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-new-div-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1400px;
}
@media screen and (max-width: 924px) {
  .g-new-div-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-text-left {
  text-align: left !important;
}
.g-padding-text-div {
  padding: 0 0 0 30px;
}
h2 {
  font-size: 20px !important;
}
.g-importance-of-dedicated-server-card-body-new {
  background-color: #000;
  color: #fff !important;
  flex-direction: column;
  padding: 30px;
  border-radius: 30px;
}
.g-social-show-for-large-main {
  display: flex;
  gap: 20px;
  padding: 6px 0 0 0;
}
.g-social-icons-top-nav {
  font-size: 22px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.g-social-icons-top-nav:hover {
  color: #c12701;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1350px) {
  .g-social-show-for-large-main {
    display: none;
  }
  .g-hide-nav-link {
    display: none !important;
  }
}
.g-special-top-nav-text {
  font-size: 11px;
  color: #fff;
}
.g-second-top-nav {
  padding-left: 70px;
  padding-right: 70px;
}
.g-hardware-banner-image {
  width: 300px;
}
.g-our-services-cards-box-article-def-top {
  background: #ebf4ff !important;
}
.g-pricing-body-div {
  width: 100% !important;
}
@media screen and (max-width: 500px) {
  .g-colored-title-def {
    flex-direction: column;
  }
}
.g-colored-title {
  color: #000 !important;
}
.g-importance-of-dedicated-server-cards-div-grid {
  padding-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1050px) {
  .g-importance-of-dedicated-server-cards-div-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-new-epyc-main-div-body {
  padding: 20px;
}
.g-new-epyc-main-div-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1400px;
}
.g-new-epyc-main-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-new-epyc-main-content-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.g-new-epyc-main-image-2 {
  width: 500px;
}
@media screen and (max-width: 980px) {
  .g-new-epyc-main-div-grid {
    display: flex;
    flex-direction: column;
  }
  .g-new-epyc-main-div-grid-revert {
    flex-direction: column-reverse !important;
  }
}
.g-new-epyc-main-image-2 {
  border-radius: 30px;
}
@media screen and (max-width: 880px) {
  .g-data-center-contents-align-middle {
    flex-direction: column-reverse;
  }
  .g-data-center-contents-align-middle-reverse {
    flex-direction: column !important;
  }
}
.g-importance-of-dedicated-server-card-body-title-def {
  margin: 0 0 10px 0 !important;
}
.g-ddos-sheilded-image {
  width: 615px;
}
.g-backup-features-box-width-reseller {
  max-width: 450px;
}
.g-dedicated-servers-locations-main-div {
  max-width: 1800px !important;
}
.g-shielded-ddos-mitegation-main-container-div {
  max-width: 2600px;
}
.g-shielded-ddos-mitegation-main-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #003158;
  color: #fff;
}
.g-shielded-ddos-mitegation-main-div-content-div {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 50px 10px 10px;
  margin-left: -150px;
}
.g-shielded-ddos-mitegation-main-div-image {
  width: 800px;
  height: 100%;
  filter: brightness(0.5);
}
@media screen and (max-width: 1170px) {
  .g-shielded-ddos-mitegation-main-div {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-shielded-ddos-mitegation-main-div-image-div {
    display: none;
  }
  .g-shielded-ddos-mitegation-main-div-content-div {
    padding: 30px 10px 30px 10px;
  }
}
@media screen and (max-width: 1830px) {
  .g-shielded-ddos-mitegation-main-div-content-div {
    margin-left: 0;
  }
}
.g-custom-new-pricing-tbl-main-container-div {
  max-width: 1400px;
}
.g-tot-tbl-container-new-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.g-new-fanzy-cards {
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #003158;
}
.g-new-fanzy-cards-header {
  background-color: #003158;
  color: #fff;
  padding: 20px 10px;
  border-radius: 10px 10px 0 0;
}
.g-new-fanzy-cards-header-title {
  font-family: "poppins";
  font-weight: 600 !important;
  font-size: 26px !important;
}
.g-new-fanzy-cards-header-sub-title {
  font-family: "poppins";
  font-weight: 400 !important;
  font-size: 25px !important;
  margin: 0 !important;
}
.g-new-fanzy-cards-header-price {
  font-family: "raleway";
  font-size: 31px !important;
  font-weight: 600 !important;
}
.g-new-fanzy-cards-body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 30px 10px 0 10px;
  background-color: #fff;
}
.g-new-fanzy-cards-body-image {
  width: 80px;
}
.g-new-fanzy-cards-body-content {
  padding: 20px 10px 0 10px;
  font-family: "poppins";
  font-size: 22px !important;
}
.g-new-fanzy-cards-footer {
  padding: 20px 0;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-new-fanzy-cards-footer-btn {
  color: #fff !important;
  display: inline-block;
  background-color: #c12701;
  padding: 10px 30px;
  border-radius: 30px;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 500 !important;
  transition: 0.3s ease-in-out;
}
.g-new-fanzy-cards-footer-btn:hover {
  background-color: #000;
  transition: 0.3s ease-in-out;
}
.g-new-fanzy-cards-header-ubuntu {
  background-color: #c12701 !important;
}
.g-new-fanzy-cards-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.g-new-fanzy-cards-ubuntu {
  background-color: #c12701 !important;
}
@media screen and (max-width: 970px) {
  .g-tot-tbl-container-new-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .g-new-fanzy-cards-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-new-speedo-meter-green {
  height: 150px;
  border: 1px solid #000;
  width: 50px;
  margin: 0 5px;
  background-color: #ccc;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transition: 0.3s ease-in-out;
}
.g-new-speedo-meter-orange {
  height: 200px;
  border: 1px solid #000;
  width: 50px;
  margin: 0 5px;
  background-color: #a7a7a7;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transition: 0.3s ease-in-out;
}
.g-new-speedo-meter-red {
  height: 250px;
  border: 1px solid #000;
  width: 50px;
  margin: 0 5px;
  background-color: #6c6c6c;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transition: 0.3s ease-in-out;
}
.g-new-speedo-meter-div {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.g-new-speedo-meter-slider-div {
  display: flex;
  justify-content: center;
  margin: 50px 0 0 0;
}
.g-new-speedo-meter-slider-bar {
  width: 70%;
  border: 1px solid #ccc;
  height: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(78, 78, 78, 1) 100%
  );
  position: relative;
  border-radius: 30px;
}
.g-new-speedo-meter-slider-circle {
  position: absolute;
  top: -262%;
  left: -2%;
  background-color: #fff;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 3px solid #c12701;
  transition: 0.3s ease-in-out;
}
.g-new-speedo-meter-slider-btn-div {
  margin: 50px 10px 0 10px;
  display: flex;
  gap: 30px;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.g-new-speedo-meter-slider-btn {
  display: flex;
  font-family: "poppins";
  font-weight: 500;
  font-size: 20px;
  border-radius: 30px;
  background-color: #000;
  padding: 8px 30px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  border: 2px solid #fff;
  justify-content: space-around;
  align-items: center;
  gap: 10px;
}
.g-new-speedo-meter-slider-btn:hover {
  background-color: #fff;
  color: #000;
  transition: 0.3s ease-in-out;
}
.g-new-speedo-meter-pricing-card-container {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  max-width: 400px;
  border-left: 1px solid #003158;
  border-right: 1px solid #003158;
  border-bottom: 1px solid #003158;
  border-radius: 10px;
}
.g-new-speedo-meter-pricing-card-header {
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 20px;
  padding: 10px 50px;
  background-color: #c12701;
  border-radius: 10px 10px 0 0;
}
.g-new-speedo-meter-pricing-card-type {
  font-family: "Poppins";
  font-size: 25px;
  font-weight: 200;
  color: #fff;
}
.g-new-speedo-meter-pricing-card-cat {
  font-family: "Poppins";
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.g-new-speedo-meter-pricing-card-price {
  font-family: "raleway";
  font-size: 28px;
  font-weight: 400;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  border: 5px solid #000;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  outline: 3px solid #ccc;
}
.g-new-speedo-meter-pricing-card-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 10px 0 10px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.g-new-speedo-meter-pricing-card-footer {
  padding: 20px 20px 20px 20px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
.g-new-speedo-meter-pricing-card-footer-btn {
  display: inline-block;
  color: #fff !important;
  background-color: #003158;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 500;
  padding: 10px 15px;
  border: 2px solid #003158;
  transition: 0.3s ease-in-out;
}
.g-new-speedo-meter-pricing-card-footer-btn:hover {
  background-color: #fff;
  color: #000 !important;
  transition: 0.3s ease-in-out;
  border: 2px solid #000;
}
.g-new-speedo-meter-pricing-card {
}
.g-new-speedo-meter-pricing-card-content {
  font-family: "Poppins";
  font-size: 18px;
}
.g-new-speedo-meter-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 30px;
}
.g-new-speedo-meter-pricing-card-header-hr {
  margin: 20px 0 0 0 !important;
}
.g-quick-jump-country-btn-section {
  background: #e4f2ff;
  padding: 50px 0;
}
.g-quick-jump-country-btn-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
}
.g-user-quick-links-sections-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-quick-jump-country-btn-country-flag-img {
  width: 55px;
}
.g-quick-jump-country-btn-body {
  display: flex;
  gap: 20px;
  align-items: center;
  background-color: #036eb5ed;
  padding: 18px 30px;
  border-radius: 50px;
  border-bottom: 6px solid #003158;
}
.g-quick-jump-country-btn-body:hover {
  border-bottom: 2px solid #003158;
}
.g-quick-jump-country-btn-container {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.g-quick-jump-country-btn-country-content {
  color: #fff !important;
  font-size: 20px;
  font-family: "Poppins" !important;
  font-weight: 500;
}
@media screen and (max-width: 400px) {
  .g-quick-jump-country-btn-body {
    width: 80%;
    justify-content: center;
  }
}
.g-quick-jump-country-btn-main-div {
  max-width: 1800px;
}
.g-user-quick-links-section {
  padding: 60px 0;
}
.g-user-quick-links-sections-main-div {
  max-width: 1400px;
  padding: 0 10px;
}
.g-def-title-color-span {
}
.g-def-title-color {
  color: #c12701 !important;
}
.g-user-quick-links-sections-image-div {
  background-repeat: no-repeat;
  background-position: center;
  height: 490px;
  border-radius: 20px;
  background-size: cover;
  margin: 30px 0 50px 0;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.g-user-quick-links-sections-image-div-europe {
  background-image: url(/images/newicons/europe-city.webp);
}
.g-user-quick-links-sections-image-div-north-america {
  background-image: url(/images/newicons/north-america-city.webp);
}
.g-user-quick-links-sections-image-div-south-america {
  background-image: url(/images/newicons/south-america-city.webp);
}
.g-user-quick-links-sections-image-div-africa {
  background-image: url(/images/newicons/africa-city.webp);
}
.g-user-quick-links-sections-image-div-asia {
  background-image: url(/images/newicons/asia-city.webp);
}
.g-user-quick-links-sections-image-div-australia {
  background-image: url(/images/newicons/australia-sydney.webp);
}
.g-user-quick-links-sections-content {
  font-size: 16px !important;
  font-family: "Poppins" !important;
  font-weight: 400 !important;
  text-align: center;
}
.g-user-quick-link-body {
  display: grid;
  align-items: center;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #005ea5 !important;
  position: relative;
  grid-template-columns: repeat(2, 1fr);
  transition: 0.3s ease-in-out;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}
.g-user-quick-link-body:hover {
  transform: translateX(8px);
}
.g-user-quick-links-h4-title {
  font-family: "Poppins" !important;
  color: #c12701 !important;
  font-size: 25px !important;
  padding-top: 0;
}
.g-user-quick-link-content {
  font-family: "Poppins" !important;
  margin-left: -35px;
}
.g-user-quick-links-div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
  padding-top: 20px;
}
.g-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.g-user-quick-links-sections-image-div-new {
  margin: 0 !important;
}
.g-user-quick-links-sections-content-div-new {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-user-quick-links-section-new {
  padding: 50px 0 !important;
}
.g-user-quick-links-new-style-div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .g-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-user-quick-links-sections-content-def {
    text-align: center !important;
  }
  .g-user-quick-links-sections-image-div {
    height: 290px;
  }
  .g-user-quick-links-h4-title {
    text-align: center;
  }
  .g-user-quick-links-div {
    justify-content: center;
  }
  .g-user-quick-links-sections-title {
    text-align: center;
    font-size: 25px !important;
  }
  .g-user-quick-links-sections-content {
    text-align: center;
  }
  .g-user-quick-links-section-new {
    padding: 50px 0 50px 0 !important;
  }
  .g-grid-small {
    margin: 0 !important;
  }
  .g-user-quick-links-section-new-small {
    padding-top: 50px !important;
  }
  .g-all-cities-details-quick-links-flex-div {
    justify-content: center;
  }
}
.g-all-cities-details-quick-links-flex-links {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #fff !important;
  background: rgb(0, 101, 209);
  background: -moz-linear-gradient(
    0deg,
    rgba(0 81 167) 0%,
    rgba(0, 67, 154, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0 81 167) 0%,
    rgba(0, 67, 154, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(0 81 167) 0%,
    rgba(0, 67, 154, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0065d1",endColorstr="#00439a",GradientType=1);
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  font-size: 18px;
  padding: 15px 20px;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
  border: 1px dashed #fff;
}
@keyframes wiggleRight {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(6px);
  }
  100% {
    transform: translateX(0);
  }
}
.g-all-cities-details-quick-links-flex-links i.fa-circle-right {
  display: inline-block;
  animation-name: wiggleRight;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.g-all-cities-details-quick-links-flex-links:hover {
  background-color: #000;
  transition: 0.3s ease-in-out;
}
.g-all-cities-details-quick-links-flex-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 20px;
  align-items: center;
}
.g-user-quick-links-h4-title-inside-country-title {
  padding-bottom: 20px;
}
.g-all-cities-details-quick-links-big-section-main-div {
  max-width: 1700px;
  padding: 0 10px;
}
.g-all-cities-details-quick-links-flex-div-lots-link {
  justify-content: center;
}
.g-all-cities-details-quick-links-big-section {
  padding-bottom: 50px;
  background-color: #f0f8ff;
}
@media screen and (max-width: 540px) {
  .g-all-cities-details-quick-links-flex-div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .g-all-cities-details-quick-links-flex-links {
    justify-content: center;
    font-size: 14px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 450px) {
  .g-all-cities-details-quick-links-flex-div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.g-continental-map-africa {
  width: 500px;
  filter: brightness(1.6) !important;
}
.g-backup-features-box-3-each-row-width {
  max-width: 400px;
}
.g-backup-features-box-losangels-1 {
  position: relative;
}
.g-backup-features-box-losangels-2 {
  position: relative;
}
.g-backup-features-box-losangels-3 {
  position: relative;
}
.g-backup-features-box-losangels-4 {
  position: relative;
}
.g-backup-features-box-dallas-5 {
  position: relative;
}
.g-backup-features-box-dallas-6 {
  position: relative;
}
.g-backup-features-box-reston-6 {
  position: relative;
}
.g-backup-features-box-herndon-8 {
  position: relative;
}
.g-backup-features-box-chicago-9 {
  position: relative;
}
.g-backup-features-box-chicago-10 {
  position: relative;
}
.g-backup-features-box-taiwan-11 {
  position: relative;
}
.g-backup-features-box-japan-12 {
  position: relative;
}
.g-backup-features-box-mumbai-13 {
  position: relative;
}
.g-backup-features-box-uk-14 {
  position: relative;
}
.g-backup-features-box-netherlands-15 {
  position: relative;
}
.g-backup-features-box-losangels-1::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/los-angles-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-losangels-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/los-angles-2.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-losangels-3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/los-angles-3.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-losangels-4::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/los-angles-4.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-dallas-5::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/dallas-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-dallas-6::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/dallas-2.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-reston-6::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/reston-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-herndon-8::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/herndon-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-chicago-9::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/chicago-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-chicago-10::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/chicago-2.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-taiwan-11::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/taiwan-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-japan-12::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/japan-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-mumbai-13::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/mumbai-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-uk-14::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/uk-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-backup-features-box-netherlands-15::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/images/wallpaper/netherlands-1.webp);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.3) blur(1px);
}
.g-background-image-location-card {
  color: #fff;
  font-weight: 600;
}
.g-grid-250 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.g-under-black-banner-image {
  width: 550px;
  margin: 20px 0;
}
.g-underline {
  border-bottom: 1px solid #fff;
}
.g-index-home-banner-title {
  font-family: "poppins" !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
}
.g-aboutus-cards-title-div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.g-box-width-490px {
  max-width: 490px !important;
}
.g-blackbackground-banner-image {
  width: 550px;
}
.g-iptransit-features-section {
  padding-bottom: 60px;
}
.g-managed-hosting-pricing-section {
  padding: 60px 0;
}
.g-web-hosting-pricing-cards-red-image {
  width: 80px;
}
.g-internal-continents-main-div {
  display: flex;
  gap: 30px;
  padding: 0 4rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 990px) {
  .g-internal-continents-main-div {
    display: none;
  }
}
.g-internal-continents-links {
  font-family: "poppins" !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  transition: 0.3s ease-in-out;
  filter: drop-shadow(2px 4px 2px black);
}
.g-internal-continents-links:hover {
  color: #b7b7b7 !important;
  transition: 0.3s ease-in-out;
  transform: translateX(4px);
}
.g-continental-internal-link-article {
  display: flex;
}
.g-internal-continents-main-div article:not(:last-child)::after {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  margin-left: 28px;
  font-weight: 900;
}
.g-contact-us-page-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 20px;
}
@media screen and (max-width: 1100px) {
  .g-contact-us-page-grid {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  .g-contactis-all-contents-article-part {
    padding: 10px !important;
  }
  .g-contact-us-all-boxex-div-main {
    padding: 0 !important;
  }
  .g-contact-us-page-grid-content-div::after {
    width: 0 !important;
    content: none !important;
  }
  .g-contact-us-page-grid-content-div {
    grid-column: none !important;
  }
  .g-contact-us-all-boxex-div-main {
    grid-column: none !important;
  }
  .g-contact-us-page-grid-content-div {
    padding: 10px !important;
  }
}
.g-form-inputs::placeholder {
  color: #ccc !important;
}
.g-contact-us-details-card-title {
  font-size: 20px !important;
  font-family: "Poppins" !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
}
.g-contact-us-details-card-body-image {
  width: 60px !important;
  filter: invert(1) grayscale(1) brightness(10);
}
.g-contact-us-details-card-body {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: column;
}
.g-mar-top-60 {
  margin-top: 60px;
}
.g-contact-us-details-card {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #c12701;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.g-contact-us-details-card-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.g-contact-us-details-card-body {
  font-family: "poppins" !important;
}
.g-contact-us-details-card-body-content-li {
  list-style: none;
}
.g-contact-us-details-card-body-content-li-anchor {
  display: flex;
  gap: 10px;
  font-size: 18px !important;
  color: #fff !important;
  font-weight: 400;
}
.g-contact-us-details-card-body-content {
  font-weight: 500;
}
.g-contact-us-details-section-main-container {
  display: grid;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 40px 0 0 0;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1400px;
}
@media screen and (max-width: 800px) {
  .g-contact-us-details-section-main-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-form-inputs-textarea {
  resize: none;
}
.g-contact-us-page-grid-content-div-body-points-flex {
  display: flex;
  gap: 10px;
  padding: 5px 0;
}
.g-contact-us-page-grid-content-div-body-points-article {
  background-color: transparent;
  padding: 30px;
  margin: 10px 0;
  color: #000 !important;
  border-radius: 20px;
  border: 2px solid #c12701;
}
.g-contact-us-page-grid-content-div-body {
  font-family: "poppins" !important;
}
.g-contact-us-page-grid-content-div-body-points-title {
  font-size: 22px !important;
  color: #000 !important;
  font-family: "Poppins" !important;
}
.g-contact-us-page-grid-content-div {
  align-items: center;
  display: flex;
  justify-content: center;
  grid-column: span 5;
  background-color: transparent;
  border-radius: 20px;
  position: relative;
}
.g-contactis-all-contents-article-part {
  background-color: #003158;
  padding: 30px;
  border-radius: 20px;
}
.g-contact-us-page-grid-content-div::after {
  content: "";
  position: absolute;
  background-color: #ccc;
  width: 1px;
  height: 80%;
  right: -115px;
  top: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.g-contact-us-content-div-main-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
}
.g-form-inputs-email {
  padding: 23px 8px !important;
}
.g-contact-us-form-div {
  max-width: 1400px;
}
.g-contact-us-all-boxex-div-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: span 7;
  padding: 0 0 0 200px;
}
.g-contact-us-all-content-header-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-contact-us-details-card-body-content-ul {
  margin: 0 !important;
}
.g-contact-us-all-content-body-div-details-div {
  display: flex;
  align-items: center;
  gap: 30px;
}
.g-contact-us-details-card-body-image-small {
  width: 40px !important;
}
.g-contact-us-page-grid-content-div-body-points-icon {
  color: #c12701;
}
@media screen and (max-width: 789px) {
  .g-exclsive-price-cards-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-exclsive-price-cards-main-div {
  padding: 0 15px;
}
.g-toggle-navbar-head-diff:hover {
  color: #c12701 !important;
}
@media screen and (max-width: 1024px) {
  .g-dedicated-server-country-title {
    padding-top: 0 !important;
  }
  .g-user-quick-links-section-new {
    padding-top: 0 !important;
  }
}
.g-continent-wise-pricing-card-main-div {
  max-width: 1600px;
  padding: 30px 20px;
}
.g-continent-wise-pricing-card-header-image {
  width: 50px;
  display: none !important;
  visibility: hidden !important;
}
.g-continent-wise-pricing-card-header-title {
  font-size: 22px !important;
  color: #000 !important;
  font-family: "Poppins" !important;
  text-align: center;
}
.g-continent-wise-pricing-card {
  font-family: "Poppins" !important;
}
.g-continent-wise-pricing-card-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
}
.g-continent-wise-pricing-card-icon {
  width: 30px;
  margin-right: 8px;
  display: none;
}
.g-continent-wise-pricing-card-icon::before {
  display: block;
  content: "\f058";
}
.g-continent-wise-pricing-card-body-content-li {
  list-style: none;
  font-weight: 500;
  margin: 10px auto;
}
.g-continent-wise-pricing-card-body-content {
  font-size: 22px !important;
  font-weight: 400;
  padding: 30px 0 0 0;
}
.g-continent-wise-pricing-card-body-price {
  font-size: 30px !important;
  font-weight: 400;
}
.g-continent-wise-pricing-card-container {
  display: grid;
  padding: 20px 0;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1300px) {
  .g-continent-wise-pricing-card-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .g-continent-wise-pricing-card-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-continent-wise-pricing-card-body-content-ul {
  margin: 0 !important;
  padding: 0 0 30px 0;
}
.g-continent-wise-pricing-card {
  border: 1px solid #000;
  padding: 30px;
  background-color: #f9f9f9;
  border-radius: 8px;
  transition: 0.2s ease-in-out;
}
.g-continent-wise-pricing-card:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  transform: translateY(-6px);
}
.g-continent-wise-pricing-card-section {
  padding-top: 30px;
}
.g-continent-wise-pricing-card-body-price-head {
  margin: 0 !important;
  color: #c12701;
  font-weight: 500;
  font-size: 20px !important;
}
.g-continent-wise-pricing-card-body-price-div {
  padding-bottom: 30px;
}
.g-continent-wise-pricing-card-footer-btn {
  display: block;
  background-color: #000;
  color: #fff !important;
  font-weight: 500;
  font-size: 15px;
  padding: 6px;
  border-radius: 40px;
  transition: 0.2s ease-in-out;
  text-align: center;
  border: 2px solid #000;
}
.g-continent-wise-pricing-card-footer-btn:hover {
  background-color: #003158;
  transition: 0.2s ease-in-out;
}
.g-continent-wise-pricing-card-header-flag {
  width: 70px;
}
.g-continent-wise-pricing-card-header-city {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.g-optimal-hosting-section-main-div {
  max-width: 1400px;
  padding: 60px 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: "poppins" !important;
}
.g-optimal-hosting-section-content-li {
  display: flex;
  gap: 10px;
  list-style: none;
  font-weight: 500;
  margin: 15px 0;
}
.g-optimal-hosting-section-content-ul {
  margin: 0 !important;
}
.g-optimal-hosting-section-content-para {
  margin: 0 !important;
  padding: 20px 0;
  font-weight: 400;
}
.g-optimal-hosting-section-content-li-icon {
  color: #03a84e;
}
.g-optimal-hosting-section-content-div-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 30px 0;
}
@media screen and (max-width: 1100px) {
  .g-optimal-hosting-section-content-div-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-optimal-hosting-section-content-div-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-optimal-hosting-section-content-div-image-container-img {
  border-radius: 20px;
  width: 650px;
}
.g-optimal-hosting-section-content-li-box-icon {
  color: #c12701;
}
.g-optimal-hosting-section-content-box-title {
  color: #000 !important;
  font-family: "poppins" !important;
  font-size: 30px !important;
}
.g-optimal-hosting-section-content-box {
}
.g-optimal-hosting-section-def-box-para-div {
  font-weight: 400;
  display: flex;
  gap: 15px;
  margin: 15px 0;
  font-family: poppins;
}
.g-def-span-color {
  color: #c12701 !important;
}
.g-optimal-hosting-section-def-box-main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding-top: 20px;
}
@media screen and (max-width: 1000px) {
  .g-optimal-hosting-section-def-box-main-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-optimal-hosting-section-def-box {
    padding: 20px !important;
  }
}
@media screen and (max-width: 730px) {
  .g-optimal-hosting-section-content-box-title-box {
    font-size: 25px !important;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .g-user-quick-links-sections-main-div {
    padding-top: 50px;
  }
}
.g-optimal-hosting-section-def-box {
  border: 2px solid #dbdbdb;
  padding: 30px;
  background-color: #f1f1f1;
}
.g-optimal-hosting-section-def-box-para-icon {
  color: #03a84e;
}
.g-dedicated-server-cities-pricing-card-check-icon {
  margin-right: 10px;
  color: #03a84e;
  font-size: 18px;
}
.g-continent-wise-pricing-card-header-city-name {
  font-weight: 500;
}
.g-shielded-ddos-mitegation-main-div-image-def {
  filter: brightness(0.8) !important;
}
.g-quick-links-img-rounded {
  width: 70px;
  border-radius: 17%;
  object-fit: cover;
  border: 1px solid #ccc;
  margin: 0 !important;
}
.g-user-quick-link-body-small {
  display: flex !important;
  gap: 15px;
}
.g-user-quick-link-content-small {
  margin-left: 0 !important;
}
.g-user-quick-links-div-small {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
.g-user-quick-links-sections-content-def {
  text-align: left;
}
.g-biggest-def-iimage {
  width: 100px !important;
}
@media screen and (max-width: 398px) {
  .g-user-quick-link-body-398px {
    width: 100%;
  }
}
.g-user-quick-links-div-gap-100 {
  gap: 100px;
}
@media screen and (max-width: 720px) {
  .g-user-quick-links-div-gap-100 {
    gap: 50px;
  }
}
.g-main-bread-crumbs-links {
  font-size: 16px !important;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
      color: #e4e4e4 !important;
  transition: 0.3s ease-in-out;
}
.g-main-bread-crumbs-links:hover {
  color: #fff !important;
}
.g-main-bread-crumbs-links:after {
  content: " | ";
}
.g-main-bread-crumbs-main-div {
  padding-bottom: 20px;
}
.g-main-bread-crumbs-main-div a:last-child::after {
  content: "";
}
.g-main-bread-crumbs-main-div a:last-child {
  color:#ff0000 !important;
  pointer-events: none !important;
}
.g-login-main-title {
  filter: none !important;
}
.g-all-services-content-box-title {
  font-family: "Poppins" !important;
  color: #000 !important;
  font-size: 22px !important;
}
.g-caption-bottom{
caption-side: bottom;
    padding-top: 16px;
    text-align: center;
    font-weight: 400;
    font-style: italic;
    color: #636363;
}
.g-all-services-content-box-title-white {
  color: #fff !important;
}
.g-all-services-content-box-body-para {
  font-family: "Poppins" !important;
  font-weight: 400;
}
.g-all-services-content-1-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  background-color: #f5f5f5;
  padding: 30px;
  grid-column: span 8;
}
.g-all-services-main-section {
  margin-left: auto;
  margin-right: auto;
}
.g-all-services-main-section-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.g-all-services-section {
  padding: 0 0 60px 0;
}
.g-all-services-represent-1-div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  padding: 20px;
  grid-column: span 4;
}
.g-all-services-represent-1-title {
  font-family: "Poppins" !important;
  font-weight: 500;
  border-left: 4px solid #c12701;
  padding-left: 10px;
}
.g-all-services-content-box-heading-img {
  width: 50px;
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .g-all-services-main-section-flex-mobile-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .g-all-services-main-section-flex-mobile {
    display: flex;
    flex-direction: column;
  }
  .g-border-radius-left-top {
    border-top-left-radius: 0 !important;
  }
  .g-border-radius-right-bottom {
    border-bottom-right-radius: 0 !important;
  }
  .g-border-left-bottom-radius {
    border-bottom-left-radius: 0 !important;
  }
  .g-border-right-top-radius {
    border-top-right-radius: 0 !important;
  }
  .g-all-services-main-section {
    padding: 0 10px;
  }
  .g-all-services-represent-1-div {
    justify-content: left;
  }
}
.g-continent-city-wise-price-card-body-list-div {
  margin: 20px 0 16px 0;
}
.g-continent-city-wise-price-card-type {
  color: #fff;
  padding: 2px 12px;
  font-family: "Poppins" !important;
  font-weight: 600;
  border-radius: 6px;
  font-size: 12px !important;
}
.g-continent-city-wise-price-card-body-title {
  font-size: 19px !important;
  color: #000 !important;
  font-family: "Poppins" !important;
}
.g-dedicated-servers-advantages-details-para {
  line-height: 30px;
  font-family: "Poppins" !important;
}
.g-continent-city-wise-price-card-body-list {
  font-family: "Poppins" !important;
  font-weight: 500;
  color: #363636;
  font-size: 14px !important;
  margin: 0 !important;
  padding-bottom: 8px;
  display: flex;
}
.g-continent-city-wise-price-card-body-price {
  font-size: 30px !important;
  color: #000;
}
.g-continent-city-wise-price-card-body-btn {
  display: block !important;
  font-size: 14px;
  font-weight: 500;
  background-color: #000;
  color: #fff !important;
  text-align: center;
  font-family: "Poppins";
  padding: 8px;
  border-radius: 15px;
}
.g-continent-city-wise-price-card-body-btn-div {
  padding: 15px 0;
  border-bottom: 1px solid #c3c3c3;
}
.g-continent-city-wise-price-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 20px 0 15px;
}
.g-continent-city-wise-price-card-body-list-icon {
  color: #03a84e;
  margin-right: 10px;
}
.g-usa-bg-color {
  background-color: #18166e;
}
.g-mexico-bg-color {
  background-color: #006341;
}
.g-canada-bg-color {
  background-color: #d80621;
}
.g-canada-border {
  border: 2px solid #d80621 !important;
}
.g-mexico-border {
  border: 2px solid #006341 !important;
}
.g-usa-border {
  border: 2px solid #18166e !important;
}
.g-continent-city-wise-price-card-footer-country-img {
  object-fit: cover;
  height: 40px;
  width: 40px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.g-continent-wise-pricing-card-header-city-name {
  font-family: "Poppins" !important;
}
.g-continent-city-wise-price-card {
  background-color: #fff;
  padding: 20px 18px;
  border-radius: 20px;
  border: 1px solid #838383;
  height: 100%;
  transition: 0.3s ease-in-out;
}
.g-continent-city-wise-price-card:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  transform: translateY(-8px);
}
.g-continent-city-wise-price-card-body-price-detail {
  font-size: 20px;
  color: #c12701 !important;
}
.g-continent-city-wise-price-card-header {
  padding-bottom: 25px;
}
.g-dedicated-servers-advantages-details-image {
  width: 80px;
}
.g-dedicated-servers-advantages-details-section {
  padding-bottom: 60px;
}
.g-dedicated-servers-advantages-details-grid {
}
.g-dedicated-servers-advantages-details-main-div {
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px;
}
.g-dedicated-servers-advantages-details-divider {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 30px;
}
.g-dedicated-servers-advantages-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "poppins" !important;
  font-weight: 400;
}
.g-dedicated-servers-advantages-details-left {
  align-items: left !important;
}
.g-dedicated-servers-advantages-details-num-div {
  height: 80px;
  width: 80px;
  background-color: #000;
  font-family: "poppins" !important;
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 700px) {
  .g-all-services-content-1-div {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-all-services-main-section-grid-divider {
  margin: 0 !important;
  height: 1px !important;
  background-color: #000 !important;
  border-style: solid !important;
}
.g-border-radius-left-top {
  border-top-left-radius: 15px;
}
.g-border-radius-right-bottom {
  border-bottom-right-radius: 15px;
}
.g-border-left-bottom-radius {
  border-bottom-left-radius: 15px;
}
.g-border-right-top-radius {
  border-top-right-radius: 15px;
}
.g-toggle-continent-city-wise-price-card-btn-div {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.g-toggle-continent-city-wise-price-card-btn {
  font-family: "Poppins" !important;
  font-weight: 500;
  background-color: #000;
  color: #fff;
  padding: 12px 45px;
  display: block;
  font-size: 18px;
  border-radius: 30px;
}
.g-toggle-continent-city-wise-price-card-btn-icon {
  margin-right: 10px;
}
#gtogglersection {
  display: none;
  transition: 0.3s ease-in-out;
}
#guparrow {
  display: none;
  transition: 0.3s ease-in-out;
}
.g-continent-wise-pricing-card-section-new {
  padding: 30px 0;
}
.g-colombia-bg-color {
  background-color: #ffcd00 !important;
  color: #000 !important;
}
.g-colombia-border {
  border: 2px solid #ffcd00;
}
.g-argentina-border {
  border: 2px solid #6cace4;
}
.g-argentina-bg-color {
  background-color: #6cace4;
}
.g-brazil-border {
  border: 2px solid #009739;
}
.g-brazil-bg-color {
  background-color: #009739;
}
.g-guatemala-border {
  border: 2px solid #4997d0;
}
.g-guatemala-bg-color {
  background-color: #4997d0;
}
.g-peru-border {
  border: 2px solid #da121a;
}
.g-peru-bg-color {
  background-color: #da121a;
}
.g-uruguay-border {
  border: 2px solid #001489;
}
.g-uruguay-bg-color {
  background-color: #001489;
}
.g-panama-border {
  border: 2px solid #da121a;
}
.g-panama-bg-color {
  background-color: #da121a;
}
.g-ecuador-border {
  border: 2px solid #ffd100;
}
.g-ecuador-bg-color {
  background-color: #ffd100;
  color: #000 !important;
}
.g-costa-rica-border {
  border: 2px solid #00205b;
}
.g-costa-rica-bg-color {
  background-color: #00205b;
}
.g-chile-border {
  border: 2px solid #da291c;
}
.g-chile-bg-color {
  background-color: #da291c;
}
.g-australia-border {
  border: 2px solid #e4002b;
}
.g-australia-bg-color {
  background-color: #e4002b;
}
.g-new-zealand-border {
  border: 2px solid #012169;
}
.g-new-zealand-bg-color {
  background-color: #012169;
}
.g-egypt-border {
  border: 2px solid #c09300;
}
.g-egypt-bg-color {
  background-color: #c09300;
}
.g-south-africa-border {
  border: 2px solid #007749;
}
.g-south-africa-bg-color {
  background-color: #007749;
}
.g-morocco-border {
  border: 2px solid #c1272d;
}
.g-morocco-bg-color {
  background-color: #c1272d;
}
.g-nigeria-border {
  border: 2px solid #1b7339;
}
.g-nigeria-bg-color {
  background-color: #1b7339;
}
.g-kenya-border {
  border: 2px solid #000000;
}
.g-kenya-bg-color {
  background-color: #000000;
}
.g-libya-border {
  border: 2px solid #239e46;
}
.g-libya-bg-color {
  background-color: #239e46;
}
.g-tunisia-border {
  border: 2px solid #c8102e;
}
.g-tunisia-bg-color {
  background-color: #c8102e;
}
.g-thailand-border {
  border: 2px solid #ef3340;
}
.g-thailand-bg-color {
  background-color: #ef3340;
}
.g-bangladesh-border {
  border: 2px solid #006a4e;
}
.g-bangladesh-bg-color {
  background-color: #006a4e;
}
.g-qatar-border {
  border: 2px solid #8a1538;
}
.g-qatar-bg-color {
  background-color: #8a1538;
}
.g-united-arab-emirates-border {
  border: 2px solid #ef3340;
}
.g-united-arab-emirates-bg-color {
  background-color: #ef3340;
}
.g-vietnam-border {
  border: 2px solid #ffcd00;
}
.g-vietnam-bg-color {
  background-color: #ffcd00;
  color: #000 !important;
}
.g-pakistan-border {
  border: 2px solid #115740;
}
.g-pakistan-bg-color {
  background-color: #115740;
  color: #fff !important;
}
.g-turkey-border {
  border: 2px solid #c8102e;
}
.g-turkey-bg-color {
  background-color: #c8102e;
}
.g-indonesia-border {
  border: 2px solid #ff0000;
}
.g-indonesia-bg-color {
  background-color: #ff0000;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  color: #fff !important;
}
.g-israel-border {
  border: 2px solid #005eb8;
}
.g-israel-bg-color {
  background-color: #005eb8;
}
.g-malaysia-border {
  border: 2px solid #0032a0;
}
.g-malaysia-bg-color {
  background-color: #0032a0;
}
.g-philippines-border {
  border: 2px solid #fed141;
}
.g-philippines-bg-color {
  background-color: #fed141;
  color: #000 !important;
}
.g-india-border {
  border: 2px solid #ff671f;
}
.g-india-bg-color {
  background-color: #ff671f;
}
.g-japan-border {
  border: 2px solid #bc002d;
}
.g-japan-bg-color {
  background-color: #bc002d;
}
.g-south-korea-border {
  border: 2px solid #0f64cd;
}
.g-south-korea-bg-color {
  background-color: #0f64cd;
}
.g-singapore-border {
  border: 2px solid #ff0000;
}
.g-singapore-bg-color {
  background-color: #ff0000;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  color: #fff !important;
}
.g-taiwan-border {
  border: 2px solid #fe0000;
}
.g-taiwan-bg-color {
  background-color: #fe0000;
}
.g-china-border {
  border: 2px solid #ee1c25;
}
.g-china-bg-color {
  background-color: #ee1c25;
}
.g-netherlands-border {
  border: 2px solid #c8102e;
}
.g-netherlands-bg-color {
  background-color: #c8102e;
}
.g-netherlands-border {
  border: 2px solid #c8102e;
}
.g-netherlands-bg-color {
  background-color: #c8102e;
}
.g-greece-border {
  border: 2px solid #001489;
}
.g-greece-bg-color {
  background-color: #001489;
}
.g-azerbaijan-border {
  border: 2px solid #0092bc;
}
.g-azerbaijan-bg-color {
  background-color: #0092bc;
}
.g-spain-border {
  border: 2px solid #aa151b;
}
.g-spain-bg-color {
  background-color: #aa151b;
}
.g-serbia-border {
  border: 2px solid #c6363c;
}
.g-serbia-bg-color {
  background-color: #c6363c;
}
.g-germany-border {
  border: 2px solid #ffcc00;
}
.g-germany-bg-color {
  background-color: #ffcc00;
  color: #000 !important;
}
.g-slovakia-border {
  border: 2px solid #0b4ea2;
}
.g-slovakia-bg-color {
  background-color: #0b4ea2;
}
.g-bulgaria-border {
  border: 2px solid #00966e;
}
.g-bulgaria-bg-color {
  background-color: #00966e;
}
.g-belgium-border {
  border: 2px solid #c8102e;
}
.g-belgium-bg-color {
  background-color: #c8102e;
}
.g-romania-border {
  border: 2px solid #002b7f;
}
.g-romania-bg-color {
  background-color: #002b7f;
}
.g-hungary-border {
  border: 2px solid #477050;
}
.g-hungary-bg-color {
  background-color: #477050;
}
.g-moldova-border {
  border: 2px solid #ffd100;
}
.g-moldova-bg-color {
  background-color: #ffd100;
  color: #000 !important;
}
.g-denmark-border {
  border: 2px solid #c8102e;
}
.g-denmark-bg-color {
  background-color: #c8102e;
}
.g-ireland-border {
  border: 2px solid #ff8200;
}
.g-ireland-bg-color {
  background-color: #ff8200;
}
.g-united-kingdom-border {
  border: 2px solid #c8102e;
}
.g-united-kingdom-bg-color {
  background-color: #c8102e;
}
.g-italy-border {
  border: 2px solid #008c45;
}
.g-italy-bg-color {
  background-color: #008c45;
}
.g-finland-border {
  border: 2px solid #002f6c;
}
.g-finland-bg-color {
  background-color: #002f6c;
}
.g-france-border {
  border: 2px solid #ed2939;
}
.g-france-bg-color {
  background-color: #ed2939;
}
.g-portugal-border {
  border: 2px solid #046a38;
}
.g-portugal-bg-color {
  background-color: #046a38;
}
.g-slovenia-border {
  border: 2px solid #003da5;
}
.g-slovenia-bg-color {
  background-color: #003da5;
}
.g-luxembourg-border {
  border: 2px solid #51adda;
}
.g-luxembourg-bg-color {
  background-color: #51adda;
}
.g-cyprus-border {
  border: 2px solid #d57800;
}
.g-cyprus-bg-color {
  background-color: #d57800;
}
.g-bosnia-and-herzegovina-border {
  border: 2px solid #002f6c;
}
.g-bosnia-and-herzegovina-bg-color {
  background-color: #002f6c;
}
.g-norway-border {
  border: 2px solid #ba0c2f;
}
.g-norway-bg-color {
  background-color: #ba0c2f;
}
.g-czech-republic-border {
  border: 2px solid #d7141a;
}
.g-czech-republic-bg-color {
  background-color: #d7141a;
}
.g-iceland-border {
  border: 2px solid #02529c;
}
.g-iceland-bg-color {
  background-color: #02529c;
}
.g-ukraine-border {
  border: 2px solid #ffdd00;
}
.g-ukraine-bg-color {
  background-color: #ffdd00;
}
.g-latvia-border {
  border: 2px solid #a4343a;
}
.g-latvia-bg-color {
  background-color: #a4343a;
}
.g-sweden-border {
  border: 2px solid #006aa7;
}
.g-sweden-bg-color {
  background-color: #006aa7;
}
.g-estonia-border {
  border: 2px solid #000000;
}
.g-estonia-bg-color {
  background-color: #000000;
  color: #fff !important;
}
.g-albania-border {
  border: 2px solid #da291c;
}
.g-albania-bg-color {
  background-color: #da291c;
}
.g-austria-border {
  border: 2px solid #ffffff;
  border: 2px solid #000;
}
.g-austria-bg-color {
  background-color: #ffffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  color: #000 !important;
  border: 1px solid #000;
}
.g-albania-border {
  border: 2px solid #da291c;
}
.g-albania-bg-color {
  background-color: #da291c;
}
.g-poland-border {
  border: 2px solid #da291c;
}
.g-poland-bg-color {
  background-color: #da291c;
}
.g-poland-border {
  border: 2px solid #dc143c;
}
.g-poland-bg-color {
  background-color: #dc143c;
}
.g-croatia-border {
  border: 2px solid #0f378c;
}
.g-croatia-bg-color {
  background-color: #0f378c;
}
.g-switzerland-border {
  border: 2px solid #da291c;
}
.g-switzerland-bg-color {
  background-color: #da291c;
}
.g-expected-reliable-hosting-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  padding-bottom: 10px;
}
.g-expected-reliable-hosting-section {
  padding: 60px 15px 60px 15px;
  background-color: #f5f5f5;
}
.g-expected-reliable-hosting-main-div {
  max-width: 1400px;
  margin: 0 auto !important;
  font-family: poppins;
}
.g-expected-reliable-hosting-main-div > ul {
  font-weight: 400 !important;
}
.g-why-choose-our-server-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76)),
    url("/images/wallpaper/hero-question-banner-img.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.g-expected-reliable-hosting-para {
  font-family: "poppins" !important;
  font-weight: 400 !important;
}
.g-why-choose-our-server-main-div-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  color: #ffff;
  text-align: center;
}
.g-why-choose-our-server-main-div-para {
  font-family: "poppins" !important;
  font-weight: 400 !important;
  color: #ffff;
  text-align: center;
  margin: 0 !important;
  padding-top: 20px;
}
.g-why-choose-our-server-main-div {
  max-width: 1400px;
  margin: 0 auto !important;
  padding: 80px 15px;
}
.g-light-speed-performance-content-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-windows-color{
      color: #009eff !important;
}
.g-tutorial-title-h3{
      font-family: "poppins" !important;
    text-transform: capitalize !important;
    font-size: 25px !important;
    font-weight: 600 !important;
}

.g-tutorial-title-h4{
      font-family: "poppins" !important;
    text-transform: capitalize !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
.g-light-speed-performance-content-para {
  font-family: "poppins" !important;
  font-weight: 400 !important;
}
.g-light-speed-performance-main-div {
  max-width: 1400px;
  margin: 0 auto !important;
}
.g-light-speed-performance-section {
  padding: 50px 15px;
}
.g-light-speed-performance-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 900px) {
  .g-light-speed-performance-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .g-light-speed-performance-content {
    padding: 0 15px;
  }
  .g-light-speed-performance-content-title {
    text-align: center;
    padding-bottom: 20px;
  }
}
.g-light-speed-performance-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-light-speed-performance-content-img {
  width: 500px;
}
.g-light-speed-performance-image-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-quick-links-card-grid-container {
  display: flex;
  row-gap: 15px;
  column-gap: 30px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 25px 15px 0 15px;
}
.g-quick-links-card-section {
  background-color: #f3f3f3;
  padding: 50px 0;
}
.g-quick-links-cards {
  position: relative;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  background-color: #f9f9f9;
  padding: 8px 12px;
  border-radius: 15px;
  color: #000 !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
@media screen and (max-width: 536px) {
  .g-quick-links-cards {
    width: 270px;
  }
}
.g-quick-links-cards-icon {
  position: absolute;
  right: 6%;
  top: 9%;
  background-color: #c12701;
  color: #fff;
  padding: 6px;
  border-radius: 4px;
  font-size: 12px;
}
.g-quick-links-cards-img {
  width: 115px;
  border-radius: 15px;
  object-fit: cover;
  height: 115px;
}
.g-quick-links-cards-span {
  font-family: "poppins" !important;
  font-weight: 500;
  font-size: 18px;
}
.g-quick-links-card-section-main-title {
  font-family: "poppins" !important;
  font-size: 28px !important;
  color: #c12701 !important;
  text-align: center;
}
.g-flex-list {
  display: flex;
  gap: 8px;
  font-family: "poppins" !important;
  font-weight: 400;
}
.g-green-color {
  color: #03a84e;
}
.g-check-list-container-div {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
.g-flex-list {
  display: flex;
  margin-bottom: 5px;
}
.g-green-check {
  color: #03a84e;
  margin-top: 5px;
}
.g-check-list-container-div-row {
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}
.g-city-wise-contents-section {
  position: relative;
  background-color: #242424;
  margin: 80px 0 0 0;
  padding: 0 15px 80px 15px;
}
.g-city-wise-contents-section::before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  border-top: 24px solid #fff;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
}
.g-city-wise-contents-sections-title {
  font-family: "poppins" !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  padding: 80px 0 30px 0;
  text-align: center;
  color: #fff;
}
.g-city-wise-contents-sections-paragraph {
  font-family: "poppins" !important;
  font-weight: 400 !important;
  text-align: center;
  color: #fff;
}
.g-city-wise-contents-container {
  max-width: 1400px !important;
  margin: auto;
}
.g-city-wise-contents-features-title {
  font-family: "poppins" !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-align: center;
  padding-bottom: 10px;
}
.g-city-wise-contents-features-paragraph {
  font-family: "poppins" !important;
  text-align: center;
  font-weight: 400 !important;
}
.g-city-wise-contents-features-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  row-gap: 15px;
  column-gap: 15px;
}
.g-city-wise-contents-features-sections-title {
  font-family: "poppins" !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  text-align: center;
  padding-bottom: 30px;
}
.g-city-wise-contents-features-section {
  background: linear-gradient(rgb(0 164 245 / 4%), rgb(218 217 255 / 50%));
  padding: 50px 0 70px 0;
}
.g-city-wise-contents-features {
  padding: 20px 40px;
  box-shadow: 1px 2px 26px -11px #ccc;
  border-radius: 10px;
  background-color: #fff;
  transition: 0.3s ease-in-out;
}
.g-city-wise-contents-features:hover {
  transform: translateY(-8px);
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.g-city-wise-contents-features-section-main-div {
  max-width: 1600px !important;
  margin: auto !important;
  padding: 0 15px 0 15px;
}
.g-city-wise-contents-features-container-fex {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}
.g-city-wise-contents-features-flex {
  max-width: 32%;
}
@media screen and (max-width: 1000px) {
  .g-city-wise-contents-features-flex {
    max-width: 40%;
  }
}
@media screen and (max-width: 760px) {
  .g-city-wise-contents-features-flex {
    max-width: 100%;
  }
}
.g-city-wise-contents-features-under-paragraph {
  font-family: "poppins" !important;
  text-align: center;
  font-weight: 500 !important;
  text-align: center;
  margin: 0 !important;
  padding-top: 50px;
}
.g-colored-border-line {
  background: rgb(199, 193, 0);
  background: -moz-linear-gradient(
    90deg,
    rgba(199, 193, 0, 1) 0%,
    rgba(200, 0, 0, 1) 52%,
    rgba(18, 212, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(199, 193, 0, 1) 0%,
    rgba(200, 0, 0, 1) 52%,
    rgba(18, 212, 0, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(199, 193, 0, 1) 0%,
    rgba(200, 0, 0, 1) 52%,
    rgba(18, 212, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c7c100",endColorstr="#12d400",GradientType=1);
  padding-top: 5px;
}
.g-rem-def-padding-section-pad {
  padding-top: 0 !important;
}
@media screen and (max-width: 900px) {
  .g-light-speed-performance-container-flex-1 {
    display: flex;
    flex-direction: column-reverse;
  }
}
.g-light-speed-performance-content-img-small {
  width: 450px;
}
.g-points-flex {
  display: flex;
  column-gap: 10px;
  padding: 8px 0;
  font-family: "Poppins";
  align-items: baseline;
  font-weight: 400;
}
.g-height-500 {
  height: 500px;
  object-fit: cover;
}
.g-bot-pad-0 {
  padding-bottom: 0 !important;
}
.g-top-mar-0 {
  margin-top: 0 !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.g-def-font {
  font-family: poppins !important;
  font-weight: 400 !important;
}
.g-lower-strong-paragraph {
  font-weight: 500 !important;
}
.g-our-dedicated-server-features-main-div {
  margin: auto;
  max-width: 1400px;
  padding: 50px 0 30px 0;
}
.g-our-dedicated-server-features-main-section {
  padding: 0 0 50px 0;
}
@media screen and (max-width: 1400px) {
  .g-our-dedicated-server-features-main-div {
    padding: 0 15px;
  }
  .g-our-dedicated-server-features-main-section {
    padding: 0 0 80px 0;
  }
  .g-our-dedicated-server-features-main--title {
    padding-bottom: 26px !important;
  }
}
.g-our-dedicated-server-features-layout-div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 30px;
  row-gap: 100px;
}
.g-our-dedicated-server-features-header-title {
  font-family: poppins !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  padding-bottom: 20px;
  color: #003158 !important;
}
.g-our-dedicated-server-features-card {
  padding: 30px;
  box-shadow: 1px 3px 19px 3px #ebebeb;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 100%;
  outline: 1px solid #000;
  background-color: #fff;
  transition: 0.3s ease-in-out;
}
.g-our-dedicated-server-features-card:hover
  .g-our-dedicated-server-features-header-img-div {
  transform: translateY(-90px);
  transition: 0.3s ease-in-out;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.g-our-dedicated-server-features-header-img {
  width: 80px;
}
.g-our-dedicated-server-features-header-main-img-div {
  display: flex;
  justify-content: end;
}
.g-our-dedicated-server-features-header-img-div {
  transform: translateY(-86px);
  background-color: #f3f3f3;
  border-radius: 50%;
  width: 120px;
  outline: 1px solid #000;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.g-our-dedicated-server-features-header-main-img-div {
  height: 60px;
}
.g-our-dedicated-server-features-main--title {
  padding-bottom: 50px !important;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.g-our-dedicated-server-features-body-content {
  font-family: poppins !important;
  font-weight: 400;
}
.g-light-speed-performance-content-img-large {
  width: 550px !important;
  border-radius: 20px !important;
}
.g-server-performance-and-features-section {
  padding: 0 15px 50px 15px;
}
.g-server-performance-and-features-main-div {
  max-width: 1400px !important;
  margin: auto;
}
.g-server-performance-and-features-main-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.g-server-performance-and-features-card-title {
  font-family: poppins !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  padding-bottom: 10px;
  color: #003158 !important;
}
.g-server-performance-and-features-card-para {
  font-family: poppins !important;
  font-weight: 400 !important;
}
.g-server-performance-and-features-card-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.g-server-performance-and-features-card {
  padding: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 100%;
  outline: 1px solid #000;
  background-color: #fff;
}
.g-server-performance-and-features-card > p{
  font-family: 'poppins' !important;
  font-weight: 400;
}
.g-server-performance-and-features-img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-server-performance-and-features-img {
  width: 450px;
}
.g-server-performance-and-features-section-def {
  padding-bottom: 50px;
  padding-top: 30px;
}
@media screen and (max-width: 1400px) {
  .g-server-performance-and-features-main-layout {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
  .g-server-performance-and-features-main-layout-def {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}
.g-our-dedicated-server-features-main-section-padding-added {
  padding-top: 0;
}
.g-gaming-server-details-main-container-div {
  max-width: 1400px;
  margin: auto;
}
.g-gaming-server-details-main-section {
  font-family: poppins !important;
  font-weight: 400;
  padding: 0 20px;
}
.g-gaming-server-details-main-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-gaming-server-details-main-layout-content-para {
  margin: 0 !important;
  font-family: poppins !important;
  font-weight: 400;
}
.g-gaming-server-details-main-layout-content-title {
  font-family: poppins !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  padding-left: 25px;
  color: #c12701 !important;
}
.g-gaming-server-details-main-layout-content-title-white {
  color: #fff !important;
}
.g-gaming-server-details-main-layout-content-part {
  padding: 10px 0;
}
.g-gaming-server-details-main-layout-article {
  width: 450px;
}
.g-gaming-server-details-main-layout-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0;
  justify-content: center;
}
.g-gaming-server-details-main-layout-article-img {
  filter: drop-shadow(2px 4px 6px #ccc);
}
@media screen and (max-width: 959px) {
  .g-gaming-server-details-main-layout-article {
    width: 100%;
  }
  .g-gaming-server-details-main-layout-article-img {
    display: flex;
    justify-content: center;
  }
}
.g-gaming-server-features-main-container {
  max-width: 1400px;
  margin: auto;
}
.g-gaming-server-features-main-section {
  padding: 50px 15px;
}
.g-gaming-server-features-main-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 50px;
  padding-top: 50px;
}
.g-gaming-server-features-main-layout-4layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding-top: 50px;
}
.g-light-speed-performance-content-img-600 {
  width: 600px !important;
}
.g-light-speed-performance-content-img-500 {
  width: 500px !important;
}
@media screen and (max-width: 1200px) {
  .g-gaming-server-features-main-layout-4layout {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .g-gaming-server-features-main-layout-4layout {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-server-performance-and-features-card-def {
  box-shadow: 6px 5px 25px #e5e5e5;
  outline: 1px solid #ccc !important;
}
.g-game-servers-uses-main-section {
  font-family: poppins !important;
  font-weight: 400;
  padding: 40px 15px;
  background-color: #f5f5f5;
  margin-bottom: 50px;
}
.g-game-servers-uses-main-content-img-div {
}
.g-game-servers-uses-main-card-body {
  transition: 0.3s ease-in-out;
  background-color: #f1f6ff;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.g-game-servers-uses-main-card-content-div {
  padding: 20px;
  height: 100%;
}
.g-game-servers-uses-main-content-title {
  font-family: poppins !important;
  font-size: 20px !important;
  color: #000 !important;
}
.g-game-servers-uses-main-icon {
  padding-top: 8px;
}
.g-game-servers-uses-main-content-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
}
.g-game-servers-uses-main-layout-content {
}
.g-game-servers-uses-main-container {
  max-width: 1400px;
  margin: auto;
}
.g-light-speed-performance-content-img-gamer {
  width: 440px;
}
.g-light-speed-performance-section-gaming {
  padding-top: 80px;
}
.g-light-speed-performance-section-reduce-pad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.g-light-speed-performance-content-img-performance {
  width: 600px;
  border-radius: 30px;
}
.g-light-speed-performance-section-padd {
  padding-bottom: 80px !important;
}
@media screen and (max-width: 900px) {
  .g-light-speed-performance-container-def {
    display: flex;
    flex-direction: column-reverse;
  }
}
.g-light-speed-performance-section-remove-padd {
  padding-top: 10px !important;
}
.g-offering-section-title {
  text-align: center;
  padding-bottom: 80px;
}
.g-img-radius-30 {
  border-radius: 30px;
  width: 650px !important;
}
.g-get-started-main-section-main-div {
  max-width: 1400px;
  margin: auto;
}
.g-get-started-main-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-get-started-main-layout-main-title {
  font-family: poppins !important;
  text-transform: capitalize !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 0;
  text-align: center;
}
.g-get-started-main-layout-main-title-h4 {
  font-family: poppins !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-align: center;
}
.g-get-started-main-layout-main-para {
  font-weight: 600 !important;
  font-family: poppins !important;
  margin: 0;
  font-size: 32px !important;
  text-align: center;
  padding: 20px 0;
  color: #c12701;
}
.g-get-started-main-section {
  background-color: #f5f5f5;
  padding: 50px 15px;
}
.g-get-started-main-layout-lists {
  font-family: "Poppins";
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 15px;
  padding-top: 20px;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .g-gaming-server-features-main-layout {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media screen and (max-width: 600px) {
  .g-get-started-main-layout-lists {
    justify-content: unset !important;
  }
}
.g-gaming-server-details-main-section-padding-top {
  padding-top: 50px;
}
.g-blue-colored {
  color: #003158 !important;
}
.g-billing-accounts-figure-icon {
  font-size: 35px;
  margin: 0 !important;
}
.g-billing-card-configure-quick-links-body-title {
  font-family: poppins !important;
  font-weight: 600 !important;
  color: #000 !important;
  font-size: 25px !important;
}
.g-billing-card-configure-quick-links-body-para {
  font-family: poppins !important;
  font-weight: 400;
}
.g-billing-card-configure-quick-links-body {
  background: #fff;
  padding: 20px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  filter: drop-shadow(2px 3px 3px #ebebeb);
  font-family: poppins !important;
  transition: 0.3s ease-in-out;
  height: 100%;
}
.g-billing-card-configure-quick-links-section-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 800px) {
  .g-billing-card-configure-quick-links-section-layout {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-billing-card-configure-quick-links-section-main-div {
  max-width: 1400px;
  margin: auto;
}
.g-billing-card-configure-quick-links-section {
  background-color: #f5f5f5;
  padding: 50px 15px;
}
.g-billing-card-configure-quick-links-section-layout-pad-top {
  padding-top: 20px;
}
.g-remove-top-padding {
  padding-top: 0 !important;
}
.g-max-width-1400 {
  max-width: 1400px;
  margin: auto;
}
.g-transparent-background {
  background-color: transparent !important;
}
.g-top-pad-0 {
  padding-top: 0 !important;
}
.g-top-pad-50 {
  padding-top: 50px !important;
}
.g-top-pad-20 {
  padding-top: 20px !important;
}
.g-top-pad-30 {
  padding-top: 30px !important;
}
.g-top-pad-40 {
  padding-top: 40px !important;
}
.g-top-pad-60 {
  padding-top: 60px !important;
}
.g-top-pad-70 {
  padding-top: 70px !important;
}
.g-top-pad-80 {
  padding-top: 80px !important;
}
.g-top-pad-90 {
  padding-top: 90px !important;
}
.g-top-pad-100 {
  padding-top: 100px !important;
}
.g-top-pad-10 {
  padding-top: 10px !important;
}
.g-top-mar-50 {
  margin-top: 50px !important;
}
.g-top-mar-10 {
  margin-top: 10px !important;
}
.g-top-mar-80 {
  margin-top: 80px !important;
}
.g-top-mar-20 {
  margin-top: 20px !important;
}
.g-top-mar-30 {
  margin-top: 30px !important;
}
.g-top-mar-40 {
  margin-top: 40px !important;
}
.g-bot-mar-30 {
  margin-top: 30px !important;
}
.g-bot-mar-20 {
  margin-bottom: 30px !important;
}
.g-bot-mar-50 {
  margin-bottom: 50px !important;
}
.g-bot-mar-40 {
  margin-bottom: 40px !important;
}
.g-bot-mar-30 {
  margin-bottom: 30px !important;
}
.g-bot-mar-10 {
  margin-bottom: 10px !important;
}
.g-bottom-margin-30 {
  margin-bottom: 30px;
}
.g-light-speed-performance-content-img-def {
  width: 700px;
  border-radius: 30px;
  border: 2px solid #000;
}
.g-width-600 {
  width: 550px !important;
}
.g-our-dedicated-server-features-layout-div-3 {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
.g-gaming-server-features-main-layout-4 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.g-expected-reliable-hosting-section-white {
  background-color: #fff;
}
.g-img-620px {
  width: 620px !important;
}
.g-border-radius-30px {
  border-radius: 30px;
}
.g-toggler-menu-li-nav {
  padding: 0.7rem 1rem;
  line-height: 1;
  margin-bottom: 8px !important;
}
@media screen and (max-width: 1400px) {
  .g-mobile-pointer-events-prevent {
    pointer-events: none !important;
  }
}
.g-image-width-550px {
  width: 550px !important;
}
.g-gaming-server-details-main-para {
  font-family: poppins;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}
.g-phone-view-login-btn {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .g-phone-view-login-btn {
    display: block !important;
  }
}
.g-gray-background {
  background-color: #f5f5f5;
}
.g-blue-background {
  background-color: #003158;
}
.g-bottom-pad {
  padding-bottom: 50px;
}
.g-continental-explore-btn-group {
  display: flex;
  gap: 20px;
  align-items: center;
}
.g-unmetered-title-cards-section {
  font-weight: 500 !important;
  font-family: poppins;
}
.g-pci-logo {
  margin: 42px;
}
.g-bandwidth-img-banner {
  width: 350px;
}
.g-banner-image-div-bottom {
  padding: 20px;
}
.g-backup-features-box-white {
  background-color: #fff;
}
.g-toggler-carrot-flex {
  display: flex !important;
  gap: 10px;
  align-items: center;
}
.g-digital-journey-index-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("/images/wallpaper/dallas-datacenter-black-cabinets.jpg");
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
}
.g-digital-journey-index-section-blue {
  background-image: linear-gradient(rgb(0 25 72), rgba(0, 0, 0, 0.8)),
    url("/images/wallpaper/dallas-datacenter-black-cabinets.jpg");
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
}
@media screen and (max-width: 1900px) {
  .g-search-div-new {
    flex-wrap: wrap;
    justify-content: center;
  }
  .g-continental-grid-view-btns-container {
    justify-content: center;
  }
}
@media screen and (max-width: 1000px) {
  .g-continental-navigate-secondary-btn-div {
    min-width: unset !important;
    flex-direction: column;
    align-items: center;
  }
  .g-continental-grid-view-btns-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
@media screen and (max-width: 878px) {
  .g-continental-grid-view-btns-container {
    display: none !important;
  }
}
.g-servers-black-cabinets {
  width: 500px !important;
  padding-top: 50px;
}
.g-contact-us-btn {
  background-color: #c12107;
  color: #fff !important;
  font-family: "Poppins";
  font-weight: 500;
  padding: 8px 20px;
  margin-top: 20px;
  display: inline-block;
  border-radius: 30px;
}
.g-no-pad-top {
  padding-top: 0 !important;
}
.g-gap-20 {
  row-gap: 50px !important;
}
.g-gap-20-all {
  gap: 20px !important;
}
.g-flex-wrap-free {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .g-flex-wrap-free {
    justify-content: center;
    align-items: center;
  }
}
.g-dedicated-server-detailed-img {
  width: 570px;
  border-radius: 30px;
}
.g-bandwidth-providers-logo-network-page {
  padding: 40px;
}
.g-no-bg {
  background: transparent !important;
}
.g-sub-content-main-div {
  margin-top: 30px;
}
.g-sub-content-main-div-title {
  font-family: Poppins !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #c12107;
}
.g-bold-500 {
  font-weight: 500 !important;
}
.g-bold-600 {
  font-weight: 600 !important;
}
.g-bold-700 {
  font-weight: 700 !important;
}
.g-our-dedicated-server-features-main--title-remove-pad {
  padding-bottom: 0 !important;
}
.g-our-dedicated-server-features-main-div-para {
  font-family: poppins;
  font-weight: 400;
  text-align: center;
  margin-bottom: 100px !important;
}
.g-light-speed-performance-image-div-end {
  justify-content: end !important;
}
.g-contents-img-and-para-main-div {
  max-width: 1400px;
  margin: 0 auto !important;
}
.g-contents-img-and-para-main-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 100px;
}
.g-contents-img-and-para-image {
  display: flex;
  justify-content: end;
}
.g-contents-img-and-para-image-end {
  display: flex;
  justify-content: start;
}
.g-contents-img-and-para-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-contents-img-and-para-section {
  padding: 50px 15px;
}
@media screen and (max-width: 1050px) {
  .g-contents-img-and-para-main-layout {
    display: flex;
    flex-direction: column;
  }
  .g-contents-img-and-para-image {
    justify-content: center;
  }
  .g-contents-img-and-para-content {
    text-align: center;
  }
  .g-contents-img-and-para-image-end {
    justify-content: center;
  }
  .g-contents-img-and-para-main-layout-reverse {
    flex-direction: column-reverse;
  }
}
.g-server-request-form-main-div-title {
  font-family: "poppins" !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  padding: 50px 0 30px 0;
  text-align: center;
  color: #000;
}
.g-server-request-form-main-div-title-h2{
    font-family: "poppins" !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  padding: 50px 0 30px 0 !important;
  text-align: center !important;
  color: #000 !important; 
}
.g-server-request-form-main-div-para {
  font-family: "Poppins";
  font-weight: 400;
  text-align: center;
}
.g-server-request-form-section {
  padding: 0 15px;
}
.g-server-request-form-main-div {
  max-width: 1400px;
  margin: auto;
}
.g-server-request-form-main-form-body {
  margin: 50px 0;
}
.g-server-request-form-user-info-title {
  font-size: 22px !important;
  color: #c12107 !important;
  font-family: poppins !important;
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
}
.g-server-request-form-user-info-title-icon {
  margin-right: 8px;
}
.g-server-request-form-user-info-label {
  font-family: poppins !important;
  font-size: 12px !important;
  font-weight: 500;
  margin-bottom: 10px;
}
.g-col-red {
  color: #c12107 !important;
}
.g-server-request-form-user-info-text-box-group-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
  row-gap: 30px;
  margin-top: 20px;
}
.g-server-request-form-user-info-text-box {
  padding: 6px 30px !important;
  font-family: poppins !important;
  font-size: 14px !important;
  width: 100% !important;
  border-radius: 20px !important;
}
.g-server-request-form-user-info-text-box::placeholder {
  color: #767676 !important;
}
.g-server-request-form-group-main-layout {
  padding: 20px 0 30px 0;
}
.g-server-request-form-user-info-text-box-area {
  padding-top: 30px !important;
}
@media screen and (max-width: 750px) {
  .g-server-request-form-user-info-text-box-group-div {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
  }
  .g-server-request-form-user-info-title {
    font-size: 16px !important;
  }
}
.g-server-request-form-main-form-body {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.g-server-request-form-main-form-body-btn {
  padding: 8px 25px;
  background-color: #c12107;
  border: none;
  color: #fff;
  font-family: "Poppins" !important;
  font-weight: 600;
}
.g-server-request-form-main-form-body-btn-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-max-width-1700 {
  max-width: 1700px !important;
  margin: auto;
}
.g-max-width-1600 {
  max-width: 1600px !important;
  margin: auto;
}
.g-max-width-1400 {
  max-width: 1400px !important;
  margin: auto;
}
.g-contents-h3-heading-style {
  font-size: 28px !important;
  font-weight: 500 !important;
  font-family: "Poppins" !important;
}
.g-contents-h3-heading-style-22 {
  font-size: 22px !important;
  font-weight: 500 !important;
  font-family: "Poppins" !important;
  color: #c12107;
}
.g-points-content-content-flex {
  display: flex;
}
@media screen and (max-width: 800px) {
  .g-points-content-content-flex {
    display: block;
  }
}
.g-expected-reliable-hosting-section-pad-top-20 {
  padding-top: 20px !important;
}
.g-gpu-main-info-section {
  padding: 60px 15px 50px 15px;
}
.g-gpu-main-info-main-container {
  max-width: 1400px !important;
  margin: auto;
}
.g-gpu-main-info-main-layout {
  padding: 50px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.g-gpu-main-info-main-layout-img {
  width: 650px;
  border-radius: 20px;
}
.g-gpu-main-info-main-layout-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-gpu-main-info-main-layout-img-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1040px) {
  .g-gpu-main-info-main-layout {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 0;
    padding-top: 20px;
  }
  .g-gpu-main-info-main-layout-img-cont {
    align-items: center;
  }
  .g-gpu-main-info-main-layout-content {
    padding-top: 30px;
  }
}
.g-box-shadow-0 {
  box-shadow: none !important;
}
.g-gpu-server-companies {
  padding: 0 15px;
}
.g-gpu-server-companies-layout {
  display: flex;
  justify-content: center;
  padding: 30px 0;
  align-items: center;
  column-gap: 50px;
  row-gap: 30px;
}
.g-gpu-server-companies-logo-img {
  width: 180px;
}
@media screen and (max-width: 900px) {
  .g-gpu-server-companies-layout {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 500px) {
  .g-gpu-server-companies-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.def-section {
  padding-left: 15px;
  padding-right: 15px;
}
.g-backgrounded-2cards-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 800px) {
  .g-backgrounded-2cards-layout {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-backgrounded-card-body-main {
    backdrop-filter: blur(5px) brightness(0.5) !important;
  }
}
.g-backgrounded-card-header-title {
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  font-size: 20px !important;
}
.g-backgrounded-card-body-para {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
.g-backgrounded-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  transition: 0.3s ease-in-out;
}
.g-backgrounded-card-body-main {
  padding: 40px 30px;
  transition: 0.3s ease-in-out;
  border-radius: 20px;
}
.g-backgrounded-2cards-section-title {
  text-align: center;
}
.g-backgrounded-card-body-main:hover {
  transition: 0.3s ease-in-out;
  backdrop-filter: blur(5px);
}
.fast-gpu {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("/images/newicons/fast-gpu.jpg");
}
.enhanced-gpu {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("/images/newicons/enhanced-gpu.jpg");
}
.g-content-and-images-section-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 30px;
  column-gap: 20px;
}
.g-content-and-images-section-layout-heading {
  font-family: poppins !important;
  font-size: 24px !important;
  color: #c12107 !important;
  font-weight: 500 !important;
}
.g-def-para {
  font-family: "poppins" !important;
  font-weight: 400 !important;
}
.g-content-and-images-section-layout-image {
  width: 550px;
  border-radius: 20px;
  border: 1px solid #ccc;
}
.g-content-and-images-section-layout-content-div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
}
.g-content-and-images-section-layout-image-div {
  display: flex;
  justify-content: end;
}
.g-content-and-images-section-layout-main-div {
}
.g-bot-pad-50 {
  padding-bottom: 50px !important;
}
.g-bot-pad-20 {
  padding-bottom: 20px !important;
}
.g-bot-pad-10 {
  padding-bottom: 10px !important;
}
.g-bot-pad-30 {
  padding-bottom: 30px !important;
}
.g-bot-pad-40 {
  padding-bottom: 40px !important;
}
.g-bot-pad-60 {
  padding-bottom: 60px !important;
}
.g-bot-pad-70 {
  padding-bottom: 70px !important;
}
.g-bot-pad-80 {
  padding-bottom: 80px !important;
}
.g-content-and-images-section-layout-image-div-start {
  justify-content: flex-start;
}
.g-ai-features-section {
}
@media screen and (max-width: 950px) {
  .g-content-and-images-section-layout {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-content-and-images-section-layout-image-div {
    justify-content: center !important;
    order: 2;
  }
  .g-content-and-images-section-layout-content-div {
    text-align: center;
  }
}
.g-def-pad {
  padding-left: 15px;
  padding-right: 15px;
}
.g-all-services-content-box-heading-img-white {
  filter: invert(1);
}
.g-border-radius-20px {
  border-radius: 20px !important;
}
.g-gpu-powerhouse-section {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.g-light-speed-performance-container-custom-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.g-light-speed-performance-content-custom-grid-span {
  grid-column: span 8;
}
.g-light-speed-performance-image-div-custom-grid-span {
  grid-column: span 4;
}
@media screen and (max-width: 1000px) {
  .g-light-speed-performance-container-custom-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .g-light-speed-performance-content-custom-grid-span {
    grid-column: span 12;
  }
  .g-light-speed-performance-image-div-custom-grid-span {
    grid-column: span 12;
  }
  .g-gpu-powerhouse-section-para {
    text-align: center;
  }
}
.g-large-link-cards-section {
  padding: 80px 15px 80px 15px;
  background-color: #fbfbfb;
}
.g-large-link-cards-section-main-container {
  max-width: 1700px !important;
  margin: auto;
}
.g-large-link-cards-section-main-para {
  font-family: poppins !important;
  font-weight: 400 !important;
}
.g-large-link-cards-section-main-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-large-link-cards-section-sub-heading {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.g-large-link-cards-sections-blocks-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #c12107 !important;
  padding: 0 0 0 0;
  margin-top: 40px;
}
.g-large-link-cards-sections-blocks-layout {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 20px 15px;
  margin-bottom: 50px;
  margin-top: 20px;
}
@media screen and (max-width: 1500px) {
  .g-large-link-cards-sections-blocks-layout {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .g-large-link-cards-sections-blocks-layout {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .g-large-link-cards-sections-blocks-layout {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 970px) {
  .g-large-link-cards-sections-blocks-layout {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 650px) {
  .g-large-link-cards-sections-blocks-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 500px) {
  .g-large-link-cards-sections-blocks-layout {
    display: -moz-inline-grid;
    display: -ms-inline-grid;
    display: inline-grid;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .g-large-link-cards-sections-blocks-layout-container {
    display: flex;
    justify-content: center;
  }
}
.g-large-link-cards-sections-blocks {
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 30px;
  margin: 80px 0 0 0;
  border: 1px solid #e3e3e3;
  position: relative;
  scroll-margin-top: 130px;
}
.g-large-link-cards-sections-blocks-layouts-cards {
  color: #003158 !important;
  font-family: Poppins !important;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
}
.g-large-link-cards-sections-blocks-layouts-cards:hover {
  color: #c12107 !important;
  transition: 0.3s ease-in-out;
}
.g-large-link-cards-sections-blocks-layouts-cards::before {
  content: "\f57d";
  font-family: "FontAwesome";
  margin-right: 10px;
}
.g-large-link-cards-sections-blocks-top-heading {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #c12107 !important;
  margin: 0;
  position: absolute;
  background-color: #c12107;
  color: #fff !important;
  padding: 10px 20px;
  top: -27px;
  width: 50%;
  border-radius: 30px;
}
@media screen and (max-width: 880px) {
  .g-large-link-cards-sections-blocks-top-heading {
    font-size: 16px !important;
    width: auto !important;
    position: static !important;
    text-align: center;
  }
  .g-large-link-cards-sections-blocks-title {
    text-align: center !important;
    padding-bottom: 30px;
  }
  .g-large-link-cards-sections-blocks {
    padding: 18px !important;
  }
  .g-large-link-cards-sections-blocks-title {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 480px) {
  .g-large-link-cards-section-sub-quick-links-div {
    justify-content: center;
  }
  .g-large-link-cards-section-sub-heading {
    text-align: center;
  }
}
@media screen and (max-width: 680px) {
  .g-large-link-cards-sections-blocks {
    margin: 28px 0 0 0;
  }
}
.g-large-link-cards-section-sub-quick-links-div {
  display: flex;
  gap: 5px 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 1081px) {
  .g-large-link-cards-section-sub-quick-links-div {
    justify-content: center;
  }
  .g-large-link-cards-section-sub-heading {
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .g-large-link-cards-section-sub-quick-links-div-container {
    flex-direction: column;
    align-items: center;
  }
  .g-large-link-cards-section-sub-quick-links-div {
    row-gap: 20px;
  }
  .g-large-link-cards-section-sub-quick-links {
    width: 100%;
    justify-content: center;
  }
}
.g-large-link-cards-section-sub-quick-links {
  background-color: #003158;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 30px;
}
.g-large-link-cards-section-sub-quick-links-a {
  color: #fff !important;
}
.g-large-link-cards-sections-blocks-layouts-cards-small-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1242px) {
  .g-large-link-cards-sections-blocks-layouts-cards-small-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1024px) {
  .g-large-link-cards-sections-blocks-layouts-cards-small-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-large-link-cards-section-sub-quick-links-div-container {
  display: flex;
  gap: 10px 20px;
}
.g-large-link-cards-sections-blocks-layouts-cards-small-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1260px) {
  .g-large-link-cards-sections-blocks-layouts-cards-small-grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-datacenter-states-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("/images/wallpaper/usa-datacenter6.jpg");
  background-position: center !important;
}
.g-data-center-main-cities-quick-links-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-data-center-main-cities-quick-links-section {
  margin: 50px 0 50px 0;
  padding: 0 15px;
}
.g-data-center-main-cities-quick-links-container {
  margin: auto;
  max-width: 1650px;
  padding: 0 15px;
}
.g-data-center-main-cities-quick-links {
  padding: 15px 20px;
  display: block;
  background-color: #003158;
  color: #fff !important;
  font-weight: 600;
  font-size: 18px !important;
  font-family: "Poppins" !important;
  text-align: center;
  transition: 0.3s ease-in-out;
  border-radius: 30px;
  border: dashed 1px #000;
}
.g-data-center-main-cities-quick-links::before {
  content: "\f5a0";
  font-family: "Font Awesome 6 Free";
  margin-right: 15px;
}
.g-data-center-main-cities-quick-links:hover {
  background-color: #c12107;
  color: #fff !important;
  transition: 0.3s ease-in-out;
}
.g-data-center-main-cities-quick-links-layout {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 30px 20px;
  align-items: center;
  flex-wrap: wrap;
}
.g-data-center-main-datacenters-card-main-image {
  width: 180px;
  height: 180px;
  object-fit: contain;
  transition: 0.3s ease-in-out;
}
.g-back-black {
  background-color: #000;
}
.g-data-center-main-datacenters-card-main-image-div {
  display: flex;
  justify-content: center;
}
.g-data-center-main-datacenters-cards-links-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 30px;
}
@media screen and (max-width: 589px) {
  .g-data-center-main-datacenters-cards-links-layout {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-data-center-main-datacenters-card-main {
    min-width: 100% !important;
  }
}
.g-data-center-main-datacenters-card-main-title {
  font-family: "Poppins" !important;
  color: #000 !important;
  font-size: 14px !important;
  margin: 20px 0 10px 0;
  font-weight: 700 !important;
}
.g-data-center-main-datacenters-card-main-address {
  font-family: "Poppins" !important;
  color: #4e4e4e !important;
  font-weight: 500;
  font-size: 12px !important;
  margin: 0;
}
.g-data-center-main-datacenters-card-main {
  max-width: 330px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  transition: 0.3s ease-in-out;
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #a9a9a9;
}
.g-data-center-main-datacenters-card-main:hover
  .g-data-center-main-datacenters-card-main-redirect-btn {
  background-color: #c12107 !important;
  color: #fff !important;
}
.g-data-center-main-datacenters-card-main:hover
  .g-data-center-main-datacenters-card-main-image {
  transform: scale(1.05);
}
.g-flexed-icon-with-para {
  display: flex;
  column-gap: 10px;
}
.g-flexed-para {
  margin: 0 !important;
  font-family: "Poppins" !important;
  font-weight: 400;
  font-size: 14px !important;
}
.g-data-center-main-datacenters-card-main-features-div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 30px;
}
.g-flexed-icon {
  color: #00cf19;
  font-weight: 500 !important;
}
.g-data-center-main-datacenters-card-main-divider-line {
  margin: 15px 0 !important;
}
.g-data-center-main-datacenters-card-main-overview-title {
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
.g-data-center-main-datacenters-card-main-features-title {
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
.g-data-center-main-datacenters-card-main-overview-para {
  font-family: "Poppins" !important;
  font-weight: 400;
  color: #000;
  font-size: 14px !important;
}
.g-data-center-main-datacenters-card-main-circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #003158;
}
.g-data-center-main-datacenters-card-main-address-div {
  height: 100% !important;
}
.g-data-center-main-datacenters-card-main-circle-div {
  display: flex;
  column-gap: 6px;
  margin-bottom: 15px;
}
.g-data-center-main-datacenters-card-main-redirect-btn {
  font-family: "Poppins" !important;
  display: block;
  font-weight: 500;
  background-color: #000;
  padding: 10px;
  text-align: center;
  border: 1px solid #e3e3e3;
  color: #fff !important;
}
.g-data-center-main-datacenters-card-main-redirect-btn::before {
  content: "\e4d1";
  font-family: "FontAwesome";
  margin-right: 15px;
}
.g-data-center-overview-main-title {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-data-center-overview-container {
  padding: 50px 15px;
  margin: auto;
  max-width: 1400px;
}
.g-data-center-overview-main-para {
  font-family: "poppins" !important;
  font-weight: 400 !important;
}
.g-data-center-overview-divider {
  margin: 2rem 0 !important;
  border: 1px dashed #ccc !important;
}
.g-spec-boxes-div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  padding: 20px 0 0 0;
}
.g-table-based-info-table-grid-main-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 30px;
}
@media screen and (max-width: 991px) {
  .g-spec-boxes-div {
    justify-content: center;
  }
  .g-table-based-info-table-grid-main-layout {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-statistics-sections-main-container {
  max-width: 1400px;
  margin: auto;
  padding: 0 15px;
}
.g-statistics-section {
  padding: 50px 0;
}
.g-statistics-donut {
  display: flex;
  justify-content: center;
}
.g-data-center-overview-content {
  padding: 20px 0 0 0;
}
.g-spec-boxes {
  padding: 15px;
  background-color: #424242;
  color: #ffff;
  width: 250px !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s ease-in-out;
}
.g-spec-boxes:hover {
  background-color: #000;
  transition: 0.3s ease-in-out;
}
.g-have::before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin: 0 15px 0 0;
}
.g-not-have::before {
  content: "\f00d";
  font-family: "FontAwesome";
  margin: 0 15px 0 0;
}
.g-short-spec-img {
  width: 90px;
  filter: invert(1);
}
.g-short-spec-txt {
  font-family: "Poppins" !important;
  font-weight: 600;
  font-size: 20px !important;
  margin: 20px 0 0 0;
  color: #fff;
}
.g-short-spec-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 30px 0;
  max-width: 1800px;
  margin: auto;
}
.g-short-spec-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-short-spec-main-container {
  padding: 0 15px;
}
.g-short-spec-section {
  background-color: #003158;
}
.g-table-based-info-container {
  max-width: 1400px;
  margin: auto;
  padding: 50px 15px 0 15px;
}
.g-table-based-info-table-td {
  font-family: "Poppins" !important;
  font-weight: 400;
  font-size: 16px !important;
  padding: 15px 20px;
}
.g-table-based-address-table-td {
  font-family: "Poppins" !important;
  font-weight: 400;
  font-size: 16px !important;
  padding: 15px 20px;
}
.g-table-based-info-table-heading {
  font-family: "Poppins" !important;
  font-weight: 600;
  font-size: 16px !important;
  padding: 15px 20px;
  color: #c12107;
}
.g-table-based-info-table-head-row {
  border-bottom: 2px solid #000;
}
.g-table-based-info-table-td-single {
  color: #c12707;
}
.g-table-based-info-table-row {
  border-bottom: 1px solid #ccc;
  transition: 0.3s ease-in-out;
}
.g-table-based-address-table-row {
  border-bottom: 1px solid #ccc;
  transition: 0.3s ease-in-out;
}
.g-table-based-address-table-row:nth-child(even) {
  background-color: #f7f7f7;
}
.g-table-txt-align-right {
  text-align: center;
}
.g-table-based-info-table-row:nth-child(even) {
  background-color: #f7f7f7;
}
.g-table-based-info-table-row-highlighted {
  background-color: #dbdbdb !important;
}
.g-table-txt-icon {
  font-size: 22px !important;
  color: #12bd00;
}
.g-table-based-info-table {
  margin: 20px 0 0 0;
}
.g-table-based-info-bottom-info {
  font-family: "Poppins" !important;
  font-weight: 400;
  font-size: 16px !important;
  text-align: center;
  color: #000;
  margin: 25px 0;
}
.g-data-center-overview-address-div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 900px) {
  .g-table-based-info-table-head {
    display: none;
  }
  .g-table-based-address-table-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border: 1px solid #000 !important;
  }
  .g-table-based-address-table-td-dc-name {
    color: #c12107;
    font-weight: 600;
  }
  .g-table-based-address-table-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px 15px;
  }
  .g-table-based-info-table-main-title {
    text-align: center;
  }
  .g-data-center-overview-address-div {
    align-items: center !important;
    text-align: center;
  }
}
@media screen and (max-width: 559px) {
  .g-spec-boxes {
    width: 100% !important;
  }
}
@media screen and (max-width: 991px) {
  .g-short-spec-layout {
    gap: 50px 60px;
    flex-wrap: wrap;
  }
}
.g-data-center-main-datacenters-card-main-image-text {
  font-family: poppins !important;
  font-size: 25px !important;
  text-align: center;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.g-data-center-overview-sub-title {
  font-family: "Poppins" !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}
.g-data-center-overview-sub-para {
  font-family: poppins !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.g-multi-haded-tbl-data-list {
  margin: 0 !important;
  font-family: "Poppins" !important;
  font-weight: 600;
  color: #003158;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 10px !important;
}
.g-multi-haded-tbl-data-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.g-multi-haded-tbl-data {
  text-align: center;
}
.g-multi-haded-tbl-heading {
  font-family: poppins !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #c12107;
}
.g-multi-haded-tbl-data-main {
  font-family: "Poppins" !important;
  font-weight: 500;
  text-align: left !important;
  font-size: 14px !important;
}
.g-multi-haded-tbl-row:nth-child(even) {
  background-color: #f7f7f7;
}
.g-multi-haded-tbl {
}
.g-multi-haded-tbl-row {
  border-bottom: 1px solid #ccc;
}
.g-multi-haded-tbl-head-row {
  border-bottom: 2px solid #000;
}
.g-points-form {
  display: flex;
  column-gap: 15px;
  font-family: poppins !important;
  font-weight: 500;
  padding: 5px 0;
}
.g-data-center-overview-address-div-left-title {
  font-family: poppins !important;
}
.g-data-center-overview-address-div-left {
}
.g-data-center-overview-address-img {
  width: 300px;
}
#myChart {
  margin-top: 30px;
}
.g-table-based-info-section:nth-child(odd) {
  background-color: #f5f5f5;
  margin-top: 50px;
  padding-bottom: 50px;
}
.g-data-center-overview-address {
  margin-top: 20px;
  margin-bottom: 0 !important;
  font-family: poppins !important;
  font-weight: 500;
}
.g-d-none {
  display: none;
}
.g-common-para {
  font-family: poppins !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 1400px) {
  .g-card-margin-add-at-1400px {
    margin-top: 50px;
  }
}
.g-table-based-info-header-normal {
  font-family: "Poppins" !important;
  font-weight: 600;
  font-size: 16px !important;
  padding: 15px 20px;
  color: #c12107;
}
.g-table-based-info-header-row-normal {
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 620px) {
  .g-table-based-info-header-row-normal {
    border: 2px solid #000;
  }
  .g-table-based-info-header-normal {
    border: 2px solid #000;
    text-align: center;
  }
  .g-tbl-border-phone {
    border: 1px solid #000;
  }
}
.g-table-based-address-table-row:hover {
  transition: 0.3s ease-in-out;
  color: #008c45;
}
.g-table-based-info-table-row:hover {
  transition: 0.3s ease-in-out;
  color: #008c45;
}
.g-data-center-overview-main-list {
  font-family: poppins !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  margin: 4px 0;
}
.g-data-center-overview-main-list-title {
  font-family: "Poppins" !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  margin-bottom: 20px;
  color: #c12107;
}
.g-data-center-overview-main-list-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 60px 0;
}
.g-data-center-overview-main-list-body {
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 30px;
  border: 1px solid #cacaca;
}
.g-data-center-overview-main-list-ul {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 725px) {
  .g-data-center-overview-main-list-div {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-data-center-main-datacenters-cards-links-layout-flex {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.g-data-center-main-datacenters-card-main-width-380 {
  width: 380px !important;
}
.g-promotions-links-redirect-btn {
  font-family: "Poppins" !important;
  background-color: #c12701 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 8px 15px;
  display: inline-block;
  margin: 10px 0 10px 0;
  border-radius: 30px;
}
.g-promotions-links-redirect-btn::before {
  content: "\f02c";
  font-family: "FontAwesome";
  margin-right: 10px;
}
.g-products-promotions-tbl-container {
  max-width: 1600px;
  margin: auto;
  padding: 50px 15px;
}
.g-products-promotions-tbl-body-data-discount-circle {
  height: 100px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #c12107;
  color: #fff !important;
  border-radius: 50%;
  border: dotted #fff 2px;
}
.g-products-promotions-tbl-body-data-discount-value {
  font-family: "FontAwesome";
  font-weight: 600;
  font-size: 24px;
}
.g-products-promotions-tbl-body-data-discount {
  display: flex;
  justify-content: center;
}
.g-products-promotions-tbl-body-data-detail-div {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.g-products-promotions-tbl-body-data-price-div {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.g-products-promotions-tbl-body-data-actual-price {
  color: #c12107;
  font-weight: 600;
  text-decoration: line-through;
  font-size: 18px;
}
.g-products-promotions-tbl-body-data-offer-price {
  color: #03a84e;
  font-weight: 600;
  font-size: 18px;
}
.g-products-promotions-tbl-body-data-action-btn {
  background-color: #003158;
  color: #fff !important;
  font-weight: 600;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
}
.g-products-promotions-tbl-body-data-action-btn:hover {
  background-color: #000;
  transition: 0.3s ease-in-out;
}
.g-products-promotions-tbl-body-data-action-btn::before {
  content: "\f145";
  font-family: "FontAwesome" !important;
  margin-right: 10px;
}
.g-products-promotions-tbl-body-data {
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  text-align: center;
}
.g-products-promotions-tbl-body-data-detail-location {
  color: #979797 !important;
  font-weight: 400 !important;
}
.g-products-promotions-tbl-body-data-code-value {
  border-bottom: dashed 2px #000;
  cursor: pointer;
}
.g-products-promotions-tbl-heading {
  font-family: poppins !important;
  font-weight: 600 !important;
  text-align: center;
}
.g-products-promotions-tbl-head {
  background: none !important;
}
.g-products-promotions-tbl-body-row {
  outline: 1px solid #ccc;
  border-radius: 30px !important;
}
.expired-promos
  > .g-products-promotions-tbl-body-data-discount
  > .g-products-promotions-tbl-body-data-discount-circle {
  background-color: #ccc !important;
}
.expired-promos > .g-products-promotions-tbl-body-data-detail {
  color: #ccc;
}
.expired-promos > .g-products-promotions-tbl-body-data-code {
  color: #ccc;
}
.expired-promos > .g-products-promotions-tbl-body-data-date {
  color: #ccc;
}
.expired-promos
  > .g-products-promotions-tbl-body-data-price
  > .g-products-promotions-tbl-body-data-actual-price {
  color: #ccc;
}
.expired-promos
  > .g-products-promotions-tbl-body-data-price
  > .g-products-promotions-tbl-body-data-offer-price {
  color: #ccc;
}
.expired-promos
  > .g-products-promotions-tbl-body-data-action
  > .g-products-promotions-tbl-body-data-action-btn {
  background-color: #ccc !important;
  pointer-events: none;
}
.g-products-promotions-tbl {
  border-spacing: 0 18px;
  border-collapse: separate;
}
@media screen and (max-width: 993px) {
  .g-products-promotions-tbl-head {
    display: none;
  }
  .g-products-promotions-tbl-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
  }
  .g-products-promotions-tbl-body-row {
    display: flex;
    flex-direction: column;
  }
  .g-products-promotions-tbl-body-row {
    padding: 20px 0 !important;
  }
}
.g-products-promotions-tbl-top-heading {
  font-family: "Poppins" !important;
  color: #000 !important;
  font-size: 25px !important;
  border-bottom: 2px solid #000;
}
.g-promotions-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("/images/wallpaper/trangle-design-wallpaper.jpg");
}
.g-products-promotions-tbl {
  scroll-margin-top: 180px;
}
.g-promotions-banner-image {
  width: 360px;
  object-fit: contain;
}
.g-promotions-banner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  border-radius: 20px;
  border: 2px solid #000;
  background-repeat: no-repeat;
  background-size: cover;
  background: #e9f9ff;
  padding: 15px 30px;
}
.g-promotions-banner-gradient {
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 151, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 151, 255, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 151, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#0097ff",GradientType=1);
}
.g-promotions-banner-content-btn {
  background-color: #003158;
  font-weight: 600;
  color: #fff !important;
  font-family: "Poppins" !important;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 30px;
}
.g-promotions-banner-content-btn::before {
  content: "\f145";
  font-family: "FontAwesome" !important;
  margin-right: 10px;
}
.g-promotions-banner-section-div {
  max-width: 1400px;
  margin: 120px auto;
}
.g-promotions-banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 850px;
  align-items: flex-start;
}
.g-promotions-banner-section {
  padding: 0 15px;
}
.g-promotions-banner-image-box {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1232px) {
  .g-promotions-banner-content {
    width: auto !important;
  }
}
@media screen and (max-width: 991px) {
  .g-promotions-banner {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-promotions-banner-image-box {
    justify-content: center;
    order: 1;
  }
  .g-promotions-banner-content {
    align-items: center;
    text-align: center;
    order: 2;
  }
}
.g-data-center-logo-text {
  text-align: end;
  font-size: 35px !important;
  font-weight: 600 !important;
}
.g-flex-points-30-gap {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.g-continent-redirect-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1240px) {
  .g-continent-redirect-layout {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    row-gap: 80px;
  }
  .g-continent-redirect-section {
    padding: 50px 15px 80px 15px !important;
  }
}
.g-continent-redirect-content-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-continent-redirect-content-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-continent-redirect-main-container {
  max-width: 1600px;
  margin: auto;
}
.g-continent-redirect-img {
  width: 700px;
  border-radius: 30px;
  box-shadow: 7px 7px 1px #222;
  border: 1px solid #222;
  position: relative;
  width: 100%;
  object-fit: cover;
}
.g-continent-redirect-content-main-title {
  font-family: "Poppins" !important;
}
.g-continent-redirect-img-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.g-continent-redirect-section {
  margin-top: -8px;
  background-color: #f5f5f5;
  padding: 80px 15px;
  border-bottom: 1px solid #d5d5d5;
}
.g-continent-redirect-content-sub-title {
  font-weight: 600;
  font-family: "Poppins" !important;
  color: #c12107;
}
.g-continent-redirect-content {
  font-family: "Poppins";
  font-weight: 400;
}
.g-continent-redirect-links {
  font-family: "Poppins";
  font-weight: 600;
  background-color: #c12107;
  padding: 10px;
  border-radius: 30px;
  color: #fff !important;
  border: 1px solid #000;
  opacity: 1;
  transition: 0.3s ease-in-out;
  text-align: center;
  flex: 1 1;
}
.g-continent-redirect-links-blue{
  background-color: #004089;
}
.g-continent-redirect-links:hover {
  opacity: 1;
  background-color: #004089;
}
.g-small-btns {
  color: #fff !important;
  font-weight: 600;
  background-color: #000;
  padding: 2px 7px;
  border-radius: 30px;
  display: inline-flex;
  opacity: 0.8;
  transition: 0.3s ease-in-out;
}
.g-small-btns:hover {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.g-continent-redirect-inks-div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 15px;
}
.g-country-server-main-details-section {
  padding: 60px 15px 60px 15px;
  background-color: #f5f5f5;
}
.g-country-server-main-details-container {
  max-width: 1400px;
  margin: 0 auto !important;
}
.g-width-100 {
  width: 100px !important;
}
.g-width-90 {
  width: 90px !important;
}
.g-width-80 {
  width: 80px !important;
}
.g-width-70 {
  width: 70px !important;
}
.g-width-60 {
  width: 60px !important;
}
.g-width-50 {
  width: 50px !important;
}
.g-width-500 {
  width: 500px !important;
}
.g-width-400 {
  width: 400px !important;
}
.g-padding-x-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.g-width-450 {
  width: 450px !important;
}
.g-width-40 {
  width: 40px !important;
}
.g-width-30 {
  width: 30px !important;
}
.g-width-20 {
  width: 20px !important;
}
.g-grid-350px {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}
@media screen and (max-width: 760px) {
  .g-grid-350px {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-country-server-main-details-one-bottom-boxes {
  text-align: center;
  display: flex;
  border: 1px solid #e1e1e1;
  flex-direction: column;
  background-color: #ffffff;
  align-items: center;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  justify-content: center;
}
.g-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.g-country-server-main-details-one-bottom-boxes-title {
  font-family: "Poppins" !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #c12107;
  margin-bottom: 20px;
}
.g-country-server-main-details-one-bottom-boxes-content {
  font-family: "Poppins" !important;
  font-weight: 400;
  margin: 0 !important;
}
.g-divider {
  border-top: 1px solid #a3a3a3;
  margin-top: 40px;
  padding-bottom: 40px;
}
.g-bandwidth-carriers-tbl-main-div {
  margin-top: 40px;
}
.g-bandwidth-carriers-tbl-data {
  font-family: "Poppins" !important;
  padding: 12px 20px;
  border: 1px solid #cdcdcd;
}
.g-bandwidth-carriers-tbl-body-row:nth-child(even) {
  background-color: #e7e7e7;
}
.g-bandwidth-carriers-tbl-body-row:nth-child(odd) {
  background-color: #fff;
}
.g-bandwidth-carriers-tbl-data-link {
  color: #c12107 !important;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  gap: 20px;
  text-transform: uppercase;
}
.g-bandwidth-carriers-tbl-data-carriers {
  font-family: "Poppins" !important;
  font-weight: 500 !important;
}
.g-bandwidth-carriers-tbl-thead {
  background-color: #222;
  color: #fff;
  font-family: "Poppins" !important;
}
.g-bandwidth-carriers-tbl-title-1 {
  width: 40%;
}
.g-bandwidth-carriers-tbl-title {
  border: 1px solid #444;
  padding: 15px 20px;
}
.g-bandwidth-carriers-tbl-body-row {
  border-bottom: 1px solid #dbdbdb;
}
.g-country-server-main-details-min-title {
  font-size: 23px !important;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
}
.g-game-servers-uses-main-content-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #222;
  color: #fff !important;
  padding: 13px 25px;
  border: #ccc 1px solid;
  font-weight: 600;
  font-size: 18px;
}
.g-game-servers-uses-main-card-footer-part {
  padding: 0 20px;
}
.g-game-servers-uses-main-content-img {
  object-fit: cover;
  transition: 0.3s ease-in-out;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.g-background-gray {
  background-color: #f5f5f5 !important;
}
.g-backgrounded-imaged-content-banner {
  color: #fff !important;
  padding: 80px 30px;
  border-radius: 30px;
}
.g-minecraft-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/minecraft-banner.jpg");
  background-size: cover;
  background-position: center;
}
.g-palworld-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/palworld-banner.jpg");
  background-size: cover;
  background-position: center;
}
.g-soulmask-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/soulmask-banner.png");
  background-size: cover;
  background-position: center;
}
.g-7-days-to-die-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("/images/wallpaper/7-days-to-die-banner.jpeg");
  background-size: cover;
  background-position: center;
}
.g-ark-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("/images/wallpaper/ark-banner.webp");
  background-size: cover;
  background-position: center;
}
.g-l4d2-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/l4d2-banner.webp");
  background-size: cover;
  background-position: bottom;
}
.g-insurgency-sandstrom-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/insurgency-sandstrom-banner.webp");
  background-size: cover;
  background-position: top;
}
.g-counter-strike-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url("/images/wallpaper/counter-strike-banner.webp");
  background-size: cover;
  background-position: top;
}
.g-rust-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/rust-banner.jpg");
  background-size: cover;
  background-position: top;
}
.g-arma-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.66)),
    url("/images/wallpaper/arma-banner.jpg");
  background-size: cover;
  background-position: center;
}
.g-v-rising-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/v-rising-banner.webp");
  background-size: cover;
  background-position: center;
}
.g-valheim-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)),
    url("/images/wallpaper/valheim-banner.jpg");
  background-size: cover;
  background-position: center;
}
.g-backgrounded-imaged-content-banner-main-container {
  max-width: 1400px;
  margin: auto;
}
.g-backgrounded-imaged-content-banner-section {
  padding: 80px 15px 80px 15px;
}
.g-backgrounded-imaged-content-banner-head-title-sub {
  font-family: "Poppins" !important;
}
.g-backgrounded-imaged-content-banner-head-title {
  font-size: 29px !important;
  font-family: "Poppins" !important;
}
.g-backgrounded-imaged-content-title {
  font-family: "Poppins" !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.g-backgrounded-imaged-content-alignments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding-top: 35px;
}
@media screen and (max-width: 1100px) {
  .g-backgrounded-imaged-content-alignments {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 800px) {
  .g-backgrounded-imaged-content-alignments {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-backgrounded-imaged-content-paragraph {
  font-weight: 400 !important;
  font-family: "Poppins" !important;
}
.g-side-bar-group-list {
  list-style: none !important;
  padding: 5px 0 0 0 !important;
}
.g-side-bar-group-ul {
  margin: 0 !important;
}
.g-howto-main-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  position: relative;
}
.g-howto-main {
  grid-column: span 9;
  padding: 30px;
}
.g-side-bar-container {
  padding: 50px;
}
.g-rounded-home-banner-content-main-title {
  color: #fff;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  font-size: 40px !important;
}
@media screen and (max-width: 1600px) {
  .g-side-bar-container {
    padding: 50px 30px !important;
  }
  .g-rounded-home-banner-content {
    padding: 100px 50px !important;
  }
}
@media screen and (max-width: 1400px) {
  .g-side-bar-group-list {
    font-size: 14px !important;
  }
  .g-rounded-home-banner-content {
    backdrop-filter: blur(3px) brightness(0.9);
  }
}
@media screen and (max-width: 1200px) {
  .g-side-bar-group-list {
    font-size: 10px !important;
  }
  .g-rounded-home-banner-content {
    backdrop-filter: blur(3px) brightness(0.9);
    grid-column: span 12 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
  .g-side-bar-group-heading {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1000px) {
  .g-howto-main-container {
    display: flex;
    flex-direction: column-reverse !important;
  }
  .g-howto-main {
    padding: 30px 15px !important;
  }
  .g-side-bar-group-heading {
    font-size: 25px !important;
  }
  .g-side-bar-group-list {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 991px) {
  .g-tutorial-contents-points-grid-3 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media screen and (max-width: 776px) {
  .g-rounded-home-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .g-rounded-home-banner-content {
    backdrop-filter: blur(0) brightness(0.4) !important;
  }
  .g-tutorial-contents-points-grid-2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media screen and (max-width: 570px) {
  .g-rounded-home-banner-content-main-title {
    font-size: 30px !important;
  }
  .g-rounded-home-banner-content {
    padding: 100px 25px !important;
  }
}
.g-howto-aside {
  background-color: #222;
  color: #fff !important;
  font-family: "Poppins" !important;
  overflow: auto;
  height: 95vh;
  position: sticky;
  top: 89px;
  grid-column: span 3;
}
.g-side-bar-title {
  font-family: "Poppins" !important;
  font-weight: 700 !important;
  font-size: 25px !important;
}
.g-side-bar-group-heading {
  font-family: "Poppins" !important;
  font-size: 16px;
  font-weight: 600 !important;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  display: flex;
  gap: 12px;
  cursor: pointer;
}
.g-side-bar-group-list {
  display: flex;
  align-items: baseline;
}
.g-side-bar-group-list-link {
  color: #cfcfcf;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  padding-left: 12px;
  font-size: 14px;
}
.g-side-bar-group-list-link:hover {
  color: #fff;
  transition: 0.3s ease-in-out;
}
.g-side-bar-group {
  margin-top: 30px;
  margin-bottom: 30px;
}
.g-side-bar-group-heading {
  cursor: pointer;
}
.g-rounded-home-banner-section {
  border-radius: 12px;
}
.g-rounded-home-banner-layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.g-rounded-home-banner-content {
  padding: 100px 60px 100px 60px;
  backdrop-filter: blur(3px) brightness(0.9);
  grid-column: span 7;
  border-radius: 12px;
}
.g-rounded-home-banner-content-sub-title {
  color: #fff;
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
.g-minecraft-tutorial-section {
  background-image: url("/images/wallpaper/minecraft-hero-wallpaper.webp");
  background-size: cover;
  background-position: center;
}
.g-cs2-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.1)
    ),
    url("/images/wallpaper/cs2-hero-wallpaper.webp");
  background-size: cover;
  background-position: center;
}
.g-proxmox-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.1)
    ),
    url("/images/wallpaper/virtualization-banner-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-server-setup-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0.1)
    ),
    url("/images/wallpaper/server-setup-hero-wallpaper.webp");
  background-size: cover;
  background-position: center;
}
.g-palworld-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/palworld-hero-wallpaper.jpg");
  background-size: cover;
  background-position: center;
}
.g-choose-best-server-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/choose-best-server-hero-wallpaper.webp");
  background-size: cover;
  background-position: center;
}
.g-cpanel-backup-solution {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/backup-solutions.jpeg");
  background-size: cover;
  background-position: center;
}

.g-wireguard-setup-solution{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/wireguard-setup-solution-hero.webp");
  background-size: cover;
  background-position: bottom;
}

.g-litespeed-setup-solution{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/pink-neon-digital-servermo-wallpaper.webp");
  background-size: cover;
  background-position: center;
}

.g-putty-advanced-masterclass-section{
   background-image: linear-gradient(19deg, rgb(242 225 255 / 99%), rgba(0, 0, 0, 0)), url('/images/wallpaper/putty-advanced-masterclass-hero.webp');
  background-size: cover;
  background-position: top;
}
.g-putty-advanced-masterclass-section > .g-rounded-home-banner-layout > .g-rounded-home-banner-content-normal >  .g-rounded-home-banner-content-main-title{
    color: #000000 !important;
    font-family: "Poppins" !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    box-shadow: none;
    filter: none !important;
}

.g-putty-advanced-masterclass-section > .g-rounded-home-banner-layout > .g-rounded-home-banner-content-normal > .g-rounded-home-banner-content-sub-title{
    color: #000000 !important;
    
}

.g-cuda-installation-setup-solution{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nvidia-cuda-drivers-installation-servermo-hero.webp");
  background-size: cover;
  background-position: top;
}

.g-gpu-monitor-grafana-and-prometheus-solution{
 background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/gpu-monitor-grafana-and-prometheus-hero.webp");
  background-size: cover;
  background-position: top;
}

.g-ssh-key-setup-solution {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/secure-ssh-login-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-manage-cpanel-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/uncaged-servers-rack-wallpaper.jpeg");
  background-size: cover;
  background-position: center;
}
.g-post-installation-cpanel-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/cpanel-whm-installation-tutorial.jpeg");
  background-size: cover;
  background-position: center;
}
.g-post-n8n-ai-tutorial-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/n8n-ai-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-comfyui-tutorial-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/comfyui-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-nvidia-nim-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nvidia-nim-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-lvekit-ai-voice-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/lvekit-ai-voice-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-pcie-gen-5-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/pcie-gen-5-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-linux-oom-killer-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/linux-oom-killer-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-quantum-trust-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/post-quantum-trust-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-ebpf-xdp-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/ebpf-xdp-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-postgresql-tuning-hero-section{
      background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/postgresql-tuning-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-setup-perfect-streaming-servers-hero-section
{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/setup-perfect-streaming-servers-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-migrate-mysql-to-clickhouse-hero-section
{
     background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/migrate-mysql-to-clickhouse-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-install-grafana-loki-hero-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/install-grafana-loki-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-valkey-installation-and-migrating-hero-section{
     background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/valkey-installation-and-migrating-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-install-cyberpanel-on-ubuntu-24-hero-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/install-cyberpanel-on-ubuntu-24-hero.webp");
  background-size: cover;
  background-position: bottom;
}

.g-clickhouse-hero-section{
      background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/clickhouse-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-llm-serving-NVLink-truth-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/llm-serving-NVLink-truth-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-kubernetes-talos-linux-setup-hero-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/kubernetes-talos-linux-setup-hero.webp");
  background-size: cover;
  background-position: top;
}
.g-cilium-clustermesh-talos-linux-setup-hero-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/cilium-clustermesh-talos-linux-setup-hero.webp");
  background-size: cover;
  background-position: center;
}

.g-iptv-engineering-hero-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/iptv-engineering-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}


.g-linux-oom-killer-tutorial-section , .g-post-quantum-trust-tutorial-section , .g-install-cyberpanel-on-ubuntu-24-hero-section , .g-migrate-mysql-to-clickhouse-hero-section, .g-install-grafana-loki-hero-section > .g-rounded-home-banner-layout > .g-rounded-home-banner-content{
      padding: 56px 60px 56px 60px !important;
}
.g-zombie-vram-tutorial-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/zombie-vram-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-secure-bare-metal-ai-tutorial-section{
 background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/secure-bare-metal-ai-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-deploy-openclaw-tutorial-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/deploy-openclaw-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-nvidia-ace-setup-solution{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nvidia-ace-setup-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-nvidia-container-tool-kit-tutorial-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nvidia-container-tool-kit-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-run-your-own-Perplexity-setup-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/run-your-own-Perplexity-setup-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-minio-setup-tutorial-section{
   background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/minio-setup-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-coolify-v4-vs-vercel-killer-section{
    background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/coolify-v4-vs-vercel-killer-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-nginx-proxy-manager-tutorial-section{
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nginx-proxy-manager-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-installation-vmware-esxi-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/servermo-vmware-esxi-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-hyper-v-installation-guide-hero-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/hyper-v-installation-guide-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-root-pass-and-login-disable-hero-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/install-wowza-on-server-hero-banner.webp");
  background-size: cover;
  background-position: center;
}
.g-nodejs-pm2-and-nginx-tutorial-section{
      background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nodejs-pm2-and-nginx-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-jellyfin-setup-tutorial-section{
     background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/jellyfin-setup-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-post-crowdsec-installation-tutorial-section{
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/nodejs-pm2-and-nginx-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-unreal-engine-5-tutorial-section{
      background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/unreal-engine-5-installation-tutorial-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-install-wowza-install-on-server-hero-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/install-wowza-install-on-server-hero-banner.webp");
  background-size: cover;
  background-position: center;
}
.g-post-almalinux-cpanel-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/almalinux-cpanel-install.webp");
  background-size: cover;
  background-position: center;
}
.g-post-cloudlinux-cpanel-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/cloude-linux-cpanel-requirements.webp");
  background-size: cover;
  background-position: center;
}
.g-post-rocky-cpanel-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/rockylinux-cpanel-installation-requirements.png");
  background-size: cover;
  background-position: center;
}
.g-post-ubuntu-cpanel-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/ubuntu-cpanel-post-instalation-requirements.jpg");
  background-size: cover;
  background-position: center;
}
.g-valheim-tutorial-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/valheim-hero-wallpaper.webp");
  background-size: cover;
  background-position: top;
}
.g-cpanel-firewall-setup-v120-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/cpanel-firewall-setup-hero.webp");
  background-size: cover;
  background-position: center;
}
.g-vsftpd-setup-section {
  background-image: linear-gradient(
      19deg,
      rgba(0, 0, 0, 0.99),
      rgba(0, 0, 0, 0)
    ),
    url("/images/wallpaper/setup-vsftpd-servermo.webp");
  background-size: cover;
  background-position: center;
}
.g-rounded-home-banner-content-palworld {
  backdrop-filter: blur(4px) brightness(1) !important;
}
.g-rounded-home-banner-content-normal {
  backdrop-filter: blur(4px) brightness(1) !important;
}
.g-howto-aside::-webkit-scrollbar {
  width: 4px;
}
.g-howto-aside::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.g-howto-aside::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}
.g-howto-aside::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.g-rounded-home-banner-content-img {
  width: 350px !important;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img-550{
 width: 550px;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img-500{
 width: 500px;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img-450{
 width: 450px;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img-400{
 width: 400px;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img-80{
   width: 80px !important;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img-200{
 width: 200px;
  margin-bottom: 20px;
}

.g-rounded-home-banner-content-img-100{
 width: 100px;
  margin-bottom: 20px;
}

.g-rounded-home-banner-content-img-300{
 width: 300px;
  margin-bottom: 20px;
}

.g-rounded-home-banner-content-img-350{
 width: 350px;
  margin-bottom: 20px;
}

.g-rounded-home-banner-content-img-250{
 width: 250px;
  margin-bottom: 20px;
}

.g-rounded-home-banner-content-img-150{
 width: 150px;
  margin-bottom: 20px;
}
.g-rounded-home-banner-content-img{
   width: 80px;
  margin-bottom: 20px;
}
.g-tutorial-contents-section > p {
  font-weight: 400 !important;
}
.g-tutorial-contents-main-container {
  padding: 40px 55px;
  max-width: 1600px;
  margin: auto;
}
.g-tutorial-contents {
  font-family: "Poppins" !important;
  padding: 10px 0;
}
.g-tutorial-table-data-row {
  border: 1px solid !important;
}

@media screen and (max-width:990px)
{
  .g-tutorial-contents-main-container {
  padding: 40px 30px;
  max-width: 1600px;
  margin: auto;
}
}
@media screen and (max-width: 850px) {
  .g-tutorial-table-data-row {
    display: flex;
    flex-direction: column;
  }
  .g-tutorial-table-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .g-tutorial-table-data-row > th {
    color: #fff !important;
    background-color: #222 !important;
  }
}
.g-text-align-left {
  text-align: left !important;
}
.g-text-align-right {
  text-align: right !important;
}
.g-border-black-1 {
  border: 1px solid #000 !important;
}
.g-tutorial-contents-inline-links {
  color: #c12107 !important;
  font-weight: 600 !important;
}
.g-tutorial-contents-points-flex-230 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 30px;
  padding: 40px 0;
}
.g-tutorial-contents-points-small {
  padding: 15px;
  border: 1px solid #ccc;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 15px;
  align-items: center;
}
.g-tutorial-contents-points-number {
  background-color: #c12104;
  color: #ffff !important;
  font-weight: 600 !important;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.g-tutorial-contents-bold {
  display: inline-block;
  padding: 10px 0;
}
.g-tutorial-contents-points-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  padding-top: 30px;
}
.g-tutorial-contents-points-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding-top: 30px;
}
.g-light-speed-performance-content-title-h4 {
  font-size: 25px !important;
  font-family: poppins !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.g-tutorial-table-data-img {
  object-fit: contain;
  height: 100px;
}
.g-width-140 {
  width: 140px !important;
}
.g-rounded-home-banner-content-cs-2-img {
  filter: invert(1) brightness(100) sepia(1);
}
.g-rounded-home-banner-content-img-white {
  filter: invert(1) brightness(100);
}
.g-border-black-1 > b {
  word-break: break-all !important;
}
.g-word-break {
  word-break: break-all !important;
}
.g-continental-btns-tutorials {
  background-color: #c12107;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 10px 20px;
  border-radius: 30px;
  text-align: center;
}
.g-grid-200px {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.g-modal-wrapping {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  padding: 15px;
  top: 0;
  z-index: 9999;
  display: none;
}
.g-sales-modal-container {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  background-image: linear-gradient(
      207deg,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.7)
    ),
    url("/images/wallpaper/yellow-shaped-wallpaper.jpg");
  backdrop-filter: blur(2px);
  color: #fff !important;
  background-size: cover;
  background-position: left;
  border: 2px solid #fff;
}
.g-sales-modal-body {
  display: flex;
  gap: 50px;
  justify-content: center;
  align-items: center;
}
.g-sales-modal-body-content-content {
  margin: 0 !important;
  font-family: "Poppins" !important;
  font-weight: 600;
}
.g-sales-modal-body-content-title {
  font-family: "Poppins" !important;
  font-weight: 600 !important;
}
.g-sales-modal-body-content-title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.g-sales-modal-body-content-title-img {
  width: 150px;
}
.g-sales-modal-footer-btn-red {
  background-color: #c12107;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: "Poppins" !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}
.g-sales-modal-footer-btn-black {
  background-color: #000;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: "Poppins" !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}
.g-sales-modal-footer-btn-white {
  background-color: #fff;
  font-weight: 600 !important;
  color: #000 !important;
  font-family: "Poppins" !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}
.g-sales-modal-footer {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: center;
}
.g-modal-closing {
  font-size: 23px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.g-modal-closing:hover {
  transform: rotate(-90deg);
  transition: 0.3s ease-in-out;
}
.g-sales-modal-header {
  display: flex;
  justify-content: end;
}
.g-sales-modal-body-image {
  width: 390px;
}
.g-sales-modal-body-image-div {
  margin-bottom: -127px;
}
@media screen and (max-width: 1040px) {
  .g-sales-modal-body {
    flex-direction: column;
  }
  .g-sales-modal-body-image-div {
    display: none;
  }
  .g-sales-modal-body-content-title {
    justify-content: center !important;
    flex-direction: column;
  }
  .g-sales-modal-footer {
    justify-content: center !important;
  }
  .g-modal-points-div {
    display: none;
  }
  .g-sales-modal-body-content-content {
    text-align: center;
  }
}
.g-ribbon-img {
  width: 150px;
}
@media screen and (max-width: 750px) {
  .g-ribbon-img {
    display: none;
  }
  .g-sales-modal-body-content-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ribbon-left {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 481px) {
  .ribbon {
    font-size: 22px !important;
  }
}
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  display: flex;
  gap: 8px;
  font-family: poppins !important;
}
.ribbon {
  --r: 0.8em;
  border-block: 0.5em solid #0000;
  padding-inline: 0.5em calc(var(--r) + 0.25em);
  line-height: 1.8;
  clip-path: polygon(
    100% 0,
    0 0,
    0 100%,
    100% 100%,
    calc(100% - var(--r)) calc(100% - 0.25em),
    100% 50%,
    calc(100% - var(--r)) 0.25em
  );
  background: radial-gradient(0.2em 50% at left, #000a, #0000) border-box,
    #6e8cff padding-box;
  width: fit-content;
}
.ribbon-left {
  margin-left: 50px;
}
.g-ribbon {
  font-size: 28px;
  font-weight: bold;
  font-family: poppins !important;
  color: #fff;
  text-align: center;
}
.g-ribbon {
  --s: 1.8em;
  --d: 0.8em;
  --c: 0.8em;
  padding: var(--d) calc(var(--s) + 0.5em) 0;
  line-height: 1.8;
  background: conic-gradient(
        from 45deg at left var(--s) top var(--d),
        #0008 12.5%,
        #0000 0 37.5%,
        #0004 0
      )
      0 /50% 100% no-repeat,
    conic-gradient(
        from -45deg at right var(--s) top var(--d),
        #0004 62.5%,
        #0000 0 87.5%,
        #0008 0
      )
      100%/50% 100% no-repeat;
  clip-path: polygon(
    0 0,
    calc(var(--s) + var(--d)) 0,
    calc(var(--s) + var(--d)) var(--d),
    calc(100% - var(--s) - var(--d)) var(--d),
    calc(100% - var(--s) - var(--d)) 0,
    100% 0,
    calc(100% - var(--c)) calc(50% - var(--d) / 2),
    100% calc(100% - var(--d)),
    calc(100% - var(--s)) calc(100% - var(--d)),
    calc(100% - var(--s)) 100%,
    var(--s) 100%,
    var(--s) calc(100% - var(--d)),
    0 calc(100% - var(--d)),
    var(--c) calc(50% - var(--d) / 2)
  );
  background-color: #ff005e;
  width: fit-content;
}
.example {
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 510px;
  height: 350px;
  margin: 35px auto 0 auto;
}
.example .flipdown {
  font-family: sans-serif;
  font-weight: bold;
  overflow: visible;
  height: 110px;
}
.example h1 {
  text-align: center;
  font-weight: 100;
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 10px;
}
.example p {
  text-align: center;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 35px;
}
.example .buttons {
  width: 408px;
  height: 50px;
  margin: 50px auto 0 auto;
}
.example .buttons p {
  float: left;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  padding: 0 25px 0 0;
  color: #333;
}
.example .button {
  display: inline-block;
  height: 50px;
  box-sizing: border-box;
  line-height: 46px;
  text-decoration: none;
  color: #333;
  padding: 0 20px;
  border: solid 2px #333;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
}
.example .button:hover {
  background-color: #333;
  color: #fff;
}
.example .button i {
  margin-right: 5px;
}
.flipdown.flipdown__theme-dark .rotor-group-heading:before {
  color: #fff !important;
  font-family: poppins !important;
}
@media screen and (max-width: 550px) {
  .flipdown {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    height: auto !important;
    width: auto !important;
  }
  .g-ribbon {
    font-size: 23px !important;
  }
  .ribbon {
    font-size: 18px !important;
  }
  .g-modal-outline {
    width: 100% !important;
  }
}
.g-top-labeled-main-container {
  max-width: 1600px;
  margin: auto;
  padding: 50px 15px;
}
.g-top-labeled-main-container {
  max-width: 1600px;
  margin: auto;
  padding: 50px 15px;
}
.g-image-and-text-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dfdfdf;
  padding: 10px 20px;
  gap: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.g-image-and-text-box-image {
  width: 90px;
}
.g-image-and-text-box-content {
  font-family: "Poppins" !important;
}
.g-top-labeled-layout {
  display: flex;
  justify-content: center;
  gap: 30px 50px;
  flex-wrap: wrap;
}
.g-width-300px {
  width: 300px;
}
.g-width-550px {
  width: 550px;
}
@media screen and (max-width: 939px) {
  .g-top-labeled-layout {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .g-image-and-text-flex {
    flex-direction: column;
    text-align: center;
  }
}
.g-max-width-1400 {
  max-width: 1600px !important;
  margin: auto !important;
}
.g-max-width-auto-1400 {
  max-width: 1400px !important;
  margin: auto !important;
}
.g-img-big-cards-main-container {
  max-width: 1600px;
  margin: auto;
  padding: 50px 15px;
}
.g-img-big-cards-layouts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .g-img-big-cards-layouts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .g-img-big-cards-layouts {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-img-big-card-title {
  font-family: "Poppins" !important;
  font-size: 25px !important;
  font-weight: 500 !important;
}
.g-img-big-card-para {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
.g-img-big-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.g-img-big-card-content-div {
  grid-column: span 6;
}
.g-img-big-card-content-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-product-table-caption {
  background-color: #c12107;
  font-family: "Poppins" !important;
  color: #fff;
  padding: 15px 0;
  font-size: 18px;
}
.g-product-table-caption-icon {
  width: 35px;
  filter: invert(1);
  margin-right: 20px;
}
@media screen and (max-width: 900px) {
  .g-product-table-caption {
    margin-bottom: 40px;
    border-radius: 8px;
  }
}
.g-gpu-servers-products-location-group-main-title {
  font-size: 16px !important;
  font-family: "Poppins" !important;
  color: #fff !important;
  padding-left: 30px;
  background-color: #1d2842;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  cursor: pointer;
  transition: ease-in-out 0.3s;
}
.g-gpu-servers-products-location-group-main-title:hover {
  background-color: #384972;
  transition: ease-in-out 0.3s;
}
.g-gpu-servers-products-location-group-main-title::before {
  content: "\f5fd";
  font-family: "FontAwesome" !important;
  margin-right: 20px;
}
.g-gpu-servers-products-location-group {
  display: flex;
  flex-direction: column;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  padding: 0 0;
  color: #fff !important;
}
.g-gpu-servers-products-location-main-div {
  background-color: #0b1224;
  grid-column: span 2;
  height: 530px;
  overflow: auto;
}
.g-gpu-servers-products-location-main-div::-webkit-scrollbar {
  width: 10px;
  border: 1px solid #000;
}
.g-gpu-servers-products-location-main-div::-webkit-scrollbar-thumb {
  background: #000;
}
.g-gpu-servers-products-location-main-div::-webkit-scrollbar-thumb:hover {
  background: #a10d05;
}
.g-gpu-servers-products-location-main-div::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.g-gpu-servers-products-tbl-main-div::-webkit-scrollbar {
  width: 10px;
  border: 1px solid #000;
}
.g-gpu-servers-products-tbl-main-div::-webkit-scrollbar-thumb {
  background: #000;
}
.g-gpu-servers-products-tbl-main-div::-webkit-scrollbar-thumb:hover {
  background: #a10d05;
}
.g-gpu-servers-products-tbl-main-div::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.g-gpu-servers-products-tbl > caption {
  position: sticky;
  top: 0;
  padding: 12px 10px !important;
}
.g-gpu-servers-products-tbl
  > .g-new-product-pricing-table-tbody
  > .g-gpu-tbl-each-row
  > .g-new-product-pricing-table-data:first-child {
  background-color: #0b1224 !important;
}
.g-gpu-servers-products-location-btn {
  padding: 15px 30px;
  font-size: 14px;
  text-align: justify;
  transition: 0.3s ease-in-out;
}
.g-gpu-servers-products-location-btn:hover {
  background-color: #223464;
  transition: 0.3s ease-in-out;
}
.g-gpu-servers-products-section {
  background-color: #0b1224;
}
.g-gpu-servers-products-location-btn::before {
  content: "\f0da";
  font-family: "FontAwesome" !important;
  margin-right: 20px;
}
.g-gpu-servers-products-location-group-main {
  border-bottom: 2px solid #000;
}
.g-gpu-servers-products-layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.g-gpu-servers-products-tbl-main-div {
  grid-column: span 10;
  font-family: "Poppins" !important;
  height: 530px !important;
  overflow: auto;
}
.g-gpu-servers-products-tbl-main-div-full-height {
  height: 100% !important;
}
.g-gpu-servers-products-location-main-div-full-height {
  height: 100% !important;
  background-color: #000352 !important;
}
.g-gpu-servers-products-tbl-caption {
  background-color: #c12107;
  color: #fff;
}
.g-gpu-servers-products-tbl {
  background-color: #0b1224;
  color: #fff !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}
.g-gpu-servers-products-tbl-data-row {
  border-bottom: 1px solid #343434;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.g-gpu-servers-products-tbl-data-row:hover {
  background-color: #162344;
  transition: 0.3s ease-in-out;
}
.g-gpu-servers-products-tbl-thead {
  background-color: #000 !important;
  color: #fff !important;
}
.g-gpu-servers-products-tbl-data {
  padding: 20px 10px;
}
.g-gpu-servers-products-tbl-action-btn {
  background-color: #00a542;
  color: #fff !important;
  padding: 6px 25px;
  font-weight: 600;
  border-radius: 30px;
  transition: 0.3s ease-in-out;
}
.g-gpu-servers-products-tbl-action-btn:hover {
  background-color: #00cd52;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1400px) {
  .g-gpu-servers-products-location-group-main-title,
  .g-gpu-servers-products-location-btn {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1200px) {
  .g-gpu-servers-products-layout {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .g-gpu-servers-products-main-div {
    padding: 30px 15px;
  }
  .g-gpu-servers-products-tbl-action-btn {
    width: 100%;
    display: block;
    padding: 9px 25px;
  }
}
@media screen and (max-width: 992px) {
  .g-gpu-servers-products-tbl-thead-row {
    display: none;
  }
  .g-gpu-servers-products-tbl-data {
    width: 100%;
    text-align: center;
    height: 100%;
  }
  .g-gpu-servers-products-tbl-data-row {
    display: flex;
    flex-direction: column;
    background-color: #1c2d56;
    align-items: center;
    flex: 1 300px;
  }
  .g-gpu-servers-products-tbl-data:nth-child(1) {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
    background-color: #325099;
  }
  .g-gpu-servers-products-tbl-body {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}
.g-gaming-wallpaper-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("/images/wallpaper/all-games-hero-og.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.g-backdrop-filter {
  backdrop-filter: blur(6px);
  padding: 50px 15px;
}
.g-tbl-search-container {
  display: flex;
  justify-content: end;
  max-width: 1600px;
  margin: 50px auto -25px auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.g-tbl-search-box {
  border: 1px solid #ccc;
  padding: 6px 24px 6px 40px !important;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
  outline: none !important;
  width: auto !important;
  font-size: 16px !important;
  margin: 0 !important;
}
.g-tbl-search-box::placeholder {
  color: #ccc !important;
}
@media screen and (max-width: 900px) {
  .g-tbl-search-container {
    justify-content: center;
  }
}
.g-main-blogs-main-container {
  max-width: 1600px;
  margin: auto;
  padding: 80px 15px;
}
.g-main-blogs-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
  margin-top: 40px;
}
.g-main-blogs-card-img {
  width: 650px;
  height: 250px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid #ccc;
}
.g-main-blogs-card {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  padding: 20px;
  border: 1px solid #ebebeb;
  border-radius: 24px;
  background-color: #f7f7f7;
  transition: 0.3s ease-in-out;
}
.g-main-blogs-card:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  transform: translatey(-8px);
  transition: 0.3s ease-in-out;
  border-color: #ccc;
}
.g-main-blogs-card-content-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-main-blogs-card-time {
  display: flex;
  align-items: baseline;
  gap: 12px;
  color: #494949;
  font-weight: 400 !important;
  font-family: "Poppins" !important;
}
.g-main-blogs-card-title {
  font-family: "Poppins" !important;
  text-transform: capitalize !important;
  font-weight: 600 !important;
  font-size: 20px !important;
}
.g-main-blogs-card-desc {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
.g-main-blogs-card-footer {
  display: flex;
  gap: 20px;
  align-items: center;
}
.g-main-blogs-card-link {
  background-color: #c12107;
  color: #fff !important;
  padding: 3px 8px;
  font-weight: 500 !important;
  font-family: "Poppins" !important;
  border-radius: 15px;
  transition: 0.3s ease-in-out;
}
.g-main-blogs-card-link:hover {
  background-color: #000;
  transition: 0.3s ease-in-out;
}
.g-main-blogs-main-title {
  font-family: "Poppins" !important;
  filter: drop-shadow(0 0 0 black) !important;
  font-size: 30px !important;
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 5px solid #c12107;
  padding-bottom: 20px;
}
.g-main-blogs-main-title-img {
  width: 45px;
}
@media screen and (max-width: 1420px) {
  .g-main-blogs-card {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-main-blogs-card-img {
    width: 100%;
  }
  .g-main-blogs-card-content-div {
    align-items: center;
    text-align: center;
  }
  .g-main-blogs-card-footer {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 800px) {
  .g-main-blogs-layout {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-main-blogs-main-categories-main-container {
  max-width: 1600px;
  margin: auto;
  padding: 80px 15px 0 15px;
}
.g-main-blogs-main-categories-img {
  width: 30px;
}
.g-main-blogs-main-categories {
  background-color: #f1f1f1;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  font-family: "Poppins" !important;
  box-shadow: rgba(127, 143, 190, 1) 6px 9px 0;
  font-weight: 600 !important;
  gap: 20px;
  padding: 5px 20px;
  transition: 0.3s ease-in-out;
}
.g-main-blogs-main-categories:hover {
  cursor: pointer;
  transition: 0.3s ease-in-out;
  box-shadow: rgba(127, 143, 190, 1) 0 7px 29px 0;
}
.g-main-blogs-main-categories-main-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-top: 40px;
}
.g-main-blogs-landingpage-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  align-items: center;
}
.g-main-blogs-landingpage-section {
  background-image: linear-gradient(
      170deg,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7)
    ),
    url("/images/wallpaper/data-center-hallway.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
}
.g-main-blogs-landingpage-container {
  margin: auto;
  max-width: 1600px;
}
.g-main-blogs-landingpage-category-section {
  width: 100%;
  background-color: #001526;
  position: sticky;
  top: 86px;
  z-index: 2;
}
@media screen and (max-width: 1777px) {
  .g-main-blogs-landingpage-category-section {
    top: 110px;
  }
}
@media screen and (max-width: 1024px) {
  .g-main-blogs-landingpage-category-section {
    top: 100px;
  }
}
.g-main-blogs-landingpage-categories {
  background-color: #001526;
  color: #fff;
  font-weight: 600;
  padding: 6px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  justify-content: center;
  font-size: 12px;
  font-family: poppins;
  width: 260px;
  transition: 0.3s ease;
  border-left: 1px solid #2e2e2e;
  border-right: 1px solid #2e2e2e;
}
.g-main-blogs-landingpage-date-div {
  width: 100%;
  text-align: end;
  padding-left: 30px;
}
.g-main-blogs-landingpage-category-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-main-blogs-landingpage-categories:hover {
  background-color: #9f1600;
  transition: 0.3s ease;
}
.g-main-blogs-landingpage-category-layout {
  display: -webkit-box;
  width: auto !important;
  overflow: auto;
}
.g-main-blogs-landingpage-para {
  font-family: poppins !important;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}
.g-main-blogs-landingpage-title {
  margin: 0 !important;
  padding: 0;
  max-width: fit-content;
  text-align: center;
  filter: drop-shadow(0 0 0 black) !important;
  font-family: poppins !important;
  color: #fff;
}
@media screen and (max-width: 600px) {
  .g-main-blogs-main-title {
    font-size: 25px !important;
  }
  .g-main-blogs-main-title-img {
    width: 38px;
  }
}
@media screen and (max-width: 500px) {
  .g-main-blogs-main-title {
    font-size: 18px !important;
  }
  .g-main-blogs-main-title-img {
    width: 38px;
  }
}
.g-blogs-content-main-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("/images/wallpaper/choose-best-server-hero-wallpaper.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .g-blog-article-main-copy {
    padding: 2rem 3rem 2rem 3rem !important;
  }
  .g-blogs-content-main-section {
    height: 350px;
  }
}
@media screen and (max-width: 950px) {
  .g-blogs-content-main-section {
    height: 450px;
  }
}
@media screen and (max-width: 600px) {
  .g-blogs-content-main-section {
    height: 100% !important;
  }
}
.g-blogs-content-main-section-main-title {
  filter: drop-shadow(0 0 0 black) !important;
  font-family: "Poppins" !important;
  color: #fff !important;
}
.g-blogs-content-main-container {
  max-width: 1600px;
  margin: auto;
}
.g-blogs-social-share-links {
  height: 45px;
  border-radius: 50%;
  width: 45px;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #fff !important;
  transition: 0.3s ease-in-out;
}
.g-blogs-social-share-links:hover {
  transform: translatey(-5px);
  transition: 0.3s ease-in-out;
}
.g-blogs-social-share-links-facebook {
  background-color: #1877f2;
}
.g-blogs-social-share-links-x {
  background-color: #000;
}
.g-blogs-social-share-links-reddit {
  background-color: #ff4500;
}
.g-blogs-social-share-links-inkedin {
  background-color: #0077b5;
}
.g-blogs-social-share-links-quora {
  background-color: #a82400;
}
.g-blogs-social-share-links-main-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  flex-wrap: wrap;
}
#ResultNone {
  display: none;
  padding: 10px 20px;
  background-color: #d4d7ff;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  border-left: 7px solid #000000;
  border-radius: 3px;
}
.g-blog-via-contact-form-elements-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.g-blog-via-contact-form-elements-input {
  width: 100%;
  padding: 10px 20px;
  font-family: "Poppins" !important;
  border: 1px solid #ccc;
  border-radius: 10px;
  outline: none;
  font-weight: 500;
}
.g-blog-via-contact-form-elements-input::placeholder {
  color: #ccc !important;
  font-weight: 600;
}
.g-blog-via-contact-form-elements-label {
  font-family: "Poppins" !important;
  font-weight: 600;
  padding: 14px 2px;
}
.g-blog-via-contact-form-elements-layout {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.g-blog-via-contact-form-section {
  margin-top: 70px;
}
.g-background-light-violet {
  background-color: #f7f8ff;
}
@media screen and (max-width: 640px) {
  .g-blog-via-contact-form-elements-body {
    grid-template-columns: repeat(1, 1fr);
  }
  .g-blog-via-contact-form-elements-label {
    padding-top: 0;
  }
}
.g-blog-via-contact-form-elements-textarea {
  padding-top: 30px;
  resize: none;
}
.g-top-mar-50 {
  margin-top: 50px !important;
}
.g-border-bottom {
  border-bottom: 1px solid #000;
}
.g-blog-article-main-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  font-family: "Poppins" !important;
  gap: 0;
}
.g-max-width-remove {
  max-width: none !important;
}
.g-blog-article-sidebar {
  grid-column: span 3;
  padding: 0 15px 20px 15px;
  background-color: #f4f1ff;
}
.g-blog-article-content-part {
  grid-column: span 9;
  border: 1px solid #ccc;
}
.g-blog-extracted-card-main-container {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 90vh;
  position: sticky;
  top: 80px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
  scroll-behavior: smooth;
}
.g-blog-extracted-card-main-container::-webkit-scrollbar {
  width: 8px;
}
.g-blog-extracted-card-main-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.g-blog-extracted-card-main-container::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px;
}
.g-blog-extracted-card-main-container::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.g-blog-extracted-card-main-title {
  font-size: 25px !important;
  font-weight: 600 !important;
  font-family: "Poppins" !important;
  text-align: center;
  color: #000000;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.g-blog-extracted-card-main-title-img {
  width: 40px;
}
.g-tutorial-contents > p,
.g-border-black-1 {
  font-weight: 400 !important;
}
.g-blog-extracted-card-image {
  border: 1px solid #ccc;
  height: 200px;
  width: 100%;
  object-fit: cover;
}
.g-blog-extracted-card-title {
  font-family: "Poppins" !important;
  text-transform: capitalize !important;
  font-weight: 600 !important;
  font-size: 19px !important;
  margin-top: 15px;
  text-align: center;
}
.g-blog-extracted-card-desc {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
  text-align: center;
}
.g-blog-extracted-card-footer {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: column-reverse;
}
.g-blog-extracted-card-link {
  background-color: #c12107;
  color: #fff !important;
  padding: 5px 10px;
  font-weight: 500 !important;
  font-family: "Poppins" !important;
  border-radius: 20px;
}
.g-blog-extracted-card {
  padding: 20px 25px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  display: none;
}
#curDateTime {
  color: #fff;
  font-family: poppins;
  font-weight: 600;
  margin-right: 30px;
}
.pagination-controls {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  padding-bottom: 50px;
  font-family: "poppins" !important;
  font-weight: 500;
}
.pagination-controls button {
  padding: 8px 12px;
  color: #fff;
  border: none;
  cursor: pointer;
  font-family: "poppins" !important;
  background-color: #222;
  font-weight: 600;
}
.pagination-controls button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
@media screen and (max-width: 1150px) {
  .g-blog-article-content-part {
    grid-column: span 8;
  }
  .g-blog-article-sidebar {
    grid-column: span 4;
  }
}
@media screen and (max-width: 992px) {
  .g-blog-article-content-part {
    grid-column: span 12;
  }
  .g-blog-article-sidebar {
    max-height: 100% !important;
    position: static !important;
    overflow: auto;
  }
  .g-blog-extracted-card-image {
    height: auto !important;
    width: 100% !important;
  }
  .g-blog-article-sidebar {
    grid-column: span 12;
  }
}
.g-blog-banner-navigator {
  color: #c12107 !important;
  font-family: "Poppins" !important;
  font-weight: 500;
  text-align: center;
  font-size: 18px;
}
.g-blog-article-main-copy {
  backdrop-filter: blur(0) brightness(1) !important;
  margin-left: 0 !important;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.g-blogs-main-image {
  border: 1px solid #ccc;
  border-radius: 10px;
  width: 800px;
}
.g-blogs-main-image-flex {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.g-tutorial-contents > ul > li {
  font-weight: 400 !important;
}
.g-tutorial-contents > ol > li {
  font-weight: 400 !important;
}
@media screen and (max-width: 992px) {
  .g-main-blogs-table--thead {
    display: none;
  }
  .g-main-blogs-table--body {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
  }
  .g-main-blogs-table--row {
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    font-weight: 400;
    flex-basis: 200px;
    flex-grow: 1;
  }
  .g-main-blogs-table-body--data-tdp::before {
    content: attr(product-tdp) ":";
    font-weight: 600;
  }
  .g-main-blogs-table-body--data-cache::before {
    content: attr(product-cache) ":";
    font-weight: 600;
  }
  .g-main-blogs-table-body--data-boost::before {
    content: attr(product-boostClock) ":";
    font-weight: 600;
  }
  .g-main-blogs-table-body--data-base::before {
    content: attr(product-baseClock) ":";
    font-weight: 600;
  }
  .g-main-blogs-table-body--data-cores::before {
    content: attr(product-cores) ":";
    font-weight: 600;
  }
  .g-main-blogs-table-body--data-product::before {
    content: attr(product-model) ":";
    font-weight: 600;
  }
}
.g-blogs-h5-title {
  font-family: "poppins" !important;
  margin-top: 25px !important;
}
.g-code-panel-body {
  background-color: #222;
  color: #fff !important;
  font-weight: 400 !important;
  word-wrap: break-word;
  font-family: monospace !important;
  padding: 20px;
}
.g-code-panel-header {
  background-color: #ebebeb;
  padding: 15px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  display: flex;
  gap: 10px;
  justify-content: end;
  position: relative;
}
.g-code-panel-header::before {
  position: absolute;
  content: ">_";
  left: 30px;
  font-weight: 600;
  font-size: 18px;
}
.g-code-panel {
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.g-code-panel-header-controller {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  cursor: pointer;
}
.g-code-panel-header-controller:nth-child(1) {
  background-color: #ff6249;
}
.g-code-panel-header-controller:nth-child(2) {
  background-color: #ff9c47;
}
.g-code-panel-header-controller:nth-child(3) {
  background-color: #3dc107;
}
.specialbody {
  position: relative !important;
}
#gblogprogressbar {
  padding-top: 4.5px;
  background-color: rgb(193, 33, 7);
  position: fixed;
  top: 0;
  z-index: 9999;
}
.g-default-blog-table {
  width: 100% !important;
  table-layout: fixed !important;
}
.g-default-blog-table > thead > tr > th {
  font-size: 15px !important;
  font-weight: 500 !important;
}
@media screen and (max-width: 1200px) {
  .g-default-blog-table > thead > tr > th {
    font-size: 10px !important;
    font-weight: 400 !important;
  }
  .g-default-blog-table > tbody > tr > td {
    font-size: 10px !important;
    font-weight: 400 !important;
  }
}
.g-card-section-filler-div {
  display: flex;
  align-items: center;
  text-align: center;
}
.g-bg-white {
  background-color: #fff !important;
}
.g-important-box {
  background-color: #fff0db;
  font-weight: 400 !important;
  padding: 30px 30px 10px 30px;
  border-radius: 5px;
}
.g-blog-h5-title {
  font-family: poppins !important;
}
.city-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--white-color);
  height: fit-content;
  font-family: poppins !important;
}
.city-pricing-section {
  padding: 40px 20px;
  max-width: 1500px;
  width: 100%;
  margin: 50px auto 0 auto;
}
.city-pricing-heading {
  color: #00205b !important;
  text-align: center;
  margin-bottom: 20px;
  font-size: 35px !important;
  font-weight: 700 !important;
  font-family: poppins !important;
}
.button-container {
  text-align: center;
  margin-bottom: 20px;
}
.pricing-button {
  background-color: #c12107;
  color: #fff;
  border: 1px solid #000;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin: 5px 10px;
  border-radius: 5px;
  transition: ease-in-out 0.3s;
}
.pricing-button:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.city-pricing-table-container {
  margin: 40px;
}
.city-pricing-table-container h4 {
  color: var(--primary-color);
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 700;
}
.city-pricing-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.city-pricing-table th,
.city-pricing-table td {
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
  min-width: 120px;
}
.city-pricing-table thead {
  background-color: #c12107;
  color: #fff;
}
.city-pricing-table tbody tr:nth-child(even) {
  background-color: #ccc !important;
  min-height: 75px;
}
.city-pricing-table tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
  min-height: 75px;
}
.buy-button {
  color: #fff !important;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.3s;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background-color: #0065d5 !important;
}
@media screen and (max-width: 1100px) {
  .buy-button {
    margin-top: 20px !important;
  }
}
.buy-button:hover {
  background-color: #000;
}
.disabled-card-container {
  text-align: center;
}
.city-pricing-card-container {
  display: none;
}
.mobile-head {
  display: none;
}
.processor-name {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
}
.processor-options {
  margin-top: 0;
  font-size: 14px;
}
@media screen and (max-width: 1100px) {
  .city-pricing-table-container {
    display: none;
  }
  .city-pricing-card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    margin: 20px 0;
  }
  .city-pricing-card {
    padding: 20px;
    border-radius: 5px;
    width: 500px;
    margin: 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .pricing-section {
    gap: 20px;
  }
  .mobile-head {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
  }
}
.city-pricing-card {
  display: flex;
  flex-direction: column;
}
.city-pricing-card h4 {
  color: white;
  background: var(--primary-color);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
}
.city-pricing-card .buy-button {
  text-align: center;
}
.city-pricing-card p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.city-pricing-card p span {
  font-weight: 700;
  font-size: 16px !important;
  color: black !important;
}
.server-monthly-price {
  font-size: 45px;
  font-weight: 700;
  color: var(--black-color);
  margin-top: -15px;
  margin-bottom: 0;
}
@media screen and (max-width: 550px) {
  .city-pricing-card {
    width: 90%;
    min-width: 300px;
  }
}
.city-pricing-table-title {
  color: #c12107 !important;
  font-size: 30px !important;
  font-family: "Poppins" !important;
}
.city-pricing-card > h4 {
  color: #c12107 !important;
  font-size: 20px !important;
  text-align: center !important;
  font-family: "Poppins" !important;
}
.server-monthly-price {
  margin-top: 0 !important;
}
#new > .city-pricing-table > tbody > tr > td:nth-child(5),
#gpu > .city-pricing-table > tbody > tr > td:nth-child(6) {
  color: #028900 !important;
  font-weight: 600;
}
:root {
  --table-heading-primary-bgcolor: #000 !important;
  --mobile-table-thead-primary-color: #c12017 !important;
  --table-section-main-title-color: #00205b !important;
  --table-sections-main-font-family: poppins !important;
  --table-thead-primary-color: #fff !important;
  --table-custom-border: 1px solid #d7d7d7;
  --table-buy-button-bgcolor: #4c83ff;
  --table-buy-button-color: #fff;
  --table-caption-bgcolor: #c12107;
  --table-caption-color: #fff;
  --mobile-view-product-name: dashed 1px #222 !important;
  --mobile-view-card-border: solid 1px #ebebeb !important;
  --redirect-btn-bgcolor: #3083ff !important;
  --redirect-btn-color: #fff !important;
}
.g-new-product-pricing-table-container {
  font-family: var(--table-sections-main-font-family);
  margin-bottom: 50px !important;
}
.g-new-product-pricing-table-container > p {
  text-align: left !important;
}
.g-new-product-pricing-table {
  border: var(--table-custom-border);
}
.g-new-product-pricing-table-thead {
  background-color: var(--table-heading-primary-bgcolor);
  color: var(--table-thead-primary-color);
  border: var(--table-custom-border);
}
.adinl-strg {
  font-weight: 200;
}
.refcode {
  font-size: 14px;
}
.g-new-product-pricing-table-thead:not(:first-child) {
  text-align: center !important;
}
.g-new-product-pricing-table-data:not(:first-child) {
  text-align: center !important;
}
.g-gpu-tbl-each-row > .g-new-product-pricing-table-data:first-child {
  background-color: #f3f3f3;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.g-gpu-tbl-each-row > .g-new-product-pricing-table-data > a {
  background-color: #157fec !important;
}
.g-gaming-tbl-each-row > .g-new-product-pricing-table-data:first-child {
  background-color: #8200f90d;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.g-standard-tbl-each-row > .g-new-product-pricing-table-data:first-child {
  background-color: #ffe7e7;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.g-storage-tbl-each-row > .g-new-product-pricing-table-data:first-child {
  background-color: #f96a0014;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.g-new-product-pricing-table-data {
  border: var(--table-custom-border);
  padding: 20px 20px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.g-new-product-pricing-table-data-btn {
  background-color: #c12107;
  color: var(--table-buy-button-color);
  font-weight: 600 !important;
  padding: 15px;
  font-size: 14px;
  border-radius: 3px;
  width: 130px;
}
.g-new-product-pricing-table-caption {
  background-color: var(--table-caption-bgcolor);
  color: var(--table-caption-color);
  scroll-margin-top: 150px;
  padding: 22px 10px;
}
.g-new-product-pricing-table-data:first-child {
}
.g-new-product-pricing-table-wrapper-title {
  text-align: center;
  font-size: 30px !important;
  font-family: var(--table-sections-main-font-family) !important;
  margin-bottom: 30px;
}
.g-new-product-pricing-table-wrapper {
  margin-top: 50px !important;
}

.g-redirect-table-btns-div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  align-items: center;
  justify-content: unset;
}
.g-new-product-pricing-table-tbody {
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 6px;
}
.g-new-product-pricing-table-data-span {
  font-weight: 600;
}
@media screen and (max-width: 1100px) {
  .g-new-product-pricing-table-thead {
    display: none;
  }
  .g-new-product-pricing-table-tbody-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: var(--mobile-view-card-border);
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  }
  .g-new-product-pricing-table-data {
    border: none !important;
    text-align: center;
  }
  .g-new-product-pricing-table-tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    justify-items: center;
    gap: 30px;
    margin-top: 50px;
  }
  .g-new-product-pricing-table-caption {
    border-radius: 10px;
  }
  .g-new-product-pricing-table {
    border: none !important;
  }
  .g-new-product-pricing-table-data:nth-child(1) {
    border-bottom: var(--mobile-view-product-name) !important;
    padding-bottom: 22px;
    font-size: 20px;
    color: var(--mobile-table-thead-primary-color) !important;
    font-weight: 600;
  }
  .g-new-product-pricing-table-data:nth-child(2) {
    margin-top: 25px;
  }
  .g-new-product-pricing-table-data-btn {
    width: 100%;
    padding: 15px 10px;
  }
}
@media screen and (max-width: 800px) {
  .g-new-product-pricing-table-tbody {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-font-poppins {
  font-family: poppins !important;
  font-weight: 400 !important;
}
.g-title-blog-link {
  color: #0092bc !important;
}
.g-tutorials-main-banner-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("/images/wallpaper/servermo-tutorials-wallpaper.webp");
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.g-tutorials-main-banner-title {
  filter: none !important;
  color: #fff;
  font-family: poppins !important;
  font-size: 40px !important;
  text-align: center !important;
}
.g-tutorials-main-banner-sub-content {
  color: #fff;
  font-family: poppins !important;
  font-weight: 500;
}
.g-tutorials-main-banner-content {
  text-align: center !important;
}
.g-tutorials-filtering-section {
  background-color: #222222;
}
.g-tutorials-filtering-layout {
  display: flex;
  padding: 30px;
  gap: 30px;
}
.g-tutorials-filtering-group {
  width: 100%;
}
.g-tutorials-filtering-common-input {
  margin: 0 !important;
  padding: 15px !important;
  border: 0 !important;
  border-bottom: 1px solid #f5f5f5 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  font-family: poppins !important;
  font-weight: 500;
  background-color: transparent !important;
  color: #fff !important;
  font-size: 16px !important;
}
.g-tutorials-filtering-saerch-box {
  margin-top: -16px !important;
}
.g-tutorials-filtering-saerch-box::placeholder {
  color: #fff !important;
}
.g-tutorials-filtering-select {
  padding: 0 15px !important;
}
.g-tutorials-filtering-select:not(:checked) {
  background-color: #222 !important;
  padding: 0 15px !important;
}
.g-tutorials-filtering-layout {
  max-width: 1600px;
  margin: auto;
}
.g-tutorials-main-card-section-container {
  max-width: 1600px;
  margin: auto;
}
.no-results-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #c4e1ff;
  padding: 30px 20px;
}
.reset-filters-btn {
  background-color: #ff7676;
  padding: 10px 20px;
  margin-top: 20px;
  font-weight: 500;
  color: #fff;
}
.no-results-container > p {
  margin-top: 20px !important;
  font-size: 20px !important;
  font-weight: 600;
}
.no-results-container > img {
  width: 74px;
}
.g-tutorial-main-card-footer-author-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #c12107;
  transition: 0.3s ease-in-out;
}
.g-tutorials-main-card-section-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 50px 30px;
}
.g-tutorial-main-card-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.g-tutorial-main-card-img-main {
  position: relative;
  transition: 0.3s ease-in-out;
}
.g-tutorial-main-card-img-main::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  z-index: 999;
  transition: 0.3s ease-in-out;
}
.g-tutorials-main-card-section {
  margin: 50px 20px 80px 20px;
}
.g-tutorial-main-card {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  border-top: 5px solid #c12701;
  transition: 0.3s ease-in-out;
}
.g-tutorial-main-card:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.01);
}
.g-tutorial-main-card-img-content-body {
  padding: 30px;
  color: #000 !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.g-tutorial-main-card-img-content-title {
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  padding-left: 20px;
  border-left: 3px solid #c12107;
  margin-bottom: 20px;
}
.g-tutorial-main-card-footer-datetime {
  color: #898989;
  font-size: 12px;
}
.g-tutorial-main-card-footer-author {
  font-size: 14px;
  font-weight: 400;
}
.g-tutorial-main-card-img-content-para {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
  color: #3a3a3a !important;
  margin: 0 !important;
}
.g-tutorial-main-card-category-body {
  display: flex;
  gap: 12px 10px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.g-tutorial-main-card-category {
  background-color: #00adff;
  color: #fff;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  padding: 3px 20px;
  border-radius: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.g-tutorial-main-card-footer {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Poppins" !important;
  height: 100%;
}
.g-tutorial-main-card-footer-author-img-div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.g-tutorial-main-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.3s ease-in-out;
}
.g-tutorial-main-card-footer-span {
  color: #009cd9;
}
.g-tutorials-main-card-section-title {
  margin-bottom: 50px;
}
.g-tutorials-no-result-div {
  display: block;
  background-color: #ffd5c5;
  padding: 10px 20px;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
}
@media screen and (max-width: 600px) {
  .g-tutorials-filtering-layout {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.otp-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
}
.otp-modal-content {
  background: #ffffff;
  margin: 10% auto;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  width: 90%;
  max-width: 400px;
  text-align: center;
  animation: fadeIn 0.3s ease-in-out;
}
#closeModalBtn {
  background-color: #c12107;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
  transition: background-color 0.3s ease;
}
#closeModalBtn:hover {
  background-color: #a01a06;
}
.otp-modal-content input[type="text"] {
  width: 100%;
  padding: 10px;
  margin: 15px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px !important;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}
.otp-modal-content input[type="text"]:focus {
  outline: none;
  border-color: #c12107;
  box-shadow: 0 0 5px rgba(193, 33, 7, 0.5);
}
#verifyOtpBtn {
  background-color: #c12107;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#verifyOtpBtn:hover {
  background-color: #a01a06;
}
.otp-modal-content h3 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.g-tutorial-warning-box {
  border-left: 6px solid #c12107;
}
.g-tutorial-note-box {
  border-left: 6px solid rgb(13, 100, 200) !important;
}
.g-tutorial-important-box {
  border-left: 6px solid #00af3e;
}
.g-tutorial-recommended-box {
  border-left: 6px solid #c38cff;
}
.g-tutorial-warning-box > h4::before {
  content: "\f071";
  font-family: "FontAwesome";
  margin-right: 20px;
  color: #c12107;
}
.g-tutorial-note-box > h4::before {
  content: "\f05a";
  font-family: "FontAwesome";
  margin-right: 20px;
  color: rgb(13, 100, 200) !important;
}
.g-tutorial-important-box > h4::before {
  content: "\f0a4";
  font-family: "FontAwesome";
  margin-right: 20px;
  color: #00af3e;
}
.g-tutorial-recommended-box > h4::before {
  content: "\f042";
  font-family: "FontAwesome";
  margin-right: 20px;
  color: #c38cff;
}
.g-tutorial-message-box {
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  padding: 20px 30px;
  font-family: poppins !important;
  margin: 30px 0 20px 0;
}
.g-tutorial-message-box > h4 {
  font-family: poppins !important;
  font-weight: 500;
  font-size: 20px !important;
  color: rgb(13, 100, 200) !important;
}
.g-tutorial-message-box > p {
  margin: 0 !important;
}
.g-tutorial-box-link-box-img {
  width: 120px;
}
.g-tutorial-box-link-box {
  display: flex;
  flex-direction: column;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  gap: 25px;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #c12107 !important;
  font-weight: 500;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #fff;
}
.g-tutorial-box-link-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 50px 0;
}
.g-tutorial-box-link-text::before {
  content: "\f08e";
  font-family: "FontAwesome";
  margin-right: 15px;
}
.g-img-bleech {
  filter: invert(1) grayscale(1) brightness(10);
}
.g-table-overflow {
  overflow: auto !important;
}
.g-tutorial-box-link-box-non-link {
  flex: 1 200px !important;
  padding: 20px !important;
}
.g-tutorial-contents-points-flex-wrap {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.g-flex-1 {
  flex: 1 200px;
}
.g-bitcoin-currect-price-div-header {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 30px;
}
.g-bitcoin-currect-price-img {
  width: 90px;
}
.g-bitcoin-currect-price-heading {
  margin: 0 !important;
  color: #000 !important;
  font-family: ubuntu !important;
  font-size: 30px !important;
}
.g-bitcoin-currect-price-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #fff;
  padding: 10px;
}
.g-bitcoin-currect-price {
  font-family: ubuntu !important;
  font-weight: 500;
  font-size: 20px !important;
}
.g-bitcoin-currect-cur {
  font-family: ubuntu !important;
  font-weight: 500;
  font-size: 20px !important;
}
#cryptoupdatedtime {
  font-size: 14px;
}
#valRefresh {
  /* background-color: #1ac4f7; */
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  color: #c12701;
}
.g-bitcoin-currect-price-div {
  background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  margin-bottom: 30px;
  border-radius: 30px;
  border: 1px solid #9ddfff;
}
.g-top-services-banner-grid > div > h4 {
  font-family: "Poppins" !important;
  font-size: 25px !important;
  color: #fff !important;
}
.g-top-services-banner-grid > div > p,
.g-top-services-banner > p {
  font-family: "Poppins" !important;
  font-weight: 400;
  color: #fff;
}
.g-top-services-banner-container {
  max-width: 1400px;
  margin: auto;
}
.g-top-services-banner-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 40px;
}
.g-top-services-banner-grid > div {
  flex: 1 420px;
}
.g-top-services-banner {
  padding: 30px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)),
    url("/images/wallpaper/dedicated-server-banner-hero.webp");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 80px;
  margin-bottom: 30px;
  border-radius: 20px;
}
.g-top-services-banner {
}
.g-new-discount-promotion-nav-xmax {
  background-color: #c12107;
  background-image: url("/images/promotions/xmax-banner-nav.webp");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.g-new-discount-promotion-nav-normal {
  background: rgb(255, 0, 0);
  background: -moz-linear-gradient(
    162deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(134, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    162deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(134, 0, 0, 1) 100%
  );
  background: linear-gradient(
    162deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(134, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#860000",GradientType=1);
}
.g-new-discount-promotion-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 70px;
}
@media screen and (max-width: 1200px) {
  .g-new-discount-promotion-container {
    gap: 30px !important;
  }
}
.g-new-discount-promotion-content {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-family: "Poppins" !important;
  gap: 7px;
  font-size: 13px;
}
.g-new-discount-promotion-content-title {
  font-weight: 700;
  font-size: 16px;
}
.g-new-discount-promotion-content-detail {
  font-weight: 500;
  font-size: 14px;
}
.g-new-discount-promotion-content-body {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.g-new-discount-promotion-content-img > i {
  color: #fff;
  font-size: 22px;
}
.g-new-discount-promotion-container {
  padding: 14px 20px;
}
.g-new-discount-promotion-content-link {
  background-color: #ffffff;
  padding: 10px 53px;
  border-radius: 50px;
  display: inline-block;
  color: #000 !important;
  font-weight: 600;
  text-align: center;
}
.g-mobile-view-promo-show {
  display: none;
}
@media screen and (max-width: 1200px) {
  .g-mobile-view-promo-hide {
    display: none;
  }
  .g-mobile-view-promo-hide {
    display: none;
  }
  .g-mobile-view-promo-show {
    display: flex;
  }
  .g-new-discount-promotion-container {
    display: block;
  }
  .g-new-discount-promotion-content {
    flex-direction: row;
    align-items: center;
  }
}
.bounce {
  animation: bounce 2s ease infinite;
}
@keyframes bounce {
  70% {
    transform: translateY(0%);
  }
  80% {
    transform: translateY(-15%);
  }
  90% {
    transform: translateY(0%);
  }
  95% {
    transform: translateY(-7%);
  }
  97% {
    transform: translateY(0%);
  }
  99% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 1181px) {
  .g-new-discount-promotion-container {
    gap: 70px;
  }
}
.g-x-masindex-background {
  background-image: url("");
}
@media screen and (max-width: 1586px) {
  .g-main-blogs-landingpage-category-section {
    top: 92px;
  }
}
@media screen and (max-width: 1400px) {
  .g-main-blogs-landingpage-category-section {
    top: 110px;
  }
}
@media screen and (max-width: 1199px) {
  .g-main-blogs-landingpage-category-section {
    top: 95px;
  }
}
@media screen and (max-width: 640px) {
  .g-main-blogs-landingpage-category-section {
    top: 65px;
  }
}
.g-seasonal-promotion-left-side-card-code-part-img {
  width: 130px;
}
.g-seasonal-promotion-section {
  padding: 80px 0 30px 0;
}
.g-seasonal-promotion-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.g-seasonal-promotion-left-side-card {
  grid-column: span 6;
}
.g-seasonal-promotion-center-side-card {
  grid-column: span 4;
  display: flex;
  align-items: center;
}
.g-seasonal-promotion-right-side-card {
  grid-column: span 2;
  border-radius: 8px;
}
.g-seasonal-promotion-layout {
  max-width: 1600px;
  margin: auto;
  padding: 20px;
  border: 1px solid #ccc;
}
.g-seasonal-promotion-left-side-card-code-part {
  gap: 20px;
  display: grid;
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 30px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.g-promotion-step-number {
  background-color: #007bff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  font-family: "Poppins";
  height: 40px;
  border-radius: 50%;
  width: 40px;
  border: 1px solid #000;
  flex: none;
}
.g-promotion-step-title {
  font-weight: 600;
  font-family: "Poppins";
  color: #000000;
}
.g-promotion-step-content {
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins";
  display: flex;
  align-items: center;
}
.g-promotion-step-layout {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  height: 100% !important;
}
.g-promotion-step {
  display: flex;
  gap: 15px;
}
.g-seasonal-promotion-left-side-card-code-div {
  display: flex;
  text-align: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.g-seasonal-promotion-left-side-card-code-part-price {
  font-size: 24px;
  font-family: "Poppins";
  font-weight: 600;
  color: #c12107;
  text-align: center;
}
.g-seasonal-promotion-left-side-card-code-part-promo {
  padding: 8px 32px;
  border: 3px dashed #ff9900;
  font-weight: 600;
  font-family: sans-serif;
  cursor: pointer;
}
.g-seasonal-promotion-left-side-card-code-div-content {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 500;
}
.g-seasonal-promotion-right-side-card {
  background-color: #004078;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Poppins";
  gap: 20px;
}
.g-seasonal-promotion-right-side-card-content-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Poppins";
  padding: 10px;
  gap: 20px;
}
.g-seasonal-promotion-right-side-card-content-part-title {
  color: #fff !important;
  font-size: 20px;
  font-weight: 600;
}
.g-seasonal-promotion-right-side-card-content-part-discount {
  color: #fff !important;
  font-weight: 700;
  font-size: 28px;
}
.g-seasonal-promotion-right-side-card-content-part-btn {
  background-color: #c12107 !important;
  padding: 8px 20px;
  display: block;
  color: #fff !important;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .g-seasonal-promotion-left-side-card {
    grid-column: span 12;
  }
  .g-seasonal-promotion-center-side-card {
    grid-column: span 8;
    padding: 20px;
    border: 1px solid #ccc;
  }
  .g-seasonal-promotion-right-side-card {
    grid-column: span 4;
  }
}
@media screen and (max-width: 600px) {
  .g-seasonal-promotion-left-side-card-code-part {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .g-seasonal-promotion-center-side-card {
    grid-column: span 12;
  }
  .g-seasonal-promotion-right-side-card {
    grid-column: span 12;
  }
}
.gpu {
  font-weight: 600;
  color: #00c750;
}
button.active {
  background-color: #c12107;
  color: white;
  font-weight: 600;
}
.section-main-layout > h2 {
  color: #c12107;
}
.product-filtering:not(:last-child) {
  border-right: 0 solid #ccc !important;
  padding: 0 0px 0 0;
}
.section-container {
  position: sticky;
  top: 110px;
  padding: 0 0 !important;
}
.product-filtering-container {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 28px !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 245, 0.9) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.06) !important;
  height: 550px;
  overflow: auto;
  width: 400px !important;
  font-family: "Poppins", sans-serif !important;
}
.product-filtering {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.product-filtering-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #102a43 !important;
  margin-bottom: 10px !important;
  background-color: #f2f3f5;
  padding: 10px 20px;
  transition: all 0.3s ease;
  font-family: "poppins" !important;
}
.filter-common-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.g-alert-info-filter-dom {
  background-color: #f7f5f5;
  padding: 50px;
  margin-top: 20px;
  text-align: center;
  font-family: "Poppins" !important;
  border: 2px dashed #ccc;
  border-radius: 10px;
  font-weight: 600;
}


.filter-common-btn {
  position: relative !important;
  display: flex ;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 100px;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  z-index: 1 !important;
}
.country-filter-btn.g-hide-btn {
    display: none !important;
}

.filter-common-btn > img {
  width: 30px !important; 
  border-radius: 4px !important;
  border: 1px solid #ccc;
}

.filter-common-btn::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%) !important;
  z-index: -1 !important;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
  transform: translateX(-105%) !important;
  opacity: 1 !important;
}

.filter-common-btn:hover {
  color: #6366f1 !important;
  border-color: #e2e8f0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.15) !important;
}

.filter-common-btn.active {
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 30px -6px rgba(168, 85, 247, 0.5) !important;
}

.filter-common-btn.active::before {
  transform: translateX(0) !important;
}

.filter-common-btn:active {
  transform: scale(0.95) !important;
}



#productPriceRangeMin,
#productPriceRangeSlider {
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 8px !important;
  border-radius: 8px !important;
  background: #d7dfeb !important;
  margin: 14px 0 !important;
}
#productPriceRangeMin::-webkit-slider-thumb,
#productPriceRangeSlider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  background: #ffffff !important;
  border: 2px solid #1570ef !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}
#rangeMinValueSpan,
#rangeMaxValueSpan {
  font-weight: 700 !important;
  color: #1570ef !important;
}
#resetFiltering {
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  background: #ff7a00 !important;
  color: #fff !important;
  cursor: pointer !important;
  border: none !important;
  transition: 0.2s ease !important;
}
#resetFiltering:hover {
  opacity: 0.85 !important;
}
.price-slider-display {
  margin-top: 30px;
}
#price-range-min-val {
  padding: 5px 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border: 1px solid #f1ecec;
}
#price-range-max-val {
  padding: 5px 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border: 1px solid #f1ecec;
}
.d-dedicated-servers-details-part-section .title-h2 {
  cursor: default;
}
.group-no-results {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.no-results-container-inline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 0 25px rgba(0, 123, 255, 0.1);
  transition: all 0.3s ease;
  font-family: "Inter", sans-serif;
}
.no-results-container-inline img {
  max-width: 90px;
  margin-bottom: 20px;
  opacity: 0.6;
}
.no-results-container-inline p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #f0f6fc;
  margin: 0 0 8px 0;
}
.no-results-container-inline span {
  font-size: 14px;
  color: #8b949e;
  margin-bottom: 25px;
  max-width: 300px;
  line-height: 1.5;
}
.reset-filters-btn-inline {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #1a9cfe, #007bff);
  box-shadow: 0 4px 15px rgba(26, 156, 254, 0.2);
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}
.reset-filters-btn-inline:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(26, 156, 254, 0.3);
}
.g-bright-red-color {
  color: #ff0000 !important;
}
.g-side-by-side-list-group {
  display: flex;
  justify-content: center;
  gap: 20px 30px;
  margin-top: 20px;
  font-family: poppins;
  flex-wrap: wrap;
}
.g-side-by-side-list-with-icon {
  position: relative;
  font-size: 18px !important;
  font-weight: 500;
  margin: 0 !important;
}
.g-side-by-side-list-group-container {
  font-family: poppins;
  margin-top: 20px;
}
.g-side-by-side-list-with-icon::before {
  content: "\f005";
  font-family: "FontAwesome";
  margin-right: 10px;
  color: #ffd400;
}
.g-side-by-side-list-backgrounded {
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: darkslateblue;
  font-weight: 600;
  font-size: 14px !important;
  padding: 11px 14px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.g-listed-content-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px 50px;
  margin-top: 25px;
}
.g-listed-content-para {
  margin: 0 !important;
  font-family: poppins;
  font-weight: 400;
}
.g-listed-content-para > i {
  color: #c12107 !important;
  font-size: 20px !important;
}
.g-light-speed-performance-content-white-title-h4 {
  font-size: 25px !important;
  font-family: poppins !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.g-city-wise-contents-sections-paragraph-left {
  font-family: "poppins" !important;
  font-weight: 400 !important;
  text-align: left;
  color: #fff;
}
.g-display-flex-content-layouts {
  display: flex;
  gap: 20px 20px;
  flex-wrap: wrap;
  margin-top: 50px !important;
}
.g-display-flex-content-layouts-content-box {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  border: 1px solid #ebe3e3;
  font-family: poppins !important;
  flex: 1 350px;
}
.g-display-flex-content-layouts-content-box > ul {
  font-weight: 500;
  margin: 0 20px !important;
}
.g-ip-pricing-table {
  font-family: poppins !important;
  background-color: #f5f5f5;
}
.g-ip-pricing-table-head-row {
  background-color: #0055ad;
  color: #fff;
  position: sticky;
  top: 80px;
}
.g-ip-pricing-table-heading {
  font-weight: 700 !important;
  font-size: 18px;
  padding: 10px 20px;
}
.g-ip-pricing-table-data-primary {
  background-color: beige;
  font-weight: 600;
  font-size: 18px;
}
.g-ip-pricing-table-data {
  font-weight: 500;
  padding: 15px 20px;
}
.g-ip-pricing-table-data:not(:first-child) {
  text-align: center;
  color: green;
}
.g-ip-pricing-table-heading:not(:first-child) {
  text-align: center;
}
.g-ip-pricing-table-body-row {
  transition: 0.1s ease-in-out;
  border-bottom: 1px solid #d7d7d7;
}
.g-ip-pricing-table-body-row:hover {
  transition: 0.1s ease-in-out;
  background-color: azure;
}
.g-cpanel-pricing-table > tbody > tr > td:nth-child(2) {
  color: #ff6a00 !important;
}
@media screen and (max-width: 800px) {
  .g-ip-pricing-table {
    background-color: transparent;
  }
  .g-ip-pricing-table-head {
    display: none;
  }
  .g-ip-pricing-table-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
  }
  .g-ip-pricing-table-body-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #dddddd;
  }
  .g-ip-pricing-table-body-primary-row {
    grid-column: 1 / -1;
  }
  .g-ip-pricing-table-data-primary {
    width: 100%;
    text-align: center;
  }
  .g-cpanel-pricing-table > tbody > tr > td:nth-child(1) {
    background-color: antiquewhite;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
  }
}
.g-cityBtnToggler {
  width: auto;
  margin-top: 13px;
  border: none;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 14px;
  color: #fff;
  border-radius: 20px;
  background: rgb(131, 0, 22);
  background: -moz-linear-gradient(
    93deg,
    rgba(131, 0, 22, 1) 0%,
    rgba(215, 0, 36, 1) 100%
  );
  background: -webkit-linear-gradient(
    93deg,
    rgba(131, 0, 22, 1) 0%,
    rgba(215, 0, 36, 1) 100%
  );
  background: linear-gradient(
    93deg,
    rgba(131, 0, 22, 1) 0%,
    rgba(215, 0, 36, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#830016",endColorstr="#d70024",GradientType=1);
}
.gLocation-Finder {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 5px 16px !important;
  border-left: 3px solid #e32020;
  outline: none;
  width: 100%;
  position: relative;
  font-size: 16px !important;
}
.gLocation-Finder::placeholder {
  font-size: 14px !important;
  color: #ccc !important;
}
.NavigateBtnimgDiv {
  width: 30px;
  margin-right: 10px;
}
.filterwrap {
  max-width: 1600px !important;
}
.g-side-panel-btn-container {
  background: #fbf8f8;
  padding: 20px 20px;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  border: 1px solid #ccc;
  flex: 1 1 350px;
  height: fit-content;
  text-align: center;
  position: relative;
  top: 30px;
}
.g-content-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.g-side-by-side-panel-container {
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
}
.g-sub-tbl-Navigate-Btn {
  background-color: #0e2b68;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: justify;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}
#gspectablewrapper {
  width: 100%;
}
.g-sub-tbl-Navigate-Btn:hover {
  background-color: #000;
  transition: 0.3s ease-in-out;
}
#gsubBtnGroupContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  overflow: auto;
}
.gwidth100 > .g-new-product-pricing-table > .g-new-product-pricing-table-thead {
  color: #fff !important;
}
@media screen and (max-width: 1400px) {
  .g-side-panel-btn-container {
    flex: 1 1 320px;
  }
  .g-config-tbl-sidebar {
    flex: 1 1 320px;
  }
}
@media screen and (max-width: 1100px) {
  .g-side-by-side-panel-container {
    flex-wrap: wrap;
  }
  .g-side-panel-btn-container {
    flex: 1 auto !important;
  }
  .g-config-tbl-sidebar {
    flex: 1 auto !important;
  }
  .g-side-by-side-panel-container {
    flex-direction: column-reverse;
  }
  #gsubBtnGroupContainer {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #gsubBtnGroupContainer > .g-sub-tbl-Navigate-Btn {
    flex: 1 1 200px;
  }
}
.g-side-panel-btn-container-defr-div {
  flex: 1 1 auto !important;
}
.gsubBtnGroupContainerdef {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px !important;
}
.gsubBtnGroupContainerdef > .g-sub-tbl-Navigate-Btn {
  width: 100% !important;
}
.g-imaged-cities-link-content {
  position: absolute;
  left: 20px;
  top: 59%;
  z-index: 1;
  flex: 1 1 300px;
}
.g-imaged-cities-link-btn {
  background-color: #ffffff;
  color: #000000;
  padding: 15px 30px;
  font-weight: 600;
  font-family: "Poppins";
  font-size: 18px !important;
  border-radius: 6px;
}
.g-imaged-cities-link-btn::after {
  content: "\f35a";
  font-family: "FontAwesome";
  margin-left: 12px;
  color: #c12701;
}
.g-imaged-cities-link-para {
  color: #fff;
  margin-bottom: 10px;
  font-family: poppins;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.g-imaged-cities-link {
  position: relative;
  transition: 0.3s ease-in-out;
  width: fit-content;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0 !important;
}
.g-imaged-cities-link:hover::before {
  background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 50%));
  transition: 0.3s ease-in-out;
}
.g-imaged-cities-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 100%));
  z-index: 1;
  transition: 0.3s ease-in-out;
  pointer-events: none;
  border-radius: 5px;
}
.cityBtnsparaDot {
  height: 15px;
  width: 15px;
  display: inline-block;
  background-color: #17d100;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99 !important;
  border: 2px solid #fff;
}
.cityBtnsparaDot::after {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #fff;
  animation: blinkingDiv infinite 1.5s;
  z-index: -1 !important;
}
.g-imaged-cities-link-img {
  height: 270px;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
}
@keyframes blinkingDiv {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  100% {
    height: 40px;
    width: 40px;
    opacity: 0;
  }
}
.g-location-finder-box-search-container {
  width: fit-content;
  position: relative;
  margin-bottom: 40px;
}
.g-location-finder-box-search-container::after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 50%;
  right: 4%;
  transform: translate(-50%, -50%);
  color: #e76c70;
}
.g-location-finder-box-search {
  width: auto !important;
  padding: 6px 20px !important;
  border: 1px solid #a9a9a9 !important;
  font-size: 16px !important;
  font-family: "Poppins" !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0 !important;
}
.g-location-finder-box-search::placeholder {
  color: #ccc !important;
}
@media screen and (max-width: 991px) {
  .g-location-finder-box-search-container {
    width: 100% !important;
  }
  .g-location-finder-box-search {
    width: 100% !important;
  }
}
.g-country-btn-links-arrow {
  animation: infinite 2s movingArrow;
  color: #c12107 !important;
}
@keyframes movingArrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.g-all-cities-details-max-width-state {
  max-width: 1400px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.g-all-cities-details-quick-links-flex-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
  row-gap: 20px;
  align-items: center;
}
.g-all-cities-details-quick-links-div
  .g-all-cities-details-quick-links-flex-div {
  justify-content: flex-start;
}
.g-tutorial-main-card-link:hover .g-tutorial-main-card-img-main::after {
  background: unset !important;
  transition: 0.3s ease-in-out;
}
.g-nor-m4-title {
  font-size: 20px !important;
  font-family: "Poppins" !important;
  color: #000;
}
.g-sub-bullet-points {
  list-style: circle !important;
}
.g-nor-para {
  font-weight: 400 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page-search-btn {
  padding: 8px 25px;
  background-color: #c12701;
  border-radius: 25px;
  margin-bottom: 8px !important;
  transition: 0.3s ease-in-out;
  display: block !important;
}
.page-search-btn:hover {
  color: #fff !important;
  transition: 0.3s ease-in-out;
}
.location-search-container {
  background-color: #000000da;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
.location-search-container.active {
  max-height: 100vh;
  opacity: 1;
  position: fixed;
  transition: 0.4s ease;
}
.location-search-header {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
.location-search-layout {
  border: 1px solid #fff;
  padding: 30px;
  border-radius: 11px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 600px;
}
.location-search-label {
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}
.location-search-close > i {
  color: #c12107;
  font-size: 20px;
}
.location-search-title {
  color: #000;
  font-size: 16px !important;
  font-weight: 600;
  font-family: poppins !important;
}
.location-search-li {
  position: relative;
  padding: 0.7rem 1rem 1.2rem 1rem !important;
}
.Locationsearch {
  padding-left: 35px !important;
  padding-top: 6px !important;
  padding-right: 15px !important;
  padding-bottom: 6px !important;
  width: 200px !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  font-family: "Poppins" !important;
  margin: 0 !important;
  border: 1px solid #ccc !important;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.414 1.414l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zM2 6.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: 10px center;
}
.Locationsearch::placeholder {
  color: #c12107 !important;
  font-size: 14px !important;
}
.location-search-results {
  height: 250px;
  overflow: auto;
  font-family: poppins !important;
  background-color: #fff;
  max-height: 0;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border: 1px solid #e3e3e3;
}
.g-nav-links {
  padding: 1rem 0 0 0 !important;
}
.location-search-results.active {
  max-height: 1000px;
  width: 300px;
  opacity: 1;
  overflow: auto;
}
@media screen and (max-width: 1500px) {
  .g-toggle-navbar-head-diff {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .location-search-li {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1000px) {
  .g-toggle-navbar-head-diff {
    font-size: 14px;
  }
  .g-main-whole-nav-links {
    display: flex;
    flex-direction: row;
    justify-content: end;
  }
  .g-second-top-nav {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .Locationsearch {
    width: 150px !important;
  }
}
.g-nav-links-homie {
  padding: 1.5rem 0 0 0 !important;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 1200px) {
  .g-nav-links-homie {
    padding: 35px 0 0 0 !important;
  }
}
.location-search-results > h3 {
  padding: 0 20px;
  text-align: left !important;
  margin: 20px 0 5px 0;
  width: 100% !important;
  color: #000 !important;
}
.header.negative
  .main
  ul.menu
  .location-search-li
  > .location-search-results
  > ul
  > li
  > a {
  color: #000 !important;
}
.location-search-results > h3 > a {
  color: #000 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  width: 100% !important;
  display: block;
  transition: 0.3s ease-in-out;
}
.location-search-results > h3 > a:hover {
  color: #c12107 !important;
  transition: 0.3s ease-in-out;
}
.location-search-results > ul {
  border-bottom: 1px solid #efefef;
  padding: 10px 20px;
  text-decoration: none !important;
  text-transform: capitalize !important;
  color: #000 !important;
  list-style: none !important;
}
.location-search-results > ul > li {
  width: 100%;
  padding: 8px 10px;
  display: flex;
  color: #000 !important;
  align-items: center;
  gap: 12px;
  text-align: left !important;
  transition: 0.3s ease-in-out;
}
.location-search-results > ul > li::before {
  content: "\f061";
  font-family: "FontAwesome";
  color: #0060ff;
  margin-right: 5px;
}
.location-search-results > ul > li > a {
  text-decoration: none !important;
  text-transform: capitalize !important;
  color: #000;
  width: 100%;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.Locationsearch-hint {
  margin-bottom: 8px !important;
  display: block;
  font-family: "Poppins" !important;
  font-size: 12px;
  font-weight: 400;
}
.location-search-results > ul > li > a:hover {
  color: #0060ff !important;
  transition: 0.3s ease-in-out;
}
.location-search-bottom-text {
  font-family: "Poppins" !important;
  font-size: 11px;
  font-weight: 400;
  color: #c12107;
  margin-top: 20px;
  display: block;
}
.g-city-wise-contents-features-container-dyn {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}
@media screen and (max-width: 662px) {
  .location-search-layout {
    min-width: 100%;
  }
}
.g-config-tbl-sidebar-btn-group {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.g-config-tbl-activate-btn {
  background-color: #0e2b68;
  padding: 15px 10px !important;
  border: 1px solid #ccc;
  text-align: justify;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  transition: 0.3s ease-in-out;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}
.g-config-tbl-activate-btn-img {
  width: 40px;
}
.g-config-tbl-sidebar-btn-group {
  background: #fbf8f8;
  padding: 20px 20px;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  border: 1px solid #ccc;
  flex: 1 1 350px;
  height: fit-content;
  text-align: center;
}
.g-config-tbl-search-box {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 5px 16px !important;
  border-left: 3px solid #e32020;
  outline: none;
  width: 100%;
  position: relative;
  font-size: 16px !important;
}
.g-config-show-toggle-btn {
  width: auto;
  margin-top: 13px;
  border: none;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 14px;
  color: #fff;
  border-radius: 20px;
  background: rgb(131, 0, 22);
  background: -moz-linear-gradient(
    93deg,
    rgba(131, 0, 22, 1) 0%,
    rgba(215, 0, 36, 1) 100%
  );
  background: -webkit-linear-gradient(
    93deg,
    rgba(131, 0, 22, 1) 0%,
    rgba(215, 0, 36, 1) 100%
  );
  background: linear-gradient(
    93deg,
    rgba(131, 0, 22, 1) 0%,
    rgba(215, 0, 36, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient;
}
.recent-posts-section {
  padding: 60px 0;
  background-color: #f9f9f9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.recent-posts-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
.recent-posts-section h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #333;
  font-weight: 700;
}
.recent-posts-carousel {
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;

}
.post-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.post-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
.post-card a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.post-card .card-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.post-card .card-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.post-card .card-category {
  display: inline-block;
  background-color: #eef2ff;
  color: #4338ca;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 12px;
  align-self: flex-start;
}
.post-card .card-title {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #111827;
  line-height: 1.4;
}
.post-card .card-description {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.post-card .card-footer {
  margin-top: auto;
  font-size: 0.85rem;
  color: #6b7280;
}
.swiper-button-next,
.swiper-button-prev {
  color: #4338ca;
  top: 50%;
  transform: translateY(-70%);
}
.swiper-button-prev {
  left: -10px;
}
.swiper-button-next {
  right: -10px;
}
.swiper-pagination-bullet-active {
  background: #4338ca;
}
@media (max-width: 768px) {
  .recent-posts-section h2 {
    font-size: 2rem;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}
.g-tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.g-tooltip-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #007bff;
  font-weight: bold;
}
.g-tooltip {
  visibility: hidden;
  opacity: 0;
  background-color: #2c3e50;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  transition: opacity 0.3s ease;
  &::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2c3e50 transparent transparent transparent;
  }
}
.g-tooltip-container:hover .g-tooltip {
  visibility: visible;
  opacity: 1;
}
.category-wise-product-tbl-cover {
  width: 100% !important;
}
.g-config-tbl-sidebar {
  flex: 1 1 350px;
}
.servermo-v4-container {
  font-family: "Poppins", sans-serif;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.servermo-v3-container {
  font-family: "Poppins", sans-serif;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 768px) {
  .servermo-v4-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .servermo-v4-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .servermo-v3-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .servermo-v4-container > *:nth-child(5):last-child {
    grid-column: 2 / 4;
  }
  .servermo-v3-container > *:nth-child(5):last-child {
    grid-column: 3 / 6;
  }
}
.servermo-v4-card {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 15px rgba(0, 30, 60, 0.07);
  align-items: flex-start;
  gap: 1.5rem;
  border: 2px solid #772b22;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.servermo-v4-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 30, 60, 0.12);
  cursor: pointer;
}
.servermo-v4-icon-wrapper {
  background: linear-gradient(135deg, #c12701, #003158);
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 12px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.servermo-v4-icon-wrapper i {
  font-size: 1.75rem;
  color: #ffffff;
}
.servermo-v4-icon-wrapper span {
  font-size: 2.5rem;
  color: #ffffff;
}
.servermo-v4-content {
  text-align: left;
}
.servermo-v4-title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #c12701;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: poppins !important;
}
.servermo-v4-para {
  font-size: 0.95rem !important;
  color: #333333 !important;
  line-height: 1.7 !important;
  margin: 0;
  font-family: poppins !important;
  font-weight: 500;
}
.g-small-icons-with-text-flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.server-showcase-viewport {
  max-width: 1200px;
  margin: 0 auto;
}
.hosting-offering {
  text-align: center;
  margin-bottom: 5rem;
}
.hosting-offering__title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #1a202c;
}
.hosting-offering__description {
  font-size: 1.1rem;
  color: #6a7386;
  max-width: 700px;
  margin: 0 auto 3.5rem auto;
  line-height: 1.6;
}
.hosting-offering__plan-deck {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.plan-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e9eaf1;
  padding: 2.5rem;
  width: 360px;
  text-align: left;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(10, 22, 50, 0.05);
}
.plan-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(10, 22, 50, 0.1);
}
.plan-card--recommended {
  border-color: #4a6cf7;
  transform: scale(1.05);
}
.plan-card--recommended:hover {
  transform: scale(1.05) translateY(-8px);
}
.plan-card__name {
  font-size: 1.6rem;
  font-weight: 600;
  color: #212b36;
  margin: 0 0 1rem 0;
}
.plan-card__feature-tag {
  position: absolute;
  top: 1.5rem;
  right: -50px;
  background-color: #4a6cf7;
  color: white;
  padding: 0.5rem 4rem;
  font-size: 0.8rem;
  font-weight: 600;
  transform: rotate(45deg);
  transform-origin: top left;
}
.plan-card__price-point {
  font-size: 3rem;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 2rem;
  border-bottom: 1px solid #f0f2f7;
  padding-bottom: 2rem;
}
.plan-card__price-point span {
  font-size: 1rem;
  font-weight: 500;
  color: #8894a9;
}
.plan-card__spec-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-grow: 1;
}
.spec-list__item {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1rem;
  color: #556176;
}
.spec-list__item i {
  color: #4a6cf7;
  font-size: 1.1rem;
  margin-right: 1.2rem;
  width: 22px;
  text-align: center;
}
.plan-card__action-link {
  display: block;
  background: #ffffff;
  color: #4a6cf7;
  text-align: center;
  padding: 1rem;
  border-radius: 8px;
  border: 2px solid #e0e6f7;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 2rem;
  transition: all 0.3s ease;
}
.plan-card__action-link:hover {
  background: #4a6cf7;
  color: white;
  border-color: #4a6cf7;
}
.plan-card--recommended .plan-card__action-link {
  background: #4a6cf7;
  color: white;
  border-color: #4a6cf7;
}
.plan-card--recommended .plan-card__action-link:hover {
  background: #3c56c4;
  border-color: #3c56c4;
}
@media (max-width: 820px) {
  .hosting-offering__plan-deck {
    flex-direction: column;
    align-items: center;
  }
  .plan-card {
    width: 100%;
    max-width: 400px;
  }
  .plan-card--recommended {
    transform: scale(1);
  }
}
.g-group-seperator {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 30px;
}
.g-group-seperator > .g-nor-para {
  background-color: #ffffff;
  border: 1px solid #e9eaf1;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 4px 15px rgba(10, 22, 50, 0.1);
  list-style: none !important;
  margin-left: 0 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}
.g-group-seperator > .g-nor-para:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(10, 22, 50, 0.1);
}
.g-group-seperator > .g-nor-para > li > b {
  font-size: 22px;
  font-weight: 600;
  color: #2d3748;
  display: block;
  margin-bottom: 20px;
}
.g-group-seperator > .g-nor-para > li > ul {
  list-style: circle !important;
  margin-top: 15px;
  padding-left: 20px;
  color: #5a677d;
  flex-grow: 1;
}
.g-group-seperator > .g-nor-para > li > ul > li:last-child {
  list-style: none !important;
  background-color: #c12701;
  width: max-content;
  padding: 12px 25px;
  border-radius: 8px;
  margin-top: 30px;
  transition: background-color 0.2s ease;
}
.g-group-seperator > .g-nor-para > li > ul > li:last-child:hover {
  background-color: #222;
}
.g-group-seperator > .g-nor-para > li > ul > li > b > a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 500;
}
.g-backup-features-box-3-each-row-width-370 {
  max-width: 370px !important;
}
.g-backup-features-main-flex-smaller {
  padding: 0 10px 40px 10px;
}
.spec-item {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  border-bottom: 1px solid #e9eef2;
}
.spec-item:last-child {
  border-bottom: none;
}
.spec-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  font-size: 1.1rem;
  color: #1a3b58;
}
.spec-header .icon {
  font-size: 1.5rem;
  color: #007bff;
  width: 40px;
  text-align: center;
}
.spec-col-title {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-transform: uppercase !important;
  margin-bottom: 0.5rem !important;
}
.spec-content {
  font-size: 0.95rem;
  color: #556270;
}
@media (max-width: 768px) {
  body {
    padding: 1rem;
  }
  .spec-item {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
  }
  .spec-header {
    font-size: 1.2rem;
  }
  .spec-header .icon {
    font-size: 1.6rem;
  }
}
.g-custom-sized-numbers > li::marker {
  font-size: 22px !important;
  font-weight: 600;
  color: #c12701 !important;
}
.g-solutions-hero-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),
    url("/images/wallpaper/servermo-solutions-hero.webp") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.dedicated-servers-for-streaming-hero-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)),
    url("/images/wallpaper/dedicated-servers-for-streaming-hero-banner.webp") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.g-solutions-main-container {
  margin: auto;
  max-width: 1400px;
  padding: 30px 0 30px 0;
}
.g-solutions-link-content-div {
  font-family: "Poppins" !important;
}
.g-solutions-link {
  grid-template-columns: repeat(12, 1fr);
  display: grid;
  gap: 20px;
  padding: 20px;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
  border: 1px solid #ebebeb;
}
.g-solutions-link:hover {
  background-color: #f3f3f3;
  scale: 1.02;
  transition: 0.3s ease-in-out;
}
.g-solutions-link:nth-child(even) {
  background-color: #f4f5f7;
}
.g-solutions-link:nth-child(odd) {
  background-color: #f7f4f7;
}
.g-solutions-link-content-div {
  grid-column: span 11;
  display: flex;
  flex-direction: column;
}
.g-solutions-link-image-div {
  grid-column: span 1;
}
.g-solutions-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0 30px;
}
.g-solutions-link-content-title {
  color: #c12701 !important;
  font-weight: 600 !important;
  font-family: "Poppins" !important;
  font-size: 22px !important;
}
.g-solutions-link-image-div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.g-solutions-link-image {
  width: 100%;
  height: 100%;
}
.g-solutions-link-content-span {
  color: #00377a;
  font-weight: 600;
}
.g-solutions-link-content-span::after {
  content: "\f35a";
  font-family: "Font Awesome 6 Free";
  margin-left: 12px;
}
.g-solutions-link-content-para {
  color: #2e2e2e !important;
  font-weight: 400 !important;
  height: 100%;
}
@media screen and (max-width: 1150px) {
  .g-solutions-link-content-title {
    font-size: 20px !important;
  }
  .g-solutions-link-image-div {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
}
@media screen and (max-width: 981px) {
  .g-solutions-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .g-solutions-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-contact-btn-des {
  background-color: #c12701;
  color: #fff !important;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
}
.g-view-btn-des {
  background-color: #000000;
  color: #fff !important;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
}
.g-btn-flex-container {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.g-all-cities-details-max-width-state
  > .g-all-cities-details-quick-links-flex-div {
  column-gap: 20px !important;
}
.g-all-cities-details-max-width-state
  > .g-all-cities-details-quick-links-flex-div
  > .g-all-cities-details-quick-links-flex-links {
  background: linear-gradient(45deg, #e74c3c, #c0392b) !important;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  padding: 18px 30px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(142, 45, 226, 0.4);
  transition: all 0.3s ease;
}
.g-all-cities-details-max-width-state
  > .g-all-cities-details-quick-links-flex-div
  > .g-all-cities-details-quick-links-flex-links:hover {
  box-shadow: 0 7px 25px rgba(142, 45, 226, 0.6);
  transform: translateY(-3px);
}
.g-solutions-link-content-span {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 6px;
  margin-top: 10px;
  width: fit-content;
  background-color: #00377a;
  color: #ffffff !important;
  font-weight: 600;
  font-family: "poppins";
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 15px rgba(0, 55, 122, 0.2);
}
.g-solutions-link-content-span::after {
  content: "\f35a";
  font-family: "Font Awesome 6 Free";
  margin-left: 10px;
  color: #ffffff;
}
.g-solutions-link:hover .g-solutions-link-content-span {
  background-color: #002b61;
  box-shadow: 0 6px 20px rgba(0, 55, 122, 0.3);
  transform: translateY(-2px);
}
.g-search-container {
  position: relative;
  width: 300px;
}
.g-search-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.g-search-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}
.g-search-dropdown li {
  padding: 8px 12px;
}
.g-search-dropdown li a {
  text-decoration: none;
  color: #333;
  display: block;
}
.g-search-dropdown li:hover {
  background: #f5f5f5;
}
.g-promotion-products-layout * {
  font-family: "Poppins", sans-serif !important;
}
.servermo-dark-deal-badge {
  background: #c12107;
  background: -webkit-linear-gradient(
    97deg,
    rgba(193, 33, 7, 1) 0%,
    rgba(110, 15, 0, 1) 100%
  );
  background: -moz-linear-gradient(
    97deg,
    rgba(193, 33, 7, 1) 0%,
    rgba(110, 15, 0, 1) 100%
  );
  background: linear-gradient(97deg, rgb(201 28 0) 0%, rgb(231 31 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C12107",endColorstr="#6E0F00",GradientType=0);
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 10px;
  border: 2px dashed #fff;
  border-radius: 30px;
}
.g-promotion-products-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 50px !important;
  padding: 0 0 !important;
}
.g-location-group-card {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff !important;
  overflow: hidden !important;
}
.g-location-title {
  background-color: #c12701 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 18px 25px !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
.g-product-cards-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 30px !important;
  padding: 30px !important;
  background-color: #ffffff !important;
}
.g-product-card {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  padding: 25px !important;
  border: 1px solid #e0e0e0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  text-align: center !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  min-height: 380px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}
.g-product-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1) !important;
  border-color: #c12701 !important;
}
.g-card-header {
  border-bottom: 2px solid #f0f0f0 !important;
  padding-bottom: 15px !important;
  margin-bottom: 20px !important;
}
.g-card-header h4 {
  font-size: 1.25rem !important;
  color: #1a1a1a !important;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
}
.g-specs-summary {
  color: #6c757d !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
}
.g-specs-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
  text-align: left !important;
  flex-grow: 1 !important;
}
.g-specs-list li {
  padding: 10px 0 !important;
  font-size: 0.95rem !important;
  color: #495057 !important;
  border-bottom: 1px dashed #e9ecef !important;
  display: flex !important;
  justify-content: space-between !important;
}
.g-specs-list li:last-child {
  border-bottom: none !important;
  font-size: 0.8rem !important;
  color: #adb5bd !important;
  text-align: center !important;
  display: block !important;
  margin-top: 10px !important;
}
.g-specs-list .spec-label {
  font-weight: 700 !important;
  color: #343a40 !important;
}
.g-card-footer {
  padding-top: 20px !important;
  border-top: 2px solid #c12701 !important;
}
.g-price-box {
  margin-bottom: 15px !important;
}
.g-price-amount {
  font-size: 2.8rem !important;
  font-weight: 800 !important;
  color: #c12701 !important;
  line-height: 1 !important;
}
.g-price-period {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #6c757d !important;
}
.g-buy-btn {
  background-color: #28a745 !important;
  color: white !important;
  border: none !important;
  padding: 14px 25px !important;
  border-radius: 50px !important;
  font-size: 1 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background-color 0.3s ease, transform 0.1s !important;
  box-shadow: 0 4px 10px rgba(40, 167, 69, 0.4) !important;
}
.g-buy-btn > i::before,
.g-spec-item > i::before,
.servermo-dark-coupon-icon::before {
  font-family: "FontAwesome" !important;
}
.g-spec-item > i::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 35px !important;
  height: 35px !important;
  font-size: 1.1rem !important;
  color: #ffffff !important;
  background-color: #3498db !important;
  border-radius: 50% !important;
  margin-bottom: 8px !important;
  box-shadow: 0 4px 8px rgba(52, 152, 219, 0.4) !important;
}
.g-spec-label {
  margin-left: 8px;
  font-weight: 500;
  display: none !important;
}
.g-spec-item {
  display: flex;
  padding-left: 30px;
  align-items: center;
  gap: 20px;
}
.g-buy-btn:hover {
  background-color: #1e7e34 !important;
  transform: scale(1.02) !important;
}
.g-promotions-products-main-div {
  max-width: 1600px;
  margin: auto;
  padding: 0 15px 50px 15px;
}
.bgp-content-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.bgp-breadcrumb a {
  color: #0062cc;
}
.bgp-breadcrumb a:hover {
  color: #c12701;
}
.bgp-header {
  border-bottom: 3px solid #c12701;
  background-color: #fff8f8;
}
.bgp-header h1 {
  color: #c12701;
  font-weight: 800;
}
.bgp-intro-para strong {
  color: #c12701;
}
.bgp-promo-banner {
  padding: 0 20px 10px 20px;
  border-radius: 16px;
}
.banner-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 45px;
  align-items: stretch;
}
.tech-details-box {
  padding: 25px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
  border: 1px solid #e3e0e0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tech-details-box h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1e293b;
  font-family: "Poppins" !important;
  margin-bottom: 20px;
  border-bottom: 3px solid #0062cc;
  padding-bottom: 8px;
  display: inline-block;
}
.tech-details-box p {
  font-style: italic;
  font-family: "Poppins" !important;
  color: #6c757d;
}
.tech-details-box .tech-spec-list {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  font-family: "Poppins" !important;
  gap: 10px;
}
.tech-spec-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 15px;
  background-color: #f5f8fc;
  border-radius: 8px;
  border-left: 5px solid #c12701;
  transition: background-color 0.2s;
}
.tech-spec-item:hover {
  background-color: #e9eff6;
}
.tech-spec-item .spec-label {
  font-weight: 600;
  color: #1e293b;
}
.tech-spec-item .spec-value {
  font-weight: 700;
  color: #0062cc;
  text-align: right;
}
.pricing-banner-card {
  background: linear-gradient(145deg, #2c2c2c 0%, #222222 100%);
  color: white;
  padding: 35px;
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 15px 40px rgb(78 78 78 / 60%),
    0 0 10px rgba(255, 255, 255, 0.2) inset;
}
.pricing-header h3 {
  font-size: 1.9rem;
  font-weight: 600 !important;
  margin-bottom: 5px;
  line-height: 1.1;
  text-transform: uppercase;
  font-family: "Poppins" !important;
  letter-spacing: 1px;
}
.price-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 10px;
}
.price-row:last-of-type {
  border-bottom: none;
}
.price-row .price-item-name {
  font-weight: 500;
  font-size: 1.1rem;
}
.price-row .price-cost-amount {
  font-weight: 800;
  font-size: 1.5rem;
  color: #ffc107;
}
.price-detail-text {
  font-size: 0.9rem;
  margin-bottom: 30px;
  color: #ffcccc;
  font-style: italic;
}
.pricing-cta {
  background-color: #0062cc;
  padding: 16px 30px !important;
  font-size: 1.2rem !important;
  border-radius: 50px !important;
}
.benefit-card {
  border-top: 5px solid #0062cc;
  background-color: #fcfcfc;
}
.benefit-card h3 {
  color: #c12701;
}
.bgp-requirements li {
  border-left-color: #0062cc !important;
}
.bgp-requirements li strong {
  color: #c12701;
}
.cta-button {
  background-color: #c12701;
  color: #fff !important;
  font-weight: 600 !important;
  font-family: "poppins" !important;
  transition: 0.3s ease-in-out;
}
.cta-button:hover {
  background-color: #a31700;
}
.contact-link {
  color: #0062cc;
}
@media (max-width: 768px) {
  .banner-grid {
    grid-template-columns: 1fr;
  }
  .bgp-promo-banner {
    padding: 20px;
  }
  .bgp-header h1 {
    font-size: 2rem;
  }
  .pricing-banner-card {
    margin-top: 25px;
  }
}
.bgp-promo-banner-layput {
  margin: auto;
  max-width: 1400px;
  padding: 30px 0 0 0;
}
.bgp-section {
  padding: 20px 0;
}
.benefits-list-table {
  display: grid;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  font-family: "poppins" !important;
}
.table-header-row {
  display: grid;
  grid-template-columns: 280px 1fr;
  background-color: #1e293b;
  color: white;
  padding: 15px 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.table-header-row div {
  padding: 0;
}
.feature-row {
  display: grid;
  grid-template-columns: 280px 1fr;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: relative;
}
.feature-row:last-child {
  border-bottom: none;
}
.feature-row:hover {
  background-color: #fff8f8;
  transform: translateY(-2px);
}
.feature-title-col {
  padding: 20px;
  background-color: #fafafa;
  border-right: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
}
.title-icon-wrapper {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.1rem;
  color: #0062cc;
}
.title-icon-wrapper i {
  margin-right: 12px;
  font-size: 1.3rem;
  color: #c12701;
}
.feature-description-col {
  padding: 20px;
  font-size: 1rem;
  color: #000;
  font-weight: 400 !important;
  display: flex;
  background-color: #f3f3f3;
  align-items: center;
}
@media (max-width: 768px) {
  .table-header-row,
  .feature-row {
    grid-template-columns: 1fr;
    border-bottom: 2px solid #e0e0e0;
  }
  .table-header-row {
    display: none;
  }
  .feature-title-col {
    border-right: none;
    border-bottom: 1px solid #f0f0f0;
    background-color: #ffffff;
    padding-bottom: 10px;
  }
  .feature-description-col {
    padding-top: 10px;
    padding-bottom: 15px;
  }
}
.bgp-promo-feature-section {
  background-color: #efefef;
  margin-top: 50px;
  padding-bottom: 30px;
}
.smb-req-title {
  color: #c12701 !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}
.smb-req-intro-text {
  font-size: 1rem !important;
  color: #000 !important;
  font-family: "poppins" !important;
  margin-bottom: 30px !important;
  font-weight: 400;
}
.smb-req-layout {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 30px !important;
}
.smb-req-item-card {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px !important;
  padding: 30px !important;
  font-family: "poppins" !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.smb-req-item-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
  border-color: #0062cc !important;
}
.smb-req-step-num {
  position: absolute !important;
  top: -10px !important;
  right: 10px !important;
  font-size: 4rem !important;
  font-weight: 800 !important;
  color: rgba(193, 39, 1, 0.1) !important;
  z-index: 0 !important;
  transition: color 0.3s ease !important;
}
.smb-req-item-card:hover .smb-req-step-num {
  color: rgba(0, 98, 204, 0.1) !important;
}
.smb-req-card-body {
  z-index: 1 !important;
  position: relative !important;
}
.smb-req-card-body h3 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  font-family: "poppins" !important;
  color: #1e293b !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  border-bottom: 3px solid #c12701 !important;
  padding-bottom: 5px !important;
  display: inline-block !important;
}
.smb-req-card-body p {
  font-size: 0.95rem !important;
  color: #000 !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
}
.smb-req-highlight {
  color: #0062cc !important;
}
@media (max-width: 768px) {
  .smb-req-layout {
    grid-template-columns: 1fr !important;
  }
}
.bgp-onboarding-container {
  font-family: "Inter", sans-serif;
  padding: 3rem 1.5rem;
  max-width: 1400px;
  margin: 0 auto;
}
.flow-card-light {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
  border-radius: 12px;
  position: relative;
}
.flow-card-light:hover {
  box-shadow: 0 8px 20px rgba(45, 108, 255, 0.2);
  transform: translateY(-2px);
  border-color: #3b82f6;
}
.step-number-light {
  background-color: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
  border: 2px solid #93c5fd;
}
.flow-arrow {
  color: #3b82f6;
  transition: transform 0.3s ease;
}
.step-item {
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .step-item {
    flex: 1;
    margin-bottom: 0;
  }
  .steps-horizontal-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .step-arrow-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
  }
}
.g-all-services-content-box-heading-def-box {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #c0171a;
  background: -webkit-linear-gradient(
    38deg,
    rgba(192, 23, 26, 1) 0%,
    rgba(133, 0, 2, 1) 100%
  );
  background: -moz-linear-gradient(
    38deg,
    rgba(192, 23, 26, 1) 0%,
    rgba(133, 0, 2, 1) 100%
  );
  background: linear-gradient(
    38deg,
    rgba(192, 23, 26, 1) 0%,
    rgba(133, 0, 2, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C0171A",endColorstr="#850002",GradientType=0);
  color: #fff;
  font-weight: 900;
  border: 2px solid #fff;
}
.g-service-content-box-i {
  background: #ffff21;
  background: -webkit-linear-gradient(
    38deg,
    rgba(255, 255, 33, 1) 0%,
    rgba(255, 179, 0, 1) 100%
  );
  background: -moz-linear-gradient(
    38deg,
    rgba(255, 255, 33, 1) 0%,
    rgba(255, 179, 0, 1) 100%
  );
  background: linear-gradient(
    38deg,
    rgba(255, 255, 33, 1) 0%,
    rgba(255, 179, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF21",endColorstr="#FFB300",GradientType=0);
  color: #000 !important;
}
.g-cdn-provider-img-div-bgp {
  width: 500px;
}
.g-our-dedicated-server-features-body
  > .g-tutorial-main-card-category-body
  > .g-tutorial-main-card-category {
  font-size: 10px;
}
.servermo-features-section {
  font-family: "Inter", sans-serif;
  background-color: #f8f9fa;
  color: #495057;
  padding: 4rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.servermo-features-container {
  max-width: 1200px;
  width: 100%;
}
.servermo-features-header {
  text-align: center;
  margin-bottom: 3.5rem;
}
.servermo-features-header h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 0.75rem;
}
.servermo-features-header p {
  font-size: 1.125rem;
  max-width: 600px;
  font-family: "poppins" !important;
  margin: 0 auto;
  color: #000;
}
.servermo-features-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.servermo-feature-card {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.75rem;
  padding: 1.5rem 2rem;
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  cursor: default;
}
.servermo-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
  border-color: #007bff;
}
.servermo-feature-title-column {
  flex: 1 1 35%;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.servermo-feature-description-column {
  flex: 1 1 65%;
}
.servermo-feature-icon-wrapper {
  background-color: rgba(0, 123, 255, 0.1);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 0;
}
.servermo-feature-icon {
  color: #007bff;
  width: 28px;
  height: 28px;
}
.servermo-feature-card h3 {
  font-size: 24px !important;
  font-weight: 700;
  font-family: "poppins" !important;
  color: #212529;
  margin-bottom: 0;
}
.servermo-feature-card p {
  font-size: 1rem;
  margin: 0 !important;
  font-weight: 500;
  color: #000;
  font-family: "poppins" !important;
}
@media (max-width: 992px) {
  .servermo-feature-title-column {
    flex-basis: 40%;
  }
  .servermo-feature-description-column {
    flex-basis: 60%;
  }
}
@media (max-width: 768px) {
  .servermo-feature-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
  }
  .servermo-feature-title-column {
    margin-bottom: 1rem;
  }
}
.hsc-main-body {
  font-family: "Inter", sans-serif;
  background-color: #f8fafc;
  color: #1e293b;
}
.hsc-centered-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hsc-content-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.hsc-header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.hsc-main-heading {
  font-size: 1.875rem;
  font-weight: 800;
  color: #1e293b;
  letter-spacing: -0.025em;
}
.hsc-sub-heading {
  margin-top: 1rem;
  font-size: 1rem;
  color: #000;
  font-family: "poppins" !important;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.hsc-tabs-nav-list {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: 1px solid #e2e8f0;
}
.hsc-tab-button {
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748b;
  font-family: "poppins" !important;
  padding: 0.75rem 1rem;
  border: none;
  border-bottom: 3px solid transparent;
  background-color: transparent;
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s;
}
.hsc-tab-button:hover {
  color: #334155;
}
.hsc-tab-button.hsc-active-tab {
  color: #1e293b;
}
.hsc-tab-button[data-tab="hosting"].hsc-active-tab {
  border-color: #3b82f6;
}
.hsc-tab-button[data-tab="dev"].hsc-active-tab {
  border-color: #10b981;
}
.hsc-tab-button[data-tab="saas"].hsc-active-tab {
  border-color: #8b5cf6;
}
.hsc-tab-button[data-tab="vdi"].hsc-active-tab {
  border-color: #f59e0b;
}
.hsc-tab-panel {
  background-color: #fcf8ff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  border: 1px solid #dbdbdb;
}
.hsc-hidden {
  display: none;
}
.hsc-panel-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
}
.hsc-card-title {
  font-size: 28px !important;
  font-weight: 700;
  color: #1e293b;
  font-family: "poppins" !important;
  margin-bottom: 1rem;
}
.hsc-card-description {
  color: #000;
  font-family: "poppins" !important;
  line-height: 1.625;
  font-weight: 400;
}
.hsc-image-content img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
@media (min-width: 640px) {
  .hsc-main-heading {
    font-size: 2.25rem;
  }
  .hsc-sub-heading {
    font-size: 1.125rem;
  }
  .hsc-tab-button {
    font-size: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .hsc-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}
.hsc-header {
  margin-bottom: 3rem;
}
.hsc-main-heading {
  font-size: 3rem;
}
.hsc-tab-panel {
  padding: 3rem;
}
.hsc-card-title {
  font-size: 1.875rem;
}
.servermo-upgraded-location-container {
  margin-bottom: 3rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.servermo-upgraded-location-title {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #1e293b;
  margin: 0 0 2rem 0;
  padding-bottom: 1rem;
  border-bottom: 3px solid #cbd5e1;
}
.servermo-upgraded-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 2.5rem;
}
.servermo-dark-professional-card {
  background: #1e293b;
  border-radius: 16px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #334155;
  transition: all 0.3s ease;
  position: relative;
}
.servermo-dark-professional-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px -12px rgba(226, 232, 240, 0.15);
  border-color: #475569;
}
.servermo-dark-card-header {
  padding: 2rem;
  text-align: center;
}
.servermo-dark-card-processor-name {
  font-size: 1.2rem !important;
  font-weight: 700;
  color: #ffffff !important;
  margin: 0 0 0.5rem 0;
}
.servermo-dark-card-processor-details {
  font-size: 0.9rem;
  font-weight: 500;
  color: #94a3b8;
  margin: 0;
}
.servermo-dark-card-body {
  padding: 0 2rem 2rem 2rem;
  flex-grow: 1;
}
.servermo-dark-specs-list {
  list-style: none;
  padding: 1.5rem 0;
  margin: 0;
  border-top: 1px solid #334155;
  border-bottom: 1px solid #334155;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.servermo-dark-spec-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.servermo-dark-spec-label {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: #cbd5e1;
}
.servermo-dark-spec-icon {
  font-size: 1rem;
  color: #93c5fd;
  margin-right: 0.75rem;
  width: 20px;
}
.servermo-dark-spec-value {
  font-size: 1rem;
  font-weight: 600;
  color: #f1f5f9;
}
.servermo-dark-card-footer {
  padding: 0 2rem 2rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.servermo-dark-buy-now-button > i::before,
.servermo-dark-spec-icon::before,
.coupon-dark-icon::before,
.coupon-dark-copy-button > i::before {
  font-family: "FontAwesome";
}
.servermo-dark-price-container {
  line-height: 1.1;
}
.servermo-dark-price-amount {
  font-size: 2.25rem;
  font-weight: 800;
  color: #ffffff;
}
.servermo-dark-price-period {
  font-size: 0.9rem;
  font-weight: 500;
  color: #94a3b8;
}
.servermo-dark-buy-now-button {
  display: inline-block;
  background: linear-gradient(95deg, #22c55e, #16a34a);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.85rem 1.75rem;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px -8px rgba(34, 197, 94, 0.4);
}
.servermo-dark-buy-now-button:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 12px 25px -8px rgba(34, 197, 94, 0.5);
}
.servermo-dark-buy-now-button i {
  margin-right: 0.5rem;
}
.servermo-dark-ref-code {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 600;
  font-family: monospace;
  font-size: 0.75rem;
  color: #64748b;
}
.coupon-dark-wrapper {
  display: flex;
  border-radius: 10px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
  max-width: 320px;
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid #374151;
}
.coupon-dark-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.3);
  border-color: #4f46e5;
}
.coupon-dark-label-section {
  background-color: #4f46e5;
  color: #ffffff;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-right: 2px dashed rgba(255, 255, 255, 0.2);
}
.coupon-dark-icon {
  font-size: 1.1rem;
}
.coupon-dark-label-text {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.coupon-dark-code-section {
  background-color: #1f2937;
  color: #f9fafb;
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.coupon-dark-code-text {
  font-family: monospace;
  font-size: 14px !important;
  font-weight: 700;
}
.coupon-dark-copy-button {
  background-color: #374151;
  color: #9ca3af;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;
}
.coupon-dark-copy-button:hover {
  background-color: #4b5563;
  color: #ffffff;
}
.page-wrapper {
  font-family: "Inter", sans-serif;
  background-color: #ffffff;
  color: #1e293b;
  line-height: 1.6;
}
.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.choice-section {
  margin-bottom: 4rem;
}
.section-title {
  margin-bottom: 2rem;
}
.section-title h2 {
  font-size: 2.25rem;
  font-weight: 700;
}
.section-title p {
  font-size: 1.125rem;
  color: #000;
  margin-left: auto;
  margin-right: auto;
}
.card-grid {
  display: grid;
  gap: 2rem;
  margin: auto;
}
.info-card {
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  font-family: "poppins" !important;
  padding: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.card-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.card-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
  color: #0f172a;
  font-family: "poppins" !important;
}
.card-description {
  color: #000;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.card-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card-list li {
  display: flex;
  align-items: flex-start;
  color: #000;
  font-weight: 400;
  margin-bottom: 0.75rem;
}
.card-list-checkmark {
  color: #0ea5e9;
  margin-right: 0.75rem;
  margin-top: 0.25rem;
}
.best-for-box {
  margin-top: 1.5rem;
  background-color: #f1f5f9;
  border-radius: 0.5rem;
  padding: 1rem;
}
.best-for-box p:first-child {
  font-weight: 600;
  color: #0f172a;
}
.best-for-box p:last-child {
  color: #000;
  font-weight: 400;
}
@media (min-width: 768px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card-header > i {
  font-size: 30px;
  color: #c12107;
}
.servermo-hyperv-recommendation-page-wrapper-container {
  font-family: "Inter", sans-serif;
  background: linear-gradient(125deg, #f9fafb 0%, #f3f4f6 100%);
  color: #111827;
  line-height: 1.6;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}
.servermo-hyperv-recommendation-main-content-section-area {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.servermo-hyperv-server-recommendations-display-section {
  width: 100%;
}
.servermo-hyperv-recommendations-primary-header-block {
  text-align: center;
  margin-bottom: 2rem;
}
.servermo-hyperv-recommendations-header-main-title {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, #6d28d9, #4f46e5, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.servermo-hyperv-recommendations-header-sub-title {
  font-size: 1.125rem;
  color: #4b5563;
  max-width: 700px;
  margin: auto;
}
.servermo-hyperv-recommendation-table-container-wrapper {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.5rem;
  padding: 1rem;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}
.servermo-hyperv-recommendations-modern-table {
  width: 100%;
  border-collapse: collapse;
}
.servermo-hyperv-recommendations-modern-table thead {
  border-bottom: 2px solid rgba(79, 70, 229, 0.2);
}
.servermo-hyperv-recommendations-modern-table th {
  padding: 1.25rem 1.5rem;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #c12701;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.servermo-hyperv-recommendations-modern-table tbody tr {
  border-bottom: 1px solid rgba(229, 231, 235, 0.7);
}
.servermo-hyperv-recommendations-modern-table tbody tr:last-child {
  border-bottom: none;
}
.servermo-hyperv-recommendations-modern-table td {
  padding: 1.5rem;
  vertical-align: middle;
  font-family: "poppins" !important;
}
.servermo-hyperv-table-workload-title-cell {
  font-weight: 700;
  color: #111827;
  font-size: 1.125rem;
}
.servermo-hyperv-table-workload-description-cell {
  display: block;
  font-size: 0.875rem;
  color: #4b5563;
  margin-top: 0.25rem;
}
.servermo-hyperv-spec-with-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.servermo-hyperv-spec-fontawesome-icon {
  font-size: 1.5rem;
  width: 1.5rem;
  text-align: center;
  flex-shrink: 0;
  color: #4f46e5;
}
.servermo-hyperv-table-spec-detail-cell {
  color: #374151;
  font-size: 0.95rem;
}
.servermo-hyperv-table-configure-server-button {
  display: inline-block;
  white-space: nowrap;
  color: #fff !important;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  background: linear-gradient(90deg, #c12107, #831301);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);
}
.servermo-hyperv-table-configure-server-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 20px rgba(79, 70, 229, 0.4);
}
@media (max-width: 992px) {
  .servermo-hyperv-recommendations-modern-table thead {
    display: none;
  }
  .servermo-hyperv-recommendations-modern-table,
  .servermo-hyperv-recommendations-modern-table tbody,
  .servermo-hyperv-recommendations-modern-table tr,
  .servermo-hyperv-recommendations-modern-table td {
    display: block;
    width: 100%;
  }
  .servermo-hyperv-recommendations-modern-table tr {
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding-bottom: 1rem;
  }
  .servermo-hyperv-recommendations-modern-table tr:last-child {
    margin-bottom: 0;
  }
  .servermo-hyperv-recommendations-modern-table td {
    padding: 0.75rem 1.5rem;
    border: none;
    text-align: right;
    position: relative;
  }
  .servermo-hyperv-recommendations-modern-table td:before {
    content: attr(data-label);
    position: absolute;
    left: 1.5rem;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: 600;
    color: #4f46e5;
  }
  .servermo-hyperv-table-workload-title-cell {
    background: linear-gradient(90deg, #4f46e5, #6d28d9);
    color: white;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    text-align: center;
    padding: 1.25rem 1.5rem;
    width: 100%;
  }
  .servermo-hyperv-table-spec-detail-cell div {
    flex-direction: column;
    justify-content: center;
  }
  .servermo-hyperv-table-workload-title-cell:before {
    display: none;
  }
  .servermo-hyperv-table-workload-description-cell {
    display: none;
  }
  .servermo-hyperv-recommendations-modern-table td:last-child {
    text-align: center;
    padding-top: 1.5rem;
  }
  .servermo-hyperv-recommendations-modern-table td:last-child:before {
    display: none;
  }
  .servermo-hyperv-spec-with-icon {
    justify-content: flex-end;
  }
  .servermo-hyperv-recommendations-modern-table tbody tr {
    display: flex;
    flex-direction: column;
  }
  .servermo-hyperv-recommendations-modern-table tbody tr td {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .servermo-hyperv-recommendations-modern-table tbody tr td::before {
    display: none;
  }
}
.g-our-dedicated-server-features-layout-div-fill {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
}
.servermo-hyperv-interactive-install-guide-main-container {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.servermo-hyperv-interactive-install-guide-header-area {
  text-align: center;
  margin-bottom: 3rem;
}
.servermo-hyperv-interactive-install-guide-main-title-text {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
  color: #1e293b;
}
.servermo-hyperv-interactive-install-guide-sub-title-text {
  font-size: 1.1rem;
  color: #475569;
  max-width: 700px;
  margin: auto;
}
.servermo-hyperv-interactive-tabs-main-wrapper {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
  overflow: hidden;
  font-family: "Poppins" !important;
}
.servermo-hyperv-interactive-tabs-button-list {
  display: flex;
  background-color: #f1f5f9;
}
.servermo-hyperv-interactive-tab-button-item {
  flex: 1;
  padding: 1.25rem 1rem;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  color: #475569;
  border-bottom: 3px solid transparent;
  transition: color 0.3s ease, border-color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.servermo-hyperv-interactive-tab-button-item:hover {
  color: #4f46e5;
}
.servermo-hyperv-interactive-tab-button-item.active {
  color: #4f46e5;
  border-color: #4f46e5;
  background-color: #ffffff;
}
.servermo-hyperv-interactive-tabs-content-area {
  padding: 2.5rem;
}
.servermo-hyperv-interactive-tab-content-panel {
  display: none;
  animation: fadeIn 0.5s ease;
}
.servermo-hyperv-interactive-tab-content-panel.active {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.servermo-hyperv-gui-steps-ordered-list-container {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  counter-reset: step-counter;
}
.servermo-hyperv-gui-step-list-item {
  position: relative;
  padding-left: 3rem;
  padding-bottom: 2rem;
  border-left: 2px solid #e2e8f0;
}
.servermo-hyperv-gui-step-list-item:last-child {
  border-left: 2px solid transparent;
  padding-bottom: 0;
}
.servermo-hyperv-gui-step-list-item::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  left: -1rem;
  top: -0.25rem;
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border: 2px solid #4f46e5;
  color: #4f46e5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.servermo-hyperv-gui-step-title-text {
  font-weight: 600 !important;
  color: #1e293b;
  margin-bottom: 0.25rem;
  display: block;
}
.servermo-hyperv-powershell-code-block-container {
  background-color: #1e293b;
  border-radius: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.servermo-hyperv-powershell-code-block-header {
  background-color: #334155;
  padding: 0.75rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.servermo-hyperv-powershell-code-block-title {
  color: #e2e8f0;
  font-size: 0.875rem;
  font-weight: 500;
}
.servermo-hyperv-powershell-code-copy-button {
  background-color: #475569;
  color: #e2e8f0;
  border: none;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  transition: background-color 0.2s;
}
.servermo-hyperv-powershell-code-copy-button:hover {
  background-color: #64748b;
}
.servermo-hyperv-powershell-code-content-wrapper {
  padding: 1.5rem;
}
.servermo-hyperv-powershell-code-content-wrapper pre code {
  color: #000 !important;
}
.servermo-hyperv-powershell-code-snippet-text {
  font-family: "SF Mono", "Menlo", "Monaco", monospace;
  color: #f1f5f9;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 0.95rem;
}
.servermo-hyperv-powershell-explanation-text code {
  background-color: #e2e8f0;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #1e293b;
}
.g-code-panel-body code{

  border: none !important;
}
@media (max-width: 640px) {
  .servermo-hyperv-interactive-install-guide-main-title-text {
    font-size: 2rem;
  }
  .servermo-hyperv-interactive-tabs-content-area {
    padding: 1.5rem;
  }
  .servermo-hyperv-interactive-tab-button-item {
    font-size: 0.9rem;
  }
}
.servermo-custom-design-page-font-family {
  font-family: "poppins";
  background-color: #f8fafc;
  color: #334155;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.servermo-custom-design-main-section-container {
  padding: 2rem 1rem;
}
.servermo-custom-design-content-limiter {
  margin: 0 auto;
  padding: 0 1.5rem;
}
.servermo-custom-design-section-header-block {
  text-align: center;
  margin-bottom: 4rem;
}
.servermo-custom-design-main-headline {
  font-size: 2.5rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.025em;
  margin: 0;
}
.servermo-custom-design-subtitle-paragraph {
  max-width: 700px;
  margin: 1rem auto 0;
  font-size: 1.125rem;
  line-height: 1.75;
  color: #475569;
}
.servermo-custom-design-use-cases-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}
.servermo-custom-design-card-item {
  background-color: #ffffff;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 2px 4px -2px rgba(0, 0, 0, 0.05);
}
.servermo-custom-design-card-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.servermo-custom-design-card-primary-content {
  padding: 2rem 2rem 1rem 2rem;
  flex-grow: 1;
}
.servermo-custom-design-icon-container {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.servermo-custom-design-icon-container svg {
  width: 1.75rem;
  height: 1.75rem;
}
.servermo-custom-design-icon-container--hosting {
  background-color: #eff6ff;
  color: #3b82f6;
}
.servermo-custom-design-icon-container--ecommerce {
  background-color: #f0fdf4;
  color: #22c55e;
}
.servermo-custom-design-icon-container--gaming {
  background-color: #faf5ff;
  color: #9333ea;
}
.servermo-custom-design-icon-container--saas {
  background-color: #fef2f2;
  color: #ef4444;
}
.servermo-custom-design-card-headline {
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #1e293b;
  font-family: "poppins" !important;
  margin: 0 0 0.5rem 0;
}
.servermo-custom-design-card-opportunity-text {
  color: #475569;
  margin-bottom: 1rem;
  font-weight: 400 !important;
  font-family: "poppins" !important;
  line-height: 1.6;
}
.servermo-custom-design-card-opportunity-text strong {
  color: #1e293b;
  font-weight: 600;
}
.servermo-custom-design-card-requirements-text {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 400 !important;
  font-family: "poppins" !important;
}
.g-silver-background {
  background-color: #f9f9f9 !important;
}
.servermo-custom-design-card-requirements-text strong {
  color: #334155;
  font-weight: 600;
}
.servermo-custom-design-card-solution-footer {
  background-color: #f8fafc;
  padding: 2rem;
  border-top: 1px solid #e2e8f0;
}
.servermo-custom-design-solution-title {
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  font-family: "poppins" !important;
  font-size: 22px !important;
  color: #c12107 !important;
}
.servermo-custom-design-solution-title--hosting {
  color: #2563eb;
}
.servermo-custom-design-solution-title--ecommerce {
  color: #16a34a;
}
.servermo-custom-design-solution-title--gaming {
  color: #7e22ce;
}
.servermo-custom-design-solution-title--saas {
  color: #dc2626;
}
.servermo-custom-design-solution-description {
  color: #334155;
  line-height: 1.6;
  font-family: "poppins" !important;
  font-weight: 400 !important;
  margin: 0;
}
@media (max-width: 1024px) {
  .servermo-custom-design-use-cases-grid {
    gap: 1.5rem;
  }
  .servermo-custom-design-main-headline {
    font-size: 2.25rem;
  }
}
@media (max-width: 768px) {
  .servermo-custom-design-use-cases-grid {
    grid-template-columns: 1fr;
  }
}
.servermo-exclusive-design-body-styles {
  font-family: "Inter", sans-serif;
  background-color: #f0f4f8;
  color: #334155;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 2rem;
}
.servermo-exclusive-design-content-limiter {
  max-width: 1300px;
  margin: 50px auto;
  width: 100%;
  font-family: 'poppins' !important;
} 
.g-colored-background {
  background-color: #141414 !important;
}
.servermo-exclusive-design-cta-banner-container {
  background-image: radial-gradient(circle at top, #1e3a8a, #0c1e3d);
  color: #f8fafc;
  padding: 5rem 2rem;
  border-radius: 1.5rem;
  text-align: center;
  box-shadow: 0 25px 50px -12px rgba(30, 58, 138, 0.4);
  position: relative;
  overflow: hidden;
  border: 1px solid #1e40af;
}
.servermo-exclusive-design-cta-banner-container::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgba(59, 130, 246, 0.15),
    transparent 70%
  );
  opacity: 0.8;
  pointer-events: none;
}
.servermo-exclusive-design-cta-headline {
  font-family: "Poppins" !important;
  font-size: 30px !important;
  text-transform: capitalize !important;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.servermo-exclusive-design-cta-sub-headline {
  max-width: 650px;
  margin: 1.5rem auto 3rem;
  color: #dbeafe;
  font-size: 1.125rem;
  line-height: 1.75;
  opacity: 0.9;
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
.servermo-exclusive-design-cta-buttons-wrapper {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.servermo-exclusive-design-cta-button {
  padding: 0.875rem 2rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-family: "Poppins" !important;
  gap: 0.5rem;
  border: 2px solid transparent;
}
.servermo-exclusive-design-cta-button:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.2);
}
.servermo-exclusive-design-cta-button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.servermo-exclusive-design-cta-button--primary {
  background-image: linear-gradient(to right, #3b82f6, #60a5fa);
  color: white;
  box-shadow: 0 8px 15px -3px rgba(59, 130, 246, 0.4);
}
.servermo-exclusive-design-cta-button--primary:hover {
  background-image: linear-gradient(to right, #2563eb, #3b82f6);
}
.servermo-exclusive-design-cta-button--secondary {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  border-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}
.servermo-exclusive-design-cta-button--secondary:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}
.servermo-dark-price-original {
  color: #c12701 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
.servermo-old-price-amo {
  padding-left: 2rem;
}
.GAMING_BANNER_SECTION_WRAPPER {
  font-family: "Poppins", sans-serif !important;
}
.GAMING_BANNER_MAIN_CONTAINER {
  position: relative;
  padding: 3rem 4rem;
  width: 100%;
  background: linear-gradient(145deg, #0f172a, #02091a);
  border: 1px solid #1e293b;
  border-radius: 16px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.GAMING_BANNER_MAIN_CONTAINER::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M13.422 4.1l-3.1 9.42-7.85-9.35A12 12 0 000 12h5.16l4.21 4.98-2.1 6.55L0 12v.02c.02 3.1 1.2 5.92 3.12 8.07l9.74-11.6-.26-1.1c-.65-2.22-2.1-3.66-3.18-4.29zM24 12v-.02c-.02-3.1-1.2-5.92-3.12-8.07l-9.74 11.6.26 1.1c.65 2.22 2.1 3.66 3.18 4.29l3.1-9.42 7.85 9.35A12 12 0 0024 12h-5.16l-4.21-4.98 2.1-6.55L24 12z'/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M18.9 1.1v7.6h-1.8V1.1h-5.7v11.7l-4.2-4.2V1.1H1.5v16.1L0 18.7v4.2h6.2v-7.6h1.8v7.6h5.7V12.1l4.2 4.2v7.6h5.7V6.8L24 5.3V1.1h-5.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: top -80px left -100px, bottom -80px right -100px;
  background-size: 350px;
  opacity: 0.04;
  filter: blur(10px);
  transform: rotate(-15deg);
}
.GAMING_BANNER_MAIN_CONTAINER:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
}
.GAMING_BANNER_PRIMARY_HEADLINE {
  font-weight: 700 !important;
  font-size: 3rem !important;
  margin-bottom: 0.5rem;
  letter-spacing: 1.5px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 15px rgba(14, 165, 233, 0.5),
    0 0 25px rgba(56, 189, 248, 0.5);
}
.GAMING_BANNER_SECONDARY_HEADLINE {
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  margin-bottom: 1.5rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.GAMING_BANNER_DESCRIPTION_TEXT {
  font-size: 1.1rem;
  line-height: 1.7;
  max-width: 750px;
  margin: 0 auto 2.5rem auto;
  color: #c0c0d0;
}
.GAMING_BANNER_CTA_BUTTON_GROUP {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.GAMING_BANNER_CTA_BUTTON {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.8rem;
  text-decoration: none;
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #ffffff !important;
  border: 2px solid transparent;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.GAMING_BANNER_CTA_BUTTON .fa-solid {
  margin-right: 0.75rem;
  font-size: 1.1rem;
}
.GAMING_BANNER_CTA_PRIMARY {
  background-color: #0ea5e9;
  box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);
}
.GAMING_BANNER_CTA_PRIMARY:hover {
  background-color: #38bdf8;
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.5);
  transform: translateY(-3px);
}
.GAMING_BANNER_CTA_SECONDARY {
  background-color: transparent;
  border-color: #3b82f6;
}
.GAMING_BANNER_CTA_SECONDARY:hover {
  background-color: #3b82f6;
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
  transform: translateY(-3px);
}
@media (max-width: 768px) {
  .GAMING_BANNER_MAIN_CONTAINER {
    padding: 2.5rem 1.5rem;
    border-radius: 12px;
  }
  .GAMING_BANNER_PRIMARY_HEADLINE {
    font-size: 2rem !important;
  }
  .GAMING_BANNER_SECONDARY_HEADLINE {
    font-size: 1.1rem;
  }
  .GAMING_BANNER_DESCRIPTION_TEXT {
    font-size: 1rem;
  }
  .GAMING_BANNER_CTA_BUTTON_GROUP {
    flex-direction: column;
    gap: 1rem;
  }
  .GAMING_BANNER_CTA_BUTTON {
    padding: 0.8rem 1.5rem;
    font-size: 0.9rem;
  }
}
.ai-challenge-main-content-wrapper {
  max-width: 14px;
  margin: 0 auto;
}
.ai-challenge-header-section {
  text-align: center;
  margin-bottom: 4rem;
}
.ai-challenge-main-title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #1a253c;
  line-height: 1.3;
  margin: 0;
  padding-bottom: 0.5rem;
}
.ai-challenge-subtitle {
  font-size: 1.125rem;
  color: #5a677d;
  max-width: 800px;
  margin: 0.5rem auto 0;
}
.ai-challenge-grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  margin-bottom: 4rem;
}
.ai-challenge-info-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-top-width: 4px;
}
.ai-challenge-info-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.ai-challenge-border-blue {
  border-top-color: #3b82f6;
}
.ai-challenge-border-orange {
  border-top-color: #f97316;
}
.ai-challenge-card-icon-container {
  margin-bottom: 1.5rem;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.ai-challenge-icon-style {
  width: 28px;
  height: 28px;
}
.ai-challenge-icon-bg-blue {
  background-color: #dbeafe;
  color: #3b82f6;
}
.ai-challenge-icon-bg-teal {
  background-color: #ccfbf1;
  color: #14b8a6;
}
.ai-challenge-icon-bg-orange {
  background-color: #ffedd5;
  color: #f97316;
}
.ai-challenge-card-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1a253c;
  margin-top: 0;
  margin-bottom: 1rem;
}
.ai-challenge-card-text {
  font-size: 1rem;
  color: #5a677d;
  flex-grow: 1;
  margin: 0;
}
.ai-challenge-section-divider {
  text-align: center;
  margin: 4rem 0 3rem;
}
.ai-challenge-section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a253c;
  display: inline-block;
  position: relative;
  padding-bottom: 0.75rem;
}
.ai-challenge-section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background-color: #3b82f6;
}
@media (max-width: 768px) {
  .ai-challenge-main-title {
    font-size: 2.2rem;
  }
  .ai-challenge-section-title {
    font-size: 1.9rem;
  }
  .ai-challenge-info-card {
    padding: 1.5rem;
  }
}
.ai-challenge-main-content-wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
.server-guide-header-section {
  text-align: center;
  margin-bottom: 3rem;
}
.server-guide-main-title {
  font-size: 2.75rem;
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 0.75rem;
}
.server-guide-subtitle {
  font-size: 1.125rem;
  color: #6b7280;
  max-width: 800px;
  margin: 0.5rem auto 0;
}
.server-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 2.5rem;
  align-items: stretch;
}
.server-guide-card {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 2.5rem;
  border: 1px solid #e5e7eb;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.server-guide-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.server-guide-card-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.server-guide-card-number {
  font-family: "Source Code Pro", monospace;
  font-size: 1.5rem;
  font-weight: 600;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
}
.server-guide-card-title {
  font-size: 1.5rem;
  font-family: "poppins" !important;
  font-weight: 600 !important;
  color: #111827;
  line-height: 1.3;
}
.server-guide-card-body {
  flex-grow: 1;
}
.server-guide-card-subtitle {
  font-size: 1rem;
  color: #374151;
  font-family: "poppins" !important;
  font-weight: 400 !important;
  margin-bottom: 2rem;
}
.server-guide-hardware-title {
  font-family: "poppins" !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 0.5rem;
}
.server-guide-hardware-text {
  font-size: 1rem;
  color: #4b5563;
  font-family: "poppins" !important;
  font-weight: 400 !important;
  margin-bottom: 2rem;
}
.server-guide-recommendation {
  margin-top: auto;
  padding: 1.5rem;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
}
.server-guide-recommendation-title {
  font-family: "poppins" !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.5rem;
  color: #c12107 !important;
}
.server-guide-recommendation-text {
  font-size: 0.95rem;
  font-family: "poppins" !important;
  font-weight: 400 !important;
  line-height: 1.6;
  color: #374151;
}
.accent-blue .server-guide-card-number {
  border-color: #3b82f6;
  color: #3b82f6;
}
.accent-blue .server-guide-recommendation {
  border-color: #dbeafe;
  background-color: #eff6ff;
}
.accent-blue .server-guide-recommendation-title {
  color: #2563eb;
}
.accent-blue:hover {
  border-color: #3b82f6;
}
.accent-green .server-guide-card-number {
  border-color: #22c55e;
  color: #22c55e;
}
.accent-green .server-guide-recommendation {
  border-color: #dcfce7;
  background-color: #f0fdf4;
}
.accent-green .server-guide-recommendation-title {
  color: #16a34a;
}
.accent-green:hover {
  border-color: #22c55e;
}
.accent-purple .server-guide-card-number {
  border-color: #a855f7;
  color: #a855f7;
}
.accent-purple .server-guide-recommendation {
  border-color: #f3e8ff;
  background-color: #faf5ff;
}
.accent-purple .server-guide-recommendation-title {
  color: #9333ea;
}
.accent-purple:hover {
  border-color: #a855f7;
}
@media (max-width: 768px) {
  .server-guide-main-title {
    font-size: 2.2rem;
  }
  .server-guide-header-section {
    margin-bottom: 3rem;
  }
}
.commercial-banner-section {
  position: relative;
  padding: 5rem 2rem;
  text-align: center;
  background: radial-gradient(
      circle at 10% 20%,
      rgba(18, 16, 61, 0.8),
      transparent 40%
    ),
    radial-gradient(circle at 90% 80%, rgba(56, 16, 107, 0.6), transparent 50%),
    #0a0c1f;
  border-radius: 24px;
  margin: 1rem auto 3rem auto;
  max-width: 1440px;
  border: 1px solid rgba(129, 140, 248, 0.2);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  z-index: 1;
}
.commercial-banner-section::before,
.commercial-banner-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
}
.commercial-banner-section::before {
  width: 400px;
  height: 400px;
  background: linear-gradient(135deg, #c12107, #ff5f00);
  top: -150px;
  left: -150px;
  animation: pulse-glow-1 12s infinite alternate;
}
.commercial-banner-section::after {
  width: 300px;
  height: 300px;
  background: linear-gradient(135deg, #c12107, #9d1a05);
  bottom: -100px;
  right: -100px;
  animation: pulse-glow-2 15s infinite alternate;
}
@keyframes pulse-glow-1 {
  from {
    transform: scale(0.9) rotate(0deg);
    opacity: 0.2;
  }
  to {
    transform: scale(1.1) rotate(45deg);
    opacity: 0.4;
  }
}
@keyframes pulse-glow-2 {
  from {
    transform: scale(1.1) rotate(0deg);
    opacity: 0.4;
  }
  to {
    transform: scale(0.9) rotate(-45deg);
    opacity: 0.2;
  }
}
.commercial-banner-title {
  font-size: 3.25rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  max-width: 800px;
  font-family: "poppins" !important;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
.commercial-banner-text {
  font-family: "poppins" !important;
  font-size: 1.125rem !important;
  color: #c7d2fe;
  max-width: 750px;
  margin: 0 auto 3rem auto;
  line-height: 1.8;
}
.commercial-banner-cta-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.commercial-banner-cta-primary {
  display: inline-block;
  background: linear-gradient(90deg, #c12107 0%, #e65c00 100%);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 600 !important;
  font-family: "poppins" !important;
  padding: 1rem 2.5rem;
  border-radius: 8px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
  box-shadow: 0 10px 30px -10px rgba(193, 33, 7, 0.5);
}
.commercial-banner-cta-primary:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 15px 35px -10px rgba(193, 33, 7, 0.7);
}
.commercial-banner-cta-secondary {
  display: inline-block;
  background-color: rgba(30, 27, 75, 0.5);
  color: #ffc1b8 !important;
  font-size: 1rem;
  font-weight: 600 !important;
  font-family: "poppins" !important;
  padding: calc(1rem - 2px) calc(2.5rem - 2px);
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
  border: 2px solid rgba(193, 33, 7, 0.4);
  backdrop-filter: blur(5px);
}
.commercial-banner-cta-secondary:hover {
  background-color: rgba(193, 33, 7, 0.2);
  border-color: rgba(193, 33, 7, 0.6);
  color: #ffffff;
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .commercial-banner-title {
    font-size: 2.5rem;
  }
  .commercial-banner-section {
    padding: 4rem 1.5rem;
  }
  .commercial-banner-cta-wrapper {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
  .commercial-banner-cta-primary,
  .commercial-banner-cta-secondary {
    width: 100%;
    max-width: 320px;
  }
}
.g-gaming-server-features-main-layout > article > a > div > p {
  color: #000 !important;
}
.servermo-sample-content-wrapper {
  max-width: 900px !important;
  margin: auto !important;
  padding: 3rem !important;
}
.servermo-sample-headline {
  font-family: "Montserrat", sans-serif !important;
  font-size: 3rem !important;
  font-weight: 900 !important;
  margin-bottom: 1.5rem !important;
  color: #e2e8f0 !important;
}
.servermo-sample-paragraph {
  font-family: "Poppins", sans-serif !important;
  font-size: 1.25rem !important;
  color: #a0aec0 !important;
  line-height: 1.8 !important;
}
.servermo-promo-overlay-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(10, 20, 40, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  z-index: 10000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out !important;
}
.servermo-promo-overlay-wrapper--active {
  opacity: 1 !important;
  visibility: visible !important;
}
.servermo-promo-modal-content-area {
  position: relative !important;
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  border-radius: 1.5rem !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
  width: 100% !important;
  max-width: 48rem !important;
  margin: 0 auto !important;
  transform: scale(0.95) translateY(15px) !important;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: row !important;
}
.servermo-promo-modal-visual-side {
  background: linear-gradient(160deg, #1a202c, #111827) !important;
  padding: 2.5rem !important;
  width: 40% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.servermo-promo-modal-info-side {
  padding: 3rem 2.5rem !important;
  width: 60% !important;
  text-align: left !important;
}
.servermo-promo-overlay-wrapper--active .servermo-promo-modal-content-area {
  transform: scale(1) translateY(0) !important;
}
.servermo-promo-close-action-button {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  background: none !important;
  border: none !important;
  color: #a0aec0 !important;
  cursor: pointer !important;
  padding: 0.5rem !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
  font-size: 1.5rem !important;
  z-index: 10 !important;
}
.servermo-promo-close-action-button:hover {
  color: #ffffff !important;
  transform: rotate(90deg) !important;
}
.servermo-promo-company-brand-logo {
  margin: 0 auto 1rem auto !important;
  height: 3.5rem !important;
  max-width: 150px !important;
}
.servermo-brand-tagline {
  font-family: "Montserrat", sans-serif !important;
  color: #a0aec0 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 2rem !important;
}
.servermo-features-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
  align-items: flex-start !important;
  width: 100% !important;
  padding-left: 1.5rem !important;
}
.servermo-feature-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  text-align: left !important;
}
.servermo-feature-icon {
  width: 24px !important;
  height: 24px !important;
  color: #c12107 !important;
  flex-shrink: 0 !important;
}
.servermo-feature-text {
  font-family: "Poppins", sans-serif !important;
  color: #a0aec0;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}
.servermo-promo-grand-headline {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2.25rem !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  background: linear-gradient(90deg, #ff7e5f, #e65c00) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  line-height: 1.2 !important;
}
.servermo-promo-offer-details-text {
  color: #cbd5e1 !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.7 !important;
  font-size: 1rem !important;
}
.servermo-promo-countdown-flex-container {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 2rem 0 !important;
  flex-wrap: wrap !important;
}
.servermo-promo-countdown-time-block {
  background-color: rgba(26, 32, 44, 0.7) !important;
  padding: 1rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid #4a5568 !important;
  text-align: center !important;
}
@media screen and (max-width: 750px) {
  .servermo-promo-modal-content-area {
    height: 500px;
    overflow: scroll !important;
  }
}
.servermo-promo-countdown-number-display {
  display: block !important;
  font-size: 2.25rem !important;
  font-weight: 900 !important;
  color: #e65c00 !important;
  font-family: "Montserrat", sans-serif !important;
}
.servermo-promo-countdown-number-display--seconds-flash {
  color: #ff5252 !important;
  animation: servermo-flash-seconds-dark 1.5s infinite !important;
}
.servermo-promo-countdown-label-text {
  display: block !important;
  font-size: 0.75rem !important;
  color: #a0aec0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-top: 0.2rem !important;
}
.servermo-expired-offer-message {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.8rem !important;
  font-weight: bold !important;
  color: #ff5252 !important;
}
.servermo-promo-action-button-link {
  display: inline-block !important;
  background: linear-gradient(90deg, #c12107, #e65c00) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 0.8rem 2rem !important;
  border-radius: 0.5rem !important;
  font-size: 1.1rem !important;
  text-decoration: none !important;
  transition: all 0.4s ease-in-out !important;
  box-shadow: 0 6px 20px rgba(230, 92, 0, 0.3) !important;
  border: none !important;
  animation: servermo-button-pulse-dark 2s infinite !important;
}
.servermo-promo-action-button-link:hover {
  transform: scale(1.08) translateY(-4px) !important;
  box-shadow: 0 10px 30px rgba(230, 92, 0, 0.4) !important;
  filter: brightness(1.1) !important;
}
.servermo-hidden {
  display: none !important;
}
@keyframes servermo-flash-seconds-dark {
  0%,
  100% {
    opacity: 1 !important;
  }
  50% {
    opacity: 0.7 !important;
  }
}
@keyframes servermo-button-pulse-dark {
  0%,
  100% {
    transform: scale(1) !important;
    box-shadow: 0 6px 20px rgba(230, 92, 0, 0.3) !important;
  }
  50% {
    transform: scale(1.02) !important;
    box-shadow: 0 10px 25px rgba(230, 92, 0, 0.4) !important;
  }
}
@media (max-width: 768px) {
  .servermo-promo-modal-content-area {
    flex-direction: column !important;
    max-width: 24rem !important;
  }
  .servermo-promo-modal-visual-side,
  .servermo-promo-modal-info-side {
    width: 100% !important;
  }
  .servermo-promo-modal-visual-side {
    padding: 2rem 1.5rem !important;
  }
  .servermo-features-list {
    align-items: center !important;
    padding-left: 0 !important;
    margin-top: 1.5rem !important;
    gap: 0.75rem !important;
  }
  .servermo-promo-modal-info-side {
    padding: 2rem 1.5rem 2.5rem 1.5rem !important;
    text-align: center !important;
  }
  .servermo-promo-countdown-flex-container {
    justify-content: center !important;
  }
  .servermo-promo-grand-headline {
    font-size: 2rem !important;
  }
}
.servermo-attractive-text-link {
  display: inline-block !important;
  position: relative !important;
  background: linear-gradient(90deg, #ff6565, #ff2222, #c12107) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-family: "poppins", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out !important;
}
.servermo-attractive-text-link::after {
  content: "" !important;
  position: absolute !important;
  width: 0 !important;
  height: 3px !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, #ff5722, #ff8a65) !important;
  border-radius: 2px !important;
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.servermo-attractive-text-link:hover {
  transform: scale(1.05) !important;
  filter: brightness(1.15) !important;
}
.servermo-attractive-text-link:hover::after {
  width: 100% !important;
}
.servermo-attractive-text-link:active {
  transform: scale(1.02) !important;
}
.servermo-promo-modal-content-area {
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 40px rgba(0, 242, 255, 0.2),
    inset 0 0 20px rgba(0, 242, 255, 0.05) !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
}
.servermo-promo-modal-content-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #00f2ff, #bd00ff, #00f2ff);
  z-index: 20;
  box-shadow: 0 2px 10px rgba(0, 242, 255, 0.5);
}
.servermo-promo-modal-visual-side {
  background: linear-gradient(160deg, #0a1025 0%, #1a1f35 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.servermo-promo-modal-visual-side::before {
  content: "🎅" !important;
  font-size: 10rem !important;
  position: absolute !important;
  bottom: -20px !important;
  left: -20px !important;
  z-index: 1 !important;
  filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.6)) grayscale(0.2) !important;
  opacity: 0.15 !important;
  transform: rotate(-15deg) !important;
  transition: all 0.5s ease !important;
}
.servermo-promo-modal-visual-side:hover::before {
  opacity: 0.4 !important;
  transform: rotate(0deg) scale(1.1) !important;
  filter: drop-shadow(0 0 25px rgba(255, 0, 0, 0.9)) !important;
}
.servermo-promo-modal-visual-side::after {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: 0 !important;
  width: 100% !important;
  height: 200% !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background-image: radial-gradient(
      4px 4px at 20% 30%,
      rgba(255, 255, 255, 0.9),
      transparent
    ),
    radial-gradient(4px 4px at 40% 70%, rgba(255, 255, 255, 0.8), transparent),
    radial-gradient(4px 4px at 80% 80%, rgba(255, 255, 255, 0.9), transparent),
    radial-gradient(3px 3px at 10% 90%, rgba(0, 242, 255, 0.8), transparent),
    radial-gradient(3px 3px at 90% 10%, rgba(189, 0, 255, 0.8), transparent);
  background-size: 250px 250px !important;
  animation: servermo-snow-fall 8s linear infinite !important;
}
.servermo-promo-company-brand-logo,
.servermo-brand-tagline,
.servermo-features-list {
  position: relative !important;
  z-index: 10 !important;
}
.servermo-promo-grand-headline {
  font-family: "Montserrat", sans-serif !important;
  background: linear-gradient(
    135deg,
    #fff 0%,
    #00f2ff 50%,
    #bd00ff 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 20px rgba(0, 242, 255, 0.3) !important;
  font-weight: 900 !important;
  margin-bottom: 1.5rem !important;
}
.servermo-promo-grand-headline::after {
  content: none !important;
}
.servermo-feature-icon {
  color: #00f2ff !important;
  filter: drop-shadow(0 0 8px rgba(0, 242, 255, 0.6));
}
.servermo-promo-offer-details-text {
  color: #cbd5e1 !important;
  font-size: 1.1rem !important;
}
.servermo-promo-countdown-time-block {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1rem !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.servermo-promo-countdown-number-display {
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.servermo-promo-countdown-number-display--seconds-flash {
  color: #00f2ff !important;
  animation: servermo-flash-seconds-neon 1.5s infinite !important;
}
.servermo-promo-countdown-label-text {
  color: #00f2ff !important;
}
.servermo-promo-action-button-link {
  background: linear-gradient(90deg, #00c6ff, #0072ff, #bd00ff) !important;
  background-size: 200% auto !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 198, 255, 0.4) !important;
  animation: gradient-move 3s linear infinite,
    servermo-button-pulse-neon 2s infinite !important;
}
.servermo-promo-action-button-link:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 0 40px rgba(0, 198, 255, 0.6) !important;
}
@keyframes servermo-snow-fall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(125px);
  }
}
@keyframes servermo-flash-seconds-neon {
  0%,
  100% {
    opacity: 1;
    text-shadow: 0 0 15px rgba(0, 242, 255, 0.8);
  }
  50% {
    opacity: 0.7;
    text-shadow: 0 0 5px rgba(0, 242, 255, 0.5);
  }
}
@keyframes gradient-move {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes servermo-button-pulse-neon {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
@keyframes svmo-content-fade-in {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.svmo-tabs-wrapper {
  font-family: "Poppins", sans-serif !important;
  background-color: #f9fafb !important;
  background-image: radial-gradient(#e5e7eb 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  color: #374151 !important;
}
.svmo-container {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 4rem 1rem !important;
}
@media (min-width: 640px) {
  .svmo-container {
    padding: 6rem 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .svmo-container {
    padding: 6rem 2rem !important;
  }
}
.svmo-text-center {
  text-align: center !important;
}
.svmo-text-left {
  text-align: left !important;
}
.svmo-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.svmo-text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.svmo-text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.svmo-mb-16 {
  margin-bottom: 4rem !important;
}
.svmo-mt-3 {
  margin-top: 0.75rem !important;
}
.svmo-mt-4 {
  margin-top: 1rem !important;
}
.svmo-mt-6 {
  margin-top: 1.5rem !important;
}
.svmo-max-w-3xl {
  max-width: 48rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.svmo-grid {
  display: grid !important;
}
.svmo-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
@media (min-width: 1024px) {
  .svmo-lg-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .svmo-lg-col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .svmo-lg-col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .svmo-lg-gap-12 {
    gap: 3rem !important;
  }
}
.svmo-flex {
  display: flex !important;
}
.svmo-flex-col {
  flex-direction: column !important;
}
.svmo-items-start {
  align-items: flex-start !important;
}
.svmo-items-center {
  align-items: center !important;
}
.svmo-justify-center {
  justify-content: center !important;
}
.svmo-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.svmo-gap-3 {
  gap: 0.75rem !important;
}
.svmo-gap-6 {
  gap: 1.5rem !important;
}
.svmo-gap-8 {
  gap: 2rem !important;
}
.svmo-icon {
  width: 2rem !important;
  height: 2rem !important;
}
.svmo-hidden {
  display: none !important;
}
.svmo-main-heading-v4 {
  color: #111827 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  font-size: 2.25rem !important;
}
@media (min-width: 640px) {
  .svmo-main-heading-v4 {
    font-size: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .svmo-main-heading-v4 {
    font-size: 3.75rem !important;
  }
}
.svmo-sub-heading-v4 {
  color: #3b82f6 !important;
  font-weight: 600 !important;
}
.svmo-paragraph-text-v4 {
  color: #4b5563 !important;
  line-height: 1.75 !important;
}
.svmo-tabs-nav-button {
  width: 100% !important;
  padding: 1rem 1.5rem !important;
  border-radius: 0.75rem !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  transition: all 0.3s ease-in-out !important;
  cursor: pointer !important;
}
.svmo-tabs-nav-button:hover {
  color: #000 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}
.svmo-tab-active {
  background-image: linear-gradient(to right, #ff735c, #c12107) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 10px 20px -5px rgba(59, 130, 246, 0.4) !important;
}
.svmo-tabs-content-panel {
  background-color: #ffffff !important;
  padding: 2.5rem !important;
  border-radius: 1rem !important;
  border: 1px solid #f3f4f6 !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  animation: svmo-content-fade-in 0.5s ease-out forwards;
}
.svmo-content-icon-container {
  background-image: linear-gradient(to top right, #ff735c, #c12107) !important;
  color: #ffffff !important;
  border-radius: 1rem !important;
  width: 4rem !important;
  height: 4rem !important;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}
.svmo-content-title {
  color: #111827 !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
}
.svmo-para-wrapper {
  font-family: "Poppins", sans-serif !important;
  background-color: #ffffff !important;
  color: #374151 !important;
  line-height: 1.7 !important;
}
.svmo-container-v4 {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 4rem 1.5rem !important;
}
@media (min-width: 768px) {
  .svmo-container-v4 {
    padding: 5rem 1.5rem !important;
  }
}
.svmo-header-v4 {
  text-align: center !important;
  margin-bottom: 4rem !important;
}
.svmo-header-v4 h2 {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 !important;
}
.svmo-header-v4 p {
  font-size: 1.125rem !important;
  margin: 0.75rem auto 0 auto !important;
  color: #000 !important;
}
.svmo-para-item {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
  padding-bottom: 3rem !important;
  margin-bottom: 3rem !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.svmo-para-item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 768px) {
  .svmo-para-item {
    grid-template-columns: 1fr 3fr !important;
    gap: 2.5rem !important;
  }
}
.svmo-para-title-section {
}
.svmo-para-icon-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 4.5rem !important;
  height: 4.5rem !important;
  border-radius: 0.75rem !important;
  margin-bottom: 1rem !important;
}
.svmo-para-icon-wrapper svg {
  width: 2rem !important;
  height: 2rem !important;
}
.svmo-para-title {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
  font-family: "Poppins", sans-serif !important;
  margin: 0 0 0.5rem 0 !important;
}
.svmo-para-subtitle {
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
}
.svmo-para-content-section{
      display: flex;
    align-items: baseline;
    flex-direction: column;
    justify-content: center;
}
.svmo-para-content-section p {
  margin: 0 0 1.5rem 0 !important;
  font-family: "Poppins", sans-serif !important;
}
.svmo-para-content-section p:last-child {
  margin-bottom: 0 !important;
}
.svmo-para-content-section strong {
  font-weight: 600 !important;
  /* color: #1f2937 !important; */
  color: #c12701 !important;
  display: block !important;
  font-family: "Poppins", sans-serif !important;
  margin-bottom: 0.75rem !important;
}
.svmo-para-content-section ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.svmo-para-content-section li {
  position: relative !important;
  padding-left: 1.75rem !important;
  font-family: "Poppins", sans-serif !important;
  margin-bottom: 0.75rem !important;
}
.svmo-para-content-section li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  color: #2563eb !important;
  font-weight: 600 !important;
}
.showcase-section-wrapper {
  font-family: "Poppins", sans-serif !important;
  background-color: #ffffff !important;
  color: #374151 !important;
  line-height: 1.7 !important;
}
.showcase-content-container {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 4rem 1.5rem !important;
}
@media (min-width: 768px) {
  .showcase-content-container {
    padding: 5rem 1.5rem !important;
  }
}
.showcase-main-header {
  text-align: center !important;
  margin-bottom: 5rem !important;
}
.showcase-main-header h2 {
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 !important;
}
.showcase-main-header p {
  font-size: 1.125rem !important;
  margin: 0.75rem auto 0 auto !important;
  color: #4b5563 !important;
}
.vertical-path-layout {
  position: relative !important;
}
.vertical-path-layout::before {
  content: "" !important;
  position: absolute !important;
  left: 1.5rem !important;
  top: 0.5rem !important;
 bottom: 1.5rem !important;
  width: 3px !important;
  background-color: #e5e7eb !important;
  border-radius: 2px !important;
}
.vertical-path-item {
  position: relative !important;
  padding-left: 5rem !important;
  margin-bottom: 3rem !important;
}
.vertical-path-item:last-child {
  margin-bottom: 0 !important;
}
.vertical-path-marker-icon {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 50% !important;
  border: 4px solid #ffffff !important;
  z-index: 10 !important;
  font-weight: 600 !important;
}
.vertical-path-marker-icon svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.marker-color-1 {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
}
.marker-color-2 {
  background-color: #10b981 !important;
  color: #ffffff !important;
}
.marker-color-3 {
  background-color: #f59e0b !important;
  color: #ffffff !important;
}
.marker-color-4 {
  background-color: #ec4899 !important;
  color: #ffffff !important;
}
.marker-color-5 {
  background-color: #6366f1 !important;
  color: #ffffff !important;
}
.marker-color-6 {
  background-color: #ef4444 !important;
  color: #ffffff !important;
}
.path-item-details h3 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif !important;
  color: #111827 !important;
  margin: 0.25rem 0 0.5rem 0 !important;
}
.path-item-details p {
  margin: 0 !important;
  color: #000 !important;
  font-weight: 400 !important;
}
@media (max-width: 640px) {
  .vertical-path-layout::before {
    left: 1rem !important;
  }
  .vertical-path-item {
    padding-left: 3.5rem !important;
  }
  .vertical-path-marker-icon {
    width: 2.25rem !important;
    height: 2.25rem !important;
    left: -0.125rem !important;
  }
  .vertical-path-marker-icon svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
  }
  .path-item-details h3 {
    font-size: 1.125rem !important;
  }
}
.sv-tech-stack-wrapper {
  font-family: "Poppins", sans-serif !important;
  background-color: #f9fafb !important;
  color: #374151 !important;
  line-height: 1.7 !important;
}
.sv-tech-container {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 4rem 1.5rem !important;
}
@media (min-width: 768px) {
  .sv-tech-container {
    padding: 5rem 1.5rem !important;
  }
}
.sv-tech-category-block {
  margin-bottom: 4rem !important;
}
.sv-tech-category-block:last-child {
  margin-bottom: 0 !important;
}
.sv-tech-category-title {
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
  font-family: "poppins", sans-serif !important;
  margin-bottom: 2.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid #e5e7eb !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}
.sv-tech-category-title-icon {
  width: 2rem !important;
  height: 2rem !important;
  color: #3b82f6 !important;
}
.sv-tech-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2.5rem !important;
}
@media (min-width: 768px) {
  .sv-tech-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 3rem 2.5rem !important;
  }
}
.sv-tech-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
}
.sv-tech-logo-placeholder {
  flex-shrink: 0 !important;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #9ca3af !important;
}
.sv-tech-logo-placeholder img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
}
.sv-tech-logo-placeholder svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.sv-tech-details h3 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  font-family: "poppins", sans-serif !important;
  color: #1f2937 !important;
  margin: 0 0 0.25rem 0 !important;
}
.sv-tech-details p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  font-family: "poppins", sans-serif !important;
  color: #4b5563 !important;
}
.frequently-asked-questions-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  background-color: #ffffff;
}
.frequently-asked-questions-item {
  border-bottom: 1px solid #e5e7eb;
  border-left: 4px solid #c12107;
  margin-bottom: 12px;
}
.frequently-asked-questions-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.frequently-asked-questions-question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  list-style: none;
  transition: background-color 0.2s ease-in-out;
}
.frequently-asked-questions-question-header:hover {
  background-color: #f9fafb;
}
.frequently-asked-questions-question-header::-webkit-details-marker {
  display: none;
}
.frequently-asked-questions-question-header::marker {
  display: none;
}
.frequently-asked-questions-answer-content {
  font-size: 1rem;
  line-height: 1.6;
  color: #4b5563;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0;
  padding-bottom: 0;
  transition: max-height 0.4s cubic-bezier(0.2, 0, 0.4, 1),
    opacity 0.3s ease-in-out, padding-bottom 0.4s cubic-bezier(0.2, 0, 0.4, 1);
}
.frequently-asked-questions-question-header::after {
  content: "+";
  font-size: 1.5rem;
  font-weight: 400;
  color: #6b7280;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1);
  transform: rotate(0deg);
}
.frequently-asked-questions-item[open]
  > .frequently-asked-questions-question-header::after {
  content: "−";
  transform: rotate(180deg);
}
.frequently-asked-questions-item[open]
  > .frequently-asked-questions-answer-content {
  opacity: 1;
  max-height: 20rem;
  padding-bottom: 24px;
  transition: max-height 0.4s cubic-bezier(0, 0.6, 0.4, 1),
    opacity 0.3s ease-in-out, padding-bottom 0.4s cubic-bezier(0, 0.6, 0.4, 1);
}
.backup-body {
  background-color: #f9fafb !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
}
.backup-section-padding {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.backup-container {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.backup-header-center {
  text-align: center !important;
}
.backup-pre-title {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
  color: #c12701 !important;
}
.backup-main-title {
  margin-top: 0.5rem !important;
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #111827 !important;
}
.backup-sub-title {
  max-width: 42rem !important;
  margin-top: 1.25rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  color: #6b7280 !important;
}
.backup-grid {
  margin-top: 5rem !important;
  max-width: 42rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  gap: 2.5rem !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.backup-card {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 1rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  transition: box-shadow 0.3s ease-in-out !important;
}
.backup-card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.backup-card-content {
  padding: 2rem !important;
  flex-grow: 1 !important;
}
.backup-icon-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 3rem !important;
  width: 3rem !important;
  border-radius: 0.5rem !important;
}
.backup-icon-wrapper-blue {
  background-color: #dbeafe !important;
  color: #2563eb !important;
}
.backup-icon-wrapper-indigo {
  background-color: #e0e7ff !important;
  color: #4f46e5 !important;
}
.backup-icon-wrapper-red {
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
}
.backup-icon-wrapper-yellow {
  background-color: #fef3c7 !important;
  color: #d97706 !important;
}
.backup-card-title {
  margin-top: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
.backup-card-bestfor {
  margin-top: 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: #6b7280 !important;
}
.backup-card-goal-wrapper {
  margin-top: 1rem !important;
}
.backup-card-goal-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  border-radius: 9999px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}
.backup-card-goal-green {
  background-color: #dcfce7 !important;
  color: #166534 !important;
}
.backup-card-goal-indigo {
  background-color: #e0e7ff !important;
  color: #3730a3 !important;
}
.backup-card-goal-red {
  background-color: #fee2e2 !important;
  color: #991b1b !important;
}
.backup-card-goal-yellow {
  background-color: #fef3c7 !important;
  color: #92400e !important;
}
.backup-config-wrapper {
  margin-top: 1.5rem !important;
}
.backup-config-title {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
}
.backup-config-list {
  margin-top: 1rem !important;
  list-style-type: none !important;
  padding-left: 0 !important;
}
.backup-config-list li + li {
  margin-top: 0.75rem !important;
}
.backup-config-list-item {
  display: flex !important;
  align-items: flex-start !important;
}
.backup-list-icon-wrapper {
  flex-shrink: 0 !important;
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
}
.backup-list-icon-blue {
  color: #3b82f6 !important;
}
.backup-list-icon-indigo {
  color: #6366f1 !important;
}
.backup-list-icon-red {
  color: #ef4444 !important;
}
.backup-list-icon-yellow {
  color: #f59e0b !important;
}
.backup-list-item-text {
  margin-left: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: #4b5563 !important;
}
@media (min-width: 640px) {
  .backup-section-padding {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .backup-container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .backup-main-title {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .backup-container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .backup-grid {
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.svc_page_body_main {
  background-color: #f9fafb !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
}
.svc_section_spacing_default {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.svc_layout_container_max {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.svc_header_block_centered {
  text-align: center !important;
}
.svc_text_pre_heading {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
  color: #c12107 !important;
}
.svc_text_main_heading {
  margin-top: 0.5rem !important;
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #111827 !important;
}
.svc_text_sub_heading {
  max-width: 42rem !important;
  margin-top: 1.25rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  color: #6b7280 !important;
}
.cfg_card_grid_layout {
  margin-top: 5rem !important;
  max-width: 42rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  gap: 2.5rem !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.cfg_details_card {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 1rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  transition: box-shadow 0.3s ease-in-out !important;
}
.cfg_details_card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.cfg_card_content_wrapper {
  padding: 2rem !important;
  flex-grow: 1 !important;
}
.cfg_icon_container_base {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 3rem !important;
  width: 3rem !important;
  border-radius: 0.5rem !important;
}
.cfg_icon_style_blue {
  background-color: #dbeafe !important;
  color: #2563eb !important;
}
.cfg_icon_style_indigo {
  background-color: #e0e7ff !important;
  color: #4f46e5 !important;
}
.cfg_icon_style_red {
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
}
.cfg_icon_style_yellow {
  background-color: #fef3c7 !important;
  color: #d97706 !important;
}
.cfg_card_title_text {
  margin-top: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
.cfg_card_description_text {
  margin-top: 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: #6b7280 !important;
}
.cfg_card_goal_container {
  margin-top: 1rem !important;
}
.cfg_card_goal_label {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  border-radius: 9999px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}
.cfg_goal_label_green {
  background-color: #dcfce7 !important;
  color: #166534 !important;
}
.cfg_goal_label_indigo {
  background-color: #e0e7ff !important;
  color: #3730a3 !important;
}
.cfg_goal_label_red {
  background-color: #fee2e2 !important;
  color: #991b1b !important;
}
.cfg_goal_label_yellow {
  background-color: #fef3c7 !important;
  color: #92400e !important;
}
.cfg_spec_list_wrapper {
  margin-top: 1.5rem !important;
}
.cfg_spec_list_title {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
}
.cfg_spec_list_ul {
  margin-top: 1rem !important;
  list-style-type: none !important;
  padding-left: 0 !important;
}
.cfg_spec_list_ul li + li {
  margin-top: 0.75rem !important;
}
.cfg_spec_list_item {
  display: flex !important;
  align-items: flex-start !important;
}
.cfg_spec_item_icon {
  flex-shrink: 0 !important;
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
}
.cfg_spec_icon_blue {
  color: #3b82f6 !important;
}
.cfg_spec_icon_indigo {
  color: #6366f1 !important;
}
.cfg_spec_icon_red {
  color: #ef4444 !important;
}
.cfg_spec_icon_yellow {
  color: #f59e0b !important;
}
.cfg_spec_item_text {
  margin-left: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: #4b5563 !important;
}
.svc_offerings_section_wrapper {
  background-color: #ffffff !important;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
  border-top: 1px solid #e5e7eb !important;
}
.svc_offerings_grid_layout {
  margin-top: 3rem !important;
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.svc_offering_item_card {
  display: flex !important;
  align-items: center !important;
  background-color: #f9fafb !important;
  padding: 1.25rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid #e5e7eb !important;
}
.svc_offering_icon_container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 2.5rem !important;
  width: 2.5rem !important;
  border-radius: 0.5rem !important;
  flex-shrink: 0 !important;
  background-color: #dbeafe !important;
  color: #2563eb !important;
}
.svc_offering_item_text {
  margin-left: 1rem !important;
  font-size: 1.125rem !important;
  margin-bottom: 0 !important;
  font-weight: 600 !important;
  color: #374151 !important;
}
@media (min-width: 640px) {
  .svc_section_spacing_default {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .svc_layout_container_max {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .svc_text_main_heading {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .svc_offerings_section_wrapper {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .svc_offerings_grid_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px) {
  .svc_layout_container_max {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .cfg_card_grid_layout {
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .svc_offerings_grid_layout {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.svc_page_body_main {
  background-color: #f9fafb !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
}
.svc_section_spacing_default {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.svc_layout_container_max {
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.svc_header_block_centered {
  text-align: center !important;
}
.svc_text_pre_heading {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
  color: #2563eb !important;
}
.svc_text_main_heading {
  margin-top: 0.5rem !important;
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #111827 !important;
}
.svc_text_sub_heading {
  max-width: 42rem !important;
  margin-top: 1.25rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  color: #6b7280 !important;
}
.cfg_card_grid_layout {
  margin-top: 5rem !important;
  max-width: 42rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  gap: 2.5rem !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.cfg_details_card {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 1rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  transition: box-shadow 0.3s ease-in-out !important;
}
.cfg_details_card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.cfg_card_content_wrapper {
  padding: 2rem !important;
  flex-grow: 1 !important;
}
.cfg_icon_container_base {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 3rem !important;
  width: 3rem !important;
  border-radius: 0.5rem !important;
}
.cfg_icon_style_blue {
  background-color: #dbeafe !important;
  color: #2563eb !important;
}
.cfg_icon_style_indigo {
  background-color: #e0e7ff !important;
  color: #4f46e5 !important;
}
.cfg_icon_style_red {
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
}
.cfg_icon_style_yellow {
  background-color: #fef3c7 !important;
  color: #d97706 !important;
}
.cfg_card_title_text {
  margin-top: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
.cfg_card_description_text {
  margin-top: 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: #6b7280 !important;
}
.cfg_card_goal_container {
  margin-top: 1rem !important;
}
.cfg_card_goal_label {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  border-radius: 9999px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}
.cfg_goal_label_green {
  background-color: #dcfce7 !important;
  color: #166534 !important;
}
.cfg_goal_label_indigo {
  background-color: #e0e7ff !important;
  color: #3730a3 !important;
}
.cfg_goal_label_red {
  background-color: #fee2e2 !important;
  color: #991b1b !important;
}
.cfg_goal_label_yellow {
  background-color: #fef3c7 !important;
  color: #92400e !important;
}
.cfg_spec_list_wrapper {
  margin-top: 1.5rem !important;
}
.cfg_spec_list_title {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
}
.cfg_spec_list_ul {
  margin-top: 1rem !important;
  list-style-type: none !important;
  padding-left: 0 !important;
}
.cfg_spec_list_ul li + li {
  margin-top: 0.75rem !important;
}
.cfg_spec_list_item {
  display: flex !important;
  align-items: flex-start !important;
}
.cfg_spec_item_icon {
  flex-shrink: 0 !important;
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
}
.cfg_spec_icon_blue {
  color: #3b82f6 !important;
}
.cfg_spec_icon_indigo {
  color: #6366f1 !important;
}
.cfg_spec_icon_red {
  color: #ef4444 !important;
}
.cfg_spec_icon_yellow {
  color: #f59e0b !important;
}
.cfg_spec_item_text {
  margin-left: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: #4b5563 !important;
}
.cta_outer_container_spacing {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@keyframes cta_gradient_shift_anim {
  0% {
    background-position: 0 50% !important;
  }
  50% {
    background-position: 100% 50% !important;
  }
  100% {
    background-position: 0 50% !important;
  }
}
@keyframes cta_shape_float_anim {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg) scale(1) !important;
    opacity: 0.7 !important;
  }
  25% {
    transform: translateY(-5px) translateX(2px) rotate(2deg) scale(1.02) !important;
    opacity: 0.8 !important;
  }
  50% {
    transform: translateY(0) translateX(0) rotate(0deg) scale(1) !important;
    opacity: 0.7 !important;
  }
  75% {
    transform: translateY(5px) translateX(-2px) rotate(-2deg) scale(0.98) !important;
    opacity: 0.6 !important;
  }
  100% {
    transform: translateY(0) translateX(0) rotate(0deg) scale(1) !important;
    opacity: 0.7 !important;
  }
}
@keyframes cta_shape_pulse_anim {
  0% {
    transform: scale(1) !important;
    opacity: 0.5 !important;
  }
  50% {
    transform: scale(1.05) !important;
    opacity: 0.7 !important;
  }
  100% {
    transform: scale(1) !important;
    opacity: 0.5 !important;
  }
}
.cta_modern_card_banner {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(
    145deg,
    #c12701 10%,
    #d43b17 50%,
    #c12701 90%
  ) !important;
  background-size: 250% 250% !important;
  animation: cta_gradient_shift_anim 25s ease infinite alternate !important;
  border-radius: 1.5rem !important;
  padding: 2.5rem !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2),
    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.cta_visual_shape_one {
  content: "" !important;
  position: absolute !important;
  width: 300px !important;
  height: 300px !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 50% !important;
  top: -120px !important;
  right: -100px !important;
  transform: rotate(45deg) !important;
  filter: blur(20px) !important;
  z-index: 0 !important;
  animation: cta_shape_float_anim 18s ease-in-out infinite alternate !important;
}
.cta_visual_shape_two {
  content: "" !important;
  position: absolute !important;
  width: 400px !important;
  height: 180px !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  border-radius: 1rem !important;
  bottom: -70px !important;
  left: -120px !important;
  transform: skew(-25deg) rotate(-15deg) !important;
  filter: blur(25px) !important;
  z-index: 0 !important;
  opacity: 0.9 !important;
  animation: cta_shape_float_anim 22s ease-in-out infinite alternate-reverse !important;
}
.cta_visual_shape_three {
  content: "" !important;
  position: absolute !important;
  width: 120px !important;
  height: 120px !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-radius: 50% !important;
  top: 40% !important;
  right: 10px !important;
  filter: blur(10px) !important;
  z-index: 0 !important;
  animation: cta_shape_pulse_anim 15s linear infinite !important;
}
.cta_visual_shape_four {
  content: "" !important;
  position: absolute !important;
  width: 150px !important;
  height: 80px !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-radius: 0.5rem !important;
  top: 20px !important;
  left: 20px !important;
  transform: rotate(-5deg) !important;
  filter: blur(10px) !important;
  z-index: 0 !important;
  opacity: 0.7 !important;
  animation: cta_shape_float_anim 12s ease-in-out infinite !important;
}
.cta_visual_shape_five {
  content: "" !important;
  position: absolute !important;
  width: 280px !important;
  height: 280px !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50% !important;
  bottom: -100px !important;
  right: -80px !important;
  filter: blur(30px) !important;
  z-index: 0 !important;
  animation: cta_shape_float_anim 20s ease-in-out infinite alternate !important;
}
.cta_content_container_layout {
  position: relative !important;
  z-index: 1 !important;
}
.cta_banner_main_headline {
  margin-top: 0.5rem !important;
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
}
.cta_banner_sub_paragraph {
  max-width: 48rem !important;
  margin-top: 1.25rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  color: #fcebe8 !important;
}
.cta_buttons_wrapper_elements {
  margin-top: 2.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
}
.cta_button_styling_base {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-radius: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
  border: 2px solid transparent !important;
  width: 90%;
  box-sizing: border-box !important;
  text-align: center !important;
}
.cta_button_styling_base .fa-solid {
  margin-right: 0.5rem !important;
}
.cta_button_primary_active {
  background-color: #ffffff !important;
  color: #c12701 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}
.cta_button_primary_active:hover {
  background-color: #fef2f2 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1) !important;
}
.cta_button_secondary_default {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.cta_button_secondary_default:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-2px) !important;
}
@media (min-width: 640px) {
  .svc_section_spacing_default {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .svc_layout_container_max {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .svc_text_main_heading {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .cta_outer_container_spacing {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .cta_modern_card_banner {
    padding: 3.5rem !important;
  }
  .cta_banner_main_headline {
    font-size: 2.25rem !important;
  }
  .cta_buttons_wrapper_elements {
    flex-direction: row !important;
  }
  .cta_button_styling_base {
    width: auto !important;
  }
  .cta_visual_shape_one {
    width: 400px !important;
    height: 400px !important;
    top: -180px !important;
    right: -120px !important;
  }
  .cta_visual_shape_two {
    width: 500px !important;
    height: 220px !important;
    bottom: -100px !important;
    left: -180px !important;
  }
  .cta_visual_shape_three {
    width: 150px !important;
    height: 150px !important;
    top: 30% !important;
    right: 50px !important;
  }
  .cta_visual_shape_four {
    width: 200px !important;
    height: 100px !important;
    top: 40px !important;
    left: 40px !important;
  }
  .cta_visual_shape_five {
    width: 350px !important;
    height: 350px !important;
    bottom: -120px !important;
    right: -100px !important;
  }
}
@media (min-width: 1024px) {
  .svc_layout_container_max {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .cfg_card_grid_layout {
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .cta_modern_card_banner {
    padding: 4rem !important;
  }
  .cta_banner_main_headline {
    font-size: 2.5rem !important;
  }
}
.g-text-white-now {
  color: #ffffff !important;
}
.svmo-para-content-section-center {
  font-weight: 400 !important;
  display: flex;
  align-items: center;
}
.svmo-para-content-section-center p {
  font-family: "poppins", sans-serif !important;
}
.g-bot-pad-0 {
  padding-bottom: 0 !important;
}
.DATACENTER_LAYOUT_PAGE_WRAPPER_90210 {
  font-family: "Inter", sans-serif !important;
  background-color: #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 3rem 1rem !important;
  opacity: 0 !important;
  animation: DATACENTER_UNIQUE_FADE_IN_ANIMATION_8877 0.5s ease-out forwards !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
@keyframes DATACENTER_UNIQUE_FADE_IN_ANIMATION_8877 {
  from {
    opacity: 0 !important;
    transform: translateY(-10px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}
.DATACENTER_MAIN_CONTENT_BLOCK_7766 {
  max-width: 80rem !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.DATACENTER_TOP_HEADER_SECTION_5544 {
  text-align: center !important;
  margin-bottom: 3rem !important;
  box-sizing: border-box !important;
}
.DATACENTER_HEADER_TITLE_TEXT_H1_3322 {
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-bottom: 1rem !important;
  box-sizing: border-box !important;
}
.DATACENTER_HEADER_SUBTITLE_TEXT_P_1100 {
  font-size: 1.125rem !important;
  color: #475569 !important;
  max-width: 56rem !important;
  margin: 0 auto !important;
  line-height: 1.6 !important;
  box-sizing: border-box !important;
}
.DATACENTER_GRID_CONTAINER_LAYOUT_1234 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2rem !important;
  box-sizing: border-box !important;
}
.DATACENTER_COMPARISON_CARD_WRAPPER_5678 {
  background-color: #ffffff !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}
.DATACENTER_COMPARISON_CARD_WRAPPER_5678:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-4px) !important;
}
.DATACENTER_CARD_HEADER_BLOCK_9012 {
  padding: 1.5rem 1.5rem 0 1.5rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_FLAG_IMG_3456 {
  height: 2rem !important;
  width: 3rem !important;
  object-fit: cover !important;
  border-radius: 0.25rem !important;
  margin-bottom: 1rem !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_TITLE_H3_7890 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_SUBTITLE_P_0987 {
  font-size: 1rem !important;
  color: #64748b !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_FEATURES_UL_LIST_6543 {
  padding: 1.5rem !important;
  list-style: none !important;
  flex-grow: 1 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.DATACENTER_FEATURE_LIST_ITEM_LI_2109 {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 1.25rem !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_FEATURES_UL_LIST_6543
  .DATACENTER_FEATURE_LIST_ITEM_LI_2109:last-child {
  margin-bottom: 0 !important;
}
.DATACENTER_FEATURE_LABEL_SPAN_8765 {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #4f46e5 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  box-sizing: border-box !important;
}
.DATACENTER_FEATURE_VALUE_SPAN_4321 {
  font-size: 1rem !important;
  color: #334155 !important;
  margin-top: 0.25rem !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_FOOTER_DIV_5647 {
  padding: 1.5rem !important;
  background-color: #f8fafc !important;
  margin-top: auto !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_CTA_BUTTON_LINK_7733 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background-color: #4f46e5 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease !important;
  box-sizing: border-box !important;
}
.DATACENTER_CARD_CTA_BUTTON_LINK_7733:hover {
  background-color: #4338ca !important;
}
@media (min-width: 768px) {
  .DATACENTER_LAYOUT_PAGE_WRAPPER_90210 {
    padding: 4rem 2rem !important;
  }
  .DATACENTER_TOP_HEADER_SECTION_5544 {
    margin-bottom: 4rem !important;
  }
  .DATACENTER_HEADER_TITLE_TEXT_H1_3322 {
    font-size: 2.25rem !important;
  }
  .DATACENTER_HEADER_SUBTITLE_TEXT_P_1100 {
    font-size: 1.25rem !important;
  }
  .DATACENTER_GRID_CONTAINER_LAYOUT_1234 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.DATACENTER_CARD_TITLE_H3_7890-ger {
  color: #c12107 !important;
}
.prime-dedicated-server-showcase-de {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  box-sizing: border-box;
  background: linear-gradient(135deg, #0a0a1a 0%, #1a0a2a 100%);
  color: #ffffff;
  border-radius: 24px;
  padding: 4rem;
  margin: 2rem 1rem;
  max-width: 1300px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.prime-dedicated-server-showcase-de > div,
.prime-dedicated-server-showcase-de > h1,
.prime-dedicated-server-showcase-de > p,
.prime-dedicated-server-showcase-de > a {
  box-sizing: inherit;
}
.prime-showcase__content-wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 60%;
}
.prime-showcase__graphic-accent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60%;
  z-index: 1;
  background: linear-gradient(
    250deg,
    rgba(0, 122, 255, 0.1) 0%,
    rgba(0, 122, 255, 0) 70%
  );
  clip-path: polygon(69% 0, 100% 0, 106% 105%, 0% 105%);
}
.prime-showcase__main-headline {
  font-size: 3.5rem !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
  font-family: "poppins", sans-serif !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.2 !important;
  background: linear-gradient(90deg, #ffffff 70%, #ffcc00 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}
.prime-showcase__sub-description {
  font-size: 1.125rem !important;
  color: #c0c0d0 !important;
  font-family: "poppins", sans-serif !important;
  margin-bottom: 2.5rem;
  line-height: 1.6;
  max-width: 600px;
  font-weight: 600 !important;
}
.prime-showcase__cta-button {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  color: #fff !important;
  background-color: #c12017 !important;
  font-family: "poppins", sans-serif !important;
  padding: 1rem 2.5rem;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(255, 204, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.prime-showcase__cta-button:hover {
  transform: translateY(-4px);
  background-color: #ffffff;
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}
@media (max-width: 900px) {
  .prime-dedicated-server-showcase-de {
    padding: 3rem;
    text-align: center;
  }
  .prime-showcase__content-wrapper {
    max-width: 100%;
  }
  .prime-showcase__main-headline {
    font-size: 2.75rem;
  }
  .prime-showcase__sub-description {
    font-size: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
  .prime-showcase__graphic-accent {
    display: none;
  }
  .prime-dedicated-server-showcase-de {
    border-top: 4px solid rgba(0, 122, 255, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3),
      0 -10px 30px rgba(0, 122, 255, 0.2);
  }
}
@media (max-width: 480px) {
  .prime-dedicated-server-showcase-de {
    padding: 2rem;
    margin: 1rem;
  }
  .prime-showcase__main-headline {
    font-size: 2rem;
  }
}
.g-section-sub-title-content {
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #00377a !important;
}
.servermo-banner-v2 {
  font-family: "poppins", sans-serif !important;
  background-image: linear-gradient(to top right, #fdfcff 0%, #f7f8fc 100%);
  color: #334155;
  padding: 2.5rem;
  border-radius: 0.75rem;
  max-width: 1440px;
  margin: 2rem auto;
  box-shadow: 0 20px 25px -5px rgba(226, 232, 240, 0.7),
    0 10px 10px -5px rgba(226, 232, 240, 0.5);
  border: 1px solid #e2e8f0;
  overflow: hidden;
}
.servermo-banner-v2 .banner-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.servermo-banner-v2 .banner-icon {
  flex-shrink: 0;
  width: 32px;
  height: 36px;
  background-color: #3b82f6;
  position: relative;
  clip-path: polygon(50% 0%, 100% 15%, 100% 75%, 50% 100%, 0% 75%, 0% 15%);
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.servermo-banner-v2 .banner-icon::after {
  content: "";
  width: 8px;
  height: 16px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) translateY(-2px);
}
.servermo-banner-v2 .banner-headline {
  font-size: 28px !important;
  font-family: "Poppins" !important;
  font-weight: 700;
  line-height: 1.2;
  color: #1e293b !important;
  margin: 0;
}
.servermo-banner-v2 .banner-subheadline {
  font-size: 1.125rem;
  font-weight: 500;
  color: #3b82f6;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.servermo-banner-v2 .banner-description {
  font-size: 1rem;
  font-weight: 500 !important;
  line-height: 1.6;
  color: #475569;
  margin-bottom: 2.5rem;
}
.servermo-banner-v2 .banner-cta {
  display: inline-block;
  background-image: linear-gradient(to right, #4f46e5 0%, #3b82f6 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 0.5rem;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.3),
    0 2px 4px -1px rgba(59, 130, 246, 0.2);
}
.servermo-banner-v2 .banner-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.3),
    0 4px 6px -2px rgba(59, 130, 246, 0.2);
  filter: brightness(1.1);
  color: #fff !important;
}
.g-3-divider-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.g-x-y-pad-20 {
  padding: 20px !important;
}
.g-3-divider-grid-inner-div {
  flex-basis: 250px;
  flex-grow: 1;
  background: #00233c;
  padding: 30px;
  color: #fff !important;
  border-radius: 10px;
}
.g-3-divider-inner-div-img {
  width: 70px;
}
.g-3-divider-inner-div-title {
  font-family: "poppins", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: #fff;
}
.g-3-divider-inner-div-para {
  font-family: "poppins", sans-serif !important;
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
}
.g-left-side-border-card {
  padding-left: 20px;
  border-left: 3px solid #ff8100;
}
.g-reduced-pad-section > .sv-tech-container {
  padding-top: 0 !important;
}
.gemini-server-config-container {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  background-color: #ffffff;
  color: #1a202c;
  line-height: 1.6;
}
.main-container-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
}
.main-page-header {
  text-align: center;
  margin-bottom: 3rem;
}
.config-cards-layout-area {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.main-headline-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.75rem;
}
.main-headline-subtitle {
  font-size: 1.125rem;
  color: #4b5563;
  max-width: 600px;
  margin: 0 auto;
}
.config-card-item {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 2px 4px -1px rgba(0, 0, 0, 0.03);
  width: 100%;
  max-width: 520px;
  padding: 2rem;
  border-top: 3px solid #c12107;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.config-card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.config-card-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.config-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  flex: 1 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.config-card-icon-low-volume {
  background-color: #3b82f6;
}
.config-card-icon-high-volume {
  background-color: #ec4899;
}
.config-card-icon svg {
  width: 24px;
  height: 24px;
}
.config-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  font-family: "poppins", sans-serif !important;
}
.config-card-content {
  font-family: "poppins", sans-serif !important;
}
.config-card-use-case {
  font-size: 0.9rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.5rem;
}
.config-card-use-case-label {
  font-weight: 700;
  color: #374151;
}
.config-card-goal {
  font-size: 0.9rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 1.5rem;
}
.config-card-goal-label {
  font-weight: 700;
  color: #374151;
}
.config-card-hardware-title {
  font-size: 1.125rem !important;
  font-weight: 700;
  color: #111827 !important;
  margin-bottom: 1rem;
  border-top: 1px solid #e5e7eb;
  padding-top: 1rem;
  font-family: "poppins", sans-serif !important;
}
.hardware-spec-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "poppins", sans-serif !important;
}
.hardware-spec-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 1rem;
}
.hardware-spec-item:last-child {
  padding-bottom: 0;
}
.hardware-spec-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 3px;
  color: #6b7280;
}
.hardware-spec-details {
  font-size: 0.95rem;
}
.hardware-spec-label {
  font-weight: 700;
  color: #111827;
}
.hardware-spec-description {
  color: #4b5563;
}
.g-list-inside-btns {
  margin-top: 15px !important;
  display: inline-block !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 10px 20px;
  border-radius: 5px !important;
  background: linear-gradient(
    90deg,
    #4776e6 0%,
    #8e54e9 50%,
    #8e54e9 50%,
    #4776e6 100%
  );
  background-size: 200% 100%;
  background-position: 0 50%;
  transition: background-position 0.3s ease-in-out !important;
}
.g-list-inside-btns:hover {
  background-position: 100% 50%;
}
.g-light-speed-performance-content-title-og {
  font-family: "poppins" !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.g-list-logo-design {
  width: 50px !important;
}
.g-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.g-align-items-center {
  align-items: center !important;
}
.g-servermo-pricing-table-thead {
  display: none !important;
}
.g-servermo-pricing-table-caption {
  text-align: left !important;
  padding: 10px 25px 10px 25px !important;
  background: #003158 !important;
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 600;
  border-left: 10px solid #c12107;
  margin: 30px 0 50px 0;
  font-family: "poppins";
}
.svrcmp-card {
  font-family: "Inter", sans-serif;
  background: #ffffff;
  border-radius: 18px;
  padding: 28px;
  border: 1px solid rgba(230, 236, 245, 0.7);
  box-shadow: 0 12px 40px rgba(8, 14, 30, 0.08);
  transition: 0.35s ease;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.svrcmp-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 80% -20%,
    rgba(0, 120, 255, 0.12),
    transparent 60%
  );
  pointer-events: none;
}
.svrcmp-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 48px rgba(0, 40, 80, 0.15);
}
.svrcmp-card__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(220, 230, 245, 0.75);
  gap: 20px;
}

.svrcmp-card__title {
  font-size: 24px !important;
  font-weight: 800;
  color: #072c4f;
  letter-spacing: -0.4px;
  font-weight: 600 !important;
  font-family: "poppins" !important;
  margin-top: 0 !important;
}
.svrcmp-card__footer {
  margin-top: 20px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 430px) {
  .svrcmp-card__footer {
    margin-top: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
  }
}
.svrcmp-card__ref-code {
  margin-top: 6px;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  background: linear-gradient(135deg, #ff4b2b, #b81404);
  color: #fff;
  letter-spacing: 0.5px;
}
.svrcmp-card__logos {
  padding: 10px 22px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e5e9f2;
  box-shadow: 0 10px 28px rgba(30, 40, 60, 0.13);
  display: flex;
  gap: 28px;
  align-items: center;
  backdrop-filter: blur(4px);
}
.svrcmp-card__purchase-zone {
  display: flex;
  align-items: center;
  gap: 22px;
}
.svrcmp-card__price--monthly {
  font-size: 32px;
  font-weight: 900;
  background: linear-gradient(30deg, #0aa033, #006c1e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.svrcmp-card__price--original {
  font-size: 14px !important;
  color: #c8481c;
  text-decoration: line-through;
  opacity: 0.75;
  margin-top: 5px;
  font-weight: 600;
  font-family: "Poppins" !important;
}
.svrcmp-card__price {
  display: flex;
  flex-direction: column-reverse;
  font-family: "Roboto" !important;
}
.svrcmp-card__purchase-btn {
  padding: 12px 26px;
  border-radius: 10px;
  font-weight: 800;
  letter-spacing: 0.3px;
  background: linear-gradient(135deg, #003b98, #0a86ff);
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(0, 80, 200, 0.25);
  transition: 0.28s ease;
}
.svrcmp-card__purchase-btn:hover {
  background: linear-gradient(135deg, #d12c07, #484f66);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.svrcmp-card__specs {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.svrcmp-card__spec-item {
  padding: 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8f9fb, #ffffff);
  border: 1px solid #e4e9f0;
  transition: 0.25s ease;
  text-align: left;
  display: flex;
  flex-direction: column;
  font-family: "poppins" !important;
}
.svrcmp-card__spec-item:hover {
  border-color: #d0d9e4;
  background: #ffffff;
  transform: translateY(-3px);
}
.svrcmp-card__spec-label {
  font-size: 12px;
  color: #5c6578;
  font-weight: 700;
  margin-bottom: 4px;
  letter-spacing: 0.4px;
}
.svrcmp-card__spec-value {
  font-size: 14px;
  font-weight: 600;
  color: #151a22;
}
.svrcmp-card__stock-detail {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 10px;
  background: linear-gradient(135deg, #14c44b, #059c2a);
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 12px 32px rgba(8, 40, 18, 0.22);
  position: relative;
  overflow: hidden;
}
.svrcmp-card__stock-detail::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 0% 0%,
    rgba(255, 255, 255, 0.2),
    transparent 40%
  );
}
.svrcmp-card__stock-detail i {
  padding: 5px;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 8px;
}
.product-filtering input[type="text"] {
  width: 100%;
  padding: 12px 15px;
  padding-left: 40px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  margin-bottom: 15px;
}
.product-filtering input[type="text"]:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
  outline: none;
}
.no-results-msg {
  text-align: center;
  padding: 40px 20px;
  background: #fff;
  border-radius: 12px;
  border: 1px dashed #cbd5e1;
  margin-top: 20px;
  color: #64748b;
  animation: fadeIn 0.5s ease;
}
.no-results-msg i {
  font-size: 40px;
  color: #94a3b8;
  margin-bottom: 15px;
  display: block;
}
.no-results-msg p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
#search-0,
#search-1 {
  padding-left: 40px !important;
  font-size: 16px !important;
  font-family: "Poppins" !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.show-more-loc-btn {
  background: none;
  border: none;
  color: #3b82f6;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 5px 10px;
  margin-top: 5px;
  text-decoration: underline;
  display: inline-block;
  width: auto;
}
.show-more-loc-btn:hover {
  color: #1d4ed8;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.svrcmp-logo {
  width: 60px;
}
.common-section {
  padding-left: 20px;
}
.svrcmp-card__selection {
  width: auto ;
}
.svrcmp-card__branding {
  flex-shrink: 0;
}
@media screen and (max-width: 1400px) {
  .svrcmp-card__specs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }
  .svrcmp-card__spec-item {
    flex: 1 220px;
    border-radius: 0;
  }
}
@media screen and (max-width: 1200px) {
  .svrcmp-card__selection {
    width: 50%;
  }
  .product-filtering-container {
    height: 700px;
    overflow: auto;
  }
}
@media screen and (max-width: 1100px) {
  .svrcmp-card__summary {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 992px) {
  .svrcmp-card__selection {
    width: 100%;
  }
  .svrcmp-card__summary {
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
  .svrcmp-card__logos {
    background: none;
    border: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 900px) {
  .d-dedicated-servers-details-part-section {
    flex-direction: column;
  }
  .product-filtering-container {
    width: 100% !important;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .common-section {
    padding-right: 20px;
  }
  .product-filtering {
    flex: 1 260px;
  }
  .product-filtering:last-child {
    grid-column: 1 / -1;
  }
}
@media screen and (max-width: 700px) {
  .product-filtering-container {
    width: 100% !important;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.g-content-title-h5 {
  font-weight: 600 !important;
  font-family: "Poppins" !important;
}
.g-content-title-h6 {
  font-weight: 600 !important;
  font-family: "Poppins" !important;
  color: #c12701 !important;
}
.tm-group-caption {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #0d6efd;
  text-align: left;
  margin: 40px 0 25px 0;
  padding: 15px 20px;
  background: #f8f9fa;
  border-left: 5px solid #0d6efd;
  border-radius: 0 8px 8px 0;
  border: 1px solid #e9ecef;
}
.tm-card {
  font-family: "Inter", sans-serif;
  display: flex;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 16px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.tm-card:hover {
  transform: translateY(-6px);
  border-color: #0d6efd;
  box-shadow: 0 12px 30px rgba(0, 123, 255, 0.1);
}
.tm-card__main {
  flex-basis: 38%;
  padding: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: #f0f1f5;
  border-right: 1px solid #dee2e6;
}
.svrcmp-card > .tm-card {
  padding: 0 28px !important;
}
.tm-card__brand {
  display: flex;
  gap: 16px;
  min-height: 35px;
}
.tm-card__brand img {
  max-height: 35px;
  width: auto;
  opacity: 1;
}
.cate-prod-logo--brand {
  width: 60px !important;
}
.tm-card__title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #212529;
  margin: 16px 0 4px 0;
}
.tm-card__ref {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 4px;
     background: linear-gradient(135deg, #00618a, #022448);
  box-shadow: 0 2px 8px rgba(26, 156, 254, 0.3);

  position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
}
.tm-card__stock {
  font-size: 14px;
  font-weight: 600;
      color: #003f22;
  background: #e6f9f0;
  border: 1px solid #b6e9d1;
  border-radius: 8px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  /* margin-top: 16px; */
  width: fit-content;
}
.tm-card__data {
  flex-basis: 62%;
  display: flex;
  flex-direction: column;
  padding: 24px;
  background: #f8f9fa;
}
.tm-card__specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  flex-grow: 1;
}
.tm-card__spec {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  padding: 12px 14px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.tm-card__spec:hover {
  border-color: #0d6efd;
  background: #f1f3f5;
}
.tm-card__spec-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.tm-card__spec-value {
  font-size: 14px;
  font-weight: 600;
  color: #212529;
}
.tm-card__purchase {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e9ecef;
}
.tm-card__price {
  text-align: left;
  flex-shrink: 0;
}
.tm-card__price-main {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 700;
  margin-top: 10px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
.tm-card__price-original {
  display: block;
  font-size: 14px;
  color: #c12701;
  font-weight: 600;
  text-decoration: line-through;
}
.tm-card__buy-btn {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #1a9cfe, #007bff);
  box-shadow: 0 4px 15px rgba(26, 156, 254, 0.2);
  transition: all 0.2s ease;
}
.tm-card__buy-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(26, 156, 254, 0.3);
}
.tm-card__buy-btn i {
  margin-right: 6px;
}
@media screen and (max-width:1420px)
{
  .tm-card__price {
    width: 100%;
    margin-bottom: 20px;
  }
  .tm-card__purchase{
    flex-wrap: wrap;
  }
}
.svrcmp-card__quote-text{
      margin: 0;
    font-weight: 600;
    background-color: #bbffe8;
    width: 40%;
    font-size: 13px !important;
    text-align: center;
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid #f1f1f1;
}
@media screen and (max-width:1200px){
  .svrcmp-card__quote-text{
    width: 100%;
    order: -1 !important;
  }
}
@media (max-width: 992px) {
  .tm-card {
    flex-direction: column;
  }
  .tm-card__main {
    border-bottom: 1px solid #dee2e6;
    border-right: none;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .tm-card__title {
    font-size: 26px !important;
  }
  .tm-card__data {
    border-left: none;
  }
  .tm-card__ref{
    position: static !important;
    width: auto !important;
  }
}
@media (max-width: 600px) {
  .tm-card__specs {
    grid-template-columns: 1fr;
  }
  .tm-card__purchase {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .tm-card__price {
    text-align: center;
  }
  .tm-card__buy-btn {
    text-align: center;
  }
}
@media screen and (min-width: 0) and (max-width: 640px) {
  .footer .newsletter {
    margin-bottom: 10px !important;
  }
}
.filter-showing-bottom
  > .common-section
  > .section-container
  > .section-main-layout
  > .product-filtering-container
  > .product-filtering
  > .filter-common-container
  > .country-filter-btn-special {
  flex: 1 80px;
}
.filter-showing-bottom
  > .common-section
  > .section-container
  > .section-main-layout
  > .product-filtering-container
  > .product-filtering {
  padding: 0 !important;
}
.primary-content .card-body {
  overflow-x: hidden;
}
.filter-showing-bottom {
  display: flex !important;
  flex-direction: column-reverse !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  position: sticky;
  top: 50px;
}
.g-product-pagination-controls {
  display: flex;
  justify-content: end;
  align-items: center;
}
.g-product-pagination-controls > button {
  background: linear-gradient(to right, #1e3c72 0%, #2a5298 51%, #1e3c72 100%);
  margin: 8px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 6px;
  display: block;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: "Poppins";
  width: 35px;
  height: 35px;
  background-position: right center;
  color: #fff;
  text-decoration: none;
}
.g-product-pagination-controls > button.active {
  font-weight: 600 !important;
  background: linear-gradient(to right, #f85032 0%, #e73827 51%, #f85032 100%);
}
#LocationBtnContainer {
  max-height: 0;
  overflow: hidden;
}
#LocationBtnContainer.location-filter-collapsed {
  margin-top: 20px !important;
  overflow-y: auto !important;
  transition: max-height 0.35s ease;
  max-height: max-content !important;
}
.toggle-location-title {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ff861e;
  border-radius: 20px;
  color: #fff !important;
  padding: 10px 20px;
  transition: all 0.3s ease;
  margin-bottom: 0 !important;
}
.toggle-location-title:hover {
  background-color: #ff7000;
}
.locations-filter-wrapper {
  gap: 0 !important;
}
.svrcmp-card-list-container--category {
  padding: 0 20px !important;
}
@media screen and (max-width: 1100px) {
  .g-category-products-sidebar-panel
    > .filter-showing-bottom
    > .common-section {
    width: 100% !important;
    padding-right: 20px !important;
  }
  .g-category-products-sidebar-panel
    > .filter-showing-bottom
    > .common-section
    > .section-container
    > .section-main-layout
    > .product-filtering-container {
    width: 100% !important;
  }
}
.g-category-products-sidebar-panel
   {
    position: sticky;
    top: 50px;
  }

  @media screen and (max-width: 1100px) {
.g-category-products-sidebar-panel
   {
    position: unset !important;
  }
  }

.g-category-svrcmp-card__country-flag {
  width: 28px;
}
.reset-filters-btn-def {
  font-size: 15px !important;
  font-family: "Poppins" !important;
  font-weight: 600 !important;
  background-color: #c12107;
  color: #fff !important;
  padding: 8px 10px;
  border-radius: 7px;
  padding: 8px 10px;
}
.g-filters-top-title {
}
.g-filters-top-title-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.g-filters-top-title-div > h2 {
  margin: 0 !important;
}
.filter-toggle-icon {
  transition: transform 0.3s;
  transform: rotate(90deg);
}
.filter-toggle-icon.location-filter-collapsed-rotate {
  transition: transform 0.3s;
  transform: rotate(0deg);
}
#filteringLocationSearchBox {
  padding: 3px 20px;
  font-size: 16px;
  border-left: 5px solid #00adff !important;
  margin: 0 0 20px 0;
  border: 1px solid #dddddd;
  font-family: "Poppins" !important;
}
#filteringLocationSearchBox::placeholder {
  color: #ccc !important;
}
.g-alert-info-filter {
  background-color: #f7f5f5;
  padding: 50px;
  margin-top: 20px;
  text-align: center;
  font-family: "Poppins" !important;
  border: 2px dashed #ccc;
  border-radius: 10px;
  font-weight: 600;
}
.country-filter-btn-special {
  position: relative;
}
.country-filter-btn-special::after {
  content: attr(data-country);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, visibility 0.3s;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
}
.country-filter-btn-special::before {
  content: "";
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 1000;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.country-filter-btn-special:hover::after,
.country-filter-btn-special:hover::before {
  visibility: visible;
  opacity: 1;
}
.g-applied-filter-options-container {
  position: sticky;
  top: 80px;
  z-index: 999;
  margin: 0 20px;
}
.tm-card__ddos {
  color: #348700;
}
.tm-card__gpu {
  color: #d78100;
  font-size: 18px;
}
@media screen and (max-width:992px)
{
  .tm-card__gpu{
    text-align: center !important;
    font-size: 26px !important;
  }
}
.price-slider-display {
  display: flex;
  justify-content: space-between;
}
.price-min,
.price-max {
  border: 1px solid #ede6e6;
  padding: 3px 20px;
  font-weight: 500;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.show-more-loc-btn {
  text-decoration: none !important;
  font-size: 16px !important;
  color: #fff !important;
  background-color: #363030 !important;
  padding: 11px !important;
  transition: 0.3s ease-in-out !important;
}
.show-more-loc-btn:hover {
  background-color: #000 !important;
  transition: 0.3s ease-in-out !important;
}
.resetFilteringMainBtn {
  background-color: #c12701;
  color: #fff;
  font-weight: 600;
  padding: 12px;
  border-radius: 4px;
}
.g-applied-filter-options-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  background: #f0f2f570;
  align-items: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  padding: 20px;
  border-radius: 8px;
  backdrop-filter: blur(15px);
}
.g-applied-filter-tag {
  display: inline-flex;
  align-items: center;
  background: #157fec;
  color: #fff;
  padding: 6px 10px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500 !important;
  font-family: "poppins", sans-serif !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}
.g-applied-filter-tag .tag-text {
  margin-right: 8px;
}
.g-applied-filter-tag .remove-filter {
  cursor: pointer;
  font-weight: 700;
  line-height: 0;
  padding: 0 6px;
  border-radius: 10px;
}
.g-applied-filter-tag .remove-filter:hover {
  background: rgba(0, 0, 0, 0.06);
}
.g-applied-filter-separator {
  margin-left: 8px;
  color: #9ca3af;
  font-size: 13px;
}
.loc-hide {
  display: none !important;
}
.streaming-table-wrapper {
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: 1.6;
  box-sizing: border-box;
}
.server-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  font-family: 'poppins';
}
.smo-bare-metal-engo{
  margin-bottom: 1.5rem; font-size: 0.9rem; letter-spacing: 1px; text-transform: uppercase; color: #64748b;
}
.smo-bare-metal-def-text-color{
  color:#9ab9ff; font-weight:bold;
}
.server-table thead tr {
  background-color: #0066cc;
  color: #ffffff;
  text-align: left;
}
.server-table th,
.server-table td {
  padding: 20px 25px;
}
.server-table th {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.server-table tbody tr {
  border-bottom: 1px solid #eeeeee;
  transition: background-color 0.2s ease;
}
.server-table tbody tr:last-of-type {
  border-bottom: none;
}
.server-table tbody tr:hover {
  background-color: #f9fcff;
}
.goal-title {
  font-weight: 700;
  color: #1a1a1a;
  font-size: 1.1rem;
  display: block;
  margin-bottom: 4px;
}
.specs-highlight {
  font-weight: 600;
  color: #0066cc;
  display: block;
}
.specs-ram {
  font-size: 0.9rem;
  color: #555;
  background: #eef4fa;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 4px;
}
.reason-text {
  font-size: 0.95rem;
  color: #444;
}
@media screen and (max-width: 768px) {
  .server-table {
    background: transparent;
    box-shadow: none;
  }
  .server-table thead {
    display: none;
  }
  .server-table tbody,
  .server-table tr,
  .server-table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .server-table tr {
    margin-bottom: 20px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
  }
  .server-table td {
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  .server-table td:last-child {
    border-bottom: none;
  }
  .server-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 20px;
    width: 45%;
    font-weight: 700;
    color: #777;
    font-size: 0.85rem;
    text-transform: uppercase;
    top: 18px;
  }
  .specs-ram {
    margin-top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .server-table td {
    padding-left: 20px;
  }
  .server-table td::before {
    position: relative;
    display: block;
    left: 0;
    width: 100%;
    margin-bottom: 8px;
    top: 0;
  }
}
.g-img-big-card-img {
  object-fit: cover;
  width: 100%;
}
.g-sub-solutions-link {
  display: inline-block;
  padding: 10px 24px;
  color: #fff !important;
  background: #0078d4;
  text-decoration: none;
  font-weight: 600;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-family: "Poppins";
  font-size: 14px !important;
  text-align: center !important;
  width: 100% !important;
}
.g-sub-solutions-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: left 0.5s;
  z-index: -1;
}
.g-sub-solutions-link:hover::before {
  left: 100%;
}
.g-sub-solutions-link:hover {
  background: #0060aa;
}
.smo-deploy-wrapper {
  --smo-primary: #2563eb;
  --smo-primary-hover: #1d4ed8;
  --smo-dark: #0f172a;
  --smo-gray: #64748b;
  --smo-card-bg: #ffffff;
  --smo-border: #e2e8f0;
  --smo-success: #10b981;
  font-family: "Poppins", sans-serif !important;
  background-color: var(--smo-bg);
  color: var(--smo-dark);
  padding: 60px 20px;
  box-sizing: border-box;
  line-height: 1.6;
  width: 100%;
}
.smo-deploy-wrapper *,
.smo-deploy-wrapper *::before,
.smo-deploy-wrapper *::after {
  box-sizing: border-box;
}
.smo-container-inner {
  max-width: 1400px;
  margin: 0 auto;
}
.smo-header-section {
  text-align: center;
  margin-bottom: 50px;
}
.smo-main-headline {
  font-size: 2.25rem;
  font-weight: 800;
  margin: 0 0 16px 0;
  background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
}
.smo-intro-text {
  font-size: 1.1rem;
  color: var(--smo-gray);
  max-width: 700px;
  margin: 0 auto;
}
.smo-options-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .smo-options-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.smo-option-card {
  background: var(--smo-card-bg);
  border: 1px solid var(--smo-border);
  border-radius: 16px;
  padding: 35px;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.smo-option-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-color: var(--smo-primary);
}
.smo-icon-box {
  width: 60px;
  height: 60px;
  background: #eff6ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  margin-bottom: 24px;
  color: var(--smo-primary);
}
.smo-option-card.smo-manual .smo-icon-box {
  background: #f1f5f9;
  color: var(--smo-dark);
}
.smo-icon-svg {
  width: 30px;
  height: 30px;
  stroke-width: 2;
}
.smo-card-title {
  font-size: 25px !important;
  color: #003158 !important;
  font-weight: 600 !important;
  font-family: "Poppins" !important;
}
.smo-card-text {
  font-size: 0.95rem;
  color: #22252a;
  font-weight: 400;
  margin: 0;
  flex-grow: 1;
}
.smo-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #dbeafe;
  color: var(--smo-primary);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.smo-cta-box {
  background: var(--smo-dark);
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.smo-cta-box::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  pointer-events: none;
}
.smo-cta-headline {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #fff;
  font-family: "poppins" !important;
}
.smo-cta-text {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 500;
  margin: 0 0 24px 0;
  max-width: 600px;
}
.smo-cta-button {
  display: inline-flex;
  align-items: center;
  background-color: var(--smo-primary);
  color: white !important;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: background-color 0.2s;
  border: none;
  cursor: pointer;
}
.smo-cta-button:hover {
  background-color: var(--smo-primary-hover);
}
.smo-arrow-icon {
  margin-left: 8px;
  transition: transform 0.2s;
}
.smo-cta-button:hover .smo-arrow-icon {
  transform: translateX(4px);
}
.srvmo-hw-wrapper {
  --shw-blue: #2563eb;
  --shw-dark: #0f172a;
  --shw-gray: #64748b;
  --shw-bg: #f8fafc;
  --shw-white: #ffffff;
  --shw-border: #e2e8f0;
  font-family: "Poppins", sans-serif !important;
  background-color: var(--shw-bg);
  color: var(--shw-dark);
  padding: 60px 20px;
  box-sizing: border-box;
  line-height: 1.6;
  width: 100%;
}
.srvmo-hw-wrapper *,
.srvmo-hw-wrapper *::before,
.srvmo-hw-wrapper *::after {
  box-sizing: border-box;
}
.srvmo-hw-container {
  max-width: 1400px;
  margin: 0 auto;
}
.srvmo-hw-header {
  text-align: center;
  margin-bottom: 50px;
}
.srvmo-hw-title {
  font-size: 2.25rem;
  font-weight: 800;
  margin: 0 0 16px 0;
  color: var(--shw-dark);
  letter-spacing: -0.02em;
}
.srvmo-hw-intro {
  font-size: 1.1rem;
  color: var(--shw-gray);
  max-width: 700px;
  margin: 0 auto;
}
.srvmo-hw-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 768px) {
  .srvmo-hw-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.srvmo-hw-card {
  background: var(--shw-white);
  border: 1px solid var(--shw-border);
  border-radius: 16px;
  padding: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.srvmo-hw-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  border-color: var(--shw-blue);
}
.srvmo-hw-card.srvmo-hw-highlight {
  border-color: var(--shw-blue);
  background: linear-gradient(to bottom, #f0f9ff 0%, #ffffff 100%);
}
.srvmo-hw-icon-wrap {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border: 1px solid;
}
.srvmo-hw-card.srvmo-hw-basic .srvmo-hw-icon-wrap {
  background: #f1f5f9;
  color: var(--shw-dark);
}
.srvmo-hw-card.srvmo-hw-highlight .srvmo-hw-icon-wrap {
  background: #eff6ff;
  color: var(--shw-blue);
}
.srvmo-hw-icon {
  width: 30px;
  height: 30px;
  stroke-width: 2;
}
.srvmo-hw-card-title {
  font-family: "Poppins" !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  margin: 0 0 20px 0;
  color: #c12701 !important;
}
.srvmo-hw-specs {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}
.srvmo-hw-spec-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 0.95rem;
  border-bottom: 1px dashed var(--shw-border);
  padding-bottom: 8px;
}
.srvmo-hw-spec-item:last-child {
  border-bottom: none;
}
.srvmo-hw-label {
  font-weight: 700;
  color: var(--shw-blue);
  min-width: 80px;
  display: inline-block;
}
.srvmo-hw-usecase-box {
  background: #f8fafc;
  border: 1px solid var(--shw-border);
  padding: 15px;
  border-radius: 8px;
  font-size: 0.85rem;
  color: var(--shw-gray);
  margin-top: auto;
}
.srvmo-hw-usecase-title {
  display: block;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--shw-dark);
  margin-bottom: 5px;
  letter-spacing: 0.05em;
}
.srvmo-hw-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--shw-blue);
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.3);
}
.g-ul-font-family-def {
  font-family: "Poppins" !important;
  font-weight: 400 !important;
}
.g-architectures-icon {
  color: #3b82f6 !important;
  font-size: 24px !important;
}
.hardware-section-container {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
  background-color: #f3f5f9;
  color: #1e293b;
  padding: 4rem 2rem;
  box-sizing: border-box;
  line-height: 1.6;
}
.hardware-section-container div,
.hardware-section-container h2,
.hardware-section-container h3,
.hardware-section-container p,
.hardware-section-container span,
.hardware-section-container strong {
  box-sizing: border-box;
}
.hw-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 3.5rem auto;
}
.hw-headline {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0 0 1rem 0;
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.03em;
}
.hw-subtext {
  font-size: 1.1rem;
  color: #64748b;
  margin: 0;
}
.hw-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
.hw-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.hw-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.12);
}
.hot-node {
  border-top: 6px solid #f97316;
}
.cold-node {
  border-top: 6px solid #0ea5e9;
}
.hw-card-top {
  margin-bottom: 1.5rem;
}
.hw-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0.5rem 0 0 0;
  color: #0f172a;
}
.hw-badge {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.35em 0.8em;
  border-radius: 50px;
}
.hot-node .hw-badge {
  background-color: #fff7ed;
  color: #c2410c;
}
.cold-node .hw-badge {
  background-color: #f0f9ff;
  color: #0369a1;
}
.hw-use-case {
  background-color: #f8fafc;
  padding: 1rem;
  border-radius: 12px;
  font-size: 0.95rem;
  color: #475569;
  margin-bottom: 2rem;
  border: 1px solid #e2e8f0;
}
.hw-use-case strong {
  color: #334155;
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.hw-specs {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.hw-spec-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 0.75rem;
}
.hw-spec-item:last-child {
  border-bottom: none;
}
.hw-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.hw-value {
  font-size: 1.05rem;
  font-weight: 500;
  color: #334155;
}
.hw-note {
  font-size: 0.9rem;
  color: #64748b;
  font-weight: 400;
}
@media (max-width: 768px) {
  .hardware-section-container {
    padding: 2rem 1rem;
  }
  .hw-headline {
    font-size: 2rem;
  }
}
.hw-card,
.hot-node {
  font-family: "Poppins" !important;
}
.g-table-bottom-text-style{
  font-size: 0.9rem; color: #64748b; font-style: italic;
}
.smo-omega-nexus-wrapper {
            font-family: 'poppins', Roboto, Helvetica, Arial, sans-serif;
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: #e2e8f0;
            padding: 4rem 2rem;
            border-radius: 16px;
            max-width: 1440px;
            margin: 2rem auto;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
            text-align: center;
            position: relative;
            overflow: hidden;
            border: 1px solid #334155;
        }

        /* Decorative Glow */
        .smo-omega-nexus-wrapper::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(56, 189, 248, 0.1) 0%, transparent 50%);
            pointer-events: none;
            z-index: 0;
        }

        .smo-quantum-content-layer {
            position: relative;
            z-index: 1;
        }

        /* Typography */
        .smo-apex-predator-title {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 1rem;
            background: linear-gradient(to right, #ffffff, #94a3b8);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.025em;
            color: #fbbf24; margin-left: 10px;
        }

        .smo-architect-vision-text {
            font-size: 1.125rem;
            color: #94a3b8;
            margin-bottom: 3rem;
            line-height: 1.6;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
            color: #fff; font-weight: 600;
        }

        /* Comparison Arena */
        .smo-comparison-battle-arena {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            margin-bottom: 3rem;
        }

        @media (min-width: 768px) {
            .smo-comparison-battle-arena {
                grid-template-columns: 1fr 1fr;
            }
        }

        /* Cards */
        .smo-legacy-tier-card {
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.2);
            border-radius: 12px;
            padding: 2rem;
            transition: transform 0.3s ease;
        }

        .smo-sovereign-tier-card {
            background: rgba(16, 185, 129, 0.1);
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-radius: 12px;
            padding: 2rem;
            position: relative;
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
            transform: scale(1.02);
            transition: transform 0.3s ease;
        }

        .smo-sovereign-tier-card:hover {
            transform: scale(1.05);
            box-shadow: 0 0 30px rgba(16, 185, 129, 0.2);
        }

        /* Card Headers */
        .smo-tier-identity-badge {
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-weight: 700;
            margin-bottom: 1rem;
            display: block;
        }

        .smo-badge-restrictive {
            color: #f87171;
        }

        .smo-badge-limitless {
            color: #34d399;
        }

        

        .smo-code-dna-snippet{
            font-family: 'Consolas', 'Monaco', monospace;
            font-size: 1.1rem;
            background: rgba(0, 0, 0, 0.3);
            padding: 0.5rem 1rem;
            border-radius: 6px;
            margin-bottom: 1.5rem;
            display: inline-block;
        }

         .smo-code-dna-snippet.reddu{
           color: #fca5a5;
        }

        .smo-code-dna-snippet.greenu{
           color: #6ee7b7;
        }

        /* Metrics List */
        .smo-capability-matrix {
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: left;
        }

        .smo-matrix-row-item {
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            font-size: 0.95rem;
        }

        .smo-signal-beacon {
            margin-right: 0.75rem;
            width: 20px;
            text-align: center;
        }

        .smo-beacon-decay { color: #f87171; }
        .smo-beacon-active { color: #34d399; }

        /* Ownership Section */
        .smo-bare-metal-dominion {
            background: rgba(255, 255, 255, 0.03);
            border-radius: 12px;
            padding: 2rem;
            margin-bottom: 2rem;
        }

        .smo-dominion-headline {
            font-size: 1.25rem;
            font-weight: 600;
            color: #f1f5f9;
            margin-bottom: 0.5rem;
        }

        .smo-isolation-protocol-text {
            color: #cbd5e1;
            font-size: 1rem;
            margin-bottom: 0;
        }

        /* CTA Button */
        .smo-warp-drive-action-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
            color: white;
            font-weight: 700;
            font-size: 1.125rem;
            padding: 1rem 2.5rem;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid #3b82f6;
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
        }

        .smo-warp-drive-action-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(37, 99, 235, 0.6);
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            color: #fff !important;
        }

        .smo-thruster-icon {
            margin-left: 0.75rem;
            transition: transform 0.3s ease;
        }

        .smo-warp-drive-action-btn:hover .smo-thruster-icon {
            transform: translateX(5px);
        }

        /* Mobile Adjustments */
        @media (max-width: 640px) {
            .smo-apex-predator-title {
                font-size: 1.75rem;
            }
            .smo-omega-nexus-wrapper {
                padding: 2rem 1rem;
            }
        }


        /* Table Container for rounded corners and shadow */
    .svmo-comparison-wrapper {
        border-radius: 16px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        overflow: hidden; /* Keeps border radius intact */
        background: #fff;
        margin: 20px 0;
        border: 1px solid #eaeaea;
    }

    .svmo-modern-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
        font-family: 'Open Sans', sans-serif; /* Use your site's font */
        margin-bottom: 0 !important;
    }

    /* Header Styling */
    .svmo-modern-table thead th {
        background-color: #f8f9fc;
        color: #555;
        font-weight: 700;
        padding: 20px 24px;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #eaeaea;
    }

    /* Row Styling */
    .svmo-modern-table tbody td {
        padding: 18px 24px;
        color: #444;
        font-size: 15px;
        border-bottom: 1px solid #f0f0f0;
        vertical-align: middle;
    }

    /* Zebra Striping (Optional) & Hover Effect */
    .svmo-modern-table tbody tr:hover {
        background-color: #fafbff;
    }

    /* --- THE WINNER COLUMN (LiteSpeed) --- */
    /* Header Highlight */
    .svmo-modern-table thead th.svmo-highlight-head {
        background-color: #0056b3; /* Change to your Brand Blue */
        color: #fff;
        position: relative;
        border-bottom: none;
    }
    
    /* Column Highlight */
    .svmo-modern-table tbody td.svmo-highlight-col {
        background-color: #f4f9ff; /* Very light blue background */
        font-weight: 600;
        color: #004494;
        border-left: 1px solid #e0eaff;
        border-right: 1px solid #e0eaff;
    }

    /* Icon Colors */
    .icon-success { color: #2ecc71; margin-right: 8px; font-size: 1.1em;}
    .icon-fail { color: #e74c3c; margin-right: 8px; opacity: 0.6; font-size: 1.1em;}
    .icon-neutral { color: #95a5a6; margin-right: 8px; }

    /* Mobile Responsiveness */
    @media (max-width: 768px) {
        .svmo-comparison-wrapper {
            overflow-x: auto;
        }
        .svmo-modern-table {
            min-width: 600px; /* Forces scroll on mobile */
        }
    }
    .g-faq-head > h3{
          font-family: 'Poppins' !important;
    margin: 0 !important;
    font-size: 18px !important;
    }

    .g-logo-size-80px{
      width: 80px !important;
    }

    .g-icon-color-and-size{
          color: #046bff !important;
    font-size: 40px !important;
    }

    .font-size-32px{
      font-size: 32px !important;
    }




    .sm-benefits-grid {
  display: grid;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  font-family: "Poppins", sans-serif !important;
}

/* 3 Column Grid: Feature (280px) | VPS (1fr) | BareMetal (1fr) */
.sm-header-row, 
.sm-feature-row {
  display: grid;
  grid-template-columns: 280px 1fr 1fr;
}
.sm-header-row > div:not(:first-child) {
  /* text-align: center !important; */
  justify-content: center;
}
.sm-header-row > div {
     display: flex;
    flex-direction: row;
    align-items: center;
}

.sm-header-row {
  background-color: #1e293b;
  color: white;
  padding: 18px 20px;
  font-weight: 700;

  letter-spacing: 0.5px;
  font-size: 0.9rem;
}

.sm-feature-row {
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.3s ease;
  position: relative;
}

.sm-feature-row:last-child {
  border-bottom: none;
}

.sm-feature-row:hover {
  background-color: #fff8f8;
  transform: translateY(-2px);
  z-index: 2;
}

/* Feature Title Column */
.sm-title-col {
  padding: 20px;
  background-color: #fafafa;
  border-right: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
}

.sm-icon-label {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.05rem;
  color: #0062cc;
}

.sm-icon-label i {
  margin-right: 12px;
  font-size: 1.2rem;
  color: #c12701; /* Unga specific red color */
}

/* Description Columns */
.sm-desc-vps, 
.sm-desc-bm {
  padding: 20px;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center; /* Center text for better comparison */
  text-align: center;
}

.sm-desc-vps {
  color: #666;
  background-color: #fcfcfc;
  border-right: 1px solid #f0f0f0;
}

.sm-desc-bm {
  color: #000;
  font-weight: 600 !important;
  background-color: #f3f3f3;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
  .sm-header-row, 
  .sm-feature-row {
    grid-template-columns: 1fr;
  }
  
  .sm-header-row {
    display: none; /* Mobile-la header thevaiyillai */
  }

  .sm-title-col {
    border-right: none;
    border-bottom: 1px solid #eee;
    background-color: #f8f9fa;
    justify-content: center;
  }

  .sm-desc-vps::before {
    content: "Cloud VPS: ";
    font-weight: bold;
    margin-right: 5px;
  }

  .sm-desc-bm::before {
    content: "Bare Metal: ";
    font-weight: bold;
    margin-right: 5px;
  }
}



































.srv-hud-wrapper {
            font-family: 'poppins', Roboto, Helvetica, Arial, sans-serif;
            /* background-color: #f8fafc; Clean Lab Light */
            color: #334155;
            /* padding: 10px 20px; */
            /* border-radius: 12px; */
            width: 100%;
            /* max-width: 1200px; */
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            /* box-shadow: 0 10px 30px rgba(0,0,0,0.05); */
            /* border: 1px solid #e2e8f0; */
        }

        /* Scoped box-sizing reset */
        .srv-hud-wrapper *, 
        .srv-hud-wrapper *::before, 
        .srv-hud-wrapper *::after {
            box-sizing: border-box;
        }

        /* Background Grid Pattern Effect - Adjusted for Light Mode */
        .srv-hud-wrapper::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: 
                linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            pointer-events: none;
            z-index: 0;
        }

        /* Header Section */
        .srv-header {
            position: relative;
            z-index: 1;
            text-align: center;
            margin-bottom: 50px;
        }

        .srv-header h2 {
            font-size: 2.5rem;
            margin: 0 0 10px 0;
            background: linear-gradient(90deg, #0f172a, #475569); /* Dark Text Gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 800;
            letter-spacing: -1px;
            text-transform: uppercase;
        }

        .srv-header p {
            color: #64748b;
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }

        /* The Grid Container */
        .srv-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            position: relative;
            z-index: 1;
        }

        /* INDIVIDUAL CARD DESIGN (The "Tech Blade" Look) */
        .srv-card {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px; /* Slightly softer corners for light theme */
            padding: 0;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

        .srv-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            border-color: #cbd5e1;
        }

        /* Top Decoration Bar (Status Light) */
        .srv-card-top {
            height: 6px;
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        
        /* Specific Color Accents */
        .srv-growth .srv-card-top { background: #10b981; } 
        .srv-growth .srv-highlight { color: #059669; }
        .srv-growth .srv-spec-box { border-left: 3px solid #10b981; background: #ecfdf5; }

        .srv-scale .srv-card-top { background: #3b82f6; } 
        .srv-scale .srv-highlight { color: #2563eb; }
        .srv-scale .srv-spec-box { border-left: 3px solid #3b82f6; background: #eff6ff; }

        .srv-enterprise .srv-card-top { background: #f59e0b; } 
        .srv-enterprise .srv-highlight { color: #d97706; }
        .srv-enterprise .srv-spec-box { border-left: 3px solid #f59e0b; background: #fffbeb; }

        /* Card Content */
        .srv-content {
            padding: 30px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        /* Title Area */
        .srv-title-area {
            margin-bottom: 25px;
            border-bottom: 1px solid #f1f5f9;
            padding-bottom: 20px;
        }

        .srv-option-tag {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            margin-bottom: 5px;
            display: block;
        }

        .srv-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0;
            color: #0f172a; /* Dark Navy for titles */
            font-family: 'poppins' !important;
        }

        .srv-sub {
            font-size: 0.9rem;
            color: #64748b;
            margin-top: 5px;
            display: block;
        }

        /* Metrics Grid inside Card */
        .srv-metrics {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-bottom: 25px;
        }

        .srv-metric-item {
            display: flex;
            align-items: center;
            font-size: 0.95rem;
            color: #475569;
            font-weight: 500;
        }

        .srv-icon {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            opacity: 0.8;
            flex-shrink: 0;
            color: #64748b;
        }

        /* The Specs Box - "Code-like" appearance */
        .srv-spec-box {
            padding: 15px;
            border-radius: 0 6px 6px 0;
            font-family: 'Consolas', 'Monaco', monospace;
            font-size: 0.85rem;
            color: #334155;
            margin-bottom: 25px;
            line-height: 1.5;
            border: 1px solid transparent; /* Placeholder to match structure */
        }

        .srv-spec-label {
            display: block;
            font-size: 0.7rem;
            text-transform: uppercase;
            opacity: 0.7;
            margin-bottom: 5px;
            font-family: 'Segoe UI', sans-serif;
            letter-spacing: 1px;
            font-weight: 700;
        }

        /* Why Section */
        .srv-why {
            margin-top: auto;
            font-size: 0.9rem;
            line-height: 1.6;
            color: #64748b;
        }

        .srv-why strong {
            color: #0f172a;
            display: block;
            margin-bottom: 5px;
        }

        /* Decorative "Screws" or Tech elements corners */
        .srv-corner {
            position: absolute;
            width: 10px;
            height: 10px;
            border: 2px solid #cbd5e1; /* Light Grey Borders */
            transition: all 0.3s;
        }
        .srv-tl { top: 0; left: 0; border-right: 0; border-bottom: 0; }
        .srv-tr { top: 0; right: 0; border-left: 0; border-bottom: 0; }
        .srv-bl { bottom: 0; left: 0; border-right: 0; border-top: 0; }
        .srv-br { bottom: 0; right: 0; border-left: 0; border-top: 0; }

        .srv-card:hover .srv-corner {
            border-color: #94a3b8;
            width: 15px;
            height: 15px;
        }

        /* Mobile Adjustments */
        @media (max-width: 768px) {
            .srv-header h2 { font-size: 2rem; }
            .srv-grid { grid-template-columns: 1fr; }
        }
























          .infra-code-wrapper {
            /* Local Scoped Variables */
            --infra-code-primary: #c12701;       /* Royal Blue */
            --infra-code-secondary: #1e293b;     /* Slate Dark */
            --infra-code-text: #475569;          /* Slate Grey */
            --infra-code-bg: #f8fafc;            /* Very Light Grey/White */
            --infra-code-accent: #0f172a;        /* Deep Black/Blue */
            --infra-code-tip-bg: #eff6ff;        /* Light Blue Background */
            --infra-code-tip-border: #3b82f6;    /* Bright Blue Border */
            
            font-family: 'poppins', system-ui, -apple-system, sans-serif;
            /* background-color: var(--infra-code-bg); */
            padding: 40px 24px;
            color: var(--infra-code-secondary);
            line-height: 1.6;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
        }

        /* Reset specifically for this container to prevent external clash */
        .infra-code-wrapper *, 
        .infra-code-wrapper *::before, 
        .infra-code-wrapper *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .infra-code-container {
            max-width: 1440px;
            margin: 0 auto;
        }

        /* --- Header Section --- */
        .infra-code-header {
            /* max-width: 800px; */
            margin-bottom: 60px;
        }

        .infra-code-label {
            display: inline-block;
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: var(--infra-code-primary);
            margin-bottom: 16px;
                background: #c127011a;
            padding: 6px 12px;
            border-radius: 4px;
        }

        .infra-code-title {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--infra-code-accent);
            line-height: 1.2;
            margin-bottom: 24px;
        }

        .infra-code-highlight {
            color: var(--infra-code-primary);
            position: relative;
            display: inline-block;
        }

        /* Subtle underline effect */
        .infra-code-highlight::after {
            content: '';
            position: absolute;
            bottom: 2px;
            left: 0;
            width: 100%;
            height: 8px;
            background: var(--infra-code-primary);
            opacity: 0.2;
            z-index: -1;
        }

        .infra-code-description {
            font-size: 1.125rem;
            color: var(--infra-code-text);
            /* max-width: 650px; */
            font-weight: 400;
        }

        /* --- Features Layout (Not Cards) --- */
        /* Using a clean list layout with icons */
        .infra-code-features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 48px;
            margin-bottom: 64px;
            border-top: 1px solid #e2e8f0;
            padding-top: 48px;
        }

        .infra-code-feature-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            /* No background, no shadow, ensuring no "card" look */
        }

        .infra-code-icon-box {
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 20px;
            color: var(--infra-code-primary);
        }

        .infra-code-icon-svg {
            width: 100%;
            height: 100%;
        }

        .infra-code-feature-title {
            font-size: 1.25rem;
            font-weight: 600 !important;
            color: var(--infra-code-accent);
            margin-bottom: 12px;
            font-family: 'poppins' !important;
        }

        .infra-code-feature-desc {
            font-size: 1rem;
            color: var(--infra-code-text);
            font-weight: 400;
        }

        /* --- Strategy Tip Section --- */
        .infra-code-strategy-wrapper {
            display: flex;
            background-color: var(--infra-code-tip-bg);
            border-left: 4px solid var(--infra-code-tip-border);
            padding: 32px;
            align-items: flex-start;
            gap: 24px;
            border-radius: 0 8px 8px 0;
        }

        .infra-code-strategy-icon {
            flex-shrink: 0;
            color: var(--infra-code-primary);
            margin-top: 4px;
        }

        .infra-code-strategy-content {
            flex: 1;
        }

        .infra-code-strategy-label {
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--infra-code-primary);
            margin-bottom: 8px;
            display: block;
        }

        .infra-code-strategy-text {
            font-size: 1.05rem;
            color: var(--infra-code-secondary);
            font-weight: 500;
        }

        .infra-code-strategy-text span {
            font-weight: 400;
            color: var(--infra-code-text);
        }

        /* --- Animations --- */
        @keyframes infraPulse {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.1); opacity: 0.8; }
            100% { transform: scale(1); opacity: 1; }
        }

        .infra-code-pulse {
            animation: infraPulse 2s infinite ease-in-out;
        }

        /* --- Responsive Design --- */
        @media (max-width: 992px) {
            .infra-code-features-grid {
                grid-template-columns: 1fr; /* Stack vertically on tablet/mobile */
                gap: 40px;
                border-top: none;
                padding-top: 0;
            }
            
            .infra-code-title {
                font-size: 2rem;
            }
        }

        @media (max-width: 600px) {
            .infra-code-wrapper {
                padding: 48px 20px;
            }
            
            .infra-code-strategy-wrapper {
                flex-direction: column;
                gap: 16px;
            }
        }

        .g-color-text-contrast{
          color: rgb(255, 82, 82) !important;
        }



         .g-blog-cta-secondary {
        display: inline-block;
    padding: 12px 25px;
    background-color: #000000;
    color: #ffffff !important;
    border: 2px solid #000;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 10px;
    transition: all 0.3s ease;
        }
        .g-blog-cta-secondary:hover {
            background-color: #fff;
            color: #000 !important;
        }
        @media only screen and (max-width: 600px) {
            .g-blog-cta-secondary {
                margin-left: 0;
                margin-top: 10px;
                display: block;
                text-align: center;
            }
        }

        .g-warning-text-para{
          color: #d9534f;
        }





.v101-blue-engine-container-999{
   --v101-primary-red: #c12701;
            --v101-deep-dark: #0a0a0a;
            --v101-glass-bg: rgba(15, 5, 5, 0.85);
            
            background-color: var(--v101-deep-dark);
            background-image: 
                linear-gradient(to bottom, rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.5)),
                url('/images/wallpaper/blue-stroke-wallpaper.webp') !important;
            background-attachment: fixed;
            background-size: cover;
            padding: 100px 20px 60px 20px;
            font-family: 'Orbitron', 'Segoe UI', sans-serif; /* Fallback to Segoe */
            color: #ffffff;
            position: relative;
            overflow: hidden;
}

.v101-blue-engine-container-999::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            
            pointer-events: none;
            opacity: 0.5;
        }



        .v101-blue-engine-container-1000{
   --v101-primary-red: #c12701;
            --v101-deep-dark: #0a0a0a;
            --v101-glass-bg: rgba(15, 5, 5, 0.85);
            
            background-color: var(--v101-deep-dark);
            background-image: 
                linear-gradient(to bottom, rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.5)),
                url('/images/wallpaper/coolify-v4-vs-vercel-killer-hero.webp') !important;
            background-attachment: fixed;
            background-size: cover;
            padding: 100px 20px 60px 20px;
            font-family: 'Orbitron', 'Segoe UI', sans-serif; /* Fallback to Segoe */
            color: #ffffff;
            position: relative;
            overflow: hidden;
}

.v101-blue-engine-container-1000::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            
            pointer-events: none;
            opacity: 0.5;
        }


         /* Scoped Container: Tactical Hardware Theme */
        .v101-warfare-engine-container-999 {
            --v101-primary-red: #c12701;
            --v101-deep-dark: #0a0a0a;
            --v101-glass-bg: rgba(15, 5, 5, 0.85);
            
            background-color: var(--v101-deep-dark);
            background-image: 
                linear-gradient(to bottom, rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.9)),
                url('/images/wallpaper/unreal-engine-5-installation-tutorial-hero.webp');
            background-attachment: fixed;
            background-size: cover;
            padding: 100px 20px 60px 20px;
            font-family: 'Orbitron', 'Segoe UI', sans-serif; /* Fallback to Segoe */
            color: #ffffff;
            position: relative;
            overflow: hidden;
        }

        /* Hexagonal Grid Overlay */
        .v101-warfare-engine-container-999::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            
            pointer-events: none;
            opacity: 0.5;
        }

        /* Decorative Scanline Animation */
        .v101-scanline-fx-888 {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(to bottom, transparent 0%, rgba(193, 39, 1, 0.05) 50%, transparent 100%);
            background-size: 100% 4px;
            animation: v101-scan-move-111 8s linear infinite;
            pointer-events: none;
            z-index: 1;
        }

        @keyframes v101-scan-move-111 {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }

        .v101-content-inner-777 {
            max-width: 1440px;
            margin: 0 auto;
            position: relative;
            z-index: 5;
        }

        /* Header UI */
        .v101-tactical-header-666 {
            text-align: center;
            margin-bottom: 80px;
            position: relative;
        }

        .v101-main-heading-555 {
            font-size: clamp(2rem, 5vw, 1.5rem) !important;
            font-weight: 900 !important;
            text-transform: uppercase;
            letter-spacing: 6px;
            margin: 0;
            color: #fff;
            text-shadow: 0 0 15px rgba(193, 39, 1, 0.6);
        }

        .v101-main-heading-555 span {
            color: var(--v101-primary-red);
        }

        .v101-subtitle-hud-444 {
            font-size: 0.9rem;
            color: var(--v101-primary-red);
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-top: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-bottom: 30px;
        }

        .v101-subtitle-hud-444::before, .v101-subtitle-hud-444::after {
            content: "";
            width: 50px;
            height: 1px;
            background: var(--v101-primary-red);
        }

        /* Grid Layout */
        .v101-tactical-grid-404 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        /* The Card: Apex Predator Design */
        .v101-loadout-card-333 {
            background: var(--v101-glass-bg);
            border: 1px solid rgba(193, 39, 1, 0.2);
            padding: 45px 35px;
            position: relative;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            overflow: hidden;
            clip-path: polygon(15px 0%, 100% 0%, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0% 100%, 0% 15px);
        }

        /* Hover States */
        .v101-loadout-card-333:hover {
            transform: translateY(-8px);
            border-color: var(--v101-primary-red);
            box-shadow: inset 0 0 20px rgba(193, 39, 1, 0.1), 0 15px 40px rgba(0,0,0,0.5);
            background: rgba(25, 10, 10, 0.95);
        }

        /* Corner Brackets */
        .v101-bracket-001 {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 2px solid transparent;
            transition: all 0.3s;
        }
        .v101-bracket-tl { top: 0; left: 0; border-top-color: var(--v101-primary-red); border-left-color: var(--v101-primary-red); }
        .v101-bracket-br { bottom: 0; right: 0; border-bottom-color: var(--v101-primary-red); border-right-color: var(--v101-primary-red); }

        .v101-loadout-card-333:hover .v101-bracket-001 {
            width: 35px;
            height: 35px;
        }

        /* Card Content */
        .v101-icon-container-222 {
            margin-bottom: 25px;
            color: var(--v101-primary-red);
            filter: drop-shadow(0 0 8px rgba(193, 39, 1, 0.5));
            transition: transform 0.4s;
        }

        .v101-loadout-card-333:hover .v101-icon-container-222 {
            transform: scale(1.1) rotate(5deg);
        }

        .v101-card-title-111 {
            font-size: 1.25rem !important;
            font-weight: 800 !important;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .v101-card-title-111::after {
            content: "";
            flex-grow: 1;
            height: 1px;
            background: linear-gradient(90deg, var(--v101-primary-red), transparent);
            opacity: 0.3;
        }

        .v101-card-desc-000 {
            font-size: 0.95rem !important;
                color: #ffffff;
    line-height: 1.7;
    font-weight: 400 !important;
            margin: 0;
            text-align: left !important;
            font-family: 'poppins';
        }

        .v101-accent-bold-99 {
            color: #fff;
            background: rgba(193, 39, 1, 0.2);
            padding: 0 4px;
            border-radius: 2px;
            font-weight: 600;
        }

        /* UX Visual Cue: Loading Bar */
        .v101-status-bar-777 {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            width: 0%;
            background: var(--v101-primary-red);
            box-shadow: 0 0 10px var(--v101-primary-red);
            transition: width 0.5s ease;
        }

        .v101-loadout-card-333:hover .v101-status-bar-777 {
            width: 100%;
        }

        @media (max-width: 768px) {
            .v101-warfare-engine-container-999 { padding: 60px 15px; }
            .v101-blue-engine-container-999 { padding: 60px 15px; }
            .v101-main-heading-555 { font-size: 2.2rem !important; }
        }




        /* Scoped Container: Clinical Tech / Light Laboratory Theme */
        .v202-infra-dna-container-55 {
            --v202-brand: #c12701;
            --v202-bg: #ffffff;
            --v202-soft-gray: #f4f7f9;
            --v202-border: #e2e8f0;
            --v202-text-main: #0f172a;
            --v202-text-muted: #64748b;

            background-color: var(--v202-bg);
            background-image: 
                linear-gradient(rgba(226, 232, 240, 0.5) 1px, transparent 1px),
                linear-gradient(90deg, rgba(226, 232, 240, 0.5) 1px, transparent 1px);
            background-size: 40px 40px;
            padding: 120px 20px;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            color: var(--v202-text-main);
            position: relative;
            overflow: hidden;
        }

        /* Decorative Technical Background Elements */
        .v202-infra-dna-container-55::before {
            content: "SPEC_SHEET_V4.0";
            position: absolute;
            top: 40px;
            right: 40px;
            font-family: monospace;
            font-size: 12px;
            color: var(--v202-brand);
            opacity: 0.4;
            letter-spacing: 2px;
        }

        .v202-section-limit-77 {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 10;
        }

        /* Header UI: Industrial Precision */
        .v202-dna-header-12 {
            margin-bottom: 40px;
            position: relative;
            font-family: 'Poppins' !important;
        }

        .v202-serial-number-99 {
            display: inline-block;
            background: var(--v202-brand);
            color: #fff;
            padding: 4px 12px;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 2px;
            margin-bottom: 15px;
            border-radius: 2px;
        }

        .v202-main-title-88 {
           font-size: clamp(2rem, 5vw, 1.5rem) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin: 0;
    line-height: 0.9 !important;
    color: #000 !important;
        }

        .v202-main-title-88 span {
            color: var(--v202-brand);
            display: block;
            font-size: 0.5em;
            letter-spacing: 8px;
            margin-top: 10px;
            font-weight: 400;
        }

        /* The Grid System */
        .v202-spec-grid-44 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1px; /* Creates a line-grid effect with background color */
            background-color: var(--v202-border);
            border: 1px solid var(--v202-border);
        }

        @media screen and (min-width: 802px) and (max-width: 1360px) {
           /* The Grid System */
        .v202-spec-grid-44 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 1px; /* Creates a line-grid effect with background color */
            background-color: var(--v202-border);
            border: 1px solid var(--v202-border);
        }
        }

        /* Card: Modular Component Design */
        .v202-spec-card-33 {
            background: #fff;
            padding: 50px 40px;
            position: relative;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            cursor: pointer;
        }

        .v202-spec-card-33 > h3{
          font-family: 'Poppins' !important;
    font-weight: 600 !important;
    font-size: 26px !important;
        }

        .v202-spec-card-33:hover {
            z-index: 15;
            box-shadow: 0 30px 60px -12px rgba(193, 39, 1, 0.15);
            background: var(--v202-soft-gray);
            font-family: 'poppins' !important;
        }

        /* Vertical Progress/Static Bar */
        .v202-static-bar-22 {
            position: absolute;
            left: 0;
            top: 20%;
            bottom: 20%;
            width: 4px;
            background: var(--v202-border);
            transition: all 0.4s;
        }

        .v202-spec-card-33:hover .v202-static-bar-22 {
            background: var(--v202-brand);
            top: 0;
            bottom: 0;
        }

        .v202-icon-wrap-11 {
            width: 48px;
            height: 48px;
            margin-bottom: 30px;
            color: var(--v202-text-main);
            transition: color 0.3s;
        }

        .v202-spec-card-33:hover .v202-icon-wrap-11 {
            color: var(--v202-brand);
        }

        .v202-card-label-00 {
            font-size: 1.25rem !important;
            font-weight: 700 !important;
            margin-bottom: 15px;
            color: var(--v202-text-main);
        }

        .v202-card-info-66 {
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--v202-text-muted);
            margin: 0;
        }

        .v202-tech-stat-55 {
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px dashed var(--v202-border);
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: monospace;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--v202-brand);
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.3s;
        }

        .v202-spec-card-33:hover .v202-tech-stat-55 {
            opacity: 1;
            transform: translateY(0);
        }

        /* Corner Markers */
        .v202-corner-marker-44 {
            position: absolute;
            width: 10px;
            height: 10px;
            border-right: 1px solid var(--v202-brand);
            border-bottom: 1px solid var(--v202-brand);
            right: 15px;
            bottom: 15px;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .v202-spec-card-33:hover .v202-corner-marker-44 {
            opacity: 1;
        }

        @media (max-width: 768px) {
            .v202-infra-dna-container-55 { padding: 60px 15px; }
            .v202-main-title-88 { font-size: 2.5rem; }
            .v202-spec-card-33 { padding: 40px 25px; }
        }


        .g-icon-size-card{
              color: #c12701;
    font-size: 30px;
        }







/* Scoped UI - Clean Blueprint Edition (No Variables) */
#sm-comparison-app {
    font-family: 'Poppins', system-ui, sans-serif !important;
    background-color: #f8fafc !important;
    background-image: linear-gradient(#e2e8f0 1px, transparent 1px), linear-gradient(90deg, #e2e8f0 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    /* min-height: 100vh !important; */
    padding: 80px 20px !important;
}

.sm-container { 
    max-width: 1440px !important; 
    margin: 0 auto !important; 
}

.sm-header {
    text-align: left !important; 
    margin-bottom: 50px !important; 
    border-left: 6px solid #c12107 !important; 
    padding-left: 25px !important;
}

.sm-header h2 { 
    font-size: 2.5rem !important; 
    font-weight: 600 !important; 
    text-transform: capitalize  !important; 
    margin: 0 !important; 
    font-family: 'poppins' !important;
}

.sm-header p { 
    color: #64748b !important; 
    font-weight: 500 !important; 
    margin-top: 5px !important; 
}

.sm-grid { 
    display: grid !important; 
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr))!important; 
    gap: 25px !important; 
}

.sm-module {
    background: #ffffff !important; 
    border-radius: 4px !important; 
    position: relative !important;
    display: flex !important; 
    flex-direction: column !important; 
    min-width: 320px !important;
    border: 1px solid #e2e8f0 !important;
    transition: 0.3s ease !important;
}

.sm-module:hover { 
    border-color: #c12107 !important; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.05) !important; 
}

/* Technical Pricing Box */
.sm-price-box {
    background: #1e293b !important; 
    color: white !important; 
    padding: 25px !important; 
    text-align: center !important;
}

.sm-price-box .sub { 
    font-size: 0.65rem !important; 
    text-transform: uppercase !important; 
    letter-spacing: 2px !important; 
    opacity: 0.7 !important; 
    display: block !important; 
}

.sm-price-box .val { 
    font-size: 2.2rem !important; 
    font-weight: 900 !important; 
    color: #fff !important; 
}

.sm-close-btn {
    position: absolute !important; 
    top: -12px !important; 
    right: -12px !important; 
    width: 30px !important; 
    height: 30px !important;
    background: #fff !important; 
    border: 2px solid #c12107 !important; 
    border-radius: 50% !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    cursor: pointer !important; 
    color: #c12107 !important;
    z-index: 10 !important; 
    font-weight: bold !important;
}

.sm-module-body { 
    padding: 30px !important; 
    flex-grow: 1 !important; 
}

.sm-location-tag {
    font-size: 0.75rem !important; 
    font-weight: 700 !important; 
    color: #c12107 !important;
    text-transform: uppercase !important; 
    margin-bottom: 10px !important; 
    display: flex !important; 
    align-items: center !important; 
    gap: 6px !important;
}

.sm-module-body h3 { 
    font-size: 1.3rem !important; 
    font-weight: 800 !important; 
    margin: 0 0 0px 0 !important; 
    color: #1e293b !important; 
    border-bottom: 2px solid #f8fafc !important; 
    padding-bottom: 15px !important; 
    font-family: 'poppins' !important;
}

/* Spec Table Style */
.sm-spec-row {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f8fafc !important;
}

.sm-spec-label { 
    display: flex !important; 
    align-items: center !important; 
    gap: 10px !important; 
    font-size: 0.8rem !important; 
    color: #64748b !important; 
    font-weight: 600 !important; 
    text-transform: uppercase !important; 
}

.sm-spec-label i { 
    color: #c12107 !important; 
    font-size: 1rem !important; 
    width: 20px !important; 
}

.sm-spec-value { 
    font-size: 0.95rem !important; 
    font-weight: 800 !important; 
    color: #1e293b !important; 
    text-align: right !important; 
}

.sm-footer { 
    padding: 0px 30px 30px !important; 
}

.sm-deploy-btn {
    display: block !important; 
    text-align: center !important; 
    background: #c12107 !important; 
    color: white !important;
    text-decoration: none !important; 
    padding: 15px !important; 
    border-radius: 4px !important; 
    font-weight: 800 !important; 
    font-size: 0.85rem !important;
    text-transform: uppercase !important; 
    letter-spacing: 1px !important;
}

.sm-empty { 
    border: 2px dashed #e2e8f0 !important; 
    background: rgba(255,255,255,0.5) !important; 
    justify-content: center !important; 
    align-items: center !important; 
    cursor: pointer !important; 
    padding: 30px;
}

.sm-empty .circle { 
    width: 50px !important; 
    height: 50px !important; 
    border-radius: 50% !important; 
    border: 2px solid #e2e8f0 !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    margin: 0 auto 15px !important; 
    color: #64748b !important; 
    font-size: 20px !important; 
}

.sm-empty:hover { 
    border-color: #c12107 !important; 
    background: #fff !important; 
}

@media (max-width: 1200px) { 
    .sm-grid { 
        /* grid-template-columns: repeat(4, 340px) !important;  */
        /* overflow-x: auto !important;  */
        padding-bottom: 30px !important; 
    } 
}





/* Custom SweetAlert Design for ServerMo */
.sm-swal-popup {
    font-family: 'Poppins', system-ui, sans-serif !important;
    border-radius: 0px !important; /* Sharp edges for blueprint look */
    border: 1px solid #e2e8f0 !important;
    border-left: 6px solid #c12107 !important; /* Signature Red Line */
    padding: 2rem !important;
    background-image: linear-gradient(#e2e8f0 1px, transparent 1px), linear-gradient(90deg, #e2e8f0 1px, transparent 1px) !important;
    background-size: 15px 15px !important;
    background-color: #f8fafc !important;
}

.sm-swal-title {
    color: #1e293b !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    letter-spacing: -0.5px !important;
}

.sm-swal-html {
    color: #64748b !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

/* Primary Button (Compare Page) */
.sm-swal-confirm {
    background-color: #c12107 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 12px 24px !important;
    box-shadow: none !important;
    border: none !important;
}

.sm-swal-confirm:hover {
    background-color: #a01b05 !important;
}

/* Secondary Button (Close) */
.sm-swal-cancel {
    background-color: #1e293b !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    padding: 12px 24px !important;
    border: none !important;
}

.sm-swal-cancel:hover {
    background-color: #334155 !important;
}

.g-rounded-home-banner-icon-img{
  width: 110px;
}

.fa-java{
  color: #f89820;
}

.fa-node-js {
color: #68a063;
}

.fa-python {
  color: #3776ab;
}

.fa-docker{
  color: #2496ed;
}

.g-centered-div-assoc{
      display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.trustpilot-widget > a > img {
  width: 190px;
  
  border-radius: 10px;
  border: 2px solid #00b577;
}

.whtop-widget{
      height: 90px !important;
    width: auto !important;
}


/* RAID Badge Styles */
.srvmo-raid-badge {
    
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: bold;
    display: inline-block;
}

/* Free RAID (Green) */
.srvmo-raid-free {
    color: #155724;
    background-color: #d4edda;
    padding: 2px 6px;
}

/* Pro Tip / Hardware RAID (Blue) */
.srvmo-raid-pro {
    color: #004085;
    /* background-color: #cce5ff; */
    margin-top: 4px;
}

/* Description Text */
.srvmo-raid-desc {
    font-size: 0.9em;
    opacity: 0.8;
    display: block;
    margin-top: 5px;
    line-height: 1.4;
}

.g-faq-pro-tip-box {
  margin-top: 15px; background: #f8f9fa; padding: 10px; border-left: 4px solid #004085; border-radius: 4px;
}

.g-faq-pro-tip-box-title{
  color: #004085;
}

.config-card-icon-low-volume-def{
      width: 48px !important;
    height: 48px !important;
    flex: none !important;
}

.servermo-tutorial-preview-section{
  background: #f9fbfd !important; border: 1px solid #e1e8ed !important; border-radius: 16px !important; padding: 30px !important; margin-bottom: 40px !important;display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important;
}

.servermo-tutorial-text{
  flex: 1 !important; min-width: 300px !important; padding-right: 20px !important;
}

.servermo-tutorial-span{
  background: #e3f2fd !important; color: #0d47a1 !important; padding: 4px 12px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important;
}

.servermo-tutorial-h3{
  font-size: 1.4rem !important; font-weight: 700 !important; margin: 15px 0 10px !important; color: #2d3748 !important; font-family: 'poppins' !important;
}

.servermo-tutorial-para{
  color: #4a5568!important; margin-bottom: 0 !important; font-size: 1rem !important; font-weight: 400 !important;
}

.servermo-tutorial-action{
  margin-top: 20px ;
}

.servermo-tutorial-span-color{
  color: #2b6cb0 !important;
}

.servermo-tutorial-anchor-link{
  display: inline-flex !important; align-items: center !important; text-decoration: none !important; background: #fff !important; color: #2d3748 !important; border: 2px solid #cbd5e0 !important; padding: 12px 24px!important; border-radius: 8px!important; font-weight: 600!important; transition: all 0.3s ease !important;
}

.servermo-tutorial-svg{
  width: 20px; height: 20px; margin-right: 8px;
}



  /* Base Variables for Ice Theme */
        :root {
            --ant-bg-dark: #020c1b;
            --ant-bg-card: rgba(10, 25, 47, 0.7);
            --ant-accent: #64ffda;
            --ant-ice-blue: #a6f0ff;
            --ant-danger: #c12701;
            --ant-gradient: linear-gradient(135deg, #0a192f 0%, #112240 100%);
            --ant-glass: blur(10px);
        }

        /* 1. The "Ice Block" Highlight Box */
        .sm-blog-box-x9921 {
            background: linear-gradient(135deg, #f0faff 0%, #e6f7ff 100%) !important;
            border-left: 5px solid #00bcd4 !important; /* Glacial Teal Border */
            padding: 30px !important;
            margin: 40px 0 !important;
            border-radius: 12px !important;
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07) !important;
            border: 1px solid rgba(0, 188, 212, 0.2) !important;
            position: relative !important;
            overflow: hidden !important;
        }

        /* 2. The "Warning Sign" Roast Box (Frozen Danger) */
        .sm-roast-box-6612 {
            background: #fff5f5 !important;
            border: 2px dashed #ff5252 !important;
            padding: 25px !important;
            margin: 35px 0 !important;
            border-radius: 12px !important;
            position: relative !important;
            box-shadow: inset 0 0 20px rgba(255, 0, 0, 0.05) !important;
        }

        /* 3. The "Deep Sea" Pricing Table */
        .sm-price-table-wrap-8821 {
            width: 100% !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            margin: 40px 0 !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            background: #ffffff !important;
            border: 1px solid #e0e6ed !important;
        }
        .sm-price-table-wrap-8821 th {
            background: linear-gradient(135deg, #0f2027 0%, #203a43 100%) !important;
            color: #a6f0ff !important; /* Ice Blue Text */
            padding: 20px !important;
            text-align: left !important;
            font-size: 1.1rem !important;
            border-bottom: 3px solid #00bcd4 !important;
        }
        .sm-price-table-wrap-8821 td {
            padding: 18px !important;
            border-bottom: 1px solid #eef2f7 !important;
            background: #fff !important;
            color: #2d3748 !important;
        }
        .sm-price-green-txt { color: #00bcd4 !important; font-weight: 800 !important; }

        /* 4. GPU Grid (Crystal Cards) */
        .sm-gpu-grid-wrapper-8832 {
            display: grid !important;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
            gap: 30px !important;
            margin-top: 50px !important;
            margin-bottom: 50px !important;
        }

        .sm-gpu-card-item-7741 {
            background: #ffffff !important;
            border: 1px solid #dbeafe !important;
            padding: 30px !important;
            border-radius: 16px !important;
            text-align: center !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
            position: relative !important;
            overflow: hidden !important;
        }
        .sm-gpu-card-item-7741:hover {
            transform: translateY(-10px) !important;
            box-shadow: 0 20px 40px rgba(0, 188, 212, 0.2) !important;
            border-color: #00bcd4 !important;
        }
        
        /* 5. Typography & Badges */
        .sm-gpu-title-text-5502 {
            font-weight: 900 !important;
            color: #0f2027 !important;
            font-size: 1.4rem !important;
            margin-bottom: 10px !important;
            margin-top: 15px !important;
            display: block !important;
        }
        .sm-gpu-badge-tag-2291 {
            background: linear-gradient(90deg, #00bcd4 0%, #00d4ff 100%) !important;
            color: #ffffff !important;
            padding: 6px 14px !important;
            border-radius: 30px !important;
            font-size: 0.8rem !important;
            text-transform: uppercase !important;
            font-weight: 800 !important;
            letter-spacing: 1px !important;
            display: inline-block !important;
            box-shadow: 0 4px 10px rgba(0, 188, 212, 0.4) !important;
        }
        .sm-gpu-price-tag-9912 {
            font-size: 1.8rem !important;
            background: linear-gradient(90deg, #00bcd4, #008ba3) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            font-weight: 900 !important;
            margin: 15px 0 !important;
            display: block !important;
        }

        .sm-cta-banner-container-4420 {
            position: relative !important;
            background: url('/images/blogs/cards/penguin-gpu-trek-banner.webp') no-repeat center center !important;
            background-size: cover !important; 
            padding: 70px 40px !important;
            border-radius: 20px !important;
            text-align: center !important;
            margin-top: 80px !important;
            margin-bottom: 40px !important;
            color: #ffffff !important;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important; 
            overflow: hidden !important;
            border: 1px solid rgba(255,255,255,0.1) !important;
        }

        .sm-cta-banner-container-4420::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(2, 12, 27, 0.85) !important; 
            z-index: 1 !important;
        }

        .sm-cta-banner-container-4420 h2,
        .sm-cta-banner-container-4420 p,
        .sm-cta-banner-container-4420 a {
            position: relative !important;
            z-index: 2 !important; 
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
        }

        .sm-cta-banner-container-4420::after {
            content: '' !important;
            position: absolute !important;
            top: -50% !important;
            left: -50% !important;
            width: 200% !important;
            height: 200% !important;
            background: radial-gradient(circle, rgba(100, 255, 218, 0.1) 0%, transparent 60%) !important;
            animation: aurora-spin 15s linear infinite !important;
            pointer-events: none !important;
            z-index: 1 !important; 
        }
        @keyframes aurora-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .sm-cta-headline-1102 { 
            font-size: 2.2rem !important; 
            font-weight: 900 !important; 
            margin-bottom: 15px !important; 
            color: #ffffff !important; 
            text-shadow: 0 0 20px rgba(0,188,212,0.8) !important;
            position: relative !important;
            z-index: 2 !important;
        }
        .sm-cta-subtext-3391 { 
            font-size: 1.2rem !important; 
            margin-bottom: 35px !important; 
            color: #e0f7fa !important; 
            line-height: 1.6 !important;
            position: relative !important;
            z-index: 2 !important;
        }
        
        .sm-cta-btn-action-6654 {
            background: #00bcd4 !important; 
            color: #fff !important; 
            padding: 18px 45px !important;
            border-radius: 50px !important; 
            font-weight: 800 !important; 
            font-size: 1.1rem !important;
            text-decoration: none !important; 
            display: inline-block !important; 
            transition: all 0.3s ease !important;
            box-shadow: 0 0 20px rgba(0,188,212,0.6) !important;
            position: relative !important;
            z-index: 2 !important;
            border: 2px solid #00bcd4 !important;
        }
        .sm-cta-btn-action-6654:hover { 
            background: transparent !important; 
            color: #00bcd4 !important; 
            box-shadow: 0 0 30px rgba(0,188,212,0.9) !important;
        }

        .sm-cpu-subtext-001 { font-size: 0.85rem !important; color: #718096 !important; display: block !important; margin-top: 5px !important; }
        .sm-blog-list-ul-0021 { list-style-type: none !important; padding-left: 0 !important; margin: 0 !important; }
        .sm-blog-list-li-0021 { margin-bottom: 20px !important; font-size: 1.05rem !important; line-height: 1.6 !important; }
        
        .sm-txt-ice-blue { color: #c12701 !important; }

        .g-main-blogs-card-img-div{
         
        }

       
.btn-awesome-compare {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; 
    padding: 12px 28px;
    
    border: none;
    border-radius: 50px; 
    
    background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%);
    color: white;
    
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(221, 36, 118, 0.4);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-awesome-compare:hover {
    transform: translateY(-3px); 
    box-shadow: 0 8px 25px rgba(221, 36, 118, 0.6); 
}

.btn-awesome-compare:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(221, 36, 118, 0.4);
}

.btn-awesome-compare::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: 0.5s;
    z-index: -1;
}

.btn-awesome-compare:hover::after {
    left: 100%; 
}

/* --- ServerMO Linux CTA Unique Design --- */

.srvmo-lx-cta-container {
    position: relative;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); /* Dark Professional Blue */
    border-radius: 12px;
    padding: 35px 40px;
    margin: 40px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 800px; /* Optional: Limits width */
}

/* Background Giant Linux Icon */
.srvmo-lx-bg-icon {
    position: absolute;
    left: -20px;
    bottom: -30px;
    font-size: 150px;
    color: rgba(255, 255, 255, 0.03); /* Subtle Watermark */
    transform: rotate(15deg);
    pointer-events: none;
    z-index: 0;
}

.srvmo-lx-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}

/* Text Styling */
.srvmo-lx-text-group {
    flex: 1;
    min-width: 280px;
    text-align: left;
}

.srvmo-lx-heading {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    font-family: 'poppins', Tahoma, Geneva, Verdana, sans-serif !important;
    letter-spacing: 0.5px;
}

/* Terminal Green Prefix */
.srvmo-lx-terminal-prefix {
    color: #22c55e; /* Terminal Green */
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    margin-right: 8px;
    background: rgba(34, 197, 94, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
}

.srvmo-lx-subtext {
    color: #94a3b8;
    font-size: 15px;
    margin: 0;
    font-weight: 400;
}

/* Button Styling */
.srvmo-lx-deploy-btn {
    display: inline-flex;
    align-items: center;
    background: #3b82f6; /* Modern Blue */
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff !important;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.srvmo-lx-deploy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);
    background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
}

.srvmo-lx-btn-icon {
    margin-right: 10px;
    font-size: 18px;
}

.srvmo-lx-btn-arrow {
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.srvmo-lx-deploy-btn:hover .srvmo-lx-btn-arrow {
    transform: translateX(4px);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .srvmo-lx-cta-container {
        padding: 25px;
        text-align: center;
    }
    
    .srvmo-lx-content {
        flex-direction: column;
        justify-content: center;
    }
    
    .srvmo-lx-text-group {
        text-align: center;
    }
    
    .srvmo-lx-terminal-prefix {
        display: block; /* Stack on mobile */
        margin-bottom: 5px;
        background: transparent;
        padding: 0;
    }

    .srvmo-lx-bg-icon {
        font-size: 100px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
        opacity: 0.1;
    }
}






 .g-worldwide-server-location__container {
        --gwsl-primary: #6366f1;
        --gwsl-primary-dark: #4f46e5;
        --gwsl-sidebar-bg: #1e293b;
        --gwsl-bg: #f8fafc;
        --gwsl-text: #0f172a;
        --gwsl-text-mute: #64748b;
        --gwsl-border: #e2e8f0;
        --gwsl-white: #ffffff;
        --gwsl-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
        --gwsl-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

        display: flex !important;
        width: 100% !important;
        height: 100vh !important;
        background-color: var(--gwsl-bg) !important;
        font-family: 'Poppins', sans-serif !important;
        overflow: hidden !important;
        position: relative !important;
        color: var(--gwsl-text) !important;
    }

    .g-worldwide-server-location__container * {
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: 'Poppins', sans-serif !important;
    }

    .g-worldwide-server-location__sidebar::-webkit-scrollbar,
    .g-worldwide-server-location__list-container::-webkit-scrollbar {
        width: 6px !important;
    }

    .g-worldwide-server-location__sidebar::-webkit-scrollbar-thumb,
    .g-worldwide-server-location__list-container::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.1) !important;
        border-radius: 10px !important;
    }

    .g-worldwide-server-location__sidebar {
        width: 280px !important;
        background-color: var(--gwsl-sidebar-bg) !important;
        color: var(--gwsl-white) !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 24px !important;
        flex-shrink: 0 !important;
        overflow-y: auto !important;
        position: sticky;
    top: 0 !important;
    }



    .g-worldwide-server-location__sidebar-header h3 {
        margin-bottom: 24px !important;
        font-size: 14px !important;
        color: #94a3b8 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-weight: 600 !important;
    }





    .g-worldwide-server-location__info-card {
        margin-top: 20px !important;
        padding-top: 40px !important;
        padding-bottom: 20px !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-top: 1px solid #e2e8f0 !important;
        border-radius: 0 !important;

        display: flex !important;
        gap: 30px !important;
        align-items: flex-start !important;
    }

    .g-worldwide-server-location__info-icon {
        font-size: 32px !important;
        color: var(--gwsl-primary) !important;
        background: transparent !important;
        padding: 0 !important;
        margin-top: 5px !important;
        opacity: 0.9 !important;
    }

    .g-worldwide-server-location__info-content {
        flex: 1 !important;
        border-left: 5px solid #6dbf00;
        padding-left: 30px !important;
    }

    .g-worldwide-server-location__info-content h3 {
        font-size: 22px !important;
        font-weight: 700 !important;
        margin-bottom: 12px !important;
        color: var(--gwsl-text) !important;
        letter-spacing: -0.5px !important;
    }

    .g-worldwide-server-location__info-content p {
        font-size: 16px !important;
        color: #000 !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
        max-width: 1600px !important;
        font-weight: 400;
    }

    .g-worldwide-server-location__info-link {
        display: inline-flex !important;
        align-items: center !important;
        font-weight: 600 !important;
        color: var(--gwsl-primary) !important;
        text-decoration: none !important;
        font-size: 16px !important;
        border-bottom: 2px solid transparent !important;
        transition: all 0.2s ease !important;
        padding-bottom: 2px !important;
        gap: 8px !important;
    }

    .g-worldwide-server-location__info-link>i {
        font-family: 'FontAwesome' !important;
    }

    .g-worldwide-server-location__info-link:hover {
        color: var(--gwsl-primary-dark) !important;
        border-bottom-color: var(--gwsl-primary-dark) !important;
        gap: 12px !important;
    }

    @media (max-width: 1060px) {
        .g-worldwide-server-location__sticky-header {
            flex-direction: column !important;
        }

        .g-worldwide-server-location__search-input {
            width: auto !important;
        }
    }

    @media (max-width: 768px) {
        .g-worldwide-server-location__info-card {
            flex-direction: column !important;
            gap: 15px !important;
            margin-top: 30px !important;
            padding-top: 30px !important;
        }

        .g-worldwide-server-location__info-icon {
            font-size: 28px !important;
        }

        .g-worldwide-server-location__info-content h3 {
            font-size: 20px !important;
        }
    }



    .g-worldwide-server-location__region-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        flex: 1 !important;
    }

    .g-worldwide-server-location__region-btn {
        background: transparent !important;
        border: none !important;
        color: #cbd5e1 !important;
        padding: 14px 16px !important;
        border-radius: 10px !important;
        cursor: pointer !important;
        text-align: left !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        font-size: 15px !important;
        transition: all 0.2s ease !important;
        font-weight: 500 !important;
    }

    .g-worldwide-server-location__region-btn:hover {
        background-color: rgba(255, 255, 255, 0.08) !important;
        color: var(--gwsl-white) !important;
    }

    .g-worldwide-server-location__region-btn.g-worldwide-server-location__active {
        background-color: #c12701 !important;
        color: var(--gwsl-white) !important;
        box-shadow: 0 4px 12px #c12701 !important;
        font-weight: 600 !important;
    }

    .g-worldwide-server-location__badge {
        background: rgba(0, 0, 0, 0.3) !important;
        font-size: 12px !important;
        padding: 2px 10px !important;
        border-radius: 20px !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .material-symbols-outlined__img {
        width: 120px;
    }

    .g-worldwide-server-location__network-status {
        margin-top: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding-top: 20px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        font-size: 14px !important;
        color: #4ade80 !important;
        font-weight: 500 !important;
    }

    .material-symbols-outlined-logo {
        width: 35px;
    }

    .g-worldwide-server-location__label__span {
        color: #c12701;
    }

    .g-worldwide-server-location__status-dot {
        width: 10px !important;
        height: 10px !important;
        background-color: #4ade80 !important;
        border-radius: 50% !important;
        box-shadow: 0 0 10px rgba(74, 222, 128, 0.6) !important;
    }

    .g-worldwide-server-location__content-area {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        background-color: var(--gwsl-bg) !important;
        position: relative !important;

        background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgb(255 255 255)), url('/images/maps/dedicated-server-north-america.webp') !important;

        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .g-worldwide-server-location__sticky-header {
        background-color: rgba(255, 255, 255, 0.9) !important;
        backdrop-filter: blur(12px) !important;
        padding: 20px 40px !important;
        border-bottom: 1px solid var(--gwsl-border) !important;
        z-index: 50 !important;
        position: sticky !important;
        top: 0 !important;
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;

    }

    .g-worldwide-server-location__sticky-header h2 {
        font-size: 28px !important;
        margin-bottom: 24px !important;
        color: var(--gwsl-text) !important;
        font-weight: 700 !important;
    }

    .g-worldwide-server-location__search-wrapper {
        position: relative !important;
        width: auto !important;
    }

    .g-worldwide-server-location__search-input {
        width: 500px !important;
        padding: 12px 20px 12px 52px !important;
        border-radius: 12px !important;
        border-left: 5px solid #c30000 !important;
        font-size: 16px !important;
        transition: all 0.3s ease !important;
        background: var(--gwsl-white) !important;
        color: var(--gwsl-text) !important;
    }

    .g-worldwide-server-location__search-input__wrapper {
        position: relative !important;
    }

    .g-worldwide-server-location__search-input__wrapper-icon {
        position: absolute !important;
        left: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        filter: contrast(0.1) opacity(0.5);
    }

    .g-worldwide-server-location__search-input:focus {
        outline: none !important;
        border-color: var(--gwsl-primary) !important;
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1) !important;
    }

    .g-worldwide-server-location__search-icon {
        position: absolute !important;
        left: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: var(--gwsl-text-mute) !important;
        font-size: 22px !important;
    }

    .g-worldwide-server-location__search-input::placeholder {
        color: #ccc !important;
        font-size: 15px !important;
    }

    .g-worldwide-server-location__list-container {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 40px !important;
        scroll-behavior: smooth !important;
    }

    .g-worldwide-server-location__container {}

    .g-worldwide-server-location__grid-featured {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
        gap: 24px !important;
        margin-bottom: 40px !important;
    }

    .g-worldwide-server-location__card-featured {
        background: linear-gradient(135deg, #00164a 0%, #002887 100%) !important;
        color: var(--gwsl-white) !important;
        padding: 30px !important;
        border-radius: 16px !important;
        text-decoration: none !important;
        display: block !important;
        box-shadow: 0 10px 30px -10px rgba(99, 102, 241, 0.5) !important;
        transition: transform 0.2s !important;
    }

    .g-worldwide-server-location__card-featured>h3 {
        font-size: 22px !important;

        font-weight: 700 !important;
    }

    .g-worldwide-server-location__card-featured:hover {
        transform: translateY(-5px) !important;
    }

    .g-worldwide-server-location__flag-large {
        /* font-size: 42px !important; */
        margin-bottom: 16px !important;
    }

    .g-worldwide-server-location__tag {
        background: rgba(255, 255, 255, 0.2) !important;
        padding: 6px 12px !important;
        border-radius: 30px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        display: inline-block !important;
        margin-top: 6px !important;
        font-weight: 500 !important;
    }

    .g-worldwide-server-location__tag + .g-worldwide-server-location__tag {
  margin-left: 5px !important;
}

    .g-worldwide-server-location__btn-text {
        display: block !important;
        margin-top: 20px !important;
        background: #fff !important;
        color: #000266 !important;
        text-align: center !important;
        padding: 10px !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
    }


    .g-worldwide-server-location__tag>i {
        font-family: 'FontAwesome' !important;
        margin-right: 6px !important;
    }

    .g-worldwide-server-location__tag>i.fa-star {
        color: #fbbf24 !important;
    }

    .g-worldwide-server-location__tag>i.fa-tag {
        color: #ff7600 !important;
    }

    .g-worldwide-server-location__tag>i.fa-shield-halved {
        color: #2e82ff !important;
    }

    .g-worldwide-server-location__tag>i.fa-server {
        color: #c12701 !important;
        
    }

    #g-worldwide-server-location__page-title {
        margin-bottom: 0 !important;

    }

    .g-worldwide-server-location__tag>i.fa-gauge-high {
        color: #00b50e !important;
         
    }

    .g-worldwide-server-location__tag>i.fa-bolt {
        color: #00d197 !important;
        
    }

    .g-worldwide-server-location__raw-list {
        display: none !important;
    }

    .g-worldwide-server-location__grid-std {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
        gap: 20px !important;
        margin-bottom: 20px !important;
    }

    .g-worldwide-server-location__card-std {
        background: #f8fafc !important;

        border: 1px solid #a56fff !important;

        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
            0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;

        padding: 20px 24px !important;
        display: flex !important;
        align-items: center !important;
        gap: 18px !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        color: #334155 !important;

        /* Animation */
        position: relative !important;
        transition: all 0.3s ease-in-out !important;
        z-index: 1 !important;
    }

    .g-worldwide-server-location__card-std:hover {
        background: #ffffff !important;
        border-color: #3b82f6 !important;

        transform: translateY(-5px) !important;
        box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.15),
            0 8px 10px -6px rgba(59, 130, 246, 0.1) !important;
    }

    .g-worldwide-server-location__flag-small {
        font-size: 28px;
        background: #ffffff;
        width: 54px;
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;

        border: 1px solid #e2e8f0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        transition: transform 0.3s ease;
    }

    .g-worldwide-server-location__card-std:hover .g-worldwide-server-location__flag-small {
        transform: scale(1.1) rotate(5deg);
        border-color: #bfdbfe;
    }

    .g-worldwide-server-location__info h4 {
        margin: 0 0 5px 0 !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        color: #1e293b !important;
    }

    .g-worldwide-server-location__info span {
        font-size: 14px !important;
        color: #64748b !important;
        font-weight: 600 !important;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: all 0.3s ease;
    }

    .g-worldwide-server-location__card-std:hover .g-worldwide-server-location__info span {
        color: #2563eb !important;
        transform: translateX(5px);
    }

    .g-worldwide-server-location__flag-small {
        font-size: 32px !important;
        line-height: 1 !important;
    }

    .g-worldwide-server-location__info h4 {
        font-weight: 600 !important;
        margin-bottom: 4px !important;
        font-size: 16px !important;
    }

    .g-worldwide-server-location__info span {
        color: #002a42 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .g-worldwide-server-location__label {
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-bottom: 24px !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px;
    }

    .g-worldwide-server-location__card-std>.g-worldwide-server-location__info>h4 {
        font-size: 18px !important;
        color: #c12701 !important;
    }

    .g-worldwide-server-location__hidden {
        display: none !important;
    }

    .g-worldwide-server-location__toggle-container {
        text-align: center !important;
        margin-top: 30px !important;
        padding-top: 20px !important;
        border-top: 1px solid var(--gwsl-border) !important;
    }

    .g-worldwide-server-location__btn-secondary {
        background: white !important;
        border: 2px solid #c12701 !important;
        color: #c12701 !important;
        padding: 12px 30px !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: all 0.3s !important;
    }

    .g-worldwide-server-location__btn-secondary:hover {
        background: #c12701 !important;
        color: #fff !important;
    }

    .g-worldwide-server-location__empty-state {
        text-align: center !important;
        padding: 80px 0 !important;
        color: var(--gwsl-text-mute) !important;
    }

    .g-worldwide-server-location__btn-primary {
        background: #c12701 !important;
        color: white !important;
        padding: 12px 24px !important;
        font-weight: 700;
        border-radius: 8px !important;
        text-decoration: none !important;
        display: inline-block !important;
        margin-top: 20px !important;
    }

    @media (max-width: 768px) {
        .g-worldwide-server-location__container {
            flex-direction: column !important;
            overflow-y: auto !important;
            height: auto !important;
        }

        .g-worldwide-server-location__sidebar {
            width: 100% !important;
            height: auto !important;
            padding: 16px !important;
            border-right: none !important;
        }

        .g-worldwide-server-location__region-menu {
            flex-direction: row !important;
            overflow-x: auto !important;
        }

        .g-worldwide-server-location__region-btn {
            white-space: nowrap !important;
        }

        .g-worldwide-server-location__sticky-header {
            padding: 20px !important;
            position: relative !important;
        }

        .g-worldwide-server-location__list-container {
            padding: 20px !important;
            overflow: visible !important;
        }

        .g-worldwide-server-location__sidebar-header,
        .g-worldwide-server-location__network-status {
            display: none !important;
        }
    }




    .g-worldwide-server-location__region-section__na {}

    .g-dedicated-servers-region-flag {
        width: 50px;
        border: 2px solid #ffffff;
        border-radius: 5px;
    }


    .g-worldwide-server-location__region-section__sa {}


    .g-worldwide-server-location__region-section__europe {}

    .g-worldwide-server-location__header-div {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-bottom:30px !important;
        border-bottom: 1px dashed #ccc !important;
    }

    .g-worldwide-server-location__head-link {
        background-color: #00bd62 !important;
        color: #fff !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 5px !important;
        display: block !important;
        text-align: center;
        text-decoration: none;

        animation: glowing-effect 2s infinite;
    }

    .g-worldwide-server-location__head-link:hover {
        background-color: #00a656 !important;
        color: #fff !important;
        border: none !important;
    }

    /* Glowing Animation Logic */
    @keyframes glowing-effect {
        0% {
            box-shadow: 0 0 5px #00bd62;
        }

        50% {
            /* Intha idathula shadow size-ah increase panrom */
            box-shadow: 0 0 20px 5px rgba(0, 189, 98, 0.6);
        }

        100% {
            box-shadow: 0 0 5px #00bd62;
        }
    }

    .g-worldwide-server-location-section{
          border-bottom: 1px solid #cacaca;
    }

    .language-bash,.language-yaml{
      border: none !important;
    }


    .smo-gpu-badge {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #fff;
            padding: 8px 15px;
            border-radius: 4px;
            font-size: 0.9em;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        .smo-gpu-badge:hover {
            background: #76b900; /* NVIDIA Green */
            color: #000;
            border-color: #76b900;
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(118, 185, 0, 0.3);
        }

        .g-sub-solutions-link-main-container{
              display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'poppins' !important;
        }

        .g-anchor-tag-width-auto{
          width: auto !important;
        }


        .sm-blog-box-x9921 > h3,p{
          font-family: 'poppins' !important;
        }

        .sm-blog-box-x9921 > ul,li,p{
          font-weight: 400 !important;
        }

        .sm-gpu-title-text-5502{
          font-family: 'poppins' !important;
          font-weight: 600 !important;
        }



            /* Grid Container for the Dashboard */
    .smo-tech-dashboard-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive: Will stack on mobile, 2-3 columns on desktop */
        gap: 20px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    /* Individual Tech Card */
    .smo-tech-card {
        background: rgb(21 36 56); /* Dark semi-transparent background */
        border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle border */
        border-left: 4px solid #00ff88; /* Neon Green Accent on the left */
        border-radius: 8px;
        padding: 20px;
        display: flex;
        align-items: center; /* Vertically center items */
        gap: 20px;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }

    /* Hover Effect for Cards */
    .smo-tech-card:hover {
        transform: translateY(-5px); /* Slight lift effect */
        box-shadow: 0 10px 20px -10px rgba(0, 255, 136, 0.3); /* Green glow shadow */
        border-color: rgba(0, 255, 136, 0.5);
    }

    /* Icon Container */
    .smo-tech-icon {
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        background: rgba(0, 255, 136, 0.1); /* Subtle green background for icon */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Icon Styling (FontAwesome) */
    .smo-tech-icon i {
        font-size: 28px;
        color: #00ff88; /* Neon Green Icon Color */
    }

    /* Data Text Container */
    .smo-tech-data {
        display: flex;
        flex-direction: column;
    }

    /* Label (Top small text) */
    .smo-tech-label {
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #aaaaaa; /* Muted gray text */
        margin-bottom: 5px;
    }

    /* Value (The Big Number) */
    .smo-tech-value {
        font-size: 20px !important;

        font-weight: 700 !important;
        color: #ffffff; /* Bright white text */
        line-height: 1.2;
    }

    /* Sub-text (Details below value) */
    .smo-tech-sub {
        font-size: 0.9rem;
        color: #00ff88; /* Neon green for extra details */
        margin-top: 5px;
    }

    /* Mobile optimization for smaller screens */
    @media (max-width: 600px) {
        .smo-tech-dashboard-grid {
            grid-template-columns: 1fr; /* Stack vertically on mobile */
        }
        .smo-tech-card {
            padding: 15px;
            gap: 15px;
        }
        .smo-tech-icon {
            width: 50px;
            height: 50px;
        }
        .smo-tech-icon i {
            font-size: 24px;
        }
        .smo-tech-value {
            font-size: 1.3rem;
        }
    }

    .g-h3-divided-content-title{
          font-family: 'Poppins' !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #005088;
    }






    /* Dedicated servers v3  */
 .sm-grid-wrapper_v7k1 { min-height: 100vh; background: #f8fafc; padding: 4rem 1rem; position: relative; overflow: hidden; font-family: 'poppins', sans-serif; }
    .sm-shape_a2b3 { position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; opacity: 0.12; }
    .sm-sh-blue_m9n1 { width: 500px; height: 500px; background: #0ea5e9; top: -100px; right: -50px; }
    .sm-sh-purple_p5r2 { width: 400px; height: 400px; background: #8b5cf6; bottom: -100px; left: -50px; }

    .sm-grid-container_q4t8 { max-width: 1440px; margin: 0 auto; position: relative; z-index: 5; }
    .sm-grid-header_h1u9 { text-align: center; margin-bottom: 3.5rem; }
    .sm-badge-ui_k3s2 { display: inline-block; background: #fff; border: 1px solid #e2e8f0; padding: 6px 18px; border-radius: 100px; font-size: 13px; font-weight: 700; color: #0369a1; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }
    .sm-main-title_t6y4 {
    text-transform: capitalize !important; font-size: clamp(2.2rem, 5vw, 3.8rem) !important; font-weight: 800; color: #0f172a; line-height: 1.1; margin-bottom: 1rem; letter-spacing: -0.04em; font-family: 'Poppins' !important;    filter: drop-shadow(0px 0px 0px black) !important; }
    .sm-grad-text_g8j3 {     background: linear-gradient(90deg, #c12701, #ff5236); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .sm-sub-para_s0w1 {     font-weight: 500 !important; color: #64748b; font-size: 1.15rem; max-width: 620px; margin: 0 auto; line-height: 1.6; }
.sm-main-title_t6y4{

}
    .sm-featured-box_f2d5 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }
    .sm-standard-box_s7j2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }

    .sm-main-card_c4v9 { text-decoration: none; display: flex; flex-direction: column; background: #fff; border-radius: 24px; border: 1px solid #ccc; overflow: hidden; transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1); box-shadow: 0 4px 12px rgba(0,0,0,0.03); position: relative; background-size: cover; background-position: center; }
    .sm-main-card_c4v9:hover { transform: translateY(-12px); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1); border-color: #ffbaba; }

    /* Unique BG Classes instead of inline CSS */
    .sm-bg-na_92j { background-image: url('/images/north-america.webp'); }
    .sm-bg-eu_11k { background-image: url('/images/europe.webp'); }
    .sm-bg-as_33m { background-image: url('/images/asia.jpg'); }
    .sm-bg-sa_44p { background-image: url('/images/south-america.jpeg'); }
    .sm-bg-af_55r { background-image: url('/images/africa.jpg'); }
    .sm-bg-oc_66t { background-image: url('/images/oceania.jpg'); }

    .sm-image-overlay_z9y2 {     position: absolute;
    inset: 0;
    background: linear-gradient(205deg, rgba(255, 255, 255, 0.9) 0%, rgb(255 255 255 / 77%) 40%, rgb(255 255 255 / 100%) 100%);
    z-index: 1;
    transition: opacity 0.4s; }
    .sm-main-card_c4v9:hover .sm-image-overlay_z9y2 { opacity: 0.9; }
        .sm-cont-img-lg_h7x3{width: 50px;
    height: 50px;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    padding: 5px;
    margin-right: 19px;
    background: #fff !important;}
    .sm-inner-body_b6z4 { padding: 1.8rem; display: flex; flex-direction: column; height: 100%; flex-grow: 1; position: relative; z-index: 10; font-family: 'Poppins' !important;}
    .sm-top-row_r3m7 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
    .sm-bottom-row_w5e9 { margin-top: auto; }

    .sm-live-dot_d8k4 { color: #10b981; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
    .sm-ping-tag_p2u5 { background: rgba(255, 255, 255, 0.9); padding: 5px 12px; border-radius: 100px; font-size: 12px; font-weight: 800; color: #334155; backdrop-filter: blur(18px);
    box-shadow: 6px 5px 14px -3px #c4c4c4;}
    .sm-tag-line_l9o2 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.6rem; display: block; }

    .sm-heading-lg_h7x3 {    text-transform: capitalize !important; color: #002964 !important; font-size: 2.0rem !important; font-weight: 800; color: #0f172a; margin: 0 0 0.8rem 0; letter-spacing: -0.02em;     font-family: 'Poppins' !important;}
    .sm-heading-sm_s4z1 { font-size: 1.4rem !important; font-weight: 600 !important; color: #0f172a; margin: 0 0 1.2rem 0; font-family: 'Poppins' !important; }
    .sm-description_d1m5 { font-weight: 600; color: #475569; font-size: 15px; margin-bottom: 16px; line-height: 1.6; }

    .sm-acc-na_n2x1 .sm-tag-line_l9o2 { color: #f62200; }
    .sm-acc-eu_e4z2 .sm-tag-line_l9o2 { color: #8b5cf6; }
    .sm-acc-as_a8v1 .sm-tag-line_l9o2 { color: #00437e; }
    .sm-acc-sa_s6k3 .sm-tag-line_l9o2 { color: #10b981; }
    .sm-acc-af_a4m8 .sm-tag-line_l9o2 { color: #f59e0b; }
    .sm-acc-oc_o9p0 .sm-tag-line_l9o2 { color: #06b6d4; }

    .sm-footer-ui_u4n3 { display: flex; justify-content: space-between; align-items: center; padding-top: 1.2rem; border-top: 1px solid #f1f5f9; }
    .sm-val-text_v1b7 { font-size: 16px; font-weight: 600; color: #0f172a; display: block; line-height: 1; }
    .sm-lbl-text_l0c3 { font-size: 10px; color: #94a3b8; font-weight: 800; margin-top: 4px; display: block; }
    .sm-action-btn_a6h9 { background: #0f172a; color: #fff; padding: 12px 24px; border-radius: 12px; font-size: 14px; font-weight: 700; transition: 0.3s; }
    .sm-main-card_c4v9:hover .sm-action-btn_a6h9 { background: #003158; transform: scale(1.05); }

    .sm-mini-foot_m1h5 { display: flex; justify-content: space-between; align-items: center; width: 100%; }
    .sm-link-ui_u9b3 { color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    background-color: #3fa500;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #008230; }

    @media (max-width: 1024px) { .sm-featured-box_f2d5 { grid-template-columns: 1fr; } .sm-standard-box_s7j2 { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 640px) { .sm-standard-box_s7j2 { grid-template-columns: 1fr; } .sm-main-title_t6y4 { font-size: 2.4rem; } }

    /* Dedicated servers v3 */



    .g-tutorial-info-logo{
      filter: drop-shadow(1px 0 0 white) 
          drop-shadow(-1px 0 0 white) 
          drop-shadow(0 1px 0 white) 
          drop-shadow(0 -1px 0 white);
          width: 350px ;
          margin-bottom: 20px;
    }

    .g-tutorial-info-logo-light{
       filter: drop-shadow(2px 0 0 white) 
          drop-shadow(-2px 0 0 white) 
          drop-shadow(0 2px 0 white) 
          drop-shadow(0 -2px 0 white);
    }
    
    .g-light-speed-performance-content-img-gamer-def{
            width: 640px;
    }

    .g-inline-anchor-link-sol{
      display: inline-block; margin-top: 10px; color: #0056b3; font-weight: 600; text-decoration: none;
    }

    .g-inline-anchor-link-sol-icon{
      font-size: 12px; margin-left: 5px;
    }


     .npm-alert {
        background: #1a1a1a;
        border-left: 4px solid #00ff88;
        padding: 15px;
        border-radius: 4px;
        margin-bottom: 20px;
        color: #ddd;
    }
    .npm-alert strong { color: #fff; }



     /* --- SaaS Cost Box Styles --- */
    .saas-cost-wrapper {
        font-family: 'Poppins', sans-serif !important;
        background: #111111 !important;
        /* Deep Matte Black */
        border: 1px solid #333 !important;
        border-radius: 12px !important;
        padding: 30px !important;

        margin: 30px auto !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    }

    .saas-header-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 25px !important;
        border-bottom: 1px solid #222 !important;
        padding-bottom: 15px !important;
    }

    .saas-header-row h3 {
        font-size: 1.2rem !important;
        color: #fff !important;
        margin: 0 !important;
        font-weight: 600 !important;
    }

    .saas-badge-pill {
        background: rgba(0, 255, 136, 0.1) !important;
        color: #00ff88 !important;
        padding: 5px 12px !important;
        border-radius: 20px !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        border: 1px solid rgba(0, 255, 136, 0.2) !important;
    }

    .saas-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #222 !important;
    }

    .saas-item {
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
    }

    .saas-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
    }

    .red-bg {
        background: rgba(255, 68, 68, 0.1) !important;
        color: #ff4444 !important;
    }

    .green-bg {
        background: rgba(0, 255, 136, 0.1) !important;
        color: #00ff88 !important;
    }

    .saas-info {
        display: flex !important;
        flex-direction: column !important;
    }

    .saas-info strong {
        color: #eee !important;
        font-size: 0.95rem !important;
        font-weight: 500 !important;
    }

    .saas-info span {
        color: #666 !important;
        font-size: 0.8rem !important;
    }

    .saas-price {
        font-size: 1.1rem !important;
        font-weight: 600 !important;
        font-family: 'Poppins', sans-serif !important;
    }

    .saas-price span {
        font-size: 0.8rem !important;
        color: #666 !important;
        font-weight: 400 !important;
    }

    .red-text {
        color: #ff5555 !important;
    }

    .green-text {
        color: #00ff88 !important;
    }

    .saas-total-row {
        margin-top: 20px !important;
        background: linear-gradient(90deg, #1a1a1a, #111) !important;
        padding: 20px !important;
        border-radius: 8px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border: 1px solid #333 !important;
    }

    .saas-total-row .g-tutorial-label {
        color: #aaa !important;
        font-size: 0.85rem !important;
        letter-spacing: 1px !important;
        font-weight: 600 !important;
    }

    .saas-total-row .value {
        color: #fff !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
    }

    /* --- SaaS Tech Grid Styles --- */
    .saas-grid-container {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 20px !important;
        margin-top: 40px !important;
        font-family: 'Poppins', sans-serif !important;
    }

    .saas-card {
        background: #111 !important;
        border: 1px solid #2a2a2a !important;
        padding: 25px !important;
        border-radius: 12px !important;
        transition: transform 0.2s ease, border-color 0.2s ease !important;
    }

    .saas-card:hover {
        transform: translateY(-5px) !important;
        border-color: #444 !important;
    }

    .saas-card-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        margin-bottom: 15px !important;
    }

    .saas-card-icon {
        width: 45px !important;
        height: 45px !important;
        background: #1a1a1a !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        border: 1px solid #333 !important;
    }

    .saas-tag {
        font-size: 0.7rem !important;
        background: #1a1a1a !important;
        padding: 4px 8px !important;
        border-radius: 4px !important;
        color: #888 !important;
        border: 1px solid #333 !important;
        font-weight: 500 !important;
    }

    .saas-card h4 {
        color: #fff !important;
        margin: 0 0 10px 0 !important;
        font-size: 1.1rem !important;
        font-weight: 600 !important;
    }

    .saas-card p {
        color: #888 !important;
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    /* --- Table of Contents Styles --- */
/* --- Interactive Action-Row TOC --- */
.g-howto-toc {
    background: transparent;
    margin: 20px 0;
    max-width: 100%;
}

.g-howto-toc h4,.g-howto-toc-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700;
    color: #c12701 !important;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f3f4f6; /* Subtle separator */
}



.g-howto-toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.g-howto-toc li {
    margin: 0;
    border-bottom: 1px solid #f9fafb; /* Very faint line between items */
}

.g-howto-toc a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    padding: 15px 20px;
    margin: 5px 0;
    border-radius: 12px;
    color: #374151;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 1.05rem;
    transition: all 0.2s ease-in-out;
    background: rgba(249, 250, 251, 1); /* Semi-transparent base */
}

/* The "Clickable" Magic - Hover State */
.g-howto-toc a:hover {
    background: #6366f1; /* Bright Indigo - Action color */
    color: #ffffff !important; /* Text turns white */
    transform: scale(1.01); /* Subtle pop out */
    box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);
}

/* Number badge on the left */
.g-howto-toc li {
    counter-increment: my-toc-counter;
}

.g-howto-toc a::before {
    content: counter(my-toc-counter);
    width: 28px;
    height: 28px;
    background: #e5e7eb;
    color: #4b5563;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    margin-right: 15px;
    transition: all 0.2s ease;
    flex-shrink: none !important;
}

.g-howto-toc a:hover::before {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

/* Right side arrow - This makes it look clickable */
.g-howto-toc a::after {
    content: "→";
    font-size: 1.2rem;
    opacity: 0.3;
    transition: all 0.2s ease;
}

.g-howto-toc a:hover::after {
    opacity: 1;
    transform: translateX(5px); /* Arrow moves right on hover */
}
/* Mobile responsive adjustment */
@media (max-width: 600px) {
    .g-howto-toc ul {
        grid-template-columns: 1fr;
    }
}

    /* --- Hardware Showcase Styles --- */
    .gpu-showcase-box {
        background: #151515;
        border: 1px solid #333;
        border-radius: 12px;
        padding: 20px;
        margin-top: 20px;
    }

    .gpu-tier {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        border-bottom: 1px solid #222;
    }

    .gpu-tier:last-child {
        border-bottom: none;
    }

    .gpu-name {
        font-weight: bold;
        color: #fff;
        font-size: 1.1rem;
    }

    .gpu-desc {
        color: #888;
        font-size: 0.85rem;
    }

    .gpu-badge {
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    .badge-starter {
        background: #333;
        color: #ccc;
    }

    .badge-pro {
        background: rgba(0, 255, 136, 0.2);
        color: #00ff88;
    }

    .badge-elite {
        background: rgba(255, 68, 68, 0.2);
        color: #ff5555;
    }

    .g-tutorial-button-warning {
        display: inline-block;
        background: #ff4444;
        color: #fff;
        padding: 8px 15px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: bold;
        margin-top: 10px;
        font-size: 0.9rem;
    }

    .g-tutorial-button-warning:hover {
       
        color: #fff !important;
  
    }


    


.g-redirect-table-btns-def-vine{
  display: block;
      margin-bottom: 15px !important;
}
    .g-redirect-table-btns-def-vine:last-child{
 
      margin-bottom: 0px;
}

.g-dropdown-menu-vine{
   margin: 0px !important;
}



 .jkdfg-H876-section {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    background: #fff8f8;
    box-sizing: border-box;
    overflow: hidden;
  }

  .jkdfg-H876-section *,
  .jkdfg-H876-section *::before,
  .jkdfg-H876-section *::after {
    box-sizing: border-box;
  }

  /* ═══ RIBBON ═══ */
  .jkdfg-H876-ribbon {
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #c0001a 0%, #ff3354 40%, #ff6b35 80%, #c0001a 100%);
    background-size: 200% 100%;
    animation: jkdfg-ribbon-flow 4s linear infinite;
    position: relative;
    overflow: hidden;
  }
  @keyframes jkdfg-ribbon-flow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
  }
  .jkdfg-H876-ribbon::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
    animation: jkdfg-glide 2.6s ease-in-out infinite;
  }
  @keyframes jkdfg-glide {
    from { transform: translateX(-100%); }
    to   { transform: translateX(200%); }
  }

  .jkdfg-H876-ribbon-btm {
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35 0%, #ff3354 40%, #c0001a 80%, #ff6b35 100%);
    background-size: 200% 100%;
    animation: jkdfg-ribbon-flow 4s linear infinite reverse;
    position: relative;
    overflow: hidden;
  }
  .jkdfg-H876-ribbon-btm::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    animation: jkdfg-glide 2.6s ease-in-out 1.3s infinite;
  }

  /* ═══ INNER ROW ═══ */
  .jkdfg-H876-inner {
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #ffffff;
    position: relative;
    flex-wrap: nowrap;
  }
  .jkdfg-H876-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(192,0,26,0.03) 1px, transparent 1px);
    background-size: 26px 26px;
    pointer-events: none;
  }

  /* ═══ CARD ═══ */
  .jkdfg-H876-card {
    flex: 1 1 0;
    min-width: 0;
    padding: 40px 28px 36px;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
    cursor: default;
    transition: background 0.4s ease;
    opacity: 0;
    animation: jkdfg-up 0.6s cubic-bezier(.22,1,.36,1) forwards;
  }
  .jkdfg-H876-card:nth-child(1) { animation-delay: 0.07s; }
  .jkdfg-H876-card:nth-child(2) { animation-delay: 0.17s; }
  .jkdfg-H876-card:nth-child(3) { animation-delay: 0.27s; }
  .jkdfg-H876-card:nth-child(4) { animation-delay: 0.37s; }
  @keyframes jkdfg-up {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* vertical divider (desktop only) */
  .jkdfg-H876-card + .jkdfg-H876-card::before {
    content: '';
    position: absolute;
    left: 0; top: 16%; bottom: 16%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, #ffd6d6 30%, #ffd6d6 70%, transparent);
  }

  .jkdfg-H876-card:hover {
    background: linear-gradient(165deg, #fff2f2 0%, #ffffff 65%);
  }

  /* sweep line */
  .jkdfg-H876-sweep {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #c0001a, #ff3354, #ff6b35);
    border-radius: 0 0 3px 3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.45s cubic-bezier(.22,1,.36,1);
  }
  .jkdfg-H876-card:hover .jkdfg-H876-sweep { transform: scaleX(1); }

  /* ghost number */
  .jkdfg-H876-ghost {
    position: absolute;
    bottom: -10px; right: 14px;
    font-size: clamp(56px, 8vw, 96px);
    font-weight: 800;
    line-height: 1;
    color: rgba(192,0,26,0.04);
    pointer-events: none;
    user-select: none;
    transition: color 0.35s;
    font-family: 'Poppins', sans-serif;
  }
  .jkdfg-H876-card:hover .jkdfg-H876-ghost { color: rgba(192,0,26,0.08); }

  /* glow */
  .jkdfg-H876-glow {
    position: absolute;
    bottom: -40px; right: -40px;
    width: 130px; height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,51,84,0.1), transparent 70%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
  }
  .jkdfg-H876-card:hover .jkdfg-H876-glow { opacity: 1; }

  /* ═══ ICON ═══ */
  .jkdfg-H876-iconwrap {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: #fff0f0;
    border: 1.5px solid #ffc2c2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(.22,1,.36,1);
  }
  .jkdfg-H876-iconwrap svg {
    width: 22px;
    height: 22px;
    transition: transform 0.4s;
  }
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap {
    background: linear-gradient(135deg, #c0001a, #ff3354);
    border-color: transparent;
    transform: translateY(-6px) rotate(-4deg);
    box-shadow: 0 16px 36px rgba(192,0,26,0.28);
  }
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg { transform: scale(1.1); }
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg path,
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg rect,
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg circle,
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg ellipse,
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg line,
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg polyline {
    stroke: #ffffff !important;
    fill: none;
  }
  .jkdfg-H876-card:hover .jkdfg-H876-iconwrap svg circle[fill="#c0001a"] {
    fill: #ffffff !important;
  }

  /* ═══ BADGE ═══ */
  .jkdfg-H876-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #c0001a;
    background: #fff0f0;
    border: 1px solid #ffb3b3;
    padding: 4px 11px;
    border-radius: 100px;
    margin-bottom: 13px;
    width: fit-content;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
  }
  .jkdfg-H876-card:hover .jkdfg-H876-badge {
    background: #c0001a;
    color: #ffffff;
    border-color: #c0001a;
  }
  .jkdfg-H876-pulse {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: #ff6b35;
    flex-shrink: 0;
    animation: jkdfg-blink 1.8s ease-in-out infinite;
  }
  @keyframes jkdfg-blink {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.3; transform: scale(0.6); }
  }

  /* ═══ TITLE ═══ */
  .jkdfg-H876-title {
    font-size: clamp(13px, 1.4vw, 15.5px);
    font-weight: 700;
    color: #1a0005;
    line-height: 1.3;
    position: relative;
    z-index: 1;
  }

  /* ═══ BAR ═══ */
  .jkdfg-H876-bar {
    width: 26px;
    height: 2.5px;
    border-radius: 2px;
    background: linear-gradient(90deg, #c0001a, #ff6b35);
    margin: 11px 0;
    position: relative;
    z-index: 1;
    transition: width 0.4s cubic-bezier(.22,1,.36,1);
  }
  .jkdfg-H876-card:hover .jkdfg-H876-bar { width: 52px; }

  /* ═══ DESC ═══ */
  .jkdfg-H876-desc {
    font-size: clamp(11.5px, 1.1vw, 12.5px);
    font-weight: 400;
    color: #7a5a5e;
    line-height: 1.72;
    position: relative;
    z-index: 1;
  }
  .jkdfg-H876-desc strong {
    color: #c0001a;
    font-weight: 600;
  }

  /* ══════════════════════════════
     RESPONSIVE BREAKPOINTS
  ══════════════════════════════ */

  /* ── Tablet landscape: 2×2 grid ── */
  @media (max-width: 1024px) {
    .jkdfg-H876-inner { flex-wrap: wrap; }

    .jkdfg-H876-card {
      flex: 1 1 calc(50% - 1px);
      min-width: calc(50% - 1px);
    }

    /* remove vertical pseudo-dividers */
    .jkdfg-H876-card + .jkdfg-H876-card::before { display: none; }

    /* right-border dividers for 2-col */
    .jkdfg-H876-card:nth-child(1),
    .jkdfg-H876-card:nth-child(3) {
      border-right: 1px solid #ffe4e4;
    }
    /* bottom-border dividers for top row */
    .jkdfg-H876-card:nth-child(1),
    .jkdfg-H876-card:nth-child(2) {
      border-bottom: 1px solid #ffe4e4;
    }

    .jkdfg-H876-card { padding: 34px 26px 30px; }
  }

  /* ── Tablet portrait: still 2×2 ── */
  @media (max-width: 768px) {
    .jkdfg-H876-card {
      flex: 1 1 calc(50% - 1px);
      min-width: calc(50% - 1px);
      padding: 30px 22px 26px;
    }
    .jkdfg-H876-iconwrap {
      width: 48px;
      height: 48px;
      border-radius: 14px;
    }
    .jkdfg-H876-iconwrap svg { width: 20px; height: 20px; }
    .jkdfg-H876-ghost { font-size: 72px; }
  }

  /* ── Mobile: 1 column stack ── */
  @media (max-width: 520px) {
    .jkdfg-H876-inner { flex-direction: column; flex-wrap: nowrap; }

    .jkdfg-H876-card {
      flex: none;
      width: 100%;
      min-width: 100%;
      padding: 28px 20px 24px;
      border-right: none !important;
      border-bottom: none !important;
    }

    /* horizontal divider between stacked cards */
    .jkdfg-H876-card + .jkdfg-H876-card {
      border-top: 1px solid #ffe4e4 !important;
    }
    .jkdfg-H876-card + .jkdfg-H876-card::before { display: none !important; }

    .jkdfg-H876-iconwrap { width: 46px; height: 46px; border-radius: 13px; margin-bottom: 16px; }
    .jkdfg-H876-iconwrap svg { width: 19px; height: 19px; }
    .jkdfg-H876-title { font-size: 14.5px; }
    .jkdfg-H876-desc  { font-size: 12px; }
    .jkdfg-H876-ghost { font-size: 60px; right: 10px; }
    .jkdfg-H876-badge { font-size: 9px; }
  }

  /* ── Very small phones ── */
  @media (max-width: 360px) {
    .jkdfg-H876-card { padding: 22px 16px 20px; }
    .jkdfg-H876-title { font-size: 13.5px; }
    .jkdfg-H876-desc  { font-size: 11.5px; }
    .jkdfg-H876-iconwrap { width: 42px; height: 42px; border-radius: 12px; }
    .jkdfg-H876-ghost { display: none; }
  }




  .jkdfg-H876-cmp-section {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    background: #ffff;
    padding: 56px 24px 64px;
  }
  .jkdfg-H876-cmp-section *,
  .jkdfg-H876-cmp-section *::before,
  .jkdfg-H876-cmp-section *::after {
    box-sizing: border-box;
  }

  /* ── Header ── */
  .jkdfg-H876-cmp-header {
    text-align: center;
    margin-bottom: 44px;
  }
  .jkdfg-H876-cmp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #c0001a;
    background: #fff0f0;
    border: 1px solid #ffb3b3;
    padding: 5px 14px;
    border-radius: 100px;
    margin-bottom: 18px;
  }
  .jkdfg-H876-cmp-eyebrow-dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: #ff3354;
    animation: jkdfg-cmp-blink 1.8s ease-in-out infinite;
  }
  @keyframes jkdfg-cmp-blink {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:0.3; transform:scale(0.6); }
  }
  .jkdfg-H876-cmp-h1 {
    font-size: clamp(22px, 4vw, 36px);
    font-weight: 800;
    color: #0f0005;
    line-height: 1.2;
    margin: 0;
       font-size: 30px !important;
    font-family: 'Poppins' !important;
  }
  .jkdfg-H876-cmp-h1 span {
    background: linear-gradient(90deg, #c0001a, #ff4f35);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .jkdfg-H876-cmp-sub {
    font-size: 14px;
    color: #9a7a7e;
    margin-top: 10px;
    font-weight: 400;
  }

  /* ── Table wrapper ── */
  .jkdfg-H876-cmp-wrap {
    max-width: 1440px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
      0 0 0 1px rgba(192,0,26,0.1),
      0 24px 64px rgba(192,0,26,0.08),
      0 4px 16px rgba(0,0,0,0.06);
  }

  /* ── Column headers ── */
  .jkdfg-H876-cmp-thead {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    background: #1a0005;
  }

  .jkdfg-H876-cmp-th {
    padding: 22px 24px 20px;
    position: relative;
  }

  .jkdfg-H876-cmp-th-feature {
    background: #12000380;
  }

  /* ServerMo column — red gradient */
  .jkdfg-H876-cmp-th-us {
    background: linear-gradient(135deg, #c0001a 0%, #ff3354 100%);
    position: relative;
    overflow: hidden;
  }
  .jkdfg-H876-cmp-th-us::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(255,255,255,0.03) 8px,
      rgba(255,255,255,0.03) 16px
    );
  }

  /* Others column */
  .jkdfg-H876-cmp-th-them {
    background: #2a0a0f;
    border-left: 1px solid rgba(255,255,255,0.06);
  }

  .jkdfg-H876-cmp-th-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
    margin-bottom: 4px;
    display: block;
  }
  .jkdfg-H876-cmp-th-name {
    font-size: clamp(13px, 2vw, 16px);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    display: block;
  }
  .jkdfg-H876-cmp-th-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    background: rgba(255,255,255,0.18);
    border-radius: 100px;
    padding: 2px 9px;
    margin-top: 8px;
    border: 1px solid rgba(255,255,255,0.2);
  }
  .jkdfg-H876-cmp-th-tag-bad {
    color: rgba(255,180,180,0.85);
    background: rgba(192,0,26,0.2);
    border-color: rgba(192,0,26,0.3);
  }

  /* ── Rows ── */
  .jkdfg-H876-cmp-row {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    background: #ffffff;
    transition: background 0.25s;
    opacity: 0;
    animation: jkdfg-cmp-in 0.5s cubic-bezier(.22,1,.36,1) forwards;
  }
  .jkdfg-H876-cmp-row:nth-child(1) { animation-delay: 0.08s; }
  .jkdfg-H876-cmp-row:nth-child(2) { animation-delay: 0.14s; }
  .jkdfg-H876-cmp-row:nth-child(3) { animation-delay: 0.20s; }
  .jkdfg-H876-cmp-row:nth-child(4) { animation-delay: 0.26s; }
  .jkdfg-H876-cmp-row:nth-child(5) { animation-delay: 0.32s; }
  @keyframes jkdfg-cmp-in {
    from { opacity:0; transform:translateX(-10px); }
    to   { opacity:1; transform:translateX(0); }
  }

  .jkdfg-H876-cmp-row:hover {
    background: #fff7f7;
  }
  .jkdfg-H876-cmp-row:not(:last-child) {
    border-bottom: 1px solid #fdeaea;
  }

  /* ── Cells ── */
  .jkdfg-H876-cmp-cell {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }

  /* Feature label cell */
  .jkdfg-H876-cmp-cell-feat {
    background: #fdf8f8;
    border-right: 1px solid #fdeaea;
  }
  .jkdfg-H876-cmp-feat-icon {
    width: 32px; height: 32px;
    border-radius: 9px;
    background: #fff0f0;
    border: 1px solid #ffc2c2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    flex-shrink: 0;
  }
  .jkdfg-H876-cmp-feat-icon svg {
    width: 15px; height: 15px;
  }
  .jkdfg-H876-cmp-feat-name {
    font-size: 12px;
    font-weight: 700;
    color: #3a0008;
    line-height: 1.3;
  }

  /* Us cell */
  .jkdfg-H876-cmp-cell-us {
    border-left: 2px solid #ff3354;
    border-right: 1px solid #fdeaea;
    background: linear-gradient(to right, #fff8f8, #ffffff);
    position: relative;
  }
  .jkdfg-H876-cmp-cell-us::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #c0001a, #ff6b35);
  }

  .jkdfg-H876-cmp-val-us {
    font-size: clamp(11px, 1.3vw, 13px);
    font-weight: 600;
    color: #1a0005;
    line-height: 1.45;
    display: flex;
    align-items: flex-start;
    gap: 7px;
  }
  .jkdfg-H876-cmp-check {
    width: 18px; height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c0001a, #ff3354);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    box-shadow: 0 3px 8px rgba(192,0,26,0.28);
  }
  .jkdfg-H876-cmp-check svg {
    width: 10px; height: 10px;
  }

  /* Them cell */
  .jkdfg-H876-cmp-cell-them {
    background: #fffafa;
  }
  .jkdfg-H876-cmp-val-them {
    font-size: clamp(11px, 1.3vw, 13px);
    font-weight: 400;
    color: #9a7070;
    line-height: 1.45;
    display: flex;
    align-items: flex-start;
    gap: 7px;
  }
  .jkdfg-H876-cmp-cross {
    width: 18px; height: 18px;
    border-radius: 50%;
    background: #f0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
  }
  .jkdfg-H876-cmp-cross svg {
    width: 9px; height: 9px;
  }

  /* slower / worse badge */
  .jkdfg-H876-cmp-slow {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c0001a;
    background: #ffe5e5;
    border: 1px solid #ffb3b3;
    border-radius: 100px;
    padding: 1px 7px;
    margin-top: 4px;
    width: fit-content;
  }

  /* ── Bottom ribbon ── */
  .jkdfg-H876-cmp-ribbon {
    height: 4px;
    background: linear-gradient(90deg, #c0001a 0%, #ff3354 50%, #ff6b35 100%);
    background-size: 200% 100%;
    animation: jkdfg-cmp-ribbon 4s linear infinite;
    position: relative;
    overflow: hidden;
  }
  @keyframes jkdfg-cmp-ribbon {
    0%   { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
  }
  .jkdfg-H876-cmp-ribbon::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
    animation: jkdfg-glide 2.6s ease-in-out infinite;
  }
  @keyframes jkdfg-glide {
    from { transform: translateX(-100%); }
    to   { transform: translateX(200%); }
  }

  /* ══════════ RESPONSIVE ══════════ */

  /* Tablet */
  @media (max-width: 768px) {
    .jkdfg-H876-cmp-section { padding: 40px 16px 48px; }
    .jkdfg-H876-cmp-cell { padding: 16px 16px; }
    .jkdfg-H876-cmp-th { padding: 18px 16px 16px; }
    .jkdfg-H876-cmp-feat-icon { width: 28px; height: 28px; border-radius: 8px; margin-bottom: 6px; }
    .jkdfg-H876-cmp-feat-icon svg { width: 13px; height: 13px; }
  }

  /* Mobile: stack each row as card */
  @media (max-width: 560px) {
    .jkdfg-H876-cmp-section { padding: 32px 12px 40px; }

    /* hide desktop thead */
    .jkdfg-H876-cmp-thead { display: none; }

    .jkdfg-H876-cmp-row {
      display: flex;
      flex-direction: column;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 2px 12px rgba(192,0,26,0.08);
      margin-bottom: 14px;
    }
    .jkdfg-H876-cmp-row:not(:last-child) {
      border-bottom: none;
    }

    .jkdfg-H876-cmp-cell {
      padding: 14px 16px;
      border: none !important;
      background: none !important;
    }
    .jkdfg-H876-cmp-cell::before { display: none; }

    .jkdfg-H876-cmp-cell-feat {
      background: #1a0005 !important;
      padding: 14px 16px 12px;
      flex-direction: row;
      align-items: center;
      gap: 10px;
    }
    .jkdfg-H876-cmp-feat-icon {
      background: rgba(255,255,255,0.1) !important;
      border-color: rgba(255,255,255,0.15) !important;
      margin-bottom: 0;
    }
    .jkdfg-H876-cmp-feat-icon svg path,
    .jkdfg-H876-cmp-feat-icon svg rect,
    .jkdfg-H876-cmp-feat-icon svg circle,
    .jkdfg-H876-cmp-feat-icon svg line {
      stroke: rgba(255,255,255,0.7) !important;
    }
    .jkdfg-H876-cmp-feat-name {
      color: #ffffff !important;
      font-size: 13px;
    }

    /* Mobile column labels */
    .jkdfg-H876-cmp-cell-us,
    .jkdfg-H876-cmp-cell-them {
      padding-top: 4px;
    }
    .jkdfg-H876-cmp-cell-us::after {
      content: 'ServerMo (H100 Standard)';
      display: block;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #c0001a;
      margin-bottom: 4px;
    }
    .jkdfg-H876-cmp-cell-them::after {
      content: 'Other Providers';
      display: block;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #9a7070;
      margin-bottom: 4px;
    }
    .jkdfg-H876-cmp-cell-us { order: 2; background: #fff8f8 !important; }
    .jkdfg-H876-cmp-cell-them { order: 3; background: #fffafa !important; border-top: 1px solid #fdeaea !important; }

    /* Reverse order: feat → us → them */
    .jkdfg-H876-cmp-cell-feat { order: 1; border-radius: 0; }

    .jkdfg-H876-cmp-wrap { box-shadow: none; border-radius: 0; }
  }



  .jkdfg-H876-prod-section {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    background: #f4f7ff;
    padding: 64px 24px 72px;
    box-sizing: border-box;
  }
  .jkdfg-H876-prod-section *,
  .jkdfg-H876-prod-section *::before,
  .jkdfg-H876-prod-section *::after { box-sizing: border-box; }

  /* ── Page Title ── */
  .jkdfg-H876-prod-top {
    text-align: center;
    margin-bottom: 52px;
  }
  .jkdfg-H876-prod-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #1a56db;
    background: #eff4ff;
    border: 1px solid #a4cafe;
    padding: 5px 14px;
    border-radius: 100px;
    margin-bottom: 16px;
  }
  .jkdfg-H876-prod-eyebrow-dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: #0ea5e9;
    animation: jkdfg-prod-blink 1.8s ease-in-out infinite;
  }
  @keyframes jkdfg-prod-blink {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:0.3; transform:scale(0.6); }
  }
  .jkdfg-H876-prod-h1 {
    font-size: clamp(22px, 4vw, 36px);
    font-weight: 800;
    color: #0c1033;
    margin: 0 0 10px;
    line-height: 1.2;
  }
  .jkdfg-H876-prod-h1 span {
    background: linear-gradient(90deg, #1a56db, #0ea5e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .jkdfg-H876-prod-sub {
    font-size: 14px;
    color: #6b7eb8;
    font-weight: 400;
    margin: 0;
  }

  /* ── Category Group ── */
  .jkdfg-H876-prod-group {
    max-width: 1440px;
    margin: 0 auto 52px;
    opacity: 0;
    animation: jkdfg-prod-up 0.6s cubic-bezier(.22,1,.36,1) forwards;
  }
  .jkdfg-H876-prod-group:nth-child(1) { animation-delay: 0.1s; }
  .jkdfg-H876-prod-group:nth-child(2) { animation-delay: 0.22s; }
  .jkdfg-H876-prod-group:nth-child(3) { animation-delay: 0.34s; }
  .jkdfg-H876-prod-group:last-child { margin-bottom: 0; }
  @keyframes jkdfg-prod-up {
    from { opacity:0; transform:translateY(24px); }
    to   { opacity:1; transform:translateY(0); }
  }

  /* category header bar */
  .jkdfg-H876-prod-cat-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .jkdfg-H876-prod-cat-label {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
  }
  .jkdfg-H876-prod-cat-icon {
    width: 38px; height: 38px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(26,86,219,0.28);
  }
  .jkdfg-H876-prod-cat-icon svg { width: 18px; height: 18px; }

  /* each category gets own icon color */
  .jkdfg-H876-cat-a .jkdfg-H876-prod-cat-icon { background: linear-gradient(135deg, #1a56db, #0ea5e9); }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-cat-icon { background: linear-gradient(135deg, #059669, #10b981); }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-cat-icon { background: linear-gradient(135deg, #1a56db, #059669); }

  .jkdfg-H876-prod-cat-name {
    font-size: clamp(14px, 2vw, 17px);
    font-weight: 800;
    color: #0c1033;
    line-height: 1.2;
  }
  .jkdfg-H876-prod-cat-name em { font-style: normal; }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-cat-name em { color: #1a56db; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-cat-name em { color: #059669; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-cat-name em { color: #1a56db; }

  .jkdfg-H876-prod-cat-target {
    font-size: 11.5px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 100px;
    flex-shrink: 0;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-cat-target { color: #1a56db; background: #eff4ff; border: 1px solid #a4cafe; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-cat-target { color: #059669; background: #ecfdf5; border: 1px solid #6ee7b7; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-cat-target { color: #1a56db; background: #eff4ff; border: 1px solid #a4cafe; }

  .jkdfg-H876-prod-cat-line {
    flex: 1;
    height: 1px;
    min-width: 24px;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-cat-line { background: linear-gradient(to right, #a4cafe, transparent); }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-cat-line { background: linear-gradient(to right, #6ee7b7, transparent); }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-cat-line { background: linear-gradient(to right, #a4cafe, transparent); }

  /* pitch quote */
  .jkdfg-H876-prod-pitch {
    font-size: 12.5px;
    font-weight: 400;
    color: #4a5980;
    line-height: 1.65;
    font-style: italic;
    padding: 10px 16px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 20px;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-pitch { border-left: 3px solid #93c5fd; background: #f0f5ff; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-pitch { border-left: 3px solid #6ee7b7; background: #f0fdf7; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-pitch { border-left: 3px solid #93c5fd; background: #f0f5ff; }
  .jkdfg-H876-prod-pitch strong { font-style: normal; font-weight: 600; }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-pitch strong { color: #1a56db; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-pitch strong { color: #059669; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-pitch strong { color: #1a56db; }

  /* ── Cards grid ── */
  .jkdfg-H876-prod-cards {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  /* ── Single Card ── */
  .jkdfg-H876-prod-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px 22px 22px;
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.35s ease, transform 0.35s ease, border-color 0.3s;
    cursor: default;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-card { border: 1px solid #dbeafe; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-card { border: 1px solid #d1fae5; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-card { border: 1px solid #dbeafe; }

  /* top sweep line */
  .jkdfg-H876-prod-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(.22,1,.36,1);
    border-radius: 16px 16px 0 0;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-card::before { background: linear-gradient(90deg, #1a56db, #0ea5e9); }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-card::before { background: linear-gradient(90deg, #059669, #10b981); }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-card::before { background: linear-gradient(90deg, #1a56db, #059669); }

  /* corner glow */
  .jkdfg-H876-prod-card::after {
    content: '';
    position: absolute;
    bottom: -30px; right: -30px;
    width: 110px; height: 110px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-card::after { background: radial-gradient(circle, rgba(14,165,233,0.1), transparent 70%); }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-card::after { background: radial-gradient(circle, rgba(16,185,129,0.1), transparent 70%); }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-card::after { background: radial-gradient(circle, rgba(26,86,219,0.08), transparent 70%); }

  .jkdfg-H876-prod-card:hover {
    transform: translateY(-5px);
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-card:hover { box-shadow: 0 16px 48px rgba(14,165,233,0.13), 0 4px 16px rgba(0,0,0,0.05); border-color: #93c5fd; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-card:hover { box-shadow: 0 16px 48px rgba(16,185,129,0.13), 0 4px 16px rgba(0,0,0,0.05); border-color: #6ee7b7; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-card:hover { box-shadow: 0 16px 48px rgba(26,86,219,0.1), 0 4px 16px rgba(0,0,0,0.05); border-color: #93c5fd; }

  .jkdfg-H876-prod-card:hover::before { transform: scaleX(1); }
  .jkdfg-H876-prod-card:hover::after { opacity: 1; }

  /* location row */
  .jkdfg-H876-prod-loc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .jkdfg-H876-prod-loc-name {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: #0c1033;
  }
  .jkdfg-H876-prod-flag { font-size: 18px; line-height: 1; }

  .jkdfg-H876-prod-avail {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #059669;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    padding: 3px 9px;
    border-radius: 100px;
    flex-shrink: 0;
  }
  .jkdfg-H876-prod-avail-dot {
    width: 4px; height: 4px;
    border-radius: 50%;
    background: #10b981;
    animation: jkdfg-prod-blink 2s ease-in-out infinite;
  }

  /* divider */
  .jkdfg-H876-prod-divider {
    height: 1px;
    margin: 0 0 14px;
  }
  .jkdfg-H876-cat-a .jkdfg-H876-prod-divider { background: linear-gradient(to right, #dbeafe, transparent); }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-divider { background: linear-gradient(to right, #d1fae5, transparent); }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-divider { background: linear-gradient(to right, #dbeafe, transparent); }

  /* spec paragraph */
  .jkdfg-H876-prod-para {
    font-size: 12.5px;
    font-weight: 400;
    color: #5a6a8e;
    line-height: 1.75;
    margin: 0;
    position: relative;
    z-index: 1;
  }
  .jkdfg-H876-prod-para strong { color: #0c1033; font-weight: 600; }

  /* GPU highlight */
  .jkdfg-H876-cat-a .jkdfg-H876-prod-para .jkdfg-hi { color: #1a56db; font-weight: 700; }
  .jkdfg-H876-cat-b .jkdfg-H876-prod-para .jkdfg-hi { color: #059669; font-weight: 700; }
  .jkdfg-H876-cat-c .jkdfg-H876-prod-para .jkdfg-hi { color: #1a56db; font-weight: 700; }

  /* special badge e.g. 96 Cores */
  .jkdfg-H876-prod-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 9px;
    border-radius: 100px;
    margin-left: 4px;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid;
  }
  .jkdfg-H876-badge-blue { color: #1a56db; background: #eff4ff; border-color: #a4cafe; }
  .jkdfg-H876-badge-green { color: #059669; background: #ecfdf5; border-color: #6ee7b7; }

  /* ── Responsive ── */
  @media (max-width: 768px) {
    .jkdfg-H876-prod-section { padding: 44px 16px 52px; }
    .jkdfg-H876-prod-cards { grid-template-columns: 1fr 1fr; gap: 12px; }
    .jkdfg-H876-prod-card { padding: 20px 18px 18px; }
  }
  @media (max-width: 520px) {
    .jkdfg-H876-prod-cards { grid-template-columns: 1fr; }
    .jkdfg-H876-prod-card:hover { transform: none; }
    .jkdfg-H876-prod-cat-bar { gap: 10px; }
    .jkdfg-H876-prod-cat-line { display: none; }
  }




  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Space+Mono:wght@400;700&display=swap');

  .g-JYud87-section {
    font-family: 'poppins', sans-serif;
    background: #f4f6f8;
    padding: 50px 24px;
    
    position: relative;
    overflow: hidden;
    margin-top: 30px;
  }

  .g-JYud87-section::before {
    content: '';
    position: absolute;
    top: -200px;
    right: -200px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(118,185,0,0.08) 0%, transparent 70%);
    pointer-events: none;
  }

  .g-JYud87-section::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(118,185,0,0.05) 0%, transparent 70%);
    pointer-events: none;
  }

  .g-JYud87-container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  /* ─── Header ─── */
  .g-JYud87-header {
    text-align: center;
    margin-bottom: 72px;
  }

  .g-JYud87-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #76b900;
    background: rgba(118,185,0,0.08);
    border: 1px solid rgba(118,185,0,0.2);
    padding: 6px 16px;
    border-radius: 100px;
    margin-bottom: 24px;
  }

  .g-JYud87-eyebrow::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #76b900;
    border-radius: 50%;
    animation: g-JYud87-pulse 2s ease-in-out infinite;
  }

  @keyframes g-JYud87-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.8); }
  }

  .g-JYud87-headline {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    color: #0d1117;
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin: 0 0 16px;
  }

  .g-JYud87-headline em {
    font-style: normal;
    color: #76b900;
  }

  .g-JYud87-subhead {
    font-size: 17px;
    font-weight: 400;
    color: #5a6474;
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.6;
  }

  /* ─── Column Headers ─── */
  .g-JYud87-col-headers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
    /* margin-bottom: 12px; */
    padding: 0 0 0 0;
  }

  .g-JYud87-col-label-spacer { /* empty first cell */ }

  .g-JYud87-col-label {
    text-align: center;
    padding: 12px 16px;
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-family: 'poppins', monospace;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .g-JYud87-col-label-pain {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    border-bottom: none;
  }

  .g-JYud87-col-label-solution {
    background: #f0fdf0;
    color: #16a34a;
    border: 1px solid rgba(118,185,0,0.25);
    border-bottom: none;
  }

  /* ─── Rows ─── */
  .g-JYud87-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .g-JYud87-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
    margin-bottom: 4px;
    opacity: 0;
    transform: translateY(20px);
    animation: g-JYud87-fadeUp 0.5s ease forwards;
  }

  .g-JYud87-row:nth-child(1) { animation-delay: 0.05s; }
  .g-JYud87-row:nth-child(2) { animation-delay: 0.12s; }
  .g-JYud87-row:nth-child(3) { animation-delay: 0.19s; }
  .g-JYud87-row:nth-child(4) { animation-delay: 0.26s; }
  .g-JYud87-row:nth-child(5) { animation-delay: 0.33s; }

  @keyframes g-JYud87-fadeUp {
    to { opacity: 1; transform: translateY(0); }
  }

  .g-JYud87-row:last-child .g-JYud87-cell-topic { border-radius: 0 0 0 16px; }
  .g-JYud87-row:last-child .g-JYud87-cell-pain { border-radius: 0 0 16px 0; }
  .g-JYud87-row:last-child .g-JYud87-cell-solution { border-radius: 0 0 16px 0; }

  .g-JYud87-row:first-child .g-JYud87-cell-topic { border-top: 1px solid #e2e8f0; }

  .g-JYud87-cell {
    padding: 28px 28px;
    position: relative;
    transition: all 0.2s ease;
  }

  /* Topic cell */
  .g-JYud87-cell-topic {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: none;
    border-right: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-left: 3px solid #76b900;
  }

  .g-JYud87-row:first-child .g-JYud87-cell-topic {
    border-top: 1px solid #e2e8f0;
    border-radius: 16px 0 0 0;
  }
  .g-JYud87-row:last-child .g-JYud87-cell-topic {
    border-radius: 0 0 0 16px;
  }

  .g-JYud87-topic-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #76b900 0%, #5a8c00 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    flex-shrink: 0;
  }

  .g-JYud87-topic-icon svg {
    width: 18px;
    height: 18px;
    stroke: #fff;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .g-JYud87-topic-label {
    font-family: 'poppins', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #76b900;
    margin: 0;
  }

  .g-JYud87-topic-title {
    font-size: 14px;
    font-weight: 600;
    color: #0d1117;
    margin: 0;
    line-height: 1.4;
  }

  /* Pain cell */
  .g-JYud87-cell-pain {
    background: #fffafa;
    border: 1px solid #fecaca;
    border-top: none;
    border-left: none;
  }

  .g-JYud87-row:first-child .g-JYud87-cell-pain {
    border-top: 1px solid #fecaca;
    border-radius: 0;
  }

  .g-JYud87-cell-pain-inner {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .g-JYud87-icon-x {
    width: 22px;
    height: 22px;
    background: #fef2f2;
    border: 1.5px solid #fecaca;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .g-JYud87-icon-x svg {
    width: 10px;
    height: 10px;
    stroke: #dc2626;
    stroke-width: 2.5;
    fill: none;
  }

  .g-JYud87-cell-pain-text {
    font-size: 14px;
    color: #6b2020;
    line-height: 1.65;
    font-weight: 400;
    margin: 0;
  }

  .g-JYud87-cell-pain-text strong {
    font-weight: 600;
    color: #b91c1c;
  }

  /* Solution cell */
  .g-JYud87-cell-solution {
    background: #f9fff0;
    border: 1px solid rgba(118,185,0,0.22);
    border-top: none;
    border-left: none;
  }

  .g-JYud87-row:first-child .g-JYud87-cell-solution {
    border-top: 1px solid rgba(118,185,0,0.22);
    border-radius: 0;
  }

  .g-JYud87-cell-solution-inner {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .g-JYud87-icon-check {
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #76b900, #5a8c00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    box-shadow: 0 2px 8px rgba(118,185,0,0.3);
  }

  .g-JYud87-icon-check svg {
    width: 11px;
    height: 11px;
    stroke: #fff;
    stroke-width: 2.5;
    fill: none;
  }

  .g-JYud87-cell-solution-text {
    font-size: 14px;
    color: #1a3300;
    line-height: 1.65;
    font-weight: 400;
    margin: 0;
  }

  .g-JYud87-cell-solution-text strong {
    font-weight: 600;
    color: #3d6e00;
  }

  /* Row hover effect */
  .g-JYud87-row:hover .g-JYud87-cell-topic {
    background: #fafffe;
  }

  .g-JYud87-row:hover .g-JYud87-cell-pain {
    background: #fff5f5;
  }

  .g-JYud87-row:hover .g-JYud87-cell-solution {
    background: #f3ffe0;
  }

  /* ─── Bottom CTA strip ─── */
  .g-JYud87-cta-strip {
    margin-top: 52px;
    background: linear-gradient(135deg, #0d1117 0%, #1a2332 100%);
    border-radius: 20px;
    padding: 40px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    position: relative;
    overflow: hidden;
  }

  .g-JYud87-cta-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2376b900' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.5;
  }

  .g-JYud87-cta-strip::after {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(118,185,0,0.15) 0%, transparent 70%);
    pointer-events: none;
  }

  .g-JYud87-cta-text {
    position: relative;
    z-index: 1;
  }

  .g-JYud87-cta-text h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px;
    letter-spacing: -0.02em;
    font-family: poppins !important;
  }

  .g-JYud87-cta-text p {
    font-size: 14px;
    color: #8da4c0;
    margin: 0;
    line-height: 1.5;
  }

  .g-JYud87-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }

  .g-JYud87-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #76b900 0%, #5a8c00 100%);
    color: #fff !important;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 24px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(118,185,0,0.35);
    transition: all 0.2s ease;
    white-space: nowrap;
  }

  .g-JYud87-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(118,185,0,0.45);
  }

  .g-JYud87-btn-primary svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
  }

  .g-JYud87-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.07);
    color: #e2e8f0 !important;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 24px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
  }

  .g-JYud87-btn-secondary:hover {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.2);
  }

  /* ─── Stats bar ─── */
  .g-JYud87-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 52px;
  }

  .g-JYud87-stat-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .g-JYud87-stat-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #76b900, #5a8c00);
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .g-JYud87-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
  }

  .g-JYud87-stat-card:hover::before {
    opacity: 1;
  }

  .g-JYud87-stat-number {
    font-family: 'poppins', monospace;
    font-size: 32px;
    font-weight: 700;
    color: #76b900;
    line-height: 1;
    margin-bottom: 6px;
  }

  .g-JYud87-stat-unit {
    font-size: 14px;
    font-weight: 700;
    color: #76b900;
    vertical-align: super;
    margin-left: 2px;
  }

  .g-JYud87-stat-desc {
    font-size: 12px;
    color: #6b7280;
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
  }

  /* ─── Responsive ─── */
  @media (max-width: 900px) {
    .g-JYud87-stats {
      grid-template-columns: repeat(2, 1fr);
    }

    .g-JYud87-col-headers {
      display: none;
    }

    .g-JYud87-rows {
      gap: 16px;
    }

    .g-JYud87-row {
      grid-template-columns: 1fr;
      gap: 0;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      overflow: hidden;
      margin-bottom: 0;
    }

    .g-JYud87-cell-topic,
    .g-JYud87-cell-pain,
    .g-JYud87-cell-solution {
      border-radius: 0 !important;
      border: none;
      border-bottom: 1px solid #e2e8f0;
    }

    .g-JYud87-cell-topic {
      border-left: 4px solid #76b900;
      background: #f9fafb;
    }

    .g-JYud87-cell-pain { background: #fffafa; }
    .g-JYud87-cell-solution {
      background: #f9fff0;
      border-bottom: none;
    }

    .g-JYud87-cell-pain::before {
      content: 'The Problem';
      display: block;
      font-family: 'poppins', monospace;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #dc2626;
      margin-bottom: 10px;
    }

    .g-JYud87-cell-solution::before {
      content: 'The Solution';
      display: block;
      font-family: 'poppins', monospace;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #76b900;
      margin-bottom: 10px;
    }

    .g-JYud87-cta-strip {
      flex-direction: column;
      align-items: flex-start;
      padding: 32px;
    }

    .g-JYud87-cta-actions {
      flex-direction: column;
      width: 100%;
    }

    .g-JYud87-btn-primary,
    .g-JYud87-btn-secondary {
      justify-content: center;
    }

    .g-JYud87-row:first-child .g-JYud87-cell-topic,
    .g-JYud87-row:last-child .g-JYud87-cell-topic,
    .g-JYud87-row:first-child .g-JYud87-cell-pain,
    .g-JYud87-row:last-child .g-JYud87-cell-pain,
    .g-JYud87-row:first-child .g-JYud87-cell-solution,
    .g-JYud87-row:last-child .g-JYud87-cell-solution {
      border-radius: 0 !important;
      border-top: none;
    }
  }

  @media (max-width: 560px) {
    .g-JYud87-section {
      padding: 48px 16px;
    }
    .g-JYud87-stats {
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }
    .g-JYud87-stat-number {
      font-size: 26px;
    }
  }




  .gUC3k-wrap {
    font-family: 'Poppins', sans-serif !important;
    background: #f4f6f8 !important;
    padding: 10px 24px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .gUC3k-wrap::before {
    content: '' !important;
    position: absolute !important;
    top: -200px !important;
    right: -150px !important;
    width: 560px !important;
    height: 560px !important;
    background: radial-gradient(circle, rgba(118,185,0,0.08) 0%, transparent 68%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .gUC3k-wrap::after {
    content: '' !important;
    position: absolute !important;
    bottom: -160px !important;
    left: -120px !important;
    width: 440px !important;
    height: 440px !important;
    background: radial-gradient(circle, rgba(118,185,0,0.06) 0%, transparent 68%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .gUC3k-inner {
    max-width: 1440px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* ─── Header ─── */
  .gUC3k-header {
    text-align: center !important;
    margin-bottom: 52px !important;
  }

  .gUC3k-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #76b900 !important;
    background: rgba(118,185,0,0.08) !important;
    border: 1px solid rgba(118,185,0,0.25) !important;
    padding: 6px 18px !important;
    border-radius: 100px !important;
    margin-bottom: 24px !important;
  }

  .gUC3k-pill-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #76b900 !important;
    display: inline-block !important;
    animation: gUC3k-pulse 2.2s ease-in-out infinite !important;
  }

  @keyframes gUC3k-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(0.7); }
  }

  .gUC3k-h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(28px, 4.5vw, 48px) !important;
    font-weight: 800 !important;
    color: #0d1117 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 14px !important;
  }

  .gUC3k-h2 em {
    font-style: normal !important;
    color: #76b900 !important;
  }

  .gUC3k-sub {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    color: #5a6474 !important;
    max-width: 540px !important;
    margin: 0 auto !important;
    line-height: 1.7 !important;
  }

  /* ─── Quick-spec bar ─── */
  .gUC3k-specbar {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 52px !important;
  }

  .gUC3k-spec {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    transition: box-shadow 0.22s ease, transform 0.22s ease !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .gUC3k-spec::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #76b900, #a3d900) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.28s ease !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .gUC3k-spec:hover {
    box-shadow: 0 10px 32px rgba(0,0,0,0.08) !important;
    transform: translateY(-3px) !important;
  }

  .gUC3k-spec:hover::after {
    transform: scaleX(1) !important;
  }

  .gUC3k-spec-icon {
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(135deg, #76b900, #5a8c00) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(118,185,0,0.25) !important;
  }

  .gUC3k-spec-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #fff !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .gUC3k-spec-body {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .gUC3k-spec-val {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0d1117 !important;
    line-height: 1 !important;
    margin: 0 0 3px !important;
    letter-spacing: -0.02em !important;
  }

  .gUC3k-spec-val span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #76b900 !important;
  }

  .gUC3k-spec-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  /* ─── Card Grid ─── */
  .gUC3k-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 52px !important;
  }

  /* ─── Card ─── */
  .gUC3k-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 34px 30px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    animation: gUC3k-fadeUp 0.5s ease both !important;
    transition: box-shadow 0.25s ease !important;
  }

  .gUC3k-card:nth-child(1) { animation-delay: 0.05s !important; }
  .gUC3k-card:nth-child(2) { animation-delay: 0.13s !important; }
  .gUC3k-card:nth-child(3) { animation-delay: 0.21s !important; }
  .gUC3k-card:nth-child(4) { animation-delay: 0.29s !important; }

  @keyframes gUC3k-fadeUp {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Green accent line on top — hover reveal for regular, always-on for featured */
  .gUC3k-card::before {
    content: '' !important;
    position: absolute !important;
    top: -1px !important;
    left: 24px !important;
    right: 24px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #76b900, #a3d900) !important;
    border-radius: 0 0 4px 4px !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 0.3s ease !important;
  }

  .gUC3k-card:hover {
    box-shadow: 0 18px 50px rgba(0,0,0,0.09) !important;
  }

  .gUC3k-card:hover::before {
    transform: scaleX(1) !important;
  }

  /* Featured card */
  .gUC3k-card-feat {
    border-color: rgba(118,185,0,0.28) !important;
    background: linear-gradient(158deg, #f6fff0 0%, #ffffff 55%) !important;
  }

  /* Always show green line on featured card — overrides the hover-only rule */
  .gUC3k-card-feat::before {
    transform: scaleX(1) !important;
  }

  /* Badge sits above the card-head so zero overlap */
  .gUC3k-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: linear-gradient(135deg, #76b900, #5a8c00) !important;
    padding: 4px 13px !important;
    border-radius: 100px !important;
    box-shadow: 0 3px 10px rgba(118,185,0,0.32) !important;
    margin-bottom: 16px !important;
    align-self: flex-start !important;
  }

  .gUC3k-badge svg {
    width: 10px !important;
    height: 10px !important;
    stroke: #fff !important;
    fill: none !important;
    stroke-width: 2.5 !important;
  }

  /* Card head */
  .gUC3k-card-head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
  }

  .gUC3k-ico {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
   background: linear-gradient(135deg, #ff2906 0%, #921d00 100%) !important;
    border-radius: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 18px #c127014a !important;
  }

  .gUC3k-ico svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #fff !important;
    fill: none !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .gUC3k-card-meta {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .gUC3k-card-num {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #c12107 !important;
    display: block !important;
    margin: 0 0 5px !important;
  }

  .gUC3k-card-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
  }

  .gUC3k-card-intro {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
    line-height: 1.72 !important;
    margin: 0 0 20px !important;
  }

  .gUC3k-card-intro strong {
    font-weight: 600 !important;
    color: #1a2332 !important;
  }

  .gUC3k-hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(118,185,0,0.22) 0%, transparent 100%) !important;
    margin: 0 0 20px !important;
  }

  .gUC3k-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
  }

  .gUC3k-li {
    display: flex !important;
    gap: 11px !important;
    align-items: flex-start !important;
  }

  .gUC3k-check {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    background: rgba(118,185,0,0.1) !important;
    border: 1.5px solid rgba(118,185,0,0.32) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 2px !important;
  }

  .gUC3k-check svg {
    width: 9px !important;
    height: 9px !important;
    stroke: #76b900 !important;
    fill: none !important;
    stroke-width: 2.8 !important;
  }

  .gUC3k-li-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #374151 !important;
    line-height: 1.68 !important;
    margin: 0 !important;
  }

  .gUC3k-li-text strong {
    font-weight: 600 !important;
    color: #0d1117 !important;
  }

  .gUC3k-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 20px !important;
  }

  .gUC3k-tag {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: #3d6e00 !important;
    background: rgba(118,185,0,0.08) !important;
    border: 1px solid rgba(118,185,0,0.22) !important;
    padding: 3px 11px !important;
    border-radius: 100px !important;
    white-space: nowrap !important;
  }

  /* ─── CTA Strip ─── */
  .gUC3k-cta {
    background: linear-gradient(135deg, #0d1117 0%, #19283c 100%) !important;
    border-radius: 20px !important;
    padding: 42px 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .gUC3k-cta::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(rgba(118,185,0,0.07) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    pointer-events: none !important;
  }

  .gUC3k-cta::after {
    content: '' !important;
    position: absolute !important;
    right: -80px !important;
    top: -80px !important;
    width: 320px !important;
    height: 320px !important;
    background: radial-gradient(circle, rgba(118,185,0,0.16) 0%, transparent 68%) !important;
    pointer-events: none !important;
  }

  .gUC3k-cta-left {
    position: relative !important;
    z-index: 1 !important;
  }

  .gUC3k-cta-left h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.02em !important;
  }

  .gUC3k-cta-left p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #8da4c0 !important;
    margin: 0 !important;
    line-height: 1.58 !important;
  }

  .gUC3k-cta-right {
    display: flex !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .gUC3k-btn-green {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #76b900, #5a8c00) !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 13px 26px !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(118,185,0,0.38) !important;
    transition: box-shadow 0.2s ease, filter 0.2s ease !important;
    white-space: nowrap !important;
  }

  .gUC3k-btn-green:hover {
    box-shadow: 0 8px 28px rgba(118,185,0,0.5) !important;
    filter: brightness(1.07) !important;
  }

  .gUC3k-btn-green svg {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.2 !important;
  }

  .gUC3k-btn-ghost {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255,255,255,0.07) !important;
    color: #d1dde8 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 13px 26px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    white-space: nowrap !important;
  }

  .gUC3k-btn-ghost:hover {
    background: rgba(255,255,255,0.13) !important;
    border-color: rgba(255,255,255,0.24) !important;
  }

  /* ─── Responsive ─── */
  @media (max-width: 900px) {
    .gUC3k-specbar {
      grid-template-columns: repeat(2, 1fr) !important;
    }

    .gUC3k-grid {
      grid-template-columns: 1fr !important;
    }

    .gUC3k-cta {
      flex-direction: column !important;
      align-items: flex-start !important;
      padding: 32px !important;
    }

    .gUC3k-cta-right {
      width: 100% !important;
      flex-direction: column !important;
    }

    .gUC3k-btn-green,
    .gUC3k-btn-ghost {
      justify-content: center !important;
      width: 100% !important;
    }
  }

  @media (max-width: 520px) {
    .gUC3k-wrap {
      padding: 52px 16px !important;
    }

    .gUC3k-specbar {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10px !important;
    }

    .gUC3k-spec-val {
      font-size: 17px !important;
    }

    .gUC3k-card {
      padding: 26px 20px !important;
    }
  }



   .gEX7w-wrap {
    font-family: 'Poppins', sans-serif !important;
    background: #f5f4f2 !important;
    padding: 96px 24px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* Grid texture overlay */
  .gEX7w-wrap::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
      linear-gradient(rgba(193,39,1,0.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(193,39,1,0.045) 1px, transparent 1px) !important;
    background-size: 48px 48px !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  /* Red glow top-left */
  .gEX7w-wrap::after {
    content: '' !important;
    position: absolute !important;
    top: -200px !important;
    left: -100px !important;
    width: 600px !important;
    height: 600px !important;
    background: radial-gradient(circle, rgba(193,39,1,0.07) 0%, transparent 65%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .gEX7w-inner {
    max-width: 1440px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* ─── Header ─── */
  .gEX7w-header {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: end !important;
    margin-bottom: 64px !important;
  }

  .gEX7w-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #c12701 !important;
    background: rgba(193,39,1,0.07) !important;
    border: 1px solid rgba(193,39,1,0.22) !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    margin-bottom: 22px !important;
  }

  .gEX7w-pill-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #c12701 !important;
    display: inline-block !important;
    animation: gEX7w-pulse 2s ease-in-out infinite !important;
  }

  @keyframes gEX7w-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(193,39,1,0.4); }
    50% { opacity: 0.5; box-shadow: 0 0 0 4px rgba(193,39,1,0); }
  }

  .gEX7w-h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(30px, 4vw, 50px) !important;
    font-weight: 900 !important;
    color: #0d1117 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
  }

  .gEX7w-h2 em {
    font-style: normal !important;
    color: #c12701 !important;
  }

  .gEX7w-header-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    color: #5a6474 !important;
    line-height: 1.78 !important;
    margin: 0 0 24px !important;
  }

  .gEX7w-header-desc strong {
    font-weight: 600 !important;
    color: #1a2332 !important;
  }

  .gEX7w-arch-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(193,39,1,0.05) !important;
    border: 1px solid rgba(193,39,1,0.18) !important;
    border-left: 3px solid #c12701 !important;
    padding: 11px 16px !important;
    border-radius: 0 8px 8px 0 !important;
  }

  .gEX7w-arch-badge svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #c12701 !important;
    fill: none !important;
    stroke-width: 2 !important;
    flex-shrink: 0 !important;
  }

  .gEX7w-arch-badge span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6b1200 !important;
  }

  /* ─── Ticker row ─── */
  .gEX7w-ticker {
    display: flex !important;
    gap: 0 !important;
    margin-bottom: 48px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
  }

  .gEX7w-tick {
    flex: 1 !important;
    padding: 20px 22px !important;
    border-right: 1px solid #e8edf3 !important;
    position: relative !important;
    transition: background 0.2s ease !important;
  }

  .gEX7w-tick:last-child {
    border-right: none !important;
  }

  .gEX7w-tick:hover {
    background: rgba(193,39,1,0.04) !important;
  }

  .gEX7w-tick::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #c12701, #ff5722) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.28s ease !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .gEX7w-tick:hover::after {
    transform: scaleX(1) !important;
  }

  .gEX7w-tick-num {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #c12701 !important;
    line-height: 1 !important;
    margin: 0 0 5px !important;
    letter-spacing: -0.03em !important;
  }

  .gEX7w-tick-num sub {
    font-size: 12px !important;
    font-weight: 600 !important;
    vertical-align: baseline !important;
    margin-left: 2px !important;
    color: rgba(193,39,1,0.6) !important;
  }

  .gEX7w-tick-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    color: #8a99aa !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
  }

  /* ─── Feature grid ─── */
  .gEX7w-features {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px !important;
    background: #dde3ea !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    margin-bottom: 48px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
  }

  .gEX7w-feat {
    background: #ffffff !important;
    padding: 40px 36px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: background 0.25s ease !important;
    animation: gEX7w-fadeUp 0.5s ease both !important;
  }

  .gEX7w-feat:nth-child(1) { animation-delay: 0.05s !important; border-radius: 18px 0 0 0 !important; }
  .gEX7w-feat:nth-child(2) { animation-delay: 0.13s !important; border-radius: 0 18px 0 0 !important; }
  .gEX7w-feat:nth-child(3) { animation-delay: 0.21s !important; border-radius: 0 0 0 18px !important; }
  .gEX7w-feat:nth-child(4) { animation-delay: 0.29s !important; border-radius: 0 0 18px 0 !important; }

  @keyframes gEX7w-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Subtle red glow top-left on hover */
  .gEX7w-feat::before {
    content: '' !important;
    position: absolute !important;
    top: -70px !important;
    left: -70px !important;
    width: 220px !important;
    height: 220px !important;
    background: radial-gradient(circle, rgba(193,39,1,0.08) 0%, transparent 70%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
  }

  /* Bottom red accent sweep */
  .gEX7w-feat::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 36px !important;
    right: 36px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #c12701, transparent) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.35s ease !important;
  }

  .gEX7w-feat:hover {
    background: #fdf9f8 !important;
  }

  .gEX7w-feat:hover::before { opacity: 1 !important; }
  .gEX7w-feat:hover::after  { transform: scaleX(1) !important; }

  /* Icon + ghost number row */
  .gEX7w-feat-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 26px !important;
  }

  .gEX7w-feat-icon {
    width: 52px !important;
    height: 52px !important;
    background: rgba(193,39,1,0.07) !important;
    border: 1px solid rgba(193,39,1,0.18) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.25s ease, border-color 0.25s ease !important;
  }

  .gEX7w-feat:hover .gEX7w-feat-icon {
    background: rgba(193,39,1,0.13) !important;
    border-color: rgba(193,39,1,0.35) !important;
  }

  .gEX7w-feat-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #c12701 !important;
    fill: none !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .gEX7w-feat-num {
    font-family: 'Poppins', sans-serif !important;
    font-size: 64px !important;
    font-weight: 900 !important;
    color: rgba(0,0,0,0.04) !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    user-select: none !important;
    transition: color 0.25s ease !important;
  }

  .gEX7w-feat:hover .gEX7w-feat-num {
    color: rgba(193,39,1,0.07) !important;
  }

  .gEX7w-feat-tag {
    display: inline-block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #c12701 !important;
    margin-bottom: 8px !important;
  }

  .gEX7w-feat-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 0 13px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
  }

  .gEX7w-feat-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #5a6474 !important;
    line-height: 1.78 !important;
    margin: 0 0 20px !important;
  }

  .gEX7w-feat-desc strong {
    font-weight: 600 !important;
    color: #1a2332 !important;
  }

  .gEX7w-feat-specs {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .gEX7w-feat-spec {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .gEX7w-feat-spec-bullet {
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #c12701 !important;
    flex-shrink: 0 !important;
    opacity: 0.6 !important;
  }

  .gEX7w-feat-spec-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #7a8899 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }

  .gEX7w-feat-spec-text em {
    font-style: normal !important;
    font-weight: 600 !important;
    color: #3a4a58 !important;
  }

  /* ─── Comparison banner ─── */
  .gEX7w-banner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 48px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.05) !important;
  }

  .gEX7w-ban-col {
    padding: 32px 28px !important;
  }

  .gEX7w-ban-col-bad {
    background: #fafafa !important;
  }

  .gEX7w-ban-col-good {
    background: #fff9f8 !important;
    border-left: 1px solid rgba(193,39,1,0.14) !important;
  }

  .gEX7w-ban-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    background: #f5f5f5 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid rgba(193,39,1,0.12) !important;
  }

  .gEX7w-ban-vs {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #dde3ea !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #a0aab4 !important;
    flex-shrink: 0 !important;
  }

  .gEX7w-ban-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    margin: 0 0 18px !important;
  }

  .gEX7w-ban-label-bad { color: #a0aab4 !important; }
  .gEX7w-ban-label-good { color: #c12701 !important; }

  .gEX7w-ban-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .gEX7w-ban-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .gEX7w-ban-item-bad  { color: #9daab8 !important; }
  .gEX7w-ban-item-good { color: #2d3e4e !important; }

  .gEX7w-ban-item-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

  .gEX7w-ban-icon-x {
    background: #f3f4f6 !important;
    border: 1px solid #dde3ea !important;
  }

  .gEX7w-ban-icon-x svg {
    width: 8px !important; height: 8px !important;
    stroke: #a0aab4 !important;
    fill: none !important; stroke-width: 2.5 !important;
  }

  .gEX7w-ban-icon-ok {
    background: rgba(193,39,1,0.08) !important;
    border: 1px solid rgba(193,39,1,0.22) !important;
  }

  .gEX7w-ban-icon-ok svg {
    width: 8px !important; height: 8px !important;
    stroke: #c12701 !important;
    fill: none !important; stroke-width: 2.8 !important;
  }

  /* ─── CTA ─── */
  .gEX7w-cta {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid rgba(193,39,1,0.18) !important;
    border-left: 4px solid #c12701 !important;
    border-radius: 0 16px 16px 0 !important;
    padding: 42px 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(193,39,1,0.07) !important;
  }

  /* Diagonal stripe texture */
  .gEX7w-cta::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 18px,
      rgba(193,39,1,0.018) 18px,
      rgba(193,39,1,0.018) 20px
    ) !important;
    pointer-events: none !important;
  }

  .gEX7w-cta::after {
    content: '' !important;
    position: absolute !important;
    right: -80px !important;
    top: -80px !important;
    width: 300px !important;
    height: 300px !important;
    background: radial-gradient(circle, rgba(193,39,1,0.06) 0%, transparent 65%) !important;
    pointer-events: none !important;
  }

  .gEX7w-cta-text {
    position: relative !important;
    z-index: 1 !important;
  }

  .gEX7w-cta-text h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.025em !important;
  }

  .gEX7w-cta-text p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #6b7a8a !important;
    margin: 0 !important;
    line-height: 1.6 !important;
  }

  .gEX7w-cta-btns {
    display: flex !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .gEX7w-btn-red {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #c12701 !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 13px 26px !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 4px 18px rgba(193,39,1,0.32) !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
    white-space: nowrap !important;
  }

  .gEX7w-btn-red:hover {
    background: #d62c00 !important;
    box-shadow: 0 8px 28px rgba(193,39,1,0.45) !important;
  }

  .gEX7w-btn-red svg {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.2 !important;
  }

  .gEX7w-btn-outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    color: #c12701 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 13px 26px !important;
    border-radius: 10px !important;
    border: 1.5px solid rgba(193,39,1,0.32) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    white-space: nowrap !important;
  }

  .gEX7w-btn-outline:hover {
    background: rgba(193,39,1,0.06) !important;
    border-color: rgba(193,39,1,0.55) !important;
  }

  /* ─── Responsive ─── */
  @media (max-width: 960px) {
    .gEX7w-header {
      grid-template-columns: 1fr !important;
      gap: 24px !important;
    }
    .gEX7w-features {
      grid-template-columns: 1fr !important;
    }
    .gEX7w-feat:nth-child(1),
    .gEX7w-feat:nth-child(2),
    .gEX7w-feat:nth-child(3),
    .gEX7w-feat:nth-child(4) { border-radius: 0 !important; }
    .gEX7w-feat:first-child { border-radius: 18px 18px 0 0 !important; }
    .gEX7w-feat:last-child  { border-radius: 0 0 18px 18px !important; }
    .gEX7w-banner {
      grid-template-columns: 1fr !important;
    }
    .gEX7w-ban-divider {
      padding: 14px !important;
      border: none !important;
      border-top: 1px solid #e2e8f0 !important;
      border-bottom: 1px solid rgba(193,39,1,0.12) !important;
    }
    .gEX7w-ban-col-good {
      border-left: none !important;
      border-top: 1px solid rgba(193,39,1,0.12) !important;
    }
    .gEX7w-cta {
      flex-direction: column !important;
      align-items: flex-start !important;
      padding: 32px !important;
    }
    .gEX7w-cta-btns {
      flex-direction: column !important;
      width: 100% !important;
    }
    .gEX7w-btn-red, .gEX7w-btn-outline {
      justify-content: center !important;
    }
    .gEX7w-ticker {
      flex-wrap: wrap !important;
    }
    .gEX7w-tick {
      flex: 1 1 45% !important;
      border-bottom: 1px solid #e8edf3 !important;
    }
  }

  @media (max-width: 520px) {
    .gEX7w-wrap { padding: 60px 16px !important; }
    .gEX7w-feat { padding: 28px 22px !important; }
    .gEX7w-feat-num { font-size: 46px !important; }
  }

.g-jump-btns-wrapper, #gRedirectTableBtnsDiv {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 18px;
  background: #f8faff;
  border: 1px solid #e0e7ff;
  border-radius: 14px;
}

.g-redirect-table-btns {
  background: #ffffff;
  color: #c12701 !important;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 8px;
  font-size: 15px;
  letter-spacing: 0.4px;
  border: 1.5px solid #c7d2fe;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 2px 8px rgba(67, 97, 238, 0.08);
  position: relative;
  text-transform: uppercase;
}

.g-redirect-table-btns::before {
 
  margin-right: 6px;
  font-size: 11px;
  display: inline-block;
  transition: transform 0.2s ease;
}

.g-redirect-table-btns:hover {
  background: #c12701;
  color: #ffffff !important;
  border-color: #c12701;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(67, 97, 238, 0.28);
}

.g-redirect-table-btns:hover::before {
  transform: translateY(2px);
}

.g-redirect-table-btns:active {
  transform: translateY(0px);
  box-shadow: 0 2px 8px rgba(67, 97, 238, 0.15);
}








.g-jump-btns-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

/* See More / See Less Button Style */
.g-see-more-btn {
    background-color: #329d00 !important;
    color: white !important;
    border: 1px solid #0056b3 !important;
       font-weight: 800 !important;
    cursor: pointer;
    font-family: 'Poppins';
}

.g-see-more-btn:hover {
    background-color: #0056b3 !important;
}








/* ── Tokens ─────────────────────────────────────── */
.g-jkU765v2-section {
    --cp-bg:       #08090d !important;
    --cp-surface:  #0f111a !important;
    --cp-border:   rgba(255,255,255,.06) !important;
    --cp-border-h: rgba(193,39,1,.35) !important;
    --cp-accent:   #c12701 !important;
    --cp-accent2:  #e84a1f !important;
    --cp-head:     #f1f5f9 !important;
    --cp-body:     #64748b !important;
    --cp-font:     'Poppins', sans-serif !important;
    --cp-r:        12px !important;
    --cp-img-h:    210px !important;
}

/* ── Scoped reset ───────────────────────────────── */
.g-jkU765v2-section,
.g-jkU765v2-section *,
.g-jkU765v2-section *::before,
.g-jkU765v2-section *::after {
    box-sizing: border-box !important;
    font-family: var(--cp-font) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Section shell ──────────────────────────────── */
.g-jkU765v2-section {
    background: var(--cp-bg) !important;
    padding: 60px 0 68px !important;
    position: relative !important;
    overflow: hidden !important;
}

.g-jkU765v2-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px) !important;
    background-size: 44px 44px !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.g-jkU765v2-section::after {
    content: '' !important;
    position: absolute !important;
    width: 500px !important;
    height: 500px !important;
    top: -140px !important;
    right: -100px !important;
    background: radial-gradient(circle, rgba(193,39,1,.1) 0%, transparent 65%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.g-jkU765v2-inner {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ── Header ─────────────────────────────────────── */
.g-jkU765v2-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 32px !important;
    flex-wrap: wrap !important;
}

.g-jkU765v2-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 10px !important;
}

.g-jkU765v2-kicker-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: var(--cp-accent) !important;
    box-shadow: 0 0 8px var(--cp-accent) !important;
    flex-shrink: 0 !important;
    animation: g-jkU765v2-pulse 2.2s ease-in-out infinite !important;
}

@keyframes g-jkU765v2-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: .4; transform: scale(.7); }
}

.g-jkU765v2-kicker-lbl {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2.4px !important;
    text-transform: uppercase !important;
    color: var(--cp-accent) !important;
}

.g-jkU765v2-title {
    font-size: clamp(1.3rem, 2.4vw, 1.75rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -.3px !important;
    color: var(--cp-head) !important;
}

.g-jkU765v2-hi {
    background: linear-gradient(90deg, var(--cp-accent), var(--cp-accent2)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.g-jkU765v2-pill {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--cp-body) !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid var(--cp-border) !important;
    padding: 7px 16px !important;
    border-radius: 100px !important;
    white-space: nowrap !important;
    align-self: center !important;
}

/* ══════════════════════════════════════════════════
   CAROUSEL  — swiper first, then controls below
   No absolute positioning on controls at all
══════════════════════════════════════════════════ */
.g-jkU765v2-outer {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.g-jkU765v2-swiper {
    overflow: hidden !important;
    width: 100% !important;
}

/* controls row — sits naturally below swiper */
.g-jkU765v2-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
}

/* ── Card ───────────────────────────────────────── */
.g-jkU765v2-slide {
    height: auto !important;
    margin: 0 8px !important;
}

.g-jkU765v2-card {
    background: var(--cp-surface) !important;
    border: 1px solid var(--cp-border) !important;
    border-radius: var(--cp-r) !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: border-color .25s, box-shadow .25s, transform .25s !important;
}

.g-jkU765v2-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--cp-accent), var(--cp-accent2)) !important;
    opacity: 0 !important;
    transition: opacity .25s !important;
    z-index: 3 !important;
}

.g-jkU765v2-card:hover::before {
    opacity: 1 !important;
}

.g-jkU765v2-card:hover {
    border-color: var(--cp-border-h) !important;
    box-shadow: 0 0 0 1px rgba(193,39,1,.12), 0 16px 40px rgba(0,0,0,.55) !important;
    transform: translateY(-3px) !important;
}

.g-jkU765v2-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* ── Image ──────────────────────────────────────── */
.g-jkU765v2-img-wrap {
    position: relative !important;
    width: 100% !important;
    height: var(--cp-img-h) !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    background: #12151f !important;
    display: block !important;
}

.g-jkU765v2-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* object-fit: cover !important; */
    object-position: center center !important;
    display: block !important;
    transition: transform .45s ease !important;
}

.g-jkU765v2-card:hover .g-jkU765v2-img {
    transform: scale(1.05) !important;
}

.g-jkU765v2-img-fade {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: linear-gradient(to bottom, transparent, var(--cp-surface)) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.g-jkU765v2-chip {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    z-index: 2 !important;
    border: 1px solid !important;
}

.g-jkU765v2-chip--blog {
    background: rgba(193,39,1,.2) !important;
    color: #f87b5e !important;
    border-color: rgba(193,39,1,.38) !important;
}

.g-jkU765v2-chip--tutorial {
    background: rgba(232,74,31,.15) !important;
    color: #fdba9a !important;
    border-color: rgba(232,74,31,.3) !important;
}

/* ── Card body — proper left/right padding ──────── */
.g-jkU765v2-body {
    padding: 18px 20px 16px !important;   /* left+right 20px — text touches no edge */
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.g-jkU765v2-cat {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--cp-accent) !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.g-jkU765v2-card-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: var(--cp-head) !important;
    margin-bottom: 10px !important;
    transition: color .2s !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.g-jkU765v2-card:hover .g-jkU765v2-card-title {
    color: #f87b5e !important;
}

.g-jkU765v2-desc {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: var(--cp-body) !important;
    flex: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ── Card footer ────────────────────────────────── */
.g-jkU765v2-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.05) !important;
}

.g-jkU765v2-date {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
}

.g-jkU765v2-arrow {
    width: 28px !important;
    height: 28px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(193,39,1,.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: background .2s, border-color .2s, transform .2s !important;
}

.g-jkU765v2-arrow svg {
    width: 12px !important;
    height: 12px !important;
    fill: none !important;
    stroke: var(--cp-accent) !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.g-jkU765v2-card:hover .g-jkU765v2-arrow {
    background: var(--cp-accent) !important;
    border-color: var(--cp-accent) !important;
    transform: rotate(-40deg) !important;
}

.g-jkU765v2-card:hover .g-jkU765v2-arrow svg {
    stroke: #fff !important;
}

/* ── Nav buttons ────────────────────────────────── */
.g-jkU765v2-nav-btn {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: rgba(255,255,255,.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background .2s, border-color .2s !important;
}

.g-jkU765v2-nav-btn svg {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: #6b7280 !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.g-jkU765v2-nav-btn:hover {
    background: rgba(193,39,1,.15) !important;
    border-color: rgba(193,39,1,.4) !important;
}

.g-jkU765v2-nav-btn:hover svg {
    stroke: var(--cp-accent) !important;
}

.g-jkU765v2-nav-btn.swiper-button-disabled {
    opacity: .22 !important;
    pointer-events: none !important;
}

/* ── Pagination — dynamic bullets, center ───────── */
.g-jkU765v2-pag {
    flex: 1 !important;
        width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}

/* dynamic bullet sizes — swiper adds these classes */
.g-jkU765v2-pag .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    border-radius: 3px !important;
    background: rgba(255,255,255,.14) !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: width .3s, background .3s, transform .3s !important;
    flex-shrink: 0 !important;
}

.g-jkU765v2-pag .swiper-pagination-bullet-active {
    width: 22px !important;
    background: var(--cp-accent) !important;
}

/* dynamic bullet scale helpers */
.g-jkU765v2-pag .swiper-pagination-bullet-active-prev,
.g-jkU765v2-pag .swiper-pagination-bullet-active-next {
    transform: scale(.8) !important;
    opacity: .6 !important;
}

.g-jkU765v2-pag .swiper-pagination-bullet-active-prev-prev,
.g-jkU765v2-pag .swiper-pagination-bullet-active-next-next {
    transform: scale(.6) !important;
    opacity: .35 !important;
}

/* ── Empty state ────────────────────────────────── */
.g-jkU765v2-empty {
    text-align: center !important;
    padding: 56px 20px !important;
}

.g-jkU765v2-empty-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px !important;
    font-size: 20px !important;
}

.g-jkU765v2-empty-txt {
    font-size: 13px !important;
    color: #4b5563 !important;
}

/* ── Fade-up animation ──────────────────────────── */
@keyframes g-jkU765v2-up {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

.g-jkU765v2-swiper .swiper-slide:nth-child(1) .g-jkU765v2-card { animation: g-jkU765v2-up .4s ease both; animation-delay: .04s; }
.g-jkU765v2-swiper .swiper-slide:nth-child(2) .g-jkU765v2-card { animation: g-jkU765v2-up .4s ease both; animation-delay: .11s; }
.g-jkU765v2-swiper .swiper-slide:nth-child(3) .g-jkU765v2-card { animation: g-jkU765v2-up .4s ease both; animation-delay: .18s; }
.g-jkU765v2-swiper .swiper-slide:nth-child(4) .g-jkU765v2-card { animation: g-jkU765v2-up .4s ease both; animation-delay: .25s; }

/* ── Responsive ─────────────────────────────────── */
@media (max-width: 768px) {
    .g-jkU765v2-section { padding: 44px 0 58px !important; }
    .g-jkU765v2-head    { margin-bottom: 22px !important; }
}

@media (max-width: 480px) {
    .g-jkU765v2-inner   { padding: 0 14px !important; }
    .g-jkU765v2-title   { font-size: 1.2rem !important; }
    .g-jkU765v2-pill    { display: none !important; }
    .g-jkU765v2-section { padding: 36px 0 52px !important; }
}

.g-github-link{
  display:inline-block; margin-top:10px; margin-bottom:15px; color:#2563eb; font-weight:bold; text-decoration:underline;
}

.g-info-box-links{
  color:#d97706; text-decoration:underline;
}

.g-fdsg7845-div{
  margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 10px; flex-wrap: wrap;
}

.g-fdsg7845-div-btn{
  background: #00ffcc; color: #000; padding: 6px 12px; border-radius: 4px; font-size: 12px; font-weight: bold; text-decoration: none; display: flex; align-items: center; gap: 5px;
}

.g-fdsg7845-div-btn-big{
    background: #00ffcc; color: #000; padding: 6px 12px; border-radius: 4px; font-size: 16px; font-weight: bold; text-decoration: none; display: flex; align-items: center; gap: 5px;

}

.g-fdsg7845-div-btn-big:hover{
    background: #27ac00; color: #fff;
    transition: 0.3s ease-in-out;

}



 .kyc-wrap {
    font-family: 'Poppins', sans-serif;
    max-width: 860px;
    margin: 0 auto;
    padding: 60px 60px;
    background: #fff;
    color: #1c1c1c;
  }

  .kyc-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #e32020;
    margin-bottom: 8px;
  }

  .kyc-title {
    font-size: 28px;
    font-weight: 700;
    color: #1c1c1c;
    margin: 0 0 14px;
  }

  .kyc-divider {
    width: 48px;
    height: 3px;
    background: #e32020;
    margin-bottom: 28px;
    border-radius: 2px;
  }

  .kyc-para {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.9;
    color: #000;
    margin: 0 0 20px;
  }

  .kyc-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #1c1c1c;
    margin: 30px 0 12px;
  }

  .kyc-points {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
  }

  .kyc-points li {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
    color: #000;
    padding: 5px 0 5px 22px;
    position: relative;
  }

  .kyc-points li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e32020;
  }

  .kyc-note {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #666;
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 10px;
  }













    .g-nbB87-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.2rem 0;
  }

  @media screen and (max-width:1100px)
  {
    .g-nbB87-wrap{
      justify-content: center !important;
    }
  }

  .g-nbB87-link {
    position: relative;
    width: 200px;
    height: 130px;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow:
      0 8px 24px rgba(0,0,0,0.4),
      0 2px 0px rgba(255,255,255,0.06) inset,
      0 -3px 0px rgba(0,0,0,0.5) inset;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.25s ease;
    border: 1.5px solid rgba(255,255,255,0.13);
    /* bottom thick border = button depth */
    outline: none;
  }

  /* Button "press depth" effect */
  .g-nbB87-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(0,0,0,0.45);
    z-index: 10;
    border-radius: 0 0 18px 18px;
    transition: height 0.15s ease;
  }

  .g-nbB87-link:hover {
    transform: translateY(-5px);
    box-shadow:
      0 20px 45px rgba(0,0,0,0.55),
      0 2px 0px rgba(255,255,255,0.08) inset,
      0 -4px 0px rgba(0,0,0,0.6) inset;
    border-color: rgba(255,255,255,0.28);
  }

  .g-nbB87-link:active {
    transform: translateY(1px);
    box-shadow:
      0 3px 10px rgba(0,0,0,0.4),
      0 1px 0px rgba(255,255,255,0.05) inset;
    transition-duration: 0.08s;
  }

  .g-nbB87-link:active::before {
    height: 1px;
  }

  .g-nbB87-icon {
    display: none;
  }

  .g-nbB87-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .g-nbB87-link:hover .g-nbB87-img {
    transform: scale(1.08);
  }

  .g-nbB87-ovr {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(0,0,0,0.88) 0%,
      rgba(0,0,0,0.3) 55%,
      rgba(0,0,0,0.08) 100%
    );
    transition: background 0.3s ease;
  }

  .g-nbB87-link:hover .g-nbB87-ovr {
    background: linear-gradient(
      to top,
      rgba(0,0,0,0.75) 0%,
      rgba(0,0,0,0.18) 55%,
      rgba(0,0,0,0.04) 100%
    );
  }

  .g-nbB87-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 12px;
    font-family: 'poppins';
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 5;
  }

  /* ── Arrow wrapper — always visible ── */
  .g-nbB87-arr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.2);
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
  }

  /* Two arrows — one exits left, one enters from right */
  .g-nbB87-arr-icon {
    font-size: 0.65rem;
    color: #fff;
    position: absolute;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
                opacity 0.25s ease;
  }

  .g-nbB87-arr-icon.g-nbB87-arr2 {
    transform: translateX(-130%);
    opacity: 0;
  }

  .g-nbB87-link:hover .g-nbB87-arr {
    background: rgba(255,255,255,0.28);
    border-color: rgba(255,255,255,0.45);
  }

  /* On hover: first arrow exits right */
  .g-nbB87-link:hover .g-nbB87-arr-icon.g-nbB87-arr1 {
    transform: translateX(130%);
    opacity: 0;
  }

  /* Second arrow enters from left */
  .g-nbB87-link:hover .g-nbB87-arr-icon.g-nbB87-arr2 {
    transform: translateX(0);
    opacity: 1;
  }

  .g-nbB87-prv {
    position: absolute;
    top: 9px;
    right: 9px;
    font-family: 'poppins';
    font-size: 14px !important;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.18);
    padding: 2px 7px;
    border-radius: 100px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    z-index: 5;
  }

  /* Shine sweep on hover */
  .g-nbB87-shine {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
      105deg,
      transparent 40%,
      rgba(255,255,255,0.08) 50%,
      transparent 60%
    );
    z-index: 6;
    transition: left 0.5s ease;
    pointer-events: none;
  }

  .g-nbB87-link:hover .g-nbB87-shine {
    left: 130%;
  }

  /* Stagger entrance */
  .g-nbB87-link {
    animation: g-nbB87-in 0.45s cubic-bezier(0.34, 1.4, 0.64, 1) both;
  }
  .g-nbB87-link:nth-child(1) { animation-delay: 0.05s; }
  .g-nbB87-link:nth-child(2) { animation-delay: 0.13s; }
  .g-nbB87-link:nth-child(3) { animation-delay: 0.21s; }
  .g-nbB87-link:nth-child(4) { animation-delay: 0.29s; }

  @keyframes g-nbB87-in {
    from { opacity: 0; transform: translateY(16px) scale(0.93); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
  }

  .g-tutorial-index-links-style{
    color:#2563eb; font-weight:bold; text-decoration:underline;
  }

  .g-tutorial-cta-banner-flex-center{
        display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .g-fdsg7845-div-btn-big-def{
    background:#2563eb; color:#fff !important;
  }


  .sm-tutorial-link-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
    border: 1px solid #333;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden;
}

.sm-tutorial-link-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #00ff88; /* ServerMO Green */
}

.sm-badge {
    background: rgba(0, 255, 136, 0.1);
    color: #00ff88;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sm-card-title {
    color: #fff;
    font-size: 24px;
    margin-top: 15px;
}

.sm-card-desc {
    color: #aaa;
    margin-bottom: 25px;
    line-height: 1.6;
}

:root {
    --primary: #c12701 !important;
    --primary-light: #eff6ff !important;
    --primary-mid: #dbeafe !important;
    --accent: #0ea5e9 !important;
    --success: #16a34a !important;
    --success-bg: #f0fdf4 !important;
    --success-border: #bbf7d0 !important;
    --warning: #d97706 !important;
    --warning-bg: #fffbeb !important;
    --warning-border: #fde68a !important;
    --purple: #7c3aed !important;
    --purple-bg: #f5f3ff !important;
    --surface: #ffffff !important;
    --surface2: #f8fafc !important;
    --border: #e2e8f0 !important;
    --text-h: #0f172a !important;
    --text-b: #334155 !important;
    --text-m: #64748b !important;
    --text-s: #94a3b8 !important;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) !important;
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04) !important;
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.1), 0 4px 12px rgba(0,0,0,0.06) !important;
  }


  .sp-wrap {
    background: var(--surface2) !important;
    min-height: 100vh !important;
    padding: 56px 24px 80px !important;
  }

  .sp-con {
    max-width: 1440px !important;
    margin: 0 auto !important;
  }

  /* ── HERO ── */
  .sp-hero {
    text-align: center !important;
    margin-bottom: 64px !important;
    animation: spUp 0.6s ease both !important;
  }

  .sp-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--primary-light) !important;
    border: 1px solid var(--primary-mid) !important;
    border-radius: 100px !important;
    padding: 6px 16px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--primary) !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 22px !important;
  }

  .sp-badge i {
    font-size: 9px !important;
    color: var(--success) !important;
  }

  .sp-hero h1 {
    font-size: clamp(28px, 4.5vw, 50px) !important;
    font-weight: 800 !important;
    color: var(--text-h) !important;
    line-height: 1.15 !important;
    letter-spacing: -1.2px !important;
    margin-bottom: 14px !important;
  }

  .sp-hero h1 span {
    color: var(--primary) !important;
  }

  .sp-hero p {
    font-size: 16px !important;
    color: var(--text-m) !important;
    font-weight: 400 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    line-height: 1.7 !important;
  }

  /* ── SECTION HEADER ── */
  .sp-sec-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
    animation: spUp 0.5s ease both !important;
  }

  .sp-sec-num {
    width: 38px !important;
    height: 38px !important;
    background: var(--primary) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.3) !important;
  }

  .sp-sec-info h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--text-h) !important;
    line-height: 1.2 !important;
    font-family:poppins !important;
  }

  .sp-sec-info p {
    font-size: 16px !important;
    color: var(--text-m) !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
    margin-bottom:0 !important;
  }

  /* .sp-sec-line {
    flex: 1 !important;
    height: 1px !important;
    background: var(--border) !important;
  } */

  /* ── OS GRID ── */
  .sp-os-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
  }

  .sp-os-card {
    background: var(--surface) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 14px !important;
    padding: 22px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    cursor: default !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
    position: relative !important;
    overflow: hidden !important;
    animation: spUp 0.5s ease both !important;
  }

  .sp-os-card:nth-child(1) { animation-delay: 0.04s !important; }
  .sp-os-card:nth-child(2) { animation-delay: 0.08s !important; }
  .sp-os-card:nth-child(3) { animation-delay: 0.12s !important; }
  .sp-os-card:nth-child(4) { animation-delay: 0.16s !important; }
  .sp-os-card:nth-child(5) { animation-delay: 0.20s !important; }
  .sp-os-card:nth-child(6) { animation-delay: 0.24s !important; }

  .sp-os-card::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--primary), var(--accent)) !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .sp-os-card:hover {
    transform: translateY(-5px) !important;
    border-color: #bfdbfe !important;
    box-shadow: var(--shadow-lg) !important;
  }

  .sp-os-card:hover::after { opacity: 1 !important; }

  .sp-os-card.sp-paid {
    border-color: var(--warning-border) !important;
    background: var(--warning-bg) !important;
  }

  .sp-os-card.sp-paid:hover { border-color: #fbbf24 !important; }

  .sp-os-card.sp-paid::after {
    background: linear-gradient(90deg, var(--warning), #f59e0b) !important;
  }

  .sp-os-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    background: var(--primary-light) !important;
    border: 1px solid var(--primary-mid) !important;
  }

  .sp-os-card.sp-paid .sp-os-icon-wrap {
    background: var(--warning-bg) !important;
    border-color: var(--warning-border) !important;
  }

  .sp-os-icon-wrap i {
    font-size: 24px !important;
    color: var(--primary) !important;
  }

  .sp-os-card.sp-paid .sp-os-icon-wrap i { color: var(--warning) !important; }

  .sp-os-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--text-h) !important;
    margin-bottom: 3px !important;
    font-family: 'Poppins' !important;
  }

  .sp-os-ver {
        font-size: 15px !important;
    font-family: 'Poppins' !important;
    color: var(--text-s) !important;
    font-weight: 500 !important;
    margin-bottom: 14px !important;
    line-height: 1.5 !important;
    flex: 1 !important;
  }

  .sp-free-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: var(--success-bg) !important;
    border: 1px solid var(--success-border) !important;
    border-radius: 7px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--success) !important;
    width: fit-content !important;
  }

  .sp-free-badge i { font-size: 9px !important; }

  .sp-paid-price {
    display: flex !important;
    align-items: baseline !important;
    gap: 1px !important;
  }

  .sp-paid-price .sym {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--warning) !important;
  }

  .sp-paid-price .amt {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--warning) !important;
    letter-spacing: -0.5px !important;
  }

  .sp-paid-price .per {
    font-size: 11px !important;
    color: var(--text-m) !important;
    font-weight: 400 !important;
    margin-left: 2px !important;
  }

  /* ── NOTE BOX ── */
  .sp-note {
    display: flex !important;
    gap: 12px !important;
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-left: 3px solid var(--primary) !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    margin-bottom: 52px !important;
    box-shadow: var(--shadow-sm) !important;
    align-items: center !important;
  }

  .sp-note i {
    font-size: 15px !important;
    color: var(--primary) !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }

  .sp-note p {
    font-size: 16px !important;
    color: var(--text-b) !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin:0 !important;
  }

  .sp-note p strong {
    color: var(--primary) !important;
    font-weight: 600 !important;
  }

  /* ── PANEL TABLE ── */
  .sp-panel-card {
    background: var(--surface) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-md) !important;
    margin-bottom: 20px !important;
    animation: spUp 0.55s ease both !important;
  }

  .sp-t-head {
    display: grid !important;
    grid-template-columns: 2.8fr 2fr 1.6fr !important;
    padding: 14px 28px !important;
    background: var(--surface2) !important;
    border-bottom: 1.5px solid var(--border) !important;
  }

  .sp-th {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: var(--text-s) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .sp-th i { font-size: 10px !important; color: var(--text-s) !important; }
  .sp-th:last-child { justify-content: flex-end !important; }

  .sp-t-row {
    display: grid !important;
    grid-template-columns: 2.8fr 2fr 1.6fr !important;
    padding: 20px 28px !important;
    align-items: center !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background 0.18s ease !important;
    animation: spUp 0.5s ease both !important;
  }

  .sp-t-row:nth-child(1) { animation-delay: 0.06s !important; }
  .sp-t-row:nth-child(2) { animation-delay: 0.12s !important; }
  .sp-t-row:nth-child(3) { animation-delay: 0.18s !important; }
  .sp-t-row:nth-child(4) { animation-delay: 0.24s !important; }
  .sp-t-row:nth-child(5) { animation-delay: 0.30s !important; }

  .sp-t-row:last-child { border-bottom: none !important; }
  .sp-t-row:hover { background: var(--primary-light) !important; }
  .sp-t-row.sp-row-hl { background: #eff6ff !important; }
  .sp-t-row.sp-row-hl:hover { background: #dbeafe !important; }

  .sp-panel-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .sp-panel-ico {
    width: 46px !important;
    height: 46px !important;
    border-radius: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    background: #ff6c2c !important;
    border: none !important;
    padding: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
  }

  .sp-panel-ico img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
  }

  .sp-panel-ico.ico-cpanel  { background: #ff6c2c !important; }
  .sp-panel-ico.ico-plesk   { background: #1a1a2e !important; }
  .sp-panel-ico.ico-da      { background: #1565c0 !important; }

  .sp-panel-name {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .sp-pname {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--text-h) !important;
  }

  .sp-ptag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    width: fit-content !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
  }

  .sp-ptag i { font-size: 9px !important; }

  .tag-pop { background: var(--primary-light) !important; color: var(--primary) !important; border: 1px solid var(--primary-mid) !important; }
  .tag-val { background: #fefce8 !important; color: #92400e !important; border: 1px solid #fde68a !important; }

  .sp-domains {
    font-size: 13px !important;
    color: var(--text-m) !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }

  .sp-domains i { font-size: 12px !important; color: var(--text-s) !important; }

  .sp-price-cell {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 2px !important;
  }

  .sp-pcurr { font-size: 13px !important; font-weight: 600 !important; color: var(--text-b) !important; }
  .sp-pamount { font-size: 22px !important; font-weight: 800 !important; color: var(--text-h) !important; letter-spacing: -0.5px !important; }
  .sp-pcents { font-size: 14px !important; font-weight: 600 !important; color: var(--text-m) !important; }
  .sp-pmo { font-size: 11px !important; color: var(--text-s) !important; font-weight: 400 !important; margin-left: 2px !important; }

  .sp-price-cell.low .sp-pamount,
  .sp-price-cell.low .sp-pcurr { color: var(--success) !important; }

  /* ── FOOTER CTA ── */
  .sp-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 50%, #2563eb 100%) !important;
    border-radius: 20px !important;
    padding: 32px 40px !important;
    margin-top: 44px !important;
    box-shadow: 0 16px 48px rgba(37,99,235,0.25) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: spUp 0.6s 0.2s ease both !important;
  }

  .sp-cta::before {
    content: '' !important;
    position: absolute !important;
    top: -80px !important; right: -80px !important;
    width: 280px !important; height: 280px !important;
    background: rgba(255,255,255,0.04) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }

  .sp-cta-left {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .sp-cta-icon {
    width: 52px !important;
    height: 52px !important;
    background: rgba(255,255,255,0.12) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
  }

  .sp-cta-icon i { font-size: 20px !important; color: #fff !important; }

  .sp-cta-text h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 5px !important;
  }

  .sp-cta-text p {
    font-size: 16px !important;
    color: rgba(255,255,255,0.65) !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
  }

  .sp-cta-btns {
    display: flex !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .sp-btn-white {
    background: #fff !important;
    color: var(--primary) !important;
    border: none !important;
    border-radius: 11px !important;
    padding: 12px 22px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
  }

  .sp-btn-white:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.18) !important; }

  .sp-btn-ghost2 {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 11px !important;
    padding: 12px 22px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    transition: background 0.2s, transform 0.2s !important;
    font-family: 'Poppins', sans-serif !important;
  }

  .sp-btn-ghost2:hover { background: rgba(255,255,255,0.18) !important; transform: translateY(-2px) !important; }

  /* ── PROPER TABLE DESIGN ── */
  .pt-wrap {
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1.5px solid var(--border) !important;
    box-shadow: var(--shadow-md) !important;
    margin-bottom: 20px !important;
    animation: spUp 0.55s ease both !important;
  }

  .pt-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: var(--surface) !important;
    table-layout: fixed !important;
  }

  .pt-thead-row {
    background: linear-gradient(90deg, #1e3a8a, #1d4ed8) !important;
  }

  .pt-th {
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.75) !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .pt-th i { margin-right: 16px !important; font-size: 10px !important; }
  .pt-th-right { text-align: right !important; }
  .pt-th-panel { width: 44% !important; }

  .pt-row {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background 0.18s ease !important;
  }

  .pt-row:hover { background: #f8fafc !important; }
  .pt-row-last { border-bottom: none !important; }

  .pt-row-pop {
    background: #fffbeb !important;
  }

  .pt-row-pop:hover { background: #fef9c3 !important; }

  .pt-td {
    padding: 18px 24px !important;
    vertical-align: middle !important;
  }

  .pt-td-right { text-align: right !important; }

  /* Brand cell */
  .pt-brand {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .pt-logo-box {
    width: 52px !important;
    height: 52px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 9px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.14) !important;
  }

  .pt-logo-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
  }

  .pt-logo-cpanel { background: linear-gradient(135deg, #ff6c2c, #f04e0c) !important; }
  .pt-logo-plesk  { background: linear-gradient(135deg, #1a1a2e, #16213e) !important; }
  .pt-logo-da     { background: linear-gradient(135deg, #1565c0, #0d47a1) !important; }

  .pt-brand-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .pt-bname {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--text-h) !important;
    line-height: 1.2 !important;
    font-family: 'Poppins' !important;
  }

  .pt-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    width: fit-content !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
  }

  .pt-tag i { font-size: 9px !important; }

  .pt-tag-pop {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
  }

  .pt-tag-val {
    background: #fefce8 !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
  }

  .pt-edition {
    font-size: 10px !important;
    font-weight: 500 !important;
    color: var(--text-s) !important;
    letter-spacing: 0.3px !important;
  }

  /* Meta cell */
  .pt-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: var(--text-m) !important;
    font-weight: 500 !important;
    background: var(--surface2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    padding: 6px 13px !important;
  }

  .pt-meta i {
    font-size: 11px !important;
    color: var(--text-s) !important;
  }

  /* Price cell */
  .pt-price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 1px !important;
    justify-content: flex-end !important;
  }

  .pt-sym {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--text-b) !important;
  }

  .pt-val {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--text-h) !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
  }

  .pt-cent {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--text-m) !important;
    align-self: flex-start !important;
    margin-top: 3px !important;
  }

  .pt-mo {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: var(--text-s) !important;
    margin-left: 3px !important;
    align-self: flex-end !important;
    margin-bottom: 3px !important;
  }

  .pt-price-low .pt-sym,
  .pt-price-low .pt-val { color: var(--success) !important; }

  @keyframes spUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0);    }
  }

/* ==============================================
   RESPONSIVE
   ============================================== */

/* ── LAPTOP 1280px ── */
@media (max-width: 1280px) {
  .sp-con { max-width: 100% !important; padding: 0 32px !important; }
  .sp-wrap { padding: 48px 20px 72px !important; }
  .sp-hero p { max-width: 640px !important; }
  .pt-bname { font-size: 15px !important; }
  .pt-val { font-size: 22px !important; }
}

/* ── TABLET 1024px ── */
@media (max-width: 1024px) {
  .sp-con { padding: 0 24px !important; }
  .sp-wrap { padding: 40px 16px 64px !important; }
  .sp-hero { margin-bottom: 48px !important; }
  .sp-hero h1 { font-size: clamp(26px, 4vw, 38px) !important; }
  .sp-hero p { font-size: 14px !important; max-width: 100% !important; }

  .sp-os-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; }

  .sp-sec-info h2 { font-size: 17px !important; }
  .sp-sec-info p { font-size: 13px !important; }

  .sp-t-head { padding: 12px 16px !important; }
  .sp-t-row { padding: 16px !important; }
  .sp-th { font-size: 9px !important; }
  .sp-panel-ico { width: 40px !important; height: 40px !important; }
  .sp-pname { font-size: 13px !important; }
  .sp-pamount { font-size: 18px !important; }
  .sp-domains { font-size: 12px !important; }

  .pt-th { padding: 14px 16px !important; font-size: 12px !important; }
  .pt-td { padding: 14px 16px !important; }
  .pt-logo-box { width: 44px !important; height: 44px !important; }
  .pt-bname { font-size: 14px !important; }
  .pt-val { font-size: 20px !important; }
  .pt-meta { font-size: 12px !important; padding: 5px 10px !important; }

  .sp-cta { padding: 24px 28px !important; }
  .sp-cta-text h3 { font-size: 16px !important; }
  .sp-cta-text p { font-size: 14px !important; }
}

/* ── SMALL TABLET 768px ── */
@media (max-width: 768px) {
  .sp-wrap { padding: 32px 14px 56px !important; }
  .sp-hero { margin-bottom: 32px !important; }
  .sp-hero h1 { font-size: clamp(24px, 6vw, 34px) !important; letter-spacing: -0.8px !important; }
  .sp-hero p { font-size: 13px !important; }

  .sp-os-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .sp-os-name { font-size: 14px !important; }
  .sp-os-ver { font-size: 12px !important; }

  .sp-sec-head { gap: 10px !important; margin-bottom: 16px !important; }
  .sp-sec-num { width: 34px !important; height: 34px !important; font-size: 13px !important; }
  .sp-sec-info h2 { font-size: 15px !important; }
  .sp-sec-info p { font-size: 12px !important; }

  /* sp-* table — card layout */
  .sp-t-head { display: none !important; }
  .sp-t-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 16px !important;
    grid-template-columns: unset !important;
  }
  .sp-price-cell { justify-content: flex-start !important; }
  .sp-pamount { font-size: 22px !important; }

  /* pt-* table — card layout */
  .pt-table { display: block !important; }
  .pt-table thead { display: none !important; }
  .pt-table tbody { display: flex !important; flex-direction: column !important; }
  .pt-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 16px !important;
  }
  .pt-td { padding: 0 !important; }
  .pt-td-right { text-align: left !important; }
  .pt-price { justify-content: flex-start !important; }
  .pt-val { font-size: 22px !important; }
  .pt-logo-box { width: 40px !important; height: 40px !important; }
  .pt-bname { font-size: 14px !important; }
  .pt-th-panel { width: auto !important; }

  .sp-note p { font-size: 13px !important; }
  .sp-note { margin-bottom: 36px !important; }

  .sp-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 22px !important;
    gap: 18px !important;
  }
  .sp-cta-btns { width: 100% !important; }
  .sp-btn-white, .sp-btn-ghost2 {
    flex: 1 !important;
    justify-content: center !important;
    font-size: 12px !important;
    padding: 11px 16px !important;
  }
}

/* ── MOBILE 480px ── */
@media (max-width: 480px) {
  .sp-wrap { padding: 24px 12px 48px !important; }
  .sp-hero { margin-bottom: 24px !important; }
  .sp-badge { font-size: 10px !important; padding: 5px 12px !important; letter-spacing: 1px !important; }
  .sp-hero h1 { font-size: clamp(20px, 7vw, 28px) !important; letter-spacing: -0.5px !important; }
  .sp-hero p { font-size: 13px !important; line-height: 1.6 !important; }

  .sp-os-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  .sp-os-card { padding: 14px 12px !important; }
  .sp-os-icon-wrap { width: 36px !important; height: 36px !important; margin-bottom: 10px !important; }
  .sp-os-icon-wrap i { font-size: 18px !important; }
  .sp-os-name { font-size: 13px !important; }
  .sp-os-ver { font-size: 11px !important; margin-bottom: 10px !important; }
  .sp-free-badge { font-size: 10px !important; padding: 3px 8px !important; }
  .sp-paid-price .amt { font-size: 18px !important; }

  .sp-sec-head { gap: 8px !important; }
  .sp-sec-num { width: 30px !important; height: 30px !important; font-size: 12px !important; }
  .sp-sec-info h2 { font-size: 14px !important; }
  .sp-sec-info p { font-size: 11px !important; }

  .sp-panel-ico { width: 36px !important; height: 36px !important; }
  .sp-pname { font-size: 13px !important; }
  .sp-pamount { font-size: 20px !important; }

  .pt-logo-box { width: 36px !important; height: 36px !important; border-radius: 9px !important; padding: 6px !important; }
  .pt-bname { font-size: 13px !important; }
  .pt-val { font-size: 20px !important; }
  .pt-meta { font-size: 11px !important; padding: 4px 9px !important; }
  .pt-brand { gap: 10px !important; }

  .sp-note { padding: 12px 14px !important; gap: 10px !important; margin-bottom: 30px !important; }
  .sp-note p { font-size: 12px !important; }
  .sp-note i { font-size: 13px !important; }

  .sp-cta { padding: 18px !important; border-radius: 14px !important; gap: 14px !important; }
  .sp-cta-icon { width: 42px !important; height: 42px !important; }
  .sp-cta-icon i { font-size: 16px !important; }
  .sp-cta-text h3 { font-size: 14px !important; }
  .sp-cta-text p { font-size: 12px !important; }
  .sp-cta-btns { flex-direction: column !important; gap: 8px !important; }
  .sp-btn-white, .sp-btn-ghost2 {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px !important;
    font-size: 13px !important;
  }
}

/* ── EXTRA SMALL 360px ── */
@media (max-width: 360px) {
  .sp-hero h1 { font-size: 20px !important; }
  .sp-os-grid { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
  .sp-os-card { padding: 12px 10px !important; }
  .pt-bname { font-size: 12px !important; }
  .pt-logo-box { width: 32px !important; height: 32px !important; }
}

.sm-cta-banner-container-4420-no-image{
      background: none !important;
}


@media screen and (max-width:1500px)
{
  .d-dedicated-servers-details-part-section-def-tute{
    flex-direction: column !important;
  }

  .d-dedicated-servers-details-part-section-def-tute > .ix-filter-sidebar-container-0 > .section-container > .section-main-layout > .product-filtering-container{
    width: 100% !important;
  }
}

.g-blog-h4-title{
  color: #157fec;
    font-family: 'Poppins' !important;
    font-size: 20px !important;
}



  .gt67pl-hj-section {
    font-family: 'Poppins', sans-serif;
    background: #f8fafc;
    position: relative;
    overflow: hidden;
    padding: 76px 0 84px;
  }

  .gt67pl-hj-bg-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(0,49,88,0.09) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 0%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 0%, transparent 100%);
  }

  .gt67pl-hj-bg-mesh {
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 55% 45% at 92% 5%,  rgba(193,39,1,0.06)   0%, transparent 65%),
      radial-gradient(ellipse 50% 55% at 5%  90%,  rgba(0,49,88,0.07)    0%, transparent 65%),
      radial-gradient(ellipse 40% 40% at 50% 50%,  rgba(26,86,219,0.03)  0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
  }

  .gt67pl-hj-deco-top {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #c12701 25%, #003158 55%, #1a56db 75%, transparent 100%);
    z-index: 1;
  }

  .gt67pl-hj-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
  }

  /* ── Header ── */
  .gt67pl-hj-header {
    text-align: center;
    margin-bottom: 44px;
  }

  .gt67pl-hj-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #c12701;
    background: rgba(193,39,1,0.07);
    border: 1px solid rgba(193,39,1,0.2);
    border-radius: 100px;
    padding: 5px 16px 5px 11px;
    margin-bottom: 18px;
  }

  .gt67pl-hj-eyebrow-dot {
    width: 6px;
    height: 6px;
    background: #c12701;
    border-radius: 50%;
    flex-shrink: 0;
    animation: gt67pl-hj-blink 2.2s ease-in-out infinite;
  }

  @keyframes gt67pl-hj-blink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.3; transform: scale(0.6); }
  }

  .gt67pl-hj-title {
    font-family: 'Poppins' !important;
    font-size: clamp(24px, 3.6vw, 42px) !important;
    font-weight: 800;
    color: #000;
    line-height: 1.18;
    letter-spacing: -0.022em;
    margin: 0 0 14px;
  }

  .gt67pl-hj-title-accent {
    background: linear-gradient(135deg, #c12701 0%, #f03000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .gt67pl-hj-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 14.5px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.75;
    max-width: 900px;
    margin: 0 auto;
  }

  /* ── Stats Bar ── */
  .gt67pl-hj-stats-bar {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid rgba(0,49,88,0.10);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,49,88,0.06), 0 1px 4px rgba(0,49,88,0.04);
    margin-bottom: 44px;
    overflow: hidden;
  }

  .gt67pl-hj-stat-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    position: relative;
    transition: background 0.2s ease;
  }

  .gt67pl-hj-stat-item:hover {
    background: rgba(0,49,88,0.02);
  }

  .gt67pl-hj-stat-item + .gt67pl-hj-stat-item {
    border-left: 1px solid rgba(0,49,88,0.09);
  }

  .gt67pl-hj-stat-num {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 800;
    background: linear-gradient(135deg, #c12701, #003158);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
  }

  .gt67pl-hj-stat-label {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #94a3b8;
    margin-top: 4px;
    letter-spacing: 0.02em;
    text-align: center;
  }

  /* ── Grid ── */
  .gt67pl-hj-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
  }

  /* ── Card ── */
  .gt67pl-hj-card {
    background: #ffffff;
    border: 1px solid rgba(0,49,88,0.09);
    border-radius: 16px;
    padding: 22px 18px 18px;
    position: relative;
    overflow: hidden;
    transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1),
                box-shadow 0.28s ease,
                border-color 0.28s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
    cursor: default;
  }

  .gt67pl-hj-card-stripe {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    border-radius: 16px 16px 0 0;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .gt67pl-hj-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 44px rgba(0,49,88,0.11), 0 4px 14px rgba(0,49,88,0.06);
    border-color: rgba(193,39,1,0.18);
  }

  .gt67pl-hj-card:hover .gt67pl-hj-card-stripe {
    opacity: 1;
  }

  /* Stripe colors */
  .gt67pl-hj-card:nth-child(1) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #c12701, #ff6b3d); }
  .gt67pl-hj-card:nth-child(2) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #003158, #1a56db); }
  .gt67pl-hj-card:nth-child(3) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #059669, #10b981); }
  .gt67pl-hj-card:nth-child(4) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #1a56db, #0ea5e9); }
  .gt67pl-hj-card:nth-child(5) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #c12701, #003158); }
  .gt67pl-hj-card:nth-child(6) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #059669, #003158); }
  .gt67pl-hj-card:nth-child(7) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #1a56db, #6366f1); }
  .gt67pl-hj-card:nth-child(8) .gt67pl-hj-card-stripe { background: linear-gradient(90deg, #c12701, #ff4500); }

  /* ── Logo Slot ── */
  .gt67pl-hj-logo-slot {
    /* height: 36px; */
    display: flex;
    align-items: center;
  }

  .gt67pl-hj-logo-ph {
    height: 30px;
    max-width: 120px;
    background: linear-gradient(110deg, #f1f5f9, #e2e8f0);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px dashed rgba(0,49,88,0.14);
    position: relative;
    overflow: hidden;
  }

  .gt67pl-hj-logo-ph::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(255,255,255,0.03) 8px,
      rgba(255,255,255,0.03) 16px
    );
  }

  .gt67pl-hj-logo-ph span {
    font-family: 'Poppins', sans-serif;
    font-size: 8.5px;
    font-weight: 600;
    color: #94a3b8;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
  }

  /* Actual logo img — drop in instead of .gt67pl-hj-logo-ph */
  .gt67pl-hj-logo-img {
    height: 54px;
    max-width: 120px;
    object-fit: contain;
    object-position: left center;
    filter: grayscale(0%) opacity(1);
    transition: filter 0.3s ease;
  }

  /* .gt67pl-hj-card:hover .gt67pl-hj-logo-img {
    filter: grayscale(0%) opacity(1);
  } */

  /* ── Divider ── */
  .gt67pl-hj-divider {
    height: 1px;
    background: linear-gradient(90deg, rgba(0,49,88,0.09) 0%, transparent 100%);
  }

  /* ── Badge ── */
  .gt67pl-hj-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 100px;
    width: fit-content;
  }

  .gt67pl-hj-badge-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
  }

  .gt67pl-hj-badge--red   { color: #c12701; background: rgba(193,39,1,0.08);   border: 1px solid rgba(193,39,1,0.18); }
  .gt67pl-hj-badge--blue  { color: #1a56db; background: rgba(26,86,219,0.08);  border: 1px solid rgba(26,86,219,0.18); }
  .gt67pl-hj-badge--green { color: #059669; background: rgba(5,150,105,0.08);  border: 1px solid rgba(5,150,105,0.18); }
  .gt67pl-hj-badge--dark  { color: #003158; background: rgba(0,49,88,0.08);    border: 1px solid rgba(0,49,88,0.18); }

  /* ── Card Body ── */
  .gt67pl-hj-card-body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 1;
  }

  .gt67pl-hj-card-title {
    font-family: 'Poppins' !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #003158;
    margin: 0;
    line-height: 1.3 !important;
  }

  .gt67pl-hj-card-formerly {
    font-weight: 400;
    font-size: 11px;
    color: #94a3b8;
  }

  .gt67pl-hj-card-text {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.68;
    margin: 0;
  }

  /* ── Card Footer ── */
  .gt67pl-hj-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid rgba(0,49,88,0.06);
    margin-top: auto;
  }

  .gt67pl-hj-region {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #0d53b6;
  }

  .gt67pl-hj-arrow-btn {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.28s ease, transform 0.28s ease;
    flex-shrink: 0;
  }

  .gt67pl-hj-card:hover .gt67pl-hj-arrow-btn {
    background: linear-gradient(135deg, #c12701, #003158);
    transform: rotate(45deg);
  }

  .gt67pl-hj-arrow-btn svg { display: block; }

  .gt67pl-hj-arrow-btn path {
    stroke: #94a3b8;
    transition: stroke 0.28s ease;
  }

  .gt67pl-hj-card:hover .gt67pl-hj-arrow-btn path {
    stroke: #ffffff;
  }

  /* ── Trust Bar ── */
  .gt67pl-hj-trust {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .gt67pl-hj-trust-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    background: #ffffff;
    border: 1px solid rgba(0,49,88,0.09);
    border-radius: 100px;
    padding: 7px 15px;
    white-space: nowrap;
  }

  .gt67pl-hj-trust-item svg {
    flex-shrink: 0;
  }

  /* ── Responsive ── */
  @media (max-width: 1024px) {
    .gt67pl-hj-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .gt67pl-hj-section {
      padding: 52px 0 60px;
    }

    .gt67pl-hj-stats-bar {
      flex-wrap: wrap;
      border-radius: 14px;
    }

    .gt67pl-hj-stat-item {
      flex: 0 0 50%;
    }

    .gt67pl-hj-stat-item:nth-child(1),
    .gt67pl-hj-stat-item:nth-child(2) {
      border-bottom: 1px solid rgba(0,49,88,0.09);
    }

    .gt67pl-hj-stat-item:nth-child(2) {
      border-left: 1px solid rgba(0,49,88,0.09);
    }

    .gt67pl-hj-stat-item:nth-child(4) {
      border-left: 1px solid rgba(0,49,88,0.09);
    }

    .gt67pl-hj-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }
  }

  @media (max-width: 480px) {
    .gt67pl-hj-section {
      padding: 40px 0 48px;
    }

    .gt67pl-hj-container {
      padding: 0 14px;
    }

    .gt67pl-hj-stats-bar {
      flex-direction: column;
    }

    .gt67pl-hj-stat-item {
      flex: 0 0 auto;
      width: 100%;
      flex-direction: row;
      justify-content: center;
      gap: 10px;
      padding: 14px 20px;
    }

    .gt67pl-hj-stat-item + .gt67pl-hj-stat-item {
      border-left: none !important;
      border-top: 1px solid rgba(0,49,88,0.09) !important;
    }

    .gt67pl-hj-stat-item:nth-child(1),
    .gt67pl-hj-stat-item:nth-child(2) {
      border-bottom: none;
    }

    .gt67pl-hj-grid {
      grid-template-columns: 1fr;
    }

    .gt67pl-hj-trust {
      gap: 8px;
    }

    .gt67pl-hj-trust-item {
      font-size: 10.5px;
      padding: 6px 13px;
    }
  }




  /* ═══════════════════════════════════════════
     SECTION 1 — Tier 1 & Tier 2 ISP Section
  ═══════════════════════════════════════════ */

  .gt67pl-hj-isp-section {
    font-family: 'Poppins', sans-serif;
    background: #f8fafc;
    padding: 72px 0 80px;
    position: relative;
    overflow: hidden;
  }

  .gt67pl-hj-isp-bg-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(0,49,88,0.08) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, black 0%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, black 0%, transparent 100%);
    pointer-events: none;
    z-index: 0;
  }

  .gt67pl-hj-isp-bg-glow {
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 50% 40% at 95% 0%,   rgba(193,39,1,0.06)   0%, transparent 60%),
      radial-gradient(ellipse 45% 50% at 0%  100%,  rgba(0,49,88,0.07)    0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
  }

  .gt67pl-hj-isp-top-line {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #003158 25%, #1a56db 55%, #c12701 80%, transparent 100%);
    z-index: 1;
  }

  .gt67pl-hj-isp-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
  }

  /* ── ISP Header ── */
  .gt67pl-hj-isp-header {
    text-align: center;
    margin-bottom: 36px;
  }

  .gt67pl-hj-isp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #003158;
    background: rgba(0,49,88,0.07);
    border: 1px solid rgba(0,49,88,0.18);
    border-radius: 100px;
    padding: 5px 16px 5px 11px;
    margin-bottom: 18px;
  }

  .gt67pl-hj-isp-eyebrow-dot {
    width: 6px;
    height: 6px;
    background: #003158;
    border-radius: 50%;
    flex-shrink: 0;
    animation: gt67pl-hj-pulse 2.4s ease-in-out infinite;
  }

  @keyframes gt67pl-hj-pulse {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.3; transform: scale(0.6); }
  }

  .gt67pl-hj-isp-title {
   font-family: 'Poppins', sans-serif !important;
    font-size: clamp(22px, 3.4vw, 40px) !important;
    font-weight: 800 !important;
    color: #000;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
  }

  .gt67pl-hj-isp-title-accent {
    background: linear-gradient(135deg, #c12701 0%, #ec2f00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .gt67pl-hj-isp-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.75;
    max-width: 900px;
    margin: 0 auto;
  }

  /* ── Global Carriers Banner ── */
  .gt67pl-hj-global-banner {
    background: linear-gradient(135deg, #003158 0%, #1a3a5c 100%);
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 28px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    overflow: hidden;
  }

  .gt67pl-hj-global-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(255,255,255,0.03) 8px,
      rgba(255,255,255,0.03) 16px
    );
    pointer-events: none;
  }

  .gt67pl-hj-global-banner-icon {
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.15);
    position: relative;
    z-index: 1;
  }

  .gt67pl-hj-global-banner-body {
    position: relative;
    z-index: 1;
  }

  .gt67pl-hj-global-banner-label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-bottom: 6px;
  }

  .gt67pl-hj-global-banner-title {
      font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 8px;
  }

  .gt67pl-hj-global-banner-carriers {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .gt67pl-hj-carrier-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 100px;
    padding: 4px 12px;
    transition: background 0.2s ease;
  }

  .gt67pl-hj-carrier-pill:hover {
    background: rgba(255,255,255,0.2);
  }

  .gt67pl-hj-carrier-pill-dot {
    width: 5px;
    height: 5px;
    background: #10b981;
    border-radius: 50%;
    flex-shrink: 0;
  }

  /* ── Continent Grid ── */
  .gt67pl-hj-isp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .gt67pl-hj-isp-flex{
        gap: 14px;
    flex-wrap: wrap;
        display: flex;
  }

  .gt67pl-hj-isp-card {
    background: #ffffff;
    border: 1px solid rgba(0,49,88,0.09);
    border-radius: 16px;
    padding: 22px 20px 20px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1),
                box-shadow 0.28s ease,
                border-color 0.28s ease;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .gt67pl-hj-isp-card-flex{
    flex: 1 300px !important;
  }

  .gt67pl-hj-isp-card-stripe {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    border-radius: 16px 16px 0 0;
    opacity: 0;
    transition: opacity 0.28s ease;
  }

  .gt67pl-hj-isp-card:nth-child(1) .gt67pl-hj-isp-card-stripe { background: linear-gradient(90deg, #c12701, #ff6b3d); }
  .gt67pl-hj-isp-card:nth-child(2) .gt67pl-hj-isp-card-stripe { background: linear-gradient(90deg, #1a56db, #0ea5e9); }
  .gt67pl-hj-isp-card:nth-child(3) .gt67pl-hj-isp-card-stripe { background: linear-gradient(90deg, #059669, #10b981); }
  .gt67pl-hj-isp-card:nth-child(4) .gt67pl-hj-isp-card-stripe { background: linear-gradient(90deg, #003158, #1a56db); }
  .gt67pl-hj-isp-card:nth-child(5) .gt67pl-hj-isp-card-stripe { background: linear-gradient(90deg, #059669, #003158); }
  .gt67pl-hj-isp-card:nth-child(6) .gt67pl-hj-isp-card-stripe { background: linear-gradient(90deg, #c12701, #003158); }

  .gt67pl-hj-isp-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(0,49,88,0.10), 0 4px 12px rgba(0,49,88,0.06);
    border-color: rgba(0,49,88,0.18);
  }

  .gt67pl-hj-isp-card:hover .gt67pl-hj-isp-card-stripe { opacity: 1; }

  /* Card icon header */
  .gt67pl-hj-isp-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .gt67pl-hj-isp-icon-wrap {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
  }

  .gt67pl-hj-icon-wrap--red    { background: rgba(193,39,1,0.08);   border: 1px solid rgba(193,39,1,0.16); }
  .gt67pl-hj-icon-wrap--blue   { background: rgba(26,86,219,0.08);  border: 1px solid rgba(26,86,219,0.16); }
  .gt67pl-hj-icon-wrap--green  { background: rgba(5,150,105,0.08);  border: 1px solid rgba(5,150,105,0.16); }
  .gt67pl-hj-icon-wrap--dark   { background: rgba(0,49,88,0.08);    border: 1px solid rgba(0,49,88,0.16); }
  .gt67pl-hj-icon-wrap--teal   { background: rgba(14,165,233,0.08); border: 1px solid rgba(14,165,233,0.16); }
  .gt67pl-hj-icon-wrap--orange { background: rgba(249,115,22,0.08); border: 1px solid rgba(249,115,22,0.16); }

  .gt67pl-hj-isp-card-title {
   font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #003158;
    margin: 0;
    line-height: 1.3 !important;
  }

  .gt67pl-hj-isp-card-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.68;
    margin: 0;
  }

  /* Carrier tags inside cards */
  .gt67pl-hj-isp-carriers {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
  }

  .gt67pl-hj-isp-carrier-tag {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid rgba(0,49,88,0.09);
    border-radius: 6px;
    padding: 3px 9px;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
  }

  .gt67pl-hj-isp-card:hover .gt67pl-hj-isp-carrier-tag {
    background: rgba(0,49,88,0.05);
    border-color: rgba(0,49,88,0.16);
    color: #003158;
  }

  /* ═══════════════════════════════════════════
     SECTION 2 — Additional IPs Table
  ═══════════════════════════════════════════ */

  .gt67pl-hj-ip-section {
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    padding: 72px 0 80px;
    position: relative;
    overflow: hidden;
  }

  .gt67pl-hj-ip-bg-glow {
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 40% 35% at 100% 0%,   rgba(26,86,219,0.05) 0%, transparent 60%),
      radial-gradient(ellipse 35% 40% at 0%   100%,  rgba(193,39,1,0.04)  0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
  }

  .gt67pl-hj-ip-top-line {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #1a56db 25%, #0ea5e9 55%, #059669 80%, transparent 100%);
    z-index: 1;
  }

  .gt67pl-hj-ip-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
  }

  /* ── IP Section Header ── */
  .gt67pl-hj-ip-header {
    text-align: center;
    margin-bottom: 44px;
  }

  .gt67pl-hj-ip-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #1a56db;
    background: rgba(26,86,219,0.07);
    border: 1px solid rgba(26,86,219,0.2);
    border-radius: 100px;
    padding: 5px 16px 5px 11px;
    margin-bottom: 18px;
  }

  .gt67pl-hj-ip-eyebrow-dot {
    width: 6px;
    height: 6px;
    background: #1a56db;
    border-radius: 50%;
    flex-shrink: 0;
    animation: gt67pl-hj-pulse 2s ease-in-out infinite;
  }

  .gt67pl-hj-ip-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(22px, 3.2vw, 38px) !important;
    font-weight: 800 !important;
    color: #000;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
  }

  .gt67pl-hj-ip-title-accent {
        background: linear-gradient(135deg, #c12701 0%, #ec2f00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .gt67pl-hj-ip-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.75;
    max-width: 900px;
    margin: 0 auto;
  }

  .gt67pl-hj-ip-desc strong {
    color: #003158;
    font-weight: 600;
  }

  /* ── Feature Pills Row ── */
  .gt67pl-hj-ip-features {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 36px;
  }

  .gt67pl-hj-ip-feat-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    background: #f8fafc;
    border: 1px solid rgba(0,49,88,0.09);
    border-radius: 100px;
    padding: 7px 14px;
    white-space: nowrap;
  }

  .gt67pl-hj-ip-feat-pill svg { flex-shrink: 0; }

  /* ── Table Wrapper ── */
  .gt67pl-hj-tbl-wrap {
    background: #ffffff;
    border: 1px solid rgba(0,49,88,0.10);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(0,49,88,0.08), 0 2px 8px rgba(0,49,88,0.04);
    margin-bottom: 40px;
  }

  .gt67pl-hj-tbl {
    width: 100%;
    border-collapse: collapse;
  }

  /* Head */
  .gt67pl-hj-tbl-head {
    background: linear-gradient(135deg, #003158 0%, #1a3a5c 100%);
    position: relative;
    overflow: hidden;
  }

  .gt67pl-hj-tbl-head::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      -45deg,
      transparent, transparent 10px,
      rgba(255,255,255,0.025) 10px,
      rgba(255,255,255,0.025) 20px
    );
    pointer-events: none;
  }

  .gt67pl-hj-tbl-th {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    padding: 16px 20px;
    text-align: left;
    position: relative;
    z-index: 1;
  }

  .gt67pl-hj-tbl-th:not(:first-child) {
    text-align: center;
  }

  .gt67pl-hj-tbl-th:first-child {
    display: flex;
    align-items: center;
    gap: 9px;
  }

  .gt67pl-hj-tbl-th-icon {
    width: 24px;
    height: 24px;
    background: rgba(255,255,255,0.12);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  /* Body rows */
  .gt67pl-hj-tbl-row {
    border-bottom: 1px solid rgba(0,49,88,0.07);
    transition: background 0.2s ease;
  }

  .gt67pl-hj-tbl-row:last-child {
    border-bottom: none;
  }

  .gt67pl-hj-tbl-row:nth-child(even) {
    background: rgba(248,250,252,0.8);
  }

  .gt67pl-hj-tbl-row:hover {
    background: rgba(26,86,219,0.03);
  }

  .gt67pl-hj-tbl-td {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #475569;
    padding: 14px 20px;
    text-align: center;
  }

  .gt67pl-hj-tbl-td:first-child {
    text-align: left;
    font-weight: 600;
    color: #003158;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .gt67pl-hj-tbl-subnet-badge {
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #1a56db;
    background: rgba(26,86,219,0.08);
    border: 1px solid rgba(26,86,219,0.16);
    border-radius: 6px;
    padding: 2px 8px;
    letter-spacing: 0.03em;
    flex-shrink: 0;
    min-width: 52px;
    text-align: center;
  }

  .gt67pl-hj-tbl-usable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 24px;
    background: #f1f5f9;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #003158;
  }

  .gt67pl-hj-tbl-price {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #003158;
  }

  .gt67pl-hj-tbl-price-dollar {
    font-size: 10.5px;
    font-weight: 600;
    color: #94a3b8;
    vertical-align: super;
    margin-right: 1px;
  }

  .gt67pl-hj-tbl-setup {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #94a3b8;
  }

  /* Popular badge */
  .gt67pl-hj-tbl-row--popular {
    background: rgba(26,86,219,0.025) !important;
    border-left: 3px solid #1a56db;
  }

  .gt67pl-hj-popular-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #059669;
    background: rgba(5,150,105,0.10);
    border: 1px solid rgba(5,150,105,0.2);
    border-radius: 100px;
    padding: 2px 7px;
    margin-left: 6px;
    flex-shrink: 0;
  }

  /* Mobile scroll hint */
  .gt67pl-hj-tbl-outer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
  }

  .gt67pl-hj-tbl {
    min-width: 540px;
  }

  /* ── Info Cards below table ── */
  .gt67pl-hj-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .gt67pl-hj-info-card {
    background: #f8fafc;
    border: 1px solid rgba(0,49,88,0.09);
    border-radius: 16px;
    padding: 22px 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.25s ease;
  }

  .gt67pl-hj-info-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,49,88,0.08);
  }

  .gt67pl-hj-info-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .gt67pl-hj-info-icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .gt67pl-hj-info-icon--blue  { background: rgba(26,86,219,0.08);  border: 1px solid rgba(26,86,219,0.16); }
  .gt67pl-hj-info-icon--red   { background: rgba(193,39,1,0.08);   border: 1px solid rgba(193,39,1,0.16); }

  .gt67pl-hj-info-card-title {
 font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #003158 !important;
    margin: 0;
    line-height: 1.3 !important;
  }

  .gt67pl-hj-info-card-text {
    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.7;
    margin: 0;
  }

  .gt67pl-hj-info-card-text strong {
    color: #003158;
    font-weight: 600;
  }

  /* ═══════════════════════════════════════
     RESPONSIVE
  ═══════════════════════════════════════ */

  @media (max-width: 1024px) {
    .gt67pl-hj-isp-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .gt67pl-hj-isp-section,
    .gt67pl-hj-ip-section {
      padding: 52px 0 60px;
    }

    .gt67pl-hj-isp-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }

    .gt67pl-hj-global-banner {
      flex-direction: column;
      gap: 14px;
      padding: 20px 20px;
    }

    .gt67pl-hj-info-grid {
      grid-template-columns: 1fr;
    }

    .gt67pl-hj-ip-features {
      gap: 8px;
    }
  }

  @media (max-width: 600px) {
    .gt67pl-hj-isp-section,
    .gt67pl-hj-ip-section {
      padding: 40px 0 48px;
    }

    .gt67pl-hj-isp-container,
    .gt67pl-hj-ip-container {
      padding: 0 14px;
    }

    .gt67pl-hj-isp-grid {
      grid-template-columns: 1fr;
    }

    .gt67pl-hj-tbl-td,
    .gt67pl-hj-tbl-th {
      padding: 12px 14px;
    }
  }

  /* ==========================================================
   UPLINKS & PEERING SECTION STYLES
========================================================== */

.gt67pl-hj-uplink-section {
  background-color: #f8fafc;
  padding-top: 60px;
  padding-bottom: 60px;
}

.gt67pl-hj-uplink-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

/* White Card Styles */
.gt67pl-hj-uplink-card-white {
  padding: 35px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.gt67pl-hj-uplink-card-title {
  margin-bottom: 15px;
  font-size: 1.25rem;
}

.gt67pl-hj-uplink-card-text {
  margin-bottom: 25px;
}

/* Pill Buttons Group */
.gt67pl-hj-uplink-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.gt67pl-hj-uplink-pill {
  text-decoration: none;
  color: #334155 !important;
  border: 1px solid #cbd5e1;
  transition: all 0.3s ease;
}

.gt67pl-hj-uplink-pill:hover {
  border-color: #94a3b8;
  background-color: #f1f5f9;
}

.gt67pl-hj-uplink-pill-highlight {
  text-decoration: none;
  background: #003158;
  color: #ffffff !important;
  border: 1px solid #003158;
  transition: all 0.3s ease;
}

.gt67pl-hj-uplink-pill-highlight:hover {
  background: #00447a;
  border-color: #00447a;
  color: #ffffff;
}

/* Dark Card Styles (IXP Peering) */
.gt67pl-hj-uplink-card-dark {
  padding: 35px;
  border-radius: 12px;
  background: #003158;
  color: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}

.gt67pl-hj-uplink-icon-wrap {
  /* margin-bottom: 20px; */
}

.gt67pl-hj-uplink-card-title-dark {
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 1.25rem;
}

.gt67pl-hj-uplink-card-text-dark {
  color: #cbd5e1;
  margin-bottom: 25px;
  line-height: 1.6;
}

/* Dark Badges */
.gt67pl-hj-uplink-badge-group {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.gt67pl-hj-uplink-badge {
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  background: rgba(255,255,255,0.1);
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.2);
  color: #ffffff;
}

.g-light-blue-link{
  color: #38bdf8 !important;  text-decoration: none !important; font-weight: 600 !important; border-bottom: 1px dotted #38bdf8 !important;
}

 .g-ui78-tech-wrap {
    margin: 30px 0;
    font-family: 'Poppins', sans-serif;
  }

  .g-ui78-tech-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #e8e0df;
    border-radius: 20px;
    padding: 36px 40px 32px;
    overflow: hidden;
    animation: g-ui78-rise 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  @keyframes g-ui78-rise {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .g-ui78-tech-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, #d4c4c2 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: 0.3;
    pointer-events: none;
  }

  .g-ui78-tech-card::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #c12107 0%, #e8431f 50%, #f07050 100%);
    border-radius: 20px 20px 0 0;
  }

  .g-ui78-tech-inner {
    position: relative;
    z-index: 1;
  }

  .g-ui78-tech-toprow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
  }

  .g-ui78-tech-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fdf1ef;
    border: 1px solid #f5c4bc;
    color: #c12107;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 999px;
  }

  .g-ui78-tech-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c12107;
    animation: g-ui78-pulse 2s ease-in-out infinite;
  }

  @keyframes g-ui78-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.4; transform: scale(0.7); }
  }

  .g-ui78-tech-tag {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    background: #f9f9f9;
    border: 1px solid #e5e7eb;
    padding: 4px 12px;
    border-radius: 999px;
  }

  .g-ui78-tech-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    color: #111111;
    line-height: 1.25 !important;
    margin: 0 0 16px;
    letter-spacing: -0.02em;
  }

  .g-ui78-tech-heading span {
    color: #c12107;
  }

  .g-ui78-tech-body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    color: #4b5563;
    margin: 0 0 24px;
    font-weight: 400;
  }

  .g-ui78-tech-body a {
    color: #c12107;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1.5px solid #f5c4bc;
    padding-bottom: 1px;
    transition: border-color 0.2s, color 0.2s;
  }

  .g-ui78-tech-body a:hover {
    color: #9a1a05;
    border-color: #c12107;
  }

  .g-ui78-tech-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 22px;
    border-top: 1px solid #f3f0ef;
  }

  .g-ui78-tech-stat {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fafafa;
    border: 1px solid #e8e0df;
    border-radius: 12px;
    padding: 9px 14px;
    transition: border-color 0.2s, background 0.2s;
  }

  .g-ui78-tech-stat:hover {
    background: #fdf1ef;
    border-color: #f5c4bc;
  }

  .g-ui78-tech-stat-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #fdf1ef;
    border: 1px solid #f5c4bc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
  }


  .g-ui78-tech-stat-icon > i {
        color: #c12701 !important;
    font-size: 16px !important;
  }

  .g-ui78-tech-stat-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
  }

  .g-ui78-tech-stat-val {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #111111;
  }

  .g-ui78-tech-stat-lbl {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #9ca3af;
  }

  .g-ui78-tech-glow {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(193,33,7,0.08) 0%, transparent 70%);
    pointer-events: none;
    border-radius: 50%;
  }

  @media (max-width: 600px) {
    .g-ui78-tech-card    { padding: 24px 20px 20px; }
    .g-ui78-tech-heading { font-size: 20px; }
  }

  .g-all-cities-details-section > .g-all-cities-details-max-width > .g-alternative-all-cities-details-content-div > .g-dedicated-server-cities-title   , .g-alternative-all-cities-details-content-div > .g-continentals-countries-heading
  {
        font-family: 'Poppins' !important;
    font-weight: 700 !important;
    padding-bottom: 26px !important;
    text-align: left !important;
  }



  .srv-hud-wrapper-countries
  {
    font-family: 'poppins', Roboto, Helvetica, Arial, sans-serif;
    color: #334155 !important;
     padding: 10px 20px ; 
     border-radius: 12px !important; 
    width: 100% !important;
     
    margin: 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; 
     border: 1px solid #e2e8f0 !important;
  }


  .srv-hud-wrapper-countries::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    pointer-events: none !important;
    z-index: 0 !important; 
  
  }

  .g-img-width-400{
    width: 400px !important;
  }

    .g-img-width-460{
    width: 460px !important;
  }

    .g-img-width-450{
    width: 450px !important;
  }

    .g-img-width-500{
    width: 500px !important;
  }

  .g-img-width-240{
    width: 240px !important;
  }
  
      .g-img-width-350{
    width: 350px !important;
  }
     .g-img-width-550{
    width: 550px !important;
  }

     .g-img-width-520{
    width: 520px !important;
  }

      .g-img-width-530{
    width: 530px !important;
  }

      .g-img-width-300{
    width: 300px !important;
  }

     .g-img-width-600{
    width: 600px !important;
  }

      .g-img-width-700{
    width: 700px !important;
  }

      .g-img-width-800{
    width: 800px !important;
  }

       .g-img-width-250{
    width: 250px !important;
  }

         .g-img-width-360{
    width: 360px !important;
  }

       .g-img-width-200{
    width: 200px !important;
  }

  .g-order-1{
    order: -1;
  }











/* ══════════════════════════════════════════════
   TOKENS
══════════════════════════════════════════════ */
:root {
  --smfb-red:       #e8401c !important;
  --smfb-red-dark:  #c0300e !important;
  --smfb-navy:      #0d1b2a !important;
  --smfb-glow:      rgba(232,64,28,0.32) !important;
  --smfb-glass:     rgba(255,255,255,0.96) !important;
  --smfb-border:    rgba(232,64,28,0.15) !important;
  --smfb-shadow:    0 32px 72px rgba(13,27,42,0.18), 0 8px 24px rgba(232,64,28,0.10) !important;
  --smfb-r:         22px !important;
  --smfb-w:         360px !important;
  --smfb-spring:    cubic-bezier(0.34,1.56,0.64,1) !important;
  --smfb-smooth:    cubic-bezier(0.22,1,0.36,1) !important;

  /* bubble size — overridden per breakpoint */
  --smfb-btn:       58px !important;
  --smfb-bottom:    32px !important;
  --smfb-left:      32px !important;
}

/* ══════════════════════════════════════════════
   WRAPPER
══════════════════════════════════════════════ */
.smfb-wrapper {
  position: fixed !important;
  bottom: var(--smfb-bottom) !important;
  left:   var(--smfb-left) !important;
  z-index: 99999 !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* ══════════════════════════════════════════════
   BUBBLE BUTTON
══════════════════════════════════════════════ */
.smfb-bubble {
  width:  var(--smfb-btn) !important;
  height: var(--smfb-btn) !important;
  border-radius: 50% !important;
  border: none !important;
  background: linear-gradient(145deg, var(--smfb-red) 0%, var(--smfb-red-dark) 100%) !important;
  box-shadow: 0 0 0 0 var(--smfb-glow), 0 6px 20px rgba(232,64,28,0.5) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important;
  transition: transform 0.28s var(--smfb-spring) !important;
  animation: smfb-pulse 3.2s ease-in-out infinite !important;
  position: relative !important; z-index: 2 !important;
  -webkit-tap-highlight-color: transparent !important;
}
.smfb-bubble:hover  { transform: scale(1.08) !important; }
.smfb-bubble:active { transform: scale(0.94) !important; }

.smfb-bubble svg {
  width: 22px !important; height: 22px !important;
  stroke: #fff !important; fill: none !important;
  stroke-width: 2.3 !important; stroke-linecap: round !important; stroke-linejoin: round !important;
  transition: transform 0.32s var(--smfb-spring), opacity 0.18s ease !important;
  position: absolute !important;
}
.smfb-bubble .smfb-ico-close {
  opacity: 0 !important; transform: scale(0.4) rotate(-60deg) !important;
}
.smfb-bubble .smfb-ico-search {
  opacity: 1 !important; transform: scale(1) rotate(0deg) !important;
}
.smfb-wrapper.smfb-open .smfb-bubble {
  animation: none !important;
  box-shadow: 0 0 0 7px var(--smfb-glow), 0 6px 20px rgba(232,64,28,0.4) !important;
}
.smfb-wrapper.smfb-open .smfb-ico-search {
  opacity: 0 !important; transform: scale(0.4) rotate(60deg) !important;
}
.smfb-wrapper.smfb-open .smfb-ico-close {
  opacity: 1 !important; transform: scale(1) rotate(0deg) !important;
}

@keyframes smfb-pulse {
  0%,100% { box-shadow: 0 0 0 0 var(--smfb-glow),0 6px 20px rgba(232,64,28,0.5) !important; }
  55%     { box-shadow: 0 0 0 12px rgba(232,64,28,0),0 6px 20px rgba(232,64,28,0.5) !important; }
}

/* ══════════════════════════════════════════════
   TOOLTIP (desktop hover only)
══════════════════════════════════════════════ */
.smfb-tooltip {
  position: absolute !important; left: calc(var(--smfb-btn) + 12px) !important; bottom: 16px !important;
  background: var(--smfb-navy) !important; color: #fff !important;
  font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.05em !important;
  padding: 6px 13px !important; border-radius: 40px !important; white-space: nowrap !important;
  pointer-events: none !important; user-select: none !important;
  opacity: 0 !important; transform: translateX(-6px) !important;
  transition: opacity 0.18s ease, transform 0.22s var(--smfb-smooth) !important;
}
.smfb-tooltip::before {
  content:'' !important; position:absolute !important; left:-5px !important; top:50% !important;
  transform:translateY(-50%) !important;
  border:5px solid transparent !important;
  border-right-color:var(--smfb-navy) !important; border-left:0 !important;
}
@media (hover:hover) {
  .smfb-wrapper:not(.smfb-open):hover .smfb-tooltip {
    opacity:1 !important; transform:translateX(0) !important;
  }
}

/* ══════════════════════════════════════════════
   PANEL
══════════════════════════════════════════════ */
.smfb-panel {
  position: absolute !important;
  bottom: calc(var(--smfb-btn) + 14px) !important;
  left: 0 !important;
  width: var(--smfb-w) !important;
  max-width: calc(100vw - 24px) !important;
  background: var(--smfb-glass) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border: 1px solid var(--smfb-border) !important;
  border-radius: var(--smfb-r) !important;
  box-shadow: var(--smfb-shadow) !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translateY(18px) scale(0.94) !important;
  transform-origin: bottom left !important;
  transition: opacity 0.32s var(--smfb-smooth), transform 0.38s var(--smfb-spring) !important;
  will-change: transform, opacity !important;
}
.smfb-wrapper.smfb-open .smfb-panel {
  opacity: 1 !important; transform: translateY(0) scale(1) !important; pointer-events: all !important;
}

/* ══════════════════════════════════════════════
   PANEL HEAD
══════════════════════════════════════════════ */
.smfb-panel-head {
  padding: 18px 18px 16px !important;
  background: linear-gradient(135deg,rgba(232,64,28,0.055) 0%,rgba(13,27,42,0.025) 100%) !important;
  border-bottom: 1px solid rgba(13,27,42,0.07) !important;
}

.smfb-panel-title {
  font-family: 'poppins', sans-serif !important;
      font-size: 16px !important;
    font-weight: 600 !important;
  letter-spacing: 0.14em !important; text-transform: uppercase !important;
  color: var(--smfb-red) !important; margin: 0 0 12px !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
}
.smfb-panel-title::before {
  content:'' !important; width:7px !important; height:7px !important; border-radius:50% !important;
  background: var(--smfb-red) !important;
  box-shadow: 0 0 0 3px rgba(232,64,28,0.18) !important;
  animation: smfb-dot 2.2s ease-in-out infinite !important;
  flex-shrink:0 !important;
}
@keyframes smfb-dot {
  0%,100% { box-shadow:0 0 0 3px rgba(232,64,28,0.18) !important; }
  50%     { box-shadow:0 0 0 6px rgba(232,64,28,0) !important; }
}

/* ══════════════════════════════════════════════
   INPUT — the polished version
══════════════════════════════════════════════ */
.smfb-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

/* Left search icon */
.smfb-input-wrap .smfb-inp-icon {
  position: absolute !important;
  left: 14px !important;
      top: 18px !important;
  width: 15px !important; height: 15px !important;
  stroke: #b0bec8 !important; fill: none !important;
  stroke-width: 2.2 !important; stroke-linecap: round !important;
  pointer-events: none !important;
  transition: stroke 0.2s ease !important;
  z-index: 1 !important;
}
.smfb-input-wrap:focus-within .smfb-inp-icon {
  stroke: var(--smfb-red) !important;
}

/* The input field */
.smfb-search-field {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  height: 46px !important;
  padding: 0 44px 0 42px !important; /* right pad for clear btn space */
  background: #fff !important;
  border: 2px solid rgba(13,27,42,0.10) !important;
  border-radius: 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--smfb-navy) !important;
  line-height: 1 !important;
  outline: none !important;
  transition:
    border-color 0.2s ease,
    box-shadow   0.2s ease,
    background   0.18s ease !important;
  caret-color: var(--smfb-red) !important;
  /* Remove browser default styles */
  -webkit-appearance: none !important;
  appearance: none !important;
}
.smfb-search-field::placeholder {
  color: #b8c4cc !important;
  font-weight: 300 !important;
  font-style: italic !important;
}
.smfb-search-field:hover:not(:focus) {
  border-color: rgba(13,27,42,0.2) !important;
  background: #fafbfc !important;
}
.smfb-search-field:focus {
  border-color: var(--smfb-red) !important;
  box-shadow: 0 0 0 4px rgba(232,64,28,0.10) !important;
  background: #fff !important;
}

/* Clear (×) button — shows when input has value */
.smfb-clear-btn {
  position: absolute !important; right: 12px !important;
  top: 15px !important;
  width: 22px !important; height: 22px !important;
  border-radius: 50% !important; border: none !important;
  background: rgba(13,27,42,0.08) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important; padding: 0 !important;
  opacity: 0 !important; pointer-events: none !important;
  transition: opacity 0.15s ease, background 0.15s ease, transform 0.15s ease !important;
}
.smfb-clear-btn svg {
  width: 11px !important; height: 11px !important;
  stroke: #6b7a87 !important; fill: none !important;
  stroke-width: 2.5 !important; stroke-linecap: round !important;
}
.smfb-clear-btn:hover { background: rgba(232,64,28,0.12) !important; transform: scale(1.1) !important; }
.smfb-clear-btn:hover svg { stroke: var(--smfb-red) !important; }
.smfb-input-wrap.smfb-has-value .smfb-clear-btn {
  opacity: 1 !important; pointer-events: all !important;
}

/* ══════════════════════════════════════════════
   RESULTS AREA
══════════════════════════════════════════════ */
.smfb-results-wrap {
  max-height: 0 !important; overflow: hidden !important;
  transition: max-height 0.38s var(--smfb-smooth) !important;
}
.smfb-results-wrap.smfb-has-results {
  max-height: 280px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
.smfb-results-wrap::-webkit-scrollbar { width: 3px !important; }
.smfb-results-wrap::-webkit-scrollbar-thumb {
  background: rgba(232,64,28,0.25) !important; border-radius: 4px !important;
}

.smfb-results-box { padding: 6px 0 4px !important; }

.smfb-region-head {
  font-family: 'poppins', sans-serif !important;
  font-size: 18px !important;
    font-weight: 600 !important;
  letter-spacing: 0.15em !important; text-transform: uppercase !important;
  color: var(--smfb-red) !important; margin: 0 !important;
  padding: 10px 18px 5px !important; opacity: 0.8 !important;
}
.smfb-region-head a {
  color: inherit !important; text-decoration: none !important;
  transition: opacity 0.15s !important;
  width: 100% !important;
    display: block !important;
}
.smfb-region-head a:hover { opacity: 0.6 !important; }

.smfb-city-list {
  list-style: none !important; margin: 0 !important; padding: 0 8px 4px !important;
}
.smfb-city-list li {
  border-radius: 10px !important;
  transition: background 0.12s ease !important;
}
.smfb-city-list li:hover { background: rgba(232,64,28,0.055) !important; }
.smfb-city-list li a {
display: flex !important;
    align-items: center !important;
    font-family: 'Poppins' !important;
    gap: 10px !important;
    padding: 9px 10px !important;
    color: var(--smfb-navy) !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    transition: color 0.12s ease !important;
}
.smfb-city-list li a::before {
  content: '' !important; flex-shrink: 0 !important;
  width: 5px !important; height: 5px !important; border-radius: 50% !important;
  background: var(--smfb-red) !important; opacity: 0.4 !important;
  transition: opacity 0.15s, transform 0.18s var(--smfb-spring) !important;
}
.smfb-city-list li:hover a { color: var(--smfb-red) !important; }
.smfb-city-list li:hover a::before { opacity:1 !important; transform:scale(1.5) !important; }

.smfb-no-result {
  padding: 18px 18px !important; margin: 0 !important;
  font-size: 13px !important; color: #96a3ac !important; font-style: italic !important;
}

/* ══════════════════════════════════════════════
   PANEL FOOTER
══════════════════════════════════════════════ */
.smfb-panel-foot {
  padding: 10px 18px 13px !important;
  display: flex !important; align-items: center !important; gap: 7px !important; flex-wrap: wrap !important;
  border-top: 1px solid rgba(13,27,42,0.06) !important;
}
.smfb-panel-foot > span { font-size: 11px !important; color: #a8b5bf !important; font-weight: 300 !important; }
.smfb-kbd {
  display: inline-flex !important; align-items: center !important;
  background: rgba(13,27,42,0.055) !important; border: 1px solid rgba(13,27,42,0.1) !important;
  border-radius: 6px !important; padding: 2px 7px !important;
  font-size: 10.5px !important; font-family: 'DM Mono', 'Fira Code', monospace !important;
  color: #5e6e7a !important; letter-spacing: 0.02em !important;
}

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */

/* ── Large desktop (1400px+) ───────────────── */
@media (min-width: 1400px) {
  :root {
    --smfb-w:      380px !important;
    --smfb-btn:    62px !important;
    --smfb-bottom: 40px !important;
    --smfb-left:   40px !important;
  }
  .smfb-search-field { height: 50px !important; font-size: 15px !important; }
}

/* ── Standard desktop (1024–1399px) ───────── */
@media (min-width:1024px) and (max-width:1399px) {
  :root { --smfb-w: 360px !important; --smfb-btn: 58px !important; --smfb-bottom: 32px !important; --smfb-left: 32px !important; }
}

/* ── Tablet landscape (768–1023px) ────────── */
@media (min-width:768px) and (max-width:1023px) {
  :root { --smfb-w: 340px !important; --smfb-btn: 54px !important; --smfb-bottom: 28px !important; --smfb-left: 28px !important; }
  .smfb-panel-title { font-size: 10.5px !important; }
  .smfb-search-field { height: 44px !important; }
}

/* ── Tablet portrait / large phone (480–767px) */
@media (min-width:480px) and (max-width:767px) {
  :root { --smfb-w: 320px !important; --smfb-btn: 52px !important; --smfb-bottom: 24px !important; --smfb-left: 20px !important; }
  .smfb-search-field { height: 44px !important; font-size: 14px !important; }
  .smfb-city-list li a { font-size: 13px !important; padding: 8px 10px !important; }
  .smfb-tooltip { display: none !important; } /* no hover tooltips on touch */
}

/* ── Mobile (< 480px) ──────────────────────── */
@media (max-width: 479px) {
  :root {
    --smfb-btn:    50px !important;
    --smfb-bottom: 20px !important;
    --smfb-left:   16px !important;
  }
  /* Panel spans nearly full width on small screens */
  .smfb-panel {
    width: calc(100vw - 32px) !important;
    max-width: 340px !important;
    border-radius: 18px !important;
  }
  .smfb-panel-head   { padding: 16px 16px 14px !important; }
  .smfb-search-field {
    height: 48px !important;    /* larger tap target */
    font-size: 16px !important; /* prevents iOS zoom on focus */
    border-radius: 12px !important;
  }
  .smfb-city-list li a {
    font-size: 14px !important;  /* easier to read & tap */
    padding: 11px 10px !important;
  }
  .smfb-results-wrap.smfb-has-results { max-height: 240px !important; }
  .smfb-tooltip { display: none !important; }
  .smfb-panel-foot { padding: 9px 16px 12px !important; }
}

/* ── Very small phones (< 360px) ──────────── */
@media (max-width: 359px) {
  :root { --smfb-btn: 46px !important; --smfb-left: 12px !important; --smfb-bottom: 16px !important; }
  .smfb-panel { width: calc(100vw - 24px) !important; }
}

/* ── Safe-area insets (iPhone notch / home bar) */
@supports (bottom: env(safe-area-inset-bottom)) {
  .smfb-wrapper {
    bottom: calc(var(--smfb-bottom) + env(safe-area-inset-bottom)) !important;
    left:   calc(var(--smfb-left)   + env(safe-area-inset-left)) !important;
  }
}



  /* ==========================================================
   SERVERMO - PEAK LEVEL SAAS DARK BREADCRUMB & CTA STYLES
   ========================================================== */

/* --- Dark Theme SaaS Breadcrumb --- */
.g-smo-tut-9x2k-breadcrumb {
    background: #111827 !important; /* Deep dark gray */
    padding: 12px 18px !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    border: 1px solid #1f2937 !important;
    border-left: 3px solid #d32f2f !important; /* Accent glow */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.g-smo-tut-9x2k-bread-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
}

.g-smo-tut-9x2k-bread-item {
    display: inline-flex !important;
    align-items: center !important;
}

.g-smo-tut-9x2k-bread-item a {
    color: #9ca3af !important; /* Cool gray */
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.g-smo-tut-9x2k-bread-item a:hover {
    color: #ffffff !important;
}

.g-smo-tut-9x2k-bread-sep {
    margin: 0 10px !important;
    color: #4b5563 !important;
    font-size: 10px !important;
}

.g-smo-tut-9x2k-bread-active {
    color: #d32f2f !important; /* Red highlight */
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

/* --- Dynamic CTA Boxes --- */
.g-smo-tut-9x2k-cta {
    background-color: #1a1a1a !important;
    padding: 18px !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Borders */
.g-smo-tut-9x2k-cta-ai { border-left: 4px solid #d32f2f !important; }
.g-smo-tut-9x2k-cta-gaming { border-left: 4px solid #4CAF50 !important; }
.g-smo-tut-9x2k-cta-bw { border-left: 4px solid #007bff !important; }
.g-smo-tut-9x2k-cta-global { border-left: 4px solid #ff9800 !important; }
.g-smo-tut-9x2k-cta-secure { border-left: 4px solid #8e44ad !important; }

/* Header Elements */
.g-smo-tut-9x2k-cta-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.g-smo-tut-9x2k-cta-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Icons */
.g-smo-tut-9x2k-icon-ai { color: #d32f2f !important; margin-right:5px !important; }
.g-smo-tut-9x2k-icon-gaming { color: #4CAF50 !important; margin-right:5px !important; }
.g-smo-tut-9x2k-icon-bw { color: #007bff !important; margin-right:5px !important; }
.g-smo-tut-9x2k-icon-global { color: #ff9800 !important; margin-right:5px !important; }
.g-smo-tut-9x2k-icon-secure { color: #8e44ad !important; margin-right:5px !important; }

/* Badges */
.g-smo-tut-9x2k-badge {
    color: #ffffff !important;
    font-size: 10px !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    font-family: 'Poppins', sans-serif !important;
}
.g-smo-tut-9x2k-bg-ai { background-color: #d32f2f !important; }
.g-smo-tut-9x2k-bg-gaming { background-color: #4CAF50 !important; }
.g-smo-tut-9x2k-bg-bw { background-color: #007bff !important; }
.g-smo-tut-9x2k-bg-global { background-color: #ff9800 !important; }
.g-smo-tut-9x2k-bg-secure { background-color: #8e44ad !important; }

/* Description */
.g-smo-tut-9x2k-cta-desc {
    color: #9ca3af !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Buttons */
.g-smo-tut-9x2k-btn {
    display: block !important;
    text-align: center !important;
    padding: 10px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.g-smo-tut-9x2k-btn-gaming { background-color: #4CAF50 !important; color: #ffffff !important; }
.g-smo-tut-9x2k-btn-bw { background-color: #007bff !important; color: #ffffff !important; }
.g-smo-tut-9x2k-btn-global { background-color: #ff9800 !important; color: #ffffff !important; }
.g-smo-tut-9x2k-btn-secure { background-color: #8e44ad !important; color: #ffffff !important; }

/* Pseudo-Link (The Cloaking Trick) */
.g-smo-tut-9x2k-pseudo-link {
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}
.g-smo-tut-9x2k-pseudo-link:hover {
    color: #d32f2f !important; /* Your theme red on hover */
}

.g-smo-tut-9x2k-bread-item{
  font-size: 14px !important;
}

.g-list-marker-d-none{
      list-style: none !important;
}

.g-text-capitalize-h1-section > h1{
    text-transform: capitalize !important;
}


.g-cta-i87sd-cont{font-family:'Poppins',sans-serif!important;box-sizing:border-box!important;padding:40px 0!important;}
.g-cta-i87sd-cont *{font-family:'Poppins',sans-serif!important;box-sizing:border-box!important;}

/* Title */
.g-cta-i87sd-title-row{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;}
.g-cta-i87sd-title-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:10px!important;background:#c1270114 !important;border:1px solid #c1270140 !important;flex-shrink:0!important;}
.g-cta-i87sd-title-icon svg{width:18px!important;height:18px!important;}
.g-cta-i87sd-h2{font-size:clamp(20px,2.8vw,26px)!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-0.02em!important;line-height:1.25!important;}
.g-cta-i87sd-intro{font-size:15px!important;font-weight:400!important;color:#475569!important;margin:12px 0 24px!important;line-height:1.7!important;}

/* Table */
.g-cta-i87sd-table-wrap{overflow-x:auto!important;border-radius:14px!important;border:1px solid #e2e8f0!important;margin-bottom:28px!important;}
.g-cta-i87sd-table{margin-bottom: 0 !important;width:100%!important;border-collapse:collapse!important;font-size:14px!important;}
.g-cta-i87sd-table thead tr{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;}
.g-cta-i87sd-table th{padding:13px 18px!important;font-size:11.5px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.07em!important;color:#64748b!important;text-align:left!important;white-space:nowrap!important;}
.g-cta-i87sd-table td{padding:15px 18px!important;color:#1e293b!important;font-size:13.5px!important;line-height:1.6!important;vertical-align:top!important;border-bottom:1px solid #f1f5f9!important;}
.g-cta-i87sd-table tbody tr:last-child td{border-bottom:none!important;}
.g-cta-i87sd-table tbody tr:hover td{background:#f8faff!important;}
.g-cta-i87sd-table td:first-child{font-weight:600!important;color:#0f172a!important;white-space:nowrap!important;}
.g-cta-i87sd-table tbody tr:nth-child(1) td:first-child{border-left:3px solid #f59e0b!important;}
.g-cta-i87sd-table tbody tr:nth-child(2) td:first-child{border-left:3px solid #94a3b8!important;}
.g-cta-i87sd-table tbody tr:nth-child(3) td:first-child{border-left:3px solid #22c55e!important;}
.g-cta-i87sd-pros{color:#15803d!important;}
.g-cta-i87sd-cons{color:#b91c1c!important;}
.g-cta-i87sd-badge-rec{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#dcfce7!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:2px 10px!important;font-size:11px!important;font-weight:600!important;color:#15803d!important;margin-left:8px!important;vertical-align:middle!important;}

/* Body paragraph */
.g-cta-i87sd-body-p{font-size:16px!important;font-weight:500!important;color:#334155!important;line-height:1.75!important;margin:0 0 32px!important;}
.g-cta-i87sd-body-p b{font-weight:700!important;color:#0f172a!important;}

/* CTA Banner */
.g-cta-i87sd-banner{position:relative!important;border-radius:16px!important;overflow:hidden!important;background:#080d1a!important;border:1px solid rgba(56,189,248,0.18)!important;}
.g-cta-i87sd-ban-grid{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(99,179,237,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,179,237,0.04) 1px,transparent 1px)!important;background-size:36px 36px!important;pointer-events:none!important;}
.g-cta-i87sd-ban-glow{position:absolute!important;top:-80px!important;right:-60px!important;width:340px!important;height:340px!important;background:radial-gradient(circle,rgba(56,189,248,0.13) 0%,transparent 70%)!important;pointer-events:none!important;}
.g-cta-i87sd-ban-glow2{position:absolute!important;bottom:-80px!important;left:-50px!important;width:260px!important;height:260px!important;background:radial-gradient(circle,rgba(139,92,246,0.09) 0%,transparent 70%)!important;pointer-events:none!important;}
.g-cta-i87sd-ban-inner{position:relative!important;z-index:2!important;padding:40px 44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;flex-wrap:wrap!important;}
.g-cta-i87sd-ban-eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;background:rgba(56,189,248,0.10)!important;border:1px solid rgba(56,189,248,0.22)!important;border-radius:999px!important;padding:4px 14px 4px 9px!important;margin-bottom:13px!important;}
.g-cta-i87sd-ban-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#38bdf8!important;box-shadow:0 0 6px #38bdf8!important;flex-shrink:0!important;}
.g-cta-i87sd-ban-eyebrow span{font-size:11px!important;font-weight:600!important;letter-spacing:0.07em!important;text-transform:uppercase!important;color:#38bdf8!important;}
.g-cta-i87sd-ban-headline{font-size:clamp(20px,3vw,28px)!important;font-weight:800!important;color:#f0f6ff!important;margin:0 0 8px!important;line-height:1.22!important;letter-spacing:-0.02em!important;}
.g-cta-i87sd-ban-headline em{font-style:normal!important;color:#38bdf8!important;}
.g-cta-i87sd-ban-sub{font-size:14px!important;font-weight:400!important;color:rgba(180,205,235,0.68)!important;margin:0!important;line-height:1.6!important;max-width:440px!important;}
.g-cta-i87sd-ban-btn{display:inline-flex!important;align-items:center!important;gap:9px!important;background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 100%)!important;color:#fff!important;font-size:14px!important;font-weight:600!important;padding:13px 26px!important;border-radius:10px!important;text-decoration:none!important;border:none!important;cursor:pointer!important;white-space:nowrap!important;flex-shrink:0!important;box-shadow:0 0 24px rgba(56,189,248,0.28)!important;transition:all .2s!important;}
.g-cta-i87sd-ban-btn:hover{transform:translateY(-2px)!important;box-shadow:0 0 36px rgba(56,189,248,0.46)!important;text-decoration:none!important;color:#fff!important;}
.g-cta-i87sd-ban-btn svg{width:16px!important;height:16px!important;flex-shrink:0!important;}
.g-cta-i87sd-ban-divider{width:1px!important;height:64px!important;background:rgba(99,179,237,0.12)!important;flex-shrink:0!important;}

@media(max-width:640px){
  .g-cta-i87sd-ban-inner{padding:28px 22px!important;}
  .g-cta-i87sd-ban-divider{display:none!important;}
  .g-cta-i87sd-table th,.g-cta-i87sd-table td{padding:11px 12px!important;}
}

.g-title-tutorial-h3{
      font-size: 25px !important;
    font-weight: 700 !important;
    font-family: 'Poppins' !important;
}


.s8{font-family:'Poppins',sans-serif!important;background:#f4f5f7!important;padding:64px 0!important}
.s8-wrap{font-family:'Poppins',sans-serif!important;max-width:1400px!important;margin:0 auto!important;padding:0 32px!important}

/* Header */
.s8-head{font-family:'Poppins',sans-serif!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:32px!important;margin-bottom:48px!important}
.s8-tag{font-family:'Poppins',sans-serif!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:#c12701!important;background:#fff0ee!important;border:1px solid #fcc!important;padding:5px 14px!important;border-radius:4px!important;margin-bottom:14px!important}
.s8-h1{font-family:'Poppins',sans-serif!important;font-size:36px!important;font-weight:800!important;line-height:1.15!important;color:#111!important;margin:0 0 12px!important;letter-spacing:-0.8px!important}
.s8-h1 em{font-style:normal!important;color:#c12701!important}
.s8-lead{font-family:'Poppins',sans-serif!important;font-size:16px!important;line-height:1.75!important;color:#6b7280!important;margin:0!important;}
.s8-lead b{font-family:'Poppins',sans-serif!important;color:#111!important;font-weight:600!important}
.s8-metrics-pill{font-family:'Poppins',sans-serif!important;display:flex!important;gap:0!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;overflow:hidden!important;flex-shrink:0!important;box-shadow:0 2px 16px rgba(0,0,0,0.06)!important}
.s8-mpill{font-family:'Poppins',sans-serif!important;padding:16px 24px!important;text-align:center!important;border-right:1px solid #f0f0f0!important;min-width:100px!important}
.s8-mpill:last-child{border-right:none!important}
.s8-mv{font-family:'Poppins',sans-serif!important;font-size:22px!important;font-weight:800!important;color:#c12701!important;line-height:1!important;margin-bottom:3px!important}
.s8-ml{font-family:'Poppins',sans-serif!important;font-size:10px!important;color:#9ca3af!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.8px!important}

/* Body grid */
.s8-grid{font-family:'Poppins',sans-serif!important;display:grid!important;grid-template-columns:1fr 340px!important;gap:28px!important;align-items:start!important}

/* Left: timeline cards */
.s8-items{font-family:'Poppins',sans-serif!important;display:flex!important;flex-direction:column!important;gap:0!important}
.s8-item{font-family:'Poppins',sans-serif!important;display:grid!important;grid-template-columns:56px 1fr!important;position:relative!important}
.s8-stem{font-family:'Poppins',sans-serif!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding-top:22px!important}
.s8-dot{font-family:'Poppins',sans-serif!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#c12701!important;color:#fff!important;font-size:12px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important;z-index:2!important;box-shadow:0 0 0 5px #ffecea!important}
.s8-vline{width:2px!important;flex:1!important;min-height:28px!important;background:linear-gradient(180deg,#c12701 0%,#ffddd9 100%)!important;margin-top:8px!important}
.s8-item:last-child .s8-vline{display:none!important}
.s8-card{font-family:'Poppins',sans-serif!important;background:#fff!important;border:1px solid #e9ebee!important;border-radius:14px!important;padding:22px 22px 22px 20px!important;margin:12px 0 16px 0!important;transition:box-shadow .2s,transform .2s!important}
.s8-card:hover{box-shadow:0 8px 32px rgba(214,48,33,0.1)!important;transform:translateY(-2px)!important}
.s8-card-top{font-family:'Poppins',sans-serif!important;display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:8px!important}
.s8-chip{font-family:'Poppins',sans-serif!important;font-size:9px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#6b7280!important;background:#f5f5f7!important;border:1px solid #e9ebee!important;padding:3px 9px!important;border-radius:4px!important}
.s8-card-icon{font-size:14px!important;color:#c12701!important}
.s8-ct{font-family:'Poppins',sans-serif!important;font-size:18px!important;font-weight:700!important;color:#111!important;margin:0 0 6px!important;line-height:1.35!important}
.s8-cd{font-family:'Poppins',sans-serif!important;font-size:16px!important;color:#6b7280!important;margin:0 0 14px!important;line-height:1.7!important}
.s8-sol{font-family:'Poppins',sans-serif!important;display:flex!important;gap:10px!important;align-items:flex-start!important;background:#fff8f7!important;border:1px solid #fde8e5!important;border-left:3px solid #c12701!important;border-radius:0 8px 8px 0!important;padding:12px 14px!important}
.s8-sol i{font-size:16px!important;color:#c12701!important;margin-top:3px!important;flex-shrink:0!important}
.s8-st{font-family:'Poppins',sans-serif!important;font-size:16px!important;color:#374151!important;line-height:1.65!important;margin:0!important}
.s8-st b{font-family:'Poppins',sans-serif!important;color:#c12701!important;font-weight:700!important}

/* Right panel */
.s8-panel{font-family:'Poppins',sans-serif!important;background:#fff!important;border:1px solid #e9ebee!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 4px 24px rgba(0,0,0,0.06)!important;position:sticky!important;top:20px!important}
.s8-ph{font-family:'Poppins',sans-serif!important;background:linear-gradient(120deg,#c12701 0%,#b91c1c 100%)!important;padding:22px 24px!important}
.s8-ph-eye{font-family:'Poppins',sans-serif!important;font-size:9px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:rgba(255,255,255,0.65)!important;margin:0 0 4px!important}
.s8-ph-title{font-family:'Poppins',sans-serif!important;font-size:17px!important;font-weight:700!important;color:#fff!important;margin:0 0 2px!important;line-height:1.3!important}
.s8-ph-sub{font-family:'Poppins',sans-serif!important;font-size:12px!important;color:rgba(255,255,255,0.7)!important;margin:0!important}

.s8-img-wrap{font-family:'Poppins',sans-serif!important;padding:18px 20px!important;border-bottom:1px solid #f0f0f0!important}
.s8-img-wrap img{width:100%!important;border-radius:8px!important;display:block!important}

.s8-features{font-family:'Poppins',sans-serif!important;padding:4px 20px 8px!important}
.s8-feat{font-family:'Poppins',sans-serif!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 0!important;border-bottom:1px solid #f5f5f7!important}
.s8-feat:last-child{border-bottom:none!important}
.s8-ficon{width:34px!important;height:34px!important;border-radius:8px!important;background:#fff0ee!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.s8-ficon i{font-size:13px!important;color:#c12701!important}
.s8-ft{font-family:'Poppins',sans-serif!important;font-size:14px!important;font-weight:600!important;color:#111!important;margin:0 0 1px!important}
.s8-fd{font-family:'Poppins',sans-serif!important;font-size:14px!important;color:#9ca3af!important;margin:0!important;line-height:1.45!important}

.s8-cta-wrap{font-family:'Poppins',sans-serif!important;padding:16px 20px 20px!important;background:#fafafa!important;border-top:1px solid #f0f0f0!important}
.s8-cta{font-family:'Poppins',sans-serif!important;display:block!important;width:100%!important;background:#c12701!important;color:#fff!important;text-align:center!important;padding:13px!important;border-radius:8px!important;font-size:13px!important;font-weight:700!important;letter-spacing:0.2px!important;cursor:pointer!important;border:none!important;box-sizing:border-box!important}
.s8-cta-sub{font-family:'Poppins',sans-serif!important;font-size:11px!important;color:#9ca3af!important;text-align:center!important;margin:8px 0 0!important}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .s8-grid{grid-template-columns:1fr 300px!important;gap:22px!important}
  .s8-h1{font-size:30px!important}
}
@media(max-width:900px){
  .s8{padding:48px 0!important}
  .s8-head{grid-template-columns:1fr!important;gap:20px!important}
  .s8-metrics-pill{width:fit-content!important}
  .s8-grid{grid-template-columns:1fr!important;gap:28px!important}
  .s8-panel{position:static!important}
  .s8-h1{font-size:28px!important}
}
@media(max-width:640px){
  .s8{padding:36px 0!important}
  .s8-wrap{padding:0 18px!important}
  .s8-head{margin-bottom:28px!important}
  .s8-h1{font-size:23px!important;letter-spacing:-0.3px!important}
  .s8-lead{font-size:13px!important}
  .s8-metrics-pill{flex-wrap:wrap!important;border-radius:10px!important}
  .s8-mpill{min-width:calc(50% - 1px)!important;border-right:none!important;border-bottom:1px solid #f0f0f0!important}
  .s8-mpill:nth-child(odd){border-right:1px solid #f0f0f0!important}
  .s8-mpill:last-child{border-bottom:none!important}
  .s8-item{grid-template-columns:44px 1fr!important}
  .s8-dot{width:32px!important;height:32px!important;font-size:11px!important}
  .s8-card{padding:16px!important;margin:8px 0 12px!important}
  .s8-ct{font-size:14px!important}
  .s8-cd{font-size:12.5px!important}
  .s8-mv{font-size:18px!important}
}
@media(max-width:380px){
  .s8-h1{font-size:20px!important}
  .s8-mpill{min-width:100%!important;border-right:none!important}
}


 /* Scoped styles using only unique classes with prefix: g-art-doc-df5 */


 /* whitepaper */
        
        .g-art-doc-df5-body-wrapper {
            font-family: 'Poppins', sans-serif !important;
            background-color: #f4f7f9 !important;
            color: #1a202c !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .g-art-doc-df5-main-card {
            background: #ffffff !important;
            border-radius: 16px !important;
            box-shadow: 0 20px 50px rgba(0, 49, 88, 0.1) !important;
            border: 1px solid rgba(0, 49, 88, 0.05) !important;
            
            margin: 175px auto 40px auto !important;
            max-width: 1000px !important;
        }

        .g-art-doc-df5-top-border {
            height: 6px !important;
            background: linear-gradient(90deg, #003158 0%, #c12701 100%) !important;
        }

        .g-art-doc-df5-inner-padding {
            padding: 60px !important;
        }

        .g-art-doc-df5-type-badge {
            background-color: rgba(193, 39, 1, 0.1) !important;
            color: #c12701 !important;
            padding: 6px 14px !important;
            border-radius: 6px !important;
            font-weight: 600 !important;
            font-size: 13px !important;
            display: inline-block !important;
            margin-bottom: 20px !important;
            letter-spacing: 0.5px !important;
        }

        .g-art-doc-df5-h1-title {
            color: #003158 !important;
            font-size: 38px !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            margin-bottom: 10px !important;
            margin-top: 0 !important;
            filter: drop-shadow(0px 0px 0px black) !important;
            font-family:'poppins' !important;
        }

        .g-art-doc-df5-meta-line {
            color: #718096 !important;
            font-size: 14px !important;
            margin-bottom: 40px !important;
            border-bottom: 1px solid #edf2f7 !important;
            padding-bottom: 20px !important;
        }

        .g-art-doc-df5-h2-heading {
            color: #003158 !important;
            font-size: 26px !important;
            font-weight: 600 !important;
            margin-top: 50px !important;
            margin-bottom: 20px !important;
            display: flex !important;
            align-items: center !important;
        }

        .g-art-doc-df5-h2-heading::before {
            content: "" !important;
            width: 4px !important;
            height: 24px !important;
            background-color: #c12701 !important;
            margin-right: 15px !important;
            border-radius: 2px !important;
        }

        .g-art-doc-df5-p-text {
            font-size: 17px !important;
            line-height: 1.8 !important;
            color: #202020 !important;
            margin-bottom: 20px !important;
        }

        .g-art-doc-df5-abstract-container {
            background: #f8fafc !important;
            border-radius: 12px !important;
            padding: 30px !important;
            border-left: 4px solid #003158 !important;
            margin: 40px 0 !important;
        }

        .g-art-doc-df5-abstract-title {
            color: #003158 !important;
            display: block !important;
            margin-bottom: 10px !important;
            font-size: 18px !important;
            font-weight: 700 !important;
        }

        .g-art-doc-df5-tbl-responsive {
            overflow-x: auto !important;
            margin: 40px 0 !important;
        }

        .g-art-doc-df5-data-table {
            width: 100% !important;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            border-radius: 12px !important;
            border: 1px solid #edf2f7 !important;
        }

        .g-art-doc-df5-th-cell {
            background-color: #003158 !important;
            color: #ffffff !important;
            padding: 18px !important;
            text-align: left !important;
            font-weight: 500 !important;
        }

        .g-art-doc-df5-td-cell {
            padding: 16px 18px !important;
            border-bottom: 1px solid #edf2f7 !important;
            background: #fff !important;
            font-size: 15px !important;
        }

        .g-art-doc-df5-ul-list {
            margin: 20px 0 30px 20px !important;
            padding: 0 !important;
        }

        .g-art-doc-df5-li-item {
            font-size: 16px !important;
            margin-bottom: 10px !important;
            color: #4a5568 !important;
            list-style-type: disc !important;
        }

        .g-art-doc-df5-cta-section {
            background: #003158 !important;
            border-radius: 12px !important;
            padding: 45px !important;
            text-align: center !important;
            margin-top: 60px !important;
        }

        .g-art-doc-df5-cta-title {
            color: #ffffff !important;
            font-size: 26px !important;
            margin-bottom: 15px !important;
            font-weight: 600 !important;
        }

        .g-art-doc-df5-cta-desc {
            color: #cbd5e0 !important;
            font-size: 16px !important;
            margin-bottom: 25px !important;
        }

        .g-art-doc-df5-download-button {
            background-color: #c12701 !important;
            color: #ffffff !important;
            padding: 18px 45px !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            border-radius: 8px !important;
            display: inline-block !important;
            text-decoration: none !important;
            transition: all 0.3s ease !important;
            border: none !important;
            box-shadow: 0 10px 20px rgba(193, 39, 1, 0.3) !important;
        }

        .g-art-doc-df5-download-button:hover {
            transform: translateY(-3px) !important;
            box-shadow: 0 15px 30px rgba(193, 39, 1, 0.4) !important;
            background-color: #d62c01 !important;
            color: #fff !important;
        }


        /* whitepaper */









        .g-documented-h4-title{
              font-size: 22px !important;
    color: #00144a !important;
        }





/* ==========================================================================
   ServerMO Strict Enforcement Legal Box Styles (Lawyer Drafted Version)
   ========================================================================== */

.g-term-box-deff-pat-756 {
    background-color: #fafafa !important;
    border: 1px solid #d1d5db !important;
    border-left: 6px solid #1f2937 !important; 
    padding: 24px 30px !important;
    margin-top: 35px !important;
    margin-bottom: 25px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    font-family: inherit !important;
}

.g-term-box-deff-pat-756 .g-term-title-deff-pat-756 {
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #e5e7eb !important;
    display: block !important;
}

.g-term-box-deff-pat-756 .g-term-text-deff-pat-756 {
    color: #374151 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}

.g-term-box-deff-pat-756 .g-term-alert-deff-pat-756 {
    background-color: #fef2f2 !important; 
    border: 1px solid #fecaca !important; 
    border-radius: 4px !important;
    padding: 20px !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
}

.g-term-box-deff-pat-756 .g-term-label-alert-deff-pat-756 {
    color: #991b1b !important; 
    font-weight: 800 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-bottom: 12px !important;
}

.g-term-box-deff-pat-756 .g-term-mb-0-deff-pat-756 {
    margin-bottom: 0 !important;
}

/* New CSS added specifically for the Lawyer's bullet points */
.g-term-box-deff-pat-756 .g-term-list-deff-pat-756 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-left: 20px !important;
    color: #7f1d1d !important; /* Deep strict red for the list */
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    list-style-type: square !important;
}

.g-term-box-deff-pat-756 .g-term-list-deff-pat-756 li {
    margin-bottom: 6px !important;
}

.g-hero-banner-main-title-img{
  width: 100px;
      margin-bottom: 20px;
}

.g-promotional-hero-banner-page-main{
  justify-content: center !important;
    align-items: center !important;
}

.g-promotional-hero-banner-page-content{
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        border: 2px solid #ffb000;
}

.g-promotional-hero-banner-page-content-span-big{
      color: #fff !important;
   font-size: clamp(36px, 4vw + 1rem, 82px) !important;
    margin: 22px 0 !important;
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4), 0 4px 20px rgba(255, 255, 255, 0.2);
}


.g-promotional-hero-banner-page-main{
  height: 800px !important;
  background-color: #0a0f1e !important;
    background-image:
        radial-gradient(ellipse 80% 60% at 20% 50%, rgba(220, 38, 38, 0.18) 0%, transparent 60%),
        radial-gradient(ellipse 60% 80% at 80% 30%, rgba(59, 130, 246, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 40% 40% at 60% 80%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, #0a0f1e 0%, #0d1530 50%, #0a0f1e 100%) !important;
    position: relative;
    overflow: hidden;
}


.g-promotional-hero-banner-page-main::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 0;
}

/* Decorative glow circle — top right */
.g-promotional-hero-banner-page-main::after {
    content: '' !important;
    position: absolute !important;
    top: -80px; right: -80px !important;
    width: 320px; height: 320px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(220,38,38,0.12) !important;
    box-shadow: 0 0 0 60px rgba(220,38,38,0.04), 0 0 0 120px rgba(220,38,38,0.02) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* === WRAPPER / BOX BACKGROUND === */
.g-promotional-hero-banner-page-content-span-big-promo-div {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 15px !important; /* Space for the top label */
    cursor: pointer !important;

    /* Dark Background & Gradient Border Trick */
    padding: 20px 52px !important;
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    background: 
        linear-gradient(#0a1128, #0a1128) padding-box,
        linear-gradient(90deg, rgba(248,113,113,0.7), rgba(251,191,36,0.8)) border-box !important;
    
    /* Outer Box Glow */
    box-shadow: 0 0 30px rgba(239,68,68,0.2) !important;
    transition: box-shadow 0.3s ease !important;
}

/* === HOVER GLOW === */
.g-promotional-hero-banner-page-content-span-big-promo-div:hover {
    box-shadow: 0 0 50px rgba(239,68,68,0.4) !important;
}

/* === "USE PROMO CODE" TOP LABEL === */
.g-promotional-hero-banner-page-content-span-big-promo-div::before {
    content: '● USE $1 PROMO CODE ●' !important;
    position: absolute !important;
    top: -21px !important; /* Placed perfectly on top of the border */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    background: #0a1128 !important; /* Matches main box */
    border: 2px solid rgba(248,113,113, 0.4) !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 4px 18px !important;
    
    color: #fbbf24 !important; /* Yellow text */
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    z-index: 2 !important;
}

/* === MAIN PROMO TEXT (Gradient Text) === */
.g-promotional-hero-banner-page-content-span-big-promo {
    display: inline-block !important;
    font-size: clamp(38px, 5.5vw, 60px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    
    /* Safely applying gradient to text only */
    background-image: linear-gradient(90deg, #ffffff 0%, #ffb3b3 30%, #f87171 65%, #fbbf24 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #fbbf24 !important; /* Fallback safe color */
}

/* Fallback fix if your text has bold <b> or <span> tags inside it */
.g-promotional-hero-banner-page-content-span-big-promo * {
    background-image: linear-gradient(90deg, #ffffff 0%, #ffb3b3 30%, #f87171 65%, #fbbf24 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.g-footer-contact-phone-def{
      color: #fff !important;
    font-weight: 600 !important;
    font-size: 20px !important;
}

.g-header-i-con-def{
  
}



/* Container styling with Left Alignment */
.g-section-pointer-tablet0df {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
    flex-wrap: wrap !important;
}

/* Premium Glassmorphism Badge Styling */
.g-trust-badge-item {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Hover Effect for extra rich feel */
.g-trust-badge-item:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.5) !important; /* Light blue border on hover */
    transform: translateY(-2px) !important;
}

/* FontAwesome Icon Styling */
.g-trust-badge-icon {
    color: #c12107 !important; /* Cool blue accent color */
    margin-right: 8px !important;
    font-size: 1rem !important;
}



































/* ========================================================
   SERVERMO: NEW BARE METAL GRID (ONLY FOR NEW DIVS)
======================================================== */

/* Grid Layout for the 3 Cards */
.g-srvmo-ent-bm-grid-c4b5 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 25px !important;
    margin-top: 35px !important;
    text-align: left !important;
}

/* Base Card Styling with Hover Effect */
.g-srvmo-ent-bm-card-p2n9 {
    background: rgba(255, 255, 255, 0.04) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    transition: transform 0.3s ease, background 0.3s ease !important;
}

.g-srvmo-ent-bm-card-p2n9:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-5px) !important;
}

/* Unique Left Borders for Cards */
.g-srvmo-card-border-blue-w1f4 {
    border-left: 4px solid #38bdf8 !important;
}

.g-srvmo-card-border-green-h8d2 {
    border-left: 4px solid #10b981 !important;
}

.g-srvmo-card-border-orange-k5m7 {
    border-left: 4px solid #f59e0b !important;
}

/* Card Typography */
.g-srvmo-ent-bm-card-title-j6t3 {
    color: #000 !important;
    font-size: 1.15rem !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    font-family: "poppins" !important;
}

.g-srvmo-ent-bm-card-para-l3y6 {
    color: #000 !important;
    font-size: 0.95rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* FontAwesome Icon Colors */
.g-srvmo-icon-blue-x2z9 {
    color: #38bdf8 !important;
    margin-right: 10px !important;
    font-size: 1.2rem !important;
}

.g-srvmo-icon-green-q4r1 {
    color: #10b981 !important;
    margin-right: 10px !important;
    font-size: 1.2rem !important;
}

.g-srvmo-icon-orange-n9v5 {
    color: #f59e0b !important;
    margin-right: 10px !important;
    font-size: 1.2rem !important;
}



































/* =============================================
   OFFERINGS — g-off-***-hg767
   Primary : #c12701  |  Secondary : #003158
   Font    : Poppins
   h3 : 22px  |  p : 16px
   ============================================= */

.g-off-sec-hg767 {
    --red:        #c12701 !important;
    --red-lt:     rgba(193, 39, 1, 0.09) !important;
    --red-md:     rgba(193, 39, 1, 0.18) !important;
    --navy:       #003158 !important;
    --navy-lt:    rgba(0, 49, 88, 0.08) !important;
    --navy-md:    rgba(0, 49, 88, 0.15) !important;
    --bg:         #f5f7fa !important;
    --white:      #ffffff !important;
    --border:     #e2e7ef !important;
    --txt-h:      #0c1b2b !important;
    --txt-b:      #45607a !important;
    --ease:       cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ── Section ── */
.g-off-sec-hg767 {
    position: relative !important;
    background: var(--bg) !important;
    padding: 110px 24px 130px !important;
    font-family: 'Poppins', sans-serif !important;
    overflow: hidden !important;
}

/* ── BG Decoration ── */
.g-off-bg-hg767 {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.g-off-bg-circle1-hg767 {
    position: absolute !important;
    width: 680px !important;
    height: 680px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(193,39,1,0.06) 0%, transparent 65%) !important;
    top: -220px !important;
    right: -180px !important;
}
.g-off-bg-circle2-hg767 {
    position: absolute !important;
    width: 500px !important;
    height: 500px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(0,49,88,0.07) 0%, transparent 65%) !important;
    bottom: -160px !important;
    left: -100px !important;
}
.g-off-bg-grid-hg767 {
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle, rgba(0,49,88,0.09) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    opacity: 0.7 !important;
}

/* ── Container ── */
.g-off-wrap-hg767 {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
}

/* ══════════════════════════════════════
   HEADER
══════════════════════════════════════ */
.g-off-hdr-hg767 {
    text-align: center !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    padding-bottom: 16px !important;
}

.g-off-pill-hg767 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: var(--red) !important;
    background: var(--red-lt) !important;
    border: 1px solid rgba(193,39,1,0.22) !important;
    border-radius: 99px !important;
    padding: 7px 18px !important;
    margin-bottom: 22px !important;
}
.g-off-pill-hg767 i {
    font-size: 11px !important;
}

.g-off-h2-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(34px, 5vw, 56px) !important;
    font-weight: 800 !important;
    letter-spacing: -2px !important;
    color: var(--txt-h) !important;
    line-height: 1.1 !important;
    margin: 0 0 18px !important;
}
.g-off-em-hg767 {
    font-style: normal !important;
    color: var(--red) !important;
    position: relative !important;
    display: inline-block !important;
}
.g-off-em-hg767::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important; right: 0 !important; bottom: 3px !important;
    height: 4px !important;
    background: var(--red) !important;
    border-radius: 2px !important;
    opacity: 0.22 !important;
}

.g-off-sub-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: var(--txt-b) !important;
    line-height: 1.75 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* ══════════════════════════════════════
   FEATURED ROW — 2 big dark cards
══════════════════════════════════════ */
.g-off-featured-hg767 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.g-off-feat-card-hg767 {
    border-radius: 20px !important;
    padding: 40px 38px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease) !important;
}
.g-off-feat-card-hg767:hover {
    transform: translateY(-6px) !important;
}

/* Red variant */
.g-off-feat-red-hg767 {
    background: var(--red) !important;
    box-shadow: 0 12px 48px rgba(193,39,1,0.3) !important;
}
.g-off-feat-red-hg767:hover {
    box-shadow: 0 24px 64px rgba(193,39,1,0.4) !important;
}
/* Inner glow top-right */
.g-off-feat-red-hg767::before {
    content: '' !important;
    position: absolute !important;
    top: -60px !important; right: -60px !important;
    width: 240px !important; height: 240px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.1) !important;
    pointer-events: none !important;
}

/* Navy variant */
.g-off-feat-navy-hg767 {
    background: var(--navy) !important;
    box-shadow: 0 12px 48px rgba(0,49,88,0.28) !important;
}
.g-off-feat-navy-hg767:hover {
    box-shadow: 0 24px 64px rgba(0,49,88,0.38) !important;
}
.g-off-feat-navy-hg767::before {
    content: '' !important;
    position: absolute !important;
    top: -60px !important; right: -60px !important;
    width: 240px !important; height: 240px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.06) !important;
    pointer-events: none !important;
}

.g-off-feat-top-hg767 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
}

.g-off-feat-icon-hg767 {
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1.5px solid rgba(255,255,255,0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 24px !important;
    transition: transform 0.4s var(--ease), background 0.3s ease !important;
}
.g-off-feat-card-hg767:hover .g-off-feat-icon-hg767 {
    transform: scale(1.1) rotate(-5deg) !important;
    background: rgba(255,255,255,0.22) !important;
}

.g-off-feat-num-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.35) !important;
    letter-spacing: 1px !important;
}

.g-off-feat-h3-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
}

.g-off-feat-p-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1.75 !important;
    margin: 0 !important;
    flex: 1 !important;
}

.g-off-feat-link-hg767 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1.5px solid rgba(255,255,255,0.25) !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    align-self: flex-start !important;
    margin-top: 8px !important;
    transition: background 0.3s ease, gap 0.3s ease !important;
}
.g-off-feat-link-hg767:hover {
    background: rgba(255,255,255,0.25) !important;
    gap: 12px !important;
}
.g-off-feat-link-hg767 i {
    font-size: 13px !important;
    transition: transform 0.3s ease !important;
}
.g-off-feat-card-hg767:hover .g-off-feat-link-hg767 i {
    transform: translateX(3px) !important;
}

/* ══════════════════════════════════════
   MIDDLE ROW — 3 horizontal icon cards
══════════════════════════════════════ */
.g-off-mid-hg767 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.g-off-mid-card-hg767 {
    background: var(--white) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 18px !important;
    padding: 28px 26px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    transition: transform 0.35s var(--ease),
                box-shadow 0.35s var(--ease),
                border-color 0.35s var(--ease) !important;
    position: relative !important;
    overflow: hidden !important;
}
.g-off-mid-card-hg767::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--red), var(--navy)) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.4s var(--ease) !important;
    border-radius: 0 0 18px 18px !important;
}
.g-off-mid-card-hg767:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 44px rgba(0,49,88,0.13) !important;
    border-color: rgba(193,39,1,0.2) !important;
}
.g-off-mid-card-hg767:hover::after {
    transform: scaleX(1) !important;
}

.g-off-mid-left-hg767 {
    flex-shrink: 0 !important;
}

.g-off-mid-icon-hg767 {
    width: 52px !important;
    height: 52px !important;
    border-radius: 13px !important;
    background: var(--red-lt) !important;
    border: 1.5px solid rgba(193,39,1,0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--red) !important;
    font-size: 20px !important;
    transition: background 0.3s ease, transform 0.4s var(--ease), box-shadow 0.3s ease !important;
}
.g-off-mid-card-hg767:hover .g-off-mid-icon-hg767 {
    background: var(--red) !important;
    color: #fff !important;
    transform: scale(1.1) rotate(-5deg) !important;
    box-shadow: 0 6px 20px rgba(193,39,1,0.28) !important;
}

.g-off-mid-right-hg767 {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.g-off-mid-meta-hg767 {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
}

.g-off-mid-num-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--red) !important;
    background: var(--red-lt) !important;
    border-radius: 99px !important;
    padding: 2px 9px !important;
    letter-spacing: 1px !important;
    flex-shrink: 0 !important;
}

.g-off-mid-h3-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--txt-h) !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease !important;
}
.g-off-mid-card-hg767:hover .g-off-mid-h3-hg767 {
    color: var(--red) !important;
}

.g-off-mid-p-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: var(--txt-b) !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}

.g-off-mid-link-hg767 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--red) !important;
    text-decoration: none !important;
    margin-top: 4px !important;
    transition: gap 0.3s ease !important;
}
.g-off-mid-card-hg767:hover .g-off-mid-link-hg767 {
    gap: 10px !important;
}
.g-off-mid-link-hg767 i {
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
}
.g-off-mid-card-hg767:hover .g-off-mid-link-hg767 i {
    transform: translateX(3px) !important;
}

/* ══════════════════════════════════════
   BOTTOM STRIP — 4 items horizontal
══════════════════════════════════════ */
.g-off-strip-hg767 {
    background: var(--white) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(0,49,88,0.07) !important;
}

.g-off-strip-div-hg767 {
    width: 1px !important;
    background: var(--border) !important;
    flex-shrink: 0 !important;
    margin: 24px 0 !important;
}

.g-off-strip-item-hg767 {
    flex: 1 !important;
    padding: 32px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    overflow: hidden !important;
}
.g-off-strip-item-hg767:hover {
    background: var(--red-lt) !important;
}

/* top red line on hover */
.g-off-strip-item-hg767::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 3px !important;
    background: var(--red) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.4s var(--ease) !important;
}
.g-off-strip-item-hg767:hover::before {
    transform: scaleX(1) !important;
}

.g-off-strip-num-hg767 {
    position: absolute !important;
    bottom: 16px !important;
    right: 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 52px !important;
    font-weight: 900 !important;
    color: rgba(0,49,88,0.05) !important;
    line-height: 1 !important;
    user-select: none !important;
    transition: color 0.3s ease !important;
    letter-spacing: -2px !important;
}
.g-off-strip-item-hg767:hover .g-off-strip-num-hg767 {
    color: rgba(193,39,1,0.08) !important;
}

.g-off-strip-icon-hg767 {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: var(--navy-lt) !important;
    border: 1.5px solid var(--navy-md) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--navy) !important;
    font-size: 18px !important;
    flex-shrink: 0 !important;
    transition: background 0.3s ease,
                color 0.3s ease,
                transform 0.4s var(--ease),
                box-shadow 0.3s ease !important;
}
.g-off-strip-item-hg767:hover .g-off-strip-icon-hg767 {
    background: var(--red) !important;
    border-color: var(--red) !important;
    color: #fff !important;
    transform: rotate(-8deg) scale(1.1) !important;
    box-shadow: 0 6px 18px rgba(193,39,1,0.25) !important;
}

.g-off-strip-body-hg767 {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.g-off-strip-h3-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--txt-h) !important;
    margin: 0 !important;
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease !important;
}
.g-off-strip-item-hg767:hover .g-off-strip-h3-hg767 {
    color: var(--red) !important;
}

.g-off-strip-p-hg767 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: var(--txt-b) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.g-off-strip-btn-hg767 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--red) !important;
    text-decoration: none !important;
    margin-top: 4px !important;
    transition: gap 0.3s ease !important;
}
.g-off-strip-btn-hg767 i {
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
}
.g-off-strip-item-hg767:hover .g-off-strip-btn-hg767 {
    gap: 10px !important;
}
.g-off-strip-item-hg767:hover .g-off-strip-btn-hg767 i {
    transform: translateX(3px) !important;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 1024px) {
    .g-off-featured-hg767 { grid-template-columns: 1fr 1fr !important; }
    .g-off-mid-hg767 { grid-template-columns: 1fr 1fr !important; }
    .g-off-strip-hg767 {
        flex-direction: column !important;
        border-radius: 18px !important;
    }
    .g-off-strip-div-hg767 {
        width: auto !important;
        height: 1px !important;
        margin: 0 24px !important;
    }
}

@media (max-width: 680px) {
    .g-off-featured-hg767 { grid-template-columns: 1fr !important; }
    .g-off-mid-hg767 { grid-template-columns: 1fr !important; gap: 14px !important; }
    .g-off-sec-hg767 { padding: 70px 16px 90px !important; }
    .g-off-feat-card-hg767 { padding: 30px 26px !important; }
    .g-off-mid-card-hg767 { padding: 22px 20px !important; }
    .g-off-strip-item-hg767 { padding: 24px 22px !important; }
    .g-off-wrap-hg767 { gap: 20px !important; }
}



























/* Unique Blue Table Styling for MSSQL Page */
.g-def-blue-table-sol-hy7-wrapper {
    overflow-x: auto !important;
    margin-top: 30px !important;
}

.g-def-blue-table-sol-hy7 {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
}

.g-def-blue-table-sol-hy7 th {
    background: #0078d7 !important;
    color: #fff !important;
    padding: 15px !important;
    text-align: left !important;
}

.g-def-blue-table-sol-hy7 td {
    padding: 15px !important;
    border-bottom: 1px solid #eee !important;
}

.g-def-blue-table-sol-hy7-alt-bg {
    background: #f8fbff !important;
}



















.g-smo-gh7-cpanel-hib-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 768px) {
    .g-smo-gh7-cpanel-hib-wrap {
        grid-template-columns: 1fr !important;
    }
}

.g-smo-gh7-cpanel-hib-card {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-top: 3px solid #f66d21 !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-hib-card-icon {
    width: 34px !important;
    height: 34px !important;
    background: rgba(246,109,33,0.2) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    color: #f66d21 !important;
    margin-bottom: 10px !important;
}

.g-smo-gh7-cpanel-hib-card-label {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #f66d21 !important;
    margin: 0 0 5px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-hib-card-value {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #fff !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* ── SNIPPET 2: Offer Card (right side of why-bare-metal section) ── */

.g-smo-gh7-cpanel-oc-card {
    background: #fff !important;
    border-radius: 14px !important;
    border: 1px solid #e0e7f0 !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,55,122,0.12) !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-oc-head {
    background: #00377a !important;
    padding: 22px 28px !important;
    position: relative !important;
    overflow: hidden !important;
}

.g-smo-gh7-cpanel-oc-head::after {
    content: '' !important;
    position: absolute !important;
    top: -35px !important;
    right: -35px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.06) !important;
    pointer-events: none !important;
}

.g-smo-gh7-cpanel-oc-badge {
    display: inline-block !important;
    background: #f66d21 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
    margin-bottom: 10px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-oc-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
    font-family: 'Poppins', sans-serif !important;
    position: relative !important;
    z-index: 1 !important;
}

.g-smo-gh7-cpanel-oc-body {
    padding: 22px 28px !important;
}

.g-smo-gh7-cpanel-oc-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid #f0f4f9 !important;
}

.g-smo-gh7-cpanel-oc-row:last-of-type {
    border-bottom: none !important;
    margin-bottom: 4px !important;
}

.g-smo-gh7-cpanel-oc-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

.g-smo-gh7-cpanel-oc-icon-navy  { background: #edf1f9 !important; color: #00377a !important; }
.g-smo-gh7-cpanel-oc-icon-org   { background: #fef3ec !important; color: #f66d21 !important; }
.g-smo-gh7-cpanel-oc-icon-green { background: #e8faf3 !important; color: #059669 !important; }

.g-smo-gh7-cpanel-oc-row-kicker {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #9aa5bc !important;
    text-transform: uppercase !important;
    letter-spacing: 0.09em !important;
    margin: 0 0 2px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-oc-row-label {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-oc-row-label-green {
    color: #059669 !important;
}

.g-smo-gh7-cpanel-oc-note {
    background: #f0faf6 !important;
    border: 1.5px dashed #7dcfaa !important;
    border-radius: 8px !important;
    padding: 11px 15px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    margin-top: 12px !important;
}

.g-smo-gh7-cpanel-oc-note i {
    color: #059669 !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}

.g-smo-gh7-cpanel-oc-note-text {
    font-size: 12px !important;
    color: #1d5040 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-oc-note-text strong {
    color: #059669 !important;
    font-weight: 700 !important;
}

/* ── SNIPPET 3: Server Specs — Tier Cards replacing the table ── */

.g-smo-gh7-cpanel-specs-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

@media (max-width: 900px) {
    .g-smo-gh7-cpanel-specs-cards-grid {
        grid-template-columns: 1fr !important;
    }
}

.g-smo-gh7-cpanel-sc-card {
    border-radius: 14px !important;
    border: 1.5px solid #e0e7f0 !important;
    overflow: hidden !important;
    background: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.g-smo-gh7-cpanel-sc-card:hover {
    box-shadow: 0 10px 36px rgba(0,55,122,0.12) !important;
    transform: translateY(-4px) !important;
}

.g-smo-gh7-cpanel-sc-card-popular {
    border-color: #00377a !important;
    position: relative !important;
}

.g-smo-gh7-cpanel-sc-popular-tag {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: #c12701 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 3px 9px !important;
    border-radius: 3px !important;
    font-family: 'Poppins', sans-serif !important;
}

/* card top */
.g-smo-gh7-cpanel-sc-top {
    padding: 22px 22px 18px !important;
    border-bottom: 1px solid #f0f4f9 !important;
}

.g-smo-gh7-cpanel-sc-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 25px !important;
    margin-bottom: 12px !important;
}

.g-smo-gh7-cpanel-sc-icon-a { background: #fef3ec !important; color: #f66d21 !important; }
.g-smo-gh7-cpanel-sc-icon-b { background: #edf1f9 !important; color: #00377a !important; }
.g-smo-gh7-cpanel-sc-icon-c { background: #f3eeff !important; color: #6d28d9 !important; }

.g-smo-gh7-cpanel-sc-audience {
    display: inline-block !important;
    background: #f5f7fa !important;
    border: 1px solid #e0e7f0 !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #6b7a99 !important;
    padding: 2px 8px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-sc-name {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0a1628 !important;
    margin: 0 0 5px !important;
    letter-spacing: -0.02em !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1.3 !important;
}

.g-smo-gh7-cpanel-sc-subdesc {
    font-size: 16px !important;
    color: #6b7a99 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* card mid: hw specs */
.g-smo-gh7-cpanel-sc-hw {
    background: #f8fafd !important;
    padding: 16px 22px !important;
    border-bottom: 1px solid #f0f4f9 !important;
}

.g-smo-gh7-cpanel-sc-hw-label {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    color: #9aa5bc !important;
    margin: 0 0 10px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-sc-spec-row {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin-bottom: 8px !important;
}

.g-smo-gh7-cpanel-sc-spec-row:last-child { margin-bottom: 0 !important; }

.g-smo-gh7-cpanel-sc-spec-icon {
    width: 26px !important;
    height: 26px !important;
    border-radius: 5px !important;
    background: #fff !important;
    border: 1px solid #dde4ef !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    color: #00377a !important;
    flex-shrink: 0 !important;
}

.g-smo-gh7-cpanel-sc-spec-key {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #9aa5bc !important;
    min-width: 54px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-sc-spec-val {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* card bottom: advantage */
.g-smo-gh7-cpanel-sc-adv {
    padding: 16px 22px 20px !important;
}

.g-smo-gh7-cpanel-sc-adv-kicker {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    color: #f66d21 !important;
    margin: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-sc-adv-kicker::before {
    content: '' !important;
    width: 12px !important;
    height: 2px !important;
    background: #f66d21 !important;
    border-radius: 2px !important;
    display: block !important;
}

.g-smo-gh7-cpanel-sc-adv-text {
    font-size: 16px !important;
    color: #374257 !important;
    line-height: 1.65 !important;
    margin: 0 0 12px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-sc-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.g-smo-gh7-cpanel-sc-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #e8faf3 !important;
    border: 1px solid #a7dcca !important;
    color: #0d5c40 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    font-family: 'Poppins', sans-serif !important;
}

.g-smo-gh7-cpanel-sc-tag i {
    font-size: 8px !important;
    color: #059669 !important;
}