/*────────────────────────────────────────────────/
/──────────────── # NOTE FILE STRUCTURE ───────────────/
/────────────────────────────────────────────────*/
/*
├── 1-settings
├── 2-generic
├── 3-basic elements 
├── 4-layout
├── 5-components
├── 6-pages
├── 7-utilities
└── main.scss
*/

/*────────────────────────────────────────────────/
/────────────── // SECTION 1 - SETTINGS  ──────────/
/────────────────────────────────────────────────*/
/*  */

:root {
  /**** COLORS ****/

  /* System colors */
  --ix-color-danger: #da0000;
  --ix-color-success-verylight: #dff0e7;
  --ix-color-success-light: #49d08f;
  --ix-color-success-dark: #09a359;
  --ix-color-warning-verylight: #fdfbd9;
  --ix-color-warning-light: #f1e800;
  --ix-color-warning-dark: #ebca56;
  --ix-color-danger-img-filter: invert(11%) sepia(82%) saturate(7430%) hue-rotate(5deg) brightness(83%) contrast(114%);
  --ix-color-success-dark-img-filter: invert(35%) sepia(70%) saturate(2164%) hue-rotate(132deg) brightness(97%) contrast(93%);
  --ix-color-warning-dark-img-filter: invert(84%) sepia(34%) saturate(772%) hue-rotate(351deg) brightness(98%) contrast(87%);

  --ix-color-success-gradient:  linear-gradient(135deg, #DFF0E7 0%, #49D08F 108.6%);

  /* Grey scale colors */
  --ix-color-grey-verydark: #2d2d2d;
  --ix-color-grey-dark: #6d6d6d;
  --ix-color-grey-mid: #bdbdbd;
  --ix-color-grey-light: #e4e4e4;
  --ix-color-grey-verylight: #f9f9f9;
  --ix-color-black: #111;
  --ix-color-white: #fff;
  --ix-color-white-img-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(144deg) brightness(105%) contrast(100%);

  /* domains colors */
  --ix-color-domains-gradient-primary: linear-gradient(91.94deg, #f85825 0%, #ff005c 209.1%);
  --ix-color-domains-gradient-tertiary: linear-gradient(160.24deg, #e9eef4 36.4%, #fdcdbe 154.69%);
  --ix-color-domains-gradient-secondary: linear-gradient(180deg, #d1cdfc 0%, #d1cdfc45 23%);
  --ix-color-domains-primary: #f85825;
  --ix-color-domains-secondary: #857bf5;
  --ix-color-domains-tertiary: #e9eef4;
  --ix-color-domains-img-filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3102%) hue-rotate(345deg) brightness(98%) contrast(99%);

  /* Hosting colors*/
  --ix-color-hosting-primary: #3726f9;
  --ix-color-hosting-secondary: #d17eee;
  --ix-color-hosting-tertiary: #f4eef7;
  --ix-color-hosting-gradient-primary: linear-gradient(91.88deg, #3726f9 0%, #d56cf9 208.19%);
  --ix-color-hosting-gradient-tertiary: linear-gradient(158deg, #f4eef7 19.88%, #dad7fc 96.83%);

  --ix-color-hosting-gradient-secondary: linear-gradient(180deg, #e3e0f5 0%, #fbfafe 9.95%);
  --ix-color-hosting-img-filter: brightness(0) saturate(100%) invert(11%) sepia(81%) saturate(7023%) hue-rotate(251deg) brightness(96%) contrast(104%);

  /* encryption colors */
  --ix-color-encryption-primary: #b42bf4;
  --ix-color-encryption-secondary: #f18585;
  --ix-color-encryption-tertiary: #f6ecec;
  --ix-color-encryption-gradient-primary: linear-gradient(91.91deg, #be1cf6 0%, #fe9f9f 208.8%);
  --ix-color-encryption-gradient-tertiary: linear-gradient(160.61deg, #f6ecec 0%, #e8bffc 149.5%);
  --ix-color-encryption-img-filter: brightness(0) saturate(100%) invert(22%) sepia(76%) saturate(6009%) hue-rotate(276deg) brightness(106%) contrast(91%);

  /* IX colors */
  --ix-color-ix-gradient-primary: linear-gradient(159.85deg, #f85825 -2.49%, #b42bf4 55.11%, #3726f9 103.42%);
  --ix-color-ix-gradient-tertiary: linear-gradient(159.85deg, #f5d8cf -2.49%, #e4bff5 55.11%, #c4c1e9 103.42%);

  /**** TYPOGRAPHY /****/
  /* Font sizes */
  --ix-type-3xl: 72px;
  --ix-type-2xl: 48px;
  --ix-type-xl: 35px;
  --ix-type-l: 25px;
  --ix-type-2m: 22px;
  --ix-type-m: 18px;
  --ix-type-s: 14px;
  --ix-type-xs: 12px;
  --ix-type-2xs: 10px;

  /**** SPACING /****/
  --ix-space-3xl: 144px;
  --ix-space-2xl: 108px;
  --ix-space-xl: 72px;
  --ix-space-l: 54px;
  --ix-space-m: 36px;
  --ix-space-2s: 27px;
  --ix-space-s: 18px;
  --ix-space-xs: 9px;

  /**** EASING /****/
  --ix-easing: cubic-bezier(0.33, 0.58, 0.4, 0.98);
}

/* !SECTION end of 1-SETTINGS SECTION */

/*──────────────────────────────────────────────── /
/────────────── SECTION 2 - DESIGN TOKENS  ────────────────/
/────────────────────────────────────────────────*/

/* NOTE Typography */

h1 {
  color: var(--ix-color-black);
  font-size: var(--ix-type-3xl);
}

h2 {
  color: var(--ix-color-black);
  font-size: var(--ix-type-2xl);
  margin-bottom: var(--ix-space-l);
  margin-bottom: var(--ix-space-m);
}

h3 {
  color: var(--ix-color-black);
  font-size: var(--ix-type-xl);
  margin-bottom: var(--ix-space-xl);
}

h4 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-l);
  margin-bottom: var(--ix-type-l);
  line-height: 1.3;
  margin-bottom: var(--ix-space-xs);
}

h5 {
  color: var(--ix-color-black);
  margin-bottom: var(--ix-space-m);
  font-weight: 600;
}

h6 {
  color: var(--ix-color-black);
  margin-bottom: var(--ix-space-s);
  font-weight: 600;
}

p {
  margin-bottom: 18px;
  font-size: var(--ix-type-m);
}

.main-title-2 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 111.1%;
  color: var(--ix-color-black);
  margin-bottom: 64px;
}

.main-title-3 {
  font-weight: 600;
  font-size: var(--ix-type-xl);
  line-height: 111.1%;
  color: var(--ix-color-black);
  margin-bottom: 28px;
}

.small, small{
  font-size: 13px;
}

/* Text formatting */

section ul {
  margin-bottom: var(--ix-space-s);
}

section ul li {
  margin-bottom: 5px;
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
  font-size: var(--ix-type-m);
}

section ul li:last-child {
  margin-bottom: 0;
}

.rich-text a[href*="//"]:not([href*="internetx.com"])::after
{
  content: "";
  line-height: 1;
  /* display: flex; */
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/icons/arrow--up-right.svg);
  background-size: contain;
  margin-left: calc(var(--ix-space-xs) - var(--ix-space-xs) / 2);
  transition: all 0.2s ease-in-out;
  height: 16px;
  width: 14px;
  background-repeat: no-repeat;
  display: inline-block;
  filter: invert(10%) sepia(100%) saturate(6693%) hue-rotate(252deg) brightness(98%) contrast(99%);
  transform: translateY(3px);
  margin-right: 5px;
}

.rich-text a[href*="//"]:not([href*="internetx.com"]):hover::after
{
  transform: translate(3px, 0px);
  filter: invert(14%) sepia(82%) saturate(5363%) hue-rotate(252deg) brightness(68%) contrast(118%);
}

.rich-text a[href^="mailto:"]::after {
  content: "";
  line-height: 1;
  /* display: flex; */
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/icons/email.svg);
  background-size: contain;
  margin-left: calc(var(--ix-space-xs) - var(--ix-space-xs) / 2);
  transition: all 0.2s ease-in-out;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  filter: invert(10%) sepia(100%) saturate(6693%) hue-rotate(252deg) brightness(98%) contrast(99%);
  transform: translateY(3px);
  margin-right: 5px;
}

.rich-text a[href^="mailto:"]:hover::after {
  transform: translate(0, 0);
  filter: invert(14%) sepia(82%) saturate(5363%) hue-rotate(252deg) brightness(68%) contrast(118%);
}

.rich-text a[href$=".pdf"]::after {
  content: "";
  line-height: 1;
  /* display: flex; */
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/icons/document--pdf.svg);
  background-size: contain;
  margin-left: calc(var(--ix-space-xs) - var(--ix-space-xs) / 2);
  transition: all 0.2s ease-in-out;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  filter: invert(10%) sepia(100%) saturate(6693%) hue-rotate(252deg) brightness(98%) contrast(99%);
  transform: translateY(1px);
  margin-right: 5px;
}

.rich-text a[href$=".pdf"]:hover::after {
  transform: translate(0, -2px);
  filter: invert(14%) sepia(82%) saturate(5363%) hue-rotate(252deg) brightness(68%) contrast(118%);
}

/* NOTE Spacing */

/* NOTE  ‣  Margins */

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

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

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

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

.mt-6px {
  margin-top: 5px;
}

.mt-7px {
  margin-top: 5px;
}

/* left */

.ml-2px {
  margin-left: 2px;
}

.ml-3px {
  margin-left: 3px;
}

.ml-4px {
  margin-left: 4px;
}

.ml-5px {
  margin-left: 5px;
}

.ml-6px {
  margin-left: 6px;
}

.ml-7px {
  margin-left: 7px;
}

.ml-9 {
  margin-left: 9px;
}

.ml-18 {
  margin-left: 18px;
}

.ml-36 {
  margin-left: 36px;
}

.ml-54 {
  margin-left: 54px;
}

.ml-72 {
  margin-left: 72px;
}

.ml-108 {
  margin-left: 108px;
}

.ml-144 {
  margin-left: 144px;
}

/* left */

.mr-9 {
  margin-right: 9px;
}

.mr-18 {
  margin-right: 18px;
}

.mr-36 {
  margin-right: 36px;
}

.mr-54 {
  margin-right: 54px;
}

.mr-72 {
  margin-right: 72px;
}

.mr-108 {
  margin-right: 108px;
}

.mr-144 {
  margin-right: 144px;
}

/* spacers*/

.mb-9 {
  margin-bottom: 9px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-54 {
  margin-bottom: 54px;
}

.mb-72 {
  margin-bottom: 72px;
}

.mb-108 {
  margin-bottom: 108px;
}

.mb-144 {
  margin-bottom: 144px;
}

.mt-xs {
  margin-top: var(--ix-space-xs);
}

.mt-s {
  margin-top: var(--ix-space-s);
}

.mt-m {
  margin-top: var(--ix-space-m);
}

.mt-l {
  margin-top: var(--ix-space-l);
}

.mt-xl {
  margin-top: var(--ix-space-xl);
}

.mt-2xl {
  margin-top: var(--ix-space-2xl);
}

.mt-3xl {
  margin-top: var(--ix-space-3xl);
}

.frame-space-after-extra-small {
  margin-bottom: 36px;
  padding-bottom: 0;
}

.frame-space-after-small {
  margin-bottom: 54px;
  padding-bottom: 0;
}

.frame-space-after-medium {
  margin-bottom: 72px;
  padding-bottom: 0;
}

.frame-space-after-large {
  margin-bottom: 108px;
  padding-bottom: 0;
}

.frame-space-after-extra-large {
  margin-bottom: 144px;
  padding-bottom: 0;
}

.frame-space-before-extra-small {
  margin-top: 36px;
  padding-top: 0;
}

.frame-space-before-small {
  margin-top: 54px;
  padding-top: 0;
}

.frame-space-before-medium {
  margin-top: 72px;
  padding-top: 0;
}

.frame-space-before-large {
  margin-top: 108px;
  padding-top: 0;
}

.frame-space-before-extra-large {
  margin-top: 144px;
  padding-top: 0;
}

/* NOTE Background colors */

.bg-grey-mid {
  background-color: var(--ix-color-grey-mid);
}

.bg-grey-verylight {
  background-color: var(--ix-color-grey-verylight);
}

.bg-grey {
  background-color: var(--ix-color-grey-verylight);
}

.bg-black {
  background-color: var(--ix-color-black);
}

.bg-domains-secondary {
  background-color: var(--ix-color-domains-secondary);
}

.bg-domains-gradient-primary {
  background: var(--ix-color-domains-gradient-primary);
}

.bg-domains-gradient-secondary {
  background: var(--ix-color-domains-gradient-secondary);
}

.bg-domains-tertiary {
  background: var(--ix-color-domains-tertiary);
}

.bg-domains-gradient-tertiary,
.bg-domains-tertiary-gradient {
  background: var(--ix-color-domains-gradient-tertiary);
}

.bg-hosting-gradient-tertiary,
.bg-hosting-tertiary-gradient {
  background: var(--ix-color-hosting-gradient-tertiary);
}

.bg-hosting-tertiary {
  background: var(--ix-color-hosting-tertiary);
}

.bg-encryption-gradient-secondary {
  background: var(--ix-color-encryption-gradient-secondary);
}

.bg-encryption-tertiary {
  background: var(--ix-color-encryption-tertiary);
}

.bg-encryption-gradient-tertiary,
.bg-encryption-tertiary-gradient {
  background: var(--ix-color-encryption-gradient-tertiary);
}

.bg-ix-gradient-tertiary,
.bg-ix-tertiary-gradient {
  background: var(--ix-color-ix-gradient-tertiary);
}

.bg-success-gradient{
  background: var(--ix-color-success-gradient);
}

/* hr separator */
.frame-backgroundBlack hr.ce-div {
  background: var(--ix-color-black);
}
.frame-backgroundGrey hr.ce-div {
  background-color: var(--ix-color-grey-light);
}

.frame-backgroundBlack h1,
.frame-backgroundBlack h2,
.frame-backgroundBlack h3,
.frame-backgroundBlack h4,
.frame-backgroundBlack h5,
.frame-backgroundBlack h6 {
  color: #fff;
}

/* NOTE Text colors */

/*  text colors */

.color-black {
  color: var(--ix-color-black) !important;
}

.color-white {
  color: #fff !important;
}

.color-grey-dark {
  color: var(--ix-color-grey-dark);
}

.color-grey-mid {
  color: var(--ix-color-grey-mid);
}

.color-grey-light {
  color: var(--ix-color-grey-light);
}

.color-grey-verylight {
  color: var(--ix-color-grey-verylight);
}

.color-domains-primary {
  color: var(--ix-color-domains-primary);
}

.color-hosting-primary {
  color: var(--ix-color-hosting-primary);
}

.color-encryption-primary {
  color: var(--ix-color-encryption-primary) !important;
}

/* NOTE Filter colors */

.img-color-danger {
  filter: var(--ix-color-danger-img-filter);
}

.img-color-success {
  filter: var(--ix-color-success-dark-img-filter);
}

.img-color-warning {
  filter: var(--ix-color-warning-dark-img-filter);
}

.img-color-white {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(334deg) brightness(102%) contrast(101%);
}

/* NOTE Gird */

.d-grid {
  display: grid;
}

.column-from-1 {
  grid-column-start: 1;
}

.column-from-2 {
  grid-column-start: 2;
}

.column-from-3 {
  grid-column-start: 3;
}

.column-from-4 {
  grid-column-start: 4;
}

.column-from-5 {
  grid-column-start: 5;
}

.column-from-7 {
  grid-column-start: 7;
}

.column-from-8 {
  grid-column-start: 8;
}

.column-from-9 {
  grid-column-start: 9;
}

.column-from-10 {
  grid-column-start: 10;
}

.column-from-11 {
  grid-column-start: 11;
}

.column-from-12 {
  grid-column-start: 12;
}

.column-from-13 {
  grid-column-start: 13;
}

.column-from-14 {
  grid-column-start: 14;
}

.column-from-end {
  grid-column-start: end;
}

/* To */

.column-to-1 {
  grid-column-end: 1;
}

.column-to-2 {
  grid-column-end: 2;
}

.column-to-3 {
  grid-column-end: 3;
}

.column-to-4 {
  grid-column-end: 4;
}

.column-to-5 {
  grid-column-end: 5;
}

.column-to-7 {
  grid-column-end: 7;
}

.column-to-8 {
  grid-column-end: 8;
}

.column-to-9 {
  grid-column-end: 9;
}

.column-to-10 {
  grid-column-end: 10;
}

.column-to-11 {
  grid-column-end: 11;
}

.column-to-12 {
  grid-column-end: 12;
}

.column-to-13 {
  grid-column-end: 13;
}

.column-to-14 {
  grid-column-end: 14;
}

.column-to-end {
  grid-column-end: end;
}

.row-from-1 {
  grid-row-end: 1;
}

.row-from-2 {
  grid-row-start: 2;
}

.row-from-3 {
  grid-row-start: 3;
}

.row-from-4 {
  grid-row-start: 4;
}

.row-from-5 {
  grid-row-start: 5;
}

.row-from-7 {
  grid-row-start: 7;
}

.row-from-8 {
  grid-row-start: 8;
}

.row-from-9 {
  grid-row-start: 9;
}

.row-from-10 {
  grid-row-start: 10;
}

.row-from-11 {
  grid-row-start: 11;
}

.row-from-12 {
  grid-row-start: 12;
}

.row-from-13 {
  grid-row-start: 13;
}

.row-from-14 {
  grid-row-start: 14;
}

.row-from-end {
  grid-row-start: end;
}

/* To */

.row-to-1 {
  grid-row-end: 1;
}

.row-to-2 {
  grid-row-end: 2;
}

.row-to-3 {
  grid-row-end: 3;
}

.row-to-4 {
  grid-row-end: 4;
}

.row-to-5 {
  grid-row-end: 5;
}

.row-to-7 {
  grid-row-end: 7;
}

.row-to-8 {
  grid-row-end: 8;
}

.row-to-9 {
  grid-row-end: 9;
}

.row-to-10 {
  grid-row-end: 10;
}

.row-to-11 {
  grid-row-end: 11;
}

.row-to-12 {
  grid-row-end: 12;
}

.row-to-13 {
  grid-row-end: 13;
}

.row-to-14 {
  grid-row-end: 14;
}

.row-to-end {
  grid-row-end: end;
}

.grid-columns-2 {
  grid-template-columns: 1fr 1fr;
}

.grid-columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-columns-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-columns-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-columns-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

/* NOTE Helpers */

/* Helpers */

.rotate {
  animation: rotation 0.4s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.center-image-figcaption figure.image {
  flex-direction: column;
  display: flex;
  align-items: center;
}

.triangle-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555;
}

.visible{
  opacity: 1;
}

.flex {
  display: flex;
}

.position-relative {
  position: relative;
}

.color-danger {
  color: var(--ix-color-danger);
}

.color-danger-img {
  filter: invert(8%) sepia(98%) saturate(7317%) hue-rotate(7deg) brightness(94%) contrast(111%);
}

.display-none {
  display: none !important;
}

.opacity-1 {
  opacity: 1;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25{
  opacity: 0.25;
}

.tight-text {
  letter-spacing: -1px;
}

.show {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.hide {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.opacity-01 {
  opacity: 0.1;
}

.overflow-hidden {
  overflow: hidden;
}

.font-bold{
  font-weight: 600;
}

/*NOTE: Animation*/

.animation-slide-up {
  animation-name: slideUp;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* !SECTION end of 1-DESIGN TOKENS */

/*──────────────────────────────────────────────── /
/────────────── SECTION 3 - GENERIC  ────────────────/
/────────────────────────────────────────────────*/

*,
::after,
::before {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* NOTE - Reset */

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", sans-serif;
  max-width: 100vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  font-family: "Manrope", sans-serif;
}

a.active,
a:focus,
button:focus,
button.active {
  outline: none;
}

a {
  text-decoration: none;
}

a:focus,
a:hover,
a:active {
  outline: 0;
  box-shadow: none;
}

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

a {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

a:hover {
  text-decoration: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li {
  list-style: disc;
  list-style-position: inside;
}

ol li {
  list-style: decimal;
  list-style-position: inside;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

img {
  border-style: none;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
/* !SECTION - end GENERIC */

/*────────────────────────────────────────────────/
/──────────────── # SECTION 4 - BASIC ELEMENTS ─────────────/
│   ├── Forms
│   ├── Tables
│   ├── Headings 
│   ├── Images
│   ├── Links
│   └── Lists
/────────────────────────────────────────────────*/

/* NOTE Forms and inputs  */

.form-control {
  border-radius: 0;
  font-weight: normal;
  font-size: var(--ix-type-s);
  border: 1px solid var(--ix-color-grey-dark);
  height: 56px;
  padding: 0 27px;
}

.form-control label{
  font-weight: 700;
  margin-left: 0 !important;
}

.form-control--dark .form-control {
  color: #fff;
  border: 1px solid #8d8d8d;
  background-color: var(--ix-color-black);
}

.form-control--dark .label-text {
  color: var(--ix-color-grey-light);
  font-size: var(--ix-type-s);
  margin-left: 0;
  font-weight: 700;
}

.form-control--dark h1 {
  color: #fff;
}

.form-control--dark table {
  color: #fff;
}

.form-control--light .form-control {
  color: var(--ix-color-grey-dark);
  border: 1px solid var(--ix-color-grey-mid);
  background-color: var(--ix-color-white);
}

.form-control--light .form-control::placeholder {
  color: var(--ix-color-grey-mid);
}

.form-control--dark .form-control::placeholder {
  color: #bcbcbc;
}

.form-control--small .form-control {
  font-size: var(--ix-type-s);
  height: 36px;
  padding: 0 18px;
  width: 100%;
  border-radius: 0;
}

.form-control--big .form-control {
  width: 100%;
  font-size: var(--ix-type-s);
  height: 56px;
  padding: 0 27px;
  border-radius: 0;
}

.form-control--big .form-group {
  margin-bottom: var(--ix-space-s);
}

.form-control--dark select.form-control {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/select-down-arrow.svg);
  background-repeat: no-repeat;
}

.form-control--light select.form-control {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/select-down-arrow.svg);
  background-repeat: no-repeat;
}

.form-control--small select.form-control {
  background-position: top 50% right 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-control--big select.form-control {
  background-position: top 50% right 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-control {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/select-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: top 50% right 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* end Forms and inputs  */

.wrapper {
  overflow: hidden;
  padding: 73px 0 0 0;
}

/* NOTE Table */

.table-bordered {
  border: 1px solid var(--ix-color-grey-mid);
}

.table thead th,
.table thead th {
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.table-bordered thead td,
.table-bordered thead th,
.table-bordered tbody th {
  font-weight: 700;
}

.table-bordered thead td,
.table-bordered thead th {
  font-weight: 700;
  font-size: var(--ix-type-m);
}

.table-bordered td,
.table-bordered th {
  padding: 20px;
  border: none;
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: var(--ix-color-grey-verylight);
}

table.table td p:last-child {
  margin-bottom: 0;
}

.table__mobile-show-more {
  display: none;
}

/* NOTE Buttons */
/* buttons and pills states */

/* Button big */

.btn-big {
  position: relative;
  font-weight: normal;
  font-size: var(--ix-type-m);
  color: var(--ix-color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0 32px;
  height: 56px;
  transition: all 0.2s ease-in-out;
  width: max-content;
  cursor: pointer;
}

.btn-big img {
  width: 20px;
  height: 20px;
}

.btn-big .text {
  z-index: 1;
}

.btn-big:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.btn-big .btn-icon {
  margin-left: 12px;
  transition: all 0.2s ease-in-out;
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}

.btn-big .btn-icon img {
  height: auto;
  width: 18px;
}

.btn-big:hover .btn-icon {
  transform: translateX(5px);
}

.btn-big:hover:before {
  opacity: 1;
}

/* Button small */

.btn-small {
  position: relative;
  font-weight: 400;
  font-size: var(--ix-type-s);
  color: var(--ix-color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 36px;
  padding: 0 16px;
  transition: all 0.2s ease-in-out;
  width: max-content;
}

.btn-small.btn-domains-tertiary,
.btn-small.btn-hosting-tertiary,
.btn-small.btn-encryption-tertiary,
.btn-small.btn-ix-tertiary,
.btn-small.btn-ix-light-tertiary {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}

.btn-big.btn-domains-tertiary,
.btn-big.btn-hosting-tertiary,
.btn-big.btn-encryption-tertiary,
.btn-big.btn-ix-tertiary,
.btn-big.btn-ix-light-tertiary {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}

.btn-small .text {
  z-index: 1;
}

.btn-small:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.btn-small .btn-icon {
  margin-left: 8px;
  transition: all 0.2s ease-in-out;
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}

.btn-small .btn-icon img {
  width: 14px;
  height: auto;
}

.btn-small:hover .btn-icon {
  transform: translateX(4px);
}

.btn-small:hover:before {
  opacity: 1;
}

/*  Button primary domains */

.btn-domains-primary {
  background: linear-gradient(91.94deg, var(--ix-color-domains-primary) 0%, #ff1000 209.1%);
  border: none;
}

.btn-domains-primary .text {
  color: var(--ix-color-white);
}

.btn-domains-primary:before {
  background: linear-gradient(91.94deg, #f33232 0%, #cb034b 209.1%);
}

.btn-domains-primary:hover .btn-icon,
.btn-domains-secondary:hover .btn-icon {
  background: #fff;
}

.btn-domains-primary:hover .btn-icon img,
.btn-domains-secondary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(73%) saturate(2837%) hue-rotate(348deg) brightness(101%) contrast(95%);
}

/*  Button primary hosting */

.btn-hosting-primary {
  background: linear-gradient(91.88deg, #3726f9 0%, #d56cf9 208.19%);
  border: none;
}

.btn-hosting-primary .text {
  color: var(--ix-color-white);
}

.btn-hosting-primary:before {
  background: linear-gradient(91.88deg, #2211e1 0%, #a319d2 208.19%);
}

.btn-hosting-primary:hover .btn-icon,
.btn-hosting-secondary:hover .btn-icon {
  background: #fff;
}

.btn-hosting-primary:hover .btn-icon img,
.btn-hosting-secondary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(6775%) hue-rotate(252deg) brightness(97%) contrast(101%);
}

/* ↓↓ Button primary encryption ↓↓ */

.btn-encryption-primary {
  background: linear-gradient(91.91deg, #be1cf6 0%, #fe9f9f 208.8%);
  border: none;
}

.btn-encryption-primary:before {
  background: linear-gradient(91.91deg, #9f0bd2 0%, #d61515 208.8%);
}

.btn-encryption-primary:hover .btn-icon,
.btn-encryption-secondary:hover .btn-icon {
  background: #fff;
}

.btn-encryption-primary:hover .btn-icon img,
.btn-encryption-secondary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(63%) saturate(5927%) hue-rotate(271deg) brightness(96%) contrast(102%);
}

/*  Button primary IX */

.btn-ix-primary {
  background: linear-gradient(91.94deg, #393939 0%, #111111 209.1%);
  border: none;
}

.btn-ix-primary:before {
  background: var(--ix-color-black);
}

.btn-ix-primary:hover .btn-icon,
.btn-ix-secondary:hover .btn-icon {
  background: #fff;
}

.btn-ix-primary:hover .btn-icon img,
.btn-ix-secondary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(1%) sepia(9%) saturate(93%) hue-rotate(314deg) brightness(96%) contrast(89%);
}

/* color all primary texts with white text*/

.btn-domains-primary:hover,
.btn-hosting-primary:hover,
.btn-encryption-primary:hover,
.btn-ix-primary:hover {
  color: #fff;
}

/* color all primary icons with white */

.btn-domains-primary .btn-icon img,
.btn-hosting-primary .btn-icon img,
.btn-encryption-primary .btn-icon img,
.btn-ix-primary .btn-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(241deg) brightness(103%) contrast(103%);
}

.btn-domains-secondary {
  color: var(--ix-color-domains-primary);
  border: 1px solid var(--ix-color-domains-primary);
  background: #fff;
}

.btn-domains-secondary img {
  filter: brightness(0) saturate(100%) invert(55%) sepia(56%) saturate(5716%) hue-rotate(345deg) brightness(97%) contrast(100%);
}

.btn-domains-secondary:before {
  background: linear-gradient(91.94deg, var(--ix-color-domains-primary) 0%, #ff1000 209.1%);
}

.btn-hosting-secondary {
  color: var(--ix-color-hosting-primary);
  border: 1px solid var(--ix-color-hosting-primary);
  background: #fff;
}

.btn-hosting-secondary img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5277%) hue-rotate(249deg) brightness(95%) contrast(106%);
}

.btn-hosting-secondary:before {
  background: linear-gradient(91.88deg, #3726f9 0%, #d56cf9 208.19%);
}

.btn-encryption-secondary {
  color: var(--ix-color-hosting-secondary);
  border: 1px solid var(--ix-color-hosting-secondary);
}

.btn-encryption-secondary img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(45%) saturate(6307%) hue-rotate(272deg) brightness(96%) contrast(101%);
}

.btn-encryption-secondary:before {
  background: linear-gradient(91.91deg, #be1cf6 0%, #fe9f9f 208.8%);
}

.btn-ix-secondary {
  color: var(--ix-color-black);
  border: 1px solid var(--ix-color-black);
  background: #ffffff;
}

.btn-ix-secondary img {
  filter: brightness(0) saturate(100%) invert(1%) sepia(9%) saturate(93%) hue-rotate(314deg) brightness(96%) contrast(89%);
}

.btn-ix-secondary:before {
  background: linear-gradient(91.94deg, #393939 0%, #111111 209.1%);
}

/* Button success  */

.btn-success-primary {
  background: #fff;
}

/* color the text as well as the icon svg */

.btn-domains-secondary:hover,
.btn-hosting-secondary:hover,
.btn-encryption-secondary:hover,
.btn-ix-secondary:hover {
  color: #fff;
}

.btn-domains-tertiary {
  color: var(--ix-color-domains-primary);
  border: none;
}

.btn-domains-tertiary .btn-icon img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(45%) saturate(2615%) hue-rotate(347deg) brightness(100%) contrast(95%);
}

.btn-domains-tertiary:hover {
  color: var(--ix-color-domains-primary);
}

.btn-domains-tertiary:hover .btn-icon {
  background: var(--ix-color-domains-primary);
}

.btn-domains-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(246%) hue-rotate(85deg) brightness(117%) contrast(100%);
}

.btn-hosting-tertiary {
  color: var(--ix-color-hosting-primary);
  border: none;
}

.btn-hosting-tertiary:hover {
  color: var(--ix-color-hosting-primary);
}

.btn-hosting-tertiary img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(78%) saturate(6033%) hue-rotate(246deg) brightness(90%) contrast(118%);
}

.btn-hosting-tertiary:hover .btn-icon {
  background: var(--ix-color-hosting-primary);
}

.btn-hosting-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(246%) hue-rotate(85deg) brightness(117%) contrast(100%);
}

.btn-encryption-tertiary {
  color: var(--ix-color-encryption-primary);
  border: none;
}

.btn-encryption-tertiary img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(90%) saturate(4535%) hue-rotate(272deg) brightness(98%) contrast(99%);
}

.btn-encryption-tertiary:hover {
  color: var(--ix-color-encryption-primary);
}

.btn-encryption-tertiary:hover .btn-icon {
  background: var(--ix-color-encryption-primary);
}

.btn-encryption-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(106%) contrast(106%);
}

.btn-ix-tertiary {
  color: var(--ix-color-black);
  border: none;
}

.btn-ix-tertiary .btn-icon img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(6088%) hue-rotate(330deg) brightness(82%) contrast(87%);
}

.btn-ix-tertiary:hover {
  color: var(--ix-color-black);
}

.btn-ix-tertiary:hover .btn-icon {
  background: var(--ix-color-black);
}

.btn-ix-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(106%) contrast(106%);
}

.btn-ix-light-tertiary {
  color: var(--ix-color-grey-light);
}

.btn-ix-light-tertiary:hover {
  color: #fff;
}

.btn-ix-light-tertiary .btn-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(106%) contrast(106%);
}

.btn-ix-light-tertiary:hover .btn-icon {
  background: var(--ix-color-grey-verylight);
  color: var(--ix-color-black);
}

.btn-ix-light-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%);
}

/* Button white */

.btn-white:hover .btn-icon {
  background: var(--ix-color-grey-light);
}

.btn-white {
  color: var(--ix-color-black);
  background: #fff;
}

.btn-white img {
  filter: brightness(0) saturate(100%);
}

/* NOTE Pills */

/* Pills list */
.pills-list li:first-child {
  margin-left: 0;
}

.pills-list li {
  margin-left: 0;
  margin-right: var(--ix-space-s);
}

/* -Pill sizes -*/
/* Pill size : Xsmall */

.pill-xsmall {
  position: relative;
  font-weight: 500;
  font-size: var(--ix-type-xs);
  color: var(--ix-color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 20px;
  transition: all 0.2s ease-in-out;
  border-radius: 100px;
  padding: 0 10px;
}

.pill-xsmall img {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

/* Pill size : Small */

.pill-small {
  position: relative;
  font-weight: 400;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 36px;
  transition: all 0.2s ease-in-out;
  border-radius: 100px;
  padding: 0 22px;
}

.pill-small img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.pill-right-icon img {
  margin-right: 0;
  margin-left: 9px;
}

/* Pill size : Big */

.pill-big {
  position: relative;
  font-weight: 400;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 54px;
  transition: all 0.2s ease-in-out;
  border-radius: 100px;
  padding: 0 32px;
}

.pill-big img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

/* -Pill styles- */

/* Pill style : On light background */

.pill-light {
  color: var(--ix-color-black);
  border: 1px solid var(--ix-color-grey-mid);
}

.pill-light img {
  filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(30%) hue-rotate(285deg) brightness(82%) contrast(92%);
}

.pill-light.active {
  background-color: var(--ix-color-black);
  border: 1px solid var(--ix-color-black);
  color: #fff;
}

.pill-light.active img {
  filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(2563%) hue-rotate(154deg) brightness(108%) contrast(103%);
}

/*
.pill-light:active,
.pill-light:focus {
    background-color: var(--ix-color-black);
    color: #fff;
    border-color: var(--ix-color-black);
}
*/

/*
.pill-light:active img,
.pill-light:focus img {
    filter: brightness(0) saturate(100%) invert(6%) sepia(1%) saturate(222%) hue-rotate(314deg) brightness(89%) contrast(97%);
}
*/

.pill-light-inactive,
.pill-light-inactive:hover {
  background-color: var(--ix-color-grey-verylight);
  color: var(--ix-color-grey-mid);
}

.pill-light-inactive img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(2%) saturate(6%) hue-rotate(322deg) brightness(95%) contrast(87%);
}

/* Pill style : on colored background */

.pill-on-color {
  color: var(--ix-color-black);
  background: #fff;
  border: 1px solid transparent;
}

.pill-on-color img {
  filter: brightness(0) saturate(100%) invert(3%) sepia(8%) saturate(79%) hue-rotate(315deg) brightness(97%) contrast(92%);
}

/*
.pill-on-color:active,
.pill-on-color:focus {
    background-color: var(--ix-color-black);
    color: #fff;
    border-color: var(--ix-color-black);
}
*/

/*

.pill-on-color:active img,
.pill-on-color:focus img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(0%) hue-rotate(11deg) brightness(102%) contrast(105%);
}
*/

.pill-on-color-inactive {
  background-color: var(--ix-color-grey-verylight);
  color: var(--ix-color-grey-light);
}

.pill-on-color-inactive img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(44%) hue-rotate(292deg) brightness(96%) contrast(86%);
}

.pill-on-color.active {
  color: #fff;
  background-color: var(--ix-color-black);
}

.pill-on-color.active img {
  filter: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(0%) hue-rotate(152deg) brightness(110%) contrast(105%);
}

/* Pill style : on dark background */

.pill-dark {
  color: #fff;
  border: 1px solid var(--ix-color-grey-mid);
}

.pill-dark img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(168deg) brightness(104%) contrast(101%);
}

/*
.pill-dark:active,
.pill-dark:focus {
    color: var(--ix-color-black);
    background-color: #fff;
    border-color: #fff;
}



.pill-dark:active img,
.pill-dark:focus img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(28%) saturate(730%) hue-rotate(325deg) brightness(107%) contrast(87%);
}
*/

.pill-dark-inactive {
  background-color: var(--ix-color-grey-verydark);
  color: var(--ix-color-grey-dark);
}

.pill-dark-inactive img {
  filter: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(0%) hue-rotate(157deg) brightness(95%) contrast(84%);
}

/* system pills */

.pill-green {
  background: var(--ix-color-success-dark);
  color: #fff;
}

.pill-green.pill-clickable:hover {
  background: #0a7340;
}

.pill-red {
  background: var(--ix-color-danger);
  color: #fff;
}

.pill-red.pill-clickable:hover {
  background: #be0404;
}

.pill-yellow {
  background: var(--ix-color-warning-dark);
  color: var(--ix-color-black);
}

.pill-yellow.pill-clickable:hover {
  background-color: #d7b43c;
  color: var(--ix-color-black);
}

.pill-green img,
.pill-red img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(168deg) brightness(104%) contrast(101%);
}

.pill-yellow img {
  filter: brightness(0) saturate(100%);
}

.pill-domains {
  background-color: var(--ix-color-domains-primary);
  color: #fff !important;
}

.pill-ix-gradient {
  background: var(--ix-color-ix-gradient-primary);
  color: #fff !important;
}

.pill-hosting {
  background-color: var(--ix-color-hosting-primary);
  color: #fff !important;
}

.pill-encryption {
  background-color: var(--ix-color-encryption-primary);
  color: #fff !important;
}

.pill-black {
  background-color: var(--ix-color-black);
  color: var(--ix-color-grey-light) !important;
}

/* Pills hiver when they are clickable */
.pill-clickable {
  cursor: pointer;
}

.pill-clickable.pill-light-inactive:hover img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(2%) saturate(6%) hue-rotate(322deg) brightness(95%) contrast(87%);
}

.pill-clickable.pill-light:hover {
  border: 1px solid var(--ix-color-black);
}

.pill-clickable.pill-light:hover .pill-light img {
  filter: brightness(0) saturate(100%) invert(6%) sepia(1%) saturate(222%) hue-rotate(314deg) brightness(89%) contrast(97%);
}

.pill-clickable.pill-on-color:hover {
  border: 1px solid var(--ix-color-black);
}

.pill-clickable.pill-on-color:hover img {
  filter: brightness(0) saturate(100%) invert(3%) sepia(8%) saturate(79%) hue-rotate(315deg) brightness(97%) contrast(92%);
}

.pill-clickable.pill-on-color-inactive:hover {
  background-color: var(--ix-color-grey-verylight);
  color: var(--ix-color-grey-light);
}

.pill-clickable.pill-on-color-inactive:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(44%) hue-rotate(292deg) brightness(96%) contrast(86%);
}

.pill-clickable.pill-dark:hover {
  color: #fff;
  border-color: #fff;
}

.pill-clickable.pill-dark:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(168deg) brightness(104%) contrast(101%);
}

.pill-clickable.pill-dark-inactive:hover {
  background-color: var(--ix-color-grey-verydark);
  color: var(--ix-color-grey-dark);
}

.pill-clickable.pill-dark-inactive:hover img {
  filter: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(0%) hue-rotate(157deg) brightness(95%) contrast(84%);
}

.pill-clickable.pill-red:hover,
.pill-clickable.pill-green:hover {
  color: #fff;
}

.pill-clickable.pill-yellow:hover {
  color: var(--ix-color-black);
}

/* NOTE Icon */
/*  Icons colors for SVG*/

.icon-color-black {
  filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(888%) hue-rotate(316deg) brightness(103%) contrast(87%);
}

.color-grey-dark {
  color: var(--ix-color-grey-dark);
}

.icon-color-grey-mid {
  color: var(--ix-color-grey-mid);
}

.icon-color-grey-light {
  color: var(--ix-color-grey-light);
}

.icon-color-grey-verylight {
  color: var(--ix-color-grey-verylight);
}

.icon-color-domains-primary {
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(1930%) hue-rotate(345deg) brightness(98%) contrast(99%);
}

.frame-background-black .icon-wrap__title {
  color: #fff;
}

.bg-black .icon-wrap__titles {
  color: #fff;
}

/* icons styling */

.icon-16 {
  width: 16px;
  height: auto;
}

svg.icon-16 {
  width: 16px;
  height: 16px;
}

.icon-16 img {
  width: 16px;
  height: auto;
}

.icon-20 {
  width: 20px;
  height: auto;
}

.icon-20 img {
  width: 20px;
  height: auto;
}

.icon-24 {
  width: 24px;
  height: auto;
}

.icon-24 img {
  width: 24px;
  height: auto;
}

.icon-32 {
  width: 32px;
  height: auto;
}

.icon-32 img {
  width: 32px;
  height: auto;
}

.icon-rounded-xsmall,
.icon-rounded-small,
.icon-rounded-big {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  overflow: hidden;
}

.icon-square-xsmall,
.icon-square-small,
.icon-square-big {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.icon-rounded-xsmall,
.icon-square-xsmall {
  width: 32px;
  height: 32px;
}

.icon-rounded-xsmall img,
.icon-square-xsmall img {
  width: 16px;
  height: auto;
}

.icon-rounded-small,
.icon-square-small {
  width: 40px;
  height: 40px;
}

.icon-rounded-small img,
.icon-square-small img {
  width: 20px;
  height: auto;
}

.icon-rounded-big,
.icon-square-big {
  width: 64px;
  height: 64px;
}

.icon-rounded-big img,
.icon-square-big img {
  width: 24px;
  height: auto;
}

.icon-style-ix {
  background: var(--ix-color-black);
}

.icon-style-ix img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(148deg) brightness(115%) contrast(101%);
}

.icon-style-ix-light {
  background: #fff;
  border: 1px solid var(--ix-color-grey-mid);
}

.icon-style-ix-light img,
.icon-style-domains img,
.icon-style-hosting img,
.icon-style-encryption img {
  filter: brightness(0) saturate(100%) invert(4%) sepia(5%) saturate(29%) hue-rotate(314deg) brightness(105%) contrast(95%);
}

.icon-style-domains {
  background: var(--ix-color-domains-tertiary);
}

.icon-style-hosting {
  background: var(--ix-color-hosting-tertiary);
}

.icon-style-encryption {
  background: var(--ix-color-encryption-tertiary);
}

.icon-style-image img {
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
}

.icon-wrap-text-big b {
  font-size: var(--ix-space-l);
}

.icon-wrap-text-white * {
  color: #fff !important;
}

/*  Transparent*/

.iconlist-transparent {
  height: auto;
  width: auto;
}

.icon-style-transparent {
  width: max-content;
  height: max-content;
  border-radius: 0;
  display: flex;
  height: 100%;
  align-items: center;
}

.icon-wrap-right .icon-style-transparent + .icontext {
  margin-top: 0;
}

.icon-wrap-text-big .icon-wrap__title {
  font-size: var(--ix-type-l);
}

/* NOTE Tooltip */

/* Tool tips */
.tool-tip {
  position: relative;
  display: inline-block;
}

.tool-tip:hover span {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.tool-tip span {
  position: absolute;
  bottom: 30px;
  left: 0;
  background: var(--ix-color-grey-verydark);
  padding: 8px;
  font-size: 11px;
  color: #fff;
  font-weight: 400;
  opacity: 0;
  transform: translateY(4px);
  opacity: 0;
  transition: all 0.2s var(--ix-easing);
  line-height: 1.6;
  visibility: hidden;
  min-width: 300px;
  z-index: 300;
}

.tool-tip span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2d2d2d;
  position: absolute;
  bottom: -5px;
  left: 6px;
  z-index: 105;
}

/* NOTE Checkbox */

/* Hide the browser's default checkbox */
.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: var(--ix-color-white);
  border-color: var(--ix-color-grey-mid);
  border-style: solid;
  border-width: 1px;
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: var(--ix-color-white);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/check2-icon.svg) no-repeat;
  width: 14px;
  height: 10px;
  background-size: 100%;
}

/* NOTE Image */

.image figcaption.image-caption{
  position: relative;
    font-weight: 400;
    font-size: var(--ix-type-s);
    color: var(--ix-color-black);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    height: var(--ix-space-m);
    transition: all 0.2s ease-in-out;
    border-radius: 100px;
    padding: 0 22px;
    color: var(--ix-color-black);
    border: 1px solid var(--ix-color-grey-mid);
    margin-top:12px
}

/* !SECTION End BASIC ELEMENTS */

/*────────────────────────────────────────────────/
/──────────────── # SECTION 5 - PAGE SECTIONS ─────────────/
│   ├── Navigation
│   ├── Tables
│   ├── Headings 
│   ├── Images
│   ├── Links
│   └── Lists
/────────────────────────────────────────────────*/

/* NOTE Page header */

.banner-sec {
  position: relative;
  background-color: var(--ix-color-grey-verylight);
  border-bottom: 1px solid var(--ix-color-grey-mid);
  background-position: center;
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots.svg");
  overflow: hidden;
}

.banner-sec .banner-left .row {
  align-items: flex-start;
}

.banner-left h1 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-3xl);
  margin-bottom: var(--ix-space-m);
}

.banner-left {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.banner-left .text-box {
  width: 100%;
}

.banner-left p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  margin-bottom: var(--ix-space-m);
}

.banner-left form {
  position: relative;
}

.search-btn {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 36px;
}

.banner-sec .image-holder {
  float: right;
  margin-right: -70px;
  position: relative;
  z-index: 1;
}

.banner-sec .image-holder img {
  height: 100%;
  max-width: initial;
}

.banner-sec .image-holder .ce-center .ce-outer {
  float: none;
}

.banner-sec .row {
  align-items: stretch;
}

.banner-sec .image-holder {
  display: flex;
  align-items: center;
  min-height: 736px;
  display: flex;
  position: relative;
  padding: 20px 0;
}

.banner-sec .image-holder:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-color: var(--ix-color-black);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots-on-black.svg");
  background-repeat: repeat;
  height: 100%;
  width: 41vw;
  left: 150px;
  z-index: -1;
}

.page-header__background {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-repeat: repeat;
  height: 100%;
  width: 100vw;
  left: 150px;
  z-index: -1;
}

.page-header__background img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.bg-domains.page-header__background {
  background-color: var(--ix-color-domains-tertiary);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots-opacity.svg");
}

.bg-hosting.page-header__background {
  background-color: var(--ix-color-hosting-tertiary);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots-opacity.svg");
}

.bg-encryption.page-header__background {
  background-color: var(--ix-color-encryption-tertiary);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots-opacity.svg");
}

.bg-white.page-header__background {
  background-color: #fff;
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots-opacity.svg");
}

.bg-black.page-header__background {
  background-color: var(--ix-color-black);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots-on-black.svg");
}

.banner-sec .ce-textpic,
.banner-sec .ce-image,
.banner-sec .ce-nowrap .banner-sec .ce-bodytext,
.banner-sec .ce-gallery,
.banner-sec .ce-row,
.banner-sec .ce-uploads li,
.banner-sec .ce-uploads div {
  overflow: visible;
}

.banner-bg {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--ix-color-black);
  height: 100%;
  width: calc(46vw - 150px);
  left: 150px;
  z-index: -1;
  overflow: hidden;
}

.banner-sec .image-holder .banner-bg img {
  object-fit: cover;
  object-position: right center;
  height: auto;
}

/*Promo Banner*/
.mask-promo-banner {
  width: 100%;
}

.background-promo-banner-graphic-domains:before {
  content: "";
  position: absolute;
  right: 200px;
  top: 0;
  height: 100%;
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/pattern-domains-1.png);
  width: 80%;
  opacity: 0.4;
  background-size: cover;
}
.background-promo-banner-graphic-hosting:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  /* background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-hosting.svg); */
  background-color: rgb(20, 18, 18);
  -webkit-mask-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-hosting.svg);
  mask-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-hosting.svg);
  width: 95%;
  opacity: 0.6;
  background-size: cover;
}
.background-promo-banner-graphic-encryption:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  background-color: rgb(20, 18, 18);
  -webkit-mask-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-encryption.svg);
  mask-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-encryption.svg);
  width: 95%;
  opacity: 0.4;
  background-size: cover;
}

.sticky-top {
  top: 72px;
}

.mask-promo-banner-bg-encryption {
  background: linear-gradient(91.91deg, #be1cf6 0%, #fe9f9f 208.8%);
}
.mask-promo-banner-bg-hosting {
  background: var(--ix-color-hosting-gradient-primary);
}
.mask-promo-banner-bg-domains {
  background: var(--ix-color-domains-gradient-primary);
}

.mask-promo-banner-text {
  color: #fbfbfb;
  font-size: 16px;
  margin-bottom: 0px;
}

.mask-promo-banner-text a {
  color: #fbfbfb;
  font-size: 16px;
}
.mask-promo-banner-text a:hover {
  color: #fbfbfb;
}

.mask-promo-banner-icon {
  transform: translateY(1.5px);
}z

/* The header component */
.page-header .image-holder:before {
  content: none;
}

/*NOTE Used with ix25 but can be used globally*/
.rounded-bottom-edges{
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 25px;
  z-index: 5;
}

/* NOTE IX 25 years Header*/

.ix25__homepage-header{
  position:relative;
  margin-bottom: 100px;
  background: radial-gradient(61.23% 61.23% at 50.00% 85.82%, rgba(133, 123, 245, 0.70) 0%, rgba(133, 123, 245, 0.02) 100%), #070707;
  background: radial-gradient(140% 107.13% at 50% 10%,rgba(20, 12, 15, 1) 37.41%,#63e 69.27%,rgba(133, 123, 245, 0.7) 100%);
  background: lradial-gradient(140% 107.13% at 50% 10%,#3E1152 37.41%,#f2630f 69.27%,rgb(233 123 245 / 81%) 100%);
}

.ix25__homepage-header__flow{
  position: absolute;
  display: block;
  width: 100%;
  top:-105px;
  display : grid;
  grid-template-rows: 230px;
  grid-template-columns: 1fr;
  justify-items: center;
  overflow: hidden;
  align-items: end;
}

.ix25__homepage-header__flow{

}

.ix25__homepage-header__flow img.frame{
  opacity: 0;
}

.ix25__homepage-header__flow img.frame.visible{
  opacity: .8;
}


.ix25__homepage-header__flow img{
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}

.ix25__homepage-header__container{
  position: relative;
  display:flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 140px;
  margin:0 auto 160px;
  z-index: 10;
  height: 400px;
}

.ix25__homepage-header__container .logo{
  width: 280px;
  margin-bottom: 20px;
  opacity: 0;
}

.ix25__homepage-header__container a{
  border-radius: 999px;
  padding: 2px 14px;
  color: #fff;
  background: radial-gradient(83.52% 83.52% at 71.01% 41.30%, #F18585 0%, #B42BF4 100%);
  display: flex;
  align-items: center;
  font-weight: 600;
  z-index: 10;
  opacity: 0;
}

.ix25__homepage-header__container a:hover{
    opacity: .8;
    color: #fff;
}

.ix25__homepage-header__logoholder{
  transform: translate(250px, -250px);
  height: 500px;
  width: 500px;
  position: absolute;
  top: 70%;
  right: 50%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ix25__homepage-header__logoholder .paths{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.ix25__homepage-header__logoholder .paths img{
  opacity:0;
  position: absolute;
  top: -16px;
  left: -16px;
  height: 32px;
}

.ix25__homepage-header__logoholder .paths > * {
  grid-row: 1 / span 1;
  grid-column: 1 / span 1;
}
 
.homepage-header .circle{
  top: 70%;
  right: 50%;
  position: absolute;
  border-radius: 999px; /*1*/
  border: 3px solid transparent; /*2*/
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%) border-box; /*3*/
  -webkit-mask: /*4*/
     linear-gradient(#fff 0 0) padding-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; /*5'*/
          mask-composite: exclude; /*5*/
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.homepage-header .circle--1{
  transform: translate(250px, -250px);
  height: 500px;
  width: 500px;
}

.homepage-header .circle--2{
  transform: translate(450px, -450px);
  height: 900px;
  width: 900px;
}

.homepage-header .circle--3{
  transform: translate(650px, -650px);
  height: 1300px;
  width: 1300px;
}

.homepage--card .title{
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.homepage-header .homepage--card-domains .title img{
  filter: invert(100%) invert(36%) sepia(86%) saturate(1099%) hue-rotate(345deg) brightness(102%) contrast(100%);
}

.homepage-header .homepage--card-hosting .title img{
  filter: invert(100%) invert(10%) sepia(99%) saturate(7212%) hue-rotate(252deg) brightness(104%) contrast(105%);
}

.homepage-header .homepage--card-encryption .title img{
  filter:  invert(100%)  invert(23%) sepia(81%) saturate(5599%) hue-rotate(275deg) brightness(105%) contrast(92%);
}

.hosting-domain-sec{
  z-index: 15;
  position: relative;
}

.ix25__homepage-header .globe{
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  filter: drop-shadow(14px -200px 97px #c650be9c);
  width: 1620px;
  left: 50%;
  transform: translateX(-810px);
  z-index: 4;
}

.homepage--card-domains{
  transform: skewX(1deg) !important;
}

.homepage--card-encryption{
  transform: skewX(-1deg) !important;
}

.yaaay-popup-wrapper{
  display: none;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 5000000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
}

.yaaay-popup-wrapper.active{
  display: flex;
}

.yaaay-popup-wrapper .rounded-bottom-edges{
  height: 24px;
  bottom: 0;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
}


.yaaay-popup-underlay{
  position: fixed;
  background: rgba(17, 17,17, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.yaaay-popup{
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 24px 42px 6px rgba(0,0,0,0.1);
  text-align: center;
  max-width: 600px;
  overflow: hidden;
  z-index: 2;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.yaaay-popup .the-header{
  background-image: var(--ix-color-hosting-gradient-primary);
  padding: var(--ix-space-l) var(--ix-space-m);
  position: relative;
}

.yaaay-popup .the-header h3{
  color: #fff;
  text-align: center;
}

.yaaay-popup .the-header .icon-rounded-big{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 2;
}

.yaaay-popup .the-content{
  padding: var(--ix-space-l) var(--ix-space-m);
}

.yaaay-popup .the-content p{
  font-size: var(--ix-space-m);
}





@media (max-width: 1680px){
  .ix25__homepage-header .globe{
    width: 1300px;
    transform: translateX(-650px);
  }
  .ix25__homepage-header__container{
    padding-top: 100px;
    margin: 0 auto 108px;
  }
}

@media (max-width: 1300px){
  .ix25__homepage-header .globe{
    width: 100%;
    transform: translateX(0);
    right:0;
    left:0;
  }
}


@media (max-width: 991px){
    .ix25__homepage-header__container{
        padding-top: 50px;
    }

    .ix25__homepage-header__container .logo{
      width: 218px;
    }
    .ix25__homepage-header__container {
      margin: 0 auto 250px;
    }
    .homepage-header .circle--1 {
      transform: translate(200px, -200px);
      height: 400px;
      width: 400px;
  }
  .homepage-header .circle{
    top: 50%;
  }
  .homepage-header .circle--2 {
    transform: translate(350px, -350px);
    height: 700px;
    width: 700px;
  }
    
}

@media (max-width: 767px){
  
  
  .homepage--card-domains{
    transform: skewX(0) !important;
  }
  
  .homepage--card-encryption{
    transform: skewX(0) !important;
  }
}

/* NOTE Frankfurt Galaxy homepage promotion-header*/

.fg__homepage-header{
  position:relative;
  margin-bottom: 100px;
  background-image: radial-gradient(140% 107.13% at 50% 10%, rgb(20 12 15 / 68%) 37.41%, #6633eecf 69.27%, rgb(100 89 232 / 84%) 100%);
}


.fg__homepage-header__container{
    height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 16px;
}

@media(min-width: 650px){
  .fg__homepage-header__container{
    height: 550px;
  }
} 

.fg__homepage-header__container .btn-big{
  opacity: 0;
}

.fg__homepage-header__container .above-title{
  margin-bottom: 6px;
  font-size: 13px;
  font-family: "IBM Plex Mono";
  color: #ffffffb0;
  text-align: center;
  opacity: 0;
}

.fg__homepage-header__container .above-title img{
  height: 17px;
  opacity: .7;
}

.fg__homepage-header__video-wrapper{
  position: absolute;
  inset: 0;
  z-index:-1;
  background-color: var(--ix-color-black);
}

.fg__homepage-header__video-wrapper video{
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
}

.fg__homepage-header__video-wrapper .placeholder{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 10;
}

.fg__homepage-header__title{
  color: #fff;
  text-align: center;
  z-index: 20;
  margin-bottom: 30px;
  font-size: var(--ix-type-3xl);
  font-weight: 700;
}

.fg__homepage-header__title span{
  background-color: #fff;
  background-image: linear-gradient(130.89deg, #ce87f2ca 30%, #4132ec9d 50.71%, #ffffff 100%);
  background-size: 200%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  display: block;
  animation: moving-gradient 3s ease infinite;
  font-size: 60px;
  padding: 0 16px;
}

@media (min-width: 991px){
  .fg__homepage-header__title{
      letter-spacing: -2px;
      font-size: 80px;
      margin-bottom: 65px;
  }
  .fg__homepage-header__title span{
    font-size: 91px;
    margin-bottom: -10px;
  }
}

@keyframes moving-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.homepage-header.fg__homepage-header .circle--3 {
  transform: translate(650px, -750px);
  height: 1300px;
  width: 1300px;
}

.homepage-header.fg__homepage-header .circle--2 {
  transform: translate(450px, -550px);
  height: 900px;
  width: 900px;
}

.homepage-header.fg__homepage-header .circle--1 {
  transform: translate(228px, -335px);
  height: 450px;
  width: 450px;
}
 

/* NOTE FAQ */

.faq-inner ul li {
  margin: 0;
  font-size: var(--ix-type-m);
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 8px;
  color: var(--ix-color-grey-dark);
}

.faq-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 117.6%;
  margin-bottom: var(--ix-space-l);
}

.faq-inner a {
  color: var(--ix-color-hosting-primary);
}

.card {
  padding: 0;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid var(--ix-color-black);
}

.card-header {
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}

.btn-link {
  padding: 29px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: normal;
  color: var(--ix-color-black);
  font-size: var(--ix-type-l);
  box-shadow: none;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
}

.btn-link:hover {
  text-decoration: none;
  color: var(--ix-color-black);
}

.btn-link:focus {
  box-shadow: none;
  text-decoration: none;
}

.btn-link strong {
  font-weight: normal;
  flex: 1;
  width: 100%;
  text-align: left;
}

.btn-link span {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-link span img {
  transition: all 0.2s ease-in-out;
}

.btn-link[aria-expanded="true"] {
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

.btn-link[aria-expanded="true"] span img {
  transform: rotate(180deg);
  transition: all 0.2s ease-in-out;
}

.card-body {
  padding: 0 18px 18px;
}
.btn-link {
  padding: 29px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: normal;
  color: var(--ix-color-black);
  font-size: var(--ix-type-l);
  box-shadow: none;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.card-body {
  padding: 0 18px 30px 0;
}

.card-body p {
  font-size: var(--ix-type-m);
  line-height: 1.6;
  color: var(--ix-color-grey-dark);
  width: 100%;
  font-weight: 400;
  max-width: initial;
  margin-bottom: var(--ix-space-s);
}

/****** HOSTING FAQ *****/

.hosting-page .faq-sec {
  padding: 130px 0 52px;
}

.hosting-page .card .btn-link {
  padding: 29px 0;
}

.hosting-page .card .card-body {
  padding: 0 0 18px;
}

/* NOTE Knowledge hub */

.knowledge-sec {
  padding: var(--ix-space-l) 0 0;
}

.knowledge-inner .media {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.knowledge-inner .media h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-black);
}

.knowledge-image-holder img:last-child {
  display: none;
}

.knowledge-box {
  margin: 15px 0;
}

.knowledge-box a {
  display: block;
}

.knowledge-box .text-box {
  padding: 18px 0 0 0;
}

.knowledge-box .text-box span {
  font-weight: normal;
  font-size: var(--ix-type-2xs);
  color: var(--ix-color-black);
  border: 0.774234px solid var(--ix-color-grey-mid);
  border-radius: 37.1632px;
  width: 88px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.knowledge-box .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  margin-top: 23px;
  color: var(--ix-color-black);
}

/* NOTE Get in touch */
.get-touch-sec {
  padding: 26px 0 187px;
  position: relative;
}

.get-touch-inner {
  background: var(--ix-color-black);
  padding: 75px 101px;
}

.get-touch-inner .text-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-white);
}

.get-touch-inner .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: var(--ix-color-white);
  max-width: 808px;
  width: 100%;
}

/****** GET TOUCH HOSTING *****/

.get-touch-sec {
  padding: 26px 0 0;
  margin: 0 0 -150px 0;
  z-index: 10;
}

.get-touch-hosting .get-touch-inner {
  background: linear-gradient(160.42deg, #f5d8cf 0%, #e4bff5 54.39%, #c4c1e9 100%);
}

.get-touch-sec .get-touch-inner .text-box h3 {
  font-weight: normal;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-black);
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 45px;
  margin-bottom: 40px;
}

.get-touch-sec .get-touch-inner .text-box h3 a {
  color: var(--ix-color-black);
}

.get-touch-sec .get-touch-inner .text-box h3:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--ix-color-grey-dark);
  max-width: 250px;
  width: 100%;
}

.get-touch-sec .get-touch-inner .text-box P {
  font-weight: 400;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.get-touch-sec .get-touch-inner .text-box P strong {
  font-weight: bold;
}

/* NOTE Footer */

footer {
  background: var(--ix-color-black);
  padding: 260px 0 51px;
}

.footet-nav {
  border-bottom: 1px solid var(--ix-color-grey-verydark);
  padding-bottom: 50px;
}

.footet-nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footet-nav ul li {
  margin: 0;
  margin-right: 20px;
  list-style: none;
}

.footet-nav ul li:last-child {
  margin-right: 0;
}

.footet-nav ul li a {
  color: var(--ix-color-white);
}

.footet-nav ul li a:hover {
  color: var(--ix-color-domains-primary);
}

.footer-mid {
  padding: 70px 0;
  grid-template-columns: 2fr 3fr 3fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 36px;
  row-gap: 0;
}

.footer-mid ul li {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.footer-mid--language {
  grid-column: 4/5;
  grid-row: 1/3;
}

.footer-mid--contact {
  grid-column: 1/2;
  grid-row: 1/3;
}

.footer-mid--awards {
  grid-column: 2/3;
  grid-row: 1/2;
}

.footer-mid--awards ul,
.footer-mid--partners ul {
  display: flex;
}

.footer-mid--awards ul img,
.footer-mid--partners ul img {
  margin-right: var(--ix-space-s);
}

.footer-mid--partners {
  grid-column: 2/3;
  grid-row: 2/3;
}

.footer-mid--reviews {
  grid-column: 3/4;
  grid-row: 1/2;
}

.footer-mid--system-status {
  grid-column: 3/4;
  grid-row: 2/3;
}

.footer-mid--system-status .pill-dark img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(78%) saturate(771%) hue-rotate(93deg) brightness(95%) contrast(101%);
}

.headind-second h4 {
  color: var(--ix-color-white);
  font-weight: 600;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  margin-bottom: var(--ix-space-m);
}

.headind-second h4 span {
  position: relative;
  display: inline-block;
}

.headind-second h4 span:after {
  position: absolute;
  content: "";
  right: -23px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--ix-color-grey-mid);
  height: 1px;
  width: 14px;
}

.headind-second-continent {
  padding-right: 74px;
}

.footer-logo {
  margin: 24px 0 0 0;
}

.footer-mid-left .text-box {
  margin: 16px 0 0 0;
}

.footer-mid-left .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: var(--ix-color-grey-mid);
}

.footer-mid-left .text-box ul {
  margin: 30px 0 0 0;
}

.footer-mid-left .text-box ul li {
  margin: 0;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: var(--ix-color-grey-mid);
  display: flex;
  align-items: center;
}

.footer-mid-left .text-box ul li a {
  color: var(--ix-color-grey-mid);
}

.footer-mid-company-inner:first-child .headind-second h4 {
  color: var(--ix-color-warning-dark);
}

.footer-mid-reviw .media span {
  display: flex;
  align-items: center;
  max-width: 55px;
  width: 100%;
  border-right: 1px solid var(--ix-color-grey-dark);
}

.footer-mid-reviw .media .text-box {
  flex: 1;
  width: 100%;
  padding-left: 23px;
}

.footer-mid-reviw .media .text-box ul {
  display: flex;
  align-items: center;
  margin: -8px -5px 8px;
}

.footer-mid-reviw .media .text-box ul li {
  margin: 0;
  padding: 0 5px;
}

.footer-mid-reviw .media .text-box h4 {
  color: var(--ix-color-white);
  font-weight: normal;
  font-size: var(--ix-type-m);
  display: flex;
  align-items: center;
}

.footer-mid-reviw .media .text-box h4 strong {
  color: var(--ix-color-grey-mid);
  font-weight: 400;
  margin-left: 10px;
  display: inline-block;
  font-size: var(--ix-type-s);
}

.footer-mid-reviw h5 {
  color: var(--ix-color-white);
  font-weight: normal;
  font-size: var(--ix-type-s);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ix-color-grey-verydark);
  border-radius: 48px;
  padding: 10px 0;
  max-width: 233px;
  margin: 27px 0 0 0;
  width: 100%;
}

.footer-mid-reviw h5 img {
  margin-right: 12px;
}

.footer-language .dropdown {
  margin-top: 36px;
}

.footer-language .btn-lang {
  border: 1px solid var(--ix-color-grey-verydark);
  box-shadow: none;
  font-weight: bold;
  font-size: var(--ix-type-s);
  color: var(--ix-color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  height: 36px;
  max-width: 82px;
  width: 100%;
}

.footer-language .btn-lang img {
  margin-left: 11px;
}

.footer-language .dropdown-menu {
  min-width: 82px;
  border-radius: 0;
  padding: 0;
}

.footer-language .dropdown-item {
  font-size: var(--ix-type-s);
  padding: 5px 10px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--ix-color-grey-verydark);
  padding: 55px 0 0;
}

.footer-bottom ul li {
  margin: 0;
  list-style: none;
}

.footer-bottom-left ul {
  display: flex;
  align-items: center;
}

.footer-bottom-left ul li {
  margin: 0;
  margin-right: 37px;
}

.footer-bottom-left ul li:first-child {
  margin-right: 57px;
}

.footer-bottom-right ul {
  display: flex;
  align-items: center;
}

.footer-bottom-right ul li {
  margin: 0;
  margin-left: 40px;
}

/* !SECTION End SECTIONS ELEMENTS */

/*────────────────────────────────────────────────/
/────────────── // SECTION 6 - COMPONENTS  ──────────/
/────────────────────────────────────────────────*/

/* NOTE Solution finder */

.solution-other ul {
  display: flex;
  align-items: center;
}

.solution-other li a {
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  position: relative;
  padding: 19px 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-other li a.active:after {
  display: block;
}

.solution-other li a.active {
  font-weight: 700;
}

.solution-other li a:after {
  position: absolute;
  content: "";
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/other-shape-icon.svg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 14px;
  height: 9px;
  bottom: -10px;
  left: 46%;
  z-index: 1;
  display: none;
  transform: translate(-50%, 0);
}

.solution-other li a.services-link {
  display: none;
}

.solution-finder-content .solution-finder-product.inactive img {
  filter: invert(0%) sepia(6%) saturate(19%) hue-rotate(330deg) brightness(99%) contrast(87%);
  opacity: 0.3;
}

.solution-finder-content .inactive {
  /* opacity: 0.3; */
  box-shadow: none;
  background: none;
  border: 1px solid #00000040;
  color: #00000082;
}

.solution-finder-product img {
  transition: filter 0.23s ease-in-out;
}

.solution-finder-content .inactive.has-subpage:hover {
  background: initial;
  color: initial;
}

.solution-finder-header {
  margin-bottom: 36px;
}

.solution-finder-header h4 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  max-width: 860px;
  width: 100%;
  line-height: 1.3;
  margin-bottom: 20px;
}

.solution-finder-header .media {
  align-items: center;
}

.solution-finder-header ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.solution-finder-header ul li {
  padding: 0 8.5px;
  margin: 0;
  list-style: none;
}

.solution-finder-header span {
  color: var(--ix-color-black);
  font-weight: 700;
  display: flex;
  align-items: center;
  font-size: var(--ix-type-s);
  margin-left: 0;
  margin-right: 36px;
}

.solution-finder-header span img {
  margin-right: 11px;
}

.solution-finder-content {
  position: relative;
  padding: 45px 0;
}

.solution-finder-content h4 {
  align-items: center;
  font-weight: 600;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  margin-left: 20px;
  margin-bottom: 30px;
  display: flex;
  align-content: center;
}

.solution-finder-product {
  margin: 10px 20px;
  z-index: 3;
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: var(--ix-type-s);
  background: var(--ix-color-white);
  border-radius: 48px;
  color: var(--ix-color-black);
  height: 36px;
  padding: 0 30px;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
  cursor: initial;
  border: 1px solid #fff;
  line-height: 1;
}

.solution-finder-product.column-from-1,
.solution-finder-content h4.column-from-1 {
  margin-left: 0;
}

.solution-finder-product:hover {
  color: var(--ix-color-black);
}

.solution-finder-product img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(1284%) hue-rotate(289deg) brightness(114%) contrast(79%);
}

.solution-finder-product img.active {
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(1930%) hue-rotate(345deg) brightness(98%) contrast(99%);
}

.solution-finder-product.has-subpage {
  cursor: pointer;
}

.solution-finder-product.has-subpage:hover {
  background: var(--ix-color-black);
  color: #fff;
  border: 1px solid var(--ix-color-black);
}

.solution-finder-product.has-subpage .hided-icon img {
  color: #fff;
}

.solution-finder-product-icons {
  position: relative;
}

.solution-finder-product.has-subpage .showed-icon {
  transition: all 0.2s ease-in-out;
  display: flex;
}

.solution-finder-product.has-subpage .hided-icon {
  position: absolute;
  position: absolute;
  right: 08px;
  top: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.solution-finder-border {
  height: 100%;
  background: rgba(17, 17, 17, 0.105);
  width: 1px;
  position: absolute;
  right: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
}

/* NOTE Statement */

h3.statement {
  font-size: var(--ix-type-xl);
  font-weight: 400;
}

/* NOTE Logo wall */

.logowall ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-items: stretch;
  gap: 16px;
}

.logowall ul li {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.logowall ul li img {
  height: 30px;
  width: auto;
  max-width: initial;
}

.logowall ul li img.grayscale {
  filter: grayscale(1);
  transition: all 0.2s ease-in-out;
}

.logowall ul li a {
  padding: var(--ix-space-s) var(--ix-space-m);
  border: 1px solid var(--ix-color-grey-light);
  transition: border 0.2s ease-in-out;
  display: block;
}

.logowall ul li a:hover {
  border: 1px solid var(--ix-color-grey-dark);
}

.logowall ul li a:hover img {
  filter: inherit;
  transition: all 0.2s ease-in-out;
}

/* NOTE Box with pills */

.dns-benift-sec {
  background: url("/https/www.internetx.com/fileadmin/files/ix/global/patterns/homepage-testimonial.png") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 85px 0 120px;
  margin-bottom: var(--ix-space-2xl);
}

.dns-benift-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  margin-bottom: var(--ix-space-l);
}

.ecosystem-box.dns-benift-box {
  background: none;
  padding: 0;
}

.ecosystem-box.dns-benift-box .ecosystem-box-left {
  padding: 0;
}

.ecosystem-box.dns-benift-box .ecosystem-box-left:after {
  display: none;
}

.ecosystem-box.dns-benift-box .ecosystem-box-left .nav-item .nav-link {
  max-width: 320px;
  border: 1.36111px solid var(--ix-color-grey-mid);
}

.ecosystem-box.dns-benift-box .ecosystem-box-right {
  padding: 0;
  align-items: start;
}

.ecosystem-box.dns-benift-box .ecosystem-box-right .image-holder img {
  width: var(--ix-space-l);
}

.dns-benift-box .ecosystem-box-right .text-box .media .text-inner {
  margin-left: 18px;
}

.dns-benift-box .ecosystem-box-right .text-box .media .text-inner h4 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-m);
  text-transform: capitalize;
  margin-bottom: var(--ix-space-xs);
}

.dns-benift-box .ecosystem-box-right .text-box .media .text-inner p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  color: var(--ix-color-grey-dark);
  text-transform: capitalize;
}

.tabsbox-image-1 img,
.tabsbox-image-2 img,
.tabsbox-image-3 img {
  height: 430px;
  max-width: initial;
  width: auto;
}

.tabsbox-image-1,
.tabsbox-image-2,
.tabsbox-image-3 {
  display: block !important;
  transition: height 0s, opacity 0.5s ease-in-out 0.1s;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.tabsbox-image-1.active,
.tabsbox-image-2.active,
.tabsbox-image-3.active {
  max-height: 600px;
  opacity: 1;
}

.ecosystem-box {
  background: var(--ix-color-domains-tertiary);
}

.ecosystem-box > .row {
  align-items: stretch;
}

.ecosystem-box-left {
  padding: 72px;
  position: relative;
  height: 100%;
}

.ecosystem-box-left:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: var(--ix-color-black);
  width: 1px;
  height: 100%;
  opacity: 0.17;
}

.ecosystem-box-left .nav-pills {
  display: block;
}

.ecosystem-box-left .nav-item {
  margin-bottom: var(--ix-space-s);
  margin-left: 0;
}

.ecosystem-box-left .nav-item:last-child {
  margin-bottom: 0;
}

.ecosystem-box-right {
  height: 100%;
  display: flex;
  align-items: center;
  padding: var(--ix-space-xl);
}

.ecosystem-box-right .text-box h3 {
  font-weight: 600;
  font-size: var(--ix-type-xl);
  line-height: 1.4;
  color: var(--ix-color-black);
  margin-bottom: var(--ix-space-s);
}

.ecosystem-box-right .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.8;
  margin: 0 0 var(--ix-space-m);
  color: var(--ix-color-black);
  width: 100%;
}

/* NOTE Basic card */
/* Card box: products card and career jobs card */

.card-box {
  background: #ffffff;
  border: 1px solid var(--ix-color-grey-light);
  box-sizing: border-box;
  /* box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.02);*/
  box-shadow: 4px 2px 35px -12px rgb(0 0 0 / 10%);
  margin-bottom: 37px;
  padding: var(--ix-space-m);
  transition: all 0.22s ease-in-out;
}

.domains .card-box.highlighted {
  border-color: var(--ix-color-domains-primary);
  box-shadow: 1px 1px 47px 18px rgb(248 88 37 / 9%);
}

.hosting .card-box.highlighted {
  border-color: var(--ix-color-hosting-primary);
  box-shadow: 1px 1px 47px 18px rgb(55 38 249 / 9%);
}

.encryption .card-box.highlighted {
  border-color: var(--ix-color-encryption-primary);
  box-shadow: 1px 1px 47px 18px rgb(180 43 244 / 9%);
}

.card-box:hover {
  border: 1px solid var(--ix-color-grey-verydark);
}

.card-box p {
  color: var(--ix-color-grey-verydark);
  font-size: var(--ix-type-m);
}

.card-box__header {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--ix-space-s);
}

.card-box__title {
  margin-bottom: 0;
  margin-right: 18px;
  font-size: var(--ix-type-l);
  font-weight: 600;
  color: var(--ix-color-black);
}

.card-box__tag {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xs);
  line-height: 1.4;
  color: #ffffff;
  border-radius: 5px;
  padding: 7px 14px;
  margin-left: 18px;
  position: relative;
  background: var(--ix-color-domains-primary);
}

.card-box__tag:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 9px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.card-box__tag.tag-autodns {
  background: var(--ix-color-domains-primary);
}

.card-box__tag.tag-isac {
  background: var(--ix-color-hosting-primary);
}

.card-box__tag.tag-ondemand {
  background: var(--ix-color-grey-light);
  color: var(--ix-color-black);
}

.card-box__tag.tag-autodns::before {
  border-right: 8px solid var(--ix-color-domains-primary);
}

.card-box__tag.tag-isac::before {
  border-right: 8px solid var(--ix-color-hosting-primary);
}

.card-box__tag.tag-ondemand::before {
  border-right: 8px solid var(--ix-color-grey-light);
}

.card-box__disc {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: #6d6d6d;
  max-width: 528px;
  margin-bottom: 20px;
}

.card-box__pills {
  margin-bottom: 20px;
}

.card-box__pills .pill {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xs);
  line-height: 1.4;
  background: #ffffff;
  border-radius: 48px;
  padding: 4px 14px;
  border: 1px solid;
  margin-right: 9px;
  display: inline-block;
}

.card-box__pills.domains-pill .pill {
  border-color: var(--ix-color-domains-primary);
  color: var(--ix-color-domains-primary);
}

.card-box__pills.hosting-pill .pill {
  border-color: var(--ix-color-hosting-primary);
  color: var(--ix-color-hosting-primary);
}

.card-box__pills.encryption-pill .pill {
  border-color: var(--ix-color-encryption-primary);
  color: var(--ix-color-encryption-primary);
}

.card-box__pills.domains-pill img {
  filter: invert(46%) sepia(43%) saturate(5327%) hue-rotate(348deg) brightness(101%) contrast(94%);
}

.card-box__pills.hosting-pill img {
  filter: invert(19%) sepia(81%) saturate(5510%) hue-rotate(246deg) brightness(91%) contrast(118%);
}

.card-box__pills.encryption-pill img {
  filter: invert(32%) sepia(69%) saturate(2075%) hue-rotate(261deg) brightness(87%) contrast(124%);
}

.card-box__btn a {
  font-weight: 600;
}

.card-box__btn {
  margin-top: var(--ix-space-xs);
}

/* NOTE Calendly card */
/* contact card */

.contact-card {
  width: 64px;
  height: 64px;
  background: #fff;
  border: 1px solid #111;
  border-radius: 32px;
  position: fixed;
  bottom: 100px;
  right: 100px;
  transition: border-radius 0.3s, height 0.3s, width 0.3s, transform 0.2s;
  transition-timing-function: ease-in-out;
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04), 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04);
  z-index: 900;
}

.contact-card:hover {
  transform: translateY(-6px);
}

.contact-card_content {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.contact-card_content > div {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.contact-card--full-opened {
  height: 288px;
  width: 288px;
  border-radius: 0;
  animation-duration: 0.4s;
  animation-name: card-extend;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.contact-card--full-opened.active {
  padding: 36px;
}

.contact-card--full-opened.active .contact-card_icon {
  transform: translateY(-18px);
  opacity: 0;
}

.contact-card--full-opened.active .contact-card_icon--close {
  transform: translateY(0);
  opacity: 1;
  display: block;
}

.contact-card--full-opened.active .contact-card_content {
  display: flex;
}

.contact-card--full-opened.active .contact-card_content > div {
  transform: translateY(0);
  opacity: 1;
}

.contact-card--full-closed {
  height: 64px;
  width: 64px;
  animation-duration: 0.4s;
  animation-name: card-shrink;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes card-extend {
  0% {
    height: 64px;
    width: 64px;
    border-radius: 32px;
  }

  50% {
    height: 64px;
    width: 288px;
    border-radius: 32px;
  }

  100% {
    width: 288px;
    height: 288px;
    border-radius: 0;
  }
}

@keyframes card-shrink {
  0% {
    width: 288px;
    height: 288px;
  }
  50% {
    height: 64px;
    width: 288px;
  }

  100% {
    height: 64px;
    width: 64px;
  }
}

.contact-card--domains {
  border-color: var(--ix-color-domains-primary);
}

.contact-card--domains .contact-card_icon img,
.contact-card--domains .contact-card_icon--close img {
  filter: var(--ix-color-domains-img-filter);
}

.contact-card--domains .contact-card_phone a:hover {
  color: var(--ix-color-domains-primary);
}

.contact-card--hosting {
  border-color: var(--ix-color-hosting-primary);
}

.contact-card--hosting .contact-card_icon img,
.contact-card--hosting .contact-card_icon--close img {
  filter: var(--ix-color-hosting-img-filter);
}

.contact-card--hosting .contact-card_phone a:hover {
  color: var(--ix-color-hosting-primary);
}

.contact-card--encryption {
  border-color: var(--ix-color-encryption-primary);
}

.contact-card--encryption .contact-card_icon img,
.contact-card--encryption .contact-card_icon--close {
  filter: var(--ix-color-encryption-img-filter);
}

.contact-card--encryption .contact-card_phone a:hover {
  color: var(--ix-color-encryption-primary);
}

.contact-card_icon {
  height: 64px;
  width: 64px;
  position: absolute;
  top: 0px;
  right: -2px;
  transition: all 0.4s ease-in-out;
  z-index: 55;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.contact-card_icon--close {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 18px;
  right: 18px;
  transform: translateY(18px);
  opacity: 0;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  z-index: 56;
  display: none;
}

.contact-card_icon img,
.contact-card_icon--close img {
  width: 24px;
  height: 24px;
}

.contact-card_avatar {
  margin-bottom: 15px;
  opacity: 0;
}

.contact-card_avatar img {
  height: 36px;
  position: relative;
}

.contact-card_phone {
  font-weight: bold;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  margin-bottom: 15px;
  opacity: 0;
  align-items: center;
  display: flex;
}

.contact-card_phone a {
  color: var(--ix-color-black);
}

.contact-card_title {
  margin-bottom: 15px;
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.3;
  opacity: 0;
}

/* NOTE Process */

/********* SERVICES PROCESS ******/

.services-process-sec {
  padding: 100px 0;
}

.services-process-sec .row {
  display: flex;
  align-content: stretch;
  align-items: center;
}

.services-process-inner h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-black);
  margin-bottom: 60px;
}

.process-left {
  padding-bottom: 20px;
  position: relative;
}

.process-icon {
  margin-right: var(--ix-space-s);
  margin-top: 12px;
}

.process-left .card {
  background: none;
  margin-bottom: 0 !important;
  position: relative;
}

.process-left .card {
  padding-bottom: var(--ix-space-m);
  border-bottom: none;
}

.process-left .card-header {
  display: flex;
  justify-items: stretch;
  border-bottom: none;
}

.process-left .card-body {
  padding: 0;
}

.process-content {
  padding-left: 59px;
}

.process-header h4 {
  font-size: var(--ix-type-l);
  margin-bottom: var(--ix-space-xs);
}

.process-header span {
  color: var(--ix-color-grey-dark);
  background: var(--ix-color-grey-verylight);
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid var(--ix-color-grey-mid);
}

#process-container .card:last-child .line-progress,
#process-container .card:last-child .line-progress-active {
  display: none;
}

/* NOTE Featured product box*/

.domain-platform-sec {
  padding: 108px 0 87px;
}

.domain-platform-inner {
  background-size: cover;
  background-position: center center;
  padding: 84px 0 84px 84px;
}

.domain-platform-inner .row {
  align-items: center;
}

.domain-platform-box .nav-pills {
  margin: 28px -8px;
}

.domain-platform-box .nav-pills .nav-item {
  margin: 0;
  padding: 0 8px;
}

.domain-platform-inner .image-holder {
  text-align: right;
  margin-right: -1px;
}

/* NOTE Domains offer card */

.card-domains-offer {
  padding: 36px;
  border: 1px solid #ffb4ad;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--ix-color-black);
  transition: border 0.2s ease-in-out;
  box-shadow: 4px 2px 35px -12px rgb(0 0 0 / 10%);
  background-color: #fff;
}

.card-domains-offer:hover {
  border-color: var(--ix-color-domains-primary);
  color: var(--ix-color-black);
}

.card-domains-offer .card-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--ix-space-s);
  flex-direction: column;
}

.card-domains-offer .card-header h5 {
  font-size: var(--ix-type-l);
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
}

.card-domains-offer-price {
  font-size: var(--ix-type-l);
  line-height: 1;
  font-weight: 400;
  margin-bottom: var(--ix-space-s);
}

.card-domains-offer-validity {
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: var(--ix-color-grey-dark);
}

.card-domains-offer-tag {
  background: var(--ix-color-domains-gradient-primary);
  color: #fff;
  border-radius: 100px;
  padding: 0 12px;
  height: 24px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  margin-bottom: var(--ix-space-s);
}

/* NOTE Special offer card */
/* special offer card */

.special-offer-card {
  background-color: #fff;
}

.special-offer-card__content {
  border: 1px solid var(--ix-color-encryption-primary);
  border-bottom: none;
}

.special-offer-card__top-part {
  padding: var(--ix-space-m);
  padding-bottom: var(--ix-space-s);
}

.special-offer-card__discount {
  margin-bottom: var(--ix-space-xs);
}

.special-offer-card__title {
  margin-bottom: var(--ix-space-xs);
}

.special-offer-card__price {
  margin-bottom: var(--ix-space-xs);
}

.special-offer-card__validity {
  font-size: var(--ix-type-s);
  color: var(--ix-color-grey-dark);
}

.special-offer-card__price_offer {
  color: var(--ix-color-black);
  font-size: var(--ix-type-xl);
  font-weight: 600;
  margin-right: var(--ix-space-xs);
}

.special-offer-card__price_original {
  color: var(--ix-color-grey-mid);
  font-size: var(--ix-type-m);
  text-decoration: line-through;
}

.special-offer-card__list {
  margin: 0;
}

.special-offer-card__list li {
  margin: 0;
  display: flex;
  justify-content: space-between;
  padding: var(--ix-space-xs) var(--ix-space-m);
  border-bottom: 1px solid var(--ix-color-grey-mid);
  align-items: center;
  background-color: #f0f0f0;
}

.special-offer-card__list li:nth-child(2n) {
  background-color: #fff;
}

.special-offer-card__list li:last-child {
  border-bottom: none;
}

.special-offer-container {
  display: flex;
  justify-content: center;
  margin-bottom: var(--ix-space-xs);
  padding-top: var(--ix-space-m);
  position: relative;
}

.special-offer-container > div {
  min-width: 100%;
}

.special-offer-container::before {
  content: "";
  background: var(--ix-color-encryption-gradient-tertiary);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 450px;
}

.special-offer-container .icontext-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: var(--ix-space-xs);
}

.special-offer-container h2 {
  margin-bottom: var(--ix-space-xl);
}

/* NOTE Product / Pricing card */

.product-card {
  background: #ffffff;
  border: 1px solid var(--ix-color-grey-light);
  box-sizing: border-box;
}

.product-card .anchor {
  display: none;
}

.product-card-domains {
  background: #fff;
  border-color: #c58e8157;
}

.product-card-domains .btn-ix-tertiary {
  border-top: 1px solid #c58e8157;
}

.product-card-domains .btn-ix-tertiary {
  border-top: 1px solid #f858258a;
}

.product-card-hosting {
  background: #fff;
  border: 1px solid #dbd9e9;
}

.product-card-hosting .btn-ix-tertiary {
  border-top: 1px solid #dbd9e9;
}

.offer-checkbox-1.product-card-hosting .btn-ix-tertiary {
  border-top: 1px solid #3726f963;
}

.product-card-encryption {
  background: #fff;
  border-top: 1px solid #b398bf63;
}

.product-card-encryption .btn-ix-tertiary {
  border-top: 1px solid #b398bf63;
}

.offer-checkbox-1.product-card-encryption .btn-ix-tertiary {
  border-top: 1px solid #b42bf485;
}

.product-card-default .btn-ix-tertiary {
  border-top: 1px solid var(--ix-color-grey-light);
}

.product-card-default.offer-checkbox-1 .btn-ix-tertiary {
  border-top: 1px solid #1d1b1d3d;
}

.product-card-inner {
  padding: var(--ix-space-m);
  padding-bottom: 0;
}

.product-card-inner > *,
.product-card-inner .frame > * {
  margin-bottom: var(--ix-space-s);
  margin-top: 0;
}

.product-card-inner > *:last-child,
.product-card-inner p:last-child {
  margin-bottom: var(--ix-space-m);
}

.product-card-button .btn-big,
.product-card-button .btn-small {
  width: 100%;
}

.product-card-button .frame-type-mask_button {
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -1px;
}

.offer-checkbox-1.product-card-domains {
  background: linear-gradient(160.24deg, #dae3ee17 36.4%, #ecb5a445 100%);
  border-color: #f858258a;
}

.offer-checkbox-1.product-card-hosting {
  background: linear-gradient(130.89deg, #f4eef769 0%, #dad7fc80 228.71%);
  border-color: #3726f963;
}

.offer-checkbox-1.product-card-encryption {
  background: linear-gradient(160.61deg, #f6ecec2e 0%, #e8bffc52 149.5%);
  border-color: #b42bf485;
}

.offer-checkbox-1.product-card-default {
  background: linear-gradient(159.85deg, #f5d8cf36 -2.49%, #e4bff500 55.11%, #c4c1e92e 103.42%);
  border-color: #1d1b1d3d;
}

/* these styles affect these components when they are nested inside <Card> component */

/* Depends on <Icon-list> component */
.product-card .iconlist {
  margin-left: calc(-1 * var(--ix-space-m));
  margin-right: calc(-1 * var(--ix-space-m));
  margin-bottom: 0 !important;
}

.product-card .iconlist li {
  font-family: "Manrope";
  padding: var(--ix-space-xs) var(--ix-space-m);
  margin: 0;
  font-weight: 600;
  font-size: var(--ix-type-s);
}

.product-card-default .iconlist li {
  border-top: var(--ix-color-grey-light);
}
.product-card-domains .iconlist li {
  border-top: 1px solid #c58e8157;
}
.product-card-hosting .iconlist li {
  border-top: 1px solid #dbd9e9;
}
.product-card-encryption .iconlist li {
  border-top: 1px solid #b398bf63;
}

/* Depends on <Icon-with-text> component */

.product-card-inner .frame-type-mask_icontext:last-child {
  padding-bottom: var(--ix-space-m);
  border-bottom: var(--ix-color-grey-light);
}

.product-card .icontext b {
  font-size: var(--ix-type-s);
}

/* Highlighted */

.offer-checkbox-1.product-card-default .iconlist li {
  border-top: 1px solid #f3b19d;
  background: #f5ecea;
}

.offer-checkbox-1.product-card-default .iconlist li:nth-child(2n) {
  background: #fbf9f9;
}

.offer-checkbox-1.product-card-domains .iconlist li {
  border-top: 1px solid #f3b19d;
  background: #f5ecea;
}

.offer-checkbox-1.product-card-domains .iconlist li:nth-child(2n) {
  background: #fbf9f9;
}

.offer-checkbox-1.product-card-hosting .iconlist li {
  border-top: 1px solid #b1ade3;
  background: #f3f0fe;
}

.offer-checkbox-1.product-card-hosting .iconlist li:nth-child(2n) {
  background: #f8f6fb;
}

.offer-checkbox-1.product-card-encryption .iconlist li {
  border-top: 1px solid #deaaf5;
  background: #f9e9fe;
}

.offer-checkbox-1.product-card-encryption .iconlist li:nth-child(2n) {
  background: #fcf8fc;
}

/* Depends on <Price> component */
.product-card .price h4 {
  font-size: var(--ix-type-2xl);
}

.product-card.product-card-domains .price h4 {
  color: var(--ix-color-domains-primary);
}

.product-card.product-card-hosting .price h4 {
  color: var(--ix-color-hosting-primary);
}

.product-card.product-card-encryption .price h4 {
  color: var(--ix-color-encryption-primary);
}

/* NOTE Sales form */

/****** TALK CONTACT *****/

.talk-contact {
  background: var(--ix-color-black) url(/https/www.internetx.com/fileadmin/files/ix/global/template/contact-pattren.png);
  background-repeat: no-repeat;
  background-size: 505px 326px;
  background-position: left bottom;
  padding: 111px 0;
}

.talk-contact .talk-contact-left li img {
  height: 64px;
  width: auto;
}

.talk-contact label[for="powermail_field_privacy_checkbox_form"]{
  display: none;
}

.talk-contact-left ul {
  display: flex;
  align-items: center;
}

.talk-contact-left ul li {
  margin: 0;
  margin-right: -20px;
  list-style: none;
}

.talk-contact-left ul li:first-child {
  position: relative;
  z-index: 3;
}

.talk-contact-left ul li:nth-child(2) {
  position: relative;
  z-index: 2;
}

.talk-contact-left ul li:nth-child(3) {
  position: relative;
  z-index: 1;
}

.talk-contact-left h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  color: var(--ix-color-white);
  max-width: 609px;
  width: 100%;
  margin: 44px 0;
}

.talk-contact-left p {
  color: var(--ix-color-grey-verylight);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  max-width: 504px;
  width: 100%;
}

.talk-contact-right form .form-group {
  margin-bottom: 33px;
}

.talk-contact-right form .form-group label.lable-text {
  margin: 0;
  display: block;
  color: var(--ix-color-grey-mid);
  font-weight: normal;
  font-size: var(--ix-type-s);
  padding-left: 27px;
  padding-bottom: 13px;
}

.talk-contact-right form .form-group textarea.form-control {
  height: 230px;
  padding-top: 36px;
  margin-bottom: 63px;
}

/* NOTE Shopping card  */

.card-icon > * {
  margin-bottom: 14px;
}

.card-icon > :last-child {
  margin-bottom: 0;
}

.card-icon-title {
  font-size: var(--ix-type-m);
  font-weight: 600;
}

.domain-search-banner {
  background: var(--ix-color-domains-gradient-tertiary);
  background-size: cover;
  min-height: 320px !important;
}

.cart {
  display: flex;
  align-items: center;
  padding: 0 var(--ix-space-m);
  border-left: 1px solid var(--ix-color-grey-mid);
  position: relative;
}

.cart-btn {
  position: relative;
  cursor: pointer;
}

.cart-btn_icon {
  background: var(--ix-color-domains-primary);
  border-radius: 67px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  background: var(--ix-color-black);
}

.cart-btn_icon--cart {
  transform: translateX(-8px);
  transition: all 0.2s ease-in-out;
  filter: invert(100%) sepia(12%) saturate(1%) hue-rotate(161deg) brightness(107%) contrast(101%);
}

.cart-btn_icon img {
  height: auto !important;
}

.cart-btn_icon--close {
  transform: translateX(-8px);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  filter: invert(100%) sepia(12%) saturate(1%) hue-rotate(161deg) brightness(107%) contrast(101%);
}

.cart-btn_number {
  background: var(--ix-color-domains-secondary);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--ix-type-s);
  color: var(--ix-color-white);
  border-radius: 100px;
  margin-left: -8px;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: -2px;
  right: -5px;
  z-index: 6;
}

.cart-box {
  background: #fff;
  width: 350px;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.15s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  height: 100%;
  width: 50%;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.cart-box__close {
  cursor: pointer;
  opacity: 0.8;
}

.cart-box--show {
  opacity: 1;
  transform: translateX(0);
}

.cart-box_header {
  font-size: var(--ix-type-l);
  padding: 20px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--ix-color-grey-mid);
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 3;
  margin-bottom: 0;
}

.cart-box_content {
  padding: 20px 36px 36px;
  display: flex;
  flex-direction: column;
}

.cart-box_content li {
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 9.5px 0;
  border-bottom: 1px solid var(--ix-color-grey-mid);
  list-style: none;
}

.cart-box_content li:last-child {
  margin-bottom: var(--ix-space-m);
}

.cart-box_checkout-btn {
  align-self: flex-end;
}

/* NOTE Icons list */

.iconlist li:last-child {
  margin-bottom: 0;
}

.icon-position--right {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.iconlist .icon-position--right span {
  margin-right: 0;
}

/* NOTE Pricing Table  */

.pricing-table {
  border: 1px solid var(--ix-color-grey-mid);
  padding-bottom: 12px;
}

.pricing-table--grid {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.pricing-table--header {
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.pricing-table--header h2 {
  border-bottom: 1px solid var(--ix-color-grey-dark);
  margin-bottom: var(--ix-space-s);
  padding-bottom: var(--ix-space-s);
}

.pricing-table--header-border-border {
  border: 1px solid var(--ix-color-grey-mid);
}

.pricing-table--header_collapse-item.collapsed img {
  transform: rotateX(0deg);
}

.pricing-table--header_collapse-item img {
  transform: rotateX(180deg);
}

.grid-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-item-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  background: var(--ix-color-grey-verylight);
  border-right: 1px solid var(--ix-color-grey-light);
  border-bottom: 1px solid var(--ix-color-grey-mid);
  display: flex;
  justify-content: flex-start;
}

.grid-item-2 {
  grid-column-start: 2;
  grid-column-end: 3;
  background: #fff;
  border-bottom: 1px solid var(--ix-color-grey-mid);
}
.grid-item-3 {
  grid-column-start: 3;
  grid-column-end: 4;
  background: #fff;
  border-bottom: 1px solid var(--ix-color-grey-mid);
}
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8 {
  padding: 20px;
}

.standard-dns.grid-item-2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  border-bottom: none;
}

.pro-dns.grid-item-3 {
  grid-column-start: 3;
  grid-column-end: 4;
  display: flex;
  align-items: stretch;
  border-bottom: none;
  background: var(--ix-color-domains-tertiary);
}

.pro-dns-page.grid-item-3 {
  grid-column-start: 3;
  grid-column-end: 4;
  display: flex;
  align-items: stretch;
  border-bottom: none;
  background: var(--ix-color-ix-gradient-primary);
  margin: -1px -1px -1px;
}

.pro-dns-page.grid-item-3 .grid-content.head {
  background: transparent;
}

.pro-dns-page.grid-item-3 .grid-content.head p,
.pro-dns-page.grid-item-3 .grid-content.head h6 a,
.pro-dns-page.grid-item-3 .grid-content.head h2,
.pro-dns-page.grid-item-3 .grid-content.head h3 {
  color: #fff;
}

.pro-dns-page.grid-item-3 .grid-content.head .hr-inner {
  background-color: #ffffff !important;
  opacity: 0.4;
}

.pro-dns-page.grid-item-3 h2 {
  border-bottom: 1px solid #fff;
}

.pro-dns-page.grid-item-3 .grid-content.head .description h6 a img {
  filter: var(--ix-color-white-img-filter);
  opacity: 0.8;
}

.pricing-btn {
  margin-top: 24px;
}

.pricing-btn a {
  width: 100%;
}

.tick {
  margin-left: auto;
  margin-right: auto;
}

.first-tick {
  margin-top: 25%;
}

.row-1 {
  grid-row-start: 2;
  grid-row-end: 3;
}
.row-2 {
  grid-row-start: 1;
  grid-row-end: 2;
}
.row-3 {
  grid-row-start: 2;
  grid-row-end: 3;
}
.row-4 {
  grid-row-start: 3;
  grid-row-end: 4;
}
.row-5 {
  grid-row-start: 4;
  grid-row-end: 5;
}
.row-6 {
  grid-row-start: 5;
  grid-row-end: 6;
}
.row-7 {
  grid-row-start: 6;
  grid-row-end: 7;
}
.row-8 {
  grid-row-start: 7;
  grid-row-end: 8;
}

.sub-1,
.sub-2 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  border: none;
}

.col-api {
  margin-left: 3rem;
}

.standard-dns.grid-item {
  background: var(--ix-color-white);
  display: flex;
  align-items: stretch;
}

.standard-dns .head {
  margin-right: var(--ix-space-s);
}

.grid-sub-content {
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  padding: 40px;
}
.grid-sub-content h6 {
  font-weight: 700;
  font-size: var(--ix-type-s);
}
.grid-sub-content h6 a {
  color: white;
}
.description h6 a {
  color: var(--ix-color-black);
  display: flex;
  align-items: center;
}

.description h6 a img {
  margin-right: var(--ix-space-xs);
  opacity: 0.6;
}

.grid-content {
  margin: 20px 26px;
}
.grid-content h3 {
  margin-bottom: 5px;
}
.grid-container hr {
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: var(--ix-color-black);
  height: 1px;
}
.hr-inner {
  width: 100%;
  text-align: center;
  margin-left: 0;
  height: 1px;
  background-color: var(--ix-color-grey-mid) !important;
  margin-bottom: var(--ix-space-s);
  margin-top: var(--ix-space-s);
  border: none;
}

.pricing-features p {
  font-size: var(--ix-type-s);
  color: #6d6d6d;
}

.pricing-features {
  align-items: stretch;
  border-bottom: none;
}

.pricing-features h5 {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding-bottom: var(--ix-space-m);
  margin-bottom: var(--ix-space-s);
}

.pricing-features .grid-content {
  display: flex;
}
.pricing-features .grid-sub-content {
  position: relative;
}
.pricing-features .grid-sub-content img {
  width: 60px;
  position: absolute;
  bottom: 40px;
  right: 40px;
  opacity: 0.3;
}

.grid-content.head {
  padding: var(--ix-space-m);
  flex: 1;
  width: 100%;
  margin: 0;
}

.grid-item .description h6 {
  font-weight: bold;
  margin-bottom: 0;
  max-width: initial;
}

.c-inactive {
  color: #857bf5 !important;
}

.grid-item .description p {
  font-size: var(--ix-type-s);
}

.grid-item .head .description p {
  margin-top: var(--ix-space-xs);
}

.grid-item .description p:last-child {
  margin-bottom: 0;
}
.grid-item .description {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
}

.last-tick {
  margin-bottom: 25%;
}

.h6-bold {
  font-weight: 800;
  margin-bottom: 40px;
}

#pricing-arrow {
  filter: brightness(0) saturate(100%) invert(36%) sepia(14%) saturate(20%) hue-rotate(12deg) brightness(100%) contrast(87%);
}
#month {
  font-size: var(--ix-type-s);
}

/* Sub table */

.pricing-table__sub-table {
  position: relative;
}

.pricing-table__sub-table_header .grid-item-1 {
  border-right: none;
  background-color: #fff;
}

.pricing-table__sub-table_header h6 {
  margin-bottom: 0px;
  font-weight: 700;
  font-size: var(--ix-type-m);
  color: var(--ix-color-domains-secondary);
}

.pricing-table__sub-table_header h6 img {
  margin-right: 10px;
  margin-bottom: 2px;
  transform: rotate(180deg);
}

.pricing-table__sub-table.active .pricing-table__sub-table_header h6 img {
  transform: rotate(0);
  opacity: 1;
}

.pricing-table__sub-table_header {
  color: #bbb5fc;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: sticky;
  top: 84px;
  z-index: 44;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 13px;
  border: 1px solid;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.pricing-table__sub-table_header:hover {
  background-color: var(--ix-color-domains-secondary);
}

.pricing-table__sub-table_header:hover .pricing-table__sub-table_header h6 {
  color: #fff;
}

.pricing-table__sub-table_content {
  max-height: 0;
  display: none;
  overflow: hidden;
}

.pricing-table__sub-table_content .grid-item-1 {
  border-right: 1px solid var(--ix-color-grey-light);
  border-bottom: 1px solid var(--ix-color-grey-light);
}

.pricing-table__sub-table_content .grid-item-2,
.pricing-table__sub-table_content .grid-item-3 {
  border-bottom: 1px solid var(--ix-color-grey-light);
}

.pricing-table__sub-table_content .grid-item:nth-last-child(-n + 3) {
  border-bottom-color: var(--ix-color-grey-mid);
}

.pricing-table__sub-table.active .pricing-table__sub-table_header {
  position: sticky;
  top: 85px;
  z-index: 44;
  border-color: var(--ix-color-domains-secondary);
}

.pricing-table__sub-table .pricing-table__sub-table_header .pill-small {
  opacity: 0;
  display: none;
}

.pricing-table__sub-table.active .pricing-table__sub-table_header .pill-small {
  opacity: 1;
  display: flex;
}

.pricing-table__sub-table .pricing-table__sub-table_header > * {
  border-bottom: none;
}

.pricing-table__sub-table.active .pricing-table__sub-table_header > * {
  border-bottom: none;
  background-color: var(--ix-color-domains-secondary);
}

.pricing-table__sub-table.active .pricing-table__sub-table_header > .grid-item-1 {
  border-right: none;
}

.pricing-table__sub-table.active .pricing-table__sub-table_content {
  max-height: 2000px;
  display: grid;
}

.pricing-table__sub-table.active .pricing-table__sub-table_header h6 {
  color: #fff;
}

/* NOTE Comparison table IX  */

.comparison-table-ix .pricing-table__sub-table_content .grid-item {
  align-items: flex-start;
}

.comparison-table-ix .pricing-table__sub-table_content .grid-item li {
  list-style: none;
  display: flex;
  margin-bottom: var(--ix-space-s);
  margin-left: 0;
}

.comparison-table-ix .pricing-table__sub-table_content .grid-item li:before {
  content: "";
  height: 17px;
  width: 18px;
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/icons/checkmark--filled.svg);
  background-size: 18px 18px;
  margin-right: 8px;
  flex-shrink: 0;
  margin-top: 2px;
}

.pricing-table__column-title-of-header {
  display: none;
}

/* Domains */
.comparison-table-ix--domains .pricing-table__sub-table .pricing-table__sub-table_header {
  border-color: var(--ix-color-domains-secondary);
}
.comparison-table-ix--domains .pricing-table__sub-table.active .pricing-table__sub-table_header {
  border-color: var(--ix-color-domains-secondary);
}
.comparison-table-ix--domains .pricing-table__sub-table.active .pricing-table__sub-table_header > * {
  background-color: var(--ix-color-domains-secondary);
}
.comparison-table-ix--domains .pricing-table__sub-table_header h6 {
  color: var(--ix-color-domains-secondary);
}
.comparison-table-ix--domains .pricing-table__sub-table_content .grid-item:nth-last-child(-n + 3) {
  background-color: var(--ix-color-domains-tertiary);
}
.comparison-table-ix--domains .pricing-table__sub-table_header h6 img {
  filter: invert(47%) sepia(82%) saturate(497%) hue-rotate(205deg) brightness(97%) contrast(99%);
}

/* Hosting */
.comparison-table-ix--hosting .pricing-table__sub-table .pricing-table__sub-table_header {
  border-color: var(--ix-color-hosting-secondary);
}
.comparison-table-ix--hosting .pricing-table__sub-table.active .pricing-table__sub-table_header {
  border-color: var(--ix-color-hosting-secondary);
}
.comparison-table-ix--hosting .pricing-table__sub-table.active .pricing-table__sub-table_header > * {
  background-color: var(--ix-color-hosting-secondary);
}
.comparison-table-ix--hosting .pricing-table__sub-table_header h6 {
  color: var(--ix-color-hosting-secondary);
}
.comparison-table-ix--hosting .pricing-table__sub-table_content .grid-item:nth-last-child(-n + 3) {
  background-color: var(--ix-color-hosting-tertiary);
}
.comparison-table-ix--hosting .pricing-table__sub-table_header h6 img {
  filter: invert(62%) sepia(68%) saturate(2317%) hue-rotate(228deg) brightness(99%) contrast(89%);
}

/* Encryption */
.comparison-table-ix--encryption .pricing-table__sub-table .pricing-table__sub-table_header {
  border-color: var(--ix-color-encryption-secondary);
}
.comparison-table-ix--encryption .pricing-table__sub-table.active .pricing-table__sub-table_header {
  border-color: var(--ix-color-encryption-secondary);
}
.comparison-table-ix--encryption .pricing-table__sub-table.active .pricing-table__sub-table_header > * {
  background-color: var(--ix-color-encryption-secondary);
}
.comparison-table-ix--encryption .pricing-table__sub-table_header h6 {
  color: var(--ix-color-encryption-secondary);
}
.comparison-table-ix--encryption .pricing-table__sub-table_content .grid-item:nth-last-child(-n + 3) {
  background-color: var(--ix-color-encryption-tertiary);
}
.comparison-table-ix--encryption .pricing-table__sub-table_header h6 img {
  filter: invert(89%) sepia(22%) saturate(6191%) hue-rotate(304deg) brightness(96%) contrast(96%);
}

/**/
.comparison-table-ix .pricing-table__sub-table.active .pricing-table__sub-table_header h6 img {
  filter: invert(100%) sepia(0%) saturate(7441%) hue-rotate(90deg) brightness(96%) contrast(110%);
}

/* NOTE: tabs box */

.tabs-box__visual .ce-column,
.tabs-box__visual .ce-row {
  margin: 0;
  padding: 0;
  display: block;
}

.tabs-box__visual img {
  display: none;
}

.tabs-box__visual img.active {
  display: block;
}

.tabs-box__content {
  display: none;
}

.tabs-box__content.active {
  display: block;
}

/* NOTE Accordion Box*/

.accordion-box {
  padding: var(--ix-space-m);
  border: 1px solid rgba(46, 44, 64, 0.22);
  height: 100%;
}

.accordion-box-container-label h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-black);
}

.accordion-box__content_title {
  font-weight: 600;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  margin-bottom: 0;
}

.collapsed .accordion-box__content_title {
  color: var(--ix-color-grey-dark);
  font-weight: 400;
}

.accordion-box__description {
  font-weight: 400;
  font-size: var(--ix-type-m);
  line-height: 25px;
  color: var(--ix-color-black);
  margin-bottom: 0;
}

.accordion-box__content_icon {
  width: 24px;
  margin-right: var(--ix-space-s);
}

.accordion-box__content_title hr {
  background: var(--ix-color-black);
  height: 2px;
}

.collapsed .accordion-box__content_title hr {
  background: var(--ix-color-grey-light);
  height: 1px;
}

.accordion-box__content_icon img {
  opacity: 1;
}

.accordion-box__visuals img {
  animation-duration: 0.5s;
  animation-name: slidein;
  display: none;
}

.accordion-box__visuals a {
  display: flex;
}

@keyframes slidein {
  0% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
  }
}

.collapsed .accordion-box__content_icon img {
  opacity: 0.5;
}

.collapsed + div + hr {
  background: rgba(0, 0, 0, 0.25);
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: all 0.2s ease-out;
}

.accordion-box__visuals {
  display: flex;
  background: #181b1d;
  justify-content: center;
  margin-right: 0px;
  padding: 0;
  overflow: hidden;
  height: 100%;
}

.accordion-box .collapse-item:last-child {
  margin-bottom: 0;
}

.accordion-box .collapse-item:last-child .accordion-box__header {
  border-bottom: none;
  padding-bottom: 0;
}

.accordion-box__header {
  padding-bottom: var(--ix-space-xs);
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}

.collapse-item {
  margin-bottom: var(--ix-space-s);
}

.accordion-box-col {
  padding-left: 42px;
}

/* NOTE AutoDNS Registrar Box*/

.container-autodns-reg {
  margin-top: 60px;
  background: linear-gradient(159.85deg, #fdf7f6 -2.49%, #f5f5fb 103.42%), #ffffff;
  border: 1px solid rgba(29, 27, 29, 0.24);
  padding: var(--ix-space-m);
}

.sub-container-autodns-reg {
  background: #111111;
  border-radius: 8px;
}

.autodns-content.right img {
  height: 100%;
  width: 100%;
}

.autodns-content.left {
  padding: 42px 49px;
}

.autodns-content.left .header {
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 76px;
  color: #ffffff;
}

.autodns-content.left .header-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.76);
  margin-bottom: 25px;
}
.autodns-content.left .sub-header {
  font-weight: 600;
  font-size: 34px;
  line-height: 41px;
  color: #ffffff;
  margin-bottom: 10px;
}
.autodns-content.left .sub-header-description {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
  padding: 20px 0px;
}

.autodns-content.left .sub-header-description .main {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  margin-bottom: 18px;
}
.autodns-content.left .sub-header-description .points ul li {
  list-style-type: none;
  margin-left: -5px;
  display: flex;
  margin-bottom: 18px;
}

.autodns-content.left .sub-header-description .points .li-heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}

.autodns-content.left .sub-header-description .points .li-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.85);
}

.autodns-content.left .sub-header-description .points .image {
  margin-right: var(--ix-space-s);
}

.autodns-content.left .sub-header-description .points .text {
  text-align: left;
}

.autodns-content.left .auto-dns-box-footer {
  margin-top: 40px;
  margin-left: -12px;
}

.autodns-content.left .auto-dns-box-footer .auto-dns-button {
  margin-top: 20px;
}

.autodns-content.right {
  height: 100%;
}

/* NOTE Registry-partners*/

.registry-partners-container {
  margin-top: 100px;
  background-color: var(--ix-color-black);
}

.registry-partners-container .header {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
}

.partners-logos {
  margin-top: 50px;
  display: flex;
  overflow: hidden;
}

.partners-logos .logos {
  padding: 0 15px;
  border-right: 1px solid #626262;
  margin: 0;
}
.logos:last-child {
  border-right: none;
}
.partners-logos .logo-sm {
  display: none;
}

.partners-logos .logo-col-1 img {
  transition: translateY(200px);
}

.partners-logos .logo-col-3 img {
  transition: translateY(150px);
}

.partners-logos .logo-col-4 img {
  transition: translateY(100px);
}

.partners-logos:after {
  position: absolute;
  content: "";
  left: 18px;
  height: 320px;
  width: 97%;
  background-image: linear-gradient(180deg, rgba(17, 17, 17, 0) 5%, rgba(17, 17, 17, 1) 86%);
  transform: rotate(180deg);
}

.partners-logos-sub {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  align-items: flex-end;
}

/* Comparison Table*/

.comparison-table .pricing-table__sub-table.active .color-hosting-secondary > * {
  border-bottom: none;
  background-color: var(--ix-color-hosting-secondary);
}
.comparison-table .pricing-table__sub-table.active .color-domains-secondary > * {
  border-bottom: none;
  background-color: var(--ix-color-domains-secondary);
}
.comparison-table .pricing-table__sub-table.active .color-encryption-secondary > * {
  border-bottom: none;
  background-color: var(--ix-color-encryption-secondary);
}
.comparison-table .pricing-table--header .grid-item-1 {
  border-bottom: none;
}

.comparison-table .x-color-hosting-tertiary {
  background-color: var(--ix-color-hosting-tertiary);
}
.comparison-table .x-color-domains-tertiary {
  background-color: var(--ix-color-domains-tertiary);
}
.comparison-table .x-color-encryption-tertiary {
  background-color: var(--ix-color-encryption-tertiary);
}



/* Cloud Server Configurator */

.cloud-server-config__content {
}

.cloud-server-config__block {
  padding: var(--ix-space-m);

  background-color: #fff;

  border: 1px solid var(--ix-color-grey-light);

  margin-bottom: var(--ix-space-s);
}

.cloud-server-config__block__content {
  margin-top: var(--ix-space-m);
}

.cloud-server-config__block__subtitle {
  margin-bottom: var(--ix-type-s);
  font-size: var(--ix-type-m);
}

.cloud-server-config__block__title {
  margin-bottom: 0;
}

.cloud-server-config__block__title .number {
  display: inline-flex;

  width: 40px;

  height: 40px;

  justify-content: center;

  align-items: center;

  background-color: var(--ix-color-black);

  border-radius: 1000px;

  margin-right: var(--ix-space-xs);

  color: #fff;
}

.cloud-server-config__block__row {
  margin-bottom: var(--ix-space-2s);
}

.cloud-server-config__block .cloud-server-config__block__row:last-child {
  margin-bottom: 0;
}

.cloud-server-config__block__card__managed_type {
  padding: var(--ix-space-s);

  border: 1px solid var(--ix-color-grey-light);

  cursor: pointer;

  transition: all 0.15s ease-in-out;

  border: 1px solid var(--ix-color-grey-light);

  margin-bottom: var(--ix-space-s);

  background-color: white;
}

.cloud-server-config__block .config-panel-none{
  order: -1;
}

.cloud-server-config__block__card__managed_type .cloud-server-config-title {
  font-family: "Manrope";

  font-style: normal;

  font-weight: 700;

  font-size: 18px;

  line-height: 25px;

  /* hosting/primary */

  color: #3726f9;
}


.cloud-server-config__block__card__managed_type:hover {
  border-color: var(--ix-color-hosting-primary);
}

.cloud-server-config__block__card__managed_type.active {
  border-color: var(--ix-color-hosting-primary);
}

.cloud-server-config__block__card {
  padding: var(--ix-space-s);
  border-radius: 8px;
  border: 1px solid var(--ix-color-grey-light);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  height: 100%;
}

.cloud-server-config__block__card .logo{
   width: 100%;
   margin-bottom: var(--ix-space-s);
}

.cloud-server-config__block__card .logo img{
  height:40px;
  filter: grayscale(90%);
}

.cloud-server-config__block__card select{
  width: 100%;
}


.cloud-server-config__block__card  select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.cloud-server-config__block__card  select.minimal:hover {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.cloud-server-config__block__card__resource{
  align-items: center;
  font-weight: 500;
  font-size: 9px;
}

.cloud-server-config__block__card__resource img{
  height: 20px;
  max-width: max-content;
}

.cloud-server-managed-text {
  font-family: "Manrope";

  font-style: normal;

  font-weight: 400;

  font-size: 14px;

  line-height: 19px;

  color: #6d6d6d;

  padding-top: 15px;
}

.cloud-server-config__block__card:hover {
  border-color: var(--ix-color-hosting-primary);
}

.cloud-server-config__block__card:hover .pill-small {
  background-color: var(--ix-color-hosting-primary);
  border: none;
  color: #fff;
}

.cloud-server-config__block__card.active {
  border-color: var(--ix-color-hosting-primary);
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.11);
}

.cloud-server-config__block__card.active .logo img{
  filter: none;
}

.cloud-server-config__block__card .pill-small {
  background-color: var(--ix-color-grey-light);
  padding-left: 22px;
  padding-right: 22px;
  color: var(--ix-color-black);
  white-space: nowrap;

}

.cloud-server-config__block__card.active .pill-small {
  background-color: var(--ix-color-hosting-primary);
  border: none;
  color: #fff;
}

.cloud-server-config__block__card select {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/select-down-arrow.svg);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: 25px 16px;
}

.cloud-server-config__block__card.active select.pill-small, .cloud-server-config__block__card:hover select.pill-small {
  /* background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/select-down-arrow-white.svg); */
}

.cloud-server-config__block__card.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

.cloud-server-config__title{
  font-weight: 500;
  padding-bottom: var(--ix-space-s);
  border-bottom: 1px solid var(--ix-color-grey-dark);
}


/* Sidebar */
.cloud-server-config__sidebar {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 90px;
}

.cloud-server-config__sidebar .cloud-server-config__block__title{
  margin-bottom: var(--ix-space-s);
  padding-bottom: var(--ix-space-s);;
  border-bottom: 1px solid var(--ix-color-black);
}

.cloud-server-config__sidebar__content hr{
  margin-bottom: var(--ix-space-s);
  height: 1px;
  background-color: transparent;
  border-top: 1px dashed var(--ix-color-grey-mid);
  margin-top: var(--ix-space-s);
  width: 100%;
}

.cloud-server-config__sidebar__content_price {
  font-weight: 600;
  font-size: 44px;
  line-height: 60px;
  color: var(--ix-color-hosting-primary);
}

.cloud-server-config__sidebar__footer h5{
  margin-bottom: 0;
  padding-top: var(--ix-space-s);
  border-top: 2px solid var(--ix-color-hosting-primary);
}
.cloud-server-config__sidebar__footer .loader{
  display: inline-flex;
  margin-left: 10px;
  /* margin-top: 20px; */
  height: 20px;
  width: 20px;
}

.d-flex .cloud-server-config__block__card:last-child {
  margin-right: 0;
}

body .cloud-server-slider {
  margin-top: var(--ix-space-m);
}
body .cloud-server-slider-item {
  margin-bottom: var(--ix-space-s);
}
body .noUi-target {
  border-radius: 0;
  border: none;
}
body .noUi-origin {
  border-radius: 0;
}
body .noUi-horizontal {
  height: 2px;
  margin-top: 18px;
}
body .noUi-value-horizontal {
  font-size: 12px;
}
body .noUi-background {
  box-shadow: none;
  background: #ddd;
}
body .noUi-connect {
  background: var(--ix-color-hosting-primary);
}
body .noUi-target.noUi-connect {
  box-shadow: none;
}
body .noUi-horizontal .noUi-handle {
  border: none;
  background: var(--ix-color-hosting-primary);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  width: 18px;
  height: 18px;
  left: -8px;
  top: -9px;
  border-radius: 40px;
  transition: 0.2s;
  cursor: pointer;
}
body .noUi-horizontal .noUi-handle:hover {
  box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.1);
}
body .noUi-handle:after,
body .noUi-handle:before {
  top: 11px;
  display: none;
}
body .noUi-handle {
  box-shadow: none;
}
body .noUi-tooltip {
  color: var(--ix-color-hosting-primary);
  opacity: 0;
  transition: all 0.4s;
}
body .noUi-handle:hover .noUi-tooltip,
body .noUi-handle:active .noUi-tooltip,
body .noUi-handle:focus .noUi-tooltip {
  opacity: 1;
}
body .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -40px;
  white-space: nowrap;
}
body .noUi-marker-horizontal.noUi-marker-large {
  display: none;
}
body .noUi-pips-horizontal {
  padding: 0;
}
body .val-field {
  padding: 8px 0;
  background: none;
  width: 100%;
  text-align: center;
  color: var(--ix-color-hosting-primary);
  font-size: 18px;
  font-weight: 900;
  height: 40px;
}
body .slider-text {
  font-size: 18px;
  font-weight: bold;
  padding: 8px 0;
}

body .price-wrap {
  font-size: 22px;
  color: var(--ix-color-hosting-primary);
  font-weight: bold;
  text-align: right;
  padding-bottom: 20px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
body .price-wrap small {
  font-size: 11px;
  color: #191919;
  font-weight: normal;
}
body .price-wrap .btn {
  text-align: right;
}
body .server-configurator-footer {
  text-align: right;
}
body .combination-tooltip-wrap {
  display: none;
  position: absolute;
  width: 100%;
  top: 95px;
  z-index: 10;
  text-align: center;
}
body .combination-tooltip {
  width: 250px;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  padding: 20px;
  text-align: center;
  color: var(--ix-color-hosting-primary);
}
body #price-string {
  font-size: 14px;
}
body .bestseller-arrow {
  position: relative;
  top: 10px;
  margin-left: -40px;
  margin-right: 10px;
}
body .server-configurator-promo #price {
  text-decoration: line-through;
}
body .server-configurator-promo .old-price {
  color: #000;
  font-size: 16px;
}

/* NOTE Promo box  */
.mask-promo-banner-container{
  top: 74px;
  z-index: 100;
}

/* !SECTION COMPONENTS */

/*────────────────────────────────────────────────/
/────────────── // SECTION 7 - PAGES  ──────────/
please add only styles that are specific only to a specific page
/────────────────────────────────────────────────*/

/* NOTE 🅘 Homepage */

.pageid-1148 {
  overflow: hidden;
}

/* NOTE ‣  Key visual */

.infrastructure-banner-sec {
  padding: 146px 0 517px;
  position: relative;
  background: var(--ix-color-grey-verylight);
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.infrastructure-banner-sec:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/dot-grid-img.png) no-repeat;
  background-size: cover;
  background-position: center 44px;
  height: 100%;
  width: 100%;
}

.infrastructure-banner-inner {
  position: relative;
  z-index: 100;
}

.infrastructure-banner-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-3xl);
  line-height: 1.4;
  max-width: 834px;
  width: 100%;
}

.infrastructure-banner-inner h3 span {
  background: linear-gradient(90deg, var(--ix-color-domains-primary) 0.01%, var(--ix-color-encryption-primary) 21.64%, var(--ix-color-hosting-primary) 52.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.homepage--key-visual {
  display: grid;
  grid: repeat(12, 36px) / repeat(36, 36px);
  width: 1332px;
  grid-auto-rows: 1fr;
}

.homepage--key-visual img {
  max-width: initial;
}

.homepage--key-visual > div {
  position: relative;
}

.homepage--key-visual-mobile {
  display: none;
}

/* domains blocks */

.homepage--key-visual_block--domains-inactive {
  border: 1px solid rgba(17, 17, 17, 0.31);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/illustrations/animated/homepage/block-bg-domains.png");
  background-size: cover;
  padding: 18px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.homepage--key-visual_block--domains-inactive .block_inner {
  border: 1px solid rgba(17, 17, 17, 0.3);
  height: 100%;
  width: 100%;
  border-radius: 100px;
  background: #fff;
}

.homepage--key-visual_block--domains-active {
  background-color: #f85825;
  box-shadow: 0px 4px 58px -13px rgba(252, 57, 21, 0.55);
  border: 1px solid #f85825;
  background-image: none;
}

.homepage--key-visual_block--domains-active .block_inner {
  border: none;
}

.homepage--key-visual_block-1 {
  display: flex;
  margin: 8px;
  border-radius: 300px;
  grid-column: 27 / 34;
  grid-row: 1 / 3;
}

.homepage--key-visual_block-3 {
  display: flex;
  margin: 8px;
  border-radius: 300px;
  grid-column: 34 / 38;
  grid-row: 6 / 8;
}

.homepage--key-visual_block-5 {
  display: flex;
  margin: 8px;
  border-radius: 300px;
  grid-column: 29 / 31;
  grid-row: 9 / 11;
}

.homepage--key-visual_block-6 {
  display: flex;
  margin: 8px;
  border-radius: 300px;
  grid-column: 1 / 5;
  grid-row: 11 / 13;
  opacity: 0.3;
}

/* Hosting blocks */

.homepage--key-visual_block--hosting-inactive {
  border: 1px solid rgba(17, 17, 17, 0.31);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/illustrations/animated/homepage/block-bg-hosting.png");
  background-size: cover;
  padding: 16px;
  transition: all 0.2s ease-in-out;
}

.homepage--key-visual_block--hosting-active {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/illustrations/animated/homepage/block-bg-clouds-hosting.png");
  box-shadow: 0px 4px 58px -4px #301cffa1;
  border-color: rgba(255, 255, 255, 0);
  transition: all 0.2s ease-in-out;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background-size: cover;
  transition: all 0.2s ease-in-out;
  bottom: 0;
  opacity: 0;
  color: #fff;
  font-family: "ibm plex mono";
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage--key-visual_block--hosting-active-show {
  opacity: 1;
}

.homepage--key-visual_block--hosting-active .block_inner {
  opacity: 0;
}

.homepage--key-visual_block--hosting-inactive .block_inner_container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.homepage--key-visual_block--hosting-inactive .block_inner {
  border: 1px solid rgba(17, 17, 17, 0.3);
  height: 100%;
  width: 100%;
  background: #fff;
  height: 30%;
}

.homepage--key-visual_block-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  grid-column: 25 / 29;
  grid-row: 7 / 9;
}

.homepage--key-visual_block-7 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  grid-column: 10 / 16;
  grid-row: 11 / 13;
}

.homepage--key-visual_block-8 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  grid-column: 21 / 27;
  grid-row: 11 / 13;
}

/* Encryption blocks */

.homepage--key-visual_block--encryption-inactive {
  border: 1px solid rgba(17, 17, 17, 0.31);
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/illustrations/animated/homepage/block-bg-encryption.png");
  background-size: cover;
}

.homepage--key-visual_block--encryption-active {
  background: #b42bf4;
  box-shadow: 0px 4px 56px -7px rgba(190, 28, 246, 0.8);
  border-radius: 47px;
  border-color: #b42bf4;
  transition: all 0.2s ease-in-out;
}

.homepage--key-visual_block--encryption-inactive .block_inner {
  margin-top: 5px;
}

.homepage--key-visual_block-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  border-radius: 300px;
  grid-column: 27 / 29;
  grid-row: 4 / 6;
}

.homepage--key-visual_block-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  border-radius: 300px;
  grid-column: 33 / 35;
  grid-row: 11 / 13;
}

/* SVG lines */

.homepage--key-visual--line-1 {
  position: absolute;
  top: -100%;
  right: 50%;
  margin-top: 8px;
}

.homepage--key-visual--line-1-animated {
  width: 940px;
  height: 103px;
  top: -102%;
}

#homepage--key-visual--line-2 {
  position: absolute;
  top: -30%;
  right: -55%;
}

.homepage--key-visual--line-2 {
  position: absolute;
  top: -30%;
  right: -55%;
}

#homepage--key-visual--line-3 {
  position: absolute;
  top: 50%;
  right: 100%;
}

#homepage--key-visual--line-4 {
  position: absolute;
  top: 26px;
  left: 100%;
}

#homepage--key-visual--line-5 {
  position: absolute;
  top: 50%;
  left: 100%;
}

#homepage--key-visual--line-6 {
  position: absolute;
  top: 100%;
  right: 48%;
}

#homepage--key-visual--line-7 {
  position: absolute;
  top: 45%;
  right: 99%;
}

#homepage--key-visual--line-8 {
  position: absolute;
  bottom: 49%;
  left: 102%;
}

#homepage--key-visual--line-9 {
  position: absolute;
  top: 96%;
  right: 38%;
}

#homepage--key-visual--line-10 {
  position: absolute;
  top: 50%;
  right: 100%;
}

#homepage--key-visual--line-11 {
  position: absolute;
  top: 47%;
  left: 45%;
}

#homepage--key-visual--line-12 {
  position: absolute;
  top: 50%;
  left: 103%;
}

#homepage--key-visual--line-13 {
  position: absolute;
  top: -32%;
  right: 76%;
}

#homepage--key-visual--line-14 {
  position: absolute;
  bottom: 56px;
  right: 50%;
  opacity: 0.3;
}

#homepage--key-visual--line-animated-1 {
  position: absolute;
  top: 24px;
  left: 101.4%;
}

#homepage--key-visual--line-3-signal {
  position: absolute;
  top: 25px;
  right: 93%;
  width: 300px;
}

#homepage--key-visual--line-animated-4 {
  position: absolute;
  top: 26px;
  left: 100%;
}

#homepage--key-visual--line-14-signal {
  position: absolute;
  bottom: 56px;
  right: 51%;
  width: 361px;
  height: 81px;
}

#homepage--key-visual--line-13-animated {
  position: absolute;
  top: 25px;
  right: 98%;
}

.signal--domains {
  height: 5px;
  width: 5px;
  background: linear-gradient(91.94deg, #f85825 0%, #ff005c 209.1%);
  box-shadow: 0px 0px 16px 6px rgba(252, 57, 21, 0.38);
  position: relative;
  margin-bottom: -300px;
  margin-left: 0;
  border-radius: 100px;
  opacity: 0;
}

.signal--hosting {
  height: 5px;
  width: 5px;
  background: #3726f9;
  box-shadow: 0px 0px 16px 6px #3826f953;
  position: relative;
  margin-bottom: -300px;
  margin-left: 0;
  border-radius: 100px;
  opacity: 0;
}

.signal--encryption {
  height: 5px;
  width: 5px;
  background: linear-gradient(91.91deg, #be1cf6 0%, #fe9f9f 208.8%);
  box-shadow: 0px 0px 16px 6px #c01cf64d;
  position: relative;
  margin-bottom: -300px;
  margin-left: 0;
  border-radius: 100px;
  opacity: 0;
}

.header_title {
  font-size: var(--ix-type-3xl);
  line-height: 1.3;
  margin: 0;
  margin-top: 32px;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  max-width: 63%;
}

.header_title .header_title--gradient {
  background: linear-gradient(90deg, #f85825 0.01%, #b42bf4 21.64%, #3726f9 52.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.home-p-header_title-mobile {
  display: none;
}

.homepage--key-visual-container {
  position: relative;
  z-index: 2;
}

.infrastructure-banner-sec {
  padding: 144px 0 340px;
  position: relative;
  background: var(--ix-color-grey-verylight);
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.infrastructure-banner-sec::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots.svg) repeat;
  height: 100%;
  width: 100%;
  opacity: 0.6;
}

.homepage--card {
  position: relative;
  border: 1px solid var(--ix-color-grey-light);
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04), 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  background: #fff;
  position: relative;
  transition: background 0.3s, margin-top 0.3s;
  transition-timing-function: ease-in-out;
  display: block;
  overflow: hidden;
  margin-bottom: -100px;
}

.homepage--card .title span {
  display: none;
}

.homepage--card:hover {
  margin-top: -10px;
}

.homepage--card::after {
  content: "";
  position: absolute;
  right: -38%;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 80%;
  background-size: contain;
  background-repeat: no-repeat;
}

.homepage--card-domains::after {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-domains.svg);
  right: 0;
  background-size: auto;
  background-position: top right;
}

.homepage--card-hosting::after {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-hosting.svg);
}

.homepage--card-encryption::after {
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-encryption.svg);
}

.homepage--card-domains:hover {
  background: var(--ix-color-domains-primary);
  border-color: transparent;
}

.homepage--card-hosting:hover {
  background: var(--ix-color-hosting-primary);
  border-color: transparent;
}

.homepage--card-encryption:hover {
  background: var(--ix-color-encryption-primary);
  border-color: transparent;
}

.homepage--card:hover .title::after {
  right: 36px;
  opacity: 1;
}

.homepage--card:hover .title h4{
  color: #fff;
}

.homepage--card:hover p {
  color: #fff;
}

.homepage--card:hover .btn-small {
  color: #fff;
}

.homepage--card-domains:hover .btn-icon,
.homepage--card-hosting:hover .btn-icon,
.homepage--card-encryption:hover .btn-icon {
  background-color: #fff;
  transform: translateX(5px);
}

.homepage--card-domains:hover .btn-domains-tertiary .btn-icon img,
.homepage--card-domains .btn-domains-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(42%) sepia(78%) saturate(2743%) hue-rotate(347deg) brightness(99%) contrast(96%);
}

.homepage--card-hosting:hover .btn-hosting-tertiary .btn-icon img,
.homepage--card-hosting .btn-hosting-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5277%) hue-rotate(249deg) brightness(95%) contrast(106%);
}

.homepage--card-encryption:hover .btn-encryption-tertiary .btn-icon img,
.homepage--card-encryption .btn-encryption-tertiary:hover .btn-icon img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(70%) saturate(3343%) hue-rotate(269deg) brightness(93%) contrast(106%);
}

.homepage--card-domains .btn-domains-tertiary:hover .btn-icon,
.homepage--card-hosting .btn-hosting-tertiary:hover .btn-icon,
.homepage--card-encryption .btn-encryption-tertiary:hover .btn-icon {
  background: rgba(255, 255, 255, 0.762);
}

.homepage--card p {
  color: #232323;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 162.34%;
  max-width: 324px;
  width: 100%;
  margin-bottom: var(--ix-space-s);
}

.homepage--card .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23px 36px;
  background-size: cover;
  position: relative;
}

.homepage--card .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  left: 36px;
  right: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  display: none;
}

.homepage--card .title h4 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-l);
  margin: 0;
}

.homepage--card .text-box {
  padding: 48px 36px;
}

/* page header cards ( Domains - Hosting - Encryption ) */

.hosting-discover-box {
  background: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-mid);
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04), 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04);
}

.hosting-text p {
  color: var(--ix-color-black);
  font-weight: 400;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  letter-spacing: -0.01em;
  margin-bottom: 92px;
}

.hosting-partner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.hosting-partner ul li {
  margin: 0;
  list-style: none;
}

.hosting-partner ul li img {
  filter: grayscale(1);
  transition: all 0.2s ease-in-out;
  height: 30px;
  width: auto;
  max-width: initial;
}

.hosting-partner ul li:nth-child(2) img,
.hosting-partner ul li:nth-child(6) img {
  height: 35px;
}

.hosting-partner ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hosting-partner ul li a:hover img {
  filter: inherit;
  transition: all 0.2s ease-in-out;
}

/* section cards */

.homepage--secction-domains-dns .bg-domains-tertiary-gradient {
  overflow: hidden;
}

.discover-dns-sec {
  padding: 131px 0 0 0;
}

.homepage--domains-dns {
  padding: var(--ix-space-xl) 0;
  padding-left: var(--ix-space-xl);
  overflow: hidden;
}

.homepage--domains-dns .ce-inner {
  margin-right: -36px;
}

.discover-dns-right > div {
  margin-right: -10px;
}

.discover-dns-left {
  padding: 14px 0 0 88px;
}

.discover-dns-left h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
}

.discover-dns-left h3 span {
  color: var(--ix-color-domains-primary);
}

.discover-dns-left p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  margin: 31px 0 45px 0;
  max-width: 565px;
  width: 100%;
}

.discover-dns-left .cloud-server-inner {
  padding: 0;
}

.discover-dns-left .cloud-server-inner ul li strong {
  font-size: var(--ix-type-m);
  line-height: 1.4;
  margin: 9px 0 0 0;
}

/******** DNS CLOUD SERVER SEC ******/

.cloud-server-sec.dns-cloud-server-sec {
  padding: 35px 0 144px;
}

.dns-cloud-server-sec .cloud-server-inner p {
  width: 100%;
}

.dns-cloud-server-sec .cloud-server-inner {
  padding: var(--ix-space-l);
}

.dns-cloud-server-sec .cloud-server-inner ul li strong {
  font-size: var(--ix-type-m);
  line-height: 1.4;
}

.dns-cloud-server-sec .cloud-server-inner h3 span {
  color: var(--ix-color-hosting-primary);
}

.Encryption-cloud-server-box {
  background: linear-gradient(160.61deg, var(--ix-color-encryption-tertiary) 0%, #e8bffc 149.5%);
}

.dns-cloud-server-sec .Encryption-cloud-server-box .cloud-server-inner h3 span {
  color: var(--bs-purpal2-colo);
}

/* NOTE 🅘 Domains */

.domains-p--header-row .image-holder .image {
  position: relative;
}

.domains-p--header-row .image-holder .image:before {
  content: "";
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/domains/domains-dns/domains_header_illustration_background.svg);
  position: absolute;
  left: -200px;
  right: -200px;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
  top: -170px;
  bottom: -170px;
}

/******* DOMAIN PORTFOLIO PAGE ******/
.domain-portfolio-sec {
  background: linear-gradient(180deg, rgba(233, 238, 244, 0) 33.53%, #e9eef4 112.67%), rgba(255, 255, 255, 0.2);
}

.domain-portfolio-sec h2 {
  text-align: center;
}

.domain-portfolio-inner {
  display: flex;
  justify-content: center;
}

.domain-portfolio-visual {
  width: 900px;
}

.domain-portfolio-inner > div {
  max-width: 100%;
}

.domain-portfolio-inner .text-box {
  max-width: 1040px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.domain-portfolio-inner .text-box h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
}

.domain-portfolio-inner .text-box form .form-control::placeholder {
  color: var(--ix-color-grey-light);
}

.domain-transfer-sec .box-promoted-product-visual {
  padding: 54px 0;
}

.domain-portfolio-inner .text-box form .form-control {
  color: #fff;
  border-radius: 0;
  font-weight: normal;
  font-size: var(--ix-type-m);
  border: 1px solid var(--ix-color-grey-dark);
  height: 56px;
  padding-left: 0 36px;
  background-color: var(--ix-color-grey-verydark);
}

.domain-portfolio-inner .text-box form {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 20px;
}

.domain-portfolio-inner .text-box p {
  color: var(--ix-color-grey-verydark);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 170.1%;
  padding: 0;
  font-weight: 400;
  margin-bottom: var(--ix-space-s);
}

.portfolio-offer h4 {
  font-weight: 600;
  font-size: var(--ix-type-xl);
  line-height: 111.1%;
  color: var(--ix-color-black);
  margin-bottom: 28px;
}

.portfolio-offer ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: center !important;
  align-items: stretch;
}

.portfolio-offer ul li {
  width: auto;
  padding: 0;
  margin: var(--ix-space-xs) 0;
  flex: 0 0 23.7%;
  list-style: none;
  margin-right: var(--ix-space-s);
}

.portfolio-offer ul li:nth-child(4n) {
  margin-right: 0;
}

.offer-box {
  border: 1px solid var(--ix-color-grey-mid);
  display: block;
  padding: 37px 21px;
}

.offer-box h5 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  margin-bottom: 7px;
}

.offer-box p {
  font-weight: 400;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: var(--ix-color-grey-dark);
}

/* NOTE ‣  Domain reseller program id=1172 */

.reseller-program-sec {
  padding: 30px 0 108px;
}

.reseller-program-right {
  padding: 0 0 0 38px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.reseller-program-right h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
}

.reseller-program-right p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 167.1%;
  margin: 38px 0 6px;
}

.reseller-program-box {
  margin: 23px 0;
}

.reseller-program-box span {
  background: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-mid);
  border-radius: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  width: 40px;
  height: 40px;
}

.reseller-program-box strong {
  font-weight: bold;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.join-btn {
  background: var(--ix-color-domains-primary);
  height: 54px;
  max-width: 182px;
  font-weight: bold;
  font-size: var(--ix-type-m);
  color: var(--ix-color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
}

.join-btn img {
  margin-left: 13px;
  height: 14px;
}

.join-btn:hover {
  color: var(--ix-color-white);
}

.sort-page {
  margin: 45px 0 0 0;
}

.sort-page ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sort-page ul li {
  margin: 0;
  margin-left: 13px;
  list-style: none;
}

.sort-page ul li p {
  font-weight: bold;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  margin-bottom: 0;
}

.sort-page ul li span {
  font-weight: normal;
  color: var(--ix-color-grey-dark);
}

.sort-page ul li.arrow a {
  background-color: var(--ix-color-domains-primary);
  margin-bottom: 0;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
}

.sort-page ul li.arrow a:hover {
  opacity: 0.6;
}

.sort-page ul li.arrow a img {
  filter: var(--ix-color-white-img-filter);
}

.reseller-business-sec {
  padding: 120px 0 0;
}

.reseller-business-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  max-width: 1080px;
  margin-bottom: var(--ix-space-l);
  width: 100%;
  line-height: 111.1%;
}

.reseller-business-box:after {
  position: absolute;
  content: "";
  left: -100%;
  top: 0;
  width: 100%;
  background-color: var(--ix-color-domains-tertiary);
  height: 100%;
}

.reseller-business-box ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 450px;
  margin-bottom: 12px;
}

.reseller-business-box .text-box h3 {
  font-weight: 600;
  font-size: var(--ix-type-xl);
  width: 100%;
  margin-bottom: var(--ix-space-m);
  color: var(--ix-color-black);
}

.reseller-business-box .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  margin-bottom: var(--ix-space-s);
  width: 100%;
  color: var(--ix-color-black);
}

.reseller-business-box .text-box p:last-child {
  margin-bottom: 0;
}

.reseller-business-box .image-holder {
  margin: 47px 0;
}

.reseller-business-box .image-holder img {
  filter: drop-shadow(0px 5.88109px 36.7568px rgba(0, 0, 0, 0.1));
}

.reseller-business-box .btn-default {
  max-width: 294px;
}

.reseller-page .banner-sec {
  padding: 126px 0 82px 0;
}

.reseller-page .banner-sec:before {
  display: none;
}

.reseller-page .banner-left {
  align-items: flex-start;
}

.reseller-page .banner-left ul {
  margin: var(--ix-space-m) 0 0 0;
}

.reseller-page .banner-left ul li {
  margin: 0;
  color: var(--ix-color-black);
  font-size: var(--ix-type-s);
  line-height: 1.4;
  text-transform: capitalize;
  display: flex;
  margin-bottom: var(--ix-space-s);
  align-items: center;
}

.reseller-page .banner-left ul li:last-child {
  margin-bottom: 0;
}

.reseller-page .banner-left ul li span {
  background: var(--ix-color-black);
  width: 40px;
  height: 40px;
  margin-right: var(--ix-space-s);
  display: flex;
  align-items: center;
  justify-content: center;
}

.reseller-p--header__form {
  position: relative;
  z-index: 10;
  border: 1px solid var(--ix-color-grey-dark);
  width: 578px;
  margin-bottom: -230px;
  padding: 60px 37px 36px;
}

.reseller-p--header__form .text-box {
  margin-bottom: var(--ix-space-s);
}

.reseller-p--header__form .text-box h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  margin-bottom: var(--ix-space-s);
  font-size: var(--ix-type-l);
}

.reseller-p--header__form .text-box p {
  color: var(--ix-color-grey-dark);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
}

.reseller-p--header__form .form-group label.label-text {
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  display: block;
  margin: 0 0 3px var(--ix-space-s);
}

.reseller-p--header__form .form-group textarea.form-control {
  height: 122px;
  padding-top: var(--ix-space-s);
}

.reseller-p--header__form .form-group .check {
  color: var(--ix-color-grey-dark);
}

.reseller-p--header__form .form-group .btn-default {
  max-width: 101px;
  font-size: var(--ix-type-s);
  width: 100%;
  margin-left: auto;
  height: 36px;
}

.reseller-business-box.box-dark:after {
  background-color: var(--ix-color-black);
  left: auto;
  right: -100%;
}

.reseller-business-box.box-dark ul {
  max-width: 490px;
}

.reseller-business-box.box-dark .text-box h3 {
  color: var(--ix-color-white);
}

.reseller-business-box.box-dark .text-box .text-inner {
  margin-bottom: 30px;
}

.reseller-business-box.box-dark .text-box .text-inner:last-child {
  margin-bottom: 0;
}

.reseller-business-box.box-dark .text-box h4 {
  color: var(--ix-color-white);
  font-weight: 700;
  font-size: var(--ix-type-m);
  margin-bottom: 2px;
}

.reseller-business-box.box-dark .text-box p {
  color: var(--ix-color-grey-mid);
}

/****** RESELLER HEIGHT *****/

.reseller-height-sec {
  padding: 235px 0 0;
}

.reseller-height-inner {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding: 0 0 38px 0;
}

.reseller-height-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 111.1%;
  margin-bottom: var(--ix-space-s);
}

.transfer-services-box {
  margin: var(--ix-space-l) 0;
}

.transfer-services-box span {
  height: 64px;
  width: 64px;
}

.transfer-services-box p {
  max-width: 504px;
  width: 100%;
}

.reseller-program-p--header {
  overflow: visible;
  margin-bottom: var(--ix-space-3xl);
}

.pageid-1172 .reseller-program-p--header{
  margin-bottom: 170px;
}

.reseller-program-p-numbers .subheader {
  margin-bottom: var(--ix-space-m);
}

.reseller-business-box ul li {
  margin-right: 9px;
  margin-bottom: 9px;
  margin-left: 0;
}

.reseller-business-box.box-dark {
  background: var(--ix-color-black);
}

.reseller-business-box {
  padding: 72px 15px;
  padding-left: 15px;
  background: var(--ix-color-domains-tertiary);
  position: relative;
  padding-left: 0;
}

.reseller-program-p-header-row .image-holder {
  max-height: 912px;
  align-items: flex-start;
  padding: 63px 0 0;
}

.reseller-program-p-header-row .image-holder:before {
  display: none;
}

.pageid-1172 .reseller-program-p-header-row .image-holder {
  max-height: 980px;
}

.reseller-business-left {
  padding-right: var(--ix-space-xl) !important;
}

.reseller-business-right {
  padding-left: var(--ix-space-xl) !important;
}

.reseller-program-p--logos .col-md-12 > div {
  padding-bottom: var(--ix-space-m);
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.drp-p__product-autodns-image {
  background: linear-gradient(159.96deg, #857bf5 -6.65%, #fb9b7c 157.78%);
  padding: var(--ix-space-m);
}

.drp-p__product-api-image {
  background: linear-gradient(91.94deg, #f85825 0%, #ff005c 209.1%);
  padding: var(--ix-space-m);
}

/* NOTE ‣  Domain transfer program */

.transfer-services-page .banner-sec:before {
  display: none;
}

.transfer-services-page .banner-sec {
  padding: 129px 0 107px 0;
}

.transfer-services-page .banner-sec .image-holder {
  position: relative;
  z-index: 2;
}

.transfer-services-sec {
  padding: 125px 0;
}

.transfer-services-inner {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding-bottom: 50px;
}

.transfer-services-inner h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  color: var(--ix-color-black);
  margin-bottom: 30px;
}

.transfer-services-box {
  margin: 15px 0;
}

.transfer-services-box span {
  background: var(--ix-color-domains-tertiary);
  border-radius: 67px;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transfer-services-box h4 {
  font-weight: 700;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  margin: 15px 0 11px;
}

.transfer-services-box p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
}

.transfer-ecosystem {
  padding: 125px 0 0 0;
}

.transfer-ecosystem h4 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.domain-transfer-sec {
  background: var(--ix-color-grey-verylight);
  padding: 108px 0;
}

.domain-transfer-box {
  margin-bottom: 72px;
}

.domain-transfer-box:last-child {
  margin-bottom: 0;
}

.domain-transfer-box .text-box {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.domain-transfer-box .text-box h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  max-width: 495px;
  width: 100%;
}

.domain-transfer-box .text-box p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 167.1%;
  max-width: 504px;
  width: 100%;
  margin: 32px 0 28px;
}

.image-second {
  float: right;
}

.image-second img {
  max-width: inherit;
}

/* NOTE ‣  AutoDNS */

/* Custom header for Autodns page */

.page-header--autodns-p .page-header__background {
  left: 55px;
}

.page-header--autodns-p-img-container {
  position: relative;
}

.page-header--autodns-p-img-container img {
  position: absolute;
  height: auto !important;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  animation-name: slideUp;
  animation-timing-function: var(--ix-easing);
}

img.page-header--autodns-p-img-main {
  position: relative;
  width: 490px;
  height: auto;
  margin-left: 100px;
  animation-duration: 0.8s;
  animation-name: slideUp;
  animation-delay: 0.5s;
  opacity: 0;
}

.page-header--autodns-p-img-1 {
  left: 0;
  top: 120px;
  opacity: 0;
  width: 290px;
  animation-name: slideUp;
  animation-delay: 1s;
}

.page-header--autodns-p-img-2 {
  left: 323px;
  top: 303px;
  opacity: 0;
  width: 310px;
  animation-name: slideUp;
  animation-delay: 1.1s;
}

.page-header--autodns-p-img-3 {
  top: 122px;
  left: 320px;
  opacity: 0;
  width: 323px;
  animation-name: slideUp;
  animation-delay: 1.2s;
}

/* Autodns Pro */
.page-header--autodns-pro-p-img-1 {
  left: 0;
  top: 120px;
  width: 290px;
  opacity: 0;
  animation-delay: 1s;
}

.page-header--autodns-pro-p-img-2 {
  top: 295px;
  left: -2px;
  opacity: 0;
  width: 290px;
  animation-delay: 1.1s;
}

.page-header--autodns-pro-p-img-3 {
  top: 122px;
  left: 320px;
  opacity: 0;
  width: 323px;
  animation-delay: 1.2s;
}

.page-header--autodns-pro-p-img-4 {
  top: 412px;
  left: 320px;
  opacity: 0;
  width: 323px;
  animation-delay: 1.3s;
}

/* NOTE ‣  TLD id=1164 */

.tld-banner-sec {
  background: var(--ix-color-black);
  background-size: cover;
  background-position: center center;
  padding: 90px 0 195px;
}
.tld-filter-btn-more .tld-banner-inner {
  width: 100%;
  margin: 0 auto;
}

.tld-filter-btn-more {
  border-radius: 0;
}

.tld-banner-inner h3 {
  color: var(--ix-color-white);
  font-weight: 600;
  font-size: var(--ix-type-3xl);
}

/***** TLD FILTER *****/

.tld-filter-inner {
  width: 100%;
  margin: -155px auto 0;
  padding: 50px 54px 46px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 10px 15px -3px rgb(17 17 17 / 10%);
  background: #ffffff;
}

.headind-second.black-color h4 {
  color: var(--ix-color-black);
  margin-bottom: var(--ix-space-xs);
}

.headind-second.black-color h4 span:after {
  background-color: var(--ix-color-black);
}

.tld-filter-top {
  margin-bottom: 22px;
}

.tld-filter-type-right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}

.tld-filter-type-right ul li {
  margin: 0;
  padding: 0 18px;
  list-style: none;
}

.tld-filter-region {
  visibility: visible;
}
.tld-filter-region-active {
  visibility: visible;
}

.tld-filter-type-right ul li .form-control {
  border: 1px solid var(--ix-color-grey-dark);
  height: 36px;
  color: var(--ix-color-grey-dark);
  width: 100%;
  font-weight: normal;
  font-size: var(--ix-type-s);
  padding-left: 20px;
  border-radius: 0;
  padding-right: 50px;
}

.tld-filter-bottom ul {
  display: flex;
  flex-wrap: wrap;
  margin: 8px -7px 0;
  max-height: 77px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  position: relative;
}

.tld-filter-bottom ul:after {
  content: "";
  background-color: #000;
  height: 30%;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 100%);
}

.tld-filter-bottom ul.active:after {
  display: none;
}

.tld-filter-bottom ul.active {
  max-height: 1000px;
}

.tld-filter-bottom ul li {
  margin: 0;
  padding: 9px 7px;
  list-style: none;
}

.tld-filter-btn-more {
  position: absolute !important;
  left: 50%;
  transform: translate(-45px, 18px);
  bottom: 0;
}

.tld-filter-btn-more .text {
  opacity: 0;
  display: none;
  transition: opacity 0.6s ease, display 0s ease;
}

.tld-filter-btn-more .text.active {
  opacity: 1;
  display: block;
  transition: opacity 0.6s ease, display 0s ease;
}

/******* TLD CHECK LIST *****/

.tld-check-list-sec {
  padding: 72px 0;
}

.tld-check-list-inner {
  width: 100%;
  margin: 0 auto;
}

.tld-check-list-inner table tr:hover {
  background: var(--ix-color-grey-verylight);
}

.tld-check-list-inner table tr:hover td strong span {
  opacity: 1;
}

.tld-check-list-inner form {
  position: relative;
  margin-bottom: 60px;
  display: flex;
}

.tld-check-list-inner form a.search-icon {
  position: absolute;
  top: 50%;
  left: 36px;
  transform: translate(0, -50%);
}

.tld-check-list-inner form .check-btn {
  background: var(--ix-color-black);
}

.tld-check-list-inner table {
  width: 100%;
}

.tld-check-list-inner table thead tr th {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-l);
  border-bottom: 1px solid var(--ix-color-grey-dark);
  padding: 0 0 16px 0;
}

.tld-check-list-inner table thead tr th h4 {
  position: relative;
  display: inline-block;
}

.tld-check-list-inner table thead tr th span {
  color: var(--ix-color-white);
  font-weight: normal;
  font-size: var(--ix-type-xs);
  background: var(--ix-color-domains-secondary);
  border-radius: 48px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 6px;
  right: -64px;
  padding: 0 14px;
}

.tld-check-list-inner table tbody tr td {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  border-bottom: 1px solid var(--ix-color-grey-light);
  padding: 16px 0;
}

.tld-check-list-inner table tbody tr td strong {
  position: relative;
  font-weight: 600;
  font-size: var(--ix-type-m);
  display: flex;
  align-items: center;
}

.tld-check-list-inner table tbody tr td strong span {
  color: #fff;
  font-weight: 600;
  font-size: var(--ix-type-2xs);
  border-radius: 48px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  margin-left: 12px;
  background-color: var(--ix-color-domains-secondary);
  opacity: 0;
}

.tld-check-list-inner table tbody tr td a {
  color: var(--ix-color-black);
}

.tld-check-list-inner table tbody tr td a.search {
  background: var(--ix-color-white);
  border: 1px solid #cbd7d1;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: 36px;
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  margin-left: auto;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0 15px;
}

.tld-check-list-inner table tbody tr td a.search:hover {
  background-color: var(--ix-color-success-dark);
  color: #fff;
  border-color: var(--ix-color-success-dark);
}

.tld-check-list-inner table tbody tr td a.search:hover img {
  filter: var(--ix-color-white-img-filter);
}

.tld-check-list-inner table tbody tr td a img {
  margin-right: 13px;
  opacity: 0.6;
}

.tld-filter-type ul {
  display: flex;
  margin: 0;
}

.tld-filter-type ul li {
  margin: 0;
  margin-right: 9px;
  list-style: none;
}

.tld-not-found {
  font-size: var(--ix-type-l);
  font-weight: 400;
  padding-bottom: 36px;
  border-bottom: 1px solid #ddd;
}

.tld-not-found span {
  font-weight: 700;
}

/* NOTE ‣  Domain search id=1258 */

.header-search {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  background-color: var(--ix-color-grey-verylight);
  display: flex;
}

.header-search .media {
  align-items: inherit;
}

.header-search .media .logo {
  /*border-right: 1px solid var(--ix-color-grey-mid);*/
  display: none;
  align-items: center;
  padding-right: 36px;
  max-width: 132px;
  width: 100%;
}

.search-head {
  width: 100%;
  flex: 1;
  padding: 10px 0;
}

.search-head form {
  position: relative;
  max-width: 721px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.search-head form .search-btn {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 36px;
  display: flex;
}

.search-head form .search-btn img {
  height: 13px;
}

.search-head form .form-control {
  padding-left: 65px;
  border-right: none;
}

.search-head form input.form-control {
  font-size: var(--ix-type-l);
  color: var(--ix-color-domains-primary);
  padding-bottom: 10px;
  border-right: none;
}

.search-head form input.form-control::placeholder {
  color: var(--ix-color-grey-dark);
}

.search-head form input.form-control:not(:placeholder-shown) {
  padding-bottom: 1px;
}

.domain-search-inner {
  max-width: 936px;
  width: 100%;
  margin: -178px auto 0;
}

.search-list ul {
  display: flex;
  justify-content: left;
  margin-bottom: var(--ix-type-l);
  flex-wrap: wrap;
}

.search-list ul li {
  display: flex;
  border-radius: 48px;
  border: 1px solid var(--ix-color-grey-mid);
  padding: 5px 9px 5px 6px;
  margin: 0 5.5px;
}

.search-list ul li a {
  align-items: center;
}

.search-list ul li span {
  font-weight: 600;
  font-size: var(--ix-type-2xs);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--ix-type-2xs);
  border-radius: 50%;
  color: var(--ix-color-black);
  background-color: var(--ix-color-grey-mid);
}

.search-list ul li p {
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-grey-mid);
  margin-left: 10px;
}

.search-list ul li.active {
  border: 1px solid var(--ix-color-grey-dark);
}

.search-list ul li.active span {
  background-color: var(--ix-color-grey-dark);
}

.search-list ul li.active p {
  color: var(--ix-color-grey-dark);
}

.domain-search-box {
  border: 1px solid var(--ix-color-grey-mid);
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04);
}

.domain-search-box-inner {
  background: var(--ix-color-success-verylight);
  padding: 37px 54px 54px;
}

.domain-search-box .media {
  align-items: center;
  justify-content: space-between;
}

.domain-search-box .media h4 {
  color: var(--ix-color-grey-dark);
  font-weight: normal;
  font-size: var(--ix-type-m);
  text-transform: uppercase;
  margin-bottom: 0;
}

.domain-search-box .media a {
  font-weight: normal;
  color: var(--ix-color-white);
  font-size: var(--ix-type-s);
  background: var(--ix-color-hosting-gradient-primary);
  border-radius: 48px;
  width: 150px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.domain-search-box .text-box h3 img {
  margin: 7px 0 0 0;
}

.domain-search-box .text-box h3 {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: var(--ix-type-xl);
  color: var(--ix-color-black);
  margin: var(--ix-space-s) 0 var(--ix-space-m);
  flex-wrap: wrap;
}

.domain-search-box .text-box h3 span {
  color: var(--ix-color-success-dark);
  font-weight: 600;
  margin-left: 18px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.search-answer-detail {
  background-color: var(--ix-color-white);
  border-top: 1px solid var(--ix-color-grey-mid);
  padding: 46px 57px 73px;
}

.search-answer-detail h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-xl);
}

.search-answer-detail ul {
  margin: var(--ix-space-m) 0;
}

.search-answer-detail ul li {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--ix-color-grey-light);
  font-weight: normal;
  font-size: var(--ix-type-l);
  color: var(--ix-color-black);
  padding: var(--ix-space-s) 0;
}

.domain-search-box.yellow-bg .domain-search-box-inner {
  background-color: var(--ix-color-warning-verylight);
}

.domain-search-box.yellow-bg .text-box h3 span {
  color: var(--ix-color-black);
}

.search-cart-box {
  background: var(--ix-color-grey-verylight);
  border: 1px solid var(--ix-color-grey-mid);
  padding: var(--ix-space-3xl);
}

.search-cart-box .media {
  align-items: center;
  justify-content: space-between;
  padding-right: 40px;
}

.search-cart-box .media h4 {
  font-weight: 600;
  color: var(--ix-color-black);
  font-size: var(--ix-type-xl);
  position: relative;
}

.search-cart-box .media h4 span {
  background: var(--ix-color-domains-secondary);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--ix-type-2xs);
  color: var(--ix-color-white);
  border-radius: 67px;
  position: absolute;
  top: -4px;
  right: -28px;
}

.search-cart-box ul {
  margin-bottom: var(--ix-space-l);
}

.search-cart-box ul li {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--ix-color-grey-light);
  font-weight: normal;
  font-size: var(--ix-type-l);
  color: var(--ix-color-black);
  padding: 18px 0 28px;
}

.domain-location {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.domain-search-box.domain-location {
  margin: 0;
}

.domain-location .search-answer-detail {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: var(--ix-space-2xl);
  padding-bottom: 0;
}

.search-answer-detail ul li h4 {
  display: flex;
  margin-bottom: 0;
  align-items: center;
}

.tag {
  width: 70px;
  height: 18px;
  background: linear-gradient(91.88deg, var(--ix-color-hosting-primary) 0%, var(--ix-color-hosting-secondary) 208.19%);
  border-radius: 48px;
  font-weight: normal;
  font-size: var(--ix-type-2xs);
  color: var(--ix-color-white);
  display: flex;
  align-items: center;
  margin-left: 34px;
  justify-content: center;
}

.visit-btn a {
  font-weight: 700;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 244px;
  width: 100%;
  border: 1px solid var(--ix-color-black);
  height: 38px;
  margin: 0 auto;
}

.visit-btn a img {
  margin-left: 10px;
}

.domain-build {
  margin-top: var(--ix-space-3xl);
  background: linear-gradient(160.42deg, #f5d8cf 0%, #e4bff5 54.39%, #c4c1e9 100%);
}

.domain-build .text-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.loader--style3 {
  background: var(--ix-color-grey-verylight);
  border-radius: 13px;
  overflow: hidden;
  padding: var(--ix-space-3xl) 0;
  display: flex;
  justify-content: center;
  border: 1px dashed var(--ix-color-grey-mid);
  width: 100%;
}

.loader--style5 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

/* NOTE ‣  Domain Studio  */

.domain-studio {
  margin-bottom: var(--ix-space-l);
  margin-top: -260px;
  z-index: 10;
  position: relative;
}

.domain-search-sec {
  padding: var(--ix-space-2s);
}

.domain-studio__wrapper {
  border: 1px solid var(--ix-color-grey-mid);
  padding: 0;
  background-color: #fff;
  overflow: hidden;
}

.domain-studio__checkbox {
  margin-bottom: var(--ix-space-l);
}

.domain-studio_search-bar {
  width: 100%;
  flex: 1;
  padding: var(--ix-space-2s);
}

.domain-studio_search-bar .btn-big .text {
  white-space: nowrap;
}

.domain-studio_search-bar form {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.domain-studio_search-bar .search-btn {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 20px;
  display: flex;
}

.domain-studio_search-bar .form-control {
  padding-left: 52px;
  color: var(--ix-color-domains-primary);
  font-size: var(--ix-type-m);
  font-weight: 600;
}

.domain-studio__container {
  display: none;
}

.domain-studio__container.active {
  display: block;
}

.domain-studio__filter-pills {
  display: flex;
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding-bottom: var(--ix-space-s);
  flex-wrap: wrap;
  row-gap: 7px;
}

.domain-studio__filter-pills .pill-small {
  margin-right: var(--ix-space-xs);
}

.domain-studio__search-result {
  padding-bottom: 0;
}

.domain-studio__search-result--available {
  padding: var(--ix-space-2s);
  border-radius: 8px;
  background: #dcf1df;
  margin-bottom: var(--ix-space-m);
}

.domain-studio__search-result--domain-added {
  background: var(--ix-color-success-verylight);
  padding: var(--ix-space-2s);
  border-radius: 8px;
  margin-bottom: var(--ix-space-m);
  flex-wrap: wrap;
  gap: 12px;
  border: 1px solid var(--ix-color-success-dark);
}

.domain-studio__search-result__subtitle {
  font-size: var(--ix-type-s);
  margin-bottom: var(--ix-space-xs);
}

.domain-studio__search-result__content {
  font-size: var(--ix-type-2m);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.domain-studio__search-result__content .available {
  color: var(--ix-color-success-dark);
  font-weight: 600;
}

.domain-studio__search-result--not-available {
  padding: var(--ix-space-2s);
  border-radius: 8px;
  background: var(--ix-color-grey-verylight);
  margin-bottom: var(--ix-space-m);
  border: 1px solid var(--ix-color-grey-mid);
}

.domain-studio__search-result__content .not-available {
  font-weight: 600;
}

.domain-studio__search-result__list {
}

.domain-studio__search-result__list {
  list-style: none;
}

.domain-studio__search-result__list li {
  display: flex;
  justify-content: space-between;
  padding: var(--ix-space-xs) 0;
  border-bottom: 1px solid var(--ix-color-grey-light);
  margin: 0;
}

.domain-studio__search-result__info {
  padding: var(--ix-space-s) var(--ix-space-2s);
  border-radius: 8px;
  background: #fbf9cd;
  margin-bottom: var(--ix-space-m);
}

.domain-studio__further-results__wrapper {
  display: none;
}

.domain-studio__further-results__wrapper.active {
  display: block;
}

.domain-studio__api {
}

.domain-studio__api-json {
  background: var(--ix-color-black);
  border-radius: 8px;
  padding: var(--ix-space-2s);
}

.domain-studio__api__content {
  padding: var(--ix-space-2s);
}

.domain-studio__no-data {
  padding: var(--ix-space-m);
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.loader-icon-loading {
  background: var(--ix-color-ix-gradient-primary);
}

.loader-icon-error {
  background: var(--ix-color-danger);
}

.domain-studio--page-header {
  background-color: var(--ix-color-domains-tertiary);
  padding-bottom: 220px;
}

.domain-studio--page-header h1 {
  font-size: 62px;
}

.domain-studio--page-header .image-holder {
  min-height: 600px;
  margin-left: auto;
}

.domain-studio-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(17, 17, 17, 0.414);
  opacity: 0;
  transition: all 0.2s var(--ix-easing);
  z-index: -1;
}

.domain-studio-overlay.active {
  display: block;
  z-index: 4;
  opacity: 1;
}

.domain-studio__content {
  position: relative;
  min-height: 400px;
}

.domains-studio--exklusive-services--sec li span.icon-square-xsmall {
  flex: 0 0 2.5em;
}

/* NOTE Hosting PAGE id=1259  */

.hosting-btn {
  display: flex;
  align-items: center;
}

.hosting-logo {
  display: flex;
  align-items: center;
  margin: 63px -27px 0;
}

.hosting-logo li {
  margin: 0;
  padding: 10px 27px;
}

.hosting-page .banner-sec.about-banner-sec .image-holder {
  float: left;
  margin-right: 0;
  position: relative;
  z-index: 1;
  right: -55px;
}

/****** IT HAPPEN SEC ******/
.it-happen-sec .ecosystem-box {
  background: linear-gradient(158deg, var(--ix-color-hosting-tertiary) 19.88%, #dad7fc 96.83%);
}

/****** CLOUD SERVER SEC ******/

.cloud-server-sec {
  padding: 120px 0 367px;
}

.cloud-server-sec .title {
  margin: 0 0 50px 0;
}

.cloud-server-sec .title h2 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
}

.cloud-server-box {
  /*background: linear-gradient(130.89deg, var(--ix-color-hosting-tertiary) 0%, #dad7fc 228.71%);*/
  margin: 15px 0;
  background: linear-gradient(130.89deg, #f4eef769 0%, #dad7fc80 228.71%);
  border: 1px solid #dbd9e9;
}

.cloud-server-inner {
  padding: var(--ix-space-m);
}

.cloud-server-inner .ce-row img {
  width: 45px !important;
  margin-bottom: var(--ix-space-xs);
}

.cloud-server-inner .image-holder {
  min-height: 54px;
}

.cloud-server-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-xl);
  margin: 0 0 var(--ix-space-s);
  line-height: 1.3;
  letter-spacing: -1px;
  white-space: nowrap;
}

.cloud-server-inner p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  width: 100%;
  margin-bottom: 32px;
}

.cloud-server-inner ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.cloud-server-inner ul li {
  margin: 0;
}

.cloud-server-inner ul li span {
  background: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-mid);
  border-radius: 67px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cloud-server-inner ul li strong {
  color: var(--ix-color-black);
  font-weight: bold;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  margin: 9px 0 0 0;
  display: block;
}

.cloud-server-inner .pill-xsmall {
  background: var(--ix-color-hosting-gradient-primary);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #fff;
}

.pricing-card__list {
  border-bottom: 1px solid #cac3dc;
  padding-bottom: var(--ix-space-s);
  margin-bottom: var(--ix-space-s);
}

.pricing-card__list ul{
  flex-direction: column;
  margin-bottom: var(--ix-space-s);
}

.pricing-card__list h6{
  margin-bottom: 4px;
}

.pricing-card__list li{
  list-style-position: inside;
}

.price strong {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-s);
  display: block;
  margin-bottom: 3px;
}

.order-server {
  padding: 102px 0 0 0;
}

.order-server h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  max-width: 1044px;
  width: 100%;
  margin-bottom: 73px;
  line-height: 1.4;
}

.order-server-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 38px;
}

.order-server-right .text-box {
}

.order-server-right .text-box p {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 167.1%;
  margin-bottom: 0;
}

.isac-avail {
  margin-bottom: 45px;
}

.isac-avail h5 {
  color: var(--ix-color-grey-dark);
  font-weight: normal;
  font-size: var(--ix-type-s);
  font-family: "IBM Plex Mono", monospace;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.isac-avail h5 span {
  position: relative;
  display: inline-block;
}

.isac-avail h5 span:after {
  position: absolute;
  content: "";
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--ix-color-grey-mid);
  height: 1px;
  width: 18px;
}

.isac-avail ul {
  display: flex;
  flex-wrap: wrap;
}

.isac-avail ul li {
  margin: 0;
  display: flex;
  align-items: center;
  width: 33.3%;
  padding: 18px 0;
}

.isac-avail ul li span {
  background: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-mid);
  border-radius: 67px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
}

.isac-avail ul li strong {
  color: var(--ix-color-black);
  font-weight: bold;
  font-size: var(--ix-type-m);
  flex: 1;
  display: inline-block;
}

.isac-timeline ul {
  display: flex;
  flex-wrap: wrap;
}

.isac-timeline ul li {
  margin: 0;
  width: 33.3%;
  position: relative;
  list-style: none;
}

.isac-timeline ul li:after {
  position: absolute;
  content: "";
  right: 20px;
  top: 20px;
  height: 1px;
  background-color: var(--ix-color-grey-mid);
  left: 60px;
}

.isac-timeline ul li:last-child:after {
  display: none;
}

.isac-timeline ul li span {
  background: var(--ix-color-black);
  border-radius: 67px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
}

.isac-timeline ul li strong {
  font-weight: bold;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  display: block;
}

/******* DATA FORM SEC ******/

.data-form-sec {
  background: var(--ix-color-black);
  padding-bottom: 108px;
}

.data-form-left {
  padding: 120px 0 0 0;
}

.data-form-left .text-box h3 {
  color: var(--ix-color-white);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  margin-bottom: 61px;
}

.frame-backgroundBlack .data-form-left .text-box p {
  color: var(--ix-color-grey-mid);
}

.data-form-left .text-box p {
  color: var(--ix-color-grey-verydark);
  font-weight: normal;
  font-size: var(--ix-type-l);
  max-width: 503px;
  width: 100%;
  margin-bottom: 33px;
}

.data-form-left .text-box p:last-child {
  margin-bottom: 0;
}

.frame-background-grey .data-form-left .text-box p {
  color: var(--ix-color-black);
}

.data-form-left .cloud-server-inner {
  padding: 50px 0 0 0;
}

.data-form-left .cloud-server-inner ul li strong {
  color: var(--ix-color-white);
}

.data-form-right {
  position: relative;
}

.data-form-right .media {
  flex-direction: column;
}

.data-form-right:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -15%;
  height: 370;
  width: 100%;
  /*background: linear-gradient(180deg, rgba(var(--ix-color-black), 0) 14.58%, var(--ix-color-black) 86.98%);*/
}

.data-form-right .image-holder {
  margin-bottom: 42px;
}

.data-form-right .image-holder:last-child {
  margin-bottom: 0;
}

.data-form-right .image-holder.image-form1 {
  margin-top: -125px;
}

.data-form-right .image-holder.image-form3 {
  margin-top: -42px;
}

.data-form-partner h4 {
  color: var(--ix-color-grey-mid);
  font-weight: normal;
  font-size: var(--ix-type-s);
  font-family: "IBM Plex Mono", monospace;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.data-form-partner span {
  position: relative;
  display: inline-block;
}

.data-form-partner span:after {
  position: absolute;
  content: "";
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--ix-color-grey-mid);
  height: 1px;
  width: 18px;
}

.data-form-partner {
  border-top: 1px solid var(--ix-color-grey-dark);
  margin-top: 72px;
  padding-top: 30px;
}

.data-form-partner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
}

/* NOTE 🅘 Encryption */

.encryption-we-work-logos a {
  border: 1px solid var(--ix-color-grey-light);
  padding: 36px;
  transition: border 0.4s ease-in-out;
  display: block;
}

.encryption-we-work-logos a {
  width: 190px;
  height: 110px;
  align-items: center;
  display: flex;
}

.encryption-we-work-logos a:hover {
  border: 1px solid var(--ix-color-black);
}

.encryption-we-work-logos a:hover img {
  filter: grayscale(0%);
}

.encryption-we-work-logos img {
  filter: grayscale(100%);
  transition: filter 0.2s ease-in-out;
}

.management-platform-inner {
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/management-bg.png) no-repeat;
  background-size: cover;
  padding: 108px;
  padding-right: 0;
}

.encryption .domains-top h5 span {
  color: #b42bf4;
}

.encryption .domains-box .domains-list span {
  border: 1px solid #b42bf4;
  color: #b42bf4;
}

.banner-sec .encryption-p--header-row .image-holder:before {
  left: 70px;
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/encryption/bg-encryption-header.svg);
}

.encryption-p--header__logos .ce-row img {
  height: calc(var(--ix-space-xl) * 0.9);
  width: auto !important;
  max-width: initial;
}

.encryption-p--header__logos .ce-row .ce-column:nth-child(2) img {
  height: 90px;
}

.VMC-p--header-row {
  justify-content: space-between;
}

.banner-sec .VMC-p--header-row .image-holder {
  padding: 0;
  padding-top: 100px;
  min-height: auto;
}

.banner-sec .VMC-p--header-row .image-holder:before {
  background: var(--ix-color-encryption-tertiary);
}

/* NOTE ‣ Code Signing id=1608 */

.pageid-1608 .logos .ce-gallery{
  width: 512px;
  max-width: 100%;
}

.pageid-1608 .logos-wrap .ce-row{
  flex-wrap: wrap;
  margin-bottom: var(--ix-space-m);
}



/* NOTE 🅘 All solutions id=1203 */

.tx-ix-solutions .row {
  justify-content: stretch;
}

.tx-ix-solutions .row > div {
  margin-bottom: 30px;
}

.tx-ix-solutions .card-box {
  margin-bottom: 0;
  height: 100%;
}
.ce-bodytext ul li {
  margin-bottom: var(--ix-space-xs);
  list-style-type: disc;
}

.ce-bodytext ul,
.ce-bodytext ol {
  margin-bottom: var(--ix-space-l);
}

.ce-bodytext ol li {
  margin-bottom: var(--ix-space-m);
  list-style-type: decimal;
}

.we-work-sec.solution-resellable-sec {
  padding: 143px 0 20px 0;
}

.solution-resellable-sec .we-work-find {
  padding: 0;
}

.solution-resellable-sec .we-work-find .media {
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
}

.solution-resellable-sec .we-work-find ul li {
  margin: 0 0 18px 0;
}

.solution-resellable-sec .we-work-find ul li a {
  height: 54px;
  font-size: var(--ix-type-m);
}

.solution-resellable-sec .we-work-find .media span {
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: #111111;
  border: 1px solid #bdbdbd;
  max-width: 110px;
  width: 100%;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 36px;
}

.resellable-tag ul {
  margin: 0 -22px;
}

.resellable-tag ul li {
  margin: 0;
  color: #111111;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: var(--ix-type-m);
  padding: 0 22px;
}

.resellable-tag ul li img {
  margin-right: 20px;
}

.protect-manage-sec.solution-projuct-sec {
  background: linear-gradient(160.42deg, #f5d8cf 0%, #e4bff5 54.39%, #c4c1e9 100%);
}

.protect-manage-box {
  border-right: 1px solid #6d6d6d;
}

.solution-projuct-sec .protect-manage-box ul li.second-list {
  border-radius: 48px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: flex-end;
}

.solution-projuct-sec .protect-manage-box ul li.second-last-list {
  margin: 0 0 18px -31px;
}

.solution-projuct-sec .protect-manage-box ul li.second-first-list {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.solution-projuct-sec .protect-manage-box ul li {
  margin: 0;
  justify-content: space-between;
  padding-right: 10px;
}

.pageid-1203 .banner-sec {
  margin-bottom: var(--ix-space-3xl);
}

.sf-category-pill-parent[data-id="1"].active {
  background: var(--ix-color-domains-gradient-primary);
  border-color: transparent;
}

.sf-category-pill-parent[data-id="2"].active {
  background: var(--ix-color-hosting-gradient-primary);
  border-color: transparent;
}

.sf-category-pill-parent[data-id="3"].active {
  background: var(--ix-color-encryption-gradient-primary);
  border-color: transparent;
}

.domains,
.encryption,
.hosting {
  margin-top: var(--ix-space-l);
}

.domains .domains-top h5 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  color: #000000;
  padding-bottom: 20px;
}

.domains .domains-top h5 span {
  color: #f85825;
}

.domains .domains-top p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.domains .domains-top {
  padding-bottom: 57px;
}

.domains .domains-inner h5 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.domains .domains-inner .dns {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xs);
  line-height: 1.4;
  color: #ffffff;
  background: #f85825;
  border-radius: 5px;
  padding: 7px 14px;
  margin-left: 9px;
  position: relative;
}

.domains .domains-inner .dns:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 13px;
  background: url("/https/www.internetx.com/fileadmin/files/ix/global/template/dns.svg");
  background-repeat: no-repeat;
  left: -6px;
}

.domains .domains-inner {
  display: flex;
  align-items: center;
}

.domains .domains-box .domains-list span {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xs);
  line-height: 1.4;
  background: #ffffff;
  border-radius: 48px;
  padding: 7px 14px;
  color: #f85825;
  border: 1px solid #f85825;
  margin-right: 9px;
}

.domains .domains-box .domains-list span:last-child {
  margin-right: 0;
}

.domains .domains-box .domains-list {
  padding-top: 27px;
}

.domains .domains-box .domains-bottom p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: #6d6d6d;
  max-width: 528px;
}

.domains .domains-box .domains-bottom p span {
  color: #f85825;
  text-decoration: underline;
}

.domains .domains-box .domains-bottom {
  padding-top: 27px;
}

.domains .domains-box .domains-btn {
  padding-top: 27px;
}

.domains .domains-box .domains-btn .btn {
  font-style: normal;
  font-weight: bold;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: var(--ix-color-black);
  padding: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
}

.domains .domains-box .domains-btn span {
  margin-left: 7px;
}

.domains .domains-box {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.02);
  padding: 42px;
}

.domains .domains-box {
  margin-bottom: 37px;
}

.domains .domains-last-boxes {
  margin-bottom: 0;
}

/* domains end  */

/* hosting start */

.hosting .domains-top h5 span {
  color: #3726f9;
}

.hosting .domains-box .domains-inner .isac {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xs);
  line-height: 1.4;
  color: #ffffff;
  background: #3726f9;
  border-radius: 5px;
  padding: 7px 14px;
  margin: 0 9px;
  margin-left: 15px;
  position: relative;
}

.hosting .domains-box .domains-inner .isac:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 13px;
  background: url("/https/www.internetx.com/fileadmin/files/ix/global/template/left-arrow-blue.svg");
  background-repeat: no-repeat;
  left: -6px;
}

.hosting .domains-box .domains-list span {
  border: 1px solid #3726f9;
  color: #3726f9;
}

.hosting .domains-box .domains-inner .demand {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xs);
  line-height: 1.4;
  color: var(--ix-color-black);
  background: #c7c7c7;
  border-radius: 5px;
  padding: 7px 14px;
  margin-left: 15px;
  position: relative;
}

.hosting .domains-box .domains-inner .demand:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 13px;
  background: url("/https/www.internetx.com/fileadmin/files/ix/global/template/grey-left-arrow.svg");
  background-repeat: no-repeat;
  left: -7px;
}

/* hosting end */

/* NOTE 🅘 Company */

/* NOTE ‣  About us id=1240 */

.about-us-banner .text-box h1 span {
  background: linear-gradient(90deg, var(--ix-color-domains-primary) 0.01%, var(--ix-color-encryption-primary) 21.64%, var(--ix-color-hosting-primary) 52.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #f85825 10%, #b42bf4 33.34%), linear-gradient(0deg, #111111, #111111);
}

.about-us-banner .text-box h1 #hash {
  background: rgba(248, 88, 37, 1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-us-pra {
  padding-top: 83px;
  padding-bottom: 108px;
}

.about-us-pra .about-pra p {
  font-style: normal;
  font-weight: 400;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #111111;
}

.about-us-expertise {
  background: linear-gradient(159.85deg, rgba(245, 216, 207, 0.2) -2.49%, rgba(228, 191, 245, 0.2) 55.11%, rgba(196, 193, 233, 0.2) 103.42%);
}

.about-awards {
  padding-bottom: 250px;
}

.about-awards .about-top {
  text-align: center;
}

.about-awards .about-top h5 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 111.1%;
  color: #000000;
}

.about-awards .about-logo ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-top: 75px;
}

.about-story {
  background: #fbfbfb;
}

.about-story .data-form-left .text-box h3 {
  line-height: 1.4;
  color: #000000;
}

.about-story .data-form-left .text-box p {
  color: #000000;
}

.about-story .reselling-strengthen-inner h4 span:after {
  background-color: rgba(0, 0, 0, 0.4);
}

.about-story .reselling-strengthen-inner h4 {
  font-family: "IBM Plex Mono", monospace;
}

.about-story .cloud-server-inner p {
  min-height: auto;
  font-style: normal;
  font-weight: 400;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: #6d6d6d;
  margin-bottom: 10px;
}

.about-management {
  background: #fbfbfb;
}

.about-management .management-wrapper .management-detail {
  display: flex;
  align-items: center;
}

.about-management .management-detail .user-tittle h5 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: #6d6d6d;
  margin-bottom: 2px;
}

.about-management .management-detail .user-tittle h6 {
  font-style: normal;
  font-weight: bold;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.about-management .user-info {
  margin-top: 29px;
}

.about-management .user-info p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: #000000;
  max-width: 503px;
}

.about-management .management-detail .user {
  margin-right: 18px;
}

.about-management .management-info {
  max-width: 503px;
  margin-left: auto;
}

.about-management .management-wrapper {
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  padding-top: 67px;
  padding-bottom: 75px;
}

.about-management .reselling-strengthen-inner h4 {
  font-family: "IBM Plex Mono", monospace;
  padding-left: 95px;
}

.about-management .reselling-strengthen-inner h4 span:after {
  background-color: rgba(0, 0, 0, 0.4);
}

.about-boxes {
  padding-top: 90px;
  padding-bottom: 108px;
  background: #fbfbfb;
}

.about-boxes .team-box {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.02);
  padding: var(--ix-space-s);
}

.about-boxes .team-box .box-icon {
  margin-bottom: 14px;
}

.about-boxes .team-box p {
  color: #6d6d6d;
}

.about-knowledge-sec {
  padding-top: 119px;
  padding-bottom: 0;
}

.get-touch-about {
  padding-top: 130px !important;
}

.about-compnay-history {
  padding-bottom: 109px;
  background: var(--ix-color-grey-verylight);
  position: relative;
}

.about-compnay-history .icon-style-ix-light,
.about-compnay-history .icon-style-ix-light img {
  transition: all 0.23s ease-in-out;
}

.about-compnay-history .icon-style-ix-light:hover {
  background: var(--ix-color-black);
  border-color: var(--ix-color-black);
}

.about-compnay-history .icon-style-ix-light:hover img {
  filter: invert(97%) sepia(11%) saturate(2%) hue-rotate(62deg) brightness(117%) contrast(100%);
}

.about-compnay-history .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none;
}

.about-compnay-history .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  display: none;
}

.about-compnay-history .meister-arrow {
  display: flex;
  align-items: center;
  margin: 0 -12px;
}

.about-compnay-history .swiper-button-next,
.swiper-button-prev {
  position: static !important;
  margin: 0 12px !important;
}

.about-compnay-history .meister-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 63px;
}

.about-compnay-history .meister-tittle h3 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-xl);
  line-height: 1.4;
  color: #000000;
}

.about-compnay-history .company-history-inner .date {
  font-style: normal;
  font-size: var(--ix-type-xl);
  line-height: 1.4;
  color: var(--ix-color-black);
  padding-top: 17px;
}

.about-compnay-history .company-history-inner .date p {
  font-style: normal;
  font-weight: 400;
  font-size: var(--ix-type-2m);
  line-height: 1.4;
  color: var(--ix-color-grey-verydark);
  padding-top: 16px;
  max-width: 396px;
  padding-bottom: 29px;
}

.about-compnay-history .company-history-inner .swiper {
  position: relative;
  overflow: visible;
}

.company-history-inner .line {
  position: absolute;
  border-top: 1px dashed var(--ix-color-grey-mid);
  width: 100%;
  top: 28px;
}

.skin-explore-inner {
  margin-left: -30%;
  width: 160%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

.skin-explore-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 390px;
  background: linear-gradient(270deg, rgb(246 246 246 / 0%) 0%, rgb(246 246 246) 100%);
  z-index: 5;
}

.skin-explore-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 364px;
  background: linear-gradient(90deg, rgb(246 246 246 / 0%) 0%, rgb(246 246 246));
  z-index: 5;
}

.banner-sec.about-banner-sec {
  padding: 0;
}

.banner-sec.about-banner-sec:before {
  display: none;
}

.banner-sec.about-banner-sec .image-holder {
  float: left;
  margin-right: 0;
  position: relative;
  z-index: 1;
  right: -160px;
}

.banner-sec.about-banner-sec .banner-left h1 {
  white-space: nowrap;
}

.banner-sec.about-banner-sec .banner-left .media {
  align-items: center;
}

.banner-sec.about-banner-sec .banner-left .media p {
  max-width: 176px;
  width: 100%;
  margin: 0 0 0 30px;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
}

/****** VALUES SEC *******/

.values-inner {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding-bottom: 95px;
}

.values-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
}

.values-list {
  margin: 70px 0 0 217px;
}

.values-list .media {
  margin-bottom: 40px;
}

.values-list .media span {
  font-weight: normal;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-black);
}

.values-list .media .text-box {
  flex: 1;
  width: 100%;
  padding-left: 46px;
  padding-top: 10px;
}

.values-list .media .text-box h4 {
  font-weight: 700;
  font-size: var(--ix-type-2xl);
  line-height: 1;
  color: var(--ix-color-black);
  margin-bottom: 16px;
}

.values-list .media .text-box p {
  font-weight: 400;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  max-width: 580px;
  width: 100%;
  color: var(--ix-color-grey-dark);
}

/****** OUR TEAM SEC ******/

.our-team-sec {
  padding: 67px 0;
}

.team-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-xl);
  margin-bottom: 48px;
}

.team-box {
  border: 1px solid var(--ix-color-black);
  padding: var(--ix-space-m);
  margin: 15px 0;
  border: 1px solid #e4e4e4;
  background: #fff;
}

.team-box h4 {
  font-weight: 600;
  font-size: var(--ix-type-l);
  color: var(--ix-color-black);
  margin: var(--ix-space-xs) 0 var(--ix-space-xs);
}

.team-box h4 span {
  color: var(--ix-color-domains-primary);
}

.team-box p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  margin-bottom: 0;
}

.team-join {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 40px 0 0 0;
}

.team-join p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  margin-right: 48px;
}

.team-join p strong {
  font-weight: 600;
}

.aboutus-p--header .image-holder:before {
  background: var(--ix-color-domains-tertiary);
}

.dark-background h2,
.dark-background h4 {
  color: #fff;
}

/* NOTE ‣  Career id=1240 */

/* .careers-banner .image-holder{
    right: -160px !important;
} */

.pageid-1244 {
  overflow: hidden;
}

.careers-banner .careers-btn .auto-btn {
  margin-left: inherit;
  margin-right: 37px;
  max-width: 272px;
}

.careers-banner .careers-btn .btn {
  font-style: normal;
  font-weight: bold;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-black);
  background: #ffffff;
  border: 1px solid #111111;
  padding: 14px 40px;
  box-shadow: none;
  border-radius: 0;
}

.careers-banner .careers-btn span {
  margin-left: 13px;
}

.careers-banner .careers-btn {
  display: flex;
  align-items: center;
}

/* careers banner end */

.who-careers {
  padding-top: 135px;
  padding-bottom: 93px;
}

.who-careers .about-pra h2 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 111.1%;
  color: #000000;
}

.who-careers .about-pra p {
  font-style: normal;
  font-weight: 400;
  font-size: var(--ix-type-xl);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ix-color-black);
  padding-top: 17px;
  padding-bottom: 45px;
}

.who-careers .image-holder figure {
  padding-bottom: 80px;
  margin: 0;
}

.who-careers .who-careers-inner .careers-list {
  display: flex;
  align-items: flex-start;
}

.who-careers .who-careers-inner .careers-list h3 {
  font-style: normal;
  font-weight: bold;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-black);
  padding-bottom: 18px;
}

.who-careers .who-careers-inner .careers-list p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: #6d6d6d;
}

.who-careers .who-careers-inner .image-holder {
  padding-right: 18px;
  max-width: 93px;
  width: 100%;
}

.who-careers .who-careers-inner .careers-second {
  padding-top: 26px;
}

/* who careers end */

/* what we do careers start */

.what-we-do-careers .cloud-server-inner ul li {
  margin: 0;
  width: 24.3%;
}

.what-we-do-careers .discover-dns-left h3 {
  line-height: 1.4;
}

.what-we-do-careers .discover-dns-inner {
  padding: 92px 0 114px;
  background: #f8f8f8;
}

.what-we-do-careers .discover-dns-left p {
  max-width: 608px;
}

.what-we-do-careers .discover-dns-right img {
  width: 100%;
}

.what-we-do-careers .discover-dns-left {
  padding: 0 0 0 106px;
}

.what-we-do-careers .reselling-strengthen-inner h4 {
  font-family: "IBM Plex Mono", monospace;
}

.what-we-do-careers .reselling-strengthen-inner h4 span:after {
  background: #6d6d6d;
  right: -30px;
}

.what-we-do-careers .discover-dns-left .cloud-server-inner ul li strong {
  line-height: 1.4;
  font-weight: 600;
  margin: 14px 0 0 0;
}

/* what we do careers end */

/* careers internetx start */

.careers-internetx {
  padding-top: 123px;
  padding-bottom: 138px;
}

.careers-internetx .internetx-top {
  padding-bottom: 66px;
}

.careers-internetx .internetx-top h4 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.careers-internetx .internetx-detail h5 {
  font-style: normal;
  font-weight: bold;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  text-transform: capitalize;
  color: var(--ix-color-black);
  padding-top: 18px;
}

.careers-internetx .internetx-detail p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-black);
  padding-top: 18px;
  max-width: 395px;
}

.careers-internetx .internetx-second {
  padding-top: 48px;
}

/* careers internetx end */

/* careers develop sec start */

.careers-develop-sec .develop-inner .domains-inner {
  align-items: flex-start;
}

.careers-develop-sec .develop-inner {
  margin-top: 47px;
}

.careers-develop-sec .domains .domains-box {
  border: 0;
}

.careers-develop-sec .development-top h5 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xl);
  line-height: 118%;
  color: var(--ix-color-black);
  display: flex;
  align-items: end;
}

.careers-develop-sec .development-top h5 span {
  margin-right: 16px;
}

.careers-develop-sec .domains-box {
  margin-bottom: 35px;
}

.careers-develop-sec .domains-last-boxes {
  margin-bottom: -110px;
}

.careers-develop-sec .domains-inner .dns {
  margin-left: 37px;
}

.news .row {
  justify-content: stretch;
}

/* .careers develop sec end */

/* careers market start */

.careers-market-sec .domains-last-boxes {
  margin-bottom: 0;
}

.careers-market-sec .domains-inner .dns {
  margin-left: 37px;
}

/* careers market end */

/* careers sales sec start */

.careers-sales-sec .domains-last-boxes {
  margin-bottom: 0;
}

.careers-sales-sec .domains-inner .dns {
  margin-left: 37px;
}

/* careers sales sec end */

/* careers jobs start */

/* careers jobs end */

/* careers application start */

.careers-application {
  padding-bottom: 72px;
}

.careers-application .reselling-strengthen-inner h4 {
  font-family: "IBM Plex Mono", monospace;
  color: var(--ix-color-black);
  margin-bottom: 35px;
}

.careers-application .reselling-strengthen-inner h4 span:after {
  background-color: var(--ix-color-black);
}

.careers-application .application-top {
  margin-bottom: 35px;
}

.careers-application .application-bottom .pill-big {
}

.careers-application .application-bottom ul {
  display: grid;
  grid-template-columns: auto auto auto auto;
  position: relative;
}

.careers-application .application-bottom ul li {
  margin: 0;
  margin-right: 40px;
}

.careers-application .application-bottom ul li:last-child {
  margin-right: 0;
}

.careers-application .application-bottom ul li:after {
  content: "";
  position: absolute;
  background: url("/https/www.internetx.com/fileadmin/files/ix/global/template/application-line.png");
  width: 95px;
  height: 30px;
  background-repeat: no-repeat;
  bottom: 0;
  right: -55%;
  background-position-x: right;
  right: -36px;
  width: 32px;
}

.careers-application .application-bottom ul li:last-child:after {
  display: none;
}

/* .careers-application end */

/* careers form start */

.careers-form {
  background: var(--ix-color-black) url("/https/www.internetx.com/fileadmin/files/ix/global/template/form-vector.png");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 108px 0;
}

.careers-form h4 {
  color: #fff;
}

.careers-form .container-fluid {
  padding: 0;
}

.careers-form .form-left h5 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  color: #ffffff;
}

.careers-form .form-left .apply .btn {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  box-shadow: none;
  padding: 0;
  background: linear-gradient(90deg, #ff300a 0.01%, #664efb 112.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.careers-form .form-left-bottom {
  padding-top: 200px;
}

.careers-form .form-left-bottom h4 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-transform: none;
}

.careers-form .reselling-strengthen-inner h4 span:after {
  background: #bdbdbd;
  width: 25px;
}

.careers-form .management-detail .user-tittle h5 {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #ffffff;
}

.careers-form .management-detail .user-tittle h6 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #bdbdbd;
}

.careers-form .user-info p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #bdbdbd;
  padding-top: 18px;
  margin-bottom: 22px;
  max-width: 500px;
}

.careers-form .management-detail {
  display: flex;
  align-items: flex-start;
}

.careers-form .management-detail .user {
  margin-right: 25px;
}

.careers-form .left-bottom-info {
  display: flex;
  align-items: flex-start;
}

.careers-form .left-bottom-info .user-address p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #ffffff;
  max-width: 177px;
  margin-right: 39px;
}

.careers-form .left-bottom-info .user-contact span {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #ffffff;
  display: block;
}

.careers-form .left-bottom-info .user-contact span a {
  color: #ffffff;
}

.careers-form .form-right .form-inner {
  cursor: pointer;
}

.careers-form .form-right .form-group .lable-text {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: #bdbdbd;
  margin-top: 29px;
  margin-bottom: 14px;
  padding-left: 27px;
}

.careers-form .form-right .form-group input::placeholder {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: #bdbdbd;
}

.careers-form .careers-form-list ul {
  display: flex;
  align-items: center;
}

.careers-form .careers-form-list ul li {
  margin: 0;
  margin-right: 39px;
}

.careers-form .careers-form-list ul li:last-child {
  margin-right: 0;
}

.careers-form .careers-form-list .input-label {
  background: #2d2d2d;
  border: 1px solid #6d6d6d;
  box-sizing: border-box;
  border-radius: 5px;
  height: 36px;
}

.careers-form .careers-form-list .input-label strong {
  font-style: normal;
  font-weight: bold;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  color: #ffffff;
  margin: 8px 0 8px 20px;
}

.careers-form .careers-form-list .input-label span {
  margin-left: 7px;
  margin-right: 10px;
}

.careers-form .careers-form-list {
  padding-top: 10px;
}

.careers-form .form-instruction p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-2xs);
  line-height: 1.4;
  color: #ffffff;
  max-width: 285px;
}

.careers-form .form-instruction {
  margin-top: 17px;
}

.careers-form .form-instruction ul {
  display: flex;
  align-items: center;
}

.careers-form .form-instruction ul li {
  margin: 0;
  margin-right: 39px;
}

.careers-form .form-instruction ul li:last-child {
  margin-right: 0;
}

.careers-form .form-instruction ul li:last-child span {
  color: #09a359;
}

.careers-form .form-instruction ul li:first-child span {
  font-weight: 600;
}

.careers-form .form-instruction ul li:last-child a {
  color: #fff;
  font-weight: 600;
}

.careers-form .form-btn {
  text-align: end;
  padding-top: 72px;
}

.careers-form .form-btn .btn {
  font-style: normal;
  font-weight: 600;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: #ffffff;
  background: linear-gradient(91.94deg, #f85825 0%, #ff005c 209.1%);
  box-shadow: none;
  padding: 13px 34px;
  border-radius: 0;
}

.careers-form .form-btn .btn span {
  margin-left: 13px;
}

/* careers form end */

/* careers life start */

.careers-life .life-top h5 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-3xl);
  line-height: 118%;
  color: var(--ix-color-black);
  text-align: center;
}

.careers-banner .text-box h1 #hash {
  margin-left: -76px;
  margin-right: 10px;
}

.careers-p--galery {
  margin-bottom: 250px;
}

.careers-p--galery-pic {
  background-size: cover;
  flex-grow: 1;
  position: relative;
}

.careers-p--galery-pic:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 150px;
  background: linear-gradient(180deg, #ffffff 3.37%, rgba(255, 255, 255, 0) 70%);
}

.careers-p--galery-pic:after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  height: 150px;
  background: linear-gradient(0deg, #ffffff 3.37%, rgba(255, 255, 255, 0) 70%);
}

.pic-1 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_1.jpg");
  height: 400px;
  transform: translateY(58px);
  background-position: center;
}

.pic-2 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_2.jpg");
  height: 366px;
  transform: translateY(154px);
  background-position: center;
}

.pic-3 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_3.jpg");
  height: 475px;
  transform: translateY(0);
}

.pic-4 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_4.jpg");
  height: 405px;
  transform: translateY(150px);
}

.pic-5 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_5.jpg");
  height: 458px;
  transform: translateY(38px);
}

.pic-6 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_6.jpg");
  height: 384px;
  transform: translateY(196px);
  background-position-x: right;
}

.pic-7 {
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/who_we_are_7.jpg");
  height: 367px;
  transform: translateY(134px);
  background-position: center;
}

.careers-jobs-sec {
}
.careers-jobs-sec--bg-header {
  position: relative;
  padding-top: 54px;
}

.careers-jobs-sec--bg-header:before {
  position: absolute;
  content: "";
  background: #000;
  right: 0;
  top: 0;
  left: 0;
  height: 300px;
  background: linear-gradient(160.42deg, #f4e4df 0%, #f4eaf9 54.39%, #eeedf9 100%);
}

.careers-jobs-sec__header {
  margin-bottom: 46px;
}

.careers-jobs-sec__header h5 {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-xl);
  line-height: 118%;
  color: var(--ix-color-black);
  display: flex;
  align-items: end;
}

.careers-jobs-sec__header h5 span {
  margin-right: 16px;
}

.careers-life {
  height: 990px;
}

.careers-life-images img {
  position: absolute;
}

.careers-life-image-1 {
  width: 153px;
  top: 160px;
  left: -24px;
}

.careers-life-image-2 {
  width: 298px;
  top: 204px;
  left: 313px;
}

.careers-life-image-3 {
  width: 153px;
  top: 74px;
  right: 413px;
}

.careers-life-image-4 {
  width: 178px;
  top: 177px;
  right: 78px;
}

.careers-life-image-5 {
  width: 153px;
  bottom: 177px;
  right: -67px;
}

.careers-life-image-6 {
  width: 178px;
  bottom: 174px;
  right: 471px;
}

.careers-life-image-7 {
  width: 153px;
  bottom: 76px;
  left: 262px;
}

.careers-life-image-8 {
  width: 174px;
  bottom: 190px;
  left: -67px;
}

.careers-life {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74.42%, rgba(255, 255, 255, 0.96) 83.71%), linear-gradient(245.17deg, rgba(219, 192, 242, 0) 33.87%, rgba(219, 192, 242, 0.147) 37.36%, rgba(254, 211, 197, 0.42) 53.29%, rgba(228, 191, 245, 0.1932) 59.77%, rgba(196, 193, 233, 0.2352) 65.51%, rgba(196, 193, 233, 0) 71.91%);
}

/* NOTE 🅘 Landing pages */

/* NOTE ‣  OwnerC page  id= */
.banner-sec .OwnerC-p-header-row .image-holder .banner-bg,
.banner-sec .OwnerC-p-header-row .image-holder .banner-bg img {
  display: none;
}

/* NOTE 🅘 Autodns pages */

.autodns-p--container .container {
  padding-top: var(--ix-space-2xl);
  padding-bottom: 160px;
}

.autodns-p--autodns-box {
  background-size: cover;
  background-position: center center;
  padding: 84px 0 84px 84px;
  position: relative;
  overflow: hidden;
  background: var(--ix-color-domains-gradient-primary);
  align-items: center;
  margin-top: -200px;
}

.page-header--autodns-p {
}

.autodns-p--autodns-box__content h2 {
  color: #fff;
}

.autodns-p--autodns-box__content p {
  color: #fff;
}

.autodns-p--autodns-box__visual {
  padding-right: 0;
}

.autodns-p--autodns-box__visual img {
  max-width: initial;
}

.autodns-p--autodns-benifits .icontext-wrap .teaser {
  font-size: var(--ix-type-xl);
  line-height: 1.1;
  color: var(--ix-color-domains-primary);
}

.autodns-p--autodns-benifits .icontext {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.autodns-p--certificates .ce-gallery img:hover {
  transform: translateY(5);
  transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* NOTE: rankfurt Galaxy page */

.frankfurt-galaxy-offers .portfolio-offer ul{
    display: grid;
    gap: 12px;
  }

.frankfurt-galaxy-offers .card-domains-offer{
  height: 100%;
  padding: var(--ix-space-s);
  border: 1px solid #b6b1f3;
}

.frankfurt-galaxy-offers .card-domains-offer .card-header h5{
  overflow-wrap: anywhere;
}

.frankfurt-galaxy-offers .card-domains-offer-tag{
  background: var(--ix-color-domains-secondary)
}


/* NOTE: Relaunch Elemente */
.pageid-1007 {
  overflow: hidden;
}

/* END PAGES !SECTION*/

/*────────────────────────────────────────────────/
/────────────── // SECTION 8 - PLUGINS and 3D PARTY  ──────────/
styles fior for 3d party applications and plugins
/────────────────────────────────────────────────*/

/* NOTE InXmail */

.powermail_fieldwrap_type_check.col-md-6 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.powermail_fieldwrap_type_check.col-md-6 label + div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
}

.powermail_fieldwrap_type_check .check {
  cursor: pointer;
  font-size: var(--ix-type-2xs);
  margin-bottom: var(--ix-space-s);
}

.powermail_fieldwrap_form-multiple-choices .check {
  font-size: var(--ix-type-s);
}

.powermail_form button[disabled]{
	opacity: 0.5;
}

label[for="powermail_field_upload_input"] {
  padding: var(--ix-space-s);
  height: auto;
  padding-left: var(--ix-space-l);
  position: relative;
}

label[for="powermail_field_upload_input"]:hover {
  border-color: var(--ix-color-grey-mid);
}

label[for="powermail_field_upload_input"]:before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: #ffffff;
  border-radius: 30px;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/icons/download.svg);
  background-size: contain;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

label[for="powermail_field_upload_input"]:hover::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--ix-color-domains-primary);
  border-radius: 30px;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/icons/download.svg);
  background-size: contain;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.dark-background .powermail_create {
  color: #fff;
}

.dark-background .powermail_create a {
  font-weight: 700;
  color: var(--ix-color-hosting-secondary);
}

/* NOTE Vue.js app */

/* For the Vue.APP */
[v-cloak] {
  display: none !important;
}

/* NOTE Typo3  */
/* delete preview typo 3 button on preview pages */

#typo3-preview-info {
  display: none;
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
  margin-bottom: 0;
}

/* NOTE  Slick.js*/

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  height: 100%;
  flex-direction: column;
  left: -36px;
}

.slick-dots li {
  margin: 0;
  padding: 9px 0;
}

.slick-dots li button {
  background-color: var(--ix-color-white);
  border: 1px solid var(--ix-color-black);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  text-indent: -999999px;
  position: relative;
}

.slick-dots li button:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--ix-color-white);
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.slick-dots li.slick-active button:after {
  background-color: var(--ix-color-black);
}

/* END PLUGINS !SECTION*/

/***** HEADER DOAMIN *****/

.header-domain {
  background: var(--ix-color-grey-verylight);
  border-top: 1px solid var(--ix-color-grey-light);
  border-bottom: 1px solid var(--ix-color-grey-light);
  padding: 21px 0;
  position: absolute;
  left: 0;
  width: 100%;
  display: none;
  top: 61px;
}

.header-domain.active {
  display: block;
}

/*******  WE WORK sec ******/

.we-work-sec {
  padding: 127px 0 20px 0;
}

.we-work-inner {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding-bottom: 66px;
}

.we-work-inner h3 {
  color: var(--ix-color-black);
  font-weight: 400;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  letter-spacing: -0.01em;
}

.we-work-inner h4 {
  font-size: var(--ix-type-s);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--ix-color-grey-dark);
  position: relative;
  margin: 55px 0 33px;
}

.we-work-inner h4 span {
  position: relative;
  display: inline-block;
}

.we-work-inner h4 span:after {
  position: absolute;
  content: "";
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  background: var(--ix-color-grey-mid);
  height: 1px;
  width: 18px;
}

.we-work-inner ul {
  display: flex;
  flex-wrap: wrap;
}

.we-work-inner ul li {
  margin: 0;
  width: 16.6%;
}

.we-work-inner ul li span {
  background: var(--ix-color-domains-tertiary);
  border-radius: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
}

.we-work-inner ul li p {
  color: var(--ix-color-black);
  font-weight: 700;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  text-transform: capitalize;
  margin: 15px 0 0 0;
}

.we-work-find h4 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  max-width: 860px;
  width: 100%;
  line-height: 1.4;
}

.we-work-find .media {
  align-items: center;
  padding: 47px 0px 0;
}

.we-work-find ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -8.5px;
}

.we-work-find ul li {
  padding: 0 8.5px;
  margin: 16px 0;
}

.we-work-find span {
  color: var(--ix-color-black);
  font-weight: 700;
  font-size: var(--ix-type-m);
  display: flex;
  align-items: center;
  margin-left: 36px;
}

.we-work-find span img {
  margin-right: 11px;
}

/****************************/

.protect-manage-sec {
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/protect-manage-bg.png) no-repeat;
  background-color: var(--ix-color-domains-tertiary);
  background-size: contain;
  background-position: center right;
}

.protect-manage-box.br-none {
  border-right: none;
}

.protect-manage-box ul {
}

.protect-manage-box ul li {
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: var(--ix-type-s);
  background: var(--ix-color-white);
  border-radius: 48px;
  color: var(--ix-color-black);
  height: 36px;
  margin-bottom: 18px;
  white-space: nowrap;
  padding: 0 30px;
}

.protect-manage-box ul li:last-child {
  margin-bottom: 0;
}

.protect-manage-box ul li.fisrt-list {
  margin-right: -24px;
  border-radius: 48px 0 0 48px;
  position: relative;
  z-index: 1;
}

.protect-manage-box ul li.second-list {
  border-radius: 0;
  margin: 0 -24px 18px -31px;
}

.protect-manage-box ul li.third-list {
  border-radius: 0 48px 48px 0;
  margin: 0 0 18px -31px;
}

.protect-manage-box ul li.four-list {
  margin-right: -24px;
  border-radius: 48px 0 0 48px;
  position: relative;
  z-index: 1;
}

.protect-manage-box ul li.five-list {
  margin-left: -31px;
  border-radius: 0 48px 48px 0;
}

.thumb-image {
  position: relative;
  padding: 0 0 0 25px;
}

.thumbnail-image {
  margin-bottom: var(--ix-space-l);
}

.thumbnail-image .media .image-holder {
  background: var(--ix-color-black);
  border-radius: 67px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--ix-space-xs) 0 0 0;
}

.thumbnail-image .media .text-box {
  flex: 1;
  width: 100%;
  margin-left: var(--ix-space-s);
}

.thumbnail-image .media .text-box span {
  display: flex;
  align-items: center;
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-s);
  font-weight: normal;
  text-transform: uppercase;
  font-family: "IBM Plex Mono", monospace;
}

.thumbnail-image .media .text-box span img {
  margin-left: var(--ix-space-s);
}

.thumbnail-image .media .text-box h4 {
  font-weight: 700;
  font-size: var(--ix-type-l);
  color: var(--ix-color-black);
  margin: var(--ix-space-xs) 0 var(--ix-space-s);
}

.thumbnail-image .media .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  width: 100%;
  color: var(--ix-color-black);
}

/******** SERVICES CONTACT *******/

.services-contact {
  padding: var(--ix-space-2xl) 0;
  background-color: var(--ix-color-black);
}

.services-contact-inner .text-box h3 {
  color: var(--ix-color-white);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  max-width: 609px;
  margin-bottom: var(--ix-space-l);
}

.services-contact-inner .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-grey-verylight);
  max-width: 515px;
  width: 100%;
}

.contact-right .form-group {
  margin-bottom: var(--ix-space-xs);
}

.contact-right .form-group .label-text {
  color: var(--ix-color-grey-mid);
  font-weight: normal;
  font-size: var(--ix-type-s);
  display: block;
  margin: 0 0 5px 0;
}

.input-label strong {
  color: var(--ix-color-grey-verylight);
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 1.4;
  text-align: center;
  margin-left: var(--ix-space-s);
}


.input-upload-wrapper {
  border: 1px dashed var(--ix-color-grey-mid);
  width: 100%;
  margin: var(--ix-space-xs) 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  margin-left: 0 !important;
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cline x1='0' y1='0' x2='10' y2='10' stroke='%23ffffff' stroke-width='1' stroke-dasharray='2' stroke-opacity='0.3'/%3E%3C/svg%3E");
}

.input-upload-wrapper input{
  cursor: pointer;  
}

/* input[type="file"] {
  display: none;
} */

/* The check */

.check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin: 5px 0 0 0;
  padding-right: 0;
  cursor: pointer;
  font-weight: normal;
  font-size: var(--ix-type-2xs);
  color: var(--ix-color-grey-mid);
}

.check a {
  color: var(--ix-color-domains-primary);
}

/* Hide the browser's default checkbox */

.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: var(--ix-color-white);
  border-color: var(--ix-color-grey-mid);
  border-style: solid;
  border-width: 1px;
}

/* When the checkbox is checked, add a blue background */

.check input:checked ~ .checkmark {
  background-color: var(--ix-color-white);
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.check .checkmark:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/checkmark-icon.svg) no-repeat;
  background-size: 100%;
  width: 14px;
  height: 10px;
}

.reselling-company-sec {
  padding: 145px 0 100px;
}

.reselling-company-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 111.1%;
  max-width: 838px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.reselling-company-inner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 90px 0 0 0;
}

.reselling-company-inner ul li {
  margin: 15px 0;
}

/******** RESELLING STRENGTHEN *******/

.reselling-strengthen-sec {
  background: var(--ix-color-grey-verylight);
  padding: 120px 0 136px;
}

.reselling-strengthen-inner h3 {
  font-weight: 400;
  font-size: var(--ix-type-2xl);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ix-color-black);
  margin-bottom: 53px;
}

.reselling-strengthen-inner h4 {
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-s);
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.reselling-strengthen-inner h4 span {
  position: relative;
  display: inline-block;
}

.reselling-strengthen-inner h4 span:after {
  position: absolute;
  content: "";
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: rgba(109, 109, 109, 0.4);
  height: 1px;
  width: 18px;
}

.strengthen-box {
  border-left: 1px solid var(--ix-color-grey-mid);
  padding-left: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.strengthen-box h2 {
  color: var(--ix-color-black);
  font-weight: 700;
  font-size: var(--ix-type-2xl);
  margin-bottom: var(--ix-space-s);
}

.strengthen-box p {
  font-weight: 400;
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-l);
  line-height: 1.4;
  margin-bottom: 0;
}

/******* ABOUT SEC *******/

/***************/

.effective-sec {
  padding: 146px 0 85px;
}

.effective-left h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  line-height: 111.1%;
  color: var(--ix-color-black);
  margin: 40px 0 0 0;
  max-width: 470px;
  width: 100%;
}

.effective-box {
  margin-bottom: 48px;
}

.effective-box span {
  background: var(--ix-color-encryption-tertiary);
  border-radius: 67px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.effective-box h3 {
  color: var(--ix-color-black);
  font-weight: 700;
  margin: 18px 0 0 0;
  font-size: var(--ix-type-m);
  line-height: 1.4;
}

/****** MANAGEMENT PLATEFORM *******/

.management-platform-sec {
  padding-bottom: 144px;
}

.management-platform-inner {
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/management-bg.png) no-repeat;
  background-size: cover;
  padding-left: 72px;
  padding-top: 52px;
  padding-bottom: 70px;
}

.management-platform-inner .image-holder ul {
  display: flex;
  margin: 56px 0 0 0;
  align-items: center;
  justify-content: center;
}

.management-platform-inner .image-holder ul li {
  margin: 0 17px;
}

/****** EXPERTISE SEC *********/

.expertise-sec {
  background: var(--ix-color-grey-verylight);
  padding: 125px 0 98px;
}

.expertise-inner h3 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  margin-bottom: 50px;
}

.expertise-box {
  display: flex;
  margin: 36px 0;
}

.expertise-box .text-box {
  flex: 1;
  padding-top: 6px;
  width: 100%;
  padding-left: 18px;
}

.expertise-box .text-box h4 {
  font-weight: 700;
  font-size: var(--ix-type-l);
  line-height: 1.4;
  color: var(--ix-color-black);
  margin-bottom: 5px;
}

.expertise-box .text-box p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  color: var(--ix-color-grey-dark);
  line-height: 1.4;
}

/* The check */

.check {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 15px;
  cursor: pointer;
  font-size: var(--ix-type-2xs);
  font-weight: 600;
  margin: 0;
  color: var(--ix-color-grey-mid);
}

/***** CA PARTNER SEC ******/

.ca-partner-sec {
  padding: 0 0 80px 0;
}

.ca-partner-inner {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  padding-bottom: 138px;
}

.ca-partner-inner h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-black);
  margin-bottom: 55px;
}

.ca-partner-inner ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px;
}

.ca-partner-inner ul li {
  margin: 0;
  width: 20%;
  padding: 0 9px;
  margin: 9px 0;
}

.ca-partner-inner ul li a {
  border: 1px solid var(--ix-color-grey-light);
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

.ca-partner-inner ul li a img {
  filter: grayscale(1);
  transition: all 0.2s ease-in-out;
}

.ca-partner-inner ul li a:hover {
  border: 1px solid var(--ix-color-grey-verydark);
  transition: all 0.2s ease-in-out;
}

.ca-partner-inner ul li a:hover img {
  filter: inherit;
  transition: all 0.2s ease-in-out;
}

/******** DISCOVER DNS SEC *********/

/***** SOLUTION PAGE *****/

/* 2-11-2021 */

/* solution css */

/* encryption page */

/* encryption end */

/* get-touch solution start */

.get-touch-solution {
  padding-top: 144px !important;
}

/*----------- Solution css end-------- */

/*-------- about us css end---------- */

/*-------- careers css start---------- */

/* careers banner start */

/* --COMPONENTS */

/* Icon with text*/

.icontext-wrap {
  display: grid;
  grid-row-gap: 10px;
}

.icontext-wrap .icon {
  overflow: hidden;
}

/* --Get in touch */

.touch-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.slider-nav,
.slider-for {
  max-height: 100% !important;
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  min-height: 0;
  min-width: 0;
}

/* delete preview typo 3 button on preview pages */

#typo3-preview-info {
  display: none;
}

/* typography */

body {
  scroll-behavior: smooth;
}

select {
  cursor: pointer;
}

/* background colors */

/******-- Components --******/

/* header*/

/* Promoted product/service */

.box-promoted-product-content {
  padding-left: 74px;
}

.box-promoted-product-content h3 {
  margin-bottom: 38px;
}

/* Promoted product/service */

.box-promoted-product--focus .text-box p {
  color: #ffffffe0;
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.6;
  width: 100%;
  margin-bottom: var(--ix-space-m);
  font-weight: 400;
}

.box-promoted-product--focus h3 {
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  color: var(--ix-color-grey-verylight);
  line-height: 1.25;
  margin-bottom: var(--ix-space-m);
}

.box-promoted-product--focus .text-box {
  color: #ffffffe0;
  font-size: var(--ix-type-m);
  margin-bottom: 54;
}

/* Cards */

/* -- main css styles overrides -- */

a {
  transition: color 0.1s ease-in-out;
  cursor: pointer;
  color: var(--ix-color-hosting-primary);
}

a:hover {
  color: #2a0eb6;
}

/*  Page : domain search */

.search-answer-detail ul li:last-child {
  border-bottom: none;
}

.domain-search-box .text-box h3 span {
  margin-right: 10px;
}

.catagories-container-noinitial > div:first-child > div > div.search-answer-detail {
  border: 1px solid var(--ix-color-grey-mid) !important;
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgb(0 0 0 / 4%) !important;
  padding: var(--ix-space-2xl);
  background: #fff !important;
}

/* Page: TLD search page */

/*  Page : transfer service */

.slider-banner-image {
  display: none;
}

.slider-banner-image.active {
  display: block;
}

.process-header {
  cursor: pointer;
}

.line-progress {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 0;
  width: 1px;
  background: var(--ix-color-grey-light);
  height: 100%;
}

.line-progress-active {
  position: absolute;
  left: 19.5px;
  top: 46px;
  width: 2px;
  background: var(--ix-color-domains-secondary);
  border-radius: 100px;
}

.in-progress .line-progress-active {
  animation-name: progressBarProcess;
  animation-duration: 10s;
  animation-fill-mode: forwards;
}

.finished .line-progress-active {
  height: 100% !important;
}

@keyframes progressBarProcess {
  from {
    height: 0;
  }

  to {
    height: 100%;
  }
}

.services-process-sec .card.finished .icon-rounded-small,
.services-process-sec .card.in-progress .icon-rounded-small {
  border: 2px solid #fff;
  outline: 1px solid var(--ix-color-domains-secondary);
  background-color: var(--ix-color-black);
}

.services-process-sec .card .icon-rounded-small,
.services-process-sec .card .icon-rounded-small {
  background-color: var(--ix-color-grey-mid);
}

.process-left .media {
  position: relative;
}

.process-left .card {
  padding-bottom: var(--ix-space-s);
  overflow: visible;
}

.process-left .icon-rounded-small {
  z-index: 4;
  position: relative;
}

/*  Page : Home page */

.container {
  width: 1260px;
  margin-right: auto;
  margin-left: auto;
}

.container--9 {
  width: 937px;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}

.container .container {
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

/* helpers*/

/* Page : Reseller page */

/*  Page : domains page */

.domain-platform-inner {
  position: relative;
  overflow: hidden;
}

.encryption-p--autodns-box .domain-platform-inner .image-holder img {
  width: 141%;
  height: 462px;
}

.domain-platform-inner:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-image: url("/https/www.internetx.com/fileadmin/files/ix/global/template/pattern-domains-1.png");
  width: 52%;
  opacity: 0.6;
  background-size: cover;
}

.price h4 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-xl);
  display: flex;
  align-items: baseline;
  margin-bottom: 0;
  line-height: 1;
}

.price h4 span {
  color: var(--ix-color-black);
  font-weight: 400;
  font-size: var(--ix-type-s);
  color: var(--ix-color-grey-dark);
  margin-left: 6px
}
.price sub {
  font-size: 11px;
}

.price-footnote {
  margin-bottom: var(--ix-space-s);
}

.price-footnote-text sub.number {
  top: -2px;
}

.price-footnote-text .price-footnote {
  margin-bottom: var(--ix-space-xs);
  color: var(--ix-color-grey-dark);
}

sub.number {
  font-weight: normal;
  background: var(--ix-color-domains-secondary);
  border-radius: 100px;
  width: 11px;
  height: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: initial;
  margin-bottom: 0;
  top: -9px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

sub.text {
  position: initial;
  margin-left: 12px;
}

.domains-p--exklusive-services--sec h2 {
  margin-bottom: var(--ix-space-m);
}

.domains-p--exklusive-services--sec .row {
  align-items: center;
}

.we-work-find span {
  margin-left: 0;
  margin-right: 36px;
}

.domains-page .solution-finder-content {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto repeat(8, 1fr);
}

.encryption-page .solution-finder-content {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto repeat(8, 1fr);
}

.banner-left {
  z-index: 5;
  padding: 40px 0;
}

.banner-left .text-box form {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
}

.banner-left .text-box form input {
  font-size: var(--ix-type-l);
  color: var(--ix-color-domains-primary);
  padding-bottom: 10px;
  border-right: none;
}

.banner-left .text-box form input::placeholder {
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-s);
  font-weight: normal;
}

.banner-left .text-box form input:not(:placeholder-shown) {
  padding-bottom: 1px;
}

/* page: Hosting page */

.logo-dell {
  height: 26px;
}

.hosting-p--sec--data-center .container {
  display: flex;
}

.hosting-p--sec--isac {
  margin-bottom: 250px;
}

.hosting-p--sec--isac .ce-gallery {
  margin-bottom: 0;
}

.pricing-cards-special-offer-header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ix-type-xl);
}

.pricing-cards-special-offer-header span {
  padding: 4px 14px 4px;
  background: var(--ix-color-hosting-gradient-primary);
  /* line-height: .1; */
  font-weight: 300;
  color: #fff;
  margin-left: 12px;
}

.hosting-p--sec--special-offer h2 {
  margin-bottom: var(--ix-space-s);
}

.hosting-p--sec--special-offer h4.subheader {
  text-align: center;
}
/* Sections separator */

.section-separator {
  width: 100%;
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

/* fix icon position ( some icons need space above, left or bottom to look balanced visually ) */

/* Domain Studio */

.search-list ul li.inactive {
  border: 1px solid var(--ix-color-grey-dark);
}

.search-list ul li.inactive span {
  background-color: var(--ix-color-grey-dark);
}

.search-list ul li.inactive p {
  color: var(--ix-color-grey-dark);
}

.search-list ul li p {
  margin-bottom: 0 !important;
}

/* Page: About us page */

/* Page: careers */

/* other fixes */

h4.subheader {
  margin-bottom: var(--ix-space-s);
}

.btn-support--up {
  filter: invert(64%) sepia(84%) saturate(848%) hue-rotate(96deg) brightness(98%) contrast(102%);
}

.btn-support--down {
  filter: invert(10%) sepia(73%) saturate(6618%) hue-rotate(359deg) brightness(101%) contrast(115%);
}

.btn-support--partial {
  filter: invert(78%) sepia(32%) saturate(708%) hue-rotate(4deg) brightness(97%) contrast(97%);
}

.icontext-wrap a {
  display: flex;
  color: initial;
  align-items: center;
  color: var(--ix-color-black);
}

/* Page: about us page */

/* old header and 404 page */

/* new CSS Hamza */

.old-header {
  background: url(/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots.svg) repeat;
  width: 100%;
  min-height: 540px;
  position: relative;
}

.old-header::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.old-header .container {
  position: relative;
}

.old-header .container:after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ddd;
}

.old-header-title-header {
  margin-top: 150px;
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-size: 72px;
  text-align: center;
  background: linear-gradient(90deg, #f85825 13.72%, #b42bf4 49.13%, #3726f9 92.15%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 36px;
  padding: 14px;
  line-height: normal;
}

.old-header-content {
  padding-bottom: 40px;
  margin-top: 20px;
  font-family: Manrope;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 167.1%;
  text-align: center;
  color: #111111;
}

.old-header-404-title {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.4;
  text-align: center;
  margin-top: 40px;

  /* basic/black */
  color: #111111;
}
.old-header-button {
  padding: 16px 36px !important;
  background: #111111 !important;
  margin: 30px 0px !important;
}
.old-header-button-content {
  font-family: Manrope;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  /* identical to box height */
  color: #ffffff;
}

/* Page specific styles*/

div#ceid-48100,
#ceid-48099,
#ceid-48102,
#ceid-48101 :nth-child(1) {
  filter: drop-shadow(10px 10px 4px rgba(0, 0, 0, 0.1));
}
/* 
.pageid-1258 .mega-menu {
  display: none;
} */

.pageid-1244 .news .row > div {
  justify-content: stretch;
  margin-bottom: var(--ix-space-m);
}

.pageid-1244 .news .row > div {
  justify-content: stretch;
  margin-bottom: var(--ix-space-m);
}

.pageid-1244 .news .row .article {
  height: 100%;
}

.pageid-1244 .news .row .card-box {
  margin-bottom: 0;
  height: 100%;
}

.pageid-1240 .data-form-right:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -15%;
  height: 800px; /*370*/
  width: 100%;
  /*background: linear-gradient(180deg, rgba(var(--ix-color-black), 0) 14.58%, var(--ix-color-black) 86.98%);*/
  background-image: linear-gradient(180deg, rgb(246 246 246 / 0%) 50%, rgb(246 246 246) 80%);
}

.pageid-1172 .banner-sec .image-holder .banner-bg img,
.pageid-1166 .banner-sec .image-holder .banner-bg img {
  height: 100%;
}

/* ID=1420 */

.pageid-1420 .banner-sec,
.pageid-1427 .banner-sec {
  overflow: hidden;
}

.pageid-1420 .banner-sec .image-holder,
.pageid-1427 .banner-sec .image-holder {
  height: initial;
  max-height: initial;
}

.pageid-1420 .banner-sec .image-holder:before,
.pageid-1427 .banner-sec .image-holder:before {
  background-color: var(--ix-color-domains-tertiary);
  background-image: url(/https/www.internetx.com/fileadmin/files/ix/global/template/backgrounds/bg-dots.svg);
}

.pageid-1420 .banner-sec .row,
.pageid-1427 .banner-sec .row {
  align-items: stretch;
}

.pageid-1420 .banner-sec .banner-left,
.pageid-1427 .banner-sec .banner-left {
  margin-bottom: 50px;
  margin-top: 50px;
}

/* SECTION OTHER  FILES */

/* NOTE: fixes1.css */
/* Header */
h1 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: 72px;
}

h2 {
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-2xl);
  width: 100%;
  line-height: 1.2;
}

h3 {
  color: var(--ix-color-black);
  margin-bottom: var(--ix-type-l);
  line-height: 1.2;
}

h4.subheader {
  position: relative;
  font-size: var(--ix-type-s);
  line-height: 18px;
  text-transform: uppercase;
  color: #6d6d6d;
}

h4.subheader span {
  position: relative;
  display: inline-block;
}

h4.subheader span:after {
  position: absolute;
  content: "";
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: rgba(109, 109, 109, 0.4);
  height: 1px;
  width: 18px;
}

h1 span.orange {
  color: var(--ix-color-domains-primary);
}

h1 #hash {
  background: rgba(248, 88, 37, 1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  margin-left: -76px;
  margin-right: 10px;
}

.rainbow {
  background: linear-gradient(90deg, var(--bs-orange-color) 0.01%, var(--bs-purpal2-color) 21.64%, var(--bs-blue-color) 52.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #f85825 5%, #b42bf4 60%), linear-gradient(0deg, #111111, #111111);
  display: inline-block;
  line-height: initial;
}

.bg-domain-statistic-number {
  background: var(--ix-color-domains-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

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

/* Color */
.color-lightgrey {
  color: #bdbdbd;
}

  
/* Button */

a.button {
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: var(--ix-type-m);
  /*background: linear-gradient(91.94deg, #F85825 0%, #FF1000 209.1%);*/
  height: 54px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 323px;
  width: 100%;
}

a.button img {
  margin-left: 15px;
}

/* Icons with text */

.icontext-wrap .teaser {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 17px;
  color: #6d6d6d;
  margin-bottom: 2px;
}

.icontext-wrap .icon {
  background: #e9eef4;
  border-radius: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  width: 64px;
  height: 64px;
}

.icontext-wrap-list .icon {
  border-radius: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  width: 64px;
  height: 64px;
}

.icon-rounded-small-wrap .icon {
  width: 40px;
  height: 40px;
}

.icon-rounded-small-wrap .icon img {
  width: 16px;
  height: auto;
}

.icon-wrap__title {
  display: block;
  color: #111111;
  font-weight: bold;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-black);
}

.icon-wrap {
  color: var(--ix-color-grey-verydark);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
}

.icon-wrap-white .icon {
  background: #fff;
  color: var(--ix-color-black);
  border: 1px solid var(--ix-color-grey-mid);
  border-radius: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrap-black .icon {
  background-color: var(--ix-color-black);
  border-radius: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrap-black .icon img {
  filter: invert(100%) sepia(29%) saturate(0%) hue-rotate(153deg) brightness(114%) contrast(100%);
}

.icon-wrap-transparent .icon {
  background-color: transparent;
}

.icon-wrap-right {
  display: flex;
  margin-bottom: var(--ix-type-s);
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: min-content 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 16px;
}

.narrow-gap.icon-wrap-right {
  grid-row-gap: 12px;
  grid-column-gap: 8px;
}

.icon-wrap-right .icon-wrap__title {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.icon-wrap-right .icontext {
  grid-column-start: 2;
}

.icon-wrap-right.icon-wrap-right--desc-left .icontext {
  grid-column: 1/3;
}

.careers-form .icon-rounded-big-wrap h6 {
  color: #bdbdbd;
}

.careers-form .icon-wrap-right b {
  color: #fff;
}

.icon-rounded-big-wrap b {
  font-weight: 700;
  font-size: var(--ix-type-l);
  line-height: 27px;
}

.icontext p:last-child {
  margin-bottom: 0;
}

.icon-wrap-right b {
  color: var(--ix-color-black);
  margin: 0;
}

.icon-rounded-small-wrap span {
  width: 40px;
  height: 40px;
}

/* Tabbox */
.ecosystem-box-left .nav-item .nav-link span img.active {
  display: block !important;
}

.ecosystem-box-left .nav-item .active img {
  filter: invert(100%) sepia(29%) saturate(0%) hue-rotate(153deg) brightness(114%) contrast(100%);
}

/* Iconlist */

.iconlist ul {
  display: block;
}

.iconlist ul li {
  font-family: "ibm plex mono";
  color: var(--ix-color-black);
  line-height: 29px;
  display: flex;
  margin-bottom: 18px;
  align-items: center;
  margin-left: 0;
  font-size: var(--ix-type-s);
}

.iconlist ul li span {
  margin-right: 17px;
}

.iconlist-light ul li {
  color: #fff;
}

.iconlist-light ul li {
  color: #fff;
}

.iconlist-light ul li span {
  background-color: #444;
}

.iconlist-dark ul li {
  color: var(--ix-color-black);
}

/*
.icon-rounded-small-wrap img {
    width: 20px;
    height: auto;
}
*/

/* Colored box */
.cloud-server-box .btn-big {
  width: 100%;
  margin-bottom: 0px !important;
}

/* Timeline */
.isac-timeline ul li span {
  color: #fff;
}

/* */

.it-happen-sec {
  padding: 0;
}

/* Management */
.about-management .management-wrapper {
  border: 0px;
}

.management-info .text-box p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-2m);
  line-height: 33px;
  color: var(--ix-color-grey-verydark);
  max-width: 503px;
  margin-top: var(--ix-space-s);
}

/* Team boxes */
/*
.team-box {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.02);
    padding: 25px 42px 48px;
}
*/
/* Form */
.talk-contact-right form .form-group textarea.form-control {
  margin-bottom: 0px;
}

.file-upload-version2 .input-label {
  background: #2d2d2d;
  border: 1px solid #6d6d6d;
  box-sizing: border-box;
  border-radius: 5px;
  height: 36px;
}

.powermail_fieldwrap_type_html {
  margin-bottom: 0px !important;
}

/* Careers Form */
.careers-form {
  color: #ffffff;
}

.careers-form .left-bottom-info .user-contact p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--ix-type-s);
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #ffffff;
  display: block;
}

/* Menu */
.head-submenu a,
.head-submenu a h4 {
  text-decoration: none !important;
}

.purple-color h4 {
  color: #be1cf6;
}

/* Solutions finder */
.solution-finder-content .inactive {
  opacity: 0.5;
}

a.anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}

.sf-child .solution-finder-header {
  padding: 0px;
}

.sf-child .solution-finder-header h4,
.sf-child .solution-finder-header .sf-legend {
  display: none !important;
}

.sf-list .inactive,
section.inactive {
  display: none;
}

/* Footer */
.footer-language .dropdown button,
.footer-language .dropdown a {
  text-transform: uppercase;
}

/* Blog */
.tx-news .blog-list-image1 {
  width: 100%;
  height: 309px;
  object-fit: cover;
  object-position: 100% 0;
}

.tx-news .col-lg-3 .knowledge-image-holder img:first-child {
  display: none;
}

.tx-news .col-lg-3 .knowledge-image-holder img:last-child {
  display: block;
}

.news-catmenu ul,
.news-catmenu ul li {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 10px;
}

.news-catmenu .tree li a {
  display: none;
}

.news-catmenu .tree li ul li a {
  display: inline;
  color: #f44300;
}

.news-catmenu .tree .tree .tree {
  display: none;
}

.blog-social-icons {
  margin-bottom: 40px;
}

.blog-social-icons a {
  background: #f44300;
  padding: 1px 5px;
  border-radius: 7px;
  margin-right: 10px;
  height: 22px;
  width: 22px;
}

.blog-social-icons:last-child {
  clear: both;
}

.blog-social-icons a img {
  width: 15px;
  height: 15px;
  position: relative;
  bottom: 2px;
}

.news-list-item {
  padding: 30px;
  padding-bottom: 30px !important;
}

.news-list-item h2 {
  font-size: 32px;
  font-weight: 900;
}

.news-list-item a {
  color: #f44300;
}

.news-image {
  width: 100%;
}

.news-list-container-blog .news-list-item {
  background: #fff;
  padding: 30px;
  margin-bottom: 40px;
  box-shadow: 0 0px 0px 0px rgb(0 0 0 / 0%);
  transition: all 0.2s;
}

.news-list-container-blog .news-list-item .newsdate {
  font-size: 11px;
  font-weight: bold;
  color: #393939;
  margin-bottom: 10px;
}

.newssubheader {
  line-height: 30px;
}

.page-navigation a {
  color: #f44300;
}

.news-list-container-blog .news-list-item:hover {
  box-shadow: 0 8px 38px rgb(0 0 0 / 10%), 0 7px 12px rgb(0 0 0 / 8%);
}

@media (max-width: 767px) {
  .tx-news .blog-list-image1 {
    width: 100%;
    height: auto;
  }
  .tx-news .col-lg-3 .knowledge-image-holder img:first-child,
  .tx-news .col-lg-6 .knowledge-image-holder img:first-child {
    display: block;
  }

  .tx-news .col-lg-3 .knowledge-image-holder img:last-child,
  .tx-news .col-lg-6 .knowledge-image-holder img:last-child {
    display: none;
  }
}

/* NOTE: fixes 2 . Hamza */

.modal .modal-header .modal-title {
  font-family: Manrope;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 29px;
  /* or 116% */

  /* basic/black */

  color: #111111;
}

.modal #accordion .panel-title {
  margin: 0;
}

.modal #accordion .panel-title a {
  font-family: Manrope;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 29px;
  padding-left: 41px;
  position: relative;
  display: block;
  padding-top: var(--ix-space-s);
  padding-bottom: var(--ix-space-s);

  /* or 116% */

  /* basic/black */

  color: #111111;
}

.modal label {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;

  /* basic/black */

  color: #111111;
  padding-left: 27px;
}

.modal .btn-popup {
  margin-top: 25px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.modal input[type="password"] {
  margin-bottom: 50px;
}
.modal .panel {
  border: 1px solid #bdbdbd;
  box-sizing: border-box;
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
}

#login-autodns .row {
  margin-left: 40px;
  margin-bottom: var(--ix-space-s);
}
.login-modal-autodns {
  margin-right: var(--ix-space-s);
}

.modal .become-partner a {
  background: linear-gradient(159.85deg, #f85825 -2.49%, #b42bf4 55.11%, #3726f9 103.42%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal .panel-collapse .in .collapse .show {
  background-color: red;
}

.tx-ix-solutions .frame-space-before-medium {
  margin-top: 0px;
  padding-top: 0;
}
.solution-finder-header .media {
  margin-top: 20px;
}

.modal-body {
  padding: var(--ix-space-m);
}

.modal-header {
  padding: var(--ix-space-s) var(--ix-space-m);
}

.modal-content {
  border-radius: 0;
  border: none;
}

.modal .panel {
  margin-bottom: var(--ix-space-s);
}

.modal .tool-tip {
  margin-left: var(--ix-space-xs);
}

.modal .form-group {
  margin-bottom: 10px;
}

.sec-solution-finder a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

/* svg digicert checker */
.svg-checker {
}

.svg-checker .greybox {
  z-index: 0;
  background-color: #d5d5d5;
  box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
}

.svg-checker .white-box {
  z-index: 1;
  grid-column: 2;
  box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
  background: #fff;
}

.svg-container {
  display: flex;
  flex-direction: row-reverse;
}

.svg-checker .svg-container img.iphone {
  height: 652px;
}

.iphone-mockup-container {
  position: relative;
  padding-right: var(--ix-space-m);
  padding-left: var(--ix-space-l);
  padding-top: var(--ix-space-m);
}

.iphone-mockup-container::before {
  content: "";
  position: absolute;
  right: 0;
  left: -85px;
  background: #111;
  z-index: -1;
  top: 0;
  bottom: 100px;
  background: var(--ix-color-encryption-secondary);
}

.svg-container-buttons {
}

.drag-dropzone {
  position: relative;
}
.drag-dropzone .beforeUpload,
.drag-dropzone .afterUpload {
}

.drag-dropzone .beforeUpload h2 {
  font-size: 21px;
  line-height: 1;
  color: #3377b8;
  align-self: center;
  margin: 0;
}

.svg-checker .svg-container input[type="file"] {
  z-index: 3;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  outline: none !important;
  cursor: pointer;
  display: block !important;
}
.description {
  display: grid;
  align-content: center;
  max-width: 350px;
}

#ceid-49312,
#ceid-49314 {
  margin-top: 0px;
  padding-top: 0em;
}

#ceid-49313 {
  margin-top: 0px;
  padding-top: 0em;
}

/**/

.accordion-box__header.collapsed {
  border-bottom: 1px solid #e1e1e1;
}

.accordion-box__header {
  padding-bottom: var(--ix-space-s);
  border-bottom: 2px solid #3d3d3d;
}

/* NOTE: fixes 3 - Rehan */

.pageid-1172 .ce-row:last-child {
  justify-content: center;
}

.pageid-1172 .ce-gallery img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pageid-1172 .ce-gallery img:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

#ceid-49317 {
  margin-bottom: var(--ix-type-l);
}
#c48401 h6 {
  color: #fff;
}
.container-job {
  width: 250px;
  height: auto;
  background-color: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-light);
  margin: 0 auto;
  padding: 18px 18px 0px 18px;
  box-shadow: 12px 12px 40px var(--ix-color-grey-light);
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
}

.main-heading {
  color: var(--ix-color-grey-mid);
  margin-bottom: var(--ix-space-s);
  font-size: var(--ix-type-l);
}

.sub-heading {
  font-weight: 600;
  font-size: var(--ix-type-m);
}

.description {
  color: var(--ix-color-grey-verydark);
  font-size: 16px;
  margin-bottom: var(--ix-space-s);
}

hr {
  margin-bottom: var(--ix-space-m);
  height: 1px;
  background-color: var(--ix-color-grey-light);
  border-style: initial;
}

.icons-div {
  display: flex;
  flex-wrap: wrap;
  transform: translateX(-5px);
  margin-top: 1px;
}

.icons-div div {
  height: 27px;
  width: 27px;
  background-color: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-light);
  border-radius: 100px;
  overflow: hidden;
  box-shadow: 0 4px 12px var(--ix-color-grey-light);
  margin: 5px;
  position: relative;
  transition: all 0.6s ease;
}

.icons-div div:hover {
  border-color: var(--ix-color-grey-mid);
  box-shadow: 0 4px 12px var(--ix-color-grey-mid);
}

.icons-div div img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 19px;
  max-height: 20px;
}

.btn-job-posting {
  width: calc(100% - 2px) !important;
  margin-left: -19px !important ;
  margin-top: var(--ix-space-s) !important;
}

.icon-div-internal {
  padding-bottom: -10px;
}

.scroll-to-top {
  display: none;
  background: var(--ix-color-domains-gradient-primary);
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
}

.scroll-to-top img {
  filter: invert(97%) sepia(32%) saturate(0%) hue-rotate(68deg) brightness(106%) contrast(101%);
}


/* NOTE: to delete */

.career--p-dmw .col-md-7 {
  padding-left: 130px;
}

/* SECTION: 2024 Refresh */

/* SECTION: Hubsport form */

 

.hubspot-form .input input:where( [type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple]), 
.hubspot-form textarea, 
.hubspot-form select {
  font-size: var(--ix-type-s);
  height: 40px;
  padding: 0 14px;
  width: 100% !important;
  border-radius: 0;
  color: var(--ix-color-grey-dark);
  border: 1px solid var(--ix-color-grey-mid);
  background-color: var(--ix-color-white);
}

.hubspot-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath stroke='%23757575' stroke-width='1.5' d='m1.16.856 5.005 5.006L11.17.856'/%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-position-x: right 1rem;
  background-position-y: center;
  background-repeat: no-repeat;
}

.hubspot-form select.filed-focused {
  /* Add your styling properties here */
  border: 2px solid blue;
  background-color: lightgray;
  color: black;
}


.hubspot-form.hubspot-form--big .input input:where( [type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple]),
.hubspot-form.hubspot-form--big select {
  height: 52px;
}

.hubspot-form.hubspot-form--dark .input input:where( [type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple]),
.hubspot-form textarea,
.hubspot-form.hubspot-form--dark select  {
   border: 1px solid #8d8d8d;
   color: #fff;
   background: none;
}

.hubspot-form input:focus,
.hubspot-form input:not(:placeholder-shown),
.hubspot-form textarea:focus,
.hubspot-form textarea:not(:placeholder-shown) {
  color: var(--ix-color-black);
  font-weight: 600;
  border: 1px solid var(--ix-color-black);
}

/* dark */
.hubspot-form.hubspot-form--dark input:focus,
.hubspot-form.hubspot-form--dark input:not(:placeholder-shown),
.hubspot-form.hubspot-form--dark textarea:focus,
.hubspot-form.hubspot-form--dark textarea:not(:placeholder-shown) {
  color: var(--ix-color-grey-light);
  border: 1px solid var(--ix-color-grey-mid);
}


/* textarea */

.hubspot-form textarea {
  height: 136px;
  padding-top: var(--ix-space-s);
  background-color: #fff;
}

.hubspot-form.hubspot-form--dark textarea {
  background: none;
}
 
.hubspot-form input::placeholder{
  font-weight: 400;
  opacity: .5;
}
/*Dark*/
.hubspot-form.hubspot-form--dark input::placeholder{
  color: var(--ix-color-grey-mid);
  opacity: 1;
}


/* Checkbox */
.hubspot-form .hs-form-checkbox-display{
  font-weight: 400;
}

.hubspot-form .hs-form-checkbox label{
  margin-bottom: 0px;
}

.hubspot-form ul[role="checkbox"].multi-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* Legal text */
.hubspot-form .legal-consent-container p{
  font-size: var(--ix-type-xs);
  font-weight: 500;
}

.hubspot-form .legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left: 0;
}


/*Submit*/
.hubspot-form .actions input[type="submit"]{
  position: relative;
  font-weight: normal;
  font-size: var(--ix-type-m);
  color: var(--ix-color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0 32px;
  height: 56px;
  transition: all 0.2s ease-in-out;
  width: max-content;
  cursor: pointer;
  background: linear-gradient(91.94deg, var(--ix-color-domains-primary) 0%, #ff1000 209.1%);
  border: none;
  width: 100%;
}

.hubspot-form label{
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  display: block;
  margin-bottom: var(--ix-space-xs);
  font-weight: 700;
}
/* Dark label */
.hubspot-form.hubspot-form--dark label {
  color: #fff;
}

.hubspot-form fieldset{
  margin-bottom: var(--ix-space-s);
}

.hubspot-form .hs-form-field{
   margin-bottom: 22px;
}

.hubspot-form li{
   list-style: none;
   margin-left: 0;
   color: #111;
   margin-bottom: 4px;
}

.hubspot-form .hs-form-required{
 color: #dc3545!important;
 margin-left: 3px;
}

.hubspot-form .hs-form-booleancheckbox-display{
 display: flex;
 align-items: flex-start;
}

.hubspot-form input[type="checkbox"]{
   margin-right: 5px;
   margin-top: 4px;
}

/* Error messages */
.hs-error-msgs{
 position: relative;
 height: 0;
 margin-bottom: 0;
}

.hs-error-msgs li{
 position: absolute;
 top: 0;
 left: 0;
}

.hubspot-form .hs-error-msg{
  font-size: 12px;
  color: var(--ix-color-danger);
  font-weight: 500;
  background: #fff6f6;
  border-radius: 3px;
  padding: 0 3px;
  margin-top: 5px;
}
/*dark*/
.hubspot-form.hubspot-form--dark .hs-error-msg{
  color: var(--ix-color-danger);
  background-color: rgb(255 194 194);
}

.hubspot-form .hs_error_rollup .hs-error-msgs{
  height: auto;
}

.hubspot-form .hs_error_rollup .hs-error-msgs li{
  position: relative;
  font-weight: 500;
}

.hubspot-form .hs_error_rollup .hs-error-msgs label{
  color: var(--ix-color-danger);
}


/* Layout */
.hubspot-form fieldset.form-columns-2 .field:first-child .input{
  margin-right: 16px !important;
}

/* file upload */

.hubspot-form .hs-fieldtype-file input[type="file"]{
  padding: var(--ix-space-s);
  border: 1px dashed rgba(0, 0, 0, 0.25);
  width: 100% !important;
  font-size: var(--ix-type-s);
}

.hubspot-form.hubspot-form--dark input[type="file"]{
  border: 1px dashed rgba(255, 255, 255, 0.5);
}

/*Other*/

.hubspot-form.hubspot-form--dark a{
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.hubspot-form.hubspot-form--dark :where(p, h2, h3, h4, h5, h6){
  color: #fff;
}

.hubspot-form .hs_recaptcha.hs-recaptcha{
  display: none;
} 

.hubspot-form fieldset{
  max-width: 800px !important;
}

.hubspot-form ul{
  margin-bottom: 0;
}

/* Legend */

.hubspot-form legend{
  font-size: var(--ix-type-s);
}

.hubspot-form.hubspot-form--dark legend{
    color: var(--ix-color-grey-light);
}

/* SECTION: Utilities */
.center-image .frame-type-image .ce-row{
    justify-content: center;
}
.z-10{
    z-index: 10;
}

.opacity-0{
  opacity: 0;
}

.p-4\.5{
  padding: 2.2rem !important;
}

/* Silder Image Text Azub */
.slider-image-text-arrow {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 15px !important;
}
.swiper-slide-iamge-text-content {
 
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.azubi-swiper-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: xx-large;
}
.slider-image{
  margin-right: 50px;
}

.azubi-slider-text {
  font-size: 18px;
  font-weight: 400;
  padding: 8px 0;
}

/* Certificates slider */

.certificates-slider{
    height: 290px;
    overflow: hidden;
    display: flex;
    align-items: center;
    max-width: 900px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

.certificates-slider .swiper-wrapper{
  align-items: center;
  transition-timing-function: var(--ix-easing);
}

.certificates-slider__item{
    width: 150px !important;
    height: auto !important;
    opacity: 0.6;
    transition: all 300ms var(--ix-easing) !important;
    scale: 1;

}

.certificates-slider__item.swiper-slide-active{
  scale: 1.5;
  z-index: 10;
  opacity: 1;
  transition: all 300ms var(--ix-easing);
}

.certificates-slider__item.swiper-slide-next, .certificates-slider__item.swiper-slide-prev{
  scale: 1.3;
  transition: all 200ms ease-in-out;
  opacity: .8;
  z-index: 5;
}

.certificates-slider__fade-left{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, #FFF 0.13%, rgba(255, 255, 255, 0.00) 99.85%);
  width: 200px;
  pointer-events: none;
  z-index: 10;
}
.certificates-slider__fade-right{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(275deg, #FFF 0.13%, rgba(255, 255, 255, 0.00) 99.85%);
  width: 200px;
  pointer-events: none;
  z-index: 10;
}