/*!
 * Author: Feroz Host
 * Copyright of ferozhost.com
 * NOTE: This template is copyrighted by the company Feroz Host. And can only be used and manipulated exclusively by Feroz Host. You can acess the website company in url: https://ferozhost.com any misuse, copying, website phishing and any other illegal term will not be tolerated. If you notice that this file is in a URL other than https://ferozhost.com please contact us so that we can resolve the possible violation in the LAW. Contact us at: abuse@ferozhost.com
 * Version	 :	2.0.0
 * Updated	 :	17.06.2021
 * Language Script: Portuguese (Brazil)
**/

/* START ROOT */

:root {

    --color-blue-light: #150963;
    --color-blue-dark: #21127e;
    --color-grey-light: #e3e3e3;
    --backgroundColor-01: var(--color-blue-light);
    --backgroundColor-02: var(--color-blue-dark);
    
}

/* END ROOT */

/* START ANIMATION */

@keyframes left {
    from {
      left: 0;
    }
    to {
      left: -100%;
    }
  }
  
  @keyframes right {
    from {
      left: 100%;
    }
    to {
      left: 0;
    }
}

/* END ANIMATION */

/* START FONTS */

@font-face {
    font-family: "GalanoGrotesqueAltRegular";
    font-display: swap;
    src: url("../fonts/GalanoGrotesqueAltRegular.woff");
}

@font-face {
    font-family: "GalanoGrotesqueAltMedium";
    font-display: swap;
    src: url("../fonts/GalanoGrotesqueAltMedium.woff");
}

@font-face {
    font-family: "GalanoGrotesqueAltSemiBold";
    font-display: swap;
    src: url("../fonts/GalanoGrotesqueAltSemiBold.woff");
}

/* END FONTS */

/* START ICONS */

i, .icon {
    background-color: unset !important;
    font-size: 18px;
    display: flex;
    align-items: center;
    align-self: center;
}

/* END ICONS */

/* START EFFECTS */

@keyframes heartEffect {
    0% {transform: scale(1.1)}
    90% {transform: scale(1.1)}
}

/* END EFFECTS */

/* START ICONS  */

.cci-icon-up {
    transform: rotate(-90deg);
}

.cci-icon-left {
    transform: rotate(180deg)
}

.cci-icon-right {
    transform: rotate(-180deg)
}

.cci-icon-down {
    transform: rotate(90deg);
}

/* END ICONS */

/* START DEFAULT STYLES */

* {
    box-sizing: border-box;
    text-transform: unset;
    scroll-behavior: smooth;
}

body {
    margin: 0 auto;
    background-color: #fafafa;
}

.container {
    min-height: calc(100vh - 1024px);
}

.container-max {
    width: 100%;
    max-width: 1350px;
    /* max-width: 1500px; */
    display: flex;
    margin: 0 auto;
}

section, .content {
    width: 100%;
    min-height: 100px;
    padding-top: 70px !important;
    padding-bottom: 50px !important;
}

.content-img {
    min-width: auto;
    max-width: 140px;
}

.content-img img {
    width: 100%;
    height: auto;
}

.location-map {
    margin-top: 40px;
}

.content-img img,
.content-img-lg img,
.content-img-sm img {
    width: 100%;
    height: auto;
}

.illustrate {
    margin-top: 30px;
    min-width: 1000px;
    height: 550px;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
}

.reverse-img {
    transform: scaleX(-1);
}

.content-left, .content-center, .content-right,  [class^="content-0"] {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
}

[class^="content-0"] {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

a {
    text-decoration: none;
    color: black;
}

p, a, li {
    font-family: "GalanoGrotesqueAltRegular";
    font-feature-settings: "salt" on,"liga" off;
    font-size: 14px;
    line-height: 21px;
    display: flex;
}

div, span, cite {
    font-family: "GalanoGrotesqueAltMedium" !important;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "GalanoGrotesqueAltSemiBold";
}

.title {
    display: block;
    margin-top: 0em;
    margin-bottom: 0.50em;
    margin-left: 0;
    margin-right: 0;
    font-family: "GalanoGrotesqueAltMedium";
    color: #333333;
}

.title-modern  {
    font-family: "GalanoGrotesqueAltRegular" !important;
    font-size: 25px;
    margin-bottom: 30px;
}

.t-small {
    font-size: 19px;
    font-family: "GalanoGrotesqueAltRegular" !important;
}

.t-medium {
    font-size: 25px;
}

.t-large {
    font-size: 1.9rem;
}

.text {
    display: block;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-family: "GalanoGrotesqueAltRegular";
    color: #070707ba;
}

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

.txt-medium {
    font-size: 15px;
}

.txt-large {
    font-size: 17px;
}

.txt-blue {
    color: rgb(14, 4, 110) !important;
}

.txt-blue{
    color: #150963;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: unset;
}

select {
    border: none;
    outline: none;
    background-color: transparent;
    font-family: "Montserrat-Regular"; 
    font-size: 13.7px;
    color: #fff;
}

.buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.buttons button, .link-button {
    margin-left: unset !important;
    margin-top: 23px;
}

button, .link-button {
    max-width: 190px;
    background-color: transparent;
    outline: none;
    border: none;
    
}

.icons-in-line {
    display: flex;
    align-items: center;
}

.icons-in-line li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    user-select: none;
    -moz-user-select: none;
}

#register-domain {
    display: flex;
}

.input-modern {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 11px 21px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #343a40;
    background-color: #ffffff;
    background-image: none;
    border-radius: 6px;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #ffffff;
    outline: none;
}

.logo {
    width: 145px;
    user-select: none;
    -moz-user-select: none;
}

.logo img {
    width: 100%;
    height: unset;
}

.hr {
    width: 170px;
    height: 1.2px;
    display: flex;
    color: black;
    margin: 30px auto;
    margin-bottom: 25px;
}

.hr * {
    color: black;
    background-color: black;
}

.hr i {
    font-size: 25px;
}

.hr div:nth-child(1),
.hr div:nth-child(3) {
    width: 100%;
    height: 100%;
}

.guaranteed-money {
    padding-bottom: unset !important;
}

.form-banner,
.form-banner {
    background-color: var(--color-blue-light);
}

.form-banner-p {
    color: #fff;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.form-banner-p a {
    color: #52a1ca !important;
    margin-left: 5px;
}

table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 95%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    text-align: center;
}

table th,
table td {
    padding: 12px 15px;
}

/* END DEFAULT STYLES */

/* START BUTTON STYLES */

.button-transparent {
    border: 1px solid #b5b9c94f;
    background-color: transparent;
    padding: 9px 15px;
    margin-right: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: ease .2s;
    -o-transition: ease .2s;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    margin-left: 7px;
    margin-right: 7px;
    color: #fff;
}

.button-transparent i {
    -moz-transition: ease .2s;
    -o-transition: ease .2s;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    margin-left: 3px;
    margin-right: 6px;
    font-size: 17.5px;
}

.button-transparent:hover {
    border: 1px solid #143dadc0;
    background-color: #143dadc0;
    cursor: pointer;
}

.button-transparent:active {
    background-color: #03092e49;
}

.button-modern {
    border-radius: 3px;
    padding: 9px 15px;
    color: #fff;
    word-break: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-family: "GalanoGrotesqueAltRegular";
    text-align: center;
    cursor: pointer;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3;
}

.button-modern:hover {
    cursor: pointer;
}

.button-large {
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
    border: 2px solid transparent;
    padding: 14px;
    font-size: 17px;
    font-family: "GalanoGrotesqueAltMedium";
}

.button-large-active {
    border-style: solid;
    border-right: 2px solid #0066ff;
    border-left: 2px solid #0051e6;
    border-bottom: 2px solid #0066ff;
    border-top: 2px solid #0051e6;
    border-image-slice: 1;
}

.button-large:hover {
    border-right: 2px solid #3e25cf;
    border-left: 2px solid #5065e0;
    border-bottom: 2px solid #3e25cf;
    border-top: 2px solid #5065e0;
    cursor: pointer;
    filter: brightness(95%)
}


.button-large:active {
    border-right: 2px solid rgb(3, 29, 173);
    border-left: 2px solid #203ace;
    border-bottom: 2px solid rgb(3, 29, 173);
    border-top: 2px solid #203ace;
}

.btn-rounded {
    border-radius: 999px;
}

.button-blue-linear {
    min-width: 160px;
    margin-left: 20px;
    background-image: linear-gradient(to right, #490093, #0e00b9);
}

.button-blue-linear:hover {
    background-image: linear-gradient(to right, #6b22b4, #2f22bb);
}

.button-blue-linear:active {
    min-width: 160px;
    margin-left: 20px;
    background-image: linear-gradient(to right, #3b0374, #0d0281);
}

.btn-blue {
    border: 1px solid #4863ff;
    background-color: #4863ff;
    color: #fff !important;
}

.btn-blue:hover {
    border: 1px solid #343bc5;
    background-color: #343bc5;
}

.btn-blue:active {
    border: 1px solid #1c2292;
    background-color: #1c2292;
}

.btn-blue-02 {
    border: 1px solid #0073aa;
    background-color: #0073aa;
    color: #fff !important;
}

.btn-blue-02:hover {
    border: 1px solid #03608b;
    background-color: #03608b;
}

.btn-blue-02:active {
    border: 1px solid #014564;
    background-color: #014564;
}

.btn-blue-03 {
    border: 1px solid #4300fb;
    background-color: #4300fb;
    color: #fff !important;
}

.btn-blue-03:hover {
    border: 1px solid #0043fb;
    background-color: #0043fb;
}

.btn-blue-03:active {
    border: 1px solid #3501c5;
    background-color: #3501c5;
}

.btn-blue-04 {
    border: 1px solid #263eac;
    background-color: #263eac;
    color: #fff !important;
}

.btn-blue-04:hover {
    border: 1px solid #2345da;
    background-color: #2345da;
}

.btn-blue-04:active {
    border: 1px solid #081c77;
    background-color: #081c77;
}

.btn-blue-04-transparent {
    border: 1px solid #0043fb;
    color: #0043fb !important;
    background-color: transparent;
}

.btn-blue-04-transparent:hover {
    border: 1px solid #132d74;
    color: #132d74 !important;
}

.btn-blue-04-transparent:active {
    border: 1px solid #051c5c;
    color: #051c5c !important;
}

.btn-pink {
    background-color: #d601a8;
}

.btn-pink:hover {
    background-color: rgb(168, 11, 142)
}

.btn-pink:active {
    background-color: rgb(138, 13, 117)
}

.btn-orange {
    background: #ff6c2c;
    border-color: #ff6c2c;
}

.btn-orange:hover {
    background-color: rgb(228, 97, 41);
    border-color: #ff6c2c;
}

.btn-orange:active {
    background-color: rgb(177, 70, 24);
    border-color: #ff6c2c;
}

.btn-yellow {
    border: 1px solid #fba70b;
    background-color: #fba70b;
    color: #fff !important;
}

.btn-yellow:hover {
    border: 1px solid #fcc764;
    background-color: #f7b12f;
}

.btn-yellow:active {
    border: 1px solid #e9b304;
    background-color: #e9b304;
}

.btn-purple {
    border: 1px solid #4941a2;
    background-color: #4941a2;
}

.btn-purple:hover {
    border: 1px solid #7870d1;
    background-color: #7870d1;
}

.btn-purple:active {
    border: 1px solid #302981;
    background-color: #302981;
}

.btn-grey {
    border: 1px solid #565e83;
    background-color: #565e83;
}

.btn-grey:hover {
    border: 1px solid #939cc2;
    background-color: #939cc2;
}

.btn-grey:active {
    border: 1px solid rgb(75, 82, 124);
    background-color: rgb(75, 82, 124);
}

.btn-green {
    border: 1px solid #387c03;
    background-color: #387c03;
    color: whitesmoke;
}

.btn-green:hover {
    border: 1px solid #4d9714;
    background-color: #4d9714;
}

.btn-green:active {
    border: 1px solid #265502;
    background-color: #265502;
}

/* END BUTOTN STYLES */

/* START COLOR STYLES */

.color-green:hover, .color-green *:hover {
    color: #5fd591 !important;
    cursor: pointer;
}

.color-green:active, .color-green *:active {
    color: #33a763 !important;
}

.color-grey {
    color: rgb(22, 22, 22);
}

.color-grey:hover, .color-grey *:hover {
    color: rgb(56, 54, 54) !important;
    cursor: pointer;
}

.color-grey:active, .color-grey *:active {
    color: rgb(0, 0, 0) !important;
}

.color-blue {
    color: blue;
}

.color-blue:hover, .color-blue *:hover {
    color: blue !important;
    cursor: pointer;
}

.color-blue:active, .color-blue *:active {
    color: blue !important;
}

.link-color {
    color: #1082be !important;
}

.link-color:hover {
    color: #1b9de4 !important;
}

.link-color:active {
    color: #0a74ad !important;
}

/* END COLOR STYLES */

/* START NAVIGATION STYLES */

.nav-in-line ul {
    display: flex;
    align-items: center;
}

[class^="nav-in"] ul li {
    display: inline-flex;
    padding-left: 12px;
    padding-right: 12px;
    flex-direction: column;
    align-items: center;
    text-transform: capitalize;
}

.nav-in-column ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

[class^="nav-in"] ul li div:first-child {
    display: flex;
    align-items: center;
}

[class^="nav-in"] ul li div:first-child * {
    margin-left: 4px;
    margin-right: 4px;
}

[class^="nav-in"] ul li a {
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
}

[class^="nav-in"] .nav-in-column ul li a {
    font-size: 17px !important;
}


/* END NAVIGATION STYLES */

/* START HEADER AND FOOTER STYLES */

header {
    background-color: #180461;
    z-index: 1;
}

header .container-max {
    position: relative;
}

header .container-01 {
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    min-height: 10px;
    transition: display 0.2s ease-in-out;
}

header .content-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .content-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.language, header .nav-in-line {
    color: #fff;
}

header .nav-in-line ul li a {
    color: #fff;
    font-size: 13.6px;
}

header .container-01 .nav-in-line {
    position: relative;
    right: 11px;
}

header .container-02 .nav-in-line ul li a {
font-family: "GalanoGrotesqueAltMedium";
}

header .container-02 [class^="nav-in"] ul li i {
    position: relative;
    left: 5px;
}

header .container-01 .menu-open {
    padding-top: unset !important;
    padding-bottom: unset !important;
}

.language {
    padding: unset !important;
}

.language .menu-title .cci-bg-arrow-01 {
    color: #ffffff;
    border-top: 5px solid #002198 !important;
    top: 15px;
    display: none !important;
}

.language .menu {
    background-color: #002198;
    border: 1px solid rgb(23, 10, 143);
    top: 46px;
}

.language .menu ul {
    flex-direction: column;
    align-items: flex-start;
}

.language .menu ul li {
    width: 100%;
    flex-direction: row;
    color: white;
    margin: 6px;
}

.language .menu ul li strong {
    margin-left: 7px;
}

.language div {
    font-family: "Montserrat-Regular";
    color: #f3f3f3;
    font-size: 13.7px;
}

.language-actually, .language-actually cite {
    display: flex;
    align-items: center;
}

header i {
    font-size: 12px;
    background-color: #fff;
}

header .container-02 {
    background-color: transparent;
    padding: unset;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.432);
}

header .container-02 .nav-in-line {
    margin-left: 40px;
}

header .container-02 .nav-in-line ul {
    margin: unset;
}

header .container-02 .nav-in-line li {
    background-color: unset;
}

.menu-open {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

header .container-02 nav ul li a {
    padding-top: 35px;
    padding-bottom: 35px;
}

.menu-title {
    position: relative;
    user-select: none;
    -moz-user-select: none;
}

.menu-title i {
    font-size: 12px;
    transition: transform 0.3s
}

header .container-02 .nav-in-line li:hover {
    background-color: #45508c49;
    cursor: pointer;
}

header .container-02 .nav-in-line li:hover .menu:hover {
    cursor: auto;
}

footer .container-02, footer .container-01 {
    background-color: var(--backgroundColor-01);
    display: flex;
    color: #fff;
}

.navigation-footer {
    padding-bottom: 15px;
}

footer .container-01 {
    background-color: var(--backgroundColor-01);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-top: 30px;
    padding-bottom: 30px;
    align-items: center;
}

footer .container-01 [class^="content-"] {
    padding-top: 13px;
    padding-bottom: 13px;
}

footer .container-01 .container-max {
    align-items: center;
}

footer .container-01 span {
    font-size: 20px;
    text-align: center;
}

footer .container-01 .content-center,  footer .container-01 .content-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

footer .container-01 .content-center {
    flex-direction: row;
}

footer .container-01 .content-center * {
    margin-left: 4px;
    margin-right: 4px;
}

footer .container-01  button {
    width: 50%;
    padding: 14px;
}

footer .container-02 {
    padding-top: 40px;
}

footer .container-02 .icons-in-line li i {
    font-size: 26.5px;
    color: #fff !important;
}

footer .container-02 button {
    align-self: flex-start;
    margin: unset;
    margin-top: 10px;
}

footer .container-02 cite {
    font-family: "GalanoGrotesqueAltRegular" !important;
    margin-top: 13px;
}

footer .container-02 span {
    margin-top: 40px;
    text-transform: capitalize;
}

footer .nav-in-column ul li {
    padding: unset;
    margin-top: 11px;
    margin-bottom: 11px;
}

footer .nav-in-column ul li a {
    color: #fff;
    font-size: 15px;
}

[class^="content-0"] {
    display: flex;
    flex-direction: column;
}

footer .content-02,  footer .content-03, footer .content-04 {
    align-items: center;
}

footer .container-03 {
    padding-top: 35px;
    padding-bottom: 35px;
}

footer .container-03 .content-left, footer .container-03 .content-right {
    display: flex;
    align-items: center;
}

footer .container-03 .content-left {
    justify-content: flex-start;
}

footer .container-03 .content-right {
    justify-content: flex-end;
}

footer .container-03, footer .container-04 {
    background-color: var(--backgroundColor-01);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .container-03 .icons-in-line {
    margin: unset;
    display: flex;
    align-items: center;
}

footer .container-03 .icons-in-line i {
    color: #fff;
}

footer .container-03 .content-left .icons-in-line li {
    margin-left: 18px;
    margin-right: 18px;
}

footer .container-03 .content-right .icons-in-line li {
    margin-left: 7px;
    margin-right: 7px;
}

footer .container-03 .content-right .icons-in-line li i {
    font-size: 35px;
}

footer .container-04 {
    background-color: var(--backgroundColor-02);
    min-height: 50px;
}

footer .container-04 .content-left, footer .container-04 .content-right {
    display: flex;
    align-items: center;
}

footer .container-04 .content-left {
    justify-content: flex-start;
}

footer .container-04 .content-right {
    justify-content: flex-end !important;
}

footer .container-04 .icons-in-line {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

footer .container-04 cite,  footer .container-04 p {
    color: #fff;
    margin: unset;
    padding: 15px;
}

/* END HEADER AND FOOTER STYLES */

/* START MENU MOBILE  */

.menu-mobile-button {
    background-color: transparent;
    color: #fff;
    display: none;
}

.menu-mobile-button i {
    font-size: 40px;
}

.menu-mobile-button i:hover {
    cursor: pointer;
    border: unset;
}

.menu-mobile-button i:active {
    animation: heartEffect 0.2s;
    animation-timing-function: ease-in-out;
    color: #33a763;
    border: unset;
}

.menu-mobile {
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: #0f054c;
    z-index: 10;
    display: none;
}

.icon-close {
    font-size: 35px !important;
}

.menu-mobile .menu {
    background-color: unset;
    border: unset;
    position: unset;
    box-shadow: unset;
    margin: unset !important;
    min-height: unset !important;
}

.menu-mobile .menu-title {
    position: unset;
}

.menu-mobile [class^="nav-in"] {
    width: 100%;
}

.menu-mobile [class^="nav-in"] ul {
    margin: unset;
}

.menu-mobile [class^="nav-in"] ul li {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
    position: relative;
    padding-top: unset !important;
    padding-bottom: unset !important;
}

.menu-mobile [class^="nav-in"] ul li i {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
}

.menu-mobile [class^="nav-in"] ul li a,  .menu-mobile [class^="nav-in"] ul li, .menu-mobile [class^="nav-in"] ul li div:first-child {
    color: #fff;
    font-family: "GalanoGrotesqueAltMedium" !important;
    font-size: 20px;
}

.menu-mobile [class^="nav-in"] .nav-in-column ul li a {
    font-size: 16px !important;
    font-family: "GalanoGrotesqueAltRegular" !important;
}

/* END MENU MOBILE */

/* START BANNER */

.banner {
    background-color: var(--color-blue-light);
    min-height: 414px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.banner .container-max {
    display: flex;
    align-items: center;
}


.banner .slider-content {
    max-width: 1300px !important;
}

.banner .slider {
    overflow: unset;
}

.banner .slider-item, .slider-item-header {
    background-color: transparent;
}

.banner .content-right,
.banner .content-left {
    display: flex;
    justify-content: center;
}

.banner-subpage {
    padding-top: 20px;
    padding-bottom: 20px;
}

.banner-subpage .title,
.banner-subpage .text {
    color: #fff;
}

.banner-subpage .content-text {
    width: 85%;
}

.banner-subpage .content-img {
    min-width: 480px;
}

.banner-secondary {
    background-color: var(--color-blue-light);
    min-height: 250px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    justify-content: center;
}

/* END BANNER */

/* START SLIDER */

.slider {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    display: flex;
}

.slider-item {
    width: 100%;
    min-height: 100%;
    position: relative;
    animation: right 0.5s ease-in-out;
    display: none;
}

.slider-item .content-text {
    width: 85%;
}

.slider-active {
    display: flex !important;
}

.slider-control {
    min-width: 50px;
    min-height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}

.slider-control-border {
    min-width: 23px;
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 5px;
}

.slider-control-item {
    width: 2px;
    height: 2px;
    padding: 2.5px;
    margin: 5px;
    display: inline-block;
    border-radius: 100%;
    background: white;
}

.slider-control-item-active {
    width: 9px;
    height: 9px;
}

.slider-control-item:hover {
    cursor: pointer;
}

.slider .slider-item .title, .slider .slider-item .text {
    color: #fff;
}

.slider .slider-item .content-left, .slider .slider-item .content-right {
    width: 100%;
}

.slider .slider-item .content-right {
    width: 100%;
}

.slider .slider-item .content-img {
    min-width: 75%;
    max-width: 75%;
}

.slider-item-header {
    width: 100%;
    height: 146px;
    position: absolute;
    top: -146px;
}

.card-item {
    display: flex;
    background-color: rgba(0, 0, 0, 0.089);
}

.card-carousel .card-item {
    max-width: 540px;
    transform: scale(0.90);
    position: relative;
    animation: right 0.5s ease-in-out;
}

.card-active {
    transform: unset !important;
}

.evaluation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.card-carousel {
    width: 100%;
    flex-wrap: unset !important;
    scroll-behavior: unset;
    overflow: hidden;
    position: relative;
    justify-content: unset !important;
}

.card-carousel .card-item {
    min-width: 400px !important;
}

.evaluation i {
    font-size: 25px;
    margin-left: 10px;
    color: #f7d652;
}

/* END SLIDER */

/* START BOX  */

.box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.box-item {
    width: 100%;
    min-height: 20px;
    padding: 20px;
    margin: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.box-center .box-item {
    align-items: center;
}

.box-domain .title {
    text-transform: none;
    font-family: "GalanoGrotesqueAltRegular";
    text-align: center;
    padding-bottom: 20px;
    font-size: 25px;
    color: #fff;
}

.box-domain form {
    min-width: 700px;
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.box-domain .input-in-line {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 4%);
    padding: 11px;
    display: flex;
    align-items: center;
    align-self: center;
}

.box-domain form input {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
    font-family: "GalanoGrotesqueAltRegular";
}

.box-domain form input::placeholder {
    color: #9a9a9a;
}

.box-domain form select {
    color: #9a9a9a;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-left: 1px solid var(--color-grey-light);
    padding-left: 10px;
    font-family: "GalanoGrotesqueAltRegular";
    padding-right: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEgICBjMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwICAgYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6IiBmaWxsPSIjOWE5YTlhIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==");
    background-size: 10px !important;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.box-domain form button {
    margin-top: unset;
    display: flex;
    min-width: 160px;
    padding: 10.5px;
}

.box-tld {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin-top: 20px;
}

.box-tld .box-item {
   width: unset;
   flex-direction: row;
   padding: unset;
   margin: 10px;
}

.box-tld .box-item span {
    text-transform: uppercase;
    font-weight: bolder;
}

.box-tld .box-item * {
    font-family: "GalanoGrotesqueAltRegular" !important;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 14px;
    color: #fff;
    font-size: 15px;
}

.card .box-item .content-img {
    max-width: 80px;
    margin: 0 auto;
}

.card .box-item .title {
    font-size: 23px;
}

.card .box-item .content-text {
    width: 100%;
}

.domain-extensions {
    max-width: 1400px;
}

.domain-extensions .box-item {
    max-width: 300px;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    text-align: start;
    position: relative;
}

.domain-extensions .box-item .title {
    margin-bottom: unset;
    text-transform: uppercase;
}

.domain-extensions .box-item cite {
    font-size: 20px;
}

.domain-extensions .box-item button {
    margin: 10px auto;
    margin-left: unset;
}

/* END BOX */

/* START MENU */

.menu {
    min-width: 80%;
    min-height: 10px;
    transition: height 0.2s;
    transform-origin: top;
    background-color: #f5f5f5;
    position: absolute;
    display: none;
    flex-direction: column;
    top: 90px;
    left: 0;
    z-index: 12;
    border-top: 1px solid black;
    transform: translateZ(0);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);
}

.menu-open.menu-open-active .menu {
    display: flex;
    min-height: 330px;
}

.menu-open-active .menu-title .cci-icon-down {
    transform: rotate(-90deg) !important;
}

.menu-open-active .menu-title .cci-bg-arrow-01 {
    display: unset;
}

.menu-header {
    padding: 20px;
    padding-top: 40px;
    display: flex;
}

.cci-bg-arrow-01 {
    color: #f5f5f5;
    border-top: 5px solid #f5f5f5 !important;
    position: absolute !important;
    font-size: 21px !important;
    top: 40px;
    left: 20% !important;
    z-index: 14 !important;
    transform: rotate(-180deg);
    display: none;
}


.menu-item {
    align-items: flex-start !important;
    align-self: flex-start;
    flex-direction: column;
    width: 100%;
}

.menu p {
    width: 600px;
    text-align: center;
    color: #595959;
}

.menu-item-title {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #e4e4e4;
}

.menu-item-title * {
    padding-left: 3px;
    padding-right: 3px;
}

.menu-item-title i {
    font-size: 27px;
    color: #595959;
}

.menu-item-title span {
    color: #595959;
    font-size: 17px;
}

.menu-item .nav-in-column ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.menu-item .nav-in-column ul li {
    background-color: unset !important;
    padding: unset;
    margin-top: 23px;
    margin-bottom: -13px;
    padding-left: 13px;
    padding-right: 10px;
}

.menu-item .nav-in-column ul li a {
    font-family: "GalanoGrotesqueAltRegular" !important;
    font-size: 16px !important;
    color: #1082be;
    padding-top: unset;
    padding-bottom: unset;
}

.menu-item .nav-in-column ul li a:hover {
    text-decoration: underline;
}

.menu-item-support {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 20px;
}

.menu-item-support button, .menu-item-support a {
    color: black;
    font-family: "GalanoGrotesqueAltRegular" !important;
    margin-top: 20px;
    padding: 10px !important;
}

.menu-item .content-img {
    min-width: 330px;
}

.menu-footer {
    width: 100%;
    border-top: 1px solid #e4e4e4;
    padding: 22px;
    display: flex;
}

.menu-footer .content-left, .content-right {
    justify-content: center !important;
}

.menu-footer span, .menu-footer a {
    font-size: 15px !important;
    padding-top: unset !important;
    padding-bottom: unset !important;
}

.menu-footer span {
    font-family: "GalanoGrotesqueAltRegular" !important;
    color: #242424;
}

.menu-footer a {
    color: #1082be !important;
    margin-left: 5px;
}

.menu-footer a:hover {
    text-decoration: underline;
}

/* END MENU */

/* PRICE START  */

/* Price modern below */

.features li {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: start;
    text-transform: capitalize;

}

.features li i {
    margin-right: 7px;
}

.features li [class^="cci-check"] {
    color: rgb(30, 180, 0);
}

.features li [class^="cci-uncheck"] {
    color: rgb(223, 0, 0);
}

.features li strong {
    padding-left: 2.5px;
    padding-right: 2.5px;
}

.promotion {
    display: flex;
    align-items: center;
}

.promotion * {
    margin-right: 5px;
}

.fees {
    margin: unset;
    margin-top: 20px;
}

.price-modern {
   padding-top: 40px;
}

.price-modern .box-item {
    width: 320px;
    min-height: 300px;
    padding: unset;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 50%);
    border-radius: 4px;
    align-self: flex-start;
}

.price-modern .box-item .title {
    display: flex;
    align-items: center;
}

.price-modern .box-item .title i {
    margin-right: 10px;
    font-size: 30px;
}

.price-recomended {
    margin-top: 0;
}

.price-modern .box-item .container-01,
.price-modern .box-item .container-02 {
    padding: 20px;
}

.price-modern .box-item .container-01 {
    background-color: #121444;
    border-radius: 2px;
    color: #fff;
    text-align: start;
    width: 100%;
}

.price-modern .box-item .container-01 .content-left,
.price-modern .box-item .container-01 .content-right {
    padding: unset;
}

.price-modern .promotion {
    display: flex;
    align-items: center;
    color: #17d615;
}

.price-modern .promotion * {
    margin-right: 6px;
}

.price-modern .price-box del {
    font-family: "GalanoGrotesqueAltRegular" !important;
    color: #f0efef;
}

.price-modern .price-box .price cite {
    font-size: 35px;
}

.price-modern .box-item .container-01 .t-large {
    border-bottom: 2px dotted #fff;
    padding-bottom: 10px;
}

.price-modern .box-item .container-01 .txt-medium {
    font-family: "GalanoGrotesqueAltRegular" !important;
}

.price-modern button,
.price-modern .link-button {
    max-width: unset;
    margin: unset;
    margin-top: 20px;
    font-family: "GalanoGrotesqueAltMedium";
    padding: 14px;
    width: 100%;
}

.price-modern .box-item .container-02 {
    text-align: start;
}

.price-modern .box-item .container-02 span {
    width: 100%;
    text-align: left;
    line-height: normal;
    margin-bottom: 25px;
    font-size: 16px;
    font-family: "GalanoGrotesqueAltRegular" !important;
    font-weight: 600;
    color: #282828;
}

.show-more {
    color: #1f1655;
    font-weight: 900;
    margin: unset !important;
    padding: 10px;
    font-size: 16px;
}

.show-more i {
    margin-left: 10px;
    font-size: 13px;
}

.price-modern .box-item .icons li {
    width: 35px;
    margin-top: unset !important;
    margin-bottom: unset !important;
}

.price-modern-vps .box-item {
    background-color: #121444;
}

.price-modern-vps .box-item span {
    color: #fff !important;
}

.price-modern-vps .box-item .features li {
    color: #fff;
}

.price-modern-vps .box-item .show-more {
    color: #fff;
}

.price-light {
    flex-wrap: nowrap;
}

.price-light .box-item {
    max-width: 350px;
    min-height: 100px;
    padding: unset;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
}

.price-light .box-item .container-01,
.price-light .box-item .container-02,
.price-light .box-item .container-03 {
    width: 100%;
    color: black;
    text-align: start;
    padding: 20px;
}

.price-light .box-item .container-01 {
    border-bottom: 2px dashed #bababa;
    color: var(--color-blue-light);
}

.price-light .box-item .container-01 .title {
    margin-bottom: 0.1em;
    font-size: 36px;
    display: flex;
    flex-wrap: wrap
}

.price-light .box-item .container-01 .title i {
    font-size: 36px;
    margin-right: 7px;
}

.price-light .box-item .container-01 p {
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-weight: bolder;
}

.price-light .box-item .container-01 {
    min-height: 50px;
}

.price-light .box-item .container-02 {
    min-height: 200px;
    transition: border-radius 0.2s ease-in-out;
    padding-top: 30px;
    padding-bottom: unset;
}

.price-light .box-item .container-02 .side-by-side {
    margin: unset;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.price-light .box-item .container-02 .side-by-side .content-left,
.price-light .box-item .container-02 .side-by-side .content-right {
    padding: unset;
    display: flex;
    flex-direction: column;
}

.price-light .box-item .container-02 .side-by-side .content-left p,
.price-light .box-item .container-02 .side-by-side .content-right p {
    margin: unset;
}

.price-light .box-item:hover .container-02 {
    border-radius: unset;
}

.price {
    display: flex;
}

.price span {
    display: flex;
    align-items: center;
}

.price span:nth-last-child(3) {
    font-size: 25px;
}

.price cite {
    font-size: 33px;
}

.price-light .box-item .container-02 .side-by-side button,
.price-light .box-item .container-02 .side-by-side [role^="button"] {
    max-width: 100%;
    margin-top: 6px;
    margin-left: unset;
    min-height: 50px !important;
}

.categories-products {
    margin-top: 30px;
}

.categories-products .categorie {
    display: none;
}

.price-primary {
    width: 100%;
    flex-wrap: nowrap;
}

.price-primary .box-item {
    max-width: 300px;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    padding: unset;
    text-align: start;
}

.price-primary .container-01 {
    background-color: #565e83;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.price-primary .container-01 .title {
    margin: unset;
    color: #fff;
}

.price-primary .container-01 p {
    color: #fff;
}

.price-primary .container-02 {
    padding: 15px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.459);
}

.price-primary .container-03 {
    padding: 15px;
}

.price-primary .container-02 button,
.price-primary .container-02 .link-button {
    min-width: 100%;
    margin: unset !important;
}

.price-primary .container-02 .button-modern {
    margin: unset;
}

.price-primary .promotion {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #025f00;
}

.price-secondary {
    width: 100%;
}

.price-secondary .box-item {
    max-width: 320px;
    min-height: 100px;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    display: flex;
    align-items: center;
}

.price-secondary .features {
    width: 100%;
}

.price-secondary .box-item .price {
    font-family: "GalanoGrotesqueAltRegular";
    margin: 0 auto;
}

.price-secondary .box-item .price * {
    margin-left: 5px;
    margin-right: 5px;
}

.price-secondary .box-item .price span:nth-child(1) {
    position: relative;
    font-size: 33px;
    bottom: 12px;
}

.price-secondary .box-item p:nth-child(1) {
    margin: unset !important;
}

.price-secondary .box-item .price cite {
    font-size: 70px;
    font-weight: bold;
}

.price-secondary button,
.price-secondary .link-button {
    min-width: 100%;
}

.price-secondary-border-blue .box-item {
    border: 1px solid #565e8342
}

/* Others Styles Price Below */

.price-primary-large .box-item,
.f-modern-large .box-item {
    max-width: 360px !important;
}

.f-modern-large .title {
    font-size: 30px !important;
    color: rgb(0, 52, 182);
}

.f-modern-primary .box-item {
    max-width: 360px !important;
    box-shadow: unset !important;
}

.f-modern-large {
    margin-top: unset !important;
}

.price-cpanel .box-item {
    position: relative;
}

.price-cpanel .box-item .container-01 {
    background-color: #293a4a;
}

.price-cpanel a {
    color: #c13c02eb;
    border: 1px solid #ff6c2c;
    background: rgba(255,255,255,0);
}

.price-cpanel a:hover {
    background-color: rgba(128, 128, 128, 0.219);
}

.price-cpanel .box-item .container-03 {
    min-height: 150px;
}

.price-cpanel cite:last-child {
    padding-bottom: 15px !important;
}

.price-light-wordpress .box-item .cci-wordpress-01 {
    color: #0073aa;
}

.price-light-cpanel .box-item .cci-cpanel-01 {
    color: #ff6c2c;
}

.price-light-joomla .box-item .cci-joomla-01 {
    color: green;
}

/* PRICE END */

/* START FEATURES */

.features-center .box-item {
    max-width: 300px;
}

.features-center .title {
    font-size: 22px !important;
    margin: unset;
    margin-top: 10px;
}

.features-center i {
    font-size: 70px;
}

.features-center a {
    font-size: 17px;
    margin: 5px auto;
}

.features-center button {
    margin: 10px auto;
}

.features-left .box-item {
    max-width: 310px;
    text-align: start;
}

.features-left .box-item i {
    align-self: flex-start;
    font-size: 40px;
}

.features-left .box-item .title {
    font-size: 20px;
    margin-top: 11px;
    margin-bottom: unset;
    color: rgb(1, 1, 107);
}

.features-left .box-item p {
    margin-block-start: 3px;
}

.features-left .box-item .content-text {
    text-align: start;
}

.features-left .features {
    margin: unset;
}

.features-left .features i {
    font-size: 20px;
}

.features-shadow .box-item {
    width: 350px;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    padding-top: 40px;
    padding-bottom: 40px;
}

.features-shadow .box-item i,
.features-shadow .box-item a {
    color: #39009d;
}

.features-count {
    flex-wrap: wrap;
}

.features-count .box-item {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 15px;
}

.features-count .box-item .title,
.features-count .box-item p {
    text-align: start;
    align-self: flex-start;
}

.features-count .box-item div {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.features-count .box-item div i {
    font-size: 42px;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    padding: 20px;
    border-radius: 100px;
}

.features-count .box-item div span {
    font-size: 20px;
    position: absolute;
    right: 0;
}

.content-img-group * {
    margin: 10px;
}

.features-stretch .box-item {
    min-width: 520px;
    flex-wrap: nowrap;
    flex-direction: row;
    padding-top: 30px !important;
    padding: 20px;
    border-radius: unset;
}

.features-stretch .box-item .content-text {
    text-align: start;
    margin-left: 10px !important;
}

.features-stretch .box-item .content-text .title {
    margin: unset;
}

.features-stretch .box-item i {
    padding: 15px;
    border-radius: 999px;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
}

.features-step .box-item {
    margin: unset !important;
    padding: unset;
}

.features-step .box-item .content-text {
    padding: 20px;
}

.features-step i {
    font-size: 27px;
    color: var(--color-blue-light);
}

.step {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.step div {
    width: 100%;
    background-color: #ddd;
    height: 2.6px;
}

.features-step .box-item:first-child .step div:first-child {
    background-color: transparent;
}

.features-step .box-item:last-child .step div:last-child {
    background-color: transparent;
}

.features-primary .box-item {
    padding-top: 25px;
    padding-bottom: 25px;
}

.features-primary .box-item i {
    font-size: 30px;
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    background-color: #f98203 !important;
}

.features-primary .box-item .features i {
    padding: 3px;
    border-radius: 999px;
    font-size: 12px;
}

.features-primary .box-item .title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 18px;
}

.features-primary .box-item p {
    font-size: 15px;
}

/* Additional Style For Features Box */

.features-count .box-item:nth-child(1) div i,
.features-count .box-item:nth-child(1) div span {
    color: #a835fa;
}

.features-count .box-item:nth-child(2) div i,
.features-count .box-item:nth-child(2) div span {
    color: #5f62fa;
}

.features-count .box-item:nth-child(3) div i,
.features-count .box-item:nth-child(3) div span {
    color: #4f63c2;
}

.features-count .box-item:nth-child(4) div i,
.features-count .box-item:nth-child(4) div span {
    color: #018813;
}

.features-primary .box-item:nth-child(1) i {
    background-color: #f98203 !important;
}

.features-primary .box-item:nth-child(2) i {
    background-color: #018813 !important;
}

.features-primary .box-item:nth-child(3) i {
    background-color: #4f63c2 !important;
}

.domain-extensions .title {
    font-weight: bold;
    color: var(--color-blue-dark);
    font-size: 30px !important;
}

.features-count-primary {
    margin-top: 20px;
}

.features-count-primary .box-item {
    padding-top: 40px;
    padding-bottom: 10px;
}

.team-profile .box-item .content-img {
    width: 70px;
    margin: 0 auto;
}

/* END FEATURES */

/* START THUMB */

.thumb .title {
    font-family: "GalanoGrotesqueAltRegular";
    font-size: 27px;
}

.thumb button {
    margin-top: 22px;
}

.thumb-icon-center {
    color: #fff;
    font-size: 50px;
    width: 0% !important;
    margin: 0 auto;
    padding-bottom: 30px;
}

.thumb .hr * {
    color: #fff;
    background-color: #fff;
}

.thumb-grey {
    background-color: #dfdfdf2e;
}

.thumb-grey .text,
.thumb-grey .title {
    color: black !important;
}

.thumb-grey .hr div {
    background-color: black !important;
}

.thumb-grey .hr * {
    color: black !important;
}

.mt-0 {
    margin-top: unset;
}

.mt-1 {
    margin-top: 5px !important;
}

.mt-2 {
    margin-top: 10px !important;
}

.thumb-linear-blue {
    background-image: linear-gradient(to right, #3c24a0, #0c24bf);
}

.thumb-linear-purple {
    background-image: linear-gradient(to right, #6431a8, #3231c8);
}

.thumb .title,
.thumb .text {
    color: #fff;
}

.thumb-contact {
    background-image: unset;
}

.thumb-contact .content-text .title,
.thumb-contact .content-text .text {
    color: black;
}

/* END THUMB */

/* START FORM STYLE  */

.main-services {
    background-image: url("../img/design/left-top.svg");
    background-repeat: no-repeat;
}

.form-rounded {
    min-width: 430px;
    border-radius: 20px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    background-color: #fff;
    padding-bottom: 45px;
    justify-self: flex-start;
    text-align: center;
}

.form-rounded .title {
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #4941a2;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
}

.form-rounded .title,
.form-rounded .text {
    padding-left: 10px;
    padding-right: 10px;
}

.form-rounded form {
    padding: 40px;
}

.form-rounded form input,
.form-rounded form textarea {
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    box-shadow: 0 2px 15px 0 #f9f9f9;
}

.form-rounded form input {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 999px;
}

.form-rounded form textarea {
    border-radius: 15px;
    height: 200px;
}

.form-rounded button {
    min-width: 100%;
    margin-top: 18px;
    padding: 15px;
    text-transform: uppercase;
}

/* END FORM STYLE */

/* START CONTENT SIDE BY SIDE */

.side-by-side {
    width: 100%;
}

.side-by-side-item {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.side-by-side-item .content-left,
.side-by-side-item .content-right {
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    width: auto;
    padding: unset;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 20px !important;
    margin-bottom: 20px;
}

.side-by-side-item .content-left {
    flex: 0 0 auto;
    max-width: 29.6%;
    min-width: auto;
}

.side-by-side-item .content-right {
    flex: 0 0 auto;
    max-width: 30%;
    min-width: auto;
}

.side-by-side-item .content-text {
    display: flex;
    flex-direction: column;
}

.side-by-side-item .content-text .t-small,
.side-by-side-item .content-text .txt-medium {
    color: #2f1c6a;
}

.side-by-side-item .content-text .t-large {
    margin-top: 0.20em;
    margin-bottom: 0.20em;
    color: var(--color-blue-light);
    font-size: 35px;
    font-weight: bold;
}

.side-by-side-item .content-text .t-small {
    font-family: "GalanoGrotesqueAltMedium";
    font-size: 20px;
    font-weight: 900;
}

.side-by-side-item .content-text .txt-medium {
    font-family: "GalanoGrotesqueAltMedium";
}

.side-by-side-item .content-text a {
    margin-top: 20px;
    color: rgb(22, 0, 122);
    font-size: 17px;
    text-decoration: underline;
}

.side-by-side-item .content-img {
    min-width: 400px !important;
}

.side-by-side-reverse {
    flex-direction: row-reverse;

}

.side-by-side-reverse .content-img {
    transform: scaleX(-1);
}

.side-by-side-left .content-text {
    text-align: start !important;
}

.side-by-side-left i {
    color: var(--color-blue-light) !important;
}

.side-by-side-left button,
.side-by-side-left .link-button {
    margin: unset;
}

.side-by-side-features {
    flex-wrap: nowrap;
}

.side-by-side-features .content-right,
.side-by-side-features .content-left {
    margin: 10px;
}

.side-by-side-features .content-left {
    min-width: 40%;
}

.side-by-side-features .content-text {
    text-align: start;
}

.side-by-side-features .content-img {
    max-width: 1000px;
}

.side-by-side-features .content-left .box-item {
    min-width: 360px !important;
    padding: 15px;
}

.side-by-side-features .content-right {
    min-width: 50%;
    flex-direction: unset;
}

.side-by-side-features .content-text {
    width: 85%;
    align-self: flex-start;
}

.side-by-side-features .content-text .title:nth-child(3) {
    margin-top: 15px;
    font-size: 20px;
}

.side-by-side-features .features-count .box-item {
    padding: 19px !important;
}

.content-side-by-side {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.content-side-by-side .content-left,
.content-side-by-side .content-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px;
}

.side-by-side-large .content-right {
    width: 100%;
}

.side-by-side-large .content-img {
    min-width: 600px !important;
}

/* END CONTENT SIDE BY SIDE */

/* START OTHERS STYLES */

.categories-buttons {
    flex-wrap: nowrap;
    margin-top: 30px;
}

.categories-buttons .box-item {
    width: auto;
    flex-direction: row;
    align-items: center;
    margin: unset;
    flex-wrap: nowrap;
    padding-bottom: 16px;
    border-bottom: 3px solid #e5e9f2;
}

.categories-buttons .box-item:hover {
    cursor: pointer;
    border-bottom: 3px solid #3b3e99;
}

.categories-buttons .box-item * {
    margin-left: 2.5px;
    margin-right: 2.5px;
    text-transform: capitalize;
}

.categories-buttons-active {
    border-bottom: 3px solid #3b3e99 !important;
}

.box-contact-info {
    width: 100%;
}

.box-contact-info .box-item {
    width: 160px;
    min-height: 160px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    text-align: start;
    padding: 12px;
    flex-wrap: nowrap;
    border: 1px solid transparent;
    margin: 10px;
    margin-left: unset;
}

.box-contact-info .box-item:hover {
    border: 1px solid var(--color-grey-light);
}

.box-contact-info .box-item * {
    align-self: flex-start;
    color: var(--color-blue-light);
}

.box-contact-info .box-item i {
    width: 100%;
    font-size: 35px;
}

.box-contact-info .box-item span {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.thumb-total {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background-color: var(--color-blue-dark);
}

.thumb-total .title,
.thumb-total .text,
.thumb-total i {
    color: #fff !important;
}

.box-total {
    width: 100%;
}

.thumb-total .box .box-item {
    max-width: 300px !important;
    border-radius: unset !important;
    flex-direction: unset !important;
}

.box-total .content-text {
    text-align: start !important;
}

.box-total .title {
    margin: unset;
    color: #052e9d;
}

.box-total .text {
    margin: unset !important;
}

.box-total .box-item {
    max-width: 300px !important;
    min-height: 120px;
    background-color: transparent;
    margin: 10px;
    box-shadow: 0 2px 15px 0 transparent;
    text-align: start;
    padding: 30px;
    border-bottom-right-radius: 60px;
    flex-direction: row;
}

.box-total-item-active {
    background-color: #fff !important;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%) !important;
}

.box-total-item-active .title,
.box-total-item-active .text,
.box-total-item-active i {
    color: #052e9d !important;
}

.box-total .box-item * {
    margin-left: 2px;
    margin-right: 2px;
    color: #052e9d;
}

.box-total .box-item i {
    font-size: 60px;
    align-self: flex-start;
}

.header-hosting .container-02 {
    border-bottom: 1px solid rgba(255,255,255,0.1); 
}

.banner-hosting,
.header-hosting{
    background-image: linear-gradient(45deg, #020d2a, #180461, #70157c);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;  /* <- here it is */
}

.option {
    margin-top: 35px;
}

.option .box-item {
    max-width: 500px;
    justify-content: center;
    align-items: center;
    margin: 12px;
    border: 1px solid rgba(255, 255, 255, 0.356);
}

.option .box-item .title {
    margin-top: 30px;
}

.option .box-item * {
    color: #fff !important;
}

.whois-info {
   min-width: 1000px;
}

.whois-info-item {
    width: 100%;
    border: 1px solid rgb(209, 209, 209);
    border-radius: 5px;
    text-align: start;
    margin-top: 15px;
    margin-bottom: 15px;
}

.whois-info-item-loading {
    display: none;
}

.whois-info-item-result {
    width: 100%;
    border: 1px solid rgb(209, 209, 209);
    border-radius: 5px;
    text-align: start;
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
}

.whois-info-item-result p {
    padding: 10px;
}

.whois-list {
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-grey-light);
}

.whois-list .content-left {
    color: rgb(46, 46, 46);
}

.whois-list .content-left,
.whois-list .content-right {
    font-family: "GalanoGrotesqueAltRegular" !important;
    font-weight: unset !important;
}

.whois-info-item .title, .whois-info-item-result .title {
    display: flex;
    align-items: center;
    font-size: 20px !important;
    background-color: #f0f0f0;
    border-bottom: 1px solid var(--color-grey-light);
    padding: 15px;
}

.whois-info-item .title i, .whois-info-item-result .title i {
    font-size: 30px;
    margin-right: 9px;
}

.form-simple {
    max-width: 1000px;
    margin: 0 auto;
    min-height: 100px;
    padding: 50px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.form-simple .content-text .title {
    font-size: 25px;
    color: rgb(79, 79, 79);
}

.form-simple .input-side-by-side {
    margin-top: 20px;
}

.input-side-by-side {
    display: flex;
}

.input-side-by-side .input-side-by-side-item {
    width: 100%;
    margin: 5px;
}

.input-side-by-side input,
.form-simple textarea {
    border: 1px solid #e4e4e4;
    padding: 15px 16px;
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: 1;
    max-height: 100%;
    border-radius: 3px;
    outline: none;
}

.form-simple textarea::placeholder {
    font-family: "GalanoGrotesqueAltRegular";
}

.input-side-by-side input:focus {
    border: 1px solid grey;
}

.input-side-by-side .title {
    font-size: 18px !important;
}

.form-simple button {
    width: 100%;
    padding: 15px;
    margin-top: 20px;
}

.document {
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
}

.document-left,
.document-right {
    margin-left: 10px;
    margin-right: 10px;
    align-self: flex-start;
}

.document-left {
    width: 500px;
}

.document-right {
    width: 100%;
    padding: 20px;
}

.document-left {
    border-radius: 8px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 12%);
    border: 1px solid #dadce0;
    padding: 20px;
}

.document nav ul li {
   margin-top: 10px;
   margin-bottom: 10px;
}

.document nav ul li a {
    font-size: 16px;
    color: var(--color-blue-light);
}

.document-active {
    text-decoration: underline;
}

.document-left .title {
    font-size: 21px !important;
    font-family:  "GalanoGrotesqueAltSemiBold" !important;
    color: var(--color-blue-light);
}

.document-right .title {
    font-size: 26px !important;
    text-transform: uppercase;
}

.document-right p {
    margin-bottom: 30px;
}

.document-right ul li {
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
    font-family: "GalanoGrotesqueAltRegular";
    color: #070707ba;
}

.document-update {
    font-family: "GalanoGrotesqueAltRegular" !important;
    font-size: 17px;
    color: var(--color-blue-light);
    margin-bottom: 20px;
}

.document-right [id^="document-"] {
    display: none;
}

.document-right [id^="document-"]:first-child {
    display: unset;
}

/* END OTHERS STYLES */

/* START SECTION AND CONTENT MAIN  */

.content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.content-in-center {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.content-center, .content-center .container-max {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.content-center .content-text, .content-in-center .content-title-and-description {
    max-width: 750px;
    text-align: center;
}

.pb-15 {
    padding-bottom: 15px;
}

.content-text p,
.content-text-primary p {
    color: #6c6f80;
    font-size: 16.4px;
}

.content .title {
    font-family: "GalanoGrotesqueAltRegular";
    font-size: 30px;
}

.content .icons-in-line li {
    margin: 20px;
}

.section-features {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-features .buttons {
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: center;
}

.section-features .buttons a {
    min-width: 200px;
    margin: 4px;
    padding: 10px !important;
}

.content-refund .title {
    font-size: 35px;
    font-family: "GalanoGrotesqueAltMedium" !important;
    color: var(--color-blue-light);
}

.content-refund .text {
    font-size: 16px;
    margin-top: 0.2rem;
    margin-bottom: 2rem;
}

.content-refund a {
    min-width: 120px;
    padding: 12px !important;
}

/* Additional Style For Section */

.section-domain-features .hr * {
    background-color: #39009d;
    color: #39009d;
}

.section-domain-features i {
    color: #39009d;
}

.section-contact .content-img {
    min-width: 95%;
    margin-right: 100px;
    margin: 0 auto;
}

.section-contact .content-side-by-side {
    max-width: 1500px;
    margin: 0 auto;
}

.section-contact .content-side-by-side .content-left {
    justify-content: center;
}

/* END SECTION AND CONTENT MAIN */