@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

:root {
    --color-empty: unset;
    --gray-base: #5E636E;
    --gray-lighter: #979BA4;
    --gray-lighter-2: #ACB0B9;
    --gray-lighter-3: #DEE0E3;
    --gray-lighter-4: #EFEFF1;
    --gray-faded: #F7F7F8;
    --gray-darker: #17191C;
    --gray-gradient-start: #FFFCFA;
    --gray-gradient-end: #FEEFE2;
    --gray-gradient-h: linear-gradient(90deg, var(--gray-gradient-start) 0%, var(--gray-gradient-end) 100%);
    --gray-gradient-v: linear-gradient(0deg, var(--gray-gradient-end) 0%, var(--gray-gradient-start) 100%);
    --brand-primary: #e87a2c;
    --brand-primary-lighter: #f59033;
    --brand-primary-lighter-2: #FBDBBB;
    --brand-primary-lighter-3: #FCE5CF;
    --brand-primary-lighter-4: #FEF2E7;
    --brand-primary-darker: #ba4526;
    --brand-primary-gradient-start: #e87a2c;
    --brand-primary-gradient-end: #FE9F15;
    --brand-primary-gradient-h: linear-gradient(90deg, var(--brand-primary-gradient-start) 0%, var(--brand-primary-gradient-end) 100%);
    --brand-primary-gradient-v: linear-gradient(0deg, var(--brand-primary-gradient-end) 0%, var(--brand-primary-gradient-start) 100%);
    --brand-secondary: #D75E1A;
    --brand-secondary-lighter: #F2905A;
    --brand-secondary-darker: #C24A16;
    --brand-secondary-gradient-start: #C24A16;
    --brand-secondary-gradient-end: #D75E1A;
    --brand-secondary-gradient-h: linear-gradient(90deg, var(--brand-secondary-gradient-start) 0%, var(--brand-secondary-gradient-end) 100%);
    --brand-secondary-gradient-v: linear-gradient(0deg, var(--brand-secondary-gradient-end) 0%, var(--brand-secondary-gradient-start) 100%);
    --brand-info: #1062fe;
    --brand-info-lighter: #009AFF;
    --brand-info-lighter-2: #B3CCFF;
    --brand-info-lighter-3: #D6E4FF;
    --brand-info-lighter-4: #E0EBFF;
    --brand-info-darker: #015abe;
    --brand-info-gradient-start: #015abe;
    --brand-info-gradient-end: #1062fe;
    --brand-info-gradient-h: linear-gradient(90deg, var(--brand-info-gradient-start) 0%, var(--brand-info-gradient-end) 100%);
    --brand-info-gradient-v: linear-gradient(0deg, var(--brand-info-gradient-end) 0%, var(--brand-info-gradient-start) 100%);
    --brand-success: #299341;
    --brand-success-lighter: #70D786;
    --brand-success-lighter-2: #BFEEC9;
    --brand-success-lighter-3: #CFF2D7;
    --brand-success-lighter-4: #DFF6E5;
    --brand-success-darker: #26873C;
    --brand-success-gradient-start: #26873C;
    --brand-success-gradient-end: #299341;
    --brand-success-gradient-h: linear-gradient(90deg, var(--brand-success-gradient-start) 0%, var(--brand-success-gradient-end) 100%);
    --brand-success-gradient-v: linear-gradient(0deg, var(--brand-success-gradient-end) 0%, var(--brand-success-gradient-end) 100%);
    --brand-warning: #E07800;
    --brand-warning-lighter: #FFB866;
    --brand-warning-lighter-2: #FFDEB8;
    --brand-warning-lighter-3: #FFE7CC;
    --brand-warning-lighter-4: #FFF1E0;
    --brand-warning-darker: #CC6D00;
    --brand-warning-gradient-start: #CC6D00;
    --brand-warning-gradient-end: #E07800;
    --brand-warning-gradient-h: linear-gradient(90deg, var(--brand-warning-gradient-start) 0%, var(--brand-warning-gradient-end) 100%);
    --brand-warning-gradient-v: linear-gradient(0deg, var(--brand-warning-gradient-end) 0%, var(--brand-warning-gradient-start) 100%);
    --brand-danger: #D92632;
    --brand-danger-lighter: #E56C74;
    --brand-danger-lighter-2: #F4C3C6;
    --brand-danger-lighter-3: #FAE1E2;
    --brand-danger-lighter-4: #FCEEEF;
    --brand-danger-darker: #B6202A;
    --brand-danger-gradient-start: #B6202A;
    --brand-danger-gradient-end: #D92632;
    --brand-danger-gradient-h: linear-gradient(90deg, var(--brand-danger-gradient-start) 0%, var(--brand-danger-gradient-end) 100%);
    --brand-danger-gradient-v: linear-gradient(0deg, var(--brand-danger-gradient-end) 0%, var(--brand-danger-gradient-start) 100%);
    --gray-icons: #ACAFB9;
    --gray-icons-hover: #e87a2c;
    --svg-illustration-color-0: #D46B02;
    --svg-illustration-color-1: #F27F0D;
    --svg-illustration-color-2: #FFA115;
    --svg-illustration-color-3: #F8BC81;
    --svg-illustration-color-4: #FAD1A8;
    --svg-illustration-color-5: #FCE0C5;
    --svg-illustration-color-6: #FDEAD8;
    --svg-illustration-color-7: #ffffff;
    --svg-illustration-shadow: #000000;
    --svg-illustration-line-color: rgba(248, 188, 129, 0.24);
    --svg-banner-shape-left: var(--brand-primary);
    --svg-banner-shape-right: var(--brand-primary-lighter);
    --body-bg: #fff;
}

:root {
    --primary-block-bg: var(--brand-primary-gradient-v);
    --primary-block-border: none;
    --primary-block-bg-h: var(--brand-primary-gradient-h);
    --primary-block-divider-color: var(--ui-block-secondary-divider-border-color);
    --primary-block-divider-active-color: #fff;
    --primary-block-title-color: var(--text-secondary-heading-color);
    --primary-block-subtitle-color: var(--text-secondary-lighter-color);
    --primary-block-text-color: var(--text-secondary-lighter-color);
    --primary-block-text-faded-color: var(--text-secondary-faded-color);
    --primary-block-total-font-color: #fff;
    --primary-block-link-color: hsla(0, 0%, 100%, 80%);
    --primary-block-link-hover-color: hsla(0, 0%, 100%, 100%);
    --primary-block-link-active-color: hsla(0, 0%, 100%, 100%);
    --primary-block-link-bg: transparent;
    --primary-block-link-hover-bg: transparent;
    --primary-block-link-active-bg: hsla(0, 0%, 100%, 6%);
    --primary-block-link-icon-color: hsla(0, 0%, 100%, 56%);
    --primary-block-link-icon-hover-color: hsla(0, 0%, 100%, 80%);
    --primary-block-link-icon-active-color: hsla(0, 0%, 100%, 80%);
    --primary-block-dot-nav-bg: rgba(255, 255, 255, 0.32);
    --primary-block-dot-nav-hover-bg: rgba(255, 255, 255, 0.56);
    --primary-block-dot-nav-active-bg: rgba(255, 255, 255, 1);
    --primary-block-btn-bg: var(--btn-primary-faded-bg);
    --primary-block-btn-border-color: var(--btn-primary-faded-border);
    --primary-block-btn-color: var(--btn-primary-faded-color);
    --primary-block-btn-hover-bg: var(--btn-primary-faded-hover-bg);
    --primary-block-btn-hover-border-color: var(--btn-primary-faded-hover-border);
    --primary-block-btn-hover-color: var(--btn-primary-faded-hover-color);
    --primary-block-btn-active-bg: var(--btn-primary-faded-active-bg);
    --primary-block-btn-active-border-color: var(--btn-primary-faded-active-border);
    --primary-block-btn-outline-border-color: rgba(255, 255, 255, 0.16);
    --primary-block-btn-outline-color: #fff;
    --primary-block-btn-outline-hover-bg: rgba(255, 255, 255, 0.16);
    --primary-block-btn-outline-hover-border-color: rgba(255, 255, 255, 0.16);
    --primary-block-btn-outline-hover-color: #fff;
    --primary-block-btn-outline-active-bg: rgba(255, 255, 255, 0.16);
    --primary-block-btn-outline-active-border-color: rgba(255, 255, 255, 0.16);
    --primary-block-input-bg: #fff;
    --primary-block-input-border: #fff;
    --primary-block-input-color: var(--input-color);
    --primary-block-input-placeholder-color: var(--input-color-placeholder);
    --primary-block-input-icon-color: var(--brand-primary);
    --primary-block-input-caret-color: var(--gray-icons);
    --secondary-block-bg: var(--brand-secondary-gradient-v);
    --secondary-block-border: var(--primary-block-border);
    --secondary-block-bg-h: var(--brand-secondary-gradient-h);
    --secondary-block-divider-color: var(--primary-block-divider-color);
    --secondary-block-divider-active-color: var(--primary-block-divider-active-color);
    --secondary-block-title-color: var(--primary-block-title-color);
    --secondary-block-subtitle-color: var(--primary-block-subtitle-color);
    --secondary-block-text-color: var(--primary-block-text-color);
    --secondary-block-text-faded-color: var(--primary-block-text-faded-color);
    --secondary-block-total-font-color: var(--primary-block-total-font-color);
    --secondary-block-link-color: var(--primary-block-link-color);
    --secondary-block-link-hover-color: var(--primary-block-link-hover-color);
    --secondary-block-link-active-color: var(--primary-block-link-active-color);
    --secondary-block-link-bg: var(--primary-block-link-bg);
    --secondary-block-link-hover-bg: var(--primary-block-link-hover-bg);
    --secondary-block-link-active-bg: var(--primary-block-link-active-bg);
    --secondary-block-link-icon-color: var(--primary-block-link-icon-color);
    --secondary-block-link-icon-hover-color: var(--primary-block-link-icon-hover-color);
    --secondary-block-link-icon-active-color: var(--primary-block-link-icon-active-color);
    --secondary-block-dot-nav-bg: var(--primary-block-dot-nav-bg);
    --secondary-block-dot-nav-hover-bg: var(--primary-block-dot-nav-hover-bg);
    --secondary-block-dot-nav-active-bg: var(--primary-block-dot-nav-active-bg);
    --secondary-block-btn-bg: var(--primary-block-btn-bg);
    --secondary-block-btn-border-color: var(--primary-block-btn-border-color);
    --secondary-block-btn-color: var(--primary-block-btn-color);
    --secondary-block-btn-hover-bg: var(--primary-block-btn-hover-bg);
    --secondary-block-btn-hover-border-color: var(--primary-block-btn-hover-border-color);
    --secondary-block-btn-hover-color: var(--primary-block-btn-hover-color);
    --secondary-block-btn-active-bg: var(--primary-block-btn-active-bg);
    --secondary-block-btn-active-border-color: var(--primary-block-btn-active-border-color);
    --secondary-block-btn-outline-border-color: var(--primary-block-btn-outline-border-color);
    --secondary-block-btn-outline-color: var(--primary-block-btn-outline-color);
    --secondary-block-btn-outline-hover-bg: var(--primary-block-btn-outline-hover-bg);
    --secondary-block-btn-outline-hover-border-color: var(--primary-block-btn-outline-hover-border-color);
    --secondary-block-btn-outline-hover-color: var(--primary-block-btn-outline-hover-color);
    --secondary-block-btn-outline-active-bg: var(--primary-block-btn-outline-active-bg);
    --secondary-block-btn-outline-active-border-color: var(--primary-block-btn-outline-active-border-color);
    --secondary-block-input-bg: var(--primary-block-input-bg);
    --secondary-block-input-border: var(--primary-block-input-border);
    --secondary-block-input-color: var(--primary-block-input-color);
    --secondary-block-input-placeholder-color: var(--primary-block-input-placeholder-color);
    --secondary-block-input-icon-color: var(--primary-block-input-icon-color);
    --secondary-block-input-caret-color: var(--primary-block-input-caret-color);
    --gray-block-bg: var(--gray-gradient-v);
    --gray-block-bg-h: var(--gray-gradient-h);
}

:root {
    --btn-white-space: nowrap;
    --btn-transition: var(--transition-base);
    --btn-font-family: var(--font-family-base);
    --btn-border-width: 1px;
    --btn-block-spacing-y: var(--spacing-1x);
    --btn-box-shadow: none;
    --btn-focus-box-shadow: 0 0 0 .var(--spacing-2x) rgba(var(--brand-primary) .25);
    --btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --btn-spacing-between: var(--spacing-2x);
    --btn-spacing-between-sm: var(--spacing-1x);
    --btn-link-font-weight: var(--font-weight-base);
    --btn-xs-font-size: var(--font-size-xs);
    --btn-xs-font-weight: var(--font-weight-base);
    --btn-xs-line-height: var(--line-height-xs);
    --btn-xs-border-radius: var(--border-radius-xs);
    --btn-xs-icon-spacing: 6px;
    --btn-sm-font-size: var(--font-size-sm);
    --btn-sm-font-weight: var(--font-weight-medium);
    --btn-sm-line-height: var(--line-height-sm);
    --btn-sm-border-radius: var(--border-radius-xs);
    --btn-sm-icon-spacing: 8px;
    --btn-base-font-size: var(--font-size-base);
    --btn-base-font-weight: var(--font-weight-medium);
    --btn-base-line-height: var(--line-height-base);
    --btn-base-border-radius: var(--border-radius-xs);
    --btn-base-icon-spacing: 12px;
    --btn-lg-font-size: var(--font-size-lg);
    --btn-lg-font-weight: var(--font-weight-medium);
    --btn-lg-line-height: var(--line-height-lg);
    --btn-lg-border-radius: var(--border-radius-sm);
    --btn-lg-icon-spacing: 16px;
    --btn-xlg-font-size: var(--font-size-xlg);
    --btn-xlg-font-weight: var(--font-weight-medium);
    --btn-xlg-line-height: var(--line-height-xlg);
    --btn-xlg-border-radius: var(--border-radius-base);
    --btn-xlg-icon-spacing: 20px;
    --btn-default-bg: transparent;
    --btn-default-border: var(--gray-lighter-3);
    --btn-default-color: var(--gray-darker);
    --btn-default-hover-bg: var(--gray-faded);
    --btn-default-hover-border: var(--gray-lighter-2);
    --btn-default-hover-color: var(--gray-darker);
    --btn-default-active-bg: var(--gray-lighter-3);
    --btn-default-active-border: transparent;
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-border: var(--brand-primary);
    --btn-primary-color: #fff;
    --btn-primary-hover-bg: var(--brand-primary-lighter);
    --btn-primary-hover-border: var(--brand-primary-lighter);
    --btn-primary-hover-color: #fff;
    --btn-primary-active-bg: var(--brand-primary-darker);
    --btn-primary-active-border: var(--brand-primary-darker);
    --btn-primary-faded-bg: var(--brand-primary-lighter-3);
    --btn-primary-faded-border: var(--brand-primary-lighter-3);
    --btn-primary-faded-color: var(--brand-primary);
    --btn-primary-faded-hover-bg: var(--brand-primary-lighter-2);
    --btn-primary-faded-hover-border: var(--brand-primary-lighter-2);
    --btn-primary-faded-hover-color: var(--brand-primary);
    --btn-primary-faded-active-bg: var(--brand-primary-lighter-2);
    --btn-primary-faded-active-border: var(--brand-primary-lighter-2);
    --btn-secondary-bg: var(--brand-secondary);
    --btn-secondary-border: var(--brand-secondary);
    --btn-secondary-color: #fff;
    --btn-secondary-hover-bg: var(--brand-secondary-lighter);
    --btn-secondary-hover-border: var(--brand-secondary-lighter);
    --btn-secondary-hover-color: #fff;
    --btn-secondary-active-bg: var(--brand-secondary-darker);
    --btn-secondary-active-border: var(--brand-secondary-darker);
    --btn-success-bg: var(--brand-success-darker);
    --btn-success-border: var(--brand-success-darker);
    --btn-success-color: #fff;
    --btn-success-hover-bg: var(--brand-success);
    --btn-success-hover-border: var(--brand-success);
    --btn-success-hover-color: #fff;
    --btn-success-active-bg: var(--brand-success-lighter-2);
    --btn-success-active-border: var(--brand-success-lighter-2);
    --btn-info-bg: var(--brand-info-darker);
    --btn-info-border: var(--brand-info-darker);
    --btn-info-color: #fff;
    --btn-info-hover-bg: var(--brand-info);
    --btn-info-hover-border: var(--brand-info);
    --btn-info-hover-color: #fff;
    --btn-info-active-bg: var(--brand-info-lighter-2);
    --btn-info-active-border: var(--brand-info-lighter-2);
    --btn-warning-bg: var(--brand-warning-darker);
    --btn-warning-border: var(--brand-warning-darker);
    --btn-warning-color: #fff;
    --btn-warning-hover-bg: var(--brand-warning);
    --btn-warning-hover-border: var(--brand-warning);
    --btn-warning-hover-color: #fff;
    --btn-warning-active-bg: var(--brand-warning-lighter-2);
    --btn-warning-active-border: var(--brand-warning-lighter-2);
    --btn-danger-bg: var(--brand-danger-darker);
    --btn-danger-border: var(--brand-danger-darker);
    --btn-danger-color: #fff;
    --btn-danger-hover-bg: var(--brand-danger);
    --btn-danger-hover-border: var(--brand-danger);
    --btn-danger-hover-color: #fff;
    --btn-danger-active-bg: var(--brand-danger-lighter-2);
    --btn-danger-active-border: var(--brand-danger-lighter-2);
    --btn-light-bg: rgba(255, 255, 255, 0.08);
    --btn-light-border: rgba(255, 255, 255, 0.16);
    --btn-light-color: #fff;
    --btn-light-hover-bg: rgba(255, 255, 255, 0.16);
    --btn-light-hover-border: rgba(255, 255, 255, 0.24);
    --btn-light-hover-color: #fff;
    --btn-light-active-bg: rgba(255, 255, 255, 0.24);
    --btn-light-active-border: rgba(255, 255, 255, 0.32);
    --btn-disabled-color: var(--gray-lighter);
    --btn-disabled-bg: var(--gray-faded);
    --btn-disabled-border: transparent;
    --btn-link-disabled-color: var(--gray-lighter-4);
    --btn-disabled-opacity: .65;
    --btn-social-height: 40px;
    --btn-social-font-size: var(--font-size-sm);
    --btn-social-padding-h: var(--spacing-2x);
    --btn-social-border-radius: var(--border-radius-xs);
    --btn-social-facebook-bg: #4267b2;
    --btn-social-facebook-hover-bg: #30487b;
    --btn-social-facebook-border-color: var(--btn-social-facebook-bg);
    --btn-social-facebook-hover-border: var(--btn-social-facebook-bg);
    --btn-social-facebook-color: #fff;
    --btn-social-facebook-hover-color: var(--btn-social-facebook-color);
    --btn-social-google-bg: #fff;
    --btn-social-google-hover-bg: #fff;
    --btn-social-google-border-color: #e6e8ec;
    --btn-social-google-border-hover-color: #BEC0C4;
    --btn-social-google-color: #2A2E36;
    --btn-social-twitter-bg: #1DA1F2;
    --btn-social-twitter-hover-bg: #0597F2;
    --btn-social-twitter-border-color: var(--btn-social-twitter-bg);
    --btn-social-twitter-border-hover-color: var(--btn-social-twitter-bg);
    --btn-social-twitter-color: #fff;
    --btn-social-twitter-hover-color: var(--btn-social-twitter-color);
    --btn-social-linkedin-bg: #0077b5;
}

:root {
    --table-font-size-small: var(--font-size-sm);
    --table-bg: transparent;
    --table-bg-accent: var(--gray-faded);
    --table-bg-hover: var(--ui-block-link-hover-bg);
    --table-bg-active: var(--ui-block-link-hover-bg);
    --table-border-color: var(--ui-block-divider-color);
    --table-caption-color: var(--text-muted);
    --table-vertical-align: middle;
    --table-horizontal-align: left;
    --table-horizontal-rtl: right;
    --table-th-bg: transparent;
    --table-th-padding: 12px 8px;
    --table-th-first-last-padding: var(--ui-block-padding-base);
    --table-th-height: 40px;
    --table-th-font-color: var(--text-body-color);
    --table-th-font-size: var(--font-size-sm);
    --table-th-font-weight: var(--font-weight-base);
    --table-td-bg: transparent;
    --table-td-padding: var(--ui-block-padding-base-v) 8px;
    --table-td-first-last-padding: var(--ui-block-padding-base);
    --table-td-height: 58px;
    --table-td-font-color: var(--text-heading-color);
    --table-td-font-size: var(--font-size-base);
    --table-condensed-cell-padding: var(--ui-block-padding-sm-v) var(--ui-block-padding-sm);
    --table-condensed-cell-th-padding: var(--ui-block-padding-sm-v) var(--ui-block-padding-sm);
    --table-container-header-bg: var(--ui-block-header-bg);
    --table-container-header-height: 48px;
    --table-container-pagination-bg: var(--ui-block-header-bg);
    --table-container-bg: var(--ui-block-bg);
    --table-container-border: var(--ui-block-border);
    --table-container-box-shadow: var(--ui-block-shadow);
    --table-container-border-radius: var(--ui-block-border-radius);
    --table-container-table-padding: 0px;
    --table-container-table-bg-filter: var(--ui-block-header-bg);
    --table-container-table-bg-pagination: var(--ui-block-header-bg);
    --dropdown-bg: #fff;
    --dropdown-border: var(--ui-block-border);
    --dropdown-border-radius: var(--ui-block-border-radius);
    --dropdown-box-shadow: var(--box-shadow-lg);
    --dropdown-divider-bg: var(--ui-block-divider-color);
    --dropdown-link-padding-h: var(--ui-block-padding-base);
    --dropdown-link-padding-v: var(--ui-nav-v-link-padding-v);
    --dropdown-link-color: var(--ui-nav-link-color);
    --dropdown-link-hover-color: var(--ui-nav-link-hover-color);
    --dropdown-link-hover-bg: var(--ui-nav-link-hover-bg);
    --dropdown-link-hover-padding-h: calc(var(--dropdown-link-padding-h) + var(--ui-nav-v-link-hover-padding-h));
    --dropdown-link-active-color: var(--ui-nav-link-active-color);
    --dropdown-link-active-bg: var(--ui-nav-link-active-bg);
    --dropdown-link-disabled-color: var(--ui-nav-link-disabled-bg);
    --dropdown-link-icon-color: var(--ui-nav-link-icon-color);
    --dropdown-link-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --dropdown-link-icon-active-color: var(--ui-nav-link-icon-active-color);
    --dropdown-header-color: var(--gray-base);
    --dropdown-caret-color: var(--icons-color);
    --dropdown-min-width: 200px;
    --navbar-height: 50px;
    --navbar-border-radius: var(--border-radius-base);
    --navbar-padding-h: calc(var(--ui-gutter-base) / 2);
    --navbar-padding-v: calc(var(--navbar-height) - var(--line-height-computed) / 2);
    --navbar-dropdown-max-height: 660px;
    --navbar-nav-link-padding-x: var(--spacing-2x);
    --navbar-toggler-padding-y: var(--spacing-1x);
    --navbar-toggler-padding-x: var(--spacing-2x);
    --navbar-toggler-font-size: var(--font-size-lg);
    --navbar-toggler-border-radius: var(--border-radius-base);
    --navbar-toggler-border-width: 1px;
    --navbar-toggler-icon-width: var(--spacing-1x);
    --navbar-toggler-icon-height: var(--spacing-1x);
    --navbar-toggler-icon-content: "";
    --navbar-nav-scroll-max-height: 75vh;
    --nav-link-height: 64px;
    --nav-link-padding-h: var(--ui-padding-base-h);
    --nav-link-padding-v: var(--ui-padding-base-v);
    --nav-link-color: var(--ui-nav-link-color);
    --nav-link-hover-bg: null;
    --nav-link-hover-color: var(--ui-nav-link-hover-color);
    --nav-disabled-link-color: var(--ui-nav-link-disabled-color);
    --nav-disabled-link-hover-color: var(--ui-nav-link-disabled-color);
    --nav-condensed-link-height: var(--ui-height-sm);
    --nav-condensed-link-padding-h: var(--ui-padding-sm-h);
    --nav-condensed-link-padding-v: var(--ui-padding-sm-v);
    --nav-divider-color: var(--ui-block-divider-color);
    --nav-divider-margin-y: 8px;
    --nav-tabs-border-color: var(--ui-block-divider-color);
    --nav-tabs-border-radius: var(--border-radius-base);
    --nav-tabs-border-width: 1px;
    --nav-tabs-link-color: var(--ui-nav-secondary-link-color);
    --nav-tabs-link-icon-color: var(--ui-nav-secondary-link-icon-color);
    --nav-tabs-link-padding: var(--ui-padding-base-h) 0;
    --nav-tabs-link-negative-margin: calc(-1 * var(--nav-tabs-border-width));
    --nav-tabs-item-margin-right: var(--spacing-1x);
    --nav-tabs-link-active-color: var(--ui-nav-link-active-color);
    --nav-tabs-link-active-icon-color: var(--ui-nav-link-icon-active-color);
    --nav-tabs-link-active-bg: transparent;
    --nav-tabs-link-active-border-color: var(--brand-primary-lighter);
    --nav-tabs-link-active-border-width: 3px;
    --nav-tabs-link-hover-color: var(--ui-nav-link-hover-color);
    --nav-tabs-link-hover-icon-color: var(--ui-nav-link-icon-hover-color);
    --nav-tabs-link-hover-bg: transparent;
    --nav-tabs-link-hover-border-color: var(--gray-lighter-4);
    --nav-pills-border-radius: var(--border-radius-base);
    --nav-pills-active-link-hover-bg: var(--ui-block-link-active-bg);
    --nav-pills-active-link-hover-color: var(--ui-nav-link-active-color);
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: var(--brand-primary);
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: var(--brand-primary);
    --pagination-color: var(--btn-default-color);
    --pagination-bg: var(--btn-default-bg);
    --pagination-border: var(--btn-default-border);
    --pagination-hover-color: var(--btn-default-hover-color);
    --pagination-hover-bg: var(--btn-default-hover-bg);
    --pagination-hover-border: var(--btn-default-hover-border);
    --pagination-active-color: var(--btn-primary-faded-color);
    --pagination-active-bg: var(--btn-primary-faded-bg);
    --pagination-active-border: var(--btn-primary-faded-border);
    --pagination-disabled-color: var(--btn-disabled-color);
    --pagination-disabled-bg: var(--btn-disabled-bg);
    --pagination-disabled-border: var(--btn-disabled-border);
    --jumbotron-padding-h: var(--spacing-2x);
    --jumbotron-padding-v: var(--spacing-4x);
    --jumbotron-color: inherit;
    --jumbotron-bg: var(--gray-lighter-4);
    --jumbotron-heading-color: inherit;
    --jumbotron-font-size: calc(var(--font-size-base) * 1.5);
    --jumbotron-heading-font-size: calc(var(--font-size-base) * 4.5);
    --tooltip-max-width: 268px;
    --tooltip-color: var(--gray-base);
    --tooltip-bg: #fff;
    --tooltip-opacity: 1;
    --tooltip-arrow-width: 5px;
    --tooltip-arrow-color: var(--tooltip-bg);
    --tooltip-font-size: var(--font-size-sm);
    --tooltip-border-radius: var(--border-radius-xs);
    --tooltip-padding-y: var(--spacing-2x);
    --tooltip-padding-x: var(--spacing-2x);
    --tooltip-margin: 0;
    --tooltip-arrow-height: 3px;
    --tooltip-box-shadow: var(--box-shadow-lg);
    --popover-bg: #fff;
    --popover-max-width: 288px;
    --popover-border-color: var(--gray-lighter-4);
    --popover-title-bg: var(--gray-lighter-4);
    --popover-arrow-width: 10px;
    --popover-arrow-height: 5px;
    --popover-arrow-color: var(--popover-bg);
    --popover-arrow-outer-width: calc(var(--popover-arrow-width) + 1);
    --popover-arrow-outer-color: var(--popover-bg);
    --popover-arrow-outer-fallback-color: var(--popover-fallback-border-color);
    --popover-header-bg: brightness(var(--popover-bg), 97%);
    --popover-header-color: null;
    --popover-header-padding-y: var(--spacing-1x);
    --popover-header-padding-x: .75rem;
    --popover-border-color: var(--gray-lighter-4);
    --popover-header-border-bottom-color: brightness(var(--popover-header-bg), 92%);
    --popover-border-radius: var(--border-radius-base);
    --popover-border-width: 1px;
    --popover-inner-border-radius: calc(var(--popover-border-radius) - var(--popover-border-width));
    --popover-body-color: #212529;
    --popover-body-padding-y: var(--popover-header-padding-y);
    --popover-body-padding-x: var(--popover-header-padding-x);
    --toast-max-width: 350px;
    --toast-padding-x: .75rem;
    --toast-padding-y: var(--spacing-1x);
    --toast-font-size: .875rem;
    --toast-color: null;
    --toast-background-color: rgba(#fff, .85);
    --toast-border-width: 1px;
    --toast-border-color: rgba(0, 0, 0, .1);
    --toast-border-radius: var(--spacing-1x);
    --toast-box-shadow: 0 var(--spacing-1x) .75rem rgba(#000, .1);
    --toast-header-color: #6c757d;
    --toast-header-background-color: rgba(#fff, .85);
    --toast-header-border-color: rgba(0, 0, 0, .05);
    --modal-inner-padding: var(--ui-block-padding-base);
    --modal-title-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --modal-footer-padding: 0 var(--ui-block-padding-base) var(--ui-block-padding-base) var(--ui-block-padding-base);
    --modal-footer-margin-between: var(--spacing-2x);
    --modal-title-font-size: var(--font-size-h5);
    --modal-title-font-weight: var(--font-weight-light);
    --modal-title-line-height: var(--line-height-h5);
    --modal-content-bg: var(--ui-block-bg);
    --modal-content-border-color: var(--ui-block-border-color);
    --modal-content-fallback-border-color: var(--ui-block-border-color);
    --modal-content-max-height: calc(100vh - (var(--modal-dialog-margin) * 2));
    --modal-content-min-height-sm: calc(100vh - (var(--modal-dialog-margin-y-sm-up) * 2));
    --modal-content-color: null;
    --modal-content-border-radius: var(--ui-block-border-radius);
    --modal-content-inner-border-radius: calc(var(--modal-content-border-radius) - var(--modal-content-border-width));
    --modal-content-box-shadow: var(--box-shadow-xlg);
    --modal-content-box-shadow-sm-up: var(--box-shadow-lg);
    --modal-body-max-height: calc(100vh - 200px);
    --modal-backdrop-bg: var(--ui-block-overlay-bg);
    --modal-header-background-color: transparent;
    --modal-header-border-color: var(--ui-block-divider-color);
    --modal-footer-border-color: var(--ui-block-divider-color);
    --modal-xl: 800px;
    --modal-lg: 560px;
    --modal-md: 448px;
    --modal-sm: 300px;
    --modal-transition: all var(--transition-base);
    --modal-fade-transform: scale(0.5);
    --modal-show-transform: none;
    --modal-scale-transform: scale(1.02);
    --modal-dialog-margin: var(--spacing-1x);
    --modal-dialog-margin-y-sm-up: var(--spacing-3x);
    --modal-dialog-max-height: calc(100% - (var(--modal-dialog-margin) * 2));
    --modal-dialog-centered-min-height: var(--modal-dialog-max-height);
    --modal-dialog-centered-before-height: var(--modal-content-max-height);
    --modal-dialog-scrollable-max-height-sm: calc(100% - (var(--modal-dialog-margin-y-sm-up) * 2));
    --modal-dialog-centered-min-height-sm: var(--modal-dialog-scrollable-max-height-sm);
    --modal-dialog-centered-before-height-sm: var(--modal-content-min-height-sm);
    --modal-btn-close-padding: var(--ui-block-padding-base-v);
    --alert-padding-v: var(--ui-block-padding-base-v);
    --alert-padding-h: var(--ui-block-padding-base);
    --alert-padding-2x: var(--ui-block-padding-base);
    --alert-border-radius: var(--ui-block-border-radius);
    --alert-link-font-weight: var(--font-weight-bold);
    --alert-success-bg: var(--state-success-bg);
    --alert-success-text: var(--state-success-text);
    --alert-success-border: var(--state-success-border);
    --alert-info-bg: var(--state-info-bg);
    --alert-info-text: var(--state-info-text);
    --alert-info-border: var(--state-info-border);
    --alert-warning-bg: var(--state-warning-bg);
    --alert-warning-text: var(--state-warning-text);
    --alert-warning-border: var(--state-warning-border);
    --alert-danger-bg: var(--state-danger-bg);
    --alert-danger-text: var(--state-danger-text);
    --alert-danger-border: var(--state-danger-border);
    --alert-icon-font-family: "FontAwesome";
    --alert-success-icon: "\f058";
    --alert-info-icon: "\f05a";
    --alert-warning-icon: "\f071";
    --alert-danger-icon: "\f06a";
    --alert-variants-title-color: var(--text-heading-color);
    --progress-bg: var(--gray-lighter-4);
    --progress-bar-color: #fff;
    --progress-font-size: var(--font-size-base) * 0.75;
    --progress-height: var(--spacing-1x);
    --progress-width: 76px;
    --progress-border-radius: var(--border-radius-sm);
    --progress-bar-bg: var(--gray-lighter);
    --progress-bar-success-bg: var(--brand-success);
    --progress-bar-warning-bg: var(--brand-warning);
    --progress-bar-danger-bg: var(--brand-danger);
    --progress-bar-info-bg: var(--brand-info);
    --progress-bar-transition: var(--transition-base);
    --panel-bg: var(--ui-block-bg);
    --panel-box-shadow: var(--ui-block-shadow);
    --panel-border: var(--ui-block-border);
    --panel-border-radius: var(--ui-block-border-radius);
    --panel-border-divider-color: var(--ui-block-divider-color);
    --panel-padding-v: var(--ui-block-padding-base);
    --panel-padding-h: var(--ui-block-padding-base);
    --panel-body-padding: var(--ui-block-padding-base);
    --panel-heading-height: 56px;
    --panel-heading-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --panel-footer-bg: var(--ui-block-header-bg);
    --panel-footer-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --panel-title-color: var(--text-heading-color);
    --panel-title-font-size: var(--font-size-h6);
    --panel-title-font-weight: var(--font-weight-h6);
    --panel-title-line-height: var(--line-height-h6);
    --panel-default-bg: var(--panel-bg);
    --panel-default-text: var(--text-heading-color);
    --panel-default-border: var(--ui-block-divider-color);
    --panel-default-heading-bg: var(--ui-block-header-bg);
    --panel-active-bg: var(--panel-bg);
    --panel-active-border-color: var(--input-focus-border-color);
    --panel-hover-bg: var(--panel-bg);
    --panel-hover-shadow: var(--ui-block-shadow-lg);
    --panel-hover-border-color: var(--input-hover-border-color);
    --panel-lg-border-radius: var(--border-radius-xlg);
    --panel-lg-heading-padding: 10px var(--ui-block-padding-lg);
    --panel-lg-body-padding: var(--ui-block-padding-lg);
    --panel-lg-footer-padding: 10px var(--ui-block-padding-lg);
    --panel-success-bg: var(--state-success-bg);
    --panel-success-text: var(--state-success-text);
    --panel-success-border: var(--state-success-border);
    --panel-success-heading-bg: var(--state-success-bg);
    --panel-info-bg: var(--state-info-bg);
    --panel-info-text: var(--state-info-text);
    --panel-info-border: var(--state-info-border);
    --panel-info-heading-bg: var(--state-info-bg);
    --panel-warning-bg: var(--state-warning-bg);
    --panel-warning-text: var(--state-warning-text);
    --panel-warning-border: var(--state-warning-border);
    --panel-warning-heading-bg: var(--state-warning-bg);
    --panel-danger-bg: var(--state-danger-bg);
    --panel-danger-text: var(--state-danger-text);
    --panel-danger-border: var(--state-danger-border);
    --panel-danger-heading-bg: var(--state-danger-bg);
    --panel-check-padding: 16px;
    --card-spacer-y: var(--panel-padding-v);
    --card-spacer-x: var(--panel-padding-h);
    --card-border: var(--panel-border);
    --card-border-radius: var(--panel-border-radius);
    --card-inner-border-radius: calc(var(--panel-border-radius) - var(--panel-border-width));
    --card-cap-bg: var(--panel-footer-bg);
    --card-cap-color: var(--panel-title-color);
    --card-bg: var(--panel-bg);
    --card-img-overlay-padding: var(--spacing-1x);
    --card-group-margin: var(--ui-gutter-base) / 2;
    --card-deck-margin: var(--card-group-margin);
    --card-columns-count: 3;
    --card-columns-gap: var(--spacing-1x);
    --card-columns-margin: var(--card-spacer-y);
    --card-body-padding: var(--panel-body-padding);
    --card-footer-padding: var(--panel-footer-padding);
    --card-heading-padding: var(--panel-heading-padding);
    --thumbnail-padding: 4px;
    --thumbnail-bg: var(--body-bg);
    --thumbnail-border: var(--gray-lighter-4);
    --thumbnail-border-colo: #dee2e6;
    --thumbnail-border-width: 1px;
    --thumbnail-border-radius: var(--border-radius-base);
    --thumbnail-caption-color: var(--text-lighter-color);
    --thumbnail-caption-padding: var(--spacing-1x);
    --well-bg: var(--gray-faded);
    --well-border: var(--ui-block-border-color);
    --badge-color: #fff;
    --badge-link-hover-color: #fff;
    --badge-bg: var(--gray-lighter-4);
    --badge-active-color: var(--link-color);
    --badge-active-bg: #fff;
    --badge-font-size: var(--font-size-xs);
    --badge-font-weight: var(--font-weight-base);
    --badge-line-height: 1;
    --badge-border-radius: 10px;
    --badge-padding-y: 3px;
    --badge-padding-x: 6px;
    --badge-margin: 0 0 0 auto;
    --badge-transition: var(--transition-base);
    --badge-focus-width: var(--input-btn-focus-width);
    --badge-default-bg: var(--gray-lighter-3);
    --badge-default-color: var(--text-lighter-color);
    --badge-primary-bg: var(--brand-primary);
    --badge-primary-hover-bg: var(--brand-primary-darker);
    --badge-primary-color: var(--badge-color);
    --badge-primary-faded-bg: var(--brand-primary-lighter-3);
    --badge-primary-faded-hover-bg: var(--brand-primary-lighter-2);
    --badge-primary-faded-color: var(--brand-primary);
    --badge-success-bg: var(--brand-success-lighter);
    --badge-success-hover-bg: var(--brand-success-darker);
    --badge-success-color: var(--badge-color);
    --badge-info-bg: var(--brand-primary);
    --badge-info-hover-bg: var(--brand-primary-darker);
    --badge-info-color: var(--brand-primary-lighter-3);
    --badge-warning-bg: var(--brand-warning-lighter);
    --badge-warning-hover-bg: var(--brand-warning-darker);
    --badge-warning-color: var(--badge-color);
    --badge-danger-bg: var(--brand-danger-lighter);
    --badge-danger-hover-bg: var(--brand-danger-darker);
    --badge-danger-color: var(--badge-color);
    --badge-text-transform: none;
    --breadcrumb-padding-vertical: var(--ui-padding-base-v);
    --breadcrumb-padding-horizontal: var(--ui-padding-base-h);
    --breadcrumb-item-padding-vertical: 0px;
    --breadcrumb-item-padding-horizontal: 5px;
    --breadcrumb-bg: #fff;
    --breadcrumb-color: var(--gray-lighter-3);
    --breadcrumb-active-color: var(--gray-lighter-4);
    --breadcrumb-separator: "/";
    --breadcrumb-font-size: null;
    --carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    --carousel-control-color: #fff;
    --carousel-control-width: 15%;
    --carousel-control-opacity: .5;
    --carousel-control-hover-opacity: .9;
    --carousel-control-font-size: 20px;
    --carousel-indicator-active-bg: #fff;
    --carousel-indicator-border-color: #fff;
    --carousel-indicator-width: 30px;
    --carousel-indicator-height: 3px;
    --carousel-indicator-hit-area-height: 10px;
    --carousel-indicator-spacer: 3px;
    --carousel-caption-color: #fff;
    --carousel-caption-width: 70%;
    --carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#fff' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>");
    --carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>");
    --carousel-control-icon-width: 20px;
    --spinner-width: var(--spacing-2x);
    --spinner-height: var(--spinner-width);
    --spinner-border-width: var(--spacing-1x);
    --spinner-width-sm: var(--spacing-2x);
    --spinner-height-sm: var(--spinner-width-sm);
    --spinner-border-width-sm: var(--spacing-1x);
    --close-font-weight: var(--font-weight-bold);
    --close-font-size: 22px;
    --close-color: var(--gray-icons);
    --close-color-hover: var(--brand-primary);
    --close-text-shadow: 0 1px 0 #fff;
    --code-color: #c7254e;
    --code-bg: #f9f2f4;
    --code-font-size: 90%;
    --code-font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    --kbd-color: #fff;
    --kbd-bg: #333;
    --kbd-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    --kbd-padding-y: 2px;
    --kbd-padding-x: 4px;
    --nested-kbd-font-size: 100%;
    --nested-kbd-font-weight: bold;
    --pre-bg: var(--gray-faded);
    --pre-padding: var(--ui-block-padding-sm);
    --pre-color: var(--text-body-color);
    --pre-font-size: var(--font-size-sm);
    --pre-border-color: var(--ui-block-border-color);
    --pre-border-radius: var(--ui-block-border-radius);
    --pre-scrollable-max-height: 340px;
    --blockquote-bg: var(--gray-faded);
    --blockquote-border-color: var(--gray-lighter-4);
    --blockquote-font-color: var(--text-heading-color);
    --blockquote-font-size: var(--font-size-lg);
    --blockquote-line-height: var(--line-height-lg);
    --blockquote-small-color: var(--gray-lighter-4);
    --blockquote-small-font-size: var(--font-size-sm);
    --blockquote-padding: 32px 32px 32px 72px;
    --hr-border: var(--gray-lighter-4);
    --show-animation: transform .32s cubic-bezier(0, 0, 0, 1), opacity .08s;
    --dt-font-weight: var(--font-weight-bold);
    --previews-img-height: 240px;
    --print-page-size: a3;
    --print-body-min-width: 992px;
    --hr-margin-y: var(--spacing-1x);
    --hr-border-color: rgba(#000, .1);
    --hr-border-width: var(--border-width-base);
    --list-inline-padding: var(--spacing-1x);
}

@media (max-width: 991px) {
    :root {
        --navbar-dropdown-max-height: 560px;
    }
}

:root {
    --list-group-bg: var(--ui-block-bg);
    --list-group-color: null;
    --list-group-border: var(--ui-block-border);
    --list-group-box-shadow: var(--ui-block-shadow);
    --list-group-border-radius: var(--ui-block-border-radius);
    --list-group-active-color: var(--ui-nav-link-active-color);
    --list-group-active-bg: var(--ui-block-link-active-bg);
    --list-group-active-border: var(--list-group-active-bg);
    --list-group-active-text-color: var(--list-group-active-bg);
    --list-group-disabled-color: #6c757d;
    --list-group-action-color: var(--gray-base);
    --list-group-action-hover-color: var(--list-group-action-color);
    --list-group-action-active-color: var(--gray-darker);
    --list-group-action-active-bg: var(--gray-lighter-3);
    --list-group-item-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --list-group-item-lg-padding: var(--ui-block-padding-lg);
    --list-group-item-border-color: var(--ui-block-divider-color);
    --list-group-item-heading-color: var(--text-heading-color);
    --list-group-item-text-color: var(--text-body-color);
    --list-group-item-icon-color: var(--text-primary-color);
    --list-group-item-disabled-color: var(--gray-lighter);
    --list-group-item-disabled-bg: var(--list-group-bg);
    --list-group-item-disabled-text-color: var(--list-group-disabled-color);
    --list-group-item-link-color: var(--ui-block-link-color);
    --list-group-item-link-heading-color: var(--brand-primary);
    --list-group-item-link-text-color: var(--list-group-item-text-color);
    --list-group-item-link-hover-bg: var(--ui-block-link-hover-bg);
    --list-group-item-link-hover-color: var(--ui-nav-link-hover-color);
    --list-group-item-link-active-color: var(--ui-nav-link-active-color);
    --list-group-item-link-active-bg: var(--ui-block-link-active-bg);
    --list-group-item-link-active-border: var(--brand-primary-lighter-4);
    --list-group-item-link-disabled-color: var(--text-lighter-color);
    --list-group-item-link-disabled-bg: var(--gray-lighter-4);
    --list-group-item-link-disabled-border: var(--gray-v -3);
    --list-group-item-link-icon-color: var(--ui-icon-color);
    --promo-slider-min-height: 314px;
    --promo-slider-title-font-size: var(--font-size-h4);
    --promo-slider-title-line-height: var(--line-height-h4);
    --promo-slider-title-font-weight: var(--font-weight-bold);
    --promo-slider-body-padding: var(--spacing-7x) 0px var(--spacing-5x) var(--spacing-3x);
    --promo-slider-content-padding: var(--spacing-4x) 0 var(--spacing-5x) var(--spacing-3x);
    --promo-slider-header-padding: var(--spacing-1x) var(--spacing-1x) 0 var(--spacing-3x);
    --promo-slider-body-padding-rtl: var(--spacing-7x) var(--spacing-3x) var(--spacing-5x) 0px;
    --promo-slider-content-padding-rtl: var(--spacing-4x) var(--spacing-3x) var(--spacing-5x) 0;
    --promo-slider-header-padding-rtl: var(--spacing-1x) var(--spacing-3x) 0 var(--spacing-1x);
    --promo-slider-illustration-width: 400px;
    --promo-slider-sm-title-font-size: var(--font-size-h4);
    --promo-slider-sm-title-line-height: var(--line-height-h4);
    --promo-slider-xs-title-font-size: var(--font-size-h5);
    --promo-slider-xs-title-line-height: var(--line-height-h5);
    --promo-slider-xs-illustration-height: 326px;
    --promo-slider-xs-illustration-width: 376px;
    --panel-summary-shadow: var(--box-shadow-base);
    --panel-summary-border-radius: var(--ui-block-border-radius);
    --panel-summary-padding: var(--ui-block-padding-base);
    --panel-summary-title-font-size: var(--font-size-h4);
    --panel-summary-title-font-weight: var(--font-weight-h4);
    --panel-summary-title-line-height: var(--line-height-h4);
    --panel-summary-text-font-size: var(--font-size-sm);
    --panel-summary-text-font-weight: var(--font-weight-light);
    --panel-summary-text-line-height: var(--line-height-sm);
    --panel-summary-list-padding-v: 3px;
    --panel-summary-list-item-padding-v: var(--spacing-2x);
    --panel-summary-list-title-font-size: var(--font-size-xs);
    --panel-summary-list-color-faded: var(--text-body-color);
    --panel-summary-total-text-font-color: var(--text-body-color);
    --panel-summary-content-max-height: 500px;
    --panel-summary-main-item-font-size: var(--font-size-base);
    --panel-summary-main-item-line-height: var(--line-height-sm);
    --panel-summary-main-item-font-weight: var(--font-weight-medium);
    --panel-sidebar-bg: transparent;
    --panel-sidebar-footer-bg: transparent;
    --panel-sidebar-border: none;
    --panel-sidebar-box-shadow: none;
    --panel-sidebar-heading-bg: transparent;
    --panel-sidebar-heading-height: unset;
    --panel-sidebar-heading-padding: 0 0 var(--ui-block-padding-sm);
    --panel-sidebar-title-size: var(--font-size-h6);
    --panel-sidebar-title-weight: var(--font-weight-h6);
    --panel-sidebar-body-padding: 0;
    --panel-sidebar-footer-padding: var(--ui-block-padding-sm) 0 0;
    --panel-sidebar-margin-bottom: var(--spacing-4x);
    --panel-sidebar-link-bg: transparent;
    --panel-sidebar-link-color: var(--brand-primary);
    --panel-sidebar-link-icon-color: var(--brand-primary);
    --panel-sidebar-link-margin: 1px;
    --panel-sidebar-link-padding: var(--ui-nav-v-link-padding-v) 0;
    --panel-sidebar-link-border-radius: var(--ui-nav-link-border-radius);
    --panel-sidebar-link-hover-bg: var(--ui-nav-link-hover-bg);
    --panel-sidebar-link-hover-color: var(--ui-nav-link-hover-color);
    --panel-sidebar-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --panel-sidebar-link-hover-icon-color: var(--ui-nav-link-icon-hover-color);
    --panel-sidebar-link-active-bg: var(--ui-nav-link-active-bg);
    --panel-sidebar-link-active-color: var(--ui-nav-link-active-color);
    --panel-sidebar-link-active-padding-h: var(--ui-nav-v-link-active-padding-h);
    --panel-sidebar-link-active-icon-color: var(--ui-nav-link-icon-active-color);
    --panel-sidebar-list-group-bg: var(--ui-block-bg);
    --panel-sidebar-list-group-border: var(--ui-block-border);
    --panel-sidebar-list-group-box-shadow: var(--ui-block-shadow);
    --panel-sidebar-list-group-border-radius: var(--ui-block-border-radius);
    --panel-home-domain-bg: var(--ui-block-bg);
    --panel-home-domain-title-color: var(--text-heading-color);
    --panel-home-domain-text-color: var(--text-body-color);
    --product-details-bg: var(--primary-block-bg);
    --product-details-title-color: var(--text-secondary-heading-color);
    --product-details-title-font-size: var(--font-size-h4);
    --product-details-title-font-weight: var(--font-weight-h4);
    --product-details-title-line-height: var(--line-height-h4);
    --product-details-text-color: var(--text-secondary-body-color);
    --panel-accordion-heading-bg: transparent;
    --panel-accordion-hover-border-color: var(--brand-primary);
    --panel-accordion-active-border-color: var(--brand-primary);
    --panel-accordion-active-heading-color: var(--ui-nav-link-active-color);
    --search-field-icon-color: var(--gray-icons);
    --search-field-combined-icon-color: var(--brand-primary);
    --search-group-max-width: var(--max-width-md);
    --tile-min-height: 182px;
    --tile-padding: var(--ui-padding-base-v) var(--ui-block-padding-base);
    --tile-bg: var(--ui-block-bg);
    --tile-bg-color: var(--ui-block-bg);
    --tile-border-radius: var(--ui-block-border-radius);
    --tile-box-shadow: var(--ui-block-shadow);
    --tile-border: var(--ui-block-border);
    --tile-border-color-hover: var(--brand-primary);
    --tile-icon-font-size: var(--font-size-h3);
    --tile-icon-color: var(--gray-icons);
    --tile-stat-color: var(--text-primary-color);
    --tile-stat-font-size: 62px;
    --tile-stat-sm-font-size: 48px;
    --tile-stat-font-weight: var(--font-weight-light);
    --tile-title-color: var(--text-heading-color);
    --tile-title-font-size: var(--font-size-h6);
    --tile-title-font-weight: var(--font-weight-base);
    --tile-title-line-height: var(--line-height-h6);
    --tile-sm-stat-font-size: var(--font-size-h2);
    --tile-sm-title-font-size: var(--font-size-base);
    --tile-hover-bg: var(--ui-block-bg);
    --tile-hover-shadow: var(--box-shadow-base);
    --tile-hover-transform: translate3d(0, -8px, 0);
    --tile-mob-stat-font-size: var(--font-size-h2);
    --tile-mob-title-font-size: var(--font-size-base);
    --tile-sm-mob-stat-font-size: var(--font-size-xxlg);
    --tile-sm-mob-title-font-size: var(--font-size-sm);
    --login-logo-height: 56px;
    --login-width: var(--max-width-xs);
    --login-lg-width: var(--max-width-md);
    --login-bg: var(--ui-block-bg);
    --login-footer-bg: transparent;
    --login-border: var(--ui-block-border);
    --login-border-radius: var(--ui-block-border-radius);
    --login-box-shadow: var(--ui-block-shadow);
    --login-padding: var(--spacing-4x);
    --login-mob-padding: var(--spacing-3x);
    --login-header-margin-bottom: var(--spacing-6x);
    --login-title-color: var(--text-heading-color);
    --login-title-font-size: var(--font-size-h3);
    --login-title-font-weight: var(--font-weight-h3);
    --login-title-line-height: var(--line-height-h3);
    --login-desc-color: var(--text-lighter-color);
    --login-desc-font-size: var(--font-size-base);
    --login-desc-font-weight: var(--font-weight-base);
    --login-link-color: var(--link-color);
    --login-sidebar-box-shadow: var(--ui-block-shadow-lg);
    --login-sidebar-desc-lighter-color: var(--primary-block-text-faded-color);
    --login-sidebar-desc-font-size: var(--font-size-lg);
    --login-sidebar-desc-font-weight: var(--font-weight-light);
    --login-sidebar-desc-line-height: var(--line-height-lg);
    --login-sidebar-bullet-bg: var(--primary-block-dot-nav-bg);
    --login-sidebar-bullet-hover-bg: var(--primary-block-dot-nav-hover-bg);
    --login-sidebar-bullet-active-bg: var(--primary-block-dot-nav-active-bg);
    --package-bg: var(--ui-block-bg);
    --package-border: var(--ui-block-border);
    --package-border-radius: var(--ui-block-border-radius);
    --package-block-shadow: var(--ui-block-shadow-lg);
    --package-title-font-size: var(--font-size-h4);
    --package-title-font-weight: var(--font-weight-h4);
    --package-title-line-height: var(--line-height-h4);
    --package-title-spacing-bottom: var(--spacing-2x);
    --package-desc-color: var(--font-size-lg);
    --package-desc-font-size: var(--font-size-lg);
    --package-desc-line-height: var(--line-height-lg);
    --package-desc-font-weight: var(--font-weight-light);
    --package-hover-block-shadow: var(--ui-block-shadow-xlg);
    --package-active-border-color: var(--panel-active-border-color);
    --package-active-shadow-inset: inset 0 0 0 1px var(--package-active-border-color);
    --package-btn-min-width: 168px;
    --package-padding: var(--spacing-4x);
    --package-element-spacing: var(--spacing-3x);
    --package-sm-title-font-size: var(--font-size-h6);
    --package-sm-title-line-height: var(--line-height-h6);
    --package-sm-title-font-weight: var(--font-weight-h6);
    --package-desc-sm-font-size: var(--font-size-base);
    --package-desc-sm-line-height: var(--line-height-md);
    --package-desc-sm-font-weight: var(--font-weight-base);
    --package-sm-padding: var(--spacing-3x);
    --package-sm-element-spacing: var(--spacing-2x);
    --price-color: var(--text-heading-color);
    --price-font-size: var(--font-size-h3);
    --price-font-weight: var(--font-weight-bold);
    --price-line-height: var(--line-height-h3);
    --price-currency-font-size: var(--font-size-xlg);
    --price-currency-font-weight: var(--font-weight-light);
    --price-currency-line-height: var(--line-height-xlg);
    --price-cycle-color: var(--text-body-color);
    --price-cycle-font-size: var(--font-size-xs);
    --price-cycle-line-height: var(--line-height-xs);
    --price-cycle-font-weight: var(--font-weight-base);
    --price-savings-color: #F12F75;
    --price-savings-background: #FFE7EC;
    --price-savings-font-size: var(--font-size-xs);
    --price-savings-font-weight: var(--font-weight-base);
    --price-savings-line-height: var(--line-height-xs);
    --price-title-color: var(--text-body-color);
    --price-title-font-size: var(--font-size-sm);
    --price-title-line-height: var(--line-height-sm);
    --price-title-font-weight: var(--font-weight-base);
    --price-lg-font-size: var(--font-size-h2);
    --price-lg-font-weight: var(--font-weight-bold);
    --price-lg-line-height: var(--line-height-h2);
    --price-lg-currency-font-size: var(--font-size-xxlg);
    --price-lg-currency-font-weight: var(--font-weight-light);
    --price-lg-currency-line-height: var(--line-height-xxlg);
    --price-sm-font-size: var(--font-size-h4);
    --price-sm-font-weight: var(--font-weight-bold);
    --price-sm-line-height: var(--line-height-h4);
    --price-sm-currency-font-size: var(--font-size-md);
    --price-sm-currency-font-weight: var(--font-weight-light);
    --price-sm-currency-line-height: var(--line-height-md);
    --price-xs-font-size: var(--font-size-h5);
    --price-xs-font-weight: var(--font-weight-light);
    --price-xs-line-height: var(--line-height-h5);
    --price-xs-currency-font-size: var(--font-size-xlg);
    --price-xs-currency-font-weight: var(--font-weight-light);
    --price-xs-currency-line-height: var(--line-height-xlg);
    --range-slider-height: 18px;
    --range-slider-bg: var(--gray-lighter-4);
    --range-slider-fill-bg: var(--brand-primary);
    --range-slider-border-radius: var(--border-radius-sm);
    --range-slider-spacing-h: var(--spacing-3x);
    --range-slider-handle-bg: #fff;
    --range-slider-handle-box-shadow: var(--box-shadow-base);
    --range-slider-handle-height: 32px;
    --range-slider-handle-width: 42px;
    --range-slider-handle-border-radius: var(--border-radius-sm);
    --range-slider-handle-border: none;
    --range-slider-handle-hover-bg: var(--gray-lighter-4);
    --range-slider-handle-hover-border: none;
    --range-slider-handle-hover-shadow: var(--box-shadow-lg);
    --range-slider-value-bg: var(--brand-secondary);
    --range-slider-value-color: var(--text-secondary-body-color);
    --range-slider-value-font-size: var(--font-size-lg);
    --range-slider-value-sm-color: var(--text-lighter-color);
    --range-slider-value-sm-font-size: var(--font-size-xs);
    --range-slider-value-sm-line-height: var(--line-height-xs);
    --range-slider-value-min-width: 28px;
    --range-slider-value-active-color: var(--brand-primary);
    --range-slider-value-active-border: var(--brand-primary);
    --range-slider-price-font-size: var(--font-size-xxlg);
    --range-slider-price-line-height: var(--line-height-md);
    --range-slider-price-spacing: var(--spacing-2x) 0;
    --range-slider-price-font-weight: var(--font-weight-base);
    --range-slider-price-color: var(--brand-primary);
    --range-slider-price-suffix-opacity: 0.64;
    --range-slider-actions-height: 32px;
    --range-slider-actions-border-color: var(--ui-block-border-color);
    --range-slider-actions-border-radius: var(--border-radius-sm);
    --range-slider-actions-active-border-color: var(--brand-primary-lighter);
    --cokie-bg: var(--ui-block-overlay-bg);
    --cookie-width: 310px;
    --cookie-position: 30px;
    --ticket-reply-staff-bg: var(--ui-block-overlay-bg);
    --ticket-reply-staff-border: var(--ui-block-divider-color);
    --ticket-reply-staff-header-bg: transparent;
    --ticket-reply-staff-header-border: transparent;
    --ticket-reply-staff-header-border: var(--ui-block-divider-color);
    --bg-color-transparent: transparent;
    --loader-bg: var(--brand-primary);
    --loader-light-bg: #fff;
    --loader-bars-height: 40px;
    --loader-bars-width: 4px;
    --loader-bars-sm-height: 20px;
    --loader-bars-sm-width: 2px;
}

@media (max-width: 767px) {
    :root {
        --login-logo-height: 44px;
    }
}

:root {
    --input-font-family: var(--font-family-base);
    --input-font-weight: var(--font-weight-base);
    --input-font-size: var(--btn-base-font-size);
    --input-line-height: var(--btn-base-line-height);
    --input-xs-font-size: var(--btn-xs-font-size);
    --input-xs-line-height: var(--btn-xs-line-height);
    --input-xs-border-radius: var(--btn-xs-border-radius);
    --input-sm-font-size: var(--btn-sm-font-size);
    --input-sm-line-height: var(--btn-sm-line-height);
    --input-sm-border-radius: var(--btn-sm-border-radius);
    --input-lg-border-radius: var(--btn-lg-border-radius);
    --input-lg-font-weight: var(--font-weight-light);
    --input-lg-font-size: var(--btn-lg-font-size);
    --input-lg-line-height: var(--btn-lg-line-height);
    --input-xlg-border-radius: var(--btn-xlg-border-radius);
    --input-xlg-font-weight: var(--font-weight-light);
    --input-xlg-font-size: var(--btn-xlg-font-size);
    --input-xlg-line-height: var(--btn-xlg-line-height);
    --input-border-width: 1px;
    --input-border: var(--input-border-width) solid var(--input-border-color);
    --input-border-radius: var(--btn-base-border-radius);
    --input-focus-box-shadow: var(--input-btn-focus-box-shadow);
    --input-box-shadow: inset 0 1px 1px rgba(#000, .075);
    --input-focus-width: var(--input-btn-focus-box-shadow);
    --input-btn-focus-width: 4px;
    --input-btn-focus-color: #000;
    --input-btn-focus-box-shadow: 0 0 0 var(--input-btn-focus-width) var(--input-btn-focus-color);
    --input-label-color: var(--gray-base);
    --input-label-font-size: var(--font-size-base);
    --input-label-font-weight: var(--font-weight-base);
    --input-label-margin-bottom: var(--spacing-1x);
    --input-bg: #fff;
    --input-border-color: var(--gray-lighter-3);
    --input-color: var(--text-heading-color);
    --input-color-placeholder: var(--text-lighter-color);
    --input-hover-bg: #fff;
    --input-hover-border-color: var(--gray-lighter-2);
    --input-hover-color: var(--text-heading-color);
    --input-hover-placeholder-color: var(--text-lighter-color);
    --input-focus-bg: #fff;
    --input-focus-border-color: var(--brand-primary);
    --input-focus-color: var(--text-heading-color);
    --input-focus-placeholder-color: var(--text-lighter-color);
    --input-disabled-bg: var(--gray-faded);
    --input-disabled-border-color: var(--gray-lighter-3);
    --input-disabled-color: var(--text-heading-color);
    --input-disabled-color-placeholder: var(--text-lighter-color);
    --icheck-bg: #fff;
    --icheck-border-width: 2px;
    --icheck-size: 18px;
    --icheck-border-color: var(--gray-lighter-3);
    --icheck-hover-bg: var(--gray-faded);
    --icheck-hover-border-color: var(--gray-lighter-2);
    --icheck-active-bg: var(--brand-primary);
    --icheck-active-border-color: var(--brand-primary);
    --icheck-active-icon-color: #fff;
    --icheck-disabled-bg: var(--gray-lighter-2);
    --icheck-disabled-border-color: var(--gray-lighter-2);
    --icheck-border-radius: var(--border-radius-sm);
    --icheck-border: var(--icheck-border-width) solid var(--icheck-border-color);
    --checkbox-spacing: var(--spacing-2x);
    --input-group-addon-bg: var(--gray-lighter-4);
    --input-group-addon-border-color: var(--input-border);
    --input-group-spacing-base: var(--spacing-2x);
    --input-group-spacing-lg: var(--spacing-3x);
    --input-group-spacing-sm: var(--spacing-1x);
    --form-group-margin-bottom: 12px;
    --form-check-input-gutter: 20px;
    --form-check-input-margin-y: 5px;
    --form-check-inline-margin-x: 12px;
    --form-check-inline-input-margin-x: 5px;
    --legend-color: var(--gray-darker);
    --legend-border-color: #e5e5e5;
    --cursor-disabled: not-allowed;
    --form-text-margin-top: var(--spacing-1x);
    --form-feedback-margin-top: var(--form-text-margin-top);
    --form-feedback-font-size: var(--font-size-sm);
    --form-feedback-valid-color: var(--brand-success);
    --form-feedback-invalid-color: var(--brand-danger);
    --form-feedback-icon-valid-color: var(--form-feedback-valid-color);
    --form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#36C055' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
    --form-feedback-icon-invalid-color: var(--form-feedback-invalid-color);
    --form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#d92632' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>");
    --form-feedback-tooltip-padding-y: var(--tooltip-padding-y);
    --form-feedback-tooltip-padding-x: var(--tooltip-padding-x);
    --form-feedback-tooltip-font-size: var(--tooltip-font-size);
    --form-feedback-tooltip-line-height: var(--line-height-base);
    --form-feedback-tooltip-opacity: var(--tooltip-opacity);
    --form-feedback-tooltip-border-radius: var(--tooltip-border-radius);
    --form-grid-gutter-width: 10px;
    --select-option-color: var(--text-body-color);
    --select-option-bg: #fff;
}

:root {
    --spacing-0x: 0px;
    --spacing-1x: 8px;
    --spacing-2x: calc(2 * var(--spacing-1x));
    --spacing-3x: calc(3 * var(--spacing-1x));
    --spacing-4x: calc(4 * var(--spacing-1x));
    --spacing-5x: calc(5 * var(--spacing-1x));
    --spacing-6x: calc(6 * var(--spacing-1x));
    --spacing-7x: calc(7 * var(--spacing-1x));
    --spacing-8x: calc(8 * var(--spacing-1x));
    --spacing-9x: calc(9 * var(--spacing-1x));
    --spacing-10x: calc(10 * var(--spacing-1x));
    --spacing-11x: calc(11 * var(--spacing-1x));
    --spacing-12x: calc(12 * var(--spacing-1x));
    --spacing-13x: calc(13 * var(--spacing-1x));
    --spacing-14x: calc(14 * var(--spacing-1x));
    --spacing-15x: calc(15 * var(--spacing-1x));
    --border-radius-none: 0px;
    --border-radius-xs: 3px;
    --border-radius-sm: 4px;
    --border-radius-base: 6px;
    --border-radius-lg: 8px;
    --border-radius-xlg: 12px;
    --border-width-base: 1px;
    --box-shadow-none: none;
    --box-shadow-xs: 0 1px 1px rgba(0, 0, 0, .05);
    --box-shadow-sm: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 16px rgba(0, 0, 0, 0.08);
    --box-shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.08);
    --box-shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 32px rgba(0, 0, 0, 0.08);
    --box-shadow-xlg: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 16px 40px rgba(0, 0, 0, 0.16);
    --ui-height-xs: 30px;
    --ui-height-sm: 36px;
    --ui-height-base: 44px;
    --ui-height-lg: 56px;
    --ui-height-xlg: 64px;
    --ui-padding-base-v: var(--spacing-1x);
    --ui-padding-base-h: var(--spacing-2x);
    --ui-padding-xs-v: 2px;
    --ui-padding-xs-h: var(--spacing-1x);
    --ui-padding-sm-v: 4px;
    --ui-padding-sm-h: var(--spacing-2x);
    --ui-padding-lg-v: var(--spacing-1x);
    --ui-padding-lg-h: var(--spacing-3x);
    --ui-padding-xlg-v: var(--spacing-1x);
    --ui-padding-xlg-h: var(--spacing-4x);
    --ui-block-bg: #fff;
    --ui-block-overlay-bg: rgba(255, 255, 255, .78);
    --ui-block-overlay-bg-2: #fff;
    --ui-block-bg-form: var(--ui-block-bg);
    --ui-block-border-color: transparent;
    --ui-block-border-radius: var(--border-radius-base);
    --ui-block-border-radius-lg: var(--border-radius-lg);
    --ui-block-shadow: var(--box-shadow-base);
    --ui-block-shadow-lg: var(--box-shadow-lg);
    --ui-block-shadow-xlg: var(--box-shadow-xlg);
    --ui-block-border: none;
    --ui-block-header-height: 56px;
    --ui-block-header-bg: transparent;
    --ui-block-secondary-divider-border-color: hsla(0, 0%, 100%, 12%);
    --ui-block-divider-color: var(--gray-lighter-4);
    --ui-block-divider-border: 1px solid var(--ui-block-divider-color);
    --ui-block-link-hover-bg: var(--brand-primary-lighter-4);
    --ui-block-link-active-bg: var(--brand-primary-lighter-4);
    --ui-block-link-disabled-color: var(--text-lighter-color);
    --ui-block-overlay-shadow: var(--box-shadow-lg);
    --ui-nav-link-bg: transparent;
    --ui-nav-link-border-radius: var(--border-radius-sm);
    --ui-nav-link-hover-bg: transparent;
    --ui-nav-link-active-bg: var(--brand-primary-lighter-4);
    --ui-nav-link-icon-size: 18px;
    --ui-nav-link-icon-size-sm: 12px;
    --ui-nav-link-icon-spacing: 10px;
    --ui-nav-link-icon-spacing-lg: 16px;
    --ui-nav-h-link-padding-h: var(--spacing-2x);
    --ui-nav-v-link-padding-v: 6px;
    --ui-nav-v-link-padding-h: 0px;
    --ui-nav-v-link-hover-padding-h: 12px;
    --ui-nav-v-link-active-padding-h: 12px;
    --ui-block-padding-base: var(--spacing-3x);
    --ui-block-padding-base-v: var(--spacing-2x);
    --ui-block-padding-sm: var(--spacing-2x);
    --ui-block-padding-sm-v: var(--spacing-1x);
    --ui-block-padding-lg: var(--spacing-4x);
    --ui-block-padding-lg-v: var(--spacing-3x);
    --ui-block-padding-xlg: var(--spacing-6x);
    --ui-block-padding-xlg-v: var(--spacing-4x);
    --ui-block-spacing-xs: var(--spacing-1x);
    --ui-block-spacing-sm: var(--spacing-2x);
    --ui-block-spacing-base: var(--spacing-3x);
    --ui-block-spacing-lg: var(--spacing-4x);
    --ui-block-spacing-xlg: var(--spacing-5x);
    --state-success-bg: var(--brand-success-lighter-4);
    --state-success-border: var(--brand-success-lighter-3);
    --state-success-text: var(--brand-success-darker);
    --state-info-bg: var(--brand-info-lighter-3);
    --state-info-border: var(--brand-info-lighter-2);
    --state-info-text: var(--brand-info);
    --state-warning-bg: var(--brand-warning-lighter-4);
    --state-warning-border: var(--brand-warning-lighter-2);
    --state-warning-text: var(--brand-warning-darker);
    --state-danger-bg: var(--brand-danger-lighter-4);
    --state-danger-border: var(--brand-danger-lighter-3);
    --state-danger-text: var(--brand-danger-darker);
    --label-color: #fff;
    --label-link-hover-color: #fff;
    --label-default-bg: var(--gray-faded);
    --label-default-color: var(--gray-lighter);
    --label-primary-bg: var(--brand-primary);
    --label-primary-color: #fff;
    --label-secondary-bg: var(--brand-secondary);
    --label-secondary-color: #fff;
    --label-success-bg: var(--brand-success-lighter-3);
    --label-success-color: var(--brand-success-darker);
    --label-info-bg: var(--brand-info-lighter-3);
    --label-info-color: var(--brand-info);
    --label-warning-bg: var(--brand-warning-lighter-3);
    --label-warning-color: var(--brand-warning-darker);
    --label-danger-bg: var(--brand-danger-lighter-2);
    --label-danger-color: var(--brand-danger);
    --label-purple-bg: #b3a3de;
    --label-purple-color: #fff;
    --label-savings-bg: #FFE7EC;
    --label-savings-color: #F12F75;
    --label-text-transform: uppercase;
    --label-margin-bottom: 5px;
    --tickets-label-color: #fff;
    --label-xxs-font-size: 10px;
    --label-xs-font-size: var(--font-size-xs);
    --label-sm-font-size: var(--font-size-xs);
    --label-font-size: var(--font-size-sm);
    --label-lg-font-size: var(--font-size-base);
    --label-xxs-line-height: var(--line-height-xs);
    --label-xs-line-height: var(--line-height-xs);
    --label-sm-line-height: var(--line-height-xs);
    --label-line-height: var(--line-height-sm);
    --label-lg-line-height: var(--line-height-base);
    --label-xxs-padding: 1px 6px;
    --label-xs-padding: 1px 6px;
    --label-sm-padding: 3px 6px;
    --label-padding: 4px 6px;
    --label-lg-padding: 6px 8px;
    --label-xxs-border-radius: var(--border-radius-xs);
    --label-xs-border-radius: var(--border-radius-xs);
    --label-sm-border-radius: var(--border-radius-sm);
    --label-border-radius: var(--border-radius-sm);
    --label-lg-border-radius: var(--border-radius-base);
    --label-icon-size: 10px;
    --status-pending-transfer: var(--brand-warning-darker);
    --status-pending: var(--brand-warning-darker);
    --status-active: var(--brand-success);
    --status-suspended: var(--brand-danger-lighter);
    --status-customer-reply: var(--brand-warning-darker);
    --status-fraud: var(--gray-darker);
    --status-answered: #7b4f9d;
    --status-expired: #004258;
    --status-grace: var(--brand-warning-darker);
    --status-terminated: var(--gray-lighter);
    --status-onhold: var(--brand-info);
    --status-inprogress: var(--brand-danger-lighter);
    --status-closed: var(--gray-lighter-2);
    --status-paid: var(--brand-success);
    --status-unpaid: var(--brand-danger);
    --status-cancelled: var(--gray-lighter-2);
    --status-collections: #2c3e50;
    --status-refunded: var(--brand-warning);
    --status-payment-pending: var(--brand-info);
    --status-accepted: var(--brand-success);
    --status-lost: var(--gray-darker);
    --status-default: var(--gray-base);
    --status-type-operator: var(--label-info-bg);
    --status-type-operator-text-color: var(--label-info-color);
    --status-type-owner: var(--label-success-bg);
    --status-type-owner-text-color: var(--label-success-color);
    --status-type-authorizeduser: var(--label-default-bg);
    --status-type-authorizeduser-text-color: var(--label-default-color);
    --status-type-registereduser: var(--label-warning-bg);
    --status-type-registereduser-text-color: var(--label-warning-color);
    --status-type-guest: var(--label-default-bg);
    --status-type-guest-text-color: var(--label-default-color);
    --transition-base: .24s ease;
    --transition-fade: opacity .15s linear;
    --transition-collapse: height .35s ease;
    --zindex-navbar: 1000;
    --zindex-dropdown: 1000;
    --zindex-popover: 1001;
    --zindex-tooltip: 1001;
    --zindex-sticky: 1020;
    --zindex-navbar-fixed: 1030;
    --zindex-fixed: 1030;
    --zindex-modal-background: 1040;
    --zindex-modal-backdrop: 1040;
    --zindex-modal: 1050;
    --zindex-popover: 1060;
    --zindex-tooltip: 1070;
    --caret-width-base: 4px;
    --caret-width-large: 5px;
    --caret-width: .3em;
    --caret-vertical-align: var(--caret-width) * .85;
    --caret-spacing: var(--caret-width) * .85;
    --ui-icon-color: var(--gray-icons);
    --ui-icon-size-base: 18px;
    --ui-icon-size-small: 12px;
    --scrollbar-width: 6px;
    --scrollbar-track-bg: var(--gray-lighter);
    --scrollbar-thumb-bg: var(--gray-lighter-3);
    --scrollbar-thumb-hover-bg: var(--gray-lighter-2);
    --scrollbar-secondary-track-bg: rgba(255, 255, 255, 0.1);
    --scrollbar-secondary-thumb-bg: rgba(255, 255, 255, 0.32);
    --scrollbar-secondary-thumb-hover-bg: rgba(255, 255, 255, 0.48);
    --max-width-xs: 380px;
    --max-width-sm: 548px;
    --max-width-md: 768px;
    --max-width-lg: 928px;
    --container-xl-max-width: 1288px;
    --container-lg-max-width: 960px;
    --container-md-max-width: 720px;
    --container-sm-max-width: 540px;
    --ui-gutter-base: var(--spacing-3x);
    --ui-gutter-sm: var(--spacing-2x);
    --ui-gutter-lg: var(--spacing-4x);
    --ui-gutter-xlg: var(--spacing-5x);
}

@media (max-width: 767px) {
    :root {
        --ui-gutter-base: var(--spacing-2x);
        --ui-gutter-sm: var(--spacing-1x);
        --ui-gutter-lg: var(--spacing-3x);
        --ui-gutter-xlg: var(--spacing-4x);
        --ui-block-spacing-sm: calc(var(--spacing-1x)2/);
        --ui-block-spacing-sm: var(--spacing-1x);
        --ui-block-spacing-base: var(--spacing-2x);
        --ui-block-spacing-lg: var(--spacing-3x);
        --ui-block-spacing-xlg: var(--spacing-4x);
        --ui-block-padding-base: var(--spacing-2x);
        --ui-block-padding-base-v: var(--spacing-2x);
        --ui-block-padding-sm: var(--spacing-2x);
        --ui-block-padding-sm-v: var(--spacing-1x);
        --ui-block-padding-lg: var(--spacing-3x);
        --ui-block-padding-lg-v: var(--spacing-2x);
        --ui-block-padding-xlg: var(--spacing-4x);
        --ui-block-padding-xlg-v: var(--spacing-3x);
    }
}

@-moz-document url-prefix() {
    :root {
        --ui-block-overlay-bg: rgba(255, 255, 255, .87);
    }
}

:root {
    --svg-icon-stroke-width: 2px;
    --svg-illustration-shadow-color: #000;
    --svg-illustration-shadow-opacity-start: 0.15;
    --svg-icon-color-base: var(--brand-primary);
    --svg-icon-color-lighter: var(--brand-primary-lighter);
    --svg-icon-color-secondary: var(--gray-darker);
    --svg-icon-color-icon: #ffffff;
    --svg-icon-on-dark-color-secondary: #ffffff;
    --svg-icon-on-primary-color-base: #ffffff;
    --svg-icon-on-primary-color-lighter: #DEE0E3;
    --svg-icon-on-primary-color-secondary: #ffffff;
    --svg-icon-on-primary-color-icon: var(--brand-primary);
    --svg-screen-top-bg: var(--svg-illustration-primary-1);
    --svg-screen-top-front: var(--svg-illustration-gray-2);
    --svg-screen-top-back: var(--svg-illustration-gray-1);
    --svg-screen-top-logo: var(--svg-illustration-gray-w);
    --svg-screen-top-logo-el: var(--svg-illustration-primary-1);
    --svg-screen-bottom-button: var(--svg-illustration-gray-3);
    --svg-screen-bottom-front: var(--svg-illustration-gray-7);
    --svg-screen-bottom-back: var(--svg-illustration-gray-3);
    --svg-screen-leg-front: var(--svg-illustration-gray-7);
    --svg-screen-leg-back: var(--svg-illustration-gray-3);
    --svg-smartphone-border: var(--svg-illustration-gray-3);
    --svg-smartphone-front: var(--svg-illustration-gray-6);
    --svg-smartphone-screen: var(--svg-illustration-gray-1);
    --svg-smartphone-icon: var(--svg-illustration-gray-1);
    --svg-smartphone-icon-bg: var(--svg-illustration-gray-w);
    --svg-tablet-back: var(--svg-illustration-gray-3);
    --svg-tablet-front: var(--svg-illustration-gray-8);
    --svg-tablet-screen: var(--svg-illustration-gray-w);
    --svg-browser-body: var(--svg-illustration-gray-8);
    --svg-browser-top: var(--svg-illustration-gray-3);
    --svg-browser-top-1: var(--svg-illustration-gray-w);
    --svg-browser-text: var(--svg-illustration-gray-3);
    --svg-browser-banner: var(--svg-illustration-gray-w);
    --svg-laptop-bottom-back: var(--svg-illustration-gray-3);
    --svg-laptop-bottom-top: var(--svg-illustration-gray-7);
    --svg-laptop-touchpad-inside: var(--svg-illustration-gray-3);
    --svg-laptop-touchpad-outside: rgba(0, 0, 0, 0.4);
    --svg-laptop-screen: var(--svg-illustration-primary-1);
    --svg-laptop-screen-logo: var(--svg-illustration-gray-w);
    --svg-laptop-screen-back: var(--svg-illustration-gray-1);
    --svg-laptop-screen-front: var(--svg-illustration-gray-2);
    --svg-keyboard-keys-bottom: var(--svg-illustration-gray-3);
    --svg-keyboard-keys-top: var(--svg-illustration-gray-w);
    --svg-keyboard-body-top: var(--svg-illustration-gray-3);
    --svg-keyboard-body-bottom: var(--svg-illustration-gray-7);
    --svg-weebly-cup-body: var(--svg-illustration-gray-3);
    --svg-weebly-cup-top: var(--svg-illustration-gray-8);
    --svg-weebly-cup-inside: var(--svg-illustration-gray-3);
    --svg-weebly-left-elements: var(--svg-illustration-gray-3);
    --svg-weebly-left-elements-bottom: var(--svg-illustration-gray-8);
    --svg-weebly-left-body: var(--svg-illustration-gray-8);
    --svg-weebly-colors-bottom: var(--svg-illustration-yellow-1);
    --svg-weebly-colors-top: var(--svg-illustration-yellow-2);
    --svg-weebly-colors-top-1: var(--svg-illustration-gray-w);
    --svg-weebly-colors-top-2: var(--svg-illustration-yellow-3);
    --svg-weebly-colors-top-3: var(--svg-illustration-yellow-4);
    --svg-graphic-shadow: var(--box-shadow-lg);
    --svg-graphic-bg-primary: var(--brand-primary);
    --svg-graphic-bg-secondary: var(--svg-illustration-gray-2);
    --svg-graphic-bg-body: #fff;
    --svg-graphic-bg-browser-top: var(--svg-illustration-gray-8);
    --svg-graphic-bg-browser-actions: var(--svg-illustration-gray-3);
    --svg-graphic-bg-browser-search: #fff;
    --svg-graphic-bg-banner: var(--svg-illustration-gray-8);
    --svg-graphic-bg-faded: var(--svg-illustration-gray-8);
    --svg-graphic-bg-faded-2: var(--svg-illustration-gray-6);
    --svg-graphic-bg-faded-3: var(--svg-illustration-gray-3);
    --svg-graphic-bg-white: #fff;
    --svg-graphic-bg-green: var(--brand-success);
    --svg-graphic-bg-red: var(--brand-danger);
    --svg-graphic-bg-red-darker: var(--brand-danger-darker);
    --svg-graphic-stroke-primary: var(--brand-primary);
    --svg-graphic-stroke-white: #fff;
    --svg-graphic-stroke-faded: var(--svg-illustration-gray-3);
    --svg-graphic-stroke-faded-2: var(--svg-illustration-gray-3);
    --svg-icon-color-1: var(--brand-primary-lighter);
    --svg-icon-color-2: var(--brand-primary);
    --svg-icon-color-3: var(--gray-darker);
    --svg-icon-color-4: #ffffff;
    --svg-icon-color-5: var(--gray-lighter-3);
    --svg-icon-on-dark-color-1: var(--svg-icon-color-4);
    --svg-icon-on-dark-color-2: var(--svg-icon-color-5);
    --svg-icon-on-dark-color-3: var(--svg-icon-color-4);
    --svg-icon-on-dark-color-4: var(--svg-icon-color-2);
}

:root {
    --main-top-bg: #fff;
    --main-top-border-bottom: 1px solid var(--ui-block-divider-color);
    --main-top-box-shadow: none;
    --main-top-padding: 4px 0;
    --main-body-padding-v: var(--spacing-6x);
    --main-body-sidebar-width: 32%;
    --main-body-sidebar-padding-h: var(--spacing-6x);
    --main-body-sidebar-padding-v: var(--spacing-6x);
    --main-body-sidebar-content-bg: #fff;
    --main-header-padding-v: var(--spacing-6x);
    --main-header-title-color: var(--text-heading-color);
    --main-header-title-font-size: var(--font-size-h2);
    --main-header-title-font-weight: var(--font-weight-h2);
    --main-header-title-line-height: var(--line-height-h2);
    --main-header-breadcrumb-font-size: var(--font-size-sm);
    --main-header-breadcrumb-color: var(--text-lighter-color);
    --main-header-breadcrumb-color-active: var(--gray-base);
    --main-header-label-bg: var(--gray-faded);
    --main-header-label-desc-color: var(--gray-base);
    --main-header-label-name-color: var(--gray-darker);
    --main-header-banner-bg: var(--gray-gradient-h);
    --main-header-banner-title-color: var(--text-heading-color);
    --main-header-banner-breadcrumb-color: var(--text-lighter-color);
    --main-header-banner-breadcrumb-color-active: var(--text-body-color);
    --main-header-banner-label-bg: var(--gray-lighter-4);
    --main-header-banner-label-desc-color: var(--gray-base);
    --main-header-banner-label-name-color: var(--gray-darker);
    --main-sidebar-sticky-top: var(--spacing-3x);
    --main-sidebar-width: 280px;
    --main-sidebar-spacing-h: var(--spacing-5x);
    --main-sidebar-right-spacing-h: var(--spacing-5x);
    --main-sidebar-lg-width: 340px;
    --main-footer-bg: #fff;
    --main-footer-border-top: var(--ui-block-divider-border);
    --main-footer-box-shadow: none;
    --main-footer-link-font-size: var(--font-size-lg);
    --main-footer-link-line-height: var(--line-height-lg);
    --main-footer-link-font-weight: var(--font-weight-light);
    --main-footer-link-padding-h: 0;
    --main-footer-link-padding-v: var(--ui-nav-v-link-padding-v);
    --main-footer-link-color: var(--ui-nav-secondary-link-color);
    --main-footer-link-hover-color: var(--ui-nav-secondary-link-hover-color);
    --main-footer-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --main-footer-link-icon-color: var(--ui-nav-secondary-link-icon-color);
    --main-footer-link-icon-hover-color: var(--ui-nav-secondary-link-icon-hover-color);
    --main-footer-link-icon-size: 18px;
    --main-footer-h-link-padding-v: var(--spacing-1x);
    --main-footer-h-link-padding-h: var(--spacing-2x);
    --main-footer-extended-padding: var(--spacing-9x);
    --main-footer-extended-border-top: var(--main-footer-border-top);
    --main-footer-extended-spacing: var(--spacing-3x);
    --main-footer-extended-company-margin-right: var(--spacing-8x);
    --main-footer-extended-title-color: var(--text-heading-color);
    --main-footer-extended-title-font-size: var(--font-size-xlg);
    --main-footer-extended-title-line-height: var(--line-height-lg);
    --main-footer-extended-title-font-weight: var(--font-weight-base);
    --main-footer-extended-title-margin-bottom: var(--spacing-2x);
    --main-footer-extended-desc-color: var(--text-body-color);
    --main-footer-extended-desc-font-size: var(--font-size-base);
    --main-footer-extended-desc-line-height: var(--line-height-base);
    --main-footer-extended-desc-font-weight: var(--font-weight-light);
    --main-footer-extended-desc-margin: var(--spacing-5x) 0 var(--spacing-2x) 0;
    --main-footer-extended-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --main-footer-extended-side-min-width: 240px;
    --layout-container-gutter: 40px;
    --layout-left-container-gutter: 40px;
    --ca-section-spacing: var(--spacing-6x);
    --ca-section-header-margin-bottom: var(--spacing-3x);
    --ca-section-title-color: var(--text-heading-color);
    --ca-section-title-font-size: var(--font-size-h4);
    --ca-section-title-font-weight: var(--font-weight-h4);
    --ca-section-title-line-height: var(--line-height-h4);
    --ca-section-desc-color: var(--text-body-color);
    --ca-section-desc-font-size: var(--font-size-base);
    --ca-section-desc-font-weight: var(--font-weight-base);
    --ca-section-desc-line-height: var(--line-height-base);
    --ca-section-sm-spacing: var(--spacing-4x);
    --ca-section-sm-title-font-size: var(--font-size-h5);
    --ca-section-sm-title-font-weight: var(--font-weight-h5);
    --ca-section-sm-title-line-height: var(--line-height-h5);
}

@media (max-width: 1319px) {
    :root {
        --main-sidebar-spacing-h: var(--spacing-4x);
        --main-body-sidebar-width: 40%;
        --main-footer-extended-side-min-width: 160px;
    }
}

@media (max-width: 991px) {
    :root {
        --main-footer-extended-desc-margin: var(--spacing-1x) 0 0 0;
        --main-footer-extended-spacing: var(--spacing-2x);
    }
}

@media (max-width: 767px) {
    :root {
        --main-body-padding-v: var(--spacing-5x);
        --main-header-padding-v: var(--spacing-5x);
        --main-body-sidebar-padding-h: var(--spacing-4x);
        --main-body-sidebar-padding-v: var(--spacing-4x);
        --ca-section-spacing: var(--spacing-4x);
        --main-footer-extended-padding: var(--spacing-6x);
    }
}

@media (max-width: 479px) {
    :root {
        --layout-container-gutter: 24px;
    }
}

:root {
    --app-nav-logo-height: 42px;
    --app-nav-logo-width: 100%;
    --app-nav-header-height: calc(var(--app-nav-logo-height) + var(--spacing-4x));
    --app-nav-top-bg: #fff;
    --app-nav-navbar-bg: var(--app-nav-top-bg);
    --app-nav-top-box-shadow: var(--box-shadow-lg);
    --app-nav-top-border-bottom: none;
    --app-nav-top-menu-link-color: var(--ui-nav-link-color);
    --app-nav-top-menu-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-top-menu-link-font-size: var(--font-size-lg);
    --app-nav-top-menu-link-font-weight: var(--font-weight-base);
    --app-nav-top-menu-link-line-height: var(--line-height-base);
    --app-nav-top-menu-icon-size: 18px;
    --app-nav-top-menu-svg-icon-size: 32px;
    --app-nav-top-menu-icon-color: var(--ui-nav-link-icon-color);
    --app-nav-top-menu-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --app-nav-top-menu-link-padding-h: var(--spacing-3x);
    --app-nav-top-menu-link-padding-v: var(--spacing-2x);
    --app-nav-top-menu-dropdown-width: 240px;
    --app-nav-top-menu-dropdown-icon-size: 40px;
    --top-nav-link-padding-h: 8px;
    --top-nav-link-padding-v: 6px;
    --top-nav-link-spacing: 8px;
    --top-nav-link-color: var(--ui-nav-secondary-link-color);
    --top-nav-link-hover-color: var(--ui-nav-secondary-link-hover-color);
    --top-nav-link-active-color: var(--ui-nav-secondary-link-active-color);
    --top-nav-link-icon-color: var(--ui-nav-secondary-link-icon-color);
    --top-nav-link-icon-hover-color: var(--ui-nav-secondary-link-icon-hover-color);
    --top-nav-link-icon-active-color: var(--ui-nav-secondary-link-icon-active-color);
    --app-nav-top-condensed-header-height: 36px;
    --app-nav-top-condensed-header-border-bottom: 1px solid var(--ui-block-divider-color);
    --app-nav-top-condensed-menu-link-padding-h: var(--spacing-2x);
    --app-nav-top-condensed-menu-link-padding-v: var(--app-nav-top-menu-link-padding-v);
    --app-nav-top-condensed-logo-spacing: var(--spacing-4x);
    --app-nav-left-width: 140px;
    --app-nav-left-bg: #fff;
    --app-nav-left-box-shadow: var(--box-shadow-lg);
    --app-nav-left-link-hover-bg: transparent;
    --app-nav-left-link-active-bg: var(--ui-nav-link-active-bg);
    --app-nav-left-link-color: var(--text-heading-color);
    --app-nav-left-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-left-link-active-color: var(--ui-nav-link-active-color);
    --app-nav-left-link-font-size: var(--font-size-lg);
    --app-nav-left-link-font-weight: var(--font-weight-base);
    --app-nav-left-link-padding-h: var(--spacing-2x);
    --app-nav-left-link-padding-v: var(--spacing-2x);
    --app-nav-left-icon-size: 18px;
    --app-nav-left-svg-icon-size: 40px;
    --app-nav-left-icon-color: var(--ui-nav-link-icon-color);
    --app-nav-left-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --app-nav-left-icon-active-color: var(--ui-nav-link-icon-active-color);
    --app-nav-left-dropdown-icon-size: 12px;
    --app-nav-left-dropdown-width: 240px;
    --app-nav-left-wide-width: 280px;
    --app-nav-left-wide-link-padding-h: var(--spacing-3x);
    --app-nav-left-wide-link-padding-v: var(--spacing-2x);
    --app-nav-left-wide-link-color: var(--ui-nav-link-color);
    --app-nav-left-wide-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-left-wide-link-hover-bg: transparent;
    --app-nav-left-wide-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --app-nav-left-wide-link-active-padding-h: var(--ui-nav-v-link-active-padding-h);
    --app-nav-left-wide-link-active-color: var(--ui-nav-link-active-color);
    --app-nav-left-wide-link-active-bg: var(--ui-nav-link-active-bg);
    --app-nav-left-wide-icon-color: var(--ui-nav-link-icon-color);
    --app-nav-left-wide-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --app-nav-left-wide-icon-active-color: var(--ui-nav-link-icon-active-color);
    --app-nav-left-wide-svg-icon-size: 32px;
    --app-nav-left-wide-dropdown-border-left: 1px solid var(--ui-block-divider-color);
    --app-nav-left-wide-dropdown-padding-h: var(--app-nav-left-wide-link-padding-h);
    --app-nav-left-wide-dropdown-padding-v: 16px;
    --app-nav-left-wide-dropdown-link-color: var(--ui-nav-link-color);
    --app-nav-left-wide-dropdown-link-hover-bg: var(--ui-nav-link-hover-bg);
    --app-nav-left-wide-dropdown-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-left-wide-dropdown-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --app-nav-left-wide-dropdown-link-active-padding-h: 0;
    --app-nav-left-wide-dropdown-link-active-color: var(--ui-nav-link-active-color);
    --app-nav-left-wide-dropdown-link-active-bg: var(--ui-nav-link-active-bg);
    --app-nav-left-wide-dropdown-icon-color: var(--app-nav-left-icon-color);
    --app-nav-left-wide-dropdown-icon-hover-color: var(--app-nav-left-icon-hover-color);
    --app-nav-left-wide-dropdown-icon-active-color: var(--app-nav-left-icon-active-color);
    --app-nav-left-wide-dropdown-open-bg: transparent;
    --app-nav-left-wide-dropdown-open-bg-on-primary: rgba(0, 0, 0, 0.08);
    --app-nav-left-wide-dropdown-open-bg-on-secondary: rgba(0, 0, 0, 0.08);
    --extended-nav-dropdown-width: 364px;
    --app-nav-top-new-spacing-h: var(--spacing-3x);
    --app-nav-top-new-spacing-v: var(--spacing-3x);
    --mob-app-nav-bg: #fff;
    --mob-app-nav-width: 270px;
    --mob-app-nav-logo-height: 40px;
    --mob-app-nav-menu-padding-h: var(--spacing-2x);
    --mob-app-nav-header-bg: #fff;
    --mob-app-nav-header-border-bottom: var(--ui-block-border);
    --mob-app-nav-header-box-shadow: var(--box-shadow-lg);
    --mob-app-nav-header-height: 74px;
}

@media (min-width: 992px) and (max-width: 1320px) {
    :root {
        --app-nav-top-menu-link-padding-h: var(--spacing-2x);
    }
}

:root {
    --site-text-font-size: var(--font-size-lg);
    --site-text-font-weight: var(--font-weight-light);
    --site-text-line-height: var(--line-height-lg);
    --site-text-sm-font-size: var(--font-size-md);
    --site-text-sm-line-height: var(--line-height-md);
    --site-text-xs-font-size: var(--font-size-base);
    --site-text-xs-line-height: var(--line-height-base);
    --site-banner-title-font-size: var(--font-size-h1);
    --site-banner-title-font-weight: var(--font-weight-h1);
    --site-banner-title-line-height: var(--line-height-h1);
    --site-banner-desc-font-size: var(--font-size-xxlg);
    --site-banner-desc-font-weight: var(--font-weight-light);
    --site-banner-desc-line-height: var(--line-height-xxlg);
    --site-banner-height: 562px;
    --site-banner-padding-v: 100px;
    --site-banner-content-width: 496px;
    --site-banner-element-spacing: var(--spacing-4x);
    --site-banner-graphic-width: 562px;
    --site-banner-graphic-position-right: -40px;
    --site-banner-graphic-position-top: -40px;
    --site-banner-graphic-position-bottom: -20px;
    --svg-banner-primary-shape-left: rgba(0, 0, 0, .24);
    --svg-banner-primary-shape-right: rgba(0, 0, 0, .16);
    --site-banner-home-tile-height: 172px;
    --site-banner-tile-bg: var(--ui-block-bg);
    --site-banner-tile-color: #fff;
    --site-banner-tile-font-weight: var(--font-weight-bold);
    --site-banner-tile-overlay-height: var(--spacing-10x);
    --site-section-bg: transparent;
    --site-section-border-color: var(--ui-block-divider-color);
    --site-section-border: 1px solid var(--site-section-border-color);
    --site-section-title-color: var(--text-heading-color);
    --site-section-title-font-size: var(--font-size-h2);
    --site-section-title-font-weight: var(--font-weight-bold);
    --site-section-title-line-height: var(--line-height-h2);
    --site-section-title-max-width: var(--max-width-md);
    --site-section-title-margin-bottom: var(--spacing-9x);
    --site-section-title-subtitle-spacing: var(--spacing-4x);
    --site-section-title-sm-font-size: var(--font-size-h3);
    --site-section-title-sm-font-weight: var(--font-weight-bold);
    --site-section-title-sm-line-height: var(--line-height-h3);
    --site-section-title-sm-margin-bottom: var(--spacing-6x);
    --site-section-subtitle-color: var(--text-body-color);
    --site-section-subtitle-font-size: var(--font-size-xlg);
    --site-section-subtitle-font-weight: var(--font-weight-light);
    --site-section-subtitle-line-height: var(--line-height-xlg);
    --site-section-spacing: var(--spacing-5x);
    --site-section-padding-v: var(--spacing-13x);
    --site-section-padding-sm: var(--spacing-8x);
    --site-section-sides-spacing: var(--spacing-8x);
    --site-section-illustration-width: 592px;
    --site-section-illustration-height: 513px;
    --site-section-illustration-width-sm: 376px;
    --site-section-illustration-height-sm: 324px;
    --site-section-secondary-bg: transparent;
    --site-section-secondary-title-color: var(--site-section-title-color);
    --site-section-secondary-subtitle-color: var(--site-section-subtitle-color);
    --site-section-secondary-desc-color: var(--site-section-title-color);
    --site-section-secondary-border: 1px solid var(--site-section-border-color);
    --feature-title-font-size: var(--font-size-h5);
    --feature-title-font-weight: var(--font-weight-base);
    --feature-title-line-height: var(--line-height-h5);
    --feature-desc-font-size: var(--font-size-lg);
    --feature-desc-line-height: var(--line-height-lg);
    --feature-desc-font-weight: var(--font-weight-light);
    --feature-margin-bottom: var(--ui-block-spacing-xlg);
    --feature-row-margin-bottom: var(--spacing-8x);
    --feature-icon-margin-bottom: var(--ui-block-spacing-base);
    --feature-boxed-bg: var(--ui-block-bg);
    --feature-boxed-border: 1px solid var(--ui-block-divider-color);
    --feature-boxed-border-radius: var(--ui-block-border-radius);
    --feature-boxed-padding: var(--ui-block-padding-lg);
    --feature-boxed-shadow: var(--ui-block-shadow);
    --feature-lg-title-font-size: var(--font-size-xxlg);
    --feature-lg-title-font-weight: var(--font-weight-light);
    --feature-lg-title-line-height: var(--line-height-xlg);
    --feature-lg-desc-font-size: var(--font-size-lg);
    --feature-lg-desc-font-weight: var(--font-weight-light);
    --feature-lg-desc-line-height: var(--line-height-lg);
    --feature-lg-icon-margin-bottom: var(--ui-block-spacing-lg);
    --feature-lg-boxed-padding: var(--ui-block-padding-xlg);
    --feature-sm-title-font-size: var(--font-size-h6);
    --feature-sm-title-font-weight: var(--font-weight-base);
    --feature-sm-title-line-height: var(--line-height-h6);
    --feature-sm-desc-font-size: var(--font-size-md);
    --feature-sm-desc-font-weight: var(--font-weight-light);
    --feature-sm-desc-line-height: var(--line-height-md);
    --feature-sm-svg-icon-size: 40px;
    --feature-sm-boxed-padding: var(--ui-block-padding-base);
    --site-browser-actions-dot-bg: rgba(0, 0, 0, .1);
    --site-shadow-default: var(--box-shadow-xlg);
}

@media (max-width: 991px) {
    :root {
        --site-banner-content-width-desktop: 496px;
        --site-banner-content-width: calc(0.8 * var(--site-banner-content-width-desktop));
    }
}

@media (max-width: 767px) {
    :root {
        --site-banner-padding-v: var(--spacing-8x);
        --site-section-sides-spacing: var(--spacing-5x);
        --feature-row-margin-bottom: var(--spacing-4x);
        --site-section-padding-v: var(--spacing-8x);
        --site-section-title-margin-bottom: var(--spacing-5x);
        --site-section-title-sm-margin-bottom: var(--spacing-3x);
    }
}

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

:root {
    --global--color-darkblue: #171a24;
    --global--color-blue: #1e222f;
    --global--color-grey: #bcbcbc;
    --global--color-yellow: #ffda68;
    --global--color-lightpink: #c64f1b;
    --global--color-white: #ffffff;
    --global--color-pink: #c64f1b;
    --global--color-lightblack: #11141b;
    --global--color-purple: #c64f1b;
    --global--color-light: #f8f8f8;
    --global--color-lightgrey: #808080;
    --global--color-black: #181b22;
}

.topbar.variation-2 {
    background: var(--global--color-purple) !important;
    color: var(--global--color-white) !important;
}

.topbar.variation-2 .login-notification {
    padding-left: 0px;
}

.topbar.variation-2 .switch-btn {
    padding-right: 0px;
}

.background-pink {
    background: var(--global--color-blue);
}

.background-pink .dropdown-menu li a {
    font-size: 15px !important;
    line-height: 20px !important;
}

.navbar-background-clr {
    background: var(--global--color-darkblue);
}

.navbar-nav>li:last-child {
    margin-left: 0px;
}

.logo-background {
    background: var(--global--color-blue);
}

.logo-background .navbar-brand {
    float: left;
}

.natix-host-cart .btn {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid #e8eaf1;
    position: relative;
    z-index: 1;
    overflow: visible;
    color: var(--global--color-white);
}

.natix-host-form-control {
    background: transparent;
    color: var(--global--color-white);
    border-radius: 100px;
    border: 1px solid #353944;
    padding: 20px;
    display: inline;
    flex: inherit !important;
    width: 54% !important;
    font-size: 14px;
}

.natix-host-form {
    max-width: 80%;
    width: 80%;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.natix-host-cart li {
    display: inline-block;
    margin-right: 0px;
    vertical-align: bottom;
}

.natix-host-cart {
    display: inline-block;
}

.btn .badge {
    top: -20px;
    right: 0px;
    border-radius: 100%;
}

.badge-info {
    color: var(--global--color-black);
    background: var(--global--color-white);
    position: relative !important;
    z-index: 5;
}

.logo-background .cart {
    font-size: 17px;
    color: var(--global--color-white);
    padding-left: 11px;
    line-height: 26px;
}

.dropdown-menu-right::before {
    display: none;
}

.background-pink .dropdown-menu:before,
.natix-host-collapse .dropdown-menu:before {
    display: none;
}

.natix-host-dropdown-list .navbar-expand-xl .navbar-nav .dropdown-menu:before {
    display: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 0rem;
}

header.header .main-navbar-wrapper .navbar-collapse {
    padding: 0;
}

header.header .dropdown-item:active {
    background-color: var(--global--color-white);
}

.navbar {
    padding: .2rem 1rem;
}

.natix-host-collapse-last-child {
    list-style-type: none;
    margin-bottom: 0px;
}

.natix-host-cart .user-btn {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    overflow: visible;
    background: var(--global--color-primary);
    margin-left: 5px;
}

.natix-host-cart .user-btn:hover {
    background: transparent;
    border: 1px solid var(--global--color-white);
    transition: all 0.3s ease-in-out !important;
}

.user-icon:hover .user-btn {
    color: var(--global--color-white);
}

.natix-host-cart .user {
    font-size: 17px;
    padding-left: 12px;
    line-height: 26px;
}

.natix-host-cart .options {
    font-size: 36px;
    line-height: 32px;
}

.natix-host-cart .options-btn {
    width: 20px;
    height: 44px;
    position: relative;
    z-index: 1;
    overflow: visible;
    background: transparent;
    color: var(--global--color-white);
    border: none;
    text-align: right;
    float: right;
}

.dropdown-divider {
    border: none;
    margin: 0px;
}

.natix-host-dropdown-list li a:hover,
.natix-host-dropdown li a:hover {
    text-decoration: none;
}

#natix-search-domain .clearfix {
    top: -112px;
    position: relative;
    padding: 60px 90px !important;
    background: var(--global--color-white);
    border-radius: 20px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    margin: 0px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.domain-search-btn {
    padding: 8px 21px;
    background: var(--global--color-purple);
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    text-decoration: none;
    border: none;
    position: relative !important;
    right: -5px;
    line-height: 23px !important;
}

.domain-search-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1) !important;
    background: var(--global--color-purple) !important;
}

.domain-transfer-btn {
    padding: 8px 21px !important;
    background: var(--global--color-pink) !important;
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    text-decoration: none;
    border: none;
    position: relative;
    right: -2px;
    line-height: 23px !important;
}

.domain-transfer-btn:hover {
    text-decoration: none;
    color: var(--global--color-white) !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1) !important;
    background: var(--global--color-pink) !important;
}

.home-domain-search .input-group-wrapper .btn {
    border-radius: 50px !important;
}

.home-domain-search .input-group-wrapper {
    border-radius: 100px;
}

.domain-search-btn:focus {
    text-decoration: none;
    color: var(--global--color-white);
    background: var(--global--color-purple) !important;
}

.domain-transfer-btn:focus {
    text-decoration: none;
    color: var(--global--color-white) !important;
    background: var(--global--color-pink) !important;
}

section#web-hosting-plan {
    padding-top: 0px;
    margin-top: -20px;
}

html {
    scroll-behavior: smooth;
}

footer.footer {
    padding: 0px !important;
}

footer.footer .btn {
    background-color: #1E222F !important;
}

#natix-host-feature-section .btn-outline-primary {
    padding: 16px 40px !important;
    color: var(--global--color-white) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    background: var(--global--color-purple) !important;
    border-color: var(--global--color-white) !important;
    display: inline-block !important;
    width: auto !important;
}

.product-boxes {
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.03);
    border: none !important;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.homepage-section {
    padding: 100px 0 !important;
    background: var(--global--color-pink);
}

.action-icon-btns a {
    border-radius: 10px !important;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.03);
    transition: all 0.3s ease-in-out;
    position: relative;
}

.action-icon-btns a:hover {
    background: var(--global--color-darkblue);
    transform: translateY(-5px);
    box-shadow: 0 30px 30px 0 rgba(24, 27, 34, 0.1);
    cursor: pointer;
    color: var(--global--color-white);
}

.action-icon-btns a:hover .ico-container {
    font-size: 2.6em;
}

.action-icon-btns a:hover .ico-container i {
    color: var(--global--color-primary);
}

.homepage-help-section {
    padding: 100px 0px;
    background: var(--global--color-lightpink);
}

.homepage-help-section h2 {
    font-size: 36px !important;
    line-height: 58px !important;
    font-weight: 400 !important;
}

.card-accent-teal,
.card-accent-pomegranate,
.card-accent-sun-flower,
.card-accent-asbestos,
.card-accent-green,
.card-accent-midnight-blue,
.card-accent-midnight-blue,
.card-accent-midnight-blue,
.card-accent-midnight-blue,
.card-accent-midnight-blue {
    border-top: none !important;
}

#body {
    background: var(--global--color-white);
}

#main-body {
    background: var(--global--color-light);
    padding: 100px 0px 178px 0px !important;
}

#natix-host-contact-form .card {
    border: none;
    background-color: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    transition: all 0.3s ease-in-out;
    position: relative;
    padding: 57px;
}

#natix-host-contact-form .col-form-label {
    font-size: 16px;
    color: var(--global--color-lightgrey);
    padding: 18px 5px 18px 5px;
}

#natix-host-contact-form .form-control {
    padding: 0px 0px 0px 34px;
    height: 59px;
    border-radius: 50px;
    border: 1px solid #e8eaf1 !important;
}

#natix-host-contact-form h6 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}

#natix-host-contact-form p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--global--color-lightgrey);
}

#natix-host-contact-form textarea {
    border-radius: 10px !important;
    padding-top: 18px !important;
    height: 139px !important;
    width: 77%;
}

#natix-host-contact-form .btn-primary {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    border-radius: 50px;
    border: none;
    padding: 20px 61px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    position: relative;
}

#natix-host-contact-form .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

#natix-host-contact-form .form-control:focus {
    border: 1px solid #e8eaf1 !important;
}

#natix-host-contact-section .natix-host-contact-section-inner {
    position: absolute;
    top: -78px;
    left: 0;
    right: 0;
    bottom: 0;
}

#natix-host-contact-section {
    bottom: 0px;
}

#natix-host-review-section {
    padding: 87px 0 170px 0;
}

.page-name-products #order-standard_cart {
    padding: 0px !important;
}

#natix-host-login-form h6 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}

#natix-host-login-form p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--global--color-lightgrey);
}

#natix-host-login-form .card {
    max-width: 768px;
    border: none;
    background-color: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    transition: all 0.3s ease-in-out;
    position: relative;
}

#natix-host-login-form .card-body {
    padding: 57px !important;
}

#natix-host-login-form .card-footer {
    padding: 20px 57px !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: var(--global--color-white);
}

#natix-host-login-form .input-group-text {
    border-radius: 15px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    height: 60px !important;
    background: var(--global--color-white);
    padding: 20px;
}

#natix-host-login-form .form-control {
    height: 60px !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-color: #ced4da;
    font-size: 14px;
}

#natix-host-login-form .pw-input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#natix-host-login-form .btn-reveal-pw {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

#natix-host-login-form .btn-primary {
    font-size: 14px;
    font-weight: 700;
    padding: 14px 50px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    position: relative;
    border-color: var(--global--color-pink);
}

#natix-host-login-form .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

#natix-host-login-form .btn-primary:focus {
    border-color: var(--global--color-pink) !important;
    background: var(--global--color-pink) !important;
}

#natix-host-login-form .remember-me {
    font-size: 12px;
    color: var(--global--color-lightgrey);
}

#natix-host-login-form .text-muted {
    font-size: 12px;
    color: var(--global--color-lightgrey) !important;
}

#natix-host-login-form .remember-me-text {
    margin-top: -8px;
}

.list-group-item.active,
.sidebar .list-group-item.active {
    background-color: var(--global--color-pink);
    border-color: var(--global--color-pink);
}

.sidebar .list-group-item.active:hover {
    background-color: var(--global--color-pink);
    border-color: var(--global--color-pink);
}

.btn-success {
    color: var(--global--color-white);
    background-color: var(--global--color-purple);
    border-color: var(--global--color-purple);
    border-radius: 50px;
    padding: 6px 10px;
    transition: all 0.3s ease-in-out !important;
}

.btn-success:hover {
    color: var(--global--color-white);
    background-color: var(--global--color-purple);
    border-color: var(--global--color-purple);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1) !important;
    transform: translateY(-3px);
}

.btn-primary {
    color: var(--global--color-white);
    background-color: var(--global--color-purple);
    border-color: var(--global--color-purple);
}

.btn-primary:hover {
    color: var(--global--color-white);
    background-color: var(--global--color-purple);
    border-color: var(--global--color-purple);
}

.card-header {
    background-color: var(--global--color-purple);
    color: var(--global--color-white);
}

.announcements h1 {
    font-size: 18px;
}

.page-name-sharedhosting li a i {
    line-height: 40px;
}

.page-name-homepage .btn-success:hover {
    transform: translateY(0px);
}

.page-name-announcements .announcements h1 a {
    color: var(--global--color-black);
}

.page-name-announcements .announcements li {
    color: var(--global--color-lightgrey);
    font-size: 14px;
}

.page-name-announcements .announcements .announcement article {
    background: var(--global--color-light);
    border-left: 4px solid var(--global--color-lightpink) !important;
    color: var(--global--color-lightgrey);
    font-size: 14px;
}

.page-name-announcements .btn-default,
.page-name-knowledgebasecat .btn-default,
.page-name-error\/page-not-found .btn-info {
    color: var(--global--color-white);
    background-color: var(--global--color-pink);
    border-color: var(--global--color-pink);
    border-radius: 50px;
    transition: all 0.3s ease-in-out !important;
}

.page-name-announcements .btn-default:hover,
.page-name-knowledgebasecat .btn-default:hover,
.page-name-error\/page-not-found .btn-info:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1) !important;
    transform: translateY(-3px);
}

.page-name-error\/page-not-found .btn-primary {
    border-radius: 50px;
    transition: all 0.3s ease-in-out !important;
}

.page-name-error\/page-not-found .btn-primary:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1) !important;
    transform: translateY(-3px);
}

.natix-cart ul {
    list-style: none;
    padding-left: 0px;
}

.natix-cart .plan li {
    position: relative;
    padding-left: 40px;
}

.natix-cart .plan li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    height: 25px;
    width: 25px;
}

.natix-cart .plan li:nth-child(1)::before {
    background: url(../assets/images/hosting-disk-icon.png) no-repeat;
}

.natix-cart .plan li:nth-child(2)::before {
    background: url(../assets/images/hosting-bandwidth-icon.png) no-repeat;
}

.natix-cart .plan li:nth-child(3)::before {
    background: url(../assets/images/hosting-email-icon.png) no-repeat;
}

.natix-cart .plan li:nth-child(4)::before {
    background: url(../assets/images/hosting-domain-icon.png) no-repeat;
}

.natix-cart .plan li:nth-child(5)::before {
    background: url(../assets/images/hosting-support-icon.png) no-repeat;
}

.page-name-about #main-body {
    padding: 0px !important;
    background: var(--global--color-white);
}

.page-name-about .about-sub-section {
    background-image: url(../assets/images/about-us-banner-img.png);
    background-position: inherit;
}

.page-name-sharedhosting .shared-sub-section {
    background-image: url(../assets/images/shared-bannner-img.png);
    background-position: inherit;
}

.page-name-sharedhosting #main-body {
    padding-top: 0px !important;
    background: var(--global--color-white);
}

.page-name-dedicatedserver .dedicated-sub-section {
    background-image: url(../assets/images/dedicated-banner-img.png);
    background-position: inherit;
}

.page-name-dedicatedserver #main-body {
    padding-top: 0px !important;
    background: var(--global--color-white);
}

.page-name-dedicatedserver .dedicated-hosting-plan-section {
    background-image: url(../assets/images/dedicated-hosting-plan-background.png);
}

.page-name-vpsserver .vps-sub-section {
    background-image: url(../assets/images/vps-banner-img.png);
    background-position: inherit;
}

.page-name-vpsserver #main-body {
    padding-top: 0px !important;
    background: var(--global--color-white);
}

.page-name-vpsserver .vps-slider-section .select-form {
    background-image: url(../assets/images/angle-down.png);
}

.page-name-domain .domain-sub-section {
    background-image: url(../assets/images/domain-banner-img.png);
    background-position: inherit;
}

.page-name-domain #main-body {
    padding-top: 0px !important;
    background: var(--global--color-white);
}

.page-name-reseller .reseller-sub-section {
    background-image: url(../assets/images/reseller-banner-img.png);
    background-position: inherit;
}

.page-name-reseller #main-body {
    padding-top: 0px !important;
    background: var(--global--color-white);
}

.page-name-contact-natix .contact-us-sub-section {
    background-image: url(../assets/images/contact-us-banner-img.png);
    background-position: inherit;
}

#natix-data-section {
    background-image: url(../assets/images/data-center-background.png);
    padding: 99px 0;
}

.page-name-contact-natix #main-body {
    padding: 0px !important;
    background: var(--global--color-white);
}

#order-standard_cart .view-cart-items-header {
    background-color: var(--global--color-purple) !important;
}

#order-standard_cart .order-summary h2 {
    background: var(--global--color-pink);
}

.btn-success.disabled,
.btn-success:disabled {
    background: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.btn-primary:focus {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
    box-shadow: none !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.btn-warning {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.btn-warning:hover {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.btn-warning:focus {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.alert-info {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-purple) !important;
    border-color: var(--global--color-purple) !important;
}

.btn-info {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-pink) !important;
    border-color: var(--global--color-pink) !important;
}

.btn-info:hover {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-pink) !important;
    border-color: var(--global--color-pink) !important;
}

.logo-background .form-control:focus {
    color: var(--global--color-white);
    background-color: transparent !important;
    border-color: #353944 !important;
}

.btn.disabled,
.btn:disabled {
    opacity: 1 !important;
}

button:focus {
    outline: none;
}

#natix-search-domain .clearfix:hover {
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.1);
    transform: translateY(-5px);
}

@media screen and (max-width: 1199px) {
    .natix-host-dropdown {
        background: none;
        padding: 0px !important;
        border-radius: none;
    }

    .navbar-nav>li:last-child {
        margin-left: 0px !important;
    }

    .natix-host-dropdown-list li {
        padding: 7px 0px 7px 25px;
    }

    header.header .main-navbar-wrapper .navbar-collapse {
        position: absolute;
        top: 76px;
        width: 100%;
        z-index: 30;
        background: var(--global--color-blue);
        left: 0;
        padding: 31px;
    }

    header.header .search {
        border: none;
    }

    header.header .search .btn,
    header.header .search .form-control {
        border: 1px solid #353944;
        z-index: 30;
        position: relative;
        outline: none;
        background: transparent;
        border-radius: 100px;
        color: var(--global--color-lightgrey);
    }

    header.header .search .btn {
        display: none;
    }

    .natix-host-form {
        max-width: 60%;
        width: 60%;
    }

    .natix-host-cart .user-btn {
        margin-right: 5px;
    }

    header.header .main-navbar-wrapper {
        padding: 0 !important;
    }

    .natix-host-dropdown-list .dropdown-menu {
        padding-left: 20px !important;
        background: transparent;
        border: none;
        text-decoration: none;
    }

    .natix-host-dropdown .dropdown-menu-right {
        background: transparent;
        border: none;
        text-decoration: none;
    }

    .natix-host-dropdown-list .dropdown-menu li a {
        background: var(--global--color-blue);
        color: var(--global--color-white) !important;
        padding: 0px 0px 0px 0px !important;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        font-weight: 300;
    }

    .natix-host-dropdown .dropdown-menu-right li a {
        background: var(--global--color-blue);
        color: var(--global--color-white) !important;
        padding: 0px 0px 0px 0px !important;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        font-weight: 300;
    }

    .natix-host-dropdown .dropdown-menu-right li {
        padding: 7px 0px 7px 20px;
    }

    .dropdown-divider {
        display: none;
    }

    header.header .navbar-nav a {
        text-decoration: none;
    }

    .options-btn:focus {
        outline: none;
    }

    header.header .search .btn,
    header.header .search .form-control {
        padding: 25px;
        margin-bottom: 10px;
    }

    header.header .main-navbar-wrapper .navbar-collapse {
        padding-top: 0px;
    }

    .natix-host-dropdown li {
        padding: 7px 0px 7px 25px;
    }

    .homepage-section {
        padding: 100px 0 !important;
    }

    #main-body {
        padding: 100px 0px 150px 0px !important;
    }
}

@media screen and (max-width: 991px) {
    .natix-host-collapse .navbar-collapse {
        right: 18px;
        top: 63px;
        width: 28%;
        z-index: 3;
    }

    .natix-host-cart .btn {
        margin-right: 0px;
        float: right;
        margin-left: 5px;
    }

    .natix-host-collapse-last-child {
        padding-left: 0px;
        list-style-type: none;
    }

    .natix-host-cart {
        display: inline-block;
    }

    .natix-host-cart li {
        width: 31%;
    }

    .navbar-light .navbar-toggler-icon:first-child {
        margin-top: 0px;
    }

    .natix-host-cart .user-btn {
        margin-right: 5px;
    }

    .natix-host-dropdown-list .dropdown-menu {
        padding-left: 20px !important;
    }

    .natix-host-dropdown-list .dropdown-menu li a {
        padding: 0px 0px 0px 20px !important;
        font-weight: 300;
    }

    .dropdown-divider {
        display: none;
    }

    .natix-host-cart .options-btn {
        width: 6px;
    }

    .natix-host-dropdown .dropdown-menu-right li a {
        background: var(--global--color-blue);
        color: var(--global--color-white) !important;
        padding: 0px 0px 0px 0px !important;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        font-weight: 300;
    }

    .natix-host-dropdown .dropdown-menu-right li {
        padding: 7px 0px 7px 40px;
    }

    .natix-host-dropdown-list li,
    .natix-host-dropdown li {
        padding: 7px 0px 7px 0px;
    }

    #natix-host-feature-section .btn-outline-primary {
        padding: 16px 30px !important;
    }

    .homepage-section,
    .homepage-help-section,
    .homepage-account-section {
        padding: 70px 0 !important;
    }

    #natix-host-contact-form .btn-primary {
        padding: 18px 40px;
    }

    #main-body {
        padding: 70px 0px 120px 0px !important;
    }

    #natix-host-review-section {
        padding: 70px 0 150px 0;
    }

    .natix-cart .plan {
        float: left !important;
        width: 100% !important;
    }

    .natix-cart .plan ul {
        width: 50%;
        float: left;
        margin-bottom: 0px;
    }

    #natix-data-section {
        padding: 70px 0;
    }
}

@media screen and (max-width: 767px) {
    .natix-host-collapse .navbar-collapse {
        width: 35%;
    }

    .natix-host-cart .user-btn {
        margin-right: 5px;
    }

    section#home-banner-section {
        padding: 60px 0 160px 0;
    }

    #natix-search-domain .clearfix {
        top: -95px;
        position: relative;
        padding: 30px 40px !important;
    }

    .domain-search-btn,
    .domain-transfer-btn {
        font-size: 12px;
        padding: 6px 18px;
    }

    .input-group>.custom-file,
    .input-group>.custom-select,
    .input-group>.form-control,
    .input-group>.form-control-plaintext {
        font-size: 14px;
    }

    .homepage-help-section h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .homepage-section,
    .homepage-help-section,
    .homepage-account-section {
        padding: 60px 0 !important;
    }

    #natix-host-feature-section .btn-outline-primary {
        padding: 12px 20px !important;
    }

    #natix-host-contact-form .card {
        padding: 30px;
    }

    #natix-host-contact-form h6 {
        font-size: 30px;
    }

    #natix-host-contact-form .btn-primary {
        padding: 16px 36px;
    }

    #main-body {
        padding: 60px 0px 100px 0px !important;
    }

    #natix-host-review-section {
        padding: 60px 0 130px 0;
    }

    #natix-host-login-form h6 {
        font-size: 30px;
        line-height: 32px;
    }

    #natix-host-login-form .btn-primary {
        font-size: 14px;
        padding: 12px 40px;
    }

    .natix-cart .plan li {
        font-size: 16px;
    }

    .natix-cart .plan ul {
        width: 60%;
    }

    #order-standard_cart .font-size-36 {
        font-size: 30px;
    }

    #natix-data-section {
        padding: 60px 0;
    }
}

@media screen and (max-width: 576px) {
    .natix-host-form {
        max-width: 0%;
        width: 0%;
    }

    .natix-host-collapse .navbar-collapse {
        top: 55px;
        width: 45%;
    }

    .natix-host-cart .user-btn {
        margin-right: 5px;
    }

    header.header .navbar-nav a {
        font-size: 14px;
    }

    .natix-host-dropdown-list .dropdown-menu li a {
        font-size: 12px;
    }

    .natix-host-cart .user {
        padding-left: 11px;
        line-height: 0px;
    }

    .natix-host-cart .user-btn {
        width: 38px;
        height: 38px;
    }

    .natix-host-cart .btn {
        width: 38px;
        height: 38px;
    }

    .logo-background .cart {
        padding-left: 0px;
        line-height: 0px;
    }

    .btn .badge {
        top: -42px;
        right: -13px;
    }

    .natix-host-cart li {
        width: 30%;
    }

    header.header .main-navbar-wrapper .navbar-collapse {
        padding: 15px;
    }

    .domain-transfer-btn {
        border-radius: 50px;
        font-size: 12px;
        padding: 6px 18px;
        background: var(--global--color-pink);
        font-weight: 700;
        color: var(--global--color-white);
        text-decoration: none;
        border: none;
        position: relative !important;
        right: 10px;
        line-height: 23px !important;
    }

    .domain-search-btn {
        border-radius: 50px;
        font-size: 12px;
        padding: 6px 18px;
        background: var(--global--color-purple);
        font-weight: 700;
        color: var(--global--color-white);
        text-decoration: none;
        border: none;
        position: relative !important;
        right: -10px;
        line-height: 23px !important;
    }

    #natix-search-domain .clearfix {
        padding: 20px 20px !important;
    }

    .homepage-help-section h2 {
        font-size: 24px !important;
        line-height: 35px !important;
    }

    #natix-host-contact-form .col-form-label {
        font-size: 14px;
        color: var(--global--color-lightgrey);
        padding: 10px 35px;
    }

    #natix-host-contact-form p {
        font-size: 14px;
        line-height: 18px;
    }

    #natix-host-contact-form h6 {
        font-size: 26px;
        line-height: 30px;
    }

    #natix-host-contact-form .form-control {
        height: 45px;
    }

    #natix-host-contact-form textarea {
        height: 100px !important;
    }

    #natix-host-contact-form .btn-primary {
        padding: 14px 30px;
        font-weight: 12px;
    }

    #main-body {
        padding: 60px 0px 40px 0px !important;
    }

    #natix-host-contact-section .natix-host-contact-section-inner {
        position: relative;
        top: 0px;
    }

    #natix-host-review-section {
        padding-bottom: 30px;
    }

    #natix-host-contact-section {
        padding-bottom: 40px;
    }

    #natix-host-login-form .card-body {
        padding: 30px !important;
    }

    #natix-host-login-form .btn-primary {
        font-size: 12px;
        padding: 10px 36px;
    }

    #natix-host-login-form .remember-me {
        font-size: 12px;
    }

    #natix-host-login-form .card-footer {
        padding: 20px 30px !important;
    }

    #natix-host-login-form .input-group-text {
        padding: 20px 13px 20px 13px;
        height: 50px !important;
    }

    #natix-host-login-form h6 {
        font-size: 26px;
        line-height: 28px;
    }

    #natix-host-login-form .form-control {
        height: 50px !important;
    }

    .natix-cart .plan ul {
        width: 100%;
        margin-bottom: 10px;
    }

    #order-standard_cart .font-size-36 {
        font-size: 26px;
    }

    .accordion-section {
        padding-bottom: 0px;
    }

    #natix-host-contact-form textarea {
        width: 100%;
    }
}

:root {
    --font-family-base: Roboto;
    --font-family-custom: unset;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-icons-medium: 'lagom-medium-icons';
    --font-family-icons-small: 'lagom-small-icons';
    --text-body-color: var(--gray-base);
    --text-lighter-color: var(--gray-lighter);
    --text-faded-color: var(--gray-lighter-2);
    --text-heading-color: var(--gray-darker);
    --text-primary-color: var(--brand-primary);
    --text-success-color: var(--brand-success);
    --text-warning-color: var(--brand-warning);
    --text-danger-color: var(--brand-danger);
    --text-secondary-body-color: hsla(0, 0%, 100%, 92%);
    --text-secondary-lighter-color: hsla(0, 0%, 100%, 80%);
    --text-secondary-faded-color: hsla(0, 0%, 100%, 56%);
    --text-secondary-heading-color: #fff;
    --text-secondary-primary-color: var(--brand-primary-lighter);
    --text-secondary-success-color: var(--brand-success-lighter);
    --text-secondary-warning-color: var(--brand-warning-lighter);
    --text-secondary-danger-color: var(--brand-danger-lighter);
    --link-color: var(--brand-primary);
    --link-hover-color: var(--brand-primary);
    --ui-nav-link-color: var(--gray-darker);
    --ui-nav-link-hover-color: var(--brand-primary);
    --ui-nav-link-active-color: var(--brand-primary);
    --ui-nav-link-icon-color: var(--gray-icons);
    --ui-nav-link-icon-hover-color: var(--gray-icons-hover);
    --ui-nav-link-icon-active-color: var(--gray-icons-hover);
    --ui-nav-secondary-link-color: var(--gray-base);
    --ui-nav-secondary-link-hover-color: var(--brand-primary);
    --ui-nav-secondary-link-active-color: var(--brand-primary);
    --ui-nav-secondary-link-icon-color: var(--gray-icons);
    --ui-nav-secondary-link-icon-hover-color: var(--gray-icons-hover);
    --ui-nav-secondary-link-icon-active-color: var(--gray-icons-hover);
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 15px;
    --font-size-lg: 17px;
    --font-size-xlg: 20px;
    --font-size-xxlg: 24px;
    --font-size-h6: 18px;
    --font-size-h5: 20px;
    --font-size-h4: 26px;
    --font-size-h3: 36px;
    --font-size-h2: 40px;
    --font-size-h1: 48px;
    --line-height-xs: 18px;
    --line-height-sm: 20px;
    --line-height-base: 24px;
    --line-height-md: 24px;
    --line-height-lg: 28px;
    --line-height-xlg: 32px;
    --line-height-xxlg: 40px;
    --line-height-h6: 24px;
    --line-height-h5: 28px;
    --line-height-h4: 34px;
    --line-height-h3: 46px;
    --line-height-h2: 52px;
    --line-height-h1: 56px;
    --font-weight-light: 300;
    --font-weight-base: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --font-weight-bolder: bolder;
    --font-weight-h6: var(--font-weight-medium);
    --font-weight-h5: var(--font-weight-base);
    --font-weight-h4: var(--font-weight-light);
    --font-weight-h3: var(--font-weight-bold);
    --font-weight-h2: var(--font-weight-black);
    --font-weight-h1: var(--font-weight-black);
    --paragraph-margin-bottom: var(--spacing-2x);
    --headings-margin-bottom: var(--spacing-2x);
    --link-decoration: none;
    --article-font-color: var(--text-body-color);
    --article-font-size-base: var(--font-size-lg);
    --article-font-weight-base: var(--font-weight-base);
    --article-line-height-base: var(--line-height-lg);
    --article-h1-margin-top: var(--spacing-8x);
    --article-h1-margin-bottom: var(--spacing-6x);
    --article-h2-margin-top: var(--spacing-6x);
    --article-h2-margin-bottom: var(--spacing-4x);
    --article-h3-margin-top: var(--spacing-5x);
    --article-h3-margin-bottom: var(--spacing-4x);
    --article-h4-margin-top: var(--spacing-5x);
    --article-h4-margin-bottom: var(--spacing-4x);
    --article-h5-margin-top: var(--spacing-4x);
    --article-h5-margin-bottom: var(--spacing-2x);
    --article-h6-margin-top: var(--spacing-3x);
    --article-h6-margin-bottom: var(--spacing-2x);
}

@media (max-width: 767px) {
    :root {
        --font-size-xs: 12px;
        --font-size-sm: 13px;
        --font-size-base: 14px;
        --font-size-md: 15px;
        --font-size-lg: 16px;
        --font-size-xlg: 18px;
        --font-size-xxlg: 21px;
        --font-size-h6: 16px;
        --font-size-h5: 18px;
        --font-size-h4: 21px;
        --font-size-h3: 26px;
        --font-size-h2: 32px;
        --font-size-h1: 40px;
        --line-height-xs: 18px;
        --line-height-sm: 20px;
        --line-height-base: 24px;
        --line-height-md: 24px;
        --line-height-lg: 28px;
        --line-height-xlg: 32px;
        --line-height-xxlg: 40px;
        --line-height-h6: 22px;
        --line-height-h5: 28px;
        --line-height-h4: 30px;
        --line-height-h3: 34px;
        --line-height-h2: 40px;
        --line-height-h1: 48px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

:root {
    --global--color-darkblue: #676767;
    --global--color-blue: #4b4b4b;
    --global--color-grey: #bcbcbc;
    --global--color-yellow: #ffda68;
    --global--color-lightpink: #c64f1b;
    --global--color-white: #ffffff;
    --global--color-pink: #F79225;
    --global--color-lightblack: #11141b;
    --global--color-purple: #c64f1b;
    --global--color-light: #f8f8f8;
    --global--color-lightgrey: #808080;
    --global--color-black: #181b22;
}

body {
    font-family: 'Exo', sans-serif;
}

.field,
.plan,
.plan-box,
.feature-plan-box,
.vision-plan-box,
.team-plan-box,
.contact-us-plan-box,
.success-plan-box,
.dedicated-server-plan-box,
.dedicated-server-support-plan-box,
.domain-plan-box,
.reseller-plan-box,
.reseller-guarrantees-plan-box,
.shared-plan-box {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.plan:hover,
.plan-box:hover,
.feature-plan-box:hover,
.vision-plan-box:hover,
.team-plan-box:hover,
.contact-us-plan-box:hover,
.success-plan-box:hover,
.dedicated-server-plan-box:hover,
.dedicated-server-support-plan-box:hover,
.domain-plan-box:hover,
.reseller-plan-box:hover,
.reseller-guarrantees-plan-box:hover,
.shared-plan-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 30px 0 rgba(24, 27, 34, 0.1);
    z-index: 0;
}

.top-bar {
    background: var(--global--color-darkblue);
}

.top-bar small {
    font-size: 12px;
    line-height: 16px;
    color: var(--global--color-grey);
    font-weight: 400;
}

.top-bar span {
    font-size: 12px;
    line-height: 16px;
    color: var(--global--color-yellow);
    font-weight: 400;
}

.top-bar .demo,
.top-bar .phone {
    text-decoration: none;
    background-image: linear-gradient(#ffda68, #ffda68);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s;
    padding-bottom: 3px;
}

.top-bar .demo:hover,
.top-bar .phone:hover {
    text-decoration: none;
    background-size: 100% 1px;
}

.top-bar .right-arrow {
    color: var(--global--color-yellow);
    border-radius: 100%;
    text-decoration: none;
    font-size: 12px;
}

.social li {
    display: inline-block;
}

.phone {
    color: var(--global--color-yellow);
    font-size: 12px;
}

.social-setting {
    font-size: 12px;
    color: var(--global--color-lightpink);
}

.social li a {
    font-size: 12px;
    line-height: 16px;
    color: var(--global--color-grey);
    font-weight: 400;
    margin: 0 8px 0 5px;
    text-decoration: none;
    background-image: linear-gradient(#bcbcbc, #bcbcbc);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s;
    padding-bottom: 3px;
}

.social li a:hover {
    text-decoration: none;
    background-size: 100% 1px;
}

.social li span a {
    font-size: 12px;
    line-height: 16px;
    color: var(--global--color-yellow);
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.main-header {
    background: var(--brand-primary);
}

.navbar li a {
    color: var(--global--color-white) !important;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    transition: background-color 0.5s ease;
}

.navbar .dropdown-menu li a {
    font-size: 18px;
    font-weight: 500;
    color: var(--global--color-blue) !important;
    line-height: 20px;
}

.hosting-dropdown {
    padding: 21px 20px 21px 14px;
    border-radius: 15px;
}

.dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 13px solid var(--global--color-white);
    position: absolute;
    top: -13px;
    left: 31px;
}

.dropdown-item {
    padding: 10px 33px 5px 15px;
}

.navbar-nav>li {
    margin-right: 20px;
}

.navbar-nav>li:last-child {
    margin-right: 0px;
    margin-left: 20px;
}

.navbar-btn {
    background: #40434e;
    padding: 10px 17px 10px 17px !important;
    border-radius: 50px;
}

.navbar-btn:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    transition: background-color 0.5s ease;
}

.navbar-nav li a:last-child {
    color: var(--global--color-blue);
}

.navbar .dropdown-menu li a img {
    margin-right: 15px;
}

.dropdown-menu-list .hosting-menu:hover {
    color: var(--global--color-pink) !important;
    text-decoration: underline;
    background: var(--global--color-white);
}

.dropdown-menu-list .server-menu:hover {
    color: var(--global--color-lightpink) !important;
    text-decoration: underline;
    background: var(--global--color-white);
}

.dropdown-menu-list .vps-menu:hover {
    color: var(--global--color-purple) !important;
    text-decoration: underline;
    background: var(--global--color-white);
}

.navbar-logo {
    max-width: 143px;
}

.navbar-brand {
    padding-top: 7px;
}

.banner-section {
    padding: 120px 0 295px 0;
    background: var(--secondary-block-bg);
}

.banner-text h1 {
    font-size: 52px;
    line-height: 69px;
    font-weight: 700;
}

.banner-text {
    float: left;
}

.banner-text p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.text-paragraph {
    width: 52%;
    float: left;
}

.text-paragraph span {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: var(--global--color-pink);
}

.primary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 16px 39px;
    color: var(--svg-illustration-color-2);
    background: var(--global--color-light);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
}

.secondary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 16px 39px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-left: 17px;
    display: inline-block;
}

.primary-btn:hover {
    text-decoration: none;
    color: var(--global--color-black);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
}

.secondary-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
}

.text-paragraph p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    padding: 8px 5% 0 0;
    margin-bottom: 42px;
}

.primary-button,
.secondary-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.button-effect {
    position: relative;
    overflow: hidden;
}

.button-effect:hover::after {
    left: 240px;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.button-effect:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}

.list-inline-item:not(:last-child) {
    margin-right: 0px;
}

.primary-button:hover,
.secondary-button:hover {
    transform: translateY(-3px);
}

.banner-img {
    width: 616px;
    position: absolute;
    float: right;
    top: -92px;
    right: -96px;
}

.scroll-up {
    background: var(--global--color-blue) !important;
    z-index: 3;
    transition: top 5s linear;
    border-bottom: 1px solid var(--global--color-darkblue);
    padding: 0 !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    animation: slide-down 0.7s;
}

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

    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}

.home-banner-image {
    max-width: 616px;
}

.field-background {
    position: relative;
    background: var(--global--color-light);
}

.field-background .field {
    padding: 60px 90px;
    background: var(--global--color-white);
    border-radius: 20px;
    top: -112px;
    position: relative;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    margin: 0px;
    position: absolute;
    z-index: 1;
}

.field-background .field:hover {
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.1);
    transform: translateY(-5px);
}

.subscribe-form .form-group {
    position: relative;
    background: var(--global--color-white);
    border-radius: 50px;
    border: 1px solid #e8eaf1;
}

.subscribe-form .form-control {
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    padding: 28px 0px 28px 39px;
    border: none;
    color: #808080;
    font-size: 16px;
}

.search-btn {
    position: absolute;
    background: var(--global--color-purple);
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    text-decoration: none;
    border-radius: 50px;
    padding: 19px 38px;
    border: none;
    left: inherit;
    bottom: 0px;
    right: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.search-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.price li {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: var(--global--color-black);
    margin-right: 41px;
}

.price {
    padding-top: 0px;
    margin-bottom: 0px;
}

.price li:first-child {
    padding-left: 0px;
}

.price li:last-child {
    padding-right: 0px;
}

.subscribe-form {
    position: relative;
}

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

button:focus {
    outline: none;
}

.hosting-section {
    background: var(--global--color-light);
    position: relative;
    padding: 201px 0px 101px 0px;
}

.hosting-section h1 {
    font-size: 36px;
    font-weight: 400;
    color: var(--global--color-black);
    line-height: 58px;
}

.hosting-section p {
    font-size: 16px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
    line-height: 20px;
}

.plan {
    background: var(--global--color-white);
    border-radius: 10px;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.03);
    border-top: 2px solid var(--global--color-grey);
}

.plan .hosting-img-1,
.plan .hosting-img-2,
.plan .hosting-img-3 {
    margin-bottom: 35px;
    max-width: 60px;
}

.plan h4 {
    font-weight: 700;
    color: var(--global--color-black);
}

.plan p {
    font-size: 16px;
    font-weight: 400;
    color: var(--global--color-lightgrey) !important;
    line-height: 24px;
}

.plan li {
    border-bottom: 1px solid #e8eaf1;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--global--color-black);
    padding: 10px 0;
}

.plan li:first-child {
    padding-top: 8px;
}

.plan li:last-child {
    padding-bottom: 0px;
    border: none;
}

.plan li span {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.plan li figure {
    margin-bottom: 0;
}

.plan small {
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    font-style: italic;
    color: var(--global--color-black);
}

.plan h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 52px;
    color: var(--global--color-gray);
}

.hosting-pricing span,
.server-pricing span,
.vps-pricing span {
    font-size: 36px;
    font-weight: 700;
    line-height: 22px;
    color: var(--global--color-gray);
}

.hosting-pricing small,
.server-pricing small,
.vps-pricing small {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-gray);
}

.hosting-btn,
.server-btn,
.vps-btn {
    padding: 16px 40px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-gray);
    display: inline-block;
}

.hosting-btn:hover,
.server-btn:hover,
.vps-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.hosting-button,
.server-button,
.vps-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.hosting-button:hover,
.server-button:hover,
.vps-button:hover {
    transform: translateY(-3px);
}

.hosting-text,
.server-text,
.vps-text {
    position: absolute;
    top: 0;
    left: 197px;
    font-size: 14px;
    font-style: italic;
    padding: 1px 14px;
    border-radius: 0px 0px 5px 5px;
    color: var(--global--color-white);
    background: var(--global--color-grey);
}

.plan .weightage {
    color: var(--global--color-grey);
}

.variation-2 .server-text,
.variation-2 .server-btn {
    background: var(--global--color-pink);
}

.variation-2 {
    border-color: var(--global--color-pink);
}

.variation-2 .server-pricing span,
.variation-2 .server-pricing small,
.variation-2 h2,
.variation-2 .weightage {
    color: var(--global--color-pink);
}

.variation-3 .vps-text,
.variation-3 .vps-btn {
    background: var(--global--color-grey);
}

.variation-3 {
    border-color: var(--global--color-grey);
}

.variation-3 .vps-pricing span,
.variation-3 .vps-pricing small,
.variation-3 h2,
.variation-3 .weightage {
    color: var(--global--color-grey);
}

.hosting-section-setting {
    padding-bottom: 59px;
}

.hosting-list-icon {
    max-width: 23px;
}

.guarrantees-section {
    background: var(--global--color-white);
    padding: 80px 0 80px 0;
}

.guarrantees-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
}

.guarrantees-section h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
}

.guarrantees-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.guarrantees-btn {
    padding: 14px 41px;
    background: var(--global--color-yellow);
    color: var(--global--color-lightblack);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}

.guarrantees-btn:hover {
    text-decoration: none;
    color: var(--global--color-lightblack);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.guarrantees-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.guarrantees-button:hover {
    transform: translateY(-3px);
}

.plan-box {
    background: var(--global--color-blue);
    padding: 45px 15px;
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.10);
    height: 100%;
}

.plan-box h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.guarrantee-image {
    margin: 0 auto 25px;
    max-width: 52px;
}

.guarrantee-text {
    padding-top: 73px;
}

.plan-box-award,
.plan-box-guarrantee {
    margin-bottom: 30px;
}

.data-section {
    background-image: url(../images/data-center-background.png);
    padding: 99px 0;
}

.data-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 22px;
    color: var(--global--color-black);
}

.data-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--global--color-lightgrey);
}

.map-container {
    padding: 51px 12px 79px 25px;
    position: relative;
    display: inline-block;
}

.map-container img {
    padding-top: 10px;
}

.point {
    cursor: pointer;
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    background-color: var(--global--color-lightpink);
    border: 4px solid var(--global--color-white);
    border-radius: 50%;
    transition: all 0.1s ease;
    transition-duration: 0.1s;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    animation: pulse 3s infinite;
}

.canada {
    top: 152px;
    left: 166px;
}

.los-angeles {
    top: 238px;
    left: 143px;
}

.dallas {
    top: 244px;
    left: 198px;
}

.atlanta {
    top: 227px;
    left: 238px;
}

.united-kingdom {
    top: 168px;
    left: 493px;
}

.germany {
    top: 180px;
    left: 521px;
}

.moscow {
    top: 166px;
    left: 629px;
}

.india {
    top: 259px;
    right: 302px;
}

.south-korea {
    top: 224px;
    right: 167px;
}

.japan {
    top: 210px;
    right: 124px;
}

.australia {
    top: 456px;
    right: 104px;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(203, 102, 134, 0.5);
    }

    70% {
        box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
    }
}

.point:hover {
    background-color: var(--global--color-yellow);
    border: none;
}

.data-section h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--global--color-black);
    padding: 0 14%;
    margin-bottom: 33px;
}

.data-btn {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    background: var(--global--color-lightpink);
    padding: 14px 38px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
}

.data-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.data-button:hover {
    transform: translateY(-3px);
}

.data-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.location {
    display: none;
}

.point:hover .location {
    display: block;
    background: var(--global--color-yellow);
    color: var(--global--color-black);
    position: absolute;
    top: -50px;
    left: -36px;
    padding: 5px 5px;
    border-radius: 6px;
    width: 111px;
    text-align: center;
}

.location:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid var(--global--color-yellow);
    position: absolute;
    top: 31px;
    left: 42px;
}

.location {
    font-size: 14px;
    color: var(--global--color-black);
    font-weight: 700;
}

.map-location {
    position: relative;
}

.features-section {
    padding: 100px 0;
    background: var(--global--color-light);
}

.feature-heading {
    padding-bottom: 57px;
}

.features-section h1 {
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
    margin-bottom: 20px;
}

.features-section p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.feature-plan-box {
    padding: 70px 60px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, .03);
}

.feature-plan-box h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: var(--global--color-black);
    margin-bottom: 17px;
}

.feature-plan-box p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.plan-box-network {
    padding-bottom: 30px;
}

.plan-box-hardware {
    padding-bottom: 30px;
}

.feature-image-list {
    max-width: 190px;
    margin: 0 auto 44px;
}

.review-section {
    padding: 87px 0 15px 0;
}

.review-section h1 {
    font-size: 36px;
    line-height: 54px;
    font-weight: 400;
    color: var(--global--color-black);
}

.review-section .heading-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
    margin-bottom: 26px;
}

.stars li {
    color: var(--global--color-yellow);
    display: inline-block;
    font-size: 28px;
}

.review-section-text {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-style: italic;
    color: var(--global--color-lightgrey);
}

.review-section p {
    margin-bottom: 33px;
}

.ceo h4 {
    line-height: 17px;
    font-weight: 400;
    color: var(--global--color-black);
}

.ceo .ceo-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.quote i {
    font-size: 23px;
    color: #eeeeee;
}

.contact-section {
    position: relative;
    bottom: -78px;
}

.contact-planbox {
    background: var(--global--color-pink);
    padding: 48px 32px;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
    position: relative;
}

.contact-planbox:hover {
    transform: translateY(-5px);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
}

.contact-planbox h4 {
    line-height: 18px;
    font-weight: 700;
}

.contact-planbox p {
    font-size: 16px;
    line-height: 13px;
    font-weight: 400;
    margin-bottom: 0px;
}

.contact-section a {
    text-decoration: none;
}

.contact-planbox-variation-2 {
    background: var(--global--color-lightpink);
}

.contact-planbox-variation-3 {
    background: var(--global--color-purple);
}

.contact-image {
    max-width: 48px;
}

.footer-section {
    background: var(--global--color-blue);
    padding: 100px 0 74px 0;
}

.newsletter {
    padding-top: 53px;
}

.footer-section h3 {
    color: var(--global--color-light);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.footer-section p {
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
    color: var(--global--color-grey);
    margin-bottom: 31px;
}

.footer-section .form-control {
    padding: 28px;
    padding: 28px;
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    border: none;
    color: #808080;
    font-size: 16px;
}

.footer-section .form-group {
    position: relative;
    background: var(--global--color-white);
    border-radius: 50px;
    border: 1px solid #e8eaf1;
}

.footer-form {
    width: 66%;
    margin: auto;
}

.subscribe-btn {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-lightblack);
    background: var(--global--color-primary);
    border-radius: 50px;
    border: none;
    padding: 18px 27px 19px 27px;
    position: absolute;
    right: -1px;
    top: -1px;
    left: inherit;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.subscribe-btn:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.footer-logo small {
    font-size: 14px;
    font-weight: 400;
    color: var(--global--color-grey);
}

.footer-logo-text {
    margin-bottom: 32px;
}

.footer-list li {
    display: inline-block;
    margin-right: 5px;
}

.footer-list li a {
    display: inline-block;
    color: var(--global--color-pink);
    border: 2px solid var(--global--color-pink);
    border-radius: 50%;
    height: 43px;
    width: 43px;
    text-align: center;
    line-height: 41px;
    transition: 0.3s ease-in-out;
    position: relative;
}

.footer-list li a:hover {
    background: var(--global--color-pink);
    color: var(--global--color-blue);
    height: 43px;
    width: 43px;
    transform: translateY(-5px);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
}

.footer-list {
    padding-top: 32px;
}

.footer-logo figure {
    margin-bottom: 33px;
}

.footer-section .form-group {
    margin-bottom: 78px;
}

.footer-company {
    padding-left: 18px;
}

.footer-contact {
    padding-left: 15px;
}

.footer-section h5 {
    color: var(--global--color-grey);
    font-weight: 700;
    margin-bottom: 35px;
}

.footer-hosting {
    padding-left: 10px;
}

.hosting-list li,
.company-list li,
.contact-list li {
    padding-bottom: 11px;
}

.hosting-list li a {
    font-size: 16px;
    color: var(--global--color-grey);
    line-height: 25px;
    font-weight: 400;
}

.company-list li a {
    font-size: 16px;
    color: var(--global--color-grey);
    line-height: 25px;
    font-weight: 400;
}

.contact-list li a {
    font-size: 16px;
    color: var(--global--color-grey);
    line-height: 25px;
    font-weight: 400;
}

.hosting-list li a:hover,
.company-list li a:hover,
.contact-list li a:hover {
    color: var(--global--color-white);
    text-decoration: none;
}

.footer-image {
    max-width: 143px;
}

.footer-bar {
    background: var(--global--color-darkblue);
    padding: 11px 0;
}

.footer-bar .footer-cards small {
    font-size: 14px;
    color: var(--global--color-grey);
    font-weight: 400;
    margin: 0px 14px 0px 15px;
    padding-top: 12px;
    float: left;
}

.footer-cards-list li a {
    color: var(--global--color-grey);
    font-size: 29px;
    padding-left: 5px;
}

.footer-cards-list li i {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.footer-cards-list li a:hover i {
    transform: translateY(-5px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    z-index: 0;
}

.footer-cards-list {
    margin-bottom: 0px;
}

.footer-cards-list li {
    display: inline-block;
}

.footer-bar .footer-arrow small {
    font-size: 14px;
    color: var(--global--color-grey);
    font-weight: 400;
    margin: 0px 5px 0px 0px;
    padding-top: 12px;
}

.heart {
    color: var(--global--color-pink);
    padding: 0px 2px 0px 4px;
    font-size: 12px;
}

.footer-arrow-setting {
    height: 43px;
    width: 43px;
    font-size: 18px;
    background: var(--global--color-primary);
    color: var(--global--color-lightblack);
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    margin-left: 11px;
}

.footer-arrow-setting:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.footer-arrow {
    float: right;
    text-align: right;
}

.about-main-header {
    background: none;
}

.about {
    background: transparent;
}

.about-sub-section {
    background-color: var(--global--color-blue);
    background-image: url(../images/about-us-banner-img.png);
    background-size: cover;
    background-position: center 41px;
    background-repeat: no-repeat;
}

.about-us-banner-section {
    padding: 55px 0px 265px 0px;
}

.about-us-banner-text h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 69px;
}

.about-us-banner-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 43px;
}

.about-primary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 14px 50px;
    color: var(--global--color-black);
    background: var(--global--color-primary);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
}

.about-primary-btn:hover {
    text-decoration: none;
    color: var(--global--color-black);
    transform: translateY(-1px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    cursor: pointer;
    z-index: 0;
}

.about-secondary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 14px 40px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-left: 16px;
    display: inline-block;
}

.about-secondary-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    transform: translateY(-1px);
    cursor: pointer;
    z-index: 0;
}

.about-primary-button,
.about-secondary-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.about-primary-button:hover,
.about-secondary-button:hover {
    transform: translateY(-1px);
}

.about-us-banner-section h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: var(--global--color-primary);
}

.about-us-price p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--global--color-grey);
    margin-bottom: 0px;
}

.about-us-price {
    padding-top: 40px;
}

.about-us-price-list {
    border-right: 1px solid #3f424d;
}

.vision-section {
    background: var(--global--color-light);
    position: relative;
    z-index: 1;
}

.vision-section-inner {
    position: relative;
    top: -165px;
}

.vision-plan-box {
    padding: 57px 60px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}

.vision-plan-box h4 {
    font-weight: 700;
    line-height: 30px;
    color: var(--global--color-black);
    margin-bottom: 18px;
}

.vision-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 3% 0 0;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}

.vision-image-list {
    max-width: 62px;
    margin-bottom: 34px;
}

.history-section {
    padding: 0px 0px 93px 0px;
    background: var(--global--color-light);
    position: relative;
    z-index: 2;
    margin-top: -75px;
}

.border-line {
    position: relative;
}

.history-section-text {
    margin-bottom: 66px;
}

.history-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    color: var(--global--color-black);
}

.history-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}

.history-section span {
    font-size: 24px;
    color: var(--global--color-primary);
    font-weight: 700;
    line-height: 30px;
}

.history-section .plan-circle {
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: var(--global--color-primary);
    text-align: center;
    margin: 9% auto;
    z-index: 2;
    margin-bottom: 80px;
}

.history-section h4 {
    color: var(--global--color-black);
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 18px;
}

.history-section .plan-circle:after {
    content: "";
    width: 5px;
    height: 37px;
    position: absolute;
    top: 66px;
    left: 138px;
    border-right: 2px dotted;
    margin: 11% auto;
    color: var(--global--color-primary);
}

.history-border {
    border-top: 2px solid var(--global--color-white);
    position: absolute;
    top: 64px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.history-section-variation-2 span,
.history-section-variation-2 .plan-circle:after {
    color: var(--global--color-pink);
}

.history-section-variation-2 .plan-circle {
    background: var(--global--color-pink);
}

.history-section-variation-3 span,
.history-section-variation-3 .plan-circle:after {
    color: var(--global--color-lightpink);
}

.history-section-variation-3 .plan-circle {
    background: var(--global--color-lightpink);
}

.history-section-variation-4 span,
.history-section-variation-4 .plan-circle:after {
    color: var(--global--color-purple);
}

.history-section-variation-4 .plan-circle {
    background: var(--global--color-purple);
}

.choose-image {
    max-width: 445px;
}

.choose-section {
    padding: 100px 0px;
    background: var(--global--color-lightpink);
}

.choose-section figure {
    margin-bottom: 0px;
}

.choose-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
}

.choose-section h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
}

.choose-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.choose-btn {
    padding: 14px 41px;
    background: var(--global--color-primary);
    color: var(--global--color-lightblack);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}

.choose-btn:hover {
    text-decoration: none;
    color: var(--global--color-lightblack);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.choose-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.choose-button:hover {
    transform: translateY(-3px);
}

.choose-text {
    padding-top: 25px;
}

.team-section {
    padding: 98px 0px;
    background: var(--global--color-light);
}

.team-heading {
    margin-bottom: 76px;
}

.team-heading h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 32px;
}

.team-heading p {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--global--color-lightgrey);
}

.team-plan-box {
    padding: 50px 48px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, .03);
}

.team-plan-box figure {
    border: 1px solid var(--global--color-pink);
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 39px;
}

.team-plan-box img {
    padding-top: 33px;
    width: auto;
}

.team-plan-box h4 {
    line-height: 20px;
    font-weight: 700;
    color: var(--global--color-black);
}

.team-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 34px;
    color: var(--global--color-lightgrey);
}

.team-list li {
    display: inline-block;
    padding: 0 14px;
}

.team-list li a:hover {
    color: var(--global--color-primary);
    transition: 0.3s ease-in-out;
}

.team-list {
    margin-bottom: 0px;
}

.team-list li a {
    color: var(--global--color-pink);
}

.team-list li:last-child {
    padding-right: 0px;
}

.contact-us-sub-section {
    background-color: var(--global--color-purple);
    background-image: url(../images/contact-us-banner-img.png);
    background-size: cover;
    background-position: center 41px;
    background-repeat: no-repeat;
}

.contact-us-banner-section {
    padding: 70px 0px 227px 0px;
}

.contact-us-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}

.contact-us-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.contact-us-banner-section span {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-primary);
}

.contact-us-plan-box-section {
    background: var(--global--color-light);
}

.contact-us-plan-box {
    padding: 60px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.contact-us-plan-box-section-inner {
    position: absolute;
    top: -145px;
}

.contact-us-plan-box h4 {
    font-weight: 400;
    line-height: 30px;
    color: var(--global--color-black);
    margin-bottom: 18px;
}

.contact-us-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}

.contact-us-plan-box a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-pink);
}

.contact-us-plan-box a:hover {
    text-decoration: none;
}

.contact-us-plan-box figure {
    margin-bottom: 34px;
}

.contact-us-image-list {
    max-width: 34px;
    height: 48px
}

.contact-form-section {
    padding: 194px 0px 102px 0px;
    background: var(--global--color-light);
}

.contact-form-section-plan-box {
    padding: 57px;
    background-color: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    transition: all 0.3s ease-in-out;
    position: relative;
}

.contact-form-section-plan-box h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}

.contact-form-section-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--global--color-lightgrey);
}

.contact-form-plan-box .form-control {
    padding: 0px 0px 0px 34px;
    height: 59px;
    font-size: 16px;
    color: var(--global--color-lightgrey);
    border-radius: 50px;
    position: relative;
    border: 1px solid #e8eaf1;
}

.contact-form-plan-box .form-control:focus {
    border: 1px solid #e8eaf1;
}

.contact-form-plan-box .select-form {
    background-image: url(../images/angle-down.png);
    background-color: var(--global--color-light);
    background-repeat: no-repeat;
    background-position: 96% 24px;
    color: var(--global--color-black);
    font-weight: 500;
}

.contact-form-plan-box select {
    appearance: none;
}

.contact-form-plan-box i {
    position: absolute;
    right: 0px;
}

.contact-form-plan-box .form-group {
    margin-bottom: 20px;
    position: relative;
}

.contact-form-plan-box .textarea {
    border-radius: 10px !important;
    padding-top: 18px;
    font-size: 14px;
    border: 1px solid #e8eaf1;
}

.contact-form-plan-box .textarea .form-control {
    border: none;
    height: 139px;
}

.submitform-btn {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    border-radius: 50px;
    border: none;
    padding: 20px 61px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    position: relative;
}

.submitform-button {
    text-align: center;
}

.contact-form-section-text {
    margin-bottom: 57px;
}

.submitform-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.success-section {
    padding: 94px 0 171px 0;
    background: #eeeeee;
}

.success-section h1 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: var(--global--color-black);
}

.success-section p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.success-plan-box {
    padding: 58px 67px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.success-plan-box h4 {
    font-weight: 400;
    line-height: 30px;
    color: var(--global--color-black);
    margin-bottom: 18px;
}

.success-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}

.success-plan-box a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-pink);
}

.success-plan-box a:hover {
    text-decoration: none;
}

.success-plan-box figure {
    margin-bottom: 34px;
}

.success-section-text {
    margin-bottom: 76px;
}

.contact-section .variation-1 {
    background: var(--global--color-light);
    position: relative;
}

.success-image-list {
    max-width: 62px;
    margin: 0 auto;
}

.contact-section-inner {
    position: absolute;
    bottom: 2px;
    left: 0px;
    right: 0px;
}

.dedicated-sub-section {
    background-image: url(../images/dedicated-banner-img.png);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}

.dedicated-banner-section {
    padding: 70px 0px 195px 0px;
}

.dedicated-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}

.dedicated-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.dedicated-banner-section ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.dedicated-banner-section li i {
    color: var(--global--color-pink);
    margin-right: 5px;
}

.dedicated-server-plan-box-section {
    background: var(--global--color-light);
}

.dedicated-server-plan-box {
    padding: 58px 48px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.dedicated-server-plan-box-section-inner {
    position: relative;
    top: -120px;
    width: 100%;
}

.dedicated-server-plan-box h4 {
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
    margin-bottom: 33px;
}

.dedicated-server-plan-box .dedicated-server-plan-box-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}

.dedicated-server-plan-box h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.dedicated-server-plan-box span {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.dedicated-server-plan-box .dedicated-server-pricing {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}

.dedicated-server-plan-box .dedicated-server-plan-box-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-style: italic;
    margin-bottom: 7px;
    color: var(--global--color-lightgrey);
}

.dedicated-server-plan-box p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 19px;
    color: var(--global--color-pink);
}

.dedicated-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.dedicated-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.dedicated-server-plan-box li {
    border-bottom: 1px solid #e8eaf1;
    padding: 10px 0px 8px 0px;
}

.dedicated-server-plan-box li span {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-black);
}

.dedicated-server-plan-box li:last-child {
    padding-bottom: 0px;
    border: none;
}

.dedicated-server-plan-box-section .variation-2 h2,
.dedicated-server-plan-box-section .variation-2 .dedicated-server-price,
.dedicated-server-plan-box-section .variation-2 .dedicated-server-pricing,
.variation-2 p {
    color: var(--global--color-lightpink);
}

.dedicated-server-plan-box-section .variation-2 .dedicated-btn {
    background: var(--global--color-lightpink);
}

.dedicated-server-plan-box-section .variation-3 h2,
.dedicated-server-plan-box-section .variation-3 .dedicated-server-price,
.dedicated-server-plan-box-section .variation-3 .dedicated-server-pricing,
.variation-3 p {
    color: var(--global--color-purple);
}

.dedicated-server-plan-box-section .variation-3 .dedicated-btn {
    background: var(--global--color-purple);
}

.dedicated-server-maintainance {
    background: var(--global--color-light);
    padding: 0px 0px 90px 0px;
    margin-top: -55px;
}

.dedicated-server-maintainance h4 {
    font-weight: 400;
    line-height: 36px;
    color: var(--global--color-black);
    padding: 0 23%;
    margin-bottom: 0px;
}

.dedicated-server-maintainance a {
    font-weight: 400;
    line-height: 20px;
    color: var(--global--color-pink);
}

.dedicated-hosting-plan-section {
    background-image: url(../images/dedicated-hosting-plan-background.png);
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.dedicated-hosting-plan-text h1 {
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
}

.dedicated-hosting-plan-text span {
    text-decoration: underline;
}

.dedicated-hosting-plan-section h4 {
    font-weight: 400;
    line-height: 19px;
}

.dedicated-hosting-plan-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dedicated-hosting-plan-setting {
    padding-top: 47px;
}

.dedicated-hosting-plan-image {
    max-width: 445px;
}

.dedicated-hosting-plan-image-list {
    max-width: 62px;
}

.dedicated-server-features-section {
    padding: 100px 0px;
    background: var(--global--color-light);
}

.dedicated-server-features-section h1 {
    font-size: 36px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-black);
}

.dedicated-server-features-section p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.dedicated-server-features-plan-box {
    padding: 80px 0px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}

.dedicated-server-features-plan-box h4 {
    line-height: 23px;
    font-weight: 700;
    color: var(--global--color-black);
}

.dedicated-server-features-plan-box p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.dedicated-server-features-section-text {
    margin-bottom: 73px;
}

.dedicated-server-feature-network-img,
.dedicated-server-feature-technology-img {
    margin-bottom: 80px;
}

.dedicated-server-feature-image-list {
    max-width: 255px;
    margin: 0 auto 80px;
}

.dedicated-server-support-plan-box-section {
    padding: 100px 0px;
    background: var(--global--color-lightpink);
}

.dedicated-server-support-plan-box-section h1 {
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
}

.dedicated-server-support-plan-box-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dedicated-server-support-plan-box-section-text {
    margin-bottom: 76px;
}

.dedicated-server-support-plan-box {
    padding: 60px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.dedicated-server-support-plan-box h4 {
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}

.dedicated-server-support-plan-box p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 27px;
    color: var(--global--color-lightpink);
}

.dedicated-server-support-plan-box li {
    border-bottom: 1px solid #e8eaf1;
    padding: 11px 0px 10px 0px;
}

.dedicated-server-support-plan-box span {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
}

.dedicated-server-support-plan-box li:last-child {
    padding-bottom: 30px;
    border: none;
}

.dedicated-support-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-lightpink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.dedicated-support-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.dedicated-server-support-plan-box .variation-2 {
    padding: 14px 39px;
}

.dedicated-server-support-image-list {
    max-width: 100px;
    margin: 0 auto;
}

.accordion-section {
    padding: 100px 0px 23px 0px;
}

.accordion-section h1 {
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
    color: var(--global--color-black);
}

.accordion-card .btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
    font-size: 24px;
    color: var(--global--color-black);
    padding: 0px;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
}

.accordion-card .btn.focus,
.btn:focus {
    box-shadow: none;
}

.accordion-card {
    border-bottom: 1px solid #e8eaf1;
}

.accordion-card .card-header {
    padding: 18px 0px 21px 0px;
    margin-bottom: 0;
    border: none;
    background: none;
}

.accordion-card .card-body {
    padding: 0px 76px 17px 0px;
    font-size: 16px;
    color: var(--global--color-lightgrey);
}

.accordion-section-text {
    margin-bottom: 70px;
}

.accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    right: 0px;
    font-family: 'Exo', sans-serif;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
}

.accordion-card .collapse {
    position: relative;
}

.accordion-card .collapsed:before {
    content: "\f067";
    position: absolute;
    right: 0px;
    font-family: 'Exo', sans-serif;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
}

.accordion-card button.btn.btn-link {
    color: var(--global--color-pink);
}

.accordion-card button.btn.btn-link.collapsed {
    color: var(--global--color-black);
}

.domain-sub-section {
    background-image: url(../images/domain-banner-img.png);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}

.domain-banner-section {
    padding: 70px 0px 185px 0px;
}

.domain-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}

.domain-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.domain-form {
    width: 83%;
    margin: auto;
}

.domain-banner-section .form-group {
    position: relative;
    background: var(--global--color-white);
    border-radius: 50px;
    border: 1px solid #e8eaf1;
}

.domain-btn {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-lightblack);
    background: var(--global--color-primary);
    border-radius: 50px;
    border: none;
    padding: 19px 38px;
    position: absolute;
    right: -1px;
    top: -1px;
    left: inherit;
    display: inline-block;
}

.domain-banner-section .form-control {
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    height: 57px;
    border: none;
    color: #808080;
    font-size: 16px;
    padding-left: 34px;
}

.domain-plan-box-section {
    background: var(--global--color-light);
}

.domain-plan-box {
    padding: 50px 49px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.domain-plan-box-section-inner {
    position: relative;
    top: -100px;
}

.domain-plan-box h4 {
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}

.domain-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
    margin-bottom: 29px;
}

.domain-plan-box .domain-plan-box-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}

.domain-plan-box h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.domain-plan-box span {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.domain-plan-box .domain-plan-box-pricing {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}

.domain-plan-box-btn {
    padding: 14px 36px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.domain-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.domain-plan-box-section .variation-2 h2,
.domain-plan-box-section .variation-2 span,
.domain-plan-box-section .variation-2 .domain-plan-box-pricing {
    color: var(--global--color-lightpink);
}

.domain-plan-box-section .variation-2 .domain-plan-box-btn {
    background: var(--global--color-lightpink);
}

.domain-plan-box-section .variation-3 h2,
.domain-plan-box-section .variation-3 span,
.domain-plan-box-section .variation-3 .domain-plan-box-pricing {
    color: var(--global--color-purple);
}

.domain-plan-box-section .variation-3 .domain-plan-box-btn {
    background: var(--global--color-purple);
}

.domain-plan-box-image-list {
    max-width: 141px;
    height: 40px;
}

.domain-management-section {
    background: var(--global--color-light);
    padding: 0px 0px 100px 0px;
}

.domain-management-plan-box {
    padding: 60px 0px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}

.domain-management-plan-box h4 {
    line-height: 23px;
    font-weight: 700;
    color: var(--global--color-black);
}

.domain-management-plan-box p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.domain-management-plan-box-text {
    padding-top: 33px;
}

.domain-management-image-1 {
    max-width: 190px;
}

.domain-management-image-2 {
    max-width: 190px;
    margin: 0px 0px 0px 65px;
}

.domain-table-section {
    padding: 100px 0px;
    background: var(--global--color-purple);
}

.table-plan-box {
    padding: 54px 49px;
    border-radius: 15px;
    background: var(--global--color-white);
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}

.domain-table-section .table thead th {
    padding: 18px 0px 22px 0px;
    border-right: 1px solid #e8eaf1;
}

.domain-table-section .table tbody th {
    padding: 19px 0px 16px 0px;
    border-right: 1px solid #e8eaf1;
}

.domain-table-section .table td {
    padding: 19px 0px 16px 0px;
    border-right: 1px solid #e8eaf1;
}

.domain-table-section .table thead th:nth-child(1) {
    width: 246px
}

.domain-table-section .table thead th:nth-child(2) {
    width: 275px
}

.domain-table-section .table thead th:nth-child(3) {
    width: 276px
}

.domain-table-section .table thead th:nth-child(4) {
    width: 214px
}

.domain-table-section .table td:last-child,
.domain-table-section .table th:last-child {
    border-right: none;
}

.domain-table-section .table thead th {
    border-bottom: 1px solid #e8eaf1;
    font-size: 18px;
    color: var(--global--color-black);
    font-weight: 700;
}

.domain-table-section .table tbody th {
    font-size: 16px;
    color: var(--global--color-black);
    font-weight: 700;
}

.domain-table-section .table tbody th .popular {
    font-size: 12px;
    color: var(--global--color-black);
    background: var(--global--color-primary);
    padding: 4px 6px;
    font-weight: 700;
    border-radius: 5px;
    margin-left: 5px;
}

.domain-table-section .table tbody th .sale {
    font-size: 12px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    padding: 4px 7px;
    font-weight: 700;
    border-radius: 5px;
    margin-left: 7px;
}

.domain-table-section .table tbody td {
    font-size: 16px;
    color: var(--global--color-lightgrey);
    font-weight: 400;
}

.domain-table-section .table tbody td .price {
    font-size: 16px;
    color: var(--global--color-pink);
    font-weight: 700;
}

.domain-table-section table {
    text-align: center;
}

.domain-table-section tr th:first-child {
    text-align: left;
    padding-left: 0px;
}

.reseller-sub-section {
    background-image: url(../images/reseller-banner-img.png);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}

.reseller-banner-section {
    padding: 70px 0px 207px 0px;
}

.reseller-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}

.reseller-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 21%;
}

.reseller-plan-box-section {
    background: var(--global--color-light);
}

.reseller-plan-box {
    padding: 50px 49px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.reseller-plan-box-section-inner {
    position: relative;
    top: -120px;
}

.reseller-plan-box figure {
    margin-bottom: 29px;
}

.reseller-plan-box h4 {
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}

.reseller-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
    margin-bottom: 29px;
}

.reseller-plan-box .reseller-plan-box-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}

.reseller-plan-box h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.reseller-plan-box .reseller-plan-box-pricing {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.reseller-plan-box .reseller-plan-box-pricing-month {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}

.reseller-plan-box-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.reseller-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.reseller-plan-box-section .variation-2 h2,
.reseller-plan-box-section .variation-2 .reseller-plan-box-pricing,
.reseller-plan-box-section .variation-2 .reseller-plan-box-pricing-month {
    color: var(--global--color-lightpink);
}

.reseller-plan-box-section .variation-2 .reseller-plan-box-btn {
    background: var(--global--color-lightpink);
}

.reseller-plan-box-section .variation-3 h2,
.reseller-plan-box-section .variation-3 .reseller-plan-box-pricing,
.reseller-plan-box-section .variation-3 .reseller-plan-box-pricing-month {
    color: var(--global--color-purple);
}

.reseller-plan-box-section .variation-3 .reseller-plan-box-btn {
    background: var(--global--color-purple);
}

.reseller-plan-box-image-list {
    max-width: 62px;
}

.reseller-feature-section {
    background: var(--global--color-light);
    margin-top: -19px;
    padding: 0px 0px 97px 0px;
}

.reseller-feature-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    color: var(--global--color-black);
}

.reseller-feature-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    color: var(--global--color-lightgrey);
}

.reseller-feature-text {
    margin-bottom: 78px;
}

.reseller-feature-plan-box {
    padding: 58px 0px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}

.reseller-feature-plan-box h4 {
    line-height: 19px;
    font-weight: 700;
    color: var(--global--color-black);
}

.reseller-feature-plan-box p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.reseller-feature-plan-box-image-list {
    max-width: 190px;
}

.reseller-feature-plan-box-image-list-variation-1 {
    max-width: 190px;
    margin: 0px 0px 0px 65px;
}

.reseller-guarrantees-section {
    background: var(--global--color-white);
    padding: 99px 0px;
}

.reseller-guarrantees-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
}

.reseller-guarrantees-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.reseller-guarrantees-text {
    margin-bottom: 70px;
}

.reseller-guarrantees-plan-box {
    background: var(--global--color-white);
    padding: 51px 49px;
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.10);
    height: 100%;
}

.reseller-guarrantees-plan-box:hover {
    background: var(--global--color-primary);
}

.reseller-guarrantees-plan-box:hover p {
    color: var(--global--color-black);
}

.reseller-guarrantees-plan-box h5 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: var(--global--color-black);
}

.reseller-guarrantees-plan-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.reseller-guarrantees-plan-box-image-list {
    max-width: 65px;
}

.reseller-table-section {
    padding: 100px 0px;
    background: var(--global--color-light);
}

.reseller-comparison-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    color: var(--global--color-black);
}

.reseller-comparison-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    color: var(--global--color-lightgrey);
}

.reseller-table-plan-box .reseller-table-plan-box-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}

.reseller-table-plan-box h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.reseller-table-plan-box .reseller-table-plan-box-pricing-month {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}

.reseller-table-plan-box-btn {
    padding: 14px 40px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.reseller-table-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(30, 34, 47, .04);
    cursor: pointer;
    z-index: 0;
}

#Comprison_pricingplan .table td .variation-2 {
    color: var(--global--color-lightpink);
}

#Comprison_pricingplan table td .variation-3 {
    color: var(--global--color-purple);
}

#Comprison_pricingplan .variation-2 h2,
#Comprison_pricingplan .variation-2 .reseller-table-plan-box-pricing-month {
    color: var(--global--color-lightpink);
}

#Comprison_pricingplan .variation-2 .reseller-table-plan-box-btn {
    background: var(--global--color-lightpink);
}

#Comprison_pricingplan .variation-3 h2,
#Comprison_pricingplan .variation-3 .reseller-table-plan-box-pricing-month {
    color: var(--global--color-purple);
}

#Comprison_pricingplan .variation-3 .reseller-table-plan-box-btn {
    background: var(--global--color-purple);
}

#Comprison_pricingplan .table .th-hide {
    background-color: transparent !important;
    border-bottom: none;
    visibility: hidden;
    border-right: none;
}

#Comprison_pricingplan table td i {
    color: var(--global--color-pink);
}

#Comprison_pricingplan table td .variation-2 {
    color: var(--global--color-lightpink);
}

#Comprison_pricingplan table td .variation-3 {
    color: var(--global--color-purple);
}

.reseller-comparison-text {
    margin-bottom: 96px;
}

#Comprison_pricingplan article {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#Comprison_pricingplan ul {
    display: flex;
    top: 0;
    z-index: 10;
    padding-left: 0px;
    text-align: center;
}

#Comprison_pricingplan li {
    list-style: none;
    flex: 1;
}

#Comprison_pricingplan button {
    border: 2px solid var(--global--color-pink);
    border-radius: 4px;
    padding: 9px 65px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: var(--global--color-pink);
    border-radius: 50px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

#Comprison_pricingplan table tbody tr td:nth-child(2) {
    border-left: 1px solid #e8eaf1;
}

#Comprison_pricingplan li.active button {
    background: var(--global--color-pink);
    color: #fff;
    transition: 0.3s ease;
}

#Comprison_pricingplan table {
    table-layout: fixed;
    width: 100%;
}

#Comprison_pricingplan table tbody tr:last-child {
    border-right: none;
}

article#Comprison_pricingplan:after {
    content: "";
    position: absolute;
    right: 12px;
    box-shadow: 20px 0 20px rgb(2 103 255);
    height: 100%;
    width: 1px;
    top: 0;
}

#Comprison_pricingplan td+td,
#Comprison_pricingplan th+th {
    text-align: center;
    display: none;
}

#Comprison_pricingplan td.default {
    display: table-cell;
    border-right: solid 1px #e8eaf1;
    border-left: solid 1px #e8eaf1;
}

#Comprison_pricingplan table tbody tr td {
    padding: 18px 0px;
}

#Comprison_pricingplan table tbody tr:first-child td:first-child {
    border: none;
}

#Comprison_pricingplan table tbody tr:last-child td {
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}

#Comprison_pricingplan table tbody tr td:first-child {
    text-align: left;
    padding-left: 40px;
    font-size: 16px;
    color: var(--global--color-black);
    font-weight: 700;
}

#Comprison_pricingplan table .adjustment {
    padding: 17px 0px;
}

#Comprison_pricingplan table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 15px;
}

#Comprison_pricingplan table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}

#Comprison_pricingplan table thead tr th {
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
    font-size: 20px;
    color: var(--global--color-black);
    font-weight: 700;
    border-right: 1px solid #e8eaf1;
    background: var(--global--color-white);
}

#Comprison_pricingplan table tbody tr td {
    vertical-align: middle;
    font-size: 16px;
    color: var(--global--color-lightgrey);
    font-weight: 400;
    background: var(--global--color-white);
}

#Comprison_pricingplan table tbody tr:first-child {
    border-left: none;
    border-top: 0;
}

#Comprison_pricingplan table tbody tr:last-child {
    border-left: none;
    border-top: 0;
}

#Comprison_pricingplan table tbody tr:first-child td {
    border-bottom: 1px solid #e8eaf1;
}

#Comprison_pricingplan table tbody tr:nth-child(2) {
    padding-top: 36px;
}

#Comprison_pricingplan table tbody tr:last-child td {
    padding-bottom: 33px;
}

#Comprison_pricingplan table thead th:nth-child(1) {
    width: 284px;
}

#Comprison_pricingplan table thead th:nth-child(2),
#Comprison_pricingplan table thead th:nth-child(3),
#Comprison_pricingplan table .table thead th:nth-child(4) {
    width: 275px;
    padding: 21px 0px;
}

#Comprison_pricingplan table thead th:nth-child(2) {
    border-top-left-radius: 15px;
}

#Comprison_pricingplan table thead th:nth-child(4),
#Comprison_pricingplan table tbody td:nth-child(4) {
    border-right: none;
}

#Comprison_pricingplan table thead th:nth-child(4) {
    border-top-right-radius: 15px;
}

#Comprison_pricingplan table tbody tr:first-child td:nth-child(1) {
    border-top-left-radius: 15px;
}

#Comprison_pricingplan table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 15px;
}

#Comprison_pricingplan table tbody tr:last-child td:nth-child(4) {
    border-bottom-right-radius: 15px;
}

#Comprison_pricingplan table tbody td:first-child td:nth-child(1) {
    border-bottom: none;
}

.reseller-table-text {
    position: absolute;
    top: -27px;
    right: 346px;
    font-size: 14px;
    padding: 3px 14px 2px 14px;
    border-radius: 5px 5px 0px 0px;
    color: var(--global--color-black);
    background: var(--global--color-primary);
    font-weight: 700;
}

#Comprison_pricingplan table tbody tr:nth-child(2) td {
    padding-top: 35px;
}

.shared-sub-section {
    background-image: url(../images/shared-bannner-img.png);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}

.navbar-nav .variation-3 {
    background: #663a4a;
}

.navbar-nav .variation-3:hover {
    background: var(--global--color-primary);
    color: var(--global--color-black);
}

.shared-banner-section {
    padding: 70px 0px 207px 0px;
}

.shared-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}

.shared-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.shared-tabs-section {
    margin-top: -231px;
}

.shared-tabs-section .shared-monthly-btn {
    font-size: 16px;
    font-weight: 400;
    padding: 8px 32px;
    color: var(--global--color-lightgrey);
    background: var(--global--color-white);
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    float: left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    display: inline-block;
}

.shared-tabs-section .shared-monthly-btn:hover {
    color: var(--global--color-white);
    text-decoration: none;
    background: var(--global--color-pink);
}

.shared-tabs-section .shared-yearly-btn {
    font-size: 16px;
    font-weight: 400;
    padding: 8px 38px;
    color: var(--global--color-lightgrey);
    background: var(--global--color-white);
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.shared-tabs-section .shared-yearly-btn:hover {
    color: var(--global--color-white);
    text-decoration: none;
    background: var(--global--color-pink);
}

.shared-tabs-section .nav-tabs {
    border-bottom: none;
}

.shared-tab-content-section {
    background: var(--global--color-light);
}

.shared-tab-button {
    margin-bottom: 157px;
}

.shared-tabs-section ul li .active {
    color: var(--global--color-white);
    text-decoration: none;
    background: var(--global--color-pink);
    box-shadow: 0px 30px 30px rgba(24, 27, 34, 0.5);
}

.shared-tabs-section .shared-monthly-btn {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.shared-plan-box {
    padding: 50px 49px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}

.shared-plan-box-section-inner {
    position: relative;
    top: -100px;
}

.shared-plan-box figure {
    margin-bottom: 29px;
}

.shared-plan-box h4 {
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}

.shared-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
    margin-bottom: 29px;
}

.shared-plan-box .shared-plan-box-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}

.shared-plan-box h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.shared-plan-box .shared-plan-box-pricing {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.shared-plan-box .shared-plan-box-pricing-month {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}

.shared-plan-box-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.shared-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.shared-plan-box-section .variation-2 h2,
.shared-plan-box-section .variation-2 .shared-plan-box-pricing,
.shared-plan-box-section .variation-2 .shared-plan-box-pricing-month {
    color: var(--global--color-lightpink);
}

.shared-plan-box-section .variation-2 .shared-plan-box-btn {
    background: var(--global--color-lightpink);
}

.shared-plan-box-section .variation-3 h2,
.shared-plan-box-section .variation-3 .shared-plan-box-pricing,
.shared-plan-box-section .variation-3 .shared-plan-box-pricing-month {
    color: var(--global--color-purple);
}

.shared-plan-box-section .variation-3 .shared-plan-box-btn {
    background: var(--global--color-purple);
}

.shared-plan-box-images {
    max-width: 51px;
}

.features-section-variation-2 {
    background: var(--global--color-light);
    padding-top: 0px;
}

.reliable-shared-hsoting-section {
    padding: 100px 0px;
    background: var(--global--color-white);
}

.reliable-shared-hsoting-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
    color: var(--global--color-black);
}

.reliable-shared-hsoting-section h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
    color: var(--global--color-black);
}

.reliable-shared-hsoting-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--global--color-lightgrey);
}

.reliable-shared-hsoting-section-btn {
    padding: 14px 45px;
    background: var(--global--color-primary);
    color: var(--global--color-lightblack);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}

.reliable-shared-hsoting-section-btn:hover {
    text-decoration: none;
    color: var(--global--color-lightblack);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.reliable-shared-hsoting-section-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.reliable-shared-hsoting-section-button:hover {
    transform: translateY(-3px);
}

.reliable-shared-hsoting-section-text {
    padding-top: 73px;
}

.features-section-variation-2 p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

.reliable-shared-hsoting-section-image {
    max-width: 450px;
}

.vps-sub-section {
    background-image: url(../images/vps-banner-img.png);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}

.vps-banner-section {
    padding: 46px 0px 231px 0px;
}

.vps-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}

.vps-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.vps-banner-text {
    padding-top: 24px;
}

.vps-banner-image {
    max-width: 255px;
}

.guarrantees-section-variation-2 {
    background: var(--global--color-white);
    padding: 100px 0px;
}

.guarrantees-section-variation-2 .guarrantee-text {
    padding-top: 0px;
    margin-bottom: 77px;
}

.guarrantees-section-variation-2-text {
    margin-bottom: 71px;
}

.guarrantees-section-variation-2 h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 30px;
}

.guarrantees-section-variation-2 h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}

.guarrantees-section-variation-2 p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 16%;
    line-height: 30px;
}

.vps-slider-section {
    background: var(--global--color-light);
    float: left;
    width: 100%;
}

.vps-slider-section h4 {
    color: var(--global--color-black);
    font-weight: 700;
    line-height: 22px;
}

.vps-slider-section p {
    color: var(--global--color-lightgrey);
    font-weight: 400;
    line-height: 18px;
    font-size: 18px;
    margin-bottom: 41px;
}

.vps-slider-section .form-group {
    background: var(--global--color-white);
    border-radius: 15px;
    border: 1px solid #e8eaf1;
    margin-bottom: 35px;
}

.vps-slider-section .form-control {
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    height: 53px;
    border: none;
    color: var(--global--color-black);
    font-size: 16px;
    padding: 0px 0px 0px 18px;
}

.vps-slider-section select {
    appearance: none;
}

.vps-slider-section .select-form {
    background-image: url(../images/angle-down.png);
    background-repeat: no-repeat;
    background-position: 92% 21px;
}

.vps-slider-section h6 {
    color: var(--global--color-black);
    font-weight: 700;
    line-height: 20px;
}

.vps-slider-section .vps-slider-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}

.wrapper {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.plan-wrap {
    float: left;
    background: #fff;
    border-radius: 15px;
    width: 100%;
    box-shadow: 0 30px 30px 0 rgba(24, 27, 34, 0.03);
    position: absolute;
    top: -171px;
}

.plan_con {
    float: left;
    width: 100%;
    background: var(--global--color-light);
}

.plan_tabs {
    position: relative;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.sliderbox {
    float: left;
    width: 68.5%;
    padding: 60px;
    ;
}

.slider-container .ui-slider {
    float: left;
    width: 100%;
    height: 10px;
    padding: 0;
    border: 0;
    background: var(--global--color-pink);
    border-radius: 15px;
}

.slider-container .ui-slider-handle {
    outline: none;
    background: #ffda68 no-repeat left top;
    border-radius: 50px;
    border: 0;
    width: 30px;
    height: 30px;
    text-decoration: none;
    margin-top: -5px;
    margin-left: -22px;
}

.slider-container .ui-slider-handle:hover {
    cursor: pointer;
}

.slider-row1 {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.slider-row1:last-child {
    margin-bottom: 0px;
}

.slider-row1 label {
    float: left;
    color: var(--global--color-black);
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0px 0px 0;
    font-weight: 400;
}

.slider-row1 .slide-value {
    float: right;
    color: var(--global--color-pink);
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
}

.slider_content {
    float: right;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.03);
    width: 31.5%;
    padding: 55px 50px 70px 50px;
}

.vps-slider-section figure {
    margin-bottom: 20px;
}

.vps-slider-section .variation-2 {
    background: var(--global--color-lightpink);
}

.vps-slider-section .variation-3 {
    background: var(--global--color-purple);
}

.vps-slider-section .variation-4 {
    color: var(--global--color-lightpink);
}

.vps-slider-section .variation-5 {
    color: var(--global--color-purple);
}

.pricebox .pricetxt {
    color: var(--global--color-pink);
    font-size: 18px;
    font-weight: 400;
}

.pricebox .pricetxt span.doller {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.pricebox .pricetxt span.numeric {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}

.white_btn {
    display: inline-block;
    height: 46px;
    margin: 10px auto 0;
    width: 85.2%;
}

.white_btn a {
    padding: 14px 40px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.white_btn a:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.vps-slider-section .vps-slider-pricing-month {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}

.vps-slider-section .vps-slider-section-inner-text {
    margin-bottom: 21px;
    line-height: 24px;
}

.reseller-feature-section-2 {
    margin-top: 0px;
    padding: 393px 0px 100px 0px;
    background: var(--global--color-light);
}

.vps-slider-image-list {
    max-width: 24px;
}

.landing-page-banner-section {
    padding: 50px 0px 0px 0px;
    background-image: url(../images/landing-page-banner-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.landing-page-banner-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.5px;
}

.landing-page-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 32px;
    padding: 0 11%;
}

.landing-page-column {
    background: var(--global--color-darkblue);
    padding: 158px 50px 92px 50px;
    z-index: 1;
    border-radius: 15px;
    top: -108px;
    position: relative;
}

.landing-page-server-img img {
    z-index: 2;
    position: relative;
}

.landing-page-server-img {
    max-width: 500px;
    margin: 0 auto;
}

.landing-page-primary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 35px;
    color: var(--global--color-black);
    background: var(--global--color-primary);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
}

.landing-page-primary-btn:hover {
    text-decoration: none;
    color: var(--global--color-black);
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    cursor: pointer;
    z-index: 0;
}

.landing-page-secondary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 31px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-left: 17px;
    display: inline-block;
}

.landing-page-secondary-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .5);
    transform: translateY(-3px);
    cursor: pointer;
    z-index: 0;
}

.landing-page-banner-logo-img {
    max-width: 346px;
    margin: 0 auto 50px;
}

.landing-page-server-bottom-left-img,
.landing-page-server-bottom-right-img {
    max-width: 613px;
}

.landing-page-server-bottom-left-image {
    left: -178px;
    bottom: 40px;
    width: 25%;
    opacity: .1;
}

.landing-page-server-bottom-right-image {
    right: -178px;
    bottom: 40px;
    width: 25%;
    opacity: .1;
}

.themeforest-link a {
    font-size: 12px;
    text-decoration: none;
    color: #fdda68ad;
}

html {
    scroll-behavior: smooth;
}

.dropdown-menu:before {
    display: none;
}

@media screen and (max-width: 1440px) {
    .banner-img {
        width: 554px;
        position: absolute;
        float: right;
        top: -57px;
        right: 10px;
    }
}

@media screen and (max-width: 1024) {
    #Comprison_pricingplan ul {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1199px) {
    .banner-section {
        padding: 60px 0 30px 0;
    }

    .search-btn {
        left: inherit;
        bottom: 0px;
        right: 0;
    }

    .price li:first-child {
        padding-left: 0px;
    }

    .price li {
        margin-right: 22px;
    }

    .field-background .field {
        padding: 50px 70px;
        top: -105px;
    }

    .hosting-section {
        padding: 150px 0px 70px 0px;
    }

    .hosting-section-setting {
        padding-bottom: 30px;
    }

    .banner-img {
        width: 463px;
        position: relative;
        float: right;
        top: -142px;
        right: -10px;
    }

    .hosting-text,
    .server-text,
    .vps-text {
        left: 160px;
    }

    .hosting-payment-card,
    .server-payment-card,
    .vps-payment-card {
        padding: 48px 30px 61px 30px;
    }

    .text-paragraph p {
        padding: 8px 0 0 0;
    }

    .banner-text {
        width: 52%;
    }

    .text-paragraph {
        width: 50%;
    }

    .map-container img {
        width: 100%;
    }

    .canada {
        top: 142px;
        left: 148px;
    }

    .los-angeles {
        top: 198px;
        left: 124px;
    }

    .dallas {
        top: 203px;
        left: 170px;
    }

    .atlanta {
        top: 179px;
        left: 206px;
    }

    .united-kingdom {
        top: 145px;
        left: 408px;
    }

    .germany {
        top: 155px;
        left: 437px;
    }

    .moscow {
        top: 141px;
        left: 523px;
    }

    .india {
        top: 225px;
        right: 252px;
    }

    .south-korea {
        top: 184px;
        right: 137px;
    }

    .japan {
        top: 176px;
        right: 102px;
    }

    .australia {
        top: 374px;
        right: 83px;
    }

    .review-section {
        padding: 87px 0 0px 0;
    }

    .contact-planbox {
        text-align: center;
        padding: 28px 20px;
    }

    .contact-planbox img {
        padding-bottom: 10px;
    }

    .contact-image {
        margin: 0 auto;
    }

    .contact-section {
        position: relative;
        bottom: -74px;
    }

    .footer-hosting,
    .footer-company,
    .footer-contact {
        padding-left: 0px;
    }

    .hosting-list li a,
    .company-list li a,
    .contact-list li a {
        padding-left: 0px;
        font-size: 14px;
    }

    .about-sub-section {
        background-position: 65% 41px;
    }

    .about-us-banner-section p {
        margin-bottom: 35px;
    }

    .about-us-price p {
        margin-bottom: 0px;
    }

    .vision-plan-box p {
        padding: 0;
    }

    .history-section .plan-circle:after {
        left: 117px;
    }

    .choose-image {
        width: 80%;
        margin: 0 auto;
    }

    .choose-section figure {
        text-align: center;
    }

    .choose-text {
        padding-top: 0px;
    }

    .team-plan-box {
        padding: 50px 30px;
    }

    .contact-us-banner-text {
        text-align: center;
    }

    .contact-us-plan-box {
        padding: 50px;
    }

    .success-section {
        padding: 70px 0 150px 0;
    }

    .success-section-text {
        margin-bottom: 60px;
    }

    .contact-section-inner {
        bottom: 0px;
    }

    .dedicated-server-plan-box {
        padding: 50px 26px;
    }

    .dedicated-server-maintainance h4 {
        padding: 0 15%;
    }

    .reseller-banner-section p {
        padding: 0 15%;
    }

    .reseller-plan-box {
        padding: 50px 35px;
    }

    .reseller-guarrantees-plan-box {
        padding: 51px 31px;
    }

    #Comprison_pricingplan table thead th:nth-child(2),
    #Comprison_pricingplan table thead th:nth-child(3),
    #Comprison_pricingplan table .table thead th:nth-child(4) {
        width: 200px;
        padding: 21px 0px;
    }

    .reseller-table-text {
        right: 279px;
    }

    .reliable-shared-hsoting-section-image {
        max-width: 350px;
        margin: 0 auto;
    }

    .reliable-shared-hsoting-section-text {
        padding-top: 40px;
    }

    .shared-plan-box {
        padding: 50px 35px;
    }

    .shared-tabs-section .shared-tab-button {
        display: block;
        vertical-align: top;
    }

    .shared-tabs-section li {
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }

    .shared-banner-section {
        padding: 70px 0px 170px 0px;
    }

    .shared-tabs-section .nav-tabs {
        margin: 0 auto 144px;
    }

    .shared-tabs-section {
        margin-top: -182px;
    }

    .vps-banner-text {
        padding-top: 0px;
    }

    .vps-banner-section {
        padding: 70px 0px 207px 0px;
    }

    .vps-banner-image {
        margin: 0 auto;
    }

    .guarrantees-section-variation-2 p {
        padding: 0 10%;
    }

    .slider_content {
        padding: 55px 30px 78px 30px;
        width: 32.5%;
    }

    .vps-slider-section .select-form {
        background-position: 97% 21px;
    }

    .sliderbox {
        width: 67.5%;
        padding: 60px 60px 25px 60px;
    }

    .domain-management-image-2 {
        margin: 0px 0px 0px 20px;
    }

    .reseller-feature-plan-box-image-list-variation-1 {
        margin: 0px 0px 0px 20px;
    }

    .landing-page-server-bottom-left-image {
        left: -110px;
        bottom: -60px;
        width: 30%;
        opacity: .1;
    }

    .landing-page-server-bottom-right-image {
        right: -110px;
        bottom: -60px;
        width: 30%;
        opacity: .1;
    }

    .domain-plan-box-image-list {
        max-width: 120px;
        height: 30px;
    }

    .landing-page-banner-section p {
        padding: 0 8%;
    }
}

@media (min-width: 991px) {
    #Comprison_pricingplan ul {
        display: none;
    }

    #Comprison_pricingplan td,
    #Comprison_pricingplan th {
        display: table-cell !important;
        width: 290px;
    }

    #Comprison_pricingplan td+td,
    #Comprison_pricingplan th+th {
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .social li a {
        margin: 0 5px 0 3px;
    }

    .navbar-toggler {
        width: auto;
    }

    .navbar-toggler {
        margin-left: auto;
        border: none !important;
        padding: 0;
        color: var(--global--color-white);
        width: 50px;
        height: 40px;
    }

    header .container {
        max-width: initial !important;
    }

    .navbar-nav {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .navbar-btn {
        padding: 0 !important;
        background: none;
        padding-left: 0;
        margin-left: 0;
    }

    .navbar-collapse {
        background: var(--global--color-pink);
        position: absolute;
        right: 18px;
        width: 28%;
        top: 65px;
        padding: 8px 0;
        z-index: 1;
    }

    .navbar-nav li.active>a {
        border-bottom: 0px;
        color: var(--global--color-primary) !important;
    }

    .navbar-nav .dropdown-menu-list li.active a {
        color: var(--global--color-primary) !important;
    }

    .navbar-nav li:last-child {
        margin-left: 0px;
    }

    .navbar li a {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 30px !important;
    }

    .navbar .dropdown-menu li a {
        background: var(--global--color-blue);
        color: var(--global--color-white) !important;
        padding: 12px 0px 2px 30px !important;
        font-size: 13px;
        line-height: 20px;
        text-decoration: none;
    }

    .navbar .hosting-dropdown li a {
        background: #f54961;
        color: var(--global--color-white) !important;
        padding: 5px 18px !important;
        font-size: 13px;
        line-height: 20px;
        text-decoration: none;
    }

    .navbar .hosting-dropdown {
        padding: 10px;
    }

    .navbar li a#navbarDropdown {
        outline: none;
    }

    .navbar-nav:hover a {
        filter: none;
        opacity: 1;
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }

    .navbar .hosting-dropdown li a:last-child {
        padding-bottom: 10px;
    }

    .dropdown-menu:before {
        display: none;
    }

    .navbar .dropdown-menu {
        background: #f54961;
    }

    .navbar .dropdown-menu li a img {
        display: none;
    }

    .navbar-nav li:hover {
        text-decoration: none;
    }

    .navbar .dropdown-menu {
        border-radius: 0px;
        border: none;
    }

    .navbar-nav li {
        border: none;
        margin-right: 0;
        width: 100%;
    }

    .navbar-light .navbar-toggler-icon {
        background: #fff;
        height: 2px;
        margin: 7px 0 0 0;
        width: 51%;
        float: right;
    }

    .navbar-light .navbar-toggler-icon:first-child {
        margin-top: 0px;
    }

    .navbar-brand {
        padding-top: 10px;
    }

    .navbar-logo {
        padding-top: 5px;
    }

    .banner-img {
        position: relative;
        top: 10px;
        right: 0px;
        float: left;
        left: 110px;
        width: 500px;
    }

    .banner-section {
        padding: 20px 0 150px 0;
    }

    .social li:last-child {
        display: none;
    }

    .banner-text h1 {
        font-size: 39px;
        line-height: 45px;
    }

    .text-paragraph {
        width: 100%;
        text-align: center;
    }

    .banner-text .text-paragraph {
        padding: 0px 0% 0 0;
        font-size: 16px;
        line-height: 25px;
    }

    .banner-button {
        text-align: center;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .banner-text p {
        font-size: 16px;
        line-height: 25px;
    }

    .banner-text span {
        font-size: 16px;
        line-height: 25px;
    }

    .banner-text {
        width: 100%;
        text-align: center;
    }

    .primary-btn {
        padding: 14px 30px;
    }

    .secondary-btn {
        padding: 14px 30px;
        margin-left: 6px;
    }

    .search-btn {
        left: inherit;
        bottom: 0px;
        right: 0;
        font-size: 12px;
        padding: 12px 24px;
    }

    .field-background .field {
        padding: 40px 50px;
        top: -82px;
    }

    .subscribe-form .form-control {
        padding: 20px 0px 20px 39px;
    }

    .price li {
        margin-right: 12px;
        font-size: 14px;
    }

    .hosting-text,
    .server-text,
    .vps-text {
        left: 525px;
    }

    .plan ul {
        margin-right: 20%;
        width: 40%;
    }

    .plan figure {
        margin-right: 35px;
    }

    .plan ul figure {
        margin-right: 0px;
    }

    .hosting-section-setting {
        padding-bottom: 0px;
    }

    .guarrantee-text {
        text-align: center;
    }

    .plan-box-setting {
        padding-top: 55px;
    }

    .guarrantees-section {
        padding: 60px 0;
    }

    .guarrantee-text {
        padding-top: 0px;
    }

    .point {
        width: 1.2rem;
        height: 1.2rem;
        border: 3px solid var(--global--color-white);
    }

    .canada {
        top: 110px;
        left: 115px;
    }

    .los-angeles {
        top: 152px;
        left: 95px;
    }

    .dallas {
        top: 159px;
        left: 128px;
    }

    .atlanta {
        top: 141px;
        left: 159px;
    }

    .united-kingdom {
        top: 108px;
        left: 317px;
    }

    .germany {
        top: 119px;
        left: 340px;
    }

    .moscow {
        top: 112px;
        left: 400px;
    }

    .india {
        top: 173px;
        right: 192px;
    }

    .south-korea {
        top: 142px;
        right: 105px;
    }

    .japan {
        top: 133px;
        right: 76px;
    }

    .australia {
        top: 291px;
        right: 63px;
    }

    .data-section {
        padding: 60px 0;
    }

    .map-container {
        padding: 51px 0px 60px 0px;
    }

    .data-section h4 {
        padding: 0;
    }

    .features-section {
        padding: 70px 0;
    }

    .feature-heading {
        padding-bottom: 40px;
    }

    .feature-plan-box {
        padding: 40px 30px;
    }

    .review-section {
        padding: 55px 0 0px 0;
    }

    .review-section h1 {
        font-size: 35px;
    }

    .review-section-text br {
        display: none;
    }

    .review-section p {
        margin-bottom: 33px;
    }

    .contact-planbox h4 {
        font-size: 20px;
    }

    .contact-planbox p {
        font-size: 15px;
        line-height: 17px;
    }

    .review-section .heading-text {
        margin-bottom: 20px;
    }

    .contact-planbox {
        padding: 20px;
    }

    .footer-logo-setting {
        order: 4;
        padding-top: 30px;
    }

    .footer-company-setting {
        order: 2;
        padding-top: 30px;
    }

    .footer-section h5 {
        font-weight: 700;
        margin-bottom: 20px;
    }

    .footer-logo figure {
        margin-bottom: 15px;
    }

    .hosting-list li,
    .company-list li,
    .contact-list li {
        padding-bottom: 5px;
    }

    .footer-logo img {
        padding-bottom: 0px;
    }

    .footer-list {
        padding-top: 15px;
    }

    .footer-form {
        width: 100%;
    }

    .footer-setting {
        padding-top: 40px;
    }

    .footer-bar .footer-cards small {
        margin: 0px 4px 0px 15px;
    }

    .about-us-price {
        padding-top: 70px;
    }

    .about-us-banner-section {
        padding: 70px 0px 250px 0px;
    }

    .about-us-price p br {
        display: none;
    }

    .about-us-price p {
        margin-bottom: 0px;
    }

    .about-sub-section {
        background-position: 71% 41px;
    }

    .about-us-banner-text h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .about-us-banner-text p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px;
    }

    .about-primary-btn {
        padding: 16px 42px;
    }

    .about-secondary-btn {
        padding: 16px 31px;
    }

    .about-us-banner-section h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .about-us-banner-text-setting {
        text-align: center;
    }

    .vision-plan-box {
        padding: 50px
    }

    .vision-image-list {
        margin: 0 auto 25px;
    }

    .vision-plan-box h4 {
        margin-bottom: 15px;
    }

    .history-section-text {
        margin-bottom: 50px;
    }

    .history-section .plan-circle:after {
        left: 87px;
    }

    .history-border {
        top: 50px;
    }

    .history-section h4 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .history-section .plan-circle {
        margin-bottom: 72px;
    }

    .history-section span {
        font-size: 22px;
        line-height: 26px;
    }

    .history-section {
        padding: 0px 0px 70px 0px;
    }

    .history-section {
        margin-top: -100px;
    }

    .history-section p {
        font-size: 15px;
    }

    .choose-section {
        padding: 70px 0px;
    }

    .choose-image {
        width: 50%;
    }

    .choose-text {
        padding-top: 60px;
        text-align: center;
    }

    .choose-section h5 {
        margin-bottom: 15px;
    }

    .choose-section p {
        line-height: 27px;
    }

    .team-section {
        padding: 70px 0px;
    }

    .team-heading {
        margin-bottom: 50px;
    }

    .team-plan-box {
        padding: 30px;
    }

    .team-plan-box figure {
        margin-bottom: 30px;
    }

    .team-plan-box h4 {
        font-size: 21px;
        line-height: 18px;
    }

    .team-plan-box p {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 25px;
    }

    .team-list li {
        padding: 0 10px;
    }

    .team-list li:first-child {
        padding-left: 0px;
    }

    .success-section-text {
        margin-bottom: 50px;
    }

    .success-plan-box {
        padding: 50px 40px;
    }

    .contact-form-section {
        padding: 494px 0px 90px 0px;
    }

    .contact-form-section-plan-box p {
        padding: 0 10%;
    }

    .dedicated-banner-section {
        padding: 70px 0px;
    }

    .dedicated-server-plan-box-section {
        padding-top: 70px;
    }

    .dedicated-server-plan-box-section-inner {
        position: relative;
        top: 0px;
    }

    .dedicated-server-plan-box {
        padding: 50px;
    }

    .dedicated-server-plan-box ul {
        width: 45%;
    }

    .dedicated-server-maintainance {
        padding: 70px 0px;
        margin-top: 0px;
    }

    .dedicated-server-maintainance h4 {
        padding: 0 6%;
    }

    .dedicated-hosting-plan-section {
        padding: 70px 0px;
    }

    .dedicated-hosting-plan-section p {
        padding: 0 15%;
    }

    .dedicated-server-features-plan-box {
        padding: 80px;
    }

    .dedicated-server-features-section-setting {
        order: 1;
    }

    .dedicated-server-features-section-setting-2 {
        order: 2;
    }

    .dedicated-hosting-plan-image {
        margin: 0 auto;
    }

    .dedicated-hosting-plan-image-list {
        margin: 0 auto;
    }

    .dedicated-server-feature-image-list {
        margin: 0 auto 40px;
    }

    .dedicated-server-feature-network-img,
    .dedicated-server-feature-technology-img,
    .dedicated-server-feature-control-panel-img {
        margin-bottom: 40px;
    }

    .dedicated-server-features-plan-box p {
        margin-bottom: 0px;
    }

    .dedicated-server-features-section {
        padding: 70px 0px;
    }

    .dedicated-server-features-section-text {
        margin-bottom: 50px;
    }

    .dedicated-server-support-plan-box h4 {
        line-height: 28px;
    }

    .dedicated-server-support-plan-box p {
        margin-bottom: 15px;
    }

    .dedicated-server-support-plan-box {
        padding: 60px 30px;
    }

    .dedicated-server-support-plan-box-section {
        padding: 70px 0px;
    }

    .dedicated-server-support-plan-box-section-text {
        margin-bottom: 50px;
    }

    .dedicated-server-support-plan-box-section h1 {
        font-size: 34px;
    }

    .dedicated-support-btn {
        padding: 14px 40px;
    }

    .dedicated-server-support-plan-box .variation-2 {
        padding: 14px 30px;
    }

    .dedicated-server-support-plan-box span {
        font-size: 16px;
    }

    .accordion-section {
        padding: 70px 0px 0px 0px;
    }

    .accordion-section-text {
        margin-bottom: 40px;
    }

    .domain-banner-section h1 {
        font-size: 44px;
        line-height: 35px;
    }

    .domain-banner-section {
        padding: 70px 0px;
    }

    .domain-plan-box-section-inner {
        position: relative;
        top: 0px;
    }

    .domain-plan-box-section {
        padding-top: 70px
    }

    .domain-management-plan-box {
        padding: 60px 60px;
    }

    .domain-management-section {
        padding: 70px 0px;
    }

    .domain-management-plan-box-setting-1 {
        order: 1;
    }

    .domain-management-plan-box-setting-2 {
        order: 2;
    }

    .domain-management-image-1,
    .domain-management-image-2 {
        margin: 0 auto;
        max-width: 150px;
    }

    .domain-table-section {
        padding: 70px 0px;
    }

    .domain-table-section .table thead th {
        font-size: 16px;
    }

    .domain-table-section .table tbody td,
    .domain-table-section .table tbody td .price {
        font-size: 14px;
    }

    .domain-table-section .table tbody th .popular,
    .domain-table-section .table tbody th .sale {
        font-size: 10px;
    }

    .reseller-banner-section {
        padding: 70px 0px;
    }

    .reseller-banner-section p {
        padding: 0 5%;
    }

    .reseller-banner-section h1 {
        font-size: 44px;
        line-height: 35px;
    }

    .reseller-plan-box-section-inner {
        top: 0px;
    }

    .reseller-plan-box-section {
        padding-top: 70px;
    }

    .reseller-plan-box {
        padding: 50px;
    }

    .reseller-feature-section {
        margin-top: 0px;
        padding: 70px 0px;
    }

    .reseller-feature-text {
        margin-bottom: 60px;
    }

    .reseller-feature-plan-box {
        padding: 58px 32px;
    }

    .reseller-feature-plan-box-setting-1 {
        order: 1;
    }

    .reseller-feature-plan-box-setting-2 {
        order: 2;
    }

    .reseller-plan-box figure {
        margin-bottom: 33px;
    }

    .reseller-feature-plan-box-image-list-variation-1,
    .reseller-feature-plan-box-image-list {
        margin: 0 auto;
    }

    .reseller-plan-box p {
        margin-bottom: 0px;
    }

    .reseller-plan-box .reseller-plan-box-paragraph {
        margin-top: 18px;
    }

    .reseller-guarrantees-plan-box {
        padding: 40px 20px;
    }

    .reseller-guarrantees-section {
        padding: 70px 0px;
    }

    .reseller-table-section {
        padding: 70px 0px;
    }

    .reseller-comparison-text {
        margin-bottom: 70px;
    }

    .reseller-table-plan-box h2 {
        font-size: 32px;
    }

    .reseller-table-plan-box-btn {
        padding: 12px 30px;
    }

    .shared-banner-section {
        padding: 70px 0px 100px 0px;
    }

    .reseller-table-text {
        display: none;
    }

    #Comprison_pricingplan table tbody tr td {
        width: 50%;
        float: left;
        height: auto;
    }

    #Comprison_pricingplan .sep {
        width: 100%;
        float: left;
        height: auto;
    }

    .reseller-comparison-text {
        margin-bottom: 40px;
    }

    #Comprison_pricingplan table tbody tr:last-child td:nth-child(3),
    #Comprison_pricingplan table tbody tr:last-child td:nth-child(2),
    #Comprison_pricingplan table tbody tr:last-child td:nth-child(4) {
        border-bottom-right-radius: 15px;
    }

    #Comprison_pricingplan button:focus {
        outline: none;
    }

    #Comprison_pricingplan td.default {
        border-right: none;
    }

    #Comprison_pricingplan table tbody tr td:nth-child(4) {
        border-left: 1px solid #e8eaf1;
    }

    #Comprison_pricingplan table tbody tr:first-child td:nth-child(3) {
        border-bottom: 1px solid #e8eaf1;
        border-top-right-radius: 15px;
    }

    #Comprison_pricingplan table thead tr th {
        border-bottom: none;
    }

    #Comprison_pricingplan table tbody tr:nth-child(2) td:first-child {
        border-top-left-radius: 15px !important;
    }

    #Comprison_pricingplan table tbody tr:first-child td:nth-child(2) {
        border-top-right-radius: 15px !important;
    }

    #Comprison_pricingplan table tbody tr:first-child td:nth-child(4) {
        border-left: none;
        border-top-right-radius: 15px !important;
    }

    #Comprison_pricingplan table tbody tr:first-child td:nth-child(3) {
        border-left: none;
    }

    .reliable-shared-hsoting-section-image {
        max-width: 250px;
    }

    .reliable-shared-hsoting-section {
        padding: 70px 0px;
    }

    .shared-plan-box-section-inner {
        position: relative;
        top: 0px;
    }

    .shared-plan-box p {
        margin-bottom: 0px;
    }

    .shared-tabs-section .nav-tabs {
        margin: 0px auto 75px;
    }

    .shared-plan-box-section {
        padding-top: 70px;
    }

    .shared-tabs-section .shared-monthly-btn,
    .shared-tabs-section .shared-yearly-btn {
        box-shadow: none;
    }

    .shared-tabs-section {
        margin-top: -115px;
    }

    .shared-plan-box .shared-plan-box-paragraph {
        margin-top: 18px;
    }

    .shared-plan-box {
        padding: 50px;
    }

    .vps-banner-section {
        padding: 70px 0px;
    }

    .guarrantees-section-variation-2 {
        background: var(--global--color-white);
        padding: 70px 0px;
    }

    .guarrantees-section-variation-2 h1 {
        margin-bottom: 25px;
    }

    .guarrantees-section-variation-2 .guarrantee-text {
        margin-bottom: 50px;
    }

    .guarrantees-section-variation-2-text {
        margin-bottom: 50px;
    }

    .guarrantees-section-variation-2 p {
        padding: 0px;
    }

    .sliderbox {
        width: 100%;
        padding: 0px;
        margin-bottom: 30px;
    }

    .slider_content {
        width: 100%;
        box-shadow: none;
        padding: 0px;
    }

    .plan-wrap {
        padding: 60px;
        top: 0px;
        position: relative;
    }

    .slider-row1 label {
        font-size: 16px;
    }

    .slider-row1 .slide-value {
        font-size: 16px;
    }

    .vps-slider-section {
        padding: 70px 0px;
    }

    .landing-page-banner-section {
        padding: 70px 0px 0px 0px;
    }

    .landing-page-server-img {
        max-width: 463px;
    }

    .landing-page-column {
        padding: 145px 50px 92px 50px;
    }

    .landing-page-banner-logo-img {
        margin-bottom: 40px;
    }

    .landing-page-banner-logo-img img {
        width: 50%
    }

    .landing-page-banner-section h1 {
        font-size: 32px;
        line-height: 30px;
    }

    .landing-page-banner-section p {
        font-size: 16px;
        line-height: 26px;
    }

    .landing-page-primary-btn,
    .landing-page-secondary-btn {
        font-size: 14px;
    }

    .landing-page-server-bottom-left-image,
    .landing-page-server-bottom-right-image {
        width: 35%;
    }

    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list a {
        filter: none;
        opacity: 1;
        color: var(--global--color-white) !important;
    }

    .navbar-toggler span.navbar-toggler-icon {
        transition: all 0.15s;
    }

    .navbar-toggler.collapsed span:nth-child(1) {
        transform: rotate(0deg);
    }

    .navbar-toggler.collapsed span:nth-child(2) {
        opacity: 1;
    }

    .navbar-toggler.collapsed span:nth-child(3) {
        transform: rotate(0deg);
    }

    .navbar-toggler span:nth-child(1) {
        transform: rotate(45deg);
        transform-origin: 0% 200%;
    }

    .navbar-toggler span:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggler span:nth-child(3) {
        transform: rotate(-45deg);
        transform-origin: 10% 20%;
    }
}

@media screen and (max-width: 767px) {
    .top-bar .right-arrow {
        font-size: 10px;
    }

    .top-bar small {
        font-size: 10px;
    }

    .top-bar span {
        font-size: 10px;
    }

    .social li:last-child {
        display: none;
    }

    .social-setting {
        font-size: 10px;
    }

    .social li a {
        font-size: 10px;
    }

    .navbar-brand img {
        max-width: 85%;
    }

    .navbar-collapse {
        width: 50%;
    }

    .text-paragraph {
        width: 100%;
    }

    .banner-text {
        width: 100%;
        text-align: center;
    }

    .banner-text h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .banner-btn {
        padding-top: 21px;
        text-align: center;
    }

    .text-paragraph p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 25px;
        padding: 8px 0 0 0;
        text-align: center;
    }

    .text-paragraph span {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-text span {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .banner-section {
        padding: 0px 0 120px 0;
    }

    .primary-btn {
        padding: 14px 35px;
        font-size: 12px;
    }

    .secondary-btn {
        padding: 14px 35px;
        font-size: 12px;
        margin-left: 4px;
    }

    .banner-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 7px;
        padding-bottom: 15px;
    }

    .search-btn {
        left: inherit;
        bottom: 0px;
        right: 0;
    }

    .field-background .field {
        padding: 33px 33px;
        top: -76px;
    }

    .price li {
        margin-right: 5px;
        font-size: 11px;
    }

    .banner-img {
        left: 17px;
    }

    .hosting-section h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .hosting-section p {
        font-size: 14px;
        line-height: 18px;
    }

    .hosting-text,
    .server-text,
    .vps-text {
        left: 344px;
    }

    .plan h2 {
        font-size: 40px;
    }

    .plan ul {
        margin-right: 11%;
        width: 50%;
    }

    .hosting-btn,
    .server-btn,
    .vps-btn {
        padding: 14px 30px;
    }

    .plan li span {
        font-size: 16px;
        line-height: 20px;
    }

    .hosting-pricing span,
    .server-pricing span,
    .vps-pricing span {
        font-size: 30px;
        line-height: 20px;
    }

    .hosting-setting,
    .server-setting,
    .vps-setting {
        padding-top: 18px;
    }

    .shared-hosting li,
    .server-hosting li,
    .vps-hosting li {
        font-size: 16px;
        line-height: 20px;
    }

    .guarrantees-section h1 {
        font-size: 30px;
        font-weight: 400;
        line-height: 28px;
    }

    .guarrantees-section h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        padding-bottom: 0px;
    }

    .guarrantees-section p {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
    }

    .plan-box img {
        width: 45px;
    }

    .plan-box h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
    }

    .data-section h1 {
        font-size: 32px;
    }

    .map-container {
        padding: 10px 0px 35px 0px;
    }

    .data-section h4 {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 22px;
    }

    .data-section {
        padding: 50px 0;
    }

    .point {
        width: 1.0rem;
        height: 1.0rem;
        border: 2px solid var(--global--color-white);
    }

    .canada {
        top: 81px;
        left: 84px;
    }

    .los-angeles {
        top: 116px;
        left: 69px;
    }

    .dallas {
        top: 120px;
        left: 96px;
    }

    .atlanta {
        top: 105px;
        left: 118px;
    }

    .united-kingdom {
        top: 83px;
        left: 233px;
    }

    .germany {
        top: 91px;
        left: 255px;
    }

    .moscow {
        top: 86px;
        left: 296px;
    }

    .india {
        top: 130px;
        right: 140px;
    }

    .south-korea {
        top: 107px;
        right: 75px;
    }

    .japan {
        top: 100px;
        right: 56px;
    }

    .australia {
        top: 215px;
        right: 46px;
    }

    .plan-box-technology {
        padding-bottom: 30px;
    }

    .features-section {
        padding: 60px 0;
    }

    .review-section {
        padding: 50px 0 0 0;
    }

    .review-section h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .stars li {
        font-size: 22px;
    }

    .review-section-text {
        font-size: 20px;
        padding: 0;
        line-height: 26px;
    }

    .ceo h4 {
        font-size: 22px;
        line-height: 10px;
    }

    .quote i {
        padding-top: 3px;
        padding-bottom: 18px;
    }

    .contact-planbox {
        padding: 20px 7px;
    }

    .contact-planbox img {
        padding-top: 0px;
    }

    .contact-image {
        max-width: 40px;
    }

    .contact-planbox h4 {
        font-size: 18px;
        line-height: 25px;
    }

    .contact-planbox p {
        font-size: 14px;
        line-height: 20px;
    }

    .newsletter {
        padding-top: 0px;
    }

    .footer-section {
        padding: 130px 0 60px 0;
    }

    .footer-section .form-control {
        padding: 24px;
    }

    .footer-section .form-group {
        margin-bottom: 50px;
    }

    .subscribe-btn {
        padding: 14px 24px 15px 24px;
    }

    .footer-section .footer-hosting h4,
    .footer-section .footer-company h4,
    .footer-section .footer-contact h4 {
        font-size: 18px;
    }

    .footer-list li {
        height: 35px;
        width: 35px;
        line-height: 34px;
        font-size: 13px;
        margin-right: 10px;
    }

    .footer-arrow-setting {
        height: 35px;
        width: 35px;
        line-height: 35px;
        margin-left: 0px;
    }

    .footer-cards-list li {
        font-size: 25px;
    }

    .footer-bar .footer-cards small {
        float: none;
    }

    .footer-cards-list li:first-child {
        margin-left: 10px;
    }

    .footer-arrow {
        padding-top: 12px;
        text-align: left;
    }

    .footer-arrow-setting {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .about-sub-section {
        background-position: 70% 41px;
    }

    .about-us-banner-text h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .about-primary-btn {
        padding: 14px 35px;
    }

    .about-secondary-btn {
        padding: 14px 23px;
    }

    .about-us-banner-section {
        padding: 50px 0px;
    }

    .about-us-banner-section h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .about-us-price p {
        font-size: 13px;
        line-height: 18px;
    }

    .vision-section-inner {
        top: 0px;
        text-align: center;
        position: relative;
    }

    .history-border {
        display: none;
    }

    .vision-section {
        padding-top: 60px;
    }

    .history-section-text {
        margin-bottom: 50px;
    }

    .history-section .plan-circle:after {
        left: 130px;
    }

    .history-section h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .history-section p {
        font-size: 14px;
        line-height: 20px;
    }

    .history-section .plan-circle:after {
        margin: 1% auto;
        left: 131px;
    }

    .history-section .plan-circle {
        height: 20px;
        width: 20px;
        margin: 4% auto;
        margin-bottom: 55px;
    }

    .history-section h4 {
        margin-bottom: 5px;
    }

    .history-section {
        padding: 60px 0px;
        margin-top: 0px;
    }

    .choose-section {
        padding: 60px 0px;
    }

    .choose-text {
        padding-top: 50px;
    }

    .choose-section h1 {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .choose-section h5 {
        margin-bottom: 13px;
        font-size: 15px;
        line-height: 28px;
    }

    .choose-section p {
        line-height: 22px;
        font-size: 14px;
    }

    .team-plan-box {
        padding: 50px 80px;
    }

    .team-section {
        padding: 60px 0px;
    }

    .team-heading {
        margin-bottom: 30px;
    }

    .team-heading h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .team-plan-box figure {
        width: 254px;
        height: 254px;
        margin: 0 auto 30px;
    }

    .contact-us-banner-section {
        padding: 60px 0px;
    }

    .contact-us-banner-section h1 {
        font-size: 45px;
        line-height: 35px;
    }

    .contact-us-banner-section p,
    .contact-us-banner-section span {
        font-size: 16px;
    }

    .contact-us-plan-box {
        text-align: center;
    }

    .contact-us-plan-box h4 {
        font-size: 22px;
    }

    .contact-us-plan-box img {
        width: 30px;
    }

    .contact-us-plan-box figure {
        margin: 0 auto 20px;
    }

    .contact-us-plan-box p {
        padding: 0 15%;
    }

    .contact-us-plan-box-section-inner {
        position: relative;
        top: 50px;
    }

    .success-section {
        padding: 60px 0 150px 0;
    }

    .success-section-text {
        margin-bottom: 40px;
    }

    .success-section h1 {
        font-size: 32px;
        line-height: 35px;
    }

    .contact-form-section {
        padding: 130px 0px 70px 0px;
    }

    .contact-form-plan-box .form-control {
        font-size: 14px;
        padding: 0 0px 0 30px;
    }

    .contact-form-section-plan-box {
        padding: 35px;
    }

    .contact-form-section-plan-box h1 {
        font-size: 32px;
        line-height: 36px;
    }

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

    .submitform-btn {
        padding: 16px 40px;
    }

    .contact-form-plan-box .form-control {
        height: 50px;
    }

    .contact-form-plan-box .select-form {
        background-position: 96% 20px;
    }

    .contact-form-plan-box .textarea .form-control {
        height: 100px;
    }

    .contact-form-section-plan-box p {
        padding: 0;
    }

    .dedicated-banner-section {
        padding: 60px 0px;
    }

    .dedicated-banner-section h1 {
        font-size: 45px;
        line-height: 35px;
    }

    .dedicated-banner-section p {
        font-size: 16px;
        line-height: 18px;
    }

    .dedicated-banner-section ul li {
        font-size: 16px;
        line-height: 18px;
    }

    .dedicated-server-plan-box h4 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 18px;
    }

    .dedicated-server-plan-box h2 {
        font-size: 40px;
        line-height: 35px;
    }

    .dedicated-server-plan-box span {
        font-size: 28px;
        line-height: 35px;
    }

    .dedicated-server-plan-box .dedicated-server-pricing {
        font-size: 16px;
        line-height: 20px;
    }

    .dedicated-server-plan-box .dedicated-server-plan-box-text {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .dedicated-server-plan-box p {
        margin-bottom: 15px;
    }

    .dedicated-btn {
        padding: 12px 30px;
        font-size: 12px;
    }

    .dedicated-server-plan-box-section {
        padding-top: 60px;
    }

    .dedicated-server-plan-box {
        padding: 50px 30px;
    }

    .dedicated-server-plan-box li span {
        font-size: 14px;
        line-height: 20px;
    }

    .dedicated-server-plan-box ul {
        width: 43%;
    }

    .dedicated-server-maintainance h4 {
        padding: 0;
        font-size: 20px;
        line-height: 30px;
    }

    .dedicated-server-maintainance a {
        padding: 0;
        font-size: 20px;
        line-height: 30px;
    }

    .dedicated-server-maintainance {
        padding: 60px 0px;
    }

    .dedicated-hosting-plan-img img {
        width: 70%
    }

    .dedicated-hosting-plan-section p {
        padding: 0;
    }

    .dedicated-hosting-plan-image {
        max-width: 350px;
    }

    .dedicated-hosting-plan-image-list {
        max-width: 50px;
    }

    .dedicated-hosting-plan-text h1,
    .dedicated-hosting-plan-text span {
        font-size: 32px;
    }

    .dedicated-hosting-plan-setting {
        padding-top: 35px;
    }

    .dedicated-hosting-plan-section h4 {
        line-height: 17px;
        font-size: 22px;
    }

    .dedicated-server-features-plan-box {
        padding: 80px 50px;
    }

    .dedicated-server-features-section {
        padding: 60px 0px;
    }

    .dedicated-server-features-section p {
        padding: 0 2%;
    }

    .dedicated-server-feature-image-list {
        max-width: 200px;
        margin: 0 auto 30px;
    }

    .dedicated-server-features-section h1 {
        font-size: 32px;
        line-height: 28px;
    }

    .dedicated-server-support-plan-box-section h1 {
        font-size: 31px;
        line-height: 32px;
    }

    .dedicated-server-support-plan-box-section {
        padding: 60px 0px;
    }

    .dedicated-server-support-plan-box {
        padding: 60px;
    }

    .accordion-section {
        padding: 60px 0px 0px 0px;
    }

    .accordion-section-text {
        margin-bottom: 30px;
    }

    .accordion-section h1 {
        font-size: 32px;
        line-height: 25px;
    }

    .accordion-card .btn-link {
        font-size: 19px;
    }

    .accordion-card .btn-link:before,
    .accordion-card .btn-link:before {
        font-size: 18px;
        line-height: 32px;
    }

    .accordion-card .card-header {
        padding: 13px 0px 15px 0px;
    }

    .accordion-card .card-body {
        padding: 0px 53px 13px 0px;
        font-size: 14px;
        color: var(--global--color-lightgrey);
        line-height: 22px;
    }

    .domain-banner-section {
        padding: 60px 0px;
    }

    .domain-banner-section h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .domain-banner-section p {
        font-size: 16px;
    }

    .domain-banner-section .form-control {
        height: 51px;
        padding-left: 20px;
        font-size: 14px;
    }

    .domain-btn {
        padding: 16px 32px;
    }

    .domain-plan-box-section {
        padding-top: 60px;
    }

    .domain-management-section {
        padding: 60px 0px;
    }

    .domain-management-image-1,
    .domain-management-image-2 {
        max-width: 130px;
    }

    .domain-management-plan-box {
        padding: 60px 40px;
    }

    .domain-plan-box-image-list {
        max-width: 90px;
        height: 40px;
    }

    .domain-table-section {
        padding: 60px 0px;
    }

    .table-plan-box {
        padding: 40px 30px;
    }

    .domain-table-section .table tbody td .price {
        display: block;
    }

    .domain-table-section .table tbody th {
        vertical-align: middle;
        padding: 0px;
    }

    .domain-table-section .table thead th {
        font-size: 15px;
    }

    .reseller-banner-section {
        padding: 60px 0px;
    }

    .reseller-banner-section p {
        padding: 0px;
        font-size: 16px;
    }

    .reseller-banner-section h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .reseller-plan-box p {
        margin-bottom: 15px;
    }

    .reseller-plan-box-section {
        padding-top: 60px;
    }

    .reseller-feature-text h1 {
        font-size: 32px;
    }

    .reseller-feature-text p {
        line-height: 20px;
    }

    .reseller-feature-section {
        padding: 60px 0px;
    }

    .reseller-feature-text {
        margin-bottom: 40px;
    }

    .reseller-feature-plan-box {
        padding: 45px 28px;
    }

    .reseller-feature-plan-box-image-list-variation-1,
    .reseller-feature-plan-box-image-list {
        max-width: 160px;
    }

    .reseller-feature-plan-box h4 {
        font-size: 22px;
    }

    .reseller-feature-plan-box p {
        font-size: 14px;
        line-height: 25px;
    }

    .reseller-guarrantees-plan-box {
        padding: 40px;
    }

    .reseller-guarrantees-section {
        padding: 60px 0px;
    }

    .reseller-guarrantees-text h1 {
        font-size: 32px;
    }

    .reseller-guarrantees-text p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 11%;
    }

    .reseller-guarrantees-text {
        margin-bottom: 40px;
    }

    .reseller-table-section {
        padding: 60px 0px;
    }

    .reseller-comparison-text h1 {
        font-size: 32px;
    }

    .reseller-comparison-text p {
        line-height: 22px;
    }

    .reseller-comparison-text {
        margin-bottom: 60px;
    }

    .reseller-table-plan-box .table thead th {
        font-size: 18px;
    }

    .reseller-table-plan-box h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .reseller-table-plan-box .reseller-table-plan-box-pricing-month {
        font-size: 16px;
    }

    .reseller-table-plan-box-btn {
        padding: 12px 35px;
        font-size: 12px;
    }

    .shared-banner-section h1 {
        font-size: 45px;
        line-height: 36px;
    }

    .shared-banner-section p {
        font-size: 16px;
    }

    .shared-plan-box h2 {
        font-size: 45px;
        font-weight: 700;
        line-height: 40px;
    }

    .shared-plan-box .shared-plan-box-pricing {
        font-size: 30px;
        line-height: 30px;
    }

    .shared-plan-box .shared-plan-box-pricing-month {
        font-size: 16px;
        line-height: 22px;
    }

    .shared-monthly-btn,
    .shared-yearly-btn {
        font-size: 14px;
    }

    #Comprison_pricingplan table tbody tr {
        border: none;
    }

    #Comprison_pricingplan table tbody tr td {
        font-size: 14px;
    }

    #Comprison_pricingplan table tbody tr td:first-child {
        font-size: 14px;
    }

    #Comprison_pricingplan button {
        font-size: 12px;
    }

    .reseller-comparison-text {
        margin-bottom: 40px;
    }

    #Comprison_pricingplan button {
        padding: 9px 50px;
    }

    .reliable-shared-hsoting-section h1 {
        font-size: 29px;
        line-height: 34px;
    }

    .reliable-shared-hsoting-section h5 {
        font-size: 16px;
        line-height: 22px;
    }

    .reliable-shared-hsoting-section p {
        font-size: 14px;
    }

    .reliable-shared-hsoting-section-btn {
        padding: 12px 38px;
    }

    .reliable-shared-hsoting-section-image {
        max-width: 225px;
    }

    .reliable-shared-hsoting-section {
        padding: 60px 0px;
    }

    .shared-tabs-section .nav-tabs {
        margin: 0px auto 60px;
    }

    .shared-banner-section {
        padding: 60px 0px 100px 0px;
    }

    .shared-tabs-section {
        margin-top: -100px;
    }

    .shared-plan-box-section {
        padding-top: 60px;
    }

    .shared-plan-box .shared-plan-box-paragraph {
        margin-top: 0px;
    }

    .shared-plan-box p {
        margin-bottom: 15px;
    }

    .features-section-variation-2 h1 {
        font-size: 33px;
    }

    .feature-heading {
        padding-bottom: 30px;
    }

    .vps-banner-section h1 {
        font-size: 45px;
        line-height: 36px;
    }

    .vps-banner-section {
        padding: 60px 0px;
    }

    .vps-banner-section p {
        font-size: 16px;
        line-height: 22px;
        padding: 0 10%;
    }

    .vps-banner-image {
        max-width: 255px;
    }

    .guarrantees-section-variation-2 {
        padding: 60px 0px;
    }

    .guarrantees-section-variation-2 h1 {
        font-size: 32px;
        line-height: 27px;
        margin-bottom: 18px;
    }

    .guarrantees-section-variation-2 h5 {
        font-size: 16px;
        line-height: 22px;
        padding: 0 10%;
    }

    .guarrantees-section-variation-2 .guarrantee-text {
        margin-bottom: 40px;
    }

    .guarrantees-section-variation-2-text {
        margin-bottom: 40px;
    }

    .guarrantees-section-variation-2 p {
        font-size: 14px;
        padding: 0 2%;
        line-height: 26px;
    }

    .pricebox .pricetxt span.doller {
        font-size: 32px;
    }

    .pricebox .pricetxt span.numeric {
        font-size: 32px;
    }

    .vps-slider-section .form-group {
        margin-bottom: 20px;
    }

    .vps-slider-section {
        padding: 60px 0px;
    }

    .landing-page-banner-section {
        padding: 60px 0px 0px 0px;
    }

    .landing-page-server-img {
        max-width: 350px;
    }

    .landing-page-column {
        padding: 130px 40px 70px 40px;
    }

    .landing-page-banner-logo-img img {
        width: 45%;
    }

    .landing-page-banner-section h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .landing-page-banner-logo-img {
        margin-bottom: 30px;
    }

    .landing-page-banner-section p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 25px;
        padding: 0 3%;
    }

    .landing-page-primary-btn,
    .landing-page-secondary-btn {
        padding: 12px 25px;
        font-size: 13px;
    }

    .landing-page-server-bottom-left-image,
    .landing-page-server-bottom-right-image {
        width: 50%;
    }
}

@media screen and (max-width: 576px) {
    .topbar-setting {
        text-align: center;
    }

    .social {
        text-align: center;
        width: 100%;
    }

    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .navbar-brand img {
        max-width: 85%;
    }

    .banner-text h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .banner-text span {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-img {
        left: 0;
        width: 100%;
    }

    .banner-text .text-paragraph {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .banner-section {
        padding: 0px 0 120px 0;
    }

    .primary-btn {
        padding: 12px 25px;
    }

    .secondary-btn {
        padding: 12px 25px;
    }

    .search-btn {
        left: inherit;
        right: 0;
        bottom: 0;
        padding: 9px 18px;
        font-size: 10px;
    }

    .subscribe-form .form-control {
        padding: 15px 0px 15px 10px;
        font-size: 12px;
    }

    .field-background .field {
        padding: 33px 33px;
        top: -76px;
        left: 10px;
        right: 10px;
    }

    .plan .hosting-img-1,
    .plan .hosting-img-2,
    .plan .hosting-img-3 {
        margin-bottom: 20px;
    }

    .plan h4 {
        font-size: 18px;
    }

    .plan li {
        padding: 8px 0;
    }

    .plan li span {
        font-size: 14px;
        line-height: 20px;
    }

    .hosting-list-icon {
        max-width: 20px;
    }

    .price {
        padding-top: 0px;
    }

    .price li {
        margin-right: 0px;
        font-size: 11px;
        text-align: center;
        padding: 0px 5px 0px 5px;
        display: table-cell;
        vertical-align: middle;
    }

    .plan ul {
        margin-right: 0%;
        width: 100%;
        display: table;
        margin-bottom: 20px;
    }

    .plan small {
        line-height: 0px;
    }

    .plan h2 {
        line-height: 40px;
        margin-bottom: 20px;
    }

    .hosting-section {
        padding: 120px 0px 60px 0px;
    }

    .hosting-text,
    .server-text,
    .vps-text {
        left: 60%;
        font-size: 12px;
    }

    .hosting-pricing span,
    .server-pricing span,
    .vps-pricing span {
        font-size: 25px;
        line-height: 20px;
    }

    .hosting-pricing small,
    .server-pricing small,
    .vps-pricing small {
        font-size: 14px;
    }

    .shared-hosting img,
    .server-hosting img,
    .vps-hosting img {
        padding-right: 10px;
    }

    .hosting-btn,
    .server-btn,
    .vps-btn {
        margin-left: 0%;
        padding: 14px 36px;
        font-size: 12px;
    }

    .hosting-section h1 {
        font-size: 26px;
        line-height: 35px;
    }

    .hosting-img-1 img,
    .hosting-img-2 img,
    .hosting-img-3 img {
        width: 50px;
        float: none;
    }

    .plan figure {
        margin-bottom: 15px;
    }

    .shared-hosting,
    .server-hosting,
    .vps-hosting {
        width: 100%;
    }

    .plan-box-guarrantee,
    .plan-box-backup {
        margin-bottom: 30px;
    }

    .plan-box h4 br {
        display: none;
    }

    .guarrantees-section h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .guarrantees-section h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .guarrantees-section p {
        font-size: 12px;
        line-height: 20px;
    }

    .guarrantees-btn {
        padding: 14px 36px 14px 36px;
        font-size: 12px;
    }

    .plan-box-setting {
        padding-top: 40px;
    }

    .data-section {
        padding: 60px 0px;
    }

    .data-section h1 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .data-section p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 0 5%;
    }

    .data-section h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .data-btn {
        font-size: 12px;
        padding: 12px 24px;
    }

    .point {
        width: 0.8rem;
        height: 0.8rem;
        border: 2px solid var(--global--color-white);
    }

    .canada {
        top: 33%;
        left: 17%;
    }

    .los-angeles {
        top: 45%;
        left: 13%;
    }

    .dallas {
        top: 45%;
        left: 19%;
    }

    .atlanta {
        top: 37%;
        left: 22%;
    }

    .united-kingdom {
        top: 32%;
        left: 46%;
    }

    .germany {
        top: 36%;
        left: 50%;
    }

    .moscow {
        top: 33%;
        left: 58%;
    }

    .india {
        top: 49%;
        right: 26%;
    }

    .south-korea {
        top: 42%;
        right: 14%;
    }

    .japan {
        top: 39%;
        right: 10%;
    }

    .australia {
        top: 81%;
        right: 8%;
    }

    .features-section {
        padding: 60px 0;
    }

    .features-section h1 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .features-section p {
        font-size: 14px;
        line-height: 20px;
    }

    .feature-plan-box {
        padding: 40px 30px;
    }

    .feature-image-list {
        max-width: 150px;
        margin: 0 auto 25px;
    }

    .feature-plan-box h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .feature-plan-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .review-section {
        padding: 60px 0px;
    }

    .review-section h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .review-section p {
        margin-bottom: 20px;
    }

    .review-section .heading-text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .stars li {
        font-size: 20px;
        padding-top: 10px;
    }

    .quote i {
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .review-section-text {
        font-size: 18px;
        line-height: 25px;
    }

    .ceo h4 {
        font-size: 20px;
        padding-top: 8px;
        line-height: 10px;
    }

    .ceo .ceo-text {
        font-size: 12px;
        line-height: 18px;
    }

    .contact-planbox {
        margin-bottom: 20px;
    }

    .contact-planbox p {
        line-height: 14px;
    }

    .contact-section {
        padding-bottom: 40px;
    }

    .contact-form-plan-box .textarea .form-control {
        height: 50px;
    }

    .contact-section {
        bottom: 0px;
    }

    .footer-section {
        padding: 60px 0px;
    }

    .footer-section h3 {
        font-size: 22px;
        line-height: 18px;
    }

    .footer-section p {
        font-size: 13px;
        line-height: 20px;
    }

    .footer-form {
        padding-top: 5px;
    }

    .footer-section .form-control {
        padding: 20px;
        font-size: 14px;
    }

    .footer-section .form-group {
        margin-bottom: 40px;
    }

    .footer-section p {
        margin-bottom: 25px;
    }

    .footer-logo figure {
        margin: 0 auto 20px;
    }

    .footer-list {
        margin-bottom: 0px;
    }

    .footer-list li a {
        height: 35px;
        width: 35px;
        line-height: 34px;
    }

    .subscribe-btn {
        padding: 12px 20px 12px 20px;
        font-size: 12px;
    }

    .footer-company-setting,
    .footer-hosting-setting,
    .footer-contact-setting {
        display: none;
    }

    .footer-logo-setting {
        padding-top: 0px;
        text-align: center;
    }

    .footer-setting {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .footer-cards {
        text-align: center;
    }

    .footer-bar .footer-cards small {
        margin: 0px;
    }

    .footer-cards-list li:first-child {
        margin-left: 0px;
    }

    .footer-cards-list {
        padding-top: 10px;
    }

    .footer-arrow {
        text-align: center;
    }

    .footer-arrow-setting {
        height: 25px;
        width: 25px;
        line-height: 23px;
        font-size: 15px;
    }

    .footer-list li {
        height: 25px;
        width: 25px;
        line-height: 24px;
        margin-right: 20px;
    }

    .footer-logo small {
        font-size: 12px;
    }

    .footer-bar {
        padding: 30px 0 30px 0;
    }

    .footer-cards-list li {
        font-size: 20px;
    }

    .vision-plan-box {
        padding: 20px;
    }

    .vision-plan-box h4 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .vision-plan-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .vision-image-list {
        margin: 0 auto 20px;
        max-width: 50px;
    }

    .about-us-banner-section {
        padding: 0px 0px 50px 0px;
    }

    .about-us-banner-section h2 {
        padding-bottom: 0px;
        padding-top: 20px;
        font-size: 28px;
        line-height: 30px;
    }

    .about-us-banner-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .about-us-banner-text h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .about-primary-btn {
        padding: 12px 26px;
        font-size: 12px;
    }

    .about-secondary-btn {
        padding: 12px 16px;
        font-size: 12px;
        margin-left: 4px;
    }

    .about-us-price {
        padding-top: 25px;
    }

    .about-sub-section {
        background-position: 70% 65px;
    }

    .history-section .plan-circle:after {
        left: 49%;
    }

    .history-section h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .history-section p {
        padding: 0 3%;
    }

    .history-section {
        padding: 60px 0px;
    }

    .choose-section h1 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 13px;
    }

    .choose-section h5 {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 22px;
    }

    .choose-section p {
        line-height: 20px;
        font-size: 12px;
    }

    .choose-btn {
        padding: 12px 35px;
        font-size: 14px;
    }

    .choose-section {
        padding: 50px 0px;
    }

    .choose-text {
        padding-top: 30px;
    }

    .team-section {
        padding: 50px 0px;
    }

    .team-heading h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .team-heading p {
        font-size: 14px;
        line-height: 14px;
        padding: 0 3%;
    }

    .team-plan-box {
        padding: 30px;
    }

    .team-plan-box figure {
        width: 150px;
        height: 150px;
        margin: 0 auto 30px;
    }

    .team-plan-box img {
        padding-top: 10px;
    }

    .team-plan-box h4 {
        font-size: 20px;
        line-height: 18px;
    }

    .team-plan-box p {
        margin-bottom: 15px;
    }

    .contact-us-banner-section h1 {
        font-size: 36px;
        line-height: 30px;
    }

    .contact-us-banner-section {
        padding: 50px 0px;
    }

    .contact-us-plan-box img {
        width: 25px;
    }

    .contact-us-plan-box h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .contact-us-plan-box p {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
    }

    .contact-us-plan-box a {
        font-size: 14px;
        line-height: 20px;
    }

    .success-section h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .success-section p {
        font-size: 14px;
        line-height: 18px;
    }

    .success-plan-box a {
        font-size: 14px;
        line-height: 18px;
    }

    .success-section-text {
        margin-bottom: 30px;
    }

    .success-plan-box {
        padding: 40px 30px;
    }

    .success-plan-box img {
        width: 50px;
    }

    .success-plan-box figure {
        margin-bottom: 20px;
    }

    .success-plan-box h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .contact-form-section {
        padding: 100px 0px 60px 0px;
    }

    .contact-form-section-plan-box h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .contact-form-section-plan-box p {
        font-size: 14px;
        line-height: 18px;
    }

    .contact-form-section-text {
        margin-bottom: 20px;
    }

    .contact-form-plan-box .form-control {
        font-size: 12px;
        padding: 0 0px 0 10px;
        height: 45px;
    }

    .contact-form-section-plan-box {
        padding: 20px;
    }

    .contact-form-plan-box .select-form {
        background-position: 96% 19px;
    }

    .submitform-btn {
        padding: 12px 30px;
        font-size: 12px;
    }

    .success-section {
        padding: 60px 0 55px 0;
    }

    .contact-section-inner {
        position: relative;
    }

    .dedicated-banner-section {
        padding: 0px 0px 50px 0px;
    }

    .dedicated-banner-section ul {
        margin-bottom: 0px;
    }

    .dedicated-banner-section h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .dedicated-banner-section p {
        font-size: 14px;
    }

    .dedicated-banner-section ul li {
        font-size: 12px;
        line-height: 16px;
    }

    .dedicated-server-plan-box ul {
        width: 100%;
    }

    .dedicated-server-plan-box {
        padding: 40px;
    }

    .dedicated-server-plan-box h4 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 16px;
    }

    .dedicated-server-plan-box h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .dedicated-server-plan-box span {
        font-size: 24px;
        line-height: 30px;
    }

    .dedicated-server-plan-box .dedicated-server-pricing {
        font-size: 14px;
        line-height: 18px;
    }

    .dedicated-server-plan-box .dedicated-server-plan-box-text {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .dedicated-btn {
        padding: 12px 26px;
        font-size: 12px;
    }

    .dedicated-server-plan-box p {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .dedicated-server-plan-box .dedicated-server-plan-box-paragraph {
        font-size: 12px;
        line-height: 18px;
    }

    .dedicated-server-maintainance {
        padding: 50px 0px;
    }

    .dedicated-server-maintainance h4,
    .dedicated-server-maintainance a {
        font-size: 20px;
        line-height: 24px;
    }

    .dedicated-hosting-plan-text h1,
    .dedicated-hosting-plan-text span {
        font-size: 26px;
    }

    .dedicated-hosting-plan-section h4 {
        line-height: 15px;
        font-size: 20px;
    }

    .dedicated-hosting-plan-section p {
        font-size: 12px;
        line-height: 16px;
    }

    .dedicated-hosting-plan-image-list {
        max-width: 40px;
    }

    .dedicated-hosting-plan-setting img {
        width: 50px;
    }

    .dedicated-hosting-plan-section {
        padding: 60px 0px;
    }

    .dedicated-server-features-plan-box {
        padding: 50px 30px;
    }

    .dedicated-server-features-section h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .dedicated-server-features-section p {
        font-size: 14px;
        line-height: 18px;
    }

    .dedicated-server-features-plan-box p {
        font-size: 14px;
        line-height: 25px;
        padding: 0px;
    }

    .dedicated-server-features-section-text {
        margin-bottom: 30px;
    }

    .dedicated-server-feature-network-img,
    .dedicated-server-feature-technology-img,
    .dedicated-server-feature-control-panel-img {
        margin-bottom: 30px;
    }

    .dedicated-server-feature-image-list {
        max-width: 160px;
        margin: 0 auto 25px;
    }

    .dedicated-server-features-plan-box h4 {
        line-height: 23px;
        font-size: 20px;
    }

    .dedicated-server-support-plan-box-section h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .dedicated-server-support-plan-box p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .dedicated-server-support-plan-box img {
        width: 75px;
    }

    .dedicated-server-support-plan-box {
        padding: 40px 30px;
    }

    .dedicated-server-support-plan-box li:last-child {
        padding-bottom: 20px;
    }

    .dedicated-support-btn {
        padding: 12px 30px;
    }

    .dedicated-server-support-plan-box .variation-2 {
        padding: 12px 24px;
    }

    .dedicated-server-support-plan-box span {
        font-size: 14px;
        line-height: 18px;
    }

    .dedicated-server-support-plan-box h4 {
        line-height: 26px;
        font-size: 20px;
    }

    .dedicated-server-support-plan-box-section-text {
        margin-bottom: 30px;
    }

    .dedicated-server-support-plan-box-section p {
        font-size: 14px;
        line-height: 22px;
    }

    .accordion-section h1 {
        font-size: 26px;
        line-height: 25px;
    }

    .accordion-section-text {
        margin-bottom: 15px;
    }

    .accordion-card .btn-link {
        font-size: 16px;
    }

    .accordion-card .btn-link:before,
    .accordion-card .btn-link:before {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion-card .card-body {
        font-size: 12px;
        line-height: 20px;
    }

    .accordion-section {
        padding: 60px 0px;
    }

    .domain-banner-section {
        padding: 50px 0px;
    }

    .domain-banner-section h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .domain-banner-section p {
        font-size: 14px;
        line-height: 18px;
    }

    .domain-btn {
        padding: 12px 26px;
        font-size: 12px;
    }

    .domain-form {
        width: 100%;
    }

    .domain-banner-section .form-control {
        height: 40px;
        padding-left: 14px;
        font-size: 12px;
    }

    .domain-plan-box p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .domain-plan-box h2 {
        font-size: 45px;
    }

    .domain-plan-box span {
        font-size: 32px;
    }

    .domain-plan-box-image-list {
        max-width: 80px;
    }

    .domain-plan-box .domain-plan-box-pricing {
        font-size: 16px;
    }

    .domain-plan-box-btn {
        padding: 12px 30px;
        font-size: 12px;
    }

    .domain-management-section {
        padding: 60px 0px;
    }

    .domain-management-plan-box {
        padding: 40px 30px;
    }

    .domain-management-image-1,
    .domain-management-image-2 {
        max-width: 100px;
    }

    .domain-management-plan-box h4 {
        font-size: 22px
    }

    .domain-management-plan-box p {
        font-size: 14px;
        line-height: 24px;
    }

    .domain-table-section .table thead th {
        font-size: 10px;
    }

    .table-plan-box {
        padding: 30px 20px;
    }

    .domain-table-section .table tbody th {
        font-size: 10px;
    }

    .domain-table-section .table tbody th .popular,
    .domain-table-section .table tbody th .sale {
        font-size: 7px;
    }

    .domain-table-section .table tbody td,
    .domain-table-section .table tbody td .price {
        font-size: 10px;
    }

    .reseller-banner-section h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .reseller-banner-section p {
        font-size: 14px;
        line-height: 24px;
    }

    .reseller-plan-box {
        padding: 40px 30px;
    }

    .reseller-plan-box h4 {
        font-size: 22px;
    }

    .reseller-plan-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .reseller-plan-box h2 {
        font-size: 45px;
    }

    .reseller-plan-box .reseller-plan-box-pricing {
        font-size: 30px;
    }

    .reseller-plan-box .reseller-plan-box-pricing-month {
        font-size: 16px;
    }

    .reseller-feature-plan-box-image-list-variation-1,
    .reseller-feature-plan-box-image-list {
        max-width: 140px;
    }

    .reseller-plan-box-btn {
        padding: 12px 40px;
        font-size: 12px;
    }

    .reseller-feature-text h1 {
        font-size: 26px;
    }

    .reseller-feature-text p {
        line-height: 18px;
        font-size: 14px;
    }

    .reseller-feature-text {
        margin-bottom: 30px;
    }

    .reseller-feature-plan-box h4 {
        font-size: 20px;
    }

    .reseller-feature-plan-box p {
        font-size: 12px;
        line-height: 22px;
    }

    .reseller-feature-plan-box {
        padding: 45px 25px;
    }

    .reseller-guarrantees-text h1 {
        font-size: 28px;
    }

    .reseller-guarrantees-text p {
        font-size: 14px;
        line-height: 22px;
        padding: 0;
    }

    .reseller-guarrantees-plan-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .reseller-guarrantees-plan-box {
        padding: 40px 20px;
    }

    .reseller-guarrantees-text {
        margin-bottom: 30px;
    }

    .shared-banner-section {
        padding: 0px 0px 100px 0px;
    }

    .shared-banner-section p {
        font-size: 14px;
        line-height: 20px;
    }

    .shared-banner-section h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .shared-monthly-btn,
    .shared-yearly-btn {
        font-size: 14px !important;
    }

    .shared-tabs-section .nav-tabs {
        margin: 0px auto 45px;
    }

    .reseller-comparison-text h1 {
        font-size: 25px;
    }

    .reseller-comparison-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .reseller-comparison-text {
        margin-bottom: 30px;
    }

    #Comprison_pricingplan button {
        padding: 7px 20px;
    }

    #Comprison_pricingplan table tbody tr td:first-child {
        padding-left: 20px;
    }

    #Comprison_pricingplan table tbody tr td {
        padding: 12px 0px;
    }

    #Comprison_pricingplan table tbody tr:first-child td {
        padding-top: 20px;
    }

    #Comprison_pricingplan table tbody tr:last-child td {
        padding-bottom: 20px;
    }

    #Comprison_pricingplan table tbody tr td {
        font-size: 12px;
    }

    #Comprison_pricingplan table tbody tr td:first-child {
        font-size: 12px;
    }

    .reseller-table-plan-box-btn {
        padding: 12px 25px;
    }

    #Comprison_pricingplan table tbody tr:nth-child(2) td {
        padding-top: 20px;
    }

    .reliable-shared-hsoting-section h1 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .reliable-shared-hsoting-section h5 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .reliable-shared-hsoting-section p {
        font-size: 12px;
        line-height: 20px;
    }

    .reliable-shared-hsoting-section-btn {
        font-size: 12px;
        padding: 14px 36px;
    }

    .reliable-shared-hsoting-section-text {
        padding-top: 20px;
    }

    .shared-plan-box figure {
        margin-bottom: 20px;
    }

    .shared-plan-box h4 {
        font-size: 20px;
    }

    .shared-plan-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .shared-plan-box h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .shared-plan-box .shared-plan-box-pricing {
        font-size: 25px;
        line-height: 20px;
    }

    .shared-plan-box .shared-plan-box-pricing-month {
        font-size: 14px;
    }

    .shared-plan-box-btn {
        padding: 12px 36px;
        font-size: 12px;
    }

    .shared-plan-box {
        padding: 30px;
    }

    .reliable-shared-hsoting-section-image {
        max-width: 175px;
    }

    .features-section-variation-2 h1 {
        font-size: 26px;
    }

    .feature-heading {
        padding-bottom: 20px;
    }

    .vps-banner-section {
        padding: 50px 0px;
    }

    .vps-banner-section h1 {
        font-size: 36px;
        line-height: 32px;
    }

    .vps-banner-section p {
        font-size: 14px;
        line-height: 22px;
        padding: 0px;
    }

    .guarrantees-section-variation-2 h1 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .guarrantees-section-variation-2 h5 {
        font-size: 14px;
        line-height: 20px;
        padding: 0px;
    }

    .guarrantees-section-variation-2 .guarrantee-text {
        margin-bottom: 30px;
    }

    .guarrantees-section-variation-2-text {
        margin-bottom: 30px;
    }

    .guarrantees-section-variation-2 p {
        font-size: 12px;
        padding: 0px;
        line-height: 22px;
    }

    .vps-slider-section h4 {
        font-size: 22px;
    }

    .plan-wrap {
        padding: 50px 30px 50px 30px;
    }

    .vps-slider-section p {
        line-height: 16px;
        font-size: 14px;
        margin-bottom: 27px;
    }

    .vps-slider-section .form-control {
        font-size: 14px;
    }

    .white_btn a {
        padding: 12px 30px;
        font-size: 12px;
    }

    .slider-container .ui-slider-handle {
        width: 25px;
        height: 25px;
        margin-top: -3px;
    }

    .landing-page-server-img {
        max-width: 300px;
    }

    .landing-page-banner-logo-img img {
        width: 60%;
    }

    .landing-page-column {
        padding: 120px 30px 60px 30px;
    }

    .landing-page-banner-section h1 {
        font-size: 25px;
        line-height: 25px;
    }

    .landing-page-primary-btn {
        padding: 12px 18px;
        font-size: 10px;
    }

    .landing-page-secondary-btn {
        padding: 12px 15px;
        font-size: 10px;
    }

    .landing-page-server-bottom-left-image {
        left: -70px;
        width: 60%;
    }

    .landing-page-server-bottom-right-image {
        right: -70px;
        width: 60%;
    }

    .landing-page-banner-section p {
        padding: 0;
    }
}
.btn-plan {
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #dddddd;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding: 12px 20px;
    transition: all 0.3s ease;
}

.btn-plan:hover {
    background-color: var(--primary);
    color: #ffffff;
    border-color: var(--primary);
}
.guarrantee-section .guarrantee-image img {
    filter: brightness(0) invert(1);
}
.footer-bar {
    background-color: #f7f7f7; /* Cor de fundo escura, ajuste se necessário */
    color: #ffffff; /* Cor padrão do texto para branco */
    padding: 20px 0;
    font-size: 14px;
}

/* --- Coluna da Esquerda: Métodos de Pagamento --- */
.footer-bar .footer-cards small {
    display: block;
    margin-bottom: 10px;
    color: #bdc3c7; /* Um cinza claro para o texto "Métodos de Pagamento" */
    margin-top: -1%;
}

.footer-bar .footer-cards-list {
    display: flex;
    align-items: center;
    gap: 15px; /* Espaçamento entre os logos */
    padding-left: 0;
    margin-bottom: 0;
}

/* --- Coluna da Direita: Navegação --- */
.footer-bar .footer-nav {
    margin-bottom: 0;
}

/* Uniformiza os links, removendo sublinhado e definindo a cor */
.footer-bar .footer-nav a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Transição suave para o hover */
}

/* EFEITO HOVER nos links da navegação */
.footer-bar .footer-nav a:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Fundo semi-transparente ao passar o mouse */
    color: #ffffff; /* Mantém a cor do texto */
}

/* --- Estilos para o Dropdown de Idiomas --- */

/* Cor do texto dentro do dropdown */
.dropdown-language-search .dropdown-menu-item a .language-text {
    color: #333; /* Cor escura para melhor leitura no fundo claro do dropdown */
}

/* EFEITO HOVER nos itens do dropdown */
.dropdown-language-search .dropdown-menu-item:hover {
    background-color: #f5f5f5; /* Cor de fundo suave ao passar o mouse */
}

.dropdown-language-search .dropdown-menu-item.active {
    background-color: #e9ecef; /* Cor para o item ativo */
}

/* Ajusta o ícone de 'caret' ao lado do idioma/moeda */
.footer-bar .ls-caret {
    margin-left: 5px;
}
.banner-section {
    position: relative;
    overflow: hidden; /* Muito importante para cortar qualquer parte da imagem que saia fora */
}

/* Ajusta o conteúdo de texto para garantir que fique visível e bem posicionado */
.banner-text, .text-paragraph {
    position: relative;
    z-index: 2; /* Garante que o texto fique na frente da imagem */
}

/* Aplica o novo posicionamento da imagem APENAS em ecrãs de desktop */
@media (min-width: 992px) {
    .banner-img {
        position: absolute;
        right: 0; /* Alinha no canto direito */
        bottom: 0; /* Alinha na base */
        width: 55%; /* Define uma largura (ajuste conforme necessário) */
        max-width: 700px; /* Limite máximo para ecrãs muito grandes */
        z-index: 1; /* Coloca a imagem atrás do texto */
    }

    /* Opcional: Para evitar que o texto fique por cima da imagem, 
       podemos limitar a largura do texto em desktops */
    .banner-text, .text-paragraph {
        max-width: 60%; /* Faz o texto ocupar apenas 60% da largura, deixando espaço para a imagem */
    }
}