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

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

:root {
  /**** COLORS ****/
  /* System colors */
  --ix-color-danger: #da0000;
  --ix-color-success-verylight: #e9f4ee;
  --ix-color-success-light: #00f17d;
  --ix-color-success-dark: #09a359;
  --ix-color-warning-verylight: #fdfbd9;
  --ix-color-warning-light: #f1e800;
  --ix-color-warning-dark: #ebca56;
  /* 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: #fbfbfb;
  --ix-color-black: #111;
  --ix-color-white: #fff;
  /* 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-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-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-secondary: linear-gradient(160.76deg, #f18585 0%, #d280f9 102.82%);
  --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-tertiary: linear-gradient(159.95deg, rgba(251, 251, 251, 0.5) 0%, rgba(189, 189, 189, 0.5) 186.62%);*/
  --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;
}

/* 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(/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(/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(/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: 5px;
}

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

/* 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;
}

/* 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-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);
}

 



/* 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 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 */

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

.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;
}

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

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

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

.opacity-01 {
  opacity: 0.1;
}

.overflow-hidden {
  overflow: hidden;
}

/* !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.5s 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--dark .form-control {
  color: #fff;
  border: 1px solid var(--ix-color-grey-dark);
  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: 28px;
}

.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--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(/fileadmin/files/ix/global/template/select-down-arrow.svg);
  background-repeat: no-repeat;
}

.form-control--light select.form-control {
  background-image: url(/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(/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: 74px 0 0 0;
}

/* NOTE Table */

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

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

.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: 28px;
  border: none;
  border-bottom: 1px solid var(--ix-color-black);
}

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

/* 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;
}

.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 20px;
  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);
}

.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%);
}

/* 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%);
}
 

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

/* NOTE Pills */

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

.pill-xsmall {
  position: relative;
  font-weight: 400;
  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 14px;
}

.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:hover {
  border: 1px solid var(--ix-color-black);
  color: var(--ix-color-black);
}

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

.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-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,
.pill-light-inactive:hover 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:hover {
  color: var(--ix-color-black);
  border: 1px solid var(--ix-color-black);
}

.pill-on-color:hover 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,
.pill-on-color-inactive:hover {
  background-color: var(--ix-color-grey-verylight);
  color: var(--ix-color-grey-light);
}

.pill-on-color-inactive img,
.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-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:hover {
  color: #fff;
  border-color: #fff;
}

.pill-dark:hover 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,
.pill-dark-inactive:hover {
  background-color: var(--ix-color-grey-verydark);
  color: var(--ix-color-grey-dark);
}

.pill-dark-inactive img,
.pill-dark-inactive:hover 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-red {
  background: var(--ix-color-danger);
  color: #fff;
}

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

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

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

.pill-domains {
  background-color: var(--ix-color-domains-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;
}

/* 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 b {
  color: #fff;
}

.bg-black .icon-wrap b {
  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;
}

/*  Transparent*/

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

/* 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(/fileadmin/files/ix/global/template/check2-icon.svg) no-repeat;
  width: 14px;
  height: 10px;
  background-size: 100%;
}

/* !SECTION End BASIC ELEMENTS */

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

/* NOTE  Navigation */

header.mega-menu {
  border-bottom: 1px solid var(--ix-color-grey-mid);
  background-color: var(--ix-color-grey-verylight);
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 1000;
}

.standard-header {
  padding-top: 150px;
  min-width: 1050px;
}
.standard-header .row {
  padding-bottom: 20px;
}

.standard-header h1 {
  line-height: 1.4;
  color: var(--ix-color-black);
  font-weight: 600;
  font-size: var(--ix-type-3xl);
  margin-bottom: var(--ix-space-m);
  background: linear-gradient(90deg, #f85825 13.72%, #b42bf4 49.13%, #3726f9 92.15000000000001%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

.collapes-media {
  display: flex;
  align-items: center;
  width: 100%;
}

.navbar {
  padding: 0;
  position: static;
  display: block;
}

.navbar-brand {
  padding: 0;
  align-items: center;
  height: 100%;
  display: flex;
}

.navbar-nav .nav-item .nav-link {
  color: var(--ix-color-black);
  font-weight: 700;
  font-size: var(--ix-type-s);
  display: flex;
  align-items: center;
  padding: 26px 30px;
  border-left: 1px solid var(--ix-color-grey-mid);
  position: relative;
}

.navbar-nav .nav-item:last-child .nav-link {
  border-right: 1px solid var(--ix-color-grey-mid);
}

.navbar-nav .nav-item:hover .nav-link:after,
.navbar-nav .nav-item.active .nav-link:after {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-item .nav-link:after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ix-color-white);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-item .nav-link span {
  display: flex;
  align-items: center;
  margin-right: 12px;
}

.navbar-nav .nav-item:hover .nav-link span img.active-state,
.navbar-nav .nav-item.active .nav-link span img.active-state {
  display: block;
}

.navbar-nav .nav-item:hover .nav-link span img.inactive-state,
.navbar-nav .nav-item.active .nav-link span img.inactive-state {
  display: none;
}

.navbar-nav .nav-item .nav-link span img.active-state {
  display: none;
}

.header-mid ul {
  display: flex;
}

.header-mid ul li:first-child {
  margin-left: 0;
}

.header-mid ul li a {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-s);
  display: flex;
  align-items: center;
}

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

.header-bottom {
  background: #fbfbfb;
  border-top: 1px solid var(--ix-color-grey-light);
  border-bottom: 1px solid var(--ix-color-grey-light);
  padding: 19px 0;
  position: absolute;
  left: 0;
  width: 100%;
  display: none;
  top: 61px;
}

.header-bottom.active {
  display: block;
}

/****** SUPPORT SUBMENU *******/

.support-submenu-left h3 {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: var(--ix-type-l);
  margin-bottom: 31px;
  color: var(--ix-color-black);
}

.support-submenu-left h3 span {
  border-radius: 67px;
  width: 40px;
  height: 40px;
  background-color: var(--ix-color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.support-submenu-left h3 span img {
  filter: brightness(1190.5%);
  height: 10px;
}

.support-submenu-left p {
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 1.4;
  color: var(--ix-color-grey-dark);
  letter-spacing: -0.005em;
  margin-bottom: 25px;
}

.support-submenu-left ol li {
  margin: 0;
  color: var(--ix-color-black);
  font-weight: normal;
  margin-bottom: var(--ix-space-xs);
  font-size: var(--ix-type-s);
  margin-left: 0 !important;
}

.support-submenu-left ol li strong {
  font-size: var(--ix-type-m);
  display: block;
}

.support-submenu-left h4 {
  font-weight: normal;
  color: var(--ix-color-black);
  font-size: var(--ix-type-m);
  line-height: 1.4;
  margin: 26px 0 0 0;
}

.support-submenu-left ol li:last-child {
  margin-bottom: var(--ix-space-m);
}

.support-submenu-right .title {
  margin-bottom: 50px;
}

.support-submenu-right .title .media {
  align-items: center;
  margin-bottom: 33px;
  justify-content: space-between;
}

.support-submenu-right .title .media h3 {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: var(--ix-type-l);
  color: var(--ix-color-black);
  margin-bottom: 0;
}

.support-submenu-right .title .media h3 span {
  border-radius: 67px;
  width: 40px;
  height: 40px;
  background-color: var(--ix-color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.support-submenu-right .title .media a {
  background: var(--ix-color-white);
  border: 1px solid var(--ix-color-grey-mid);
  width: 229px;
  padding: 0;
  height: 36px;
  border-radius: 48px;
  font-weight: normal;
  color: var(--ix-color-black);
  font-size: var(--ix-type-s);
}

.support-submenu-right .title .media a img {
  height: 16px;
  margin-left: 0 !important;
  margin-right: 8px;
}

.support-submenu-right .title p {
  font-weight: normal;
  max-width: 623px;
  width: 100%;
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-m);
  line-height: 1.4;
}

.support-submenu-box {
  background-color: var(--ix-color-domains-tertiary);
  padding: 34px 36px;
  margin-bottom: 15px;
}

.support-submenu-box.yellow-bg {
  background-color: var(--ix-color-hosting-tertiary);
}

.support-submenu-box.gray-bg {
  background-color: var(--ix-color-grey-verylight);
  border: 1px solid var(--ix-color-grey-mid);
}

.support-submenu-box h4 {
  font-weight: 700;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  margin-bottom: var(--ix-space-s);
}

.support-submenu-box ol li {
  margin: 0;
}

.support-submenu-box ol li {
  font-weight: normal;
  font-size: var(--ix-type-s);
  margin: 0 !important;
  color: var(--ix-color-black);
}

.support-submenu-box ol li strong {
  font-size: var(--ix-type-m);
  display: block;
}

.support-submenu-box ol li .phone-number a {
  color: var(--ix-color-black);
}

.support-submenu-box ol li .phone-number {
  margin: 3px 0;
}

.support-submenu-box .email {
  margin-bottom: var(--ix-space-s);
  display: inline-block;
  font-size: var(--ix-type-s);
  color: var(--ix-color-hosting-primary);
  font-weight: 600;
}

.support-submenu-box .email img {
  width: 16px;
  margin-left: 4px;
  filter: invert(13%) sepia(96%) saturate(5053%) hue-rotate(249deg) brightness(94%) contrast(109%);
}

.support-submenu-box--domains .email {
  color: var(--ix-color-domains-primary);
}

.support-submenu-box--domains .email img {
  filter: invert(75%) sepia(69%) saturate(7450%) hue-rotate(347deg) brightness(99%) contrast(96%);
}

.support-submenu-box--hosting .email {
  color: var(--ix-color-hosting-primary);
}

.support-submenu-box--hosting .email img {
  filter: invert(20%) sepia(99%) saturate(7473%) hue-rotate(250deg) brightness(94%) contrast(108%);
}

.support-submenu-box--sales .email {
  color: var(--ix-color-black);
}

.support-submenu-box--sales .email img {
  filter: invert(0%) sepia(7%) saturate(3173%) hue-rotate(329deg) brightness(94%) contrast(87%);
}

.support-submenu-faq h4 {
  font-weight: 700;
  font-size: var(--ix-type-m);
  color: var(--ix-color-black);
  line-height: 1.4;
  margin-bottom: 7px;
}

.support-submenu-faq ol li {
  margin: 0 !important;
}

.support-submenu-faq ol li a {
  border: none;
  height: auto;
  align-items: flex-start;
  padding: 0 !important;
  justify-content: flex-start;
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
}

.support-submenu-faq ol li a:hover {
  color: var(--ix-color-domains-primary);
}

.header-right ul li .submenu-footer {
  width: 100%;
  margin-top: var(--ix-space-xl);
  display: flex;
}

.header-right ul li .submenu-footer a {
  background-color: var(--ix-color-grey-verylight);
  border: none;
  padding: var(--ix-space-s);
  font-weight: normal;
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-s);
  display: block;
  width: 100%;
  text-align: center;
}

/******** Middle menu ********/

.btn-other {
  display: flex;
  padding: 0 var(--ix-space-s);
  align-items: center;
  cursor: pointer;
  padding: 26px 30px;
}

.btn-other .en,
.btn-other .de {
  display: none;
}

html:lang(de) .btn-other .de {
  display: block !important;
}

html:lang(en) .btn-other .en {
  display: block !important;
}

.mega-menu ul li {
  margin: 0;
  list-style: none !important;
}

.header-mid .solutions-btn {
  padding: 26px 20px;
  position: relative;
}

.header-mid .header-mid_menu .header-mid_elements > div li:first-child .solutions-btn {
  padding-left: 40px;
}

.btn-other > .triangle-down {
  transform: translate(-20px, 40px);
  opacity: 0;
  z-index: 105;
}

.header-mid ul li .header-mid_second-level a .triangle-down {
  position: absolute;
  bottom: 0;
  opacity: 0;
  left: 50%;
  z-index: 105;
}

.header-mid ul li a:hover .triangle-down {
  bottom: -5px;
  opacity: 1;
}

.header-mid ul li:hover .triangle-down {
  bottom: -5px;
  opacity: 1;
}

.header-mid ul li:hover a {
  font-weight: normal;
}

.support-btn {
  border: none !important;
  height: 100% !important;
  background: transparent !important;
}

.navbar-nav .nav-item:hover .nav-link {
  background-color: #fff;
  z-index: 101;
}

.navbar-brand img {
  height: 38px;
}

.collapes-media {
  align-items: stretch;
}

.header-right ul {
  height: 100%;
  display: flex;
}

.header-right ul li a .triangle-down {
  position: absolute;
  bottom: 0;
  opacity: 0;
  left: 50%;
  z-index: 105;
}

.header-right ul li a:hover .triangle-down {
  bottom: -5px;
  opacity: 1;
}

.header-right ul li:hover .triangle-down {
  bottom: -5px;
  opacity: 1;
}

.header-right ul li .support-btn:hover + .head-submenu {
  opacity: 1;
  visibility: visible;
  display: none;
}

.header-right .head-submenu {
  padding-bottom: 0;
}

#global-domain-report {
  position: relative;
}

#global-domain-report::before {
  content: "";
  background-image: url("/fileadmin/files/ix/global/template/icon-global-domain-report.svg");
  position: absolute;
  left: -24px;
  height: 18px;
  width: 18px;
}

.btn-support {
  color: var(--ix-color-black);
  font-size: var(--ix-type-s);
  position: relative;
  padding: 26px 20px;
  margin-right: var(--ix-space-xs);
  font-weight: 700;
}

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

.btn-support img {
  margin-left: 9px;
}

.support-submenu-right .title .media a {
  display: flex;
  align-items: center;
  justify-content: center;
}

/****** SUBMENU *****/

.navbar-nav .nav-item:hover .head-submenu,
.header-right ul li:hover:hover .head-submenu,
.header-mid_second-level:hover:hover .head-submenu,
.header__area-other ul li:hover:hover .head-submenu {
  opacity: 1;
  visibility: visible;
  display: block;
}

.head-submenu {
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  background: var(--ix-color-white);
  box-shadow: 11.1048px 16.0403px 60.4597px 13.5726px rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  padding: 50px 0;
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
}

.head-submenu .container {
  opacity: 0;
  transform: translateY(-10px);
}

.navbar-nav .nav-item:hover .head-submenu .container,
.header-right ul li:hover:hover .head-submenu .container,
.header-mid_second-level:hover:hover .head-submenu .container,
.header__area-other ul li:hover:hover .head-submenu .container {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s var(--ix-easing);
}

.w-100 {
  flex: 1;
}

.head-submenu-inner h2 {
  font-weight: normal;
  color: var(--ix-color-grey-dark);
  font-size: var(--ix-type-l);
  display: flex;
  margin-bottom: 40px;
  align-items: center;
}

.head-submenu-inner h2 img {
  margin-left: 10px;
}

.submenu-text h4,
.head-submenu h4 {
  font-weight: 700;
  color: var(--ix-color-black);
  margin-bottom: var(--ix-space-s);
  font-size: var(--ix-type-m);
}

.submenu-text ul li a {
  font-weight: normal !important;
  text-decoration: none !important;
  margin-bottom: var(--ix-space-xs);
  font-size: var(--ix-type-m);
  display: flex;
  align-items: center;
  color: var(--ix-color-black);
  line-height: 1.3;
}

.submenu-text ul li:last-child a {
  margin-bottom: 0;
}

.head-submenu-inner .image-holder {
  position: relative;
}

.head-submenu-inner .image-holder p {
  font-weight: normal;
  font-size: var(--ix-type-l);
  color: var(--ix-color-black);
  line-height: 1.4;
  margin: 22px 0 0 0;
}

.case-study-btn {
  background-color: var(--ix-color-black);
  font-weight: 500 !important;
  font-size: var(--ix-type-s) !important;
  height: 36px;
  color: var(--ix-color-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 48px;
  position: absolute;
  text-decoration: none !important;
  top: -19px;
  left: -36px;
  padding: 0 22px;
}

.case-study-btn img {
  width: 20px;
  margin-right: 8px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(110deg) brightness(98%) contrast(108%);
}

.case-study-btn:hover {
  color: var(--ix-color-white);
}

.submenu-solution-left {
  padding-top: 32px;
}

.submenu-solution-left ul {
  display: block;
  margin-bottom: 50px;
}

.submenu-solution-left ul li {
  margin: 0 !important;
}

.submenu-solution-left ul li a {
  font-weight: normal !important;
  text-decoration: none !important;
  align-items: flex-start;
  color: var(--ix-color-black);
  display: flex;
  font-size: var(--ix-type-m);
  flex-direction: column;
}

.solution-submenu-right {
  background-color: var(--ix-color-hosting-tertiary);
  border: 1px solid var(--ix-color-hosting-tertiary);
  position: relative;
}

.solution-submenu-right .submenu-right-left a {
  display: flex;
  align-items: center;
}

/*_________________________*/

/* adding arrow icon to solution links in mega menu */
.solution-submenu-right a[href*="//"]:not([href*="internetx.com"])::after
{
  content: "";
  height: 18px;
  width: 18px;
  display: inline-block;
  background: url("/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.23s ease-in-out;
}
.solution-submenu-right a[href*="//"]:not([href*="internetx.com"]):hover::after
{
  filter: invert(43%) sepia(72%) saturate(2994%) hue-rotate(347deg) brightness(100%) contrast(95%);
  transform: translate3d(2px, -2px, 0);
}

/*_________________________*/

/* adding arrow icon to domains links in mega menu */

.nav-item-0 .head-submenu a[href*="//"]:not([href*="internetx.com"])::after
{
  content: "";
  height: 18px;
  width: 18px;
  display: inline-block;
  background: url("/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.23s ease-in-out;
}

.nav-item-0 .head-submenu a[href*="//"]:not([href*="internetx.com"]):hover::after
{
  filter: invert(43%) sepia(72%) saturate(2994%) hue-rotate(347deg) brightness(100%) contrast(95%);
  transform: translate3d(2px, -2px, 0);
}

.head-submenu .image-holder a::after {
  display: none !important;
}

/*_________________________*/

/* adding arrow icon to hosting links in mega menu */

.header-right .head-submenu a[href*="//"]:not([href*="internetx.com"])::after
{
  content: "";
  height: 18px;
  width: 18px;
  display: inline-block;
  background: url("/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.23s ease-in-out;
}

.header-right .head-submenu a[href*="//"]:not([href*="internetx.com"]):hover::after
{
  filter: var(--ix-color-domains-img-filter);
  transform: translate3d(2px, -2px, 0);
}

/*_________________________*/

.submenu-right-left {
  padding: 32px 35px;
}

.submenu-right-left ol li {
  margin: 0 0 var(--ix-space-xs) 0 !important;
}

.submenu-right-left ol li a {
  font-weight: normal !important;
  text-decoration: none !important;
  color: var(--ix-color-black);
  display: block;
  font-size: var(--ix-type-m);
}

.solutions-megamenu-icon {
  position: absolute;
  bottom: -24px;
  right: -24px;
}

.submenu-text.orange-color h4 {
  color: var(--ix-color-domains-primary);
}

.submenu-text.black-color h4 {
  color: var(--ix-color-black);
}

.submenu-text.orange-color ul {
  margin-bottom: 40px;
}

.submenu-text ul {
  display: block;
}

.submenu-text ul li {
  margin-left: 0 !important;
  margin-bottom: var(--ix-space-xs);
}

/* domains sub menu */

.nav-item-0 ul li a:hover,
.header-mid ul li a:hover,
.head-submenu {
  color: var(--ix-color-domains-primary);
}

/* hosting sub menu */

.nav-item-1 ul li a:hover {
  color: var(--ix-color-hosting-primary);
}

.nav-item-1 .submenu-text h4 {
  color: var(--ix-color-hosting-primary);
}

/* encryption sub menu */

.nav-item-2 ul li a:hover {
  color: var(--ix-color-encryption-primary);
}

.submenu-text strong {
  font-weight: 600;
}

/* NOTE Page header */

.banner-sec {
  position: relative;
  background-color: var(--ix-color-grey-verylight);
  border-bottom: 1px solid var(--ix-color-grey-mid);
}

.banner-left {
  position: relative;
  z-index: 1;
}

.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 {
  height: 100%;
  display: flex;
  align-items: center;
}

.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 {
  background-image: url("/fileadmin/files/ix/global/template/backgrounds/bg-dots.svg");
  overflow: hidden;
}

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

.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("/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: 41vw;
  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("/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("/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("/fileadmin/files/ix/global/template/backgrounds/bg-dots-opacity.svg");
}

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

.bg-black.page-header__background {
  background-color: var(--ix-color-black);
  background-image: url("/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;
}

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

/* NOTE FAQ */

.faq-inner {
}

.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.5s 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.5s ease-in-out;
}

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

.btn-link[aria-expanded="true"] span img {
  transform: rotate(180deg);
  transition: all 0.5s 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.5s 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);
  font-weight: 600;
  font-size: var(--ix-type-m);
}

.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;
}

.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: normal;
  font-size: var(--ix-type-s);
  font-family: "IBM Plex Mono", monospace;
  line-height: 1.4;
  text-transform: uppercase;
  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(/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.3s 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.3s 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;
}

.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.3s 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.5s ease-in-out;
}

/* NOTE Box with pills */

.dns-benift-sec {
  background: url("/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;
}

li.nav-item {
  list-style: none;
}

.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 .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 span {
  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 span {
  border-color: var(--ix-color-domains-primary);
  color: var(--ix-color-domains-primary);
}

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

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

.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--half-opened {
  width: 288px;
  animation-duration: 0.2s;
  animation-name: card-extends;
  animation-timing-function: ease-in-out;
}

.contact-card--full-opened {
  height: 288px;
  border-radius: 0;
  animation-duration: 0.2s;
  animation-name: card-height-extends;
  animation-timing-function: ease-in-out;
}

.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;
}

@keyframes card-extends {
  from {
    width: 64px;
  }
  to {
    width: 288px;
  }
}

@keyframes card-height-extends {
  from {
    height: 64px;
    border-radius: 32px;
  }
  to {
    height: 288px;
    border-radius: 0px;
  }
}

/* NOTE Process */

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

.services-process-sec {
  background: var(--ix-color-grey-verylight);
  padding: 98px 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: 4px;
}

.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);
}

#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%);
}

.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(/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-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: url("/fileadmin/files/ix/global/template/search-banner.png");
  background-size: cover;
  min-height: 250px !important;
}

.cart {
  position: absolute;
  top: 30px;
  right: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 5;
  border: none;
}

.cart-btn {
  position: relative;
  padding: 5px;
  background: var(--ix-color-grey-verydark);
  justify-content: center;
  display: flex;
  align-items: center;
  border: 1px solid var(--ix-color-grey-dark);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.cart-btn:hover {
  background: var(--ix-color-grey-dark);
}

.cart-btn:hover > .cart-btn_icon {
  outline-color: var(--ix-color-grey-dark);
}

.cart-btn .triangle-down {
  border-top-color: var(--ix-color-grey-dark);
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

.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;
  outline: 2px solid var(--ix-color-grey-verydark);
  transition: all 0.3s ease-in-out;
  color: #fff;
  overflow: hidden;
}

.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: 26px;
  height: 26px;
  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: -2px;
  transition: all 0.3s ease-in-out;
}

.cart-box {
  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);
  background: #fff;
  width: 350px;
  margin-top: 6px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out;
}

.cart-box--show {
  opacity: 1;
  transform: translateY(0);
}

.cart-box_header {
  font-size: var(--ix-type-s);
  background-color: var(--ix-color-grey-light);
  padding: 20px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-box_content {
  padding: 20px 36px 36px;
}

.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);
}

/* 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);
}

.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;
}

.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);
}

.pro-dns .head{
  margin-left: 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-xs);
    margin-top: var(--ix-space-xs);
}

.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{
  background: #E9EEF4;
  padding: var(--ix-space-m);
  flex: 1;
  border-radius: 8px;
}
.grid-item .description h6{
  font-weight: bold;
  margin-bottom: 5px;
  max-width:initial
}

 



.c-inactive{
color: #857BF5 !important;
}

.grid-item .description p{
  font-size: var(--ix-type-s);
}
.grid-item .description p:last-child{
  margin-bottom: 0;
}
.grid-item .description{
  margin-top: 0;
  margin-bottom: 0;
}
 
.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 .3s 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;
}

.pricing-table__sub-table.active .pricing-table__sub-table_header .pill-small{
  opacity: 1;
}

.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 Accordion Box*/
.accordion-box-container{
  margin-top: 40px;
}

.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-left: var(--ix-space-s);
  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;
}

.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: .5s;
  animation-name: slidein;
  display: none;
  
  
}
@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.3s ease-out;
}

.accordion-box__visuals{
  display: flex;
  background: #181B1D;
  justify-content: center;
  margin-right: 0px;
  aspect-ratio: 1;
  padding: 0;
  overflow: hidden;
}

.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{
  width: 10%;
}

.autodns-content.left .sub-header-description .points .text{
  width: 90%;
}

.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 .logo-col-2 img{
  margin-bottom: -720px;
}

.partners-logos .logo-col-3 img{
  margin-bottom: -590px;
}

.partners-logos .logo-col-4 img{
  margin-bottom: -780px;
}

.partners-logos .logo-col-5 img{
  margin-bottom: -655px;
}

.partners-logos .logo-col-6 img{
  margin-bottom: -645px;
}

.partners-logos .logo-col-7 img{
  margin-bottom: -700px;
}

.partners-logos .logo-col-8 img{
  margin-bottom: -650px;
}

.partners-logos .logo-col-9 img{
  margin-bottom: -510px;
}

.partners-logos .logo-col-10 img{
  margin-bottom: -52px;
}
*/

.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;
}




/* !SECTION COMPONENTS */

/*────────────────────────────────────────────────/
/────────────── // SECTION 7 - PAGES  ──────────/
please add only styles that are specific only to a specific page
/────────────────────────────────────────────────*/

/* NOTE Homepage id=1148*/

/* 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(/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("/fileadmin/files/ix/global/template/illustrations/animated/homepage/block-bg-domains.png");
  background-size: cover;
  padding: 18px;
  position: relative;
  transition: all 0.5s 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("/fileadmin/files/ix/global/template/illustrations/animated/homepage/block-bg-hosting.png");
  background-size: cover;
  padding: 16px;
  transition: all 0.5s ease-in-out;
}

.homepage--key-visual_block--hosting-active {
  background-image: url("/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.5s ease-in-out;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background-size: cover;
  transition: all 0.5s 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("/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.5s 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(/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;
  opacity: 0;
  background: #fff;
  position: relative;
  transition: background 0.3s, margin-top 0.3s;
  transition-timing-function: ease-in-out;
  display: block;
  overflow: hidden;
}

.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(/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(/fileadmin/files/ix/global/template/patterns/homepage-card-pattern-hosting.svg);
}

.homepage--card-encryption::after {
  background-image: url(/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 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.5s ease-in-out;
  opacity: 0;
}

.homepage--card-domains .title {
  background: var(--ix-color-domains-primary);
}

.homepage--card-hosting .title {
  background: var(--ix-color-hosting-primary);
}

.homepage--card-encryption .title {
  background-color: var(--ix-color-encryption-primary);
}

.homepage--card .title h4 {
  color: var(--ix-color-white);
  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-domain-inner {
  margin: -237px 0 0 0;
}

.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.5s 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.5s 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;
  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 id=1163 */

.domains-p--header-row .image-holder .image {
  position: relative;
}

.domains-p--header-row .image-holder .image:before {
  content: "";
  background-image: url(/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;
}

/* TLD checker */

.domain-portfolio-search-box {
  padding: 94px;
  background-color: var(--ix-color-black);
  background: #111111;
  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);
  backdrop-filter: blur(22px);
}

.domain-portfolio-search-box-text p:last-child {
  margin-bottom: 43px;
}

/******* DOMAIN PORTFOLIO PAGE ******/

.domain-portfolio-sec h2 {
  text-align: center;
}

.domain-portfolio-inner {
  display: flex;
  justify-content: center;
}

.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-mid);
  font-weight: normal;
  font-size: var(--ix-type-m);
  line-height: 170.1%;
  padding: 0;
  font-weight: 400;
}

.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: flex-end;
}

.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);
}

.sort-page ul li span {
  font-weight: normal;
}

.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 {
  background: var(--ix-color-domains-tertiary);
  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);
}

.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: 108px 0 0;
}

.reseller-program-p-header-row .image-holder:before {
  display: none;
}

.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 ‣  TLD id=1164 */

.tld-banner-sec {
  background: url(/fileadmin/files/ix/global/template/tld-list-banner.png) no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 90px 0 195px;
}

.tld-banner-inner {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}

.tld-banner-inner h3 {
  color: var(--ix-color-white);
  font-weight: 600;
  font-size: var(--ix-type-3xl);
}

/***** TLD FILTER *****/

.tld-filter-inner {
  max-width: 1150px;
  width: 100%;
  margin: -155px auto 0;
  background: linear-gradient(160.24deg, var(--ix-color-domains-tertiary) 36.4%, #fdcdbe 154.69%);
  padding: 50px 54px 46px;
}

.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;
  margin: 0 -18px;
}

.tld-filter-type-right ul li {
  margin: 0;
  width: 50%;
  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 {
  background: var(--ix-color-white);
  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;
}

.tld-filter-bottom ul {
  display: flex;
  flex-wrap: wrap;
  margin: 8px -7px 0;
  max-height: 50px;
  overflow: hidden;
  transition: all 0.6s ease;
}

.tld-filter-bottom ul.active {
  max-height: max-content;
}

.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 {
  max-width: 828px;
  width: 100%;
  margin: 0 auto;
}

.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-2xs);
  background: var(--ix-color-domains-secondary);
  border-radius: 48px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: -64px;
  padding: 0 12px;
}

.tld-check-list-inner table tbody tr td {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-l);
  border-bottom: 1px solid var(--ix-color-grey-light);
  padding: 23px 0;
}

.tld-check-list-inner table tbody tr td strong {
  position: relative;
  font-weight: 600;
  font-size: var(--ix-type-l);
}

.tld-check-list-inner table tbody tr td strong span {
  color: var(--ix-color-black);
  font-weight: normal;
  font-size: var(--ix-type-2xs);
  border: 0.75px solid var(--ix-color-grey-mid);
  border-radius: 48px;
  height: 18px;
  width: 58px;
  position: absolute;
  top: 11px;
  right: -75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tld-check-list-inner table tbody tr td a {
  color: #000000;
}

.tld-check-list-inner table tbody tr td a.search {
  background: var(--ix-color-white);
  border: 1px solid var(--ix-color-success-dark);
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 127px;
  height: 36px;
  font-weight: normal;
  font-size: var(--ix-type-s);
  color: var(--ix-color-black);
  margin-left: auto;
}

.tld-check-list-inner table tbody tr td a img {
  margin-right: 13px;
}

.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);
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 1000;
}

.header-search .media {
  align-items: inherit;
}

.header-search .media .logo {
  border-right: 1px solid var(--ix-color-grey-mid);
  display: flex;
  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 {
  transform: scale(0.4);
}

.loader--style5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* 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);
}

.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 id=1151 */

.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(/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(/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 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-s);
  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("/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("/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("/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: #fbfbfb;
  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, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 100%);
  z-index: 5;
}

.skin-explore-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 364px;
  background: linear-gradient(90deg, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 100%);
  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;
} */

.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("/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("/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("/fileadmin/files/ix/global/template/who_we_are_1.jpg");
  height: 400px;
  transform: translateY(58px);
  background-position: center;
}

.pic-2 {
  background-image: url("/fileadmin/files/ix/global/template/who_we_are_2.jpg");
  height: 366px;
  transform: translateY(154px);
  background-position: center;
}

.pic-3 {
  background-image: url("/fileadmin/files/ix/global/template/who_we_are_3.jpg");
  height: 475px;
  transform: translateY(0);
  background-position: center;
}

.pic-4 {
  background-image: url("/fileadmin/files/ix/global/template/who_we_are_4.jpg");
  height: 405px;
  transform: translateY(150px);
  background-position-x: -46px;
}

.pic-5 {
  background-image: url("/fileadmin/files/ix/global/template/who_we_are_5.jpg");
  height: 458px;
  transform: translateY(38px);
  background-position-x: -57px;
}

.pic-6 {
  background-image: url("/fileadmin/files/ix/global/template/who_we_are_6.jpg");
  height: 384px;
  transform: translateY(196px);
  background-position-x: right;
}

.pic-7 {
  background-image: url("/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 .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}



/* 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);
}

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(/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(/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(/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 var(--ix-space-s);
}

.input-label {
  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;
  cursor: pointer;
  margin-left: 0 !important;
}

.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[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(/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(/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.5s ease-in-out;
}

.ca-partner-inner ul li a img {
  filter: grayscale(1);
  transition: all 0.5s ease-in-out;
}

.ca-partner-inner ul li a:hover {
  border: 1px solid var(--ix-color-grey-verydark);
  transition: all 0.5s ease-in-out;
}

.ca-partner-inner ul li a:hover img {
  filter: inherit;
  transition: all 0.5s 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*/

.icon-wrap-right .icontext p {
  color: var(--ix-color-grey-dark) !important;
}

.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.17s 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: 10px;
  bottom: 0;
  width: 1px;
  background: var(--ix-color-grey-mid);
}

.line-progress-active {
  position: absolute;
  left: 19.5px;
  top: 10px;
  width: 2px;
  background: var(--ix-color-domains-secondary);
  border-radius: 100px;
}

.process-left .media {
  position: relative;
}

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

.process-left .icon-rounded-small {
  z-index: 4;
  position: relative;
}

/*  Page : Home page */

.container {
  width: 1260px;
  margin: 0 auto;
}

.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("/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-m);
  color: var(--ix-color-grey-dark);
}
.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-black);
  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;
}

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;
}

.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(/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, rgba(0, 0, 0, 0) 50%, rgba(251, 251, 251, 1) 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(/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: 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, .15);
}

.svg-checker .white-box {
 z-index: 1;
 grid-column:2;
 box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, .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: .3s ease-in-out;
  transition: .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%);

}



/* Custom header for Autodns page */

.page-header--autodns-p .page-header__background{
  left: 55px;
}

.page-header--autodns-p-img-container{
  position: relative;
}

img.page-header--autodns-p-img-main{
  position: relative;
  width: 490px;
  height: auto;
  margin-left: 100px;
  opacity: 0;
}

.page-header--autodns-p-img-1, .page-header--autodns-p-img-2, .page-header--autodns-p-img-3{
  position: absolute;
  height: auto !important;
}

.page-header--autodns-p-img-1{
  left: 0;
  top: 120px;
  opacity: 0;
  width: 290px;
}

.page-header--autodns-p-img-2{
  left: 326px;
  top: 300px;
  opacity: 0;
  width: 310px;
}

.page-header--autodns-p-img-3{
  top: 113px;
  left: 320px;
  opacity: 0;
  width: 323px;
}