@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap);


.social li a,.top-bar small{
    color:var(--global--color-grey);
    line-height:16px
}
.navbar .dropdown-menu li a,.navbar li a{
    font-weight:400;
    font-family:Poppins,sans-serif;
    font-display: swap;
}
.navbar-nav li.active>a,.navbar-nav li:hover a{
    filter:none;
    opacity:1;
    transition:550ms cubic-bezier(.19, 1, .22, 1)
}
.carousel-item{
    transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out!important
}
:root{
    --global--color-darkblue:#171a24;
    --global--color-blue:#1e222f;
    --global--color-grey:#bcbcbc;
    --global--color-yellow:#8257e5;
    --global--color-lightpink:#8257e5;
    --global--color-white:#ffffff;
    --global--color-pink:#8257e5;
    --global--color-lightblack:#11141b;
    --global--color-purple:#8257e5;
    --global--color-light:#121214;
    --global--color-lightgrey:#e1e1e6;
    --global--color-graysubtitle:#d5d5d5d9;
    --global--color-black:#09080D;
}

.statusdiv{
    justify-content: center;
    align-items: center;
    
}

.selector{
    overflow-x: hidden !important;
}

body{
    font-family:Roboto,sans-serif;
    font-display: swap;
    overflow-x: hidden !important;
    background-color: var(--global--color-black) !important;
}



.about-primary-button,.about-secondary-button,.affiliate-inner-plan-box,.affiliate-program-plan-box,.choose-button,.contact-us-plan-box,.data-button,.datacenter-plan-box,.dedicated-server-plan-box,.dedicated-server-support-plan-box,.domain-plan-box,.feature-plan-box,.field,.footer-cards-list li i,.guarrantees-button,.hosting-button,.our-datacenter-plan-box,.plan,.plan-box,.primary-button,.redundancy-plan-box,.reliable-shared-hsoting-section-button,.reseller-guarrantees-plan-box,.reseller-plan-box,.secondary-button,.server-button,.shared-plan-box,.ssl-certificate-plan-box,.success-plan-box,.support-natix-host-plan-box,.support-operation-plan-box,.support-plan-box,.team-plan-box,.vision-plan-box,.vps-button{
    transition:.3s ease-in-out;
    position:relative
}
.social li a,.top-bar .demo,.top-bar .phone{
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 1px;
    transition:background-size .3s;
    padding-bottom:3px;
    text-decoration:none
}
.affiliate-inner-plan-box:hover,.affiliate-program-plan-box:hover,.contact-us-plan-box:hover,.datacenter-plan-box:hover,.dedicated-server-plan-box:hover,.dedicated-server-support-plan-box:hover,.domain-plan-box:hover,.feature-plan-box:hover,.our-datacenter-plan-box:hover,.plan-box:hover,.plan:hover,.redundancy-plan-box:hover,.reseller-guarrantees-plan-box:hover,.reseller-plan-box:hover,.shared-plan-box:hover,.ssl-certificate-plan-box:hover,.success-plan-box:hover,.support-natix-host-plan-box:hover,.support-operation-plan-box:hover,.support-plan-box:hover,.team-plan-box:hover,.vision-plan-box:hover{
    transform:translateY(-6.6px);
    z-index:0
}
.primary-btn:hover,.secondary-btn:hover{
    z-index:0;
    box-shadow:0 10px 10px rgba(0,0,0,.5);
    cursor:pointer
}
.top-bar{
    background:#121214
}
.top-bar small{
    font-size:12px;
    font-weight:400
}
.top-bar .right-arrow,.top-bar span{
    color:var(--global--color-yellow);
    font-size:12px
}
.top-bar span{
    line-height:16px;
    font-weight:400
}
.top-bar .demo,.top-bar .phone{
    background-image:linear-gradient(#757df5,#6872ff)
}
.social li a:hover,.top-bar .demo:hover,.top-bar .phone:hover{
    text-decoration:none;
    background-size:100% 1px
}
.top-bar .right-arrow{
    border-radius:100%;
    text-decoration:none
}
.btn-login,.btn-login:hover{
    width:361px;
    height:50px;
    color:#fff
}
.btn-login{
    background-color:#4d60da;
    border:2px solid #30303100;
    border-radius:12px;
    transition:.5s
}
.btn-login::after{
    content:"Entrar";
    transition:.6s
}
.btn-login:hover::after{
    content:"Entrar?";
    transition:.6s
}
.btn-login:hover{
    background-color:#4454be;
    border:2px solid #30303100;
    border-radius:12px;
    transition:.5s;
    content:"Completed!"
}
.lkn-register{
    color:#4d60da
}
.phone,.social li span a{
    color:var(--global--color-yellow)
}
.lkn-register:hover{
    color:#3747ad
}
.form-control{
    border-radius:.5rem;
    margin-top:10px;
    margin-bottom:10px;
    padding:26px;
    transition:.5s;
    border:1.9px solid #d3d2d2
}
.form-control:focus{
    border:1.9px solid #4d60da
}
.badge{
    font-size:55%!important;
    margin-left:10.5px
}
.footer-cards-list li,.social li{
    display:inline-block
}
.phone{
    font-size:12px
}
.social-setting{
    font-size:12px;
    color:#8257e5
}
.social li a{
    font-size:12px;
    font-weight:400;
    margin:0 8px 0 5px;
    background-image:linear-gradient(#bcbcbc,#bcbcbc)
}
.social li span a{
    font-size:12px;
    line-height:16px;
    font-weight:400;
    text-decoration:none;
    letter-spacing:.5px
}
.banner-section,.blog-section,.main-header{
    background:var(--global--color-blue)
}
.navbar li a{
    color:#a8a8af!important;
    font-size:12px;
    line-height:18.75px;
    transition:background-color .5s
}
.dropdown-menu{
    background:linear-gradient(270deg,#09090a,#121214)!important;
    border:1px solid #29292e!important
}
.navbar .dropdown-menu li a{
    font-size: 15px;
    background-color: rgba(18, 18, 20, 0.233)!important;
    color: #c4c4cc!important;
    margin-top: 4px;
    line-height: 10px; 
    border-radius: 8px;
    padding-bottom: 8px;
}
.dropdown-toggle::after{
    vertical-align:.10000000000000009em!important
}
.dropdown-toggle[aria-expanded=true]:after{
    transform:rotate(-180deg)
}
.dropdown-toggle:after{
    transition:.4s
}
.navbar .dropdown-menu li a:hover{
    background-color: #996dff !important;
    border-radius:8px;
    padding-bottom:8px;
    color:#fff!important;
    transition:.3s
}
.hosting-dropdown{
    padding:19px 20px 19px 14px;
    border-radius:13px;
    animation:.22s go-back
}
.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 20px 5px 15px
}
.navbar-nav>li{
    margin-right:12px
}
.navbar-nav>li:last-child{
    margin-right:0;
    margin-left:6.8px
}

.navbar-btn{
 
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: inset 0 -7px 11px #a48fff1f;

    padding: 8px 18px!important;
    border-radius: 5px;
    border: 1.5px solid #8257e5a9;



    transition: .5s;
    font-weight: 400;
    font-size: 14px;
    font-family: Poppins,sans-serifsans-serif;
    font-display: swap;
    outline: 0;
}
.navbar-btn:hover{
    background:#8257e5;
    border-color:#ffffff00;
    transition:.5s
}
#home-image-footer-field p,.navbar-nav li a:last-child{
    color:var(--global--color-blue)
}
.navbar .dropdown-menu li a img{
    margin-right:7.5px;
    border-radius:20px
}
.navbar .dropdown-menu li a:hover img{
    box-shadow:0 0 10px #ffffff;
    border-radius:20px;
    transition:.1s
}
.dropdown-menu-list .hosting-menu:hover{
    color:var(--global--color-pink)!important;
    background:var(--global--color-white)
}
.dropdown-menu-list .server-menu:hover{
    color:var(--global--color-lightpink)!important;
    background:var(--global--color-white)
}
.dropdown-menu-list .vps-menu:hover{
    color:var(--global--color-purple)!important;
    background:var(--global--color-white)
}
.dropdown-menu-list .reseller-menu:hover{
    color:var(--global--color-yellow)!important;
    background:var(--global--color-white)
}
.navbar-nav li:hover a{
    color:#bdbbbb!important
}
.navbar-nav li.active>a{
    color:var(--global--color-white)!important;
    border-bottom:1.7px solid #ffffffda
}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu-list li.active a{
    color:var(--global--color-blue)!important
}
.navbar-nav .pages-dropdown{
    padding:15px 14px;
    border-radius:10px
}
.navbar-nav .pages-dropdown li a{
    font-size:15px;
    font-weight:500
}
#Comprison_pricingplan table tbody tr:first-child td,.navbar-nav .pages-dropdown li{
    border-bottom:1px solid #e8eaf1
}
.choose-ssl-certificate-section li:last-child,.navbar-nav .pages-dropdown li:last-child{
    border:none
}
.navbar-nav #pages-dropdown-list li a:hover{
    color:var(--global--color-pink)!important;
    border-radius:5px
}
.navbar-logo{
    margin:0!important
}
#home-image-footer-field .newsletter,.navbar-brand{
    padding-top:0
}

.navbar-brand {
    display: inline-block; /* Ensure the logo and text stay on the same line */
    vertical-align: middle; /* Align the logo vertically with the menu items */
}

.primary-btn,.secondary-btn{
    font-size:14px;
    padding:16px 39px;
    border-radius:50px;
    position:relative;
    transition:.3s ease-in-out;
    display:inline-block
}
.banner-text h1{
    font-size:52px;
    line-height:69px;
    font-weight:700
}
.banner-text{
    float:left
}
.banner-text p{
    font-size:16px;
    line-height:25px;
    font-weight:200
}
.text-paragraph{
    width:52%;
    float:left
}
.text-paragraph span{
    font-size:18px;
    line-height:25px;
    font-weight:700;
    color:var(--global--color-pink)
}
.hosting-section h1,.price li{
    color: #fff
}
.primary-btn{
    font-weight:700;
    color:#fafafa;
    background:#818fe7;
    text-decoration:none
}
.secondary-btn{
    font-weight:700;
    color:var(--global--color-white);
    background:var(--global--color-pink);
    text-decoration:none;
    margin-left:17px
}
.tercery-btn,.tercery-btn:hover{
    color:#f4f4f5;
    text-decoration:none
}
.tercery-btn{
    font-size:13px;
    font-weight:500;
    padding:11.7px 40px;
    background: linear-gradient(to right bottom,rgb(255 255 255 / .05) 0%,rgb(4 211 97 / .2) 100%);
    border: solid 1px;
    border-color: rgb(4 211 97 / .2);
    border-radius:5px;
    position:relative;
    display:inline-block;
    transform: skew(-15deg);
}


.tercery-btnt{
    font-size:13px;
    font-weight:500;
    padding:11.7px 23px;
    color: #ffffff !important;
    background: linear-gradient(to right bottom,rgb(255 255 255 / .05) 0%,rgb(130 87 229 / .2) 100%);
    border: solid 1px;
    border-color: rgb(130 87 229 / .2);
    border-radius:5px;
    transition:.3s ease-in-out;
    margin-top: 9px;
    position:relative;
    display:inline-block;
    transform: skew(-15deg);
}

.tercery-btnt,.tercery-btnt:hover{
    color:#252525;
    text-decoration:none
}


.primary-btn:hover{
    text-decoration:none;
    color:#fff
}
.secondary-btn:hover{
    text-decoration:none;
    color:var(--global--color-white)
}
.text-paragraph p{
    font-size:18px;
    line-height:30px;
    font-weight:400;
    padding:8px 5% 0 0;
    margin-bottom:42px
}
.button-effect{
    position:relative;
    overflow:hidden;
    cursor:pointer
}
.button-effect:hover::after{
    left:240px;
    transition:2.35s cubic-bezier(.19, 1, .22, 1)
}
.button-effect:after{
    background:#fff;
    content:"";
    height:155px;
    left:-75px;
    opacity:.2;
    position:absolute;
    top:-50px;
    transform:rotate(35deg);
    transition:2.15s cubic-bezier(.19, 1, .22, 1);
    width:50px;
    z-index:1
}
.button-effect-parent{
    background-color:#04d361!important;
    border-color:#00000000!important;
    padding:6px 61px!important;
    cursor:wait
}
@keyframes rotation{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
.button-effect-active{
    content:"";
    animation:.3s linear infinite rotation;
    width:100%;
    height:40px
}
.list-inline-item:not(:last-child){
    margin-right:0
}
.choose-button:hover,.data-button:hover,.guarrantees-button:hover,.primary-button:hover,.reliable-shared-hsoting-section-button:hover,.secondary-button:hover,.server-button:hover,.vps-button:hover{
    transform:translateY(-3px)
}
.banner-img{
    width:616px;
    position:absolute;
    float:right;
    top:-92px;
    right:-96px
}
.scroll-up{
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(3,0,20,.08);
    border-color: #ffffff1a !important;
    z-index:3;
    transition:top 5s linear;
    padding:0!important;
    position:fixed;
    left:0;
    right:0;
    top:0;
    animation:.3s slide-down

}
@keyframes slide-down{
    0%{
        opacity:0;
        transform:translateY(-100%)
    }
    100%{
        opacity:.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;
    box-shadow:0 30px 30px rgba(30,34,47,.03);
    margin:0;
    position:absolute;
    z-index:1
}
.field-background .field:hover{
    box-shadow:0 30px 30px rgba(30,34,47,.1);
    transform:translateY(-5px)
}
.domain-banner-section .form-group,.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 0 28px 39px;
    border:none;
    color:grey;
    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:0;
    right:0;
    z-index:0;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out
}
.accordion-card .collapse,.border-line,.hosting-section,.map-location,.plan_tabs,.subscribe-form{
    position:relative
}
.data-btn:hover,.dedicated-btn:hover,.dedicated-support-btn:hover,.domain-plan-box-btn:hover,.reseller-plan-box-btn:hover,.search-btn:hover,.ssl-certificate-btn:hover,.white_btn a: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;
    margin-right:41px
}
.price{
    padding-top:0;
    margin-bottom:0
}
.price li:first-child{
    padding-left:0
}
.price li:last-child,.team-list li:last-child{
    padding-right:0
}
.accordion-card .btn.focus,.btn:focus,.form-control:focus{
    box-shadow:none
}
button:focus{
    outline:0
}
.hosting-section{
    background-color: var(--global--color-black);
    padding: 201px 0 42px
}
.hosting-section h1{
    font-size:36px;
    font-weight:400;
    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-black);
    border-radius:12px;
    border: 1px solid #1e222f;
}
.plan:hover{
    border-color: #8257e5b7 !important;
    transition: .2s;
}
.plan .hosting-img-1,.plan .hosting-img-2,.plan .hosting-img-3{
    margin-bottom:35px;
    max-width:100px
}
.plan h4{
    font-weight:700;
    color:#e1e1e6
}
.plan p{
    font-size:16px;
    font-weight:400;
    color:var(--global--color-lightgrey)!important;
    line-height:24px
}
.plan li,.plan li span,.vps-banner-section p{
    font-size:18px;
    font-weight:400;
    line-height:24px
}
.plan li{

    color: #fff;
    padding:10px 0
}
.plan li:first-child{
    padding-top:8px
}
.dedicated-server-plan-box li:last-child,.plan li:last-child{
    padding-bottom:0;
    border:none
}
#home-image-footer-field .form-group,.choose-section figure,.datacenter-plan-box p:last-child,.footer-cards-list,.plan li figure,.slider-row1:last-child,.ssl-certificate-query-section figure,.team-list{
    margin-bottom:0
}
#home-image-hosting-section .start,.plan small{
    font-size:14px;
    font-weight:600;
    line-height:35px;
    font-style:italic;
    color: var(--global--color-grey)
}
.plan h2{
    font-size:40px;
    font-weight:700;
    line-height:52px;
    color:#04d361
}
.hosting-pricing span,.server-pricing span,.vps-pricing span{
    font-size:36px;
    font-weight:700;
    line-height:22px;
    color:#04d361
}
.hosting-pricing small,.server-pricing small,.vps-pricing small{
    font-size:18px;
    font-weight:400;
    line-height:22px;
    color:#04d361
}
.hosting-btn,.server-btn,.vps-btn{
    padding:16px 40px;
    color:var(--global--color-white);
    font-size:14px;
    font-weight:700;
    border-radius:6px;
    text-decoration:none;
    transition:.4s ease-in-out;
    background:var(--global--color-black);
    border:1.7px solid #2e2e33;
    display:inline-block
}
.hosting-btn:hover,.server-btn:hover,.vps-btn:hover{
    text-decoration:none;
    color:var(--global--color-white);
    background-color: #8257e5;
    box-shadow:0 10px 10px rgba(0,0,0,.1);
    border-color:#8257e5
}
.hosting-text,.server-text,.vps-text{
    position:absolute;
    top:0;
    left:197px;
    font-size:14px;
    font-style:italic;
    padding:1px 14px;
    border-radius:0 9px 5px 5px;
    color:var(--global--color-white);
    background:var(--global--color-pink)
}
.plan .weightage,.variation-2 .server-pricing small,.variation-2 .server-pricing span,.variation-2 .weightage,.variation-2 h2,.variation-3 .vps-pricing small,.variation-3 .vps-pricing span,.variation-3 .weightage,.variation-3 h2{
    color:#04d361
}
.hosting-section-setting{
    padding-bottom:59px
}
.dedicated-list-icon,.hosting-list-icon{
    max-width:23px
}
.home-image-field-section .form-group,figure img{
    width:100%
}
.guarrantees-section{
    background:var(--global--color-dark);
    border-bottom: 1px solid rgb(30, 34, 47);
    padding:80px 0
}
.flattg{
    background-color:#09090a;
    border-radius:5px;
    border:1px solid #353535;
    padding:8.5px
}
#home-gaming-vision-section h1,.choose-section h1,.guarrantees-section h1{
    font-size:36px;
    font-weight:400;
    line-height:40px;
    margin-bottom:18px
}
.guarrantees-section h4{
    font-size:15px;
    font-weight:400;
    line-height:30px;
    margin-bottom:11px;
    opacity: 0.8;
}
.guarrantees-section p{
    font-size: 15px;
    font-weight: 100;
    line-height: 30px;
}
.guarrantees-btn{
    padding: 14px 41px;
    background: #d53333;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 7px;
    transform: skew(-15deg);
    transition: all .2s linear;
    text-decoration: none;
    display: inline-block;
}
.guarrantees-btn:hover,.reliable-shared-hsoting-section-btn:hover{
    text-decoration:none;
    color:#ffffff;
}
.plan-box{
    background:var(--global--color-blue);
    padding:45px 15px;
    border-radius:15px;
    box-shadow:0 30px 30px rgba(24,27,34,.1);
    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,.reliable-shared-hsoting-section-text{
    padding-top:73px
}
.plan-box-award,.plan-box-guarrantee{
    margin-bottom:30px
}
.data-section{
    background-color:var(--global--color-black) !important;
    background-image: url("/assets/images/data-center-background.webp");
    border-bottom: 1px solid rgb(30, 34, 47);
    padding:99px 0;
}

.data-section h1{
    font-size:36px;
    font-weight:400;
    line-height:32px;
    margin-bottom:22px;
    color:#e1e1e6
}
.data-section p,.team-heading 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
}

.panel-container{
    padding:0px 12px 79px 25px;
    position:relative;
    display:inline-block
}
.panel-container img{
    padding-top:10px
}


.figure-avaliations{
    max-width: 100%;
    padding: 3px;
    border-radius: 50%;
    border: 1.7px solid #996dff;
}
#mobileMenu{
    position:fixed;
    bottom:20px;
    left:0;
    width:100%;
    height:60px;
    z-index:990;
    visibility:hidden;
    margin:0;
    font-size:0;
    padding:0
}
#menuBarListButton{
    display:block;
    position:relative;
    width:70px;
    height:70px;
    margin:0 auto;
    top:-5px;
    left:-2.5px;
    background:#3a3548;
    border-radius:60% 40%/54% 63% 37% 46%;
    z-index:800;
    transition:.3s ease-in-out;
    will-change:top
}
#menuBarListButton.active{
    top:-30px;
    border-radius:43% 57% 36% 64%/59% 50% 50% 41%
}
.svgmobile{
    fill:rgb(255,255,255)
}
#mobileMenu li>a svg{
    display:block;
    margin:12px auto 5px;
    width:16px;
    height:16px
}
#mobileMenu .back{
    position:absolute;
    background:#221f2b;
    width:calc(100% - 43px);
    left:21px;
    height:60px;
    box-shadow:0 0 20px 0 rgba(34,31,43,.5);
    border-radius:9px
}
#mobileMenu li>a span{
    font-size:10px;
    color:#9892a8;
    font-weight:400;
    transition:.3s ease-in-out
}
#mobileMenu ul{
    display:block;
    position:relative;
    padding:0 25px;
    margin-top:0
}
#mobileMenu li,.data-btn,.footer-list li,.footer-list li a,.stars li{
    display:inline-block
}
#mobileMenu li{
    position:relative;
    width:19%;
    vertical-align:top;
    height:60px;
    text-align:center
}
#mobileMenu li>a{
    display:block
}
#mobileMenu li.centerb{
    width:24%!important
}
@media only screen and (max-width:991px){
    #mobileMenu{
        visibility:visible
    }

}
.point{
    cursor:pointer;
    position:absolute;
    width:1.4rem;
    height:1.4rem;
    background-color:#927ddb;
    border:4px solid var(--global--color-white);
    border-radius:50%;
    transition:.1s;
    will-change:transform,box-shadow;
    transform:translate(-50%,-50%);
    box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    animation:1.5s infinite pulse
}
.canada{
    top:135px;
    left:166px
}
.los-angeles{
    top:220px;
    left:199px
}
.dallas{
    top:402px;
    left:353px
}
.atlanta{
    top:366px;
    left:341px
}
.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 #3111e785
    }
    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;
    border-bottom:1px solid #1e222f
}
.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
}
.location,.point:hover .location{
    color:var(--global--color-black)
}
.location{
    display:none;
    font-size:14px;
    font-weight:700
}
.point:hover .location{
    display:block;
    background:var(--global--color-yellow);
    position:absolute;
    top:-50px;
    left:-36px;
    padding: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
}
.domain-table-section,.features-section{
    padding:100px 0;
}
.contact-planbox,.feature-plan-box,.footer-section{
    background-color: var(--global--color-black) ;
}

.footer-section {
    background-color: var(--global--color-black) !important;
}
.feature-heading{
    padding-bottom:57px
}
.features-section h1{
    font-size:36px;
    line-height:29px;
    font-weight:400;
    margin-bottom:20px;
    color:#e1e1e6
}
.features-section p{
    font-size:16px;
    line-height:24px;
    font-weight:400
}
.feature-plan-box{
    padding:70px 60px;
    border-radius:22px;
    box-shadow:  -5px 5px 10px #07060a,
    5px -5px 10px #0b0a10;
    transition: all .5s linear;

    
}

.box1{
    background: linear-gradient(to right bottom,rgba(255,255,255,0) 0%,rgba(114, 57, 219, 0.088) 100%);
    transition: all 0.5s ease;
}

.box2{
    background: linear-gradient(to right bottom,rgba(255,255,255,0) 0%,rgba(114, 57, 219, 0.088) 100%);
    transition: all 0.5s ease;
}

.box3{
    background: linear-gradient(to right bottom,rgba(255,255,255,0) 0%,rgba(114, 57, 219, 0.088) 100%);
    transition: all 0.5s ease;
}

.box4{
    background: linear-gradient(to right bottom,rgba(255,255,255,0) 0%,rgba(114, 57, 219, 0.088) 100%);
    transition: all 0.5s ease;
}



.feature-plan-box h3{
    font-size:24px;
    line-height:30px;
    font-weight:700;
    color:#d2d3d5;
    margin-bottom:17px
}
.ceo .ceo-text,.feature-plan-box p,.review-section .heading-text,.review-section-text{
    color:var(--global--color-lightgrey);
}
.feature-plan-box p{
    font-size:16px;
    line-height:24px;
    font-weight:200
}



.feature-plan-box-plans{
    padding:70px 60px;
    border-radius:22px;
    border: solid 1.5px #ffffff33;
    transition: all .2s linear;
    background: transparent
}

.feature-plan-box-plans:hover{
    transform:translateY(-6.1px);
    border: solid 1.5px #8257e5;
}

.feature-plan-box-plans h3{
    font-size:24px;
    line-height:30px;
    font-weight:700;
    color:#d2d3d5;
    margin-bottom:17px
}
.feature-plan-box-plans p{
    font-size:16px;
    line-height:24px;
    font-weight:200
}


.plan-box-hardware,.plan-box-network{
    padding-bottom:30px
}
.feature-image-list{
    max-width:190px;
    margin:0 auto 44px
}
.review-section{
    background-color: var(--global--color-black);
    padding:87px 0 55px
}
.review-section h1{
    font-size:36px;
    line-height:54px;
    font-weight:400;
    color:#e1e1e6
}
.review-section .heading-text{
    font-size:16px;
    line-height:24px;
    font-weight:400;
    margin-bottom:26px
}
.stars li{
    color:#8257e5;
    font-size:28px
}
.review-section-text{
    font-size: 19px;
    line-height: 27px;
    font-style: italic;
}
.footer-logo figure,.review-section p{
    margin-bottom:33px
}
.ceo h4{
    line-height:17px;
    font-weight:400;
    color:#e1e1e6;
}
.ceo .ceo-text{
    font-size:14px;
    line-height:20px;
    font-weight:400
}
.quote i{
    font-size:23px;
    color:#eee
}
.contact-section{
    position:relative;
    bottom:-78px
}
.contact-planbox{
    padding:48px 32px;
    border-radius:15px;
    transition:.3s ease-in-out;
    color:#e1e1e6!important;
    position:relative;
    border:1px solid #c3c3c38a;
}
.footer-section .form-control,.footer-section .form-group{
    position:relative;
    background:var(--global--color-white);
    border-radius:50px
}
.contact-planbox:hover{
    transform:translateY(-5px);
    cursor:pointer;
    z-index:0;
    box-shadow:0 10px 10px rgba(0,0,0,.5)
}
.about-primary-btn:hover,.about-primary-button:hover,.about-secondary-btn:hover,.about-secondary-button:hover{
    transform:translateY(-1px)
}
.contact-planbox h4{
    line-height:18px;
    font-weight:700
}
.contact-planbox p{
    font-size:16px;
    line-height:13px;
    font-weight:400;
    margin-bottom:0
}
#home-image-footer-section a:hover,.contact-section a,.contact-us-plan-box a:hover,.success-plan-box a:hover,.support-plan-box p a:hover{
    text-decoration:none
}
.contact-image{
    max-width:48px
}
.footer-section{
    padding:100px 0 74px
}
.footer-list li a:hover,.subscribe-btn{
    background:var(--global--color-yellow)
}
.newsletter{
    padding-top:53px
}
.footer-section h3{
    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;
    border:none;
    color:grey;
    font-size:16px
}
.footer-section .form-group{
    border:1px solid #e8eaf1;
    margin-bottom:78px
}
.footer-form{
    width:66%;
    margin:auto
}
.subscribe-btn{
    font-size:14px;
    font-weight:700;
    color:var(--global--color-lightblack);
    border-radius:50px;
    border:none;
    padding:18px 27px 19px;
    position:absolute;
    right:-1px;
    top:-1px;
    left:inherit;
    transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out
}
.footer-arrow-setting:hover,.subscribe-btn:hover{
    box-shadow:0 0 20px rgba(0,0,0,.25)
}
.about-primary-btn:hover,.about-secondary-btn:hover,.footer-list li a:hover{
    z-index:0;
    cursor:pointer
}
.footer-logo small{
    font-size:14px;
    font-weight:400;
    color:var(--global--color-grey)
}
.footer-logo-text{
    margin-bottom:32px
}
.footer-list li{
    margin-right:5px
}
.footer-list li a{
    color:var(--global--color-yellow);
    border:2px solid var(--global--color-yellow);
    border-radius:16%;
    height:43px;
    width:43px;
    text-align:center;
    line-height:41px;
    transition:.3s ease-in-out;
    position:relative
}
.footer-list li a:hover{
    color:var(--global--color-blue);
    height:43px;
    width:43px;
    transform:translateY(-5px)
}
.footer-list{
    padding-top:32px
}
.footer-company{
    padding-left:18px
}
.footer-contact{
    padding-left:15px
}
.footer-section h5{
    font-weight:700;
    margin-bottom:35px
}
.footer-hosting{
    padding-left:10px
}
.company-list li,.contact-list li,.hosting-list li{
    padding-bottom:11px
}
.company-list li a,.contact-list li a,.hosting-list li a{
    font-size:16px;
    color:var(--global--color-grey);
    line-height:25px;
    font-weight:400
}
.company-list li a:hover,.contact-list li a:hover,.hosting-list li a:hover{
    color:var(--global--color-white);
    text-decoration:none
}
.footer-image{
    max-width:183px
}
.footer-bar{
    background-color: var(--global--color-black) !important;
    background-repeat: no-repeat !important;
    background-position: 22% !important;
    padding:11px 0
}



.footer-bar .footer-cards small{
    font-size:14px;
    color:var(--global--color-grey);
    font-weight:400;
    margin:0 14px 0 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 a:hover i{
    transform:translateY(-5px);
    box-shadow:0 10px 10px rgba(0,0,0,.1);
    cursor:pointer;
    z-index:0
}
.footer-bar .footer-arrow small{
    font-size:14px;
    color:var(--global--color-grey);
    font-weight:400;
    margin:0 5px 0 0;
    padding-top:12px
}
.heart{
    color:var(--global--color-pink);
    padding:0 2px 0 4px;
    font-size:12px
}
.footer-arrow-setting{
    height:43px;
    width:43px;
    font-size:18px;
    background:var(--global--color-yellow);
    color:var(--global--color-lightblack);
    border-radius:20%;
    text-align:center;
    line-height:41px!important;
    margin-left:11px
}
.footer-arrow{
    float:right;
    text-align:right
}
.about,.about-main-header,.home-gaming-sub-section .banner-section,.home-gaming-sub-section .main-header,.home-image-sub-section .banner-section,.home-image-sub-section .main-header{
    background:0 0
}
.img-carrousel{
    position:relative;
    max-width:250px
}
.about-sub-section{
    background-color:var(--global--color-blue);
    background-image:url(../images/about-us-banner-img.png);
    background-size:cover;
    background-repeat:no-repeat
}
.about-primary-btn,.about-secondary-btn{
    font-weight:500;
    color:#fffffff7;
    background: linear-gradient(to right bottom,rgb(255 255 255 / .05) 0%,rgb(130 87 229 / .2) 100%);
    border: solid 1px;
    border-color: rgb(130 87 229 / .2);
    transition:.4s ease-in-out;
    text-decoration:none;
    position:relative;
    font-size:13px;
    display:inline-block;
    transform: skew(-15deg);
    
}

.about-secondary-btn {
    background: linear-gradient(to right bottom,rgb(255 255 255 / .05) 0%,rgb(4 211 97 / .2) 100%);
    border: solid 1px;
    border-color: rgb(4 211 97 / .2);
}

.about-primary-btn:hover,.about-secondary-btn:hover{
    transform: skew(-15deg);

}
.about-us-banner-section{
    padding:100px 0 265px
}
.about-us-banner-text h1{
    font-weight:700;
    font-size:52px;
    line-height:69px
}
.about-us-banner-text p{
    font-weight:200;
    font-size:16px;
    line-height:24px;
    margin-bottom:43px;
    color:#ffffffa3!important
}
.about-primary-btn{
    padding:14px 50px;
    border-radius:6px
}
.about-primary-btn:hover{
    text-decoration:none;
    color:#fff
}
.about-secondary-btn{
    padding:14px 40px;
    border-radius:6px;
    margin-left:16px
}
.about-secondary-btn:hover{
    text-decoration:none;
    color:var(--global--color-white)
}
.choose-btn,.choose-btn:hover{
    color:#ffffffce;
    transition:.5s;
    text-decoration:none
}
.about-us-banner-section h2{
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #04d361;
    text-shadow: 0px 0px 18px #04d361b3;
}
.about-us-price p{
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:var(--global--color-grey);
    margin-bottom:0
}
.about-us-price{
    padding-top:40px
}
.about-us-price-list{
    border-right:1px solid #3f424d
}
.vision-section{
    background-color: var(--global--dark-blackdark);
    position:relative;
    z-index:1;
    border-top:1px solid #1e222f
}
.vision-section-inner{
    position:relative;
    top:-165px
}
.vision-plan-box{
    padding:57px 60px;
    background: var(--global--color-black);
    border:1.5px solid rgb(58, 65, 87);
    border-radius:15px
}
.vision-plan-box h4{
    font-weight:700;
    line-height:30px;
    color:#e1e1e6!important;
    margin-bottom:18px
}
.vision-plan-box p{
    font-size:16px;
    font-weight:100;
    line-height:24px;
    padding:0 3% 0 0;
    margin-bottom:0;
    color:var(--global--color-grey)
}
.vision-image-list{
    max-width:62px;
    margin-bottom:34px
}
.history-section{
    padding: 80px 0px 11px;
    border-top: 1px solid #1e222f;
    background: var(--global--color-black);
    position:relative;
    z-index:2;
    margin-top:-75px
}
.history-section-text{
    margin-bottom:66px
}
.history-section h1{
    font-size:36px;
    font-weight:400;
    line-height:40px;
    color:var(--global--color-lightgrey)
}
.contact-us-plan-box p,.history-section p,.success-plan-box p,.support-plan-box p a{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin-bottom:0;
    color:var(--global--color-graysubtitle)
}
.history-section span{
    font-size:24px;
    color:#04d361;
    font-weight:700;
    line-height:30px
}
.history-section .plan-circle{
    height:25px;
    width:25px;
    border-radius:100%;
    background:#04d361;
    text-align:center;
    margin:9% auto 80px;
    z-index:2
}
.history-section h4{
    color:var(--global--color-lightgrey);
    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-yellow)
}
.history-border{
    border-top:2px solid var(--global--color-white);
    position:absolute;
    top:64px;
    bottom:0;
    left:0;
    right:0
}
.choose-image,.dedicated-hosting-plan-image{
    max-width:645px
}
.choose-section{
    padding:100px 0;
    background: var(--global--color-black);
    border-top:1px solid #1e222f;
    border-bottom:1px solid #1e222f
}
.choose-section h5{
    font-size:18px;
    font-weight:100;
    line-height:30px;
    margin-bottom:19px;
    color:#ffffffab
}
.choose-section p{
    font-size:16px;
    font-weight:100;
    line-height:30px;
    color:#ffffff79
}
.choose-btn{
    padding:14px 41px;
    background:#0a7a3c;
    font-size:14px;
    font-weight:700;
    border-radius:8px;
    display:inline-block;
    box-shadow:0 5px 10px rgba(0,0,0,.15)
}
.choose-btn:hover{
    background-color:#0a6834
}
.choose-text{
    padding-top:25px
}
.team-section{
    padding:98px 0;
    background: var(--global--color-black)
}
.dedicated-server-support-plan-box-section-text,.success-section-text,.team-heading{
    margin-bottom:76px
}
.team-heading h1{
    font-size:36px;
    font-weight:400;
    line-height:32px
}
.team-plan-box{
    padding:50px 48px;
    background: transparent;
    border-radius:15px;
    border: 1.5px solid #3a4157
}
.team-plan-box:hover{
    border-color: #8257e5;
}
.team-plan-box figure{
    border-radius:100%;
    overflow:hidden;
    margin-bottom:39px
}
.team-plan-box img{
    background-color: var(--global--color-black);
    width: 242px
}
.team-plan-box h4{
    line-height:20px;
    font-weight:700;
    color:#fff
}
.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-yellow);
    transition:.3s ease-in-out
}
#Comprison_pricingplan table td i,.accordion-card button.btn.btn-link,.ssl-certificate-plan-box li i,.support-plan-box .variation-1,.team-list li a{
    color:#ac8cf7
}
.contact-us-sub-section{
    background-color:var(--global--color-purple);
    background-image:url(../images/contact-us-banner-img.jpg);
    background-size:cover;
    background-position:center 41px;
    background-repeat:no-repeat
}
.contact-us-banner-section{
    padding:70px 0 227px
}
.contact-us-banner-section h1,.dedicated-banner-section h1,.domain-banner-section h1,.reseller-banner-section h1,.shared-banner-section h1,.vps-banner-section h1{
    font-size:52px;
    font-weight:700;
    line-height:40px
}
.contact-us-banner-section p,.dedicated-banner-section p,.dedicated-banner-section ul li,.domain-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-yellow)
}
.contact-us-plan-box-section,.dedicated-server-plan-box-section,.domain-plan-box-section,.reseller-plan-box-section,.shared-tab-content-section,.ssl-certificate-plan-box-section{
    background:var(--global--color-light)
}
.contact-us-plan-box,.dedicated-server-support-plan-box{
    padding:60px;
    background:var(--global--color-white);
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03);
    height:100%
}
.contact-us-plan-box-section-inner{
    position:absolute;
    top:-145px
}
.contact-us-plan-box h4,.success-plan-box h4{
    font-weight:400;
    line-height:30px;
    color:var(--global--color-black);
    margin-bottom:18px
}
.contact-us-plan-box a,.success-plan-box a{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin-bottom:0;
    color:var(--global--color-pink)
}
.contact-us-plan-box figure,.success-plan-box figure{
    margin-bottom:34px
}
.contact-us-image-list{
    max-width:34px;
    max-height:34px
}
.contact-form-section{
    padding:194px 0 102px;
    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,.03);
    transition:.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:0 0 0 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,.vps-slider-section select{
    appearance:none
}
.contact-form-plan-box i{
    position:absolute;
    right:0
}
.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,.15);
    transition:.3s ease-in-out;
    position:relative
}
.dedicated-server-plan-box,.ssl-certificate-plan-box,.success-plan-box{
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03);
    height:100%
}
.domain-table-section table,.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;
    background:#eee
}
.success-section h1{
    font-size:36px;
    line-height:40px;
    font-weight:400;
    color:var(--global--color-black)
}
.dedicated-server-features-section p,.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)
}
.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:0;
    right:0
}
.dedicated-sub-section{
    background-image:url(../images/dedicated-banner-img.jpg);
    background-size:cover;
    background-position:center 40px;
    background-repeat:no-repeat
}
.dedicated-banner-section{
    padding:70px 0 195px
}
.dedicated-banner-section li i{
    color:var(--global--color-pink);
    margin-right:5px
}
.dedicated-server-plan-box,.ssl-certificate-plan-box{
    padding:58px 48px;
    background:var(--global--color-white)
}
.dedicated-server-plan-box-section-inner{
    position:relative;
    top:-120px;
    width:100%
}
.dedicated-server-plan-box h4,.ssl-certificate-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,.domain-plan-box .domain-plan-box-paragraph,.reseller-plan-box .reseller-plan-box-paragraph,.reseller-table-plan-box .reseller-table-plan-box-paragraph,.ssl-certificate-plan-box .ssl-certificate-plan-box-paragraph,.vps-slider-section .vps-slider-paragraph{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    font-style:italic;
    color:var(--global--color-black)
}
.dedicated-server-plan-box h2,.domain-plan-box h2,.pricebox .pricetxt span.doller,.pricebox .pricetxt span.numeric,.reseller-plan-box h2,.ssl-certificate-plan-box h2{
    font-size:52px;
    font-weight:700;
    line-height:40px;
    color:var(--global--color-pink)
}
.dedicated-server-plan-box span,.domain-plan-box span,.reseller-plan-box .reseller-plan-box-pricing,.reseller-table-plan-box h2,.ssl-certificate-plan-box span{
    font-size:36px;
    font-weight:700;
    line-height:40px;
    color:var(--global--color-pink)
}
.dedicated-server-plan-box .dedicated-server-pricing,.domain-plan-box .domain-plan-box-pricing,.reseller-plan-box .reseller-plan-box-pricing-month,.reseller-table-plan-box .reseller-table-plan-box-pricing-month,.ssl-certificate-plan-box .ssl-certificate-pricing,.vps-slider-section .vps-slider-pricing-month{
    font-size:18px;
    font-weight:400;
    line-height:22px;
    color:var(--global--color-pink)
}
.dedicated-server-plan-box .dedicated-server-plan-box-text,.ssl-certificate-plan-box .ssl-certificate-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,.ssl-certificate-plan-box p{
    font-size:16px;
    font-weight:700;
    line-height:24px;
    margin-bottom:19px;
    color:var(--global--color-pink)
}
.dedicated-btn,.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:.3s ease-in-out;
    background:var(--global--color-pink);
    display:inline-block;
    box-shadow:0 5px 10px rgba(0,0,0,.15)
}
.dedicated-server-plan-box li,.ssl-certificate-plan-box li{
    border-bottom:1px solid #e8eaf1;
    padding:10px 0 8px
}
.dedicated-server-plan-box li span,.ssl-certificate-plan-box li span{
    font-size:18px;
    font-weight:400;
    line-height:24px;
    color:var(--global--color-black)
}
#Comprison_pricingplan .table td .variation-2,#Comprison_pricingplan .variation-2 .reseller-table-plan-box-pricing-month,#Comprison_pricingplan .variation-2 h2,#Comprison_pricingplan table td .variation-2,.choose-ssl-certificate-section .variation-2 .validation,.dedicated-server-plan-box-section .variation-2 .dedicated-server-price,.dedicated-server-plan-box-section .variation-2 .dedicated-server-pricing,.dedicated-server-plan-box-section .variation-2 h2,.domain-plan-box-section .variation-2 .domain-plan-box-pricing,.domain-plan-box-section .variation-2 h2,.domain-plan-box-section .variation-2 span,.our-datacenter-plan-box-inner .variation-2,.reseller-plan-box-section .variation-2 .reseller-plan-box-pricing,.reseller-plan-box-section .variation-2 .reseller-plan-box-pricing-month,.reseller-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,.shared-plan-box-section .variation-2 h2,.ssl-certificate-plan-box-section .variation-2 .link-text,.ssl-certificate-plan-box-section .variation-2 .ssl-certificate-pricing,.ssl-certificate-plan-box-section .variation-2 .ssl-certificate-server-price,.ssl-certificate-plan-box-section .variation-2 h2,.ssl-certificate-plan-box-section .variation-2 li i,.support-plan-box .variation-2,.variation-2 p,.vps-slider-section .variation-4{
    color:var(--global--color-lightpink)
}
#Comprison_pricingplan .variation-2 .reseller-table-plan-box-btn,.affiliate-program-plan-box .variation-2,.choose-ssl-certificate-section .variation-2 .our-datacenter-plan-box-inner-btn,.dedicated-server-plan-box-section .variation-2 .dedicated-btn,.domain-plan-box-section .variation-2 .domain-plan-box-btn,.our-datacenter-plan-box-inner .variation-3,.reseller-plan-box-section .variation-2 .reseller-plan-box-btn,.shared-plan-box-section .variation-2 .shared-plan-box-btn,.ssl-certificate-outcome,.ssl-certificate-plan-box-section .variation-2 .ssl-certificate-btn,.vps-slider-section .variation-2{
    background:var(--global--color-lightpink)
}
#Comprison_pricingplan .variation-3 .reseller-table-plan-box-pricing-month,#Comprison_pricingplan .variation-3 h2,#Comprison_pricingplan table td .variation-3,.choose-ssl-certificate-section .variation-3 .validation,.dedicated-server-plan-box-section .variation-3 .dedicated-server-price,.dedicated-server-plan-box-section .variation-3 .dedicated-server-pricing,.dedicated-server-plan-box-section .variation-3 h2,.domain-plan-box-section .variation-3 .domain-plan-box-pricing,.domain-plan-box-section .variation-3 h2,.domain-plan-box-section .variation-3 span,.our-datacenter-plan-box-inner .variation-4,.reseller-plan-box-section .variation-3 .reseller-plan-box-pricing,.reseller-plan-box-section .variation-3 .reseller-plan-box-pricing-month,.reseller-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,.shared-plan-box-section .variation-3 h2,.ssl-certificate-plan-box-section .variation-3 .link-text,.ssl-certificate-plan-box-section .variation-3 .ssl-certificate-pricing,.ssl-certificate-plan-box-section .variation-3 .ssl-certificate-server-price,.ssl-certificate-plan-box-section .variation-3 h2,.ssl-certificate-plan-box-section .variation-3 li i,.support-plan-box .variation-3,.variation-3 p,.vps-slider-section .variation-5{
    color:var(--global--color-purple)
}
#Comprison_pricingplan .variation-3 .reseller-table-plan-box-btn,.affiliate-program-plan-box .variation-3,.choose-ssl-certificate-section .variation-3 .our-datacenter-plan-box-inner-btn,.dedicated-server-plan-box-section .variation-3 .dedicated-btn,.domain-plan-box-section .variation-3 .domain-plan-box-btn,.our-datacenter-plan-box-inner .variation-5,.reseller-plan-box-section .variation-3 .reseller-plan-box-btn,.shared-plan-box-section .variation-3 .shared-plan-box-btn,.ssl-certificate-plan-box-section .variation-3 .ssl-certificate-btn,.vps-slider-section .variation-3{
    background:var(--global--color-purple)
}
.dedicated-server-maintainance{
    background:var(--global--color-light);
    padding:0 0 90px;
    margin-top:-55px
}
.dedicated-server-maintainance h4{
    font-weight:400;
    line-height:36px;
    color:var(--global--color-black);
    padding:0 23%;
    margin-bottom:0
}
.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.jpg);
    padding:100px 0;
    background-repeat:no-repeat;
    background-size:cover
}
.dedicated-hosting-plan-text h1,.dedicated-server-support-plan-box-section 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,.dedicated-server-support-plan-box-section p,.ssl-certificate-query-section p{
    font-size:16px;
    font-weight:400;
    line-height:24px
}
.dedicated-hosting-plan-setting{
    padding-top:47px
}
.dedicated-hosting-plan-image-list,.reseller-plan-box-image-list{
    max-width:62px
}
.dedicated-server-features-section,.reseller-table-section{
    padding:100px 0;
    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-plan-box{
    padding:80px 0;
    background:var(--global--color-white);
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03)
}
.dedicated-server-features-plan-box h4,.domain-management-plan-box h4{
    line-height:23px;
    font-weight:700;
    color:var(--global--color-black)
}
.dedicated-server-features-plan-box p,.domain-management-plan-box p,.reseller-feature-plan-box p{
    font-size:16px;
    line-height:30px;
    font-weight:400;
    color:var(--global--color-lightgrey)
}
.dedicated-server-features-section-text,.home-gaming-vision-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 0;
    background:var(--global--color-lightpink)
}
.dedicated-server-support-plan-box h4,.domain-plan-box h4,.our-datacenter-plan-box-inner h4,.reseller-plan-box h4{
    font-weight:700;
    line-height:20px;
    color:var(--global--color-white)
}
.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 0 10px
}
.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,.domain-btn{
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    display:inline-block
}
.dedicated-support-btn{
    padding:14px 50px;
    color:var(--global--color-white);
    text-decoration:none;
    transition:.3s ease-in-out;
    background:var(--global--color-lightpink);
    box-shadow:0 5px 10px rgba(0,0,0,.15)
}
.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 0 101px;
    background-color:var(--global--color-black);
    border-bottom:1px solid #1e222f
}
.text-dark {
    color: var(--global--color-black) !important;
}
.accordion-section h1{
    font-size:36px;
    line-height:29px;
    font-weight:400;
    color:#e1e1e6
}
.accordion-card .btn-link{
    font-weight:200;
    color:#007bff;
    text-decoration:none;
    font-size:18px;
    color:#a3a3a3c0;
    padding:0;
    display:block;
    width:100%;
    text-align:left;
    position:relative;
}
.accordion-card{
    border-bottom:3px solid #007bff00;
    background-color:#0d0c12;
    padding:0 0 0 13px;
    border-radius:6px
}
.accordion-card .card-header{
    padding:18px 14px;
    margin-top:6px;
    background-color:#0d0c12;
    border-radius:14px;
    margin-bottom:0;
    border:none;
}
.accordion-card .card-body{
    padding:0 78px 14px 10px;
    font-size:16px;
    color:var(--global--color-lightgrey);
}
.accordion-section-text,.reseller-guarrantees-text{
    margin-bottom:70px
}
.accordion-card .btn-link:before{
    content:"\f068";
    position:absolute;
    right:0;
    font-family:'Font Awesome 5 Pro';
    font-display: swap;
    display:inline-block;
    vertical-align:middle;
    font-weight:400;
    font-size:20px;
    line-height:35px
}
.accordion-card .collapsed:before{
    content:"\f067";
    position:absolute;
    right:0;
    font-family:'Font Awesome 5 Pro';
    font-display: swap;
    display:inline-block;
    vertical-align:middle;
    font-weight:400;
    font-size:20px;
    line-height:35px;
}
.accordion-card button.btn.btn-link.collapsed{
    color:#ffffff
}
.domain-sub-section{
    background-image:url(../images/domain-banner-img.jpg);
    background-size:cover;
    background-position:center 40px;
    background-repeat:no-repeat
}
.domain-banner-section{
    padding:70px 0 185px
}
.domain-form{
    width:83%;
    margin:auto
}
.domain-btn{
    color:var(--global--color-lightblack);
    background:var(--global--color-yellow);
    border:none;
    padding:19px 38px;
    position:absolute;
    right:-1px;
    top:-1px;
    left:inherit
}
.domain-banner-section .form-control{
    background:var(--global--color-white);
    border-radius:50px;
    position:relative;
    height:57px;
    border:none;
    color:grey;
    font-size:16px;
    padding-left:34px
}
.domain-plan-box,.reseller-plan-box{
    padding:50px 49px;
    background:var(--global--color-white);
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03);
    height:100%
}
.domain-plan-box-section-inner,.shared-plan-box-section-inner{
    position:relative;
    top:-100px
}
.domain-plan-box p,.reseller-plan-box p,.shared-plan-box p{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:var(--global--color-lightgrey);
    margin-bottom:29px
}
.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:.3s ease-in-out;
    background:var(--global--color-pink);
    display:inline-block;
    box-shadow:0 5px 10px rgba(0,0,0,.15)
}
.domain-plan-box-image-list{
    max-width:141px;
    height:40px
}
.domain-management-section{
    background:var(--global--color-light);
    padding:0 0 100px
}
.domain-management-plan-box,.table-plan-box{
    border-radius:15px;
    background:var(--global--color-white);
    box-shadow:0 30px 30px rgba(30,34,47,.03)
}
.domain-management-plan-box{
    padding:60px 0
}
.domain-management-plan-box-text{
    padding-top:33px
}
.domain-management-image-1,.reseller-feature-plan-box-image-list{
    max-width:190px
}
.domain-management-image-2,.reseller-feature-plan-box-image-list-variation-1{
    max-width:190px;
    margin:0 0 0 65px
}
.table-plan-box{
    padding:54px 49px
}
.domain-table-section .table thead th{
    padding:18px 0 22px;
    border-right:1px solid #e8eaf1;
    border-bottom:1px solid #e8eaf1;
    font-size:18px;
    color:var(--global--color-black);
    font-weight:700
}
.domain-table-section .table tbody th,.domain-table-section .table td{
    padding:19px 0 16px;
    border-right:1px solid #e8eaf1
}
.domain-table-section .table thead th:first-child{
    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
}
#Comprison_pricingplan table tbody td:nth-child(4),#Comprison_pricingplan table tbody tr:last-child,#Comprison_pricingplan table thead th:nth-child(4),.domain-table-section .table td:last-child,.domain-table-section .table th:last-child{
    border-right:none
}
.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-yellow);
    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 tr th:first-child{
    text-align:left;
    padding-left:0
}
.reseller-sub-section{
    background-image:url(../images/reseller-banner-img.jpg);
    background-size:cover;
    background-position:center 40px;
    background-repeat:no-repeat
}
.reseller-banner-section{
    padding:72px 0 126px
}
.reseller-banner-section p{
    font-size:14px;
    font-weight:200;
    line-height:30px;
    padding:0 21%
}
.reseller-plan-box-section-inner{
    position:relative;
    top:-120px
}
.reseller-plan-box figure,.shared-plan-box figure{
    margin-bottom:29px
}
.reseller-feature-section{
    background:var(--global--color-dark);
    margin-top:-19px;
    padding:0 0 97px
}
.reseller-comparison-text h1,.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 0;
    margin-top:32.5px;
    background:transparent;
    border-radius:10px;
    border:1px solid #1e222f;
}
.reseller-feature-plan-box h4{
    line-height:19px;
    font-weight:700;
    color:var(--global--color-white)
}
.reseller-guarrantees-section,.support-natix-host-section{
    background:var(--global--color-purple);
    padding:99px 0
}
.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-plan-box{
    background:var(--global--color-white);
    padding:51px 49px;
    border-radius:15px;
    box-shadow:0 30px 30px rgba(24,27,34,.1);
    height:100%
}
.reseller-guarrantees-plan-box:hover{
    background:var(--global--color-yellow)
}
.choose-ssl-certificate-section .our-datacenter-plan-box-section h1,.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)
}
.features-section-variation-2 p,.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;
    height:78px
}
.reseller-comparison-text p{
    font-size:16px;
    font-weight:400;
    line-height:33px;
    color:var(--global--color-lightgrey)
}
.reseller-table-plan-box-btn,.white_btn a{
    padding:14px 40px;
    color:var(--global--color-white);
    font-size:14px;
    font-weight:700;
    border-radius:50px;
    text-decoration:none;
    transition:.3s ease-in-out;
    background:var(--global--color-pink);
    display:inline-block;
    box-shadow:0 5px 10px rgba(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 .th-hide{
    background-color:transparent!important;
    border-bottom:none;
    visibility:hidden;
    border-right:none
}
.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:0;
    text-align:center
}
#Comprison_pricingplan li{
    list-style:none;
    flex:1
}
#Comprison_pricingplan button{
    border:2px solid var(--global--color-pink);
    border-radius:50px;
    padding:9px 65px;
    background:#fff;
    font-size:15px;
    font-weight:600;
    color:var(--global--color-pink);
    box-shadow:0 5px 10px rgba(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:.3s
}
#Comprison_pricingplan table{
    table-layout:fixed;
    width:100%
}
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:1px solid #e8eaf1;
    border-left:1px solid #e8eaf1
}
#Comprison_pricingplan table tbody tr:first-child td:first-child{
    border:none;
    border-top-left-radius:15px
}
#Comprison_pricingplan table tbody tr:last-child td{
    box-shadow:0 30px 30px rgba(30,34,47,.03);
    padding-bottom:33px
}
#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 0
}
#Comprison_pricingplan table tbody tr:last-child td:last-child,#Comprison_pricingplan table tbody tr:last-child td:nth-child(4){
    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{
    padding:18px 0;
    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,#Comprison_pricingplan table tbody tr:last-child{
    border-left:none;
    border-top:0
}
#Comprison_pricingplan table tbody tr:nth-child(2){
    padding-top:36px
}
#Comprison_pricingplan table thead th:first-child{
    width:284px
}
#Comprison_pricingplan table .table thead th:nth-child(4),#Comprison_pricingplan table thead th:nth-child(2),#Comprison_pricingplan table thead th:nth-child(3){
    width:275px;
    padding:21px 0
}
#Comprison_pricingplan table thead th:nth-child(2){
    border-top-left-radius:15px
}
#Comprison_pricingplan table thead th:nth-child(4){
    border-top-right-radius:15px
}
#Comprison_pricingplan table tbody tr:last-child td:first-child{
    border-bottom-left-radius:15px
}
#Comprison_pricingplan table tbody td:first-child td:first-child,.shared-tabs-section .nav-tabs{
    border-bottom:none
}
.reseller-table-text{
    position:absolute;
    top:-27px;
    right:346px;
    font-size:14px;
    padding:3px 14px 2px;
    border-radius:5px 5px 0 0;
    color:var(--global--color-black);
    background:var(--global--color-yellow);
    font-weight:700
}
.shared-sub-section,.shared-sub-section12,.shared-sub-section2,.shared-sub-section3,.shared-sub-section4,.shared-sub-section5,.shared-sub-section6,.shared-sub-section7{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
#Comprison_pricingplan table tbody tr:nth-child(2) td{
    padding-top:35px
}
.shared-sub-section{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/FundTest.webp)
}
.shared-sub-section2{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/Banners/minecraft.webp)
}
.shared-sub-section3{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/Banners/mta.webp);
}
.shared-sub-section4{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/Banners/ts3.webp)
}
.shared-sub-section5{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/Banners/sites.webp)
}
.shared-sub-section6{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/Banners/bots.webp)
}
.shared-sub-section7{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/Banners/vps.webp)
}
.shared-sub-section12{
    background-image: linear-gradient(to bottom, transparent 90%, var(--global--color-black) 94%), url(../images/contact-us-banner-img.png)
}
#home-gaming-feature-section,.shared-plan-box{
    background-color: var(--global--color-black);
    
}
.navbar-nav .variation-3{
    background:#663a4a
}
.home-image-field-section .search-btn,.navbar-nav .variation-3:hover{
    background:var(--global--color-black);
    color:var(--global--color-black)
}
.shared-tabs-section .shared-monthly-btn,.shared-tabs-section .shared-yearly-btn{
    font-size:16px;
    color:var(--global--color-lightgrey);
    background:var(--global--color-white);
    transition:.3s ease-in-out;
    display:inline-block;
    font-weight:400;
    position:relative;
    text-decoration:none
}
.shared-banner-section{
    padding:120px 0 216px
}
#home-image-review-section h4,.img-fluid,.img-fluid2{
    padding-top:12px
}
.shared-banner-section p{
    font-size:18px;
    font-weight:400;
    line-height:22px;
    color:#737380!important
}
.shared-tabs-section{
    margin-top:-231px
}
.shared-tabs-section .shared-monthly-btn{
    padding:8px 20px;
    border-radius:5px
}
.img-fluid2{
    transition:.4s;
    max-width:240px
}
.imglabsvg{
    width:100px;
    height:50px
}
.plan-wrap,.plan_con,.vps-slider-section{
    width:100%;
    float:left
}
.shared-tabs-section .shared-monthly-btn:hover,.shared-tabs-section .shared-yearly-btn:hover{
    color:var(--global--color-white);
    text-decoration:none;
    background:var(--global--color-pink)
}
.shared-tabs-section .shared-yearly-btn{
    padding:8px 38px;
    border-radius:0 5px 5px 0
}
.shared-tab-button{
    margin-bottom:157px
}
.shared-tabs-section ul li .active{
    font-size: 14px;
    font-weight: 400;
    padding: 11.7px 23px;
    color: #ffffff !important;
    background: linear-gradient(to right bottom,rgb(255 255 255 / .05) 0%,rgb(130 87 229 / .2) 100%);
    border: solid 1px;
    border-color: rgb(130 87 229 / .2);
    border-radius: 5px;
    transition: .5s linear;
    margin-top: 9px;
    position: relative;
    display: inline-block;

}
.shared-tabs-section ul li .active:hover{
    transition: .2s linear;
    background-color:rgba(130 87 229, 50)
}
.shared-plan-box{
    padding:50px 49px;
    border-radius:7px;
    border:1px solid #29292e;
    height:100%
}
.col-lg-4{
    margin-bottom:30px!important
}
.shared-plan-box-section{
    background-color: var(--global--color-black);

    border-bottom:1px solid #1e222f
}
.shared-plan-box h4{
    font-weight:700;
    line-height:20px;
    color:#e1e1e6
}
.shared-plan-box .shared-plan-box-paragraph{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    font-style:italic;
    color:#838383
}
.shared-plan-box .shared-plan-box-pricing,.shared-plan-box h2{
    font-weight:700;
    line-height:40px;
    color:#04d361
}
.shared-plan-box h2{
    font-size:52px
}

.fa-solid{
    font-size: 12px;
}

.shared-plan-box-button{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.shared-plan-box .shared-plan-box-pricing{
    font-size:36px
}
.shared-plan-box .shared-plan-box-pricing-month{
    font-size:18px;
    font-weight:400;
    line-height:22px;
    color:#04d361
}
.shared-plan-box-btn{
    padding: 15px 70px;
    color: var(--global--color-white);
    font-family: Poppins,sans-serifsans-serif;
    font-display: swap;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    text-decoration: none;
    transition: .4s linear;
    /* border: 1px solid #353535; */
    background: linear-gradient(to right bottom,rgb(255 255 255 / 3%) 0%,rgb(107 107 107 / 10%) 100%);
    /* transform: skew(354deg);#13111aa1 */
    display: inline-block;
}
.shared-plan-box-btn:hover{
    background-color: #8257e5;
    transition:.4s;
    text-decoration:none;
    color:#fff
}


.shared-plan-box-images{
    max-width:65px
}
.features-section-variation-2{
    background-color: var(--global--color-black);
    border-bottom:1px solid #1e222f;
    padding-top:55px
}
.reliable-shared-hsoting-section{
    padding:100px 0;
    background:var(--global--color-black);
    border:1px solid rgb(30, 34, 47);
}
.reliable-shared-hsoting-section h1{
    font-size:36px;
    font-weight:400;
    line-height:40px;
    margin-bottom:18px;
    color:#e1e1e6
}
.reliable-shared-hsoting-section h5{
    font-size:18px;
    font-weight:500;
    line-height:30px;
    margin-bottom:19px;
    color:#9c9c9c
}
.reliable-shared-hsoting-section p{
    font-size:16px;
    font-weight:200;
    line-height:23px;
    color:var(--global--color-lightgrey)
}
.reliable-shared-hsoting-section-btn{
    font-size: 14px;
    font-weight: 400;
    padding: 11.7px 23px;
    color: #ffffff !important;
    background: linear-gradient(to right bottom,rgb(255 255 255 / .05) 0%,rgb(130 87 229 / .2) 100%);
    border: solid 1px;
    border-color: rgb(130 87 229 / .2);
    border-radius: 5px;
    transition: .5s linear;
    margin-top: 9px;
    position: relative;
    display: inline-block;
}
.reliable-shared-hsoting-section-image{
    max-width:450px
}
.vps-sub-section{
    background-image:url(../images/vps-banner-img.jpg);
    background-size:cover;
    background-position:center 40px;
    background-repeat:no-repeat
}
.vps-banner-section{
    padding:46px 0 231px
}
.vps-banner-text{
    padding-top:24px
}
.vps-banner-image{
    max-width:255px
}
.guarrantees-section-variation-2,.redundancy-section{
    background:var(--global--color-purple);
    padding:100px 0
}
.guarrantees-section-variation-2 .guarrantee-text{
    padding-top:0;
    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)
}
.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:0 0 0 18px
}
.pricebox .pricetxt,.slider-row1 .slide-value{
    color:var(--global--color-pink);
    font-size:18px
}
.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
}
.plan-wrap{
    background:#fff;
    border-radius:15px;
    box-shadow:0 30px 30px 0 rgba(24,27,34,.03);
    position:absolute;
    top:-171px
}
.plan_con,.reseller-feature-section-2{
    background:var(--global--color-black) !important
}
.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
}
.landing-page-primary-btn:hover,.landing-page-secondary-btn:hover{
    box-shadow:0 10px 10px rgba(0,0,0,.5);
    transform:translateY(-3px);
    z-index:0;
    cursor:pointer
}
.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:0;
    background:left top no-repeat #688bff;
    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 label{
    float:left;
    color:var(--global--color-black);
    text-align:left;
    font-size:18px;
    line-height:28px;
    margin:0;
    font-weight:400
}
.slider-row1 .slide-value{
    float:right;
    line-height:29px;
    font-weight:400
}
.slider_content{
    float:right;
    box-shadow:0 30px 30px rgba(24,27,34,.03);
    width:31.5%;
    padding:55px 50px 70px
}
.vps-slider-section figure{
    margin-bottom:20px
}
.pricebox .pricetxt{
    font-weight:400
}
.white_btn{
    display:inline-block;
    height:46px;
    margin:10px auto 0;
    width:85.2%
}
.vps-slider-section .vps-slider-section-inner-text{
    margin-bottom:21px;
    line-height:24px
}
.reseller-feature-section-2{
    margin-top:0;
    padding:393px 0 100px
}
.vps-slider-image-list{
    max-width:24px
}
.landing-page-banner-section{
    padding:50px 0 0;
    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:-.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;
    z-index:1;
    border-radius:15px;
    top:-108px;
    position:relative
}
.landing-page-primary-btn,.landing-page-secondary-btn{
    font-weight:700;
    border-radius:50px;
    transition:.3s ease-in-out;
    display:inline-block;
    font-size:14px;
    text-decoration:none;
    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{
    padding:15px 35px;
    color:var(--global--color-black);
    background:var(--global--color-yellow)
}
.landing-page-primary-btn:hover{
    text-decoration:none;
    color:var(--global--color-black)
}
.landing-page-secondary-btn{
    padding:15px 31px;
    color:var(--global--color-white);
    background:var(--global--color-pink);
    margin-left:17px
}
.landing-page-secondary-btn:hover{
    text-decoration:none;
    color:var(--global--color-white)
}
.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
}
#banner_slider .carousel-control-prev{
    left:5px;
    top:-197px;
    width:1%
}
#banner_slider .carousel-control-next{
    right:11px;
    top:-197px;
    width:1%
}
#banner_slider .carousel-control-next-icon,#banner_slider .carousel-control-prev-icon{
    padding:10.6px 16px;
    margin-left:5px;
    transition:.5s;
    opacity:.6
}
#home-gaming-hosting-section .dedicated-btn,.affiliate-banner-btn,.our-datacenter-plan-box-inner-btn,.ssl-certificate-btn{
    transition:.3s ease-in-out;
    display:inline-block
}
#banner_slider .carousel-control-next-icon:hover,#banner_slider .carousel-control-prev-icon:hover{
    opacity:.8;
    transition:.5s
}
#banner_slider .carousel-inner{
    padding: 110.5px 0 220.3px
}
#banner_slider .carousel-item{
    min-height:500px
}
#banner_slider .carousel-indicators li{
    width:10px;
    height:10px;
    background-color:#e4e4e40a;
    border-radius:100%
}
#banner_slider .carousel-indicators{
    bottom:115px
}
.slider-2 p,.slider-3 p{
    padding-right:22%;
    font-weight:400;
    line-height:29px;
    margin-bottom:36px
}
.slider-2 li i,.slider-3 li i{
    color:#d5d5d5;
    margin-right:5px
}
.slider-2 li,.slider-3 li{
    font-size:18px;
    font-weight:400;
    margin-bottom:10px
}
.slider-2 ul,.slider-3 ul{
    margin-bottom:38px
}
.slider-2 .banner-img{
    top:-40px
}
.slider-3 .banner-img{
    top:47px
}
.support-sub-section{
    background-color:var(--global--color-blue);
    background-image:url(../images/support-banner-img.jpg);
    background-size:cover;
    background-position:center 41px;
    background-repeat:no-repeat
}
.datacenter-banner-section,.support-banner-section{
    padding:74px 0 286px
}
.affiliate-banner-text h1,.datacenter-banner-text h1,.ssl-cerificate-banner-text h1,.support-banner-text h1{
    font-weight:700;
    font-size:52px;
    line-height:40px
}
.ssl-cerificate-banner-text p,.support-banner-text p{
    font-weight:400;
    font-size:18px;
    line-height:22px
}
.affiliate-plan-box-section,.datacenter-plan-box-section,.support-plan-box-section{
    background:var(--global--color-light);
    position:relative;
    z-index:1
}
.support-natix-host-plan-box,.support-plan-box{
    background:var(--global--color-white);
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03)
}
.datacenter-plan-box-section-inner,.support-plan-box-section-inner{
    position:relative;
    margin-top:-191px;
    padding-bottom:100px;
    padding-left:15px;
    padding-right:15px
}
.support-plan-box{
    padding:57px 60px
}
.support-plan-box h4{
    font-weight:700;
    line-height:24px;
    color:var(--global--color-black);
    margin-bottom:38px
}
.support-plan-box h6{
    font-size:18px;
    font-weight:500;
    line-height:30px;
    color:var(--global--color-black);
    margin-bottom:6px
}
.support-plan-box p{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin-bottom:15px;
    color:var(--global--color-lightgrey)
}
#home-image-guarrantee-section .guarrantee-text,.redundancy-text,.support-natix-host-text{
    padding-top:0;
    margin-bottom:73px
}
.redundancy-section h1,.support-natix-host-text h1{
    font-size:36px;
    font-weight:400;
    line-height:29px;
    margin-bottom:21px
}
.redundancy-section p,.support-natix-host-text p{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    padding:0 9%
}
.support-natix-host-plan-box{
    padding:50px 36px;
    height:100%
}
.support-natix-host-plan-box h4{
    font-size:24px;
    font-weight:700;
    line-height:20px;
    color:var(--global--color-black);
    margin-bottom:28px
}
.support-natix-host-plan-box p{
    font-size:16px;
    font-weight:400;
    line-height:14px;
    color:var(--global--color-lightgrey);
    margin-bottom:29px
}
.support-natix-host-plan-box-image-list{
    margin:0 auto 39px;
    max-width:60px;
    max-height:40px
}
.support-natix-host-plan-box-btn{
    padding:13px 64px;
    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;
    transition:.3s ease-in-out;
    position:relative
}
.datacenter-plan-box,.support-operation-plan-box{
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03)
}
.our-datacenter-plan-box,.our-datacenter-plan-box-inner,.our-datacenter-plan-box:hover{
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px
}
.support-natix-host-plan-box-btn:hover{
    text-decoration:none;
    color:var(--global--color-black);
    box-shadow:0 10px 10px rgba(0,0,0,.1)
}
.support-natix-host-plan-box .variation-1{
    background:var(--global--color-pink);
    color:var(--global--color-white)
}
.support-natix-host-plan-box .variation-2{
    background:var(--global--color-lightpink);
    color:var(--global--color-white)
}
.support-natix-host-plan-box .variation-3{
    background:var(--global--color-purple);
    color:var(--global--color-white)
}
.support-operation-section{
    background:var(--global--color-light);
    padding:99px 0 171px
}
.support-operation-plan-box{
    background:var(--global--color-white);
    padding:58px 46px;
    height:100%
}
.support-operation-plan-box h5{
    font-size:20px;
    font-weight:500;
    line-height:24px;
    color:var(--global--color-blue)
}
.support-operation-plan-box-image-list{
    margin:0 auto 25px;
    max-width:50px;
    max-height:48px
}
.datacenter-sub-section{
    background-color:var(--global--color-blue);
    background-image:url(../images/datacenter-banner-img.jpg);
    background-size:cover;
    background-position:center 41px;
    background-repeat:no-repeat
}
.datacenter-banner-text p{
    font-weight:400;
    font-size:18px;
    line-height:22px;
    color:var(--global--color-yellow)
}
.datacenter-plan-box{
    padding:77px 68px;
    background:var(--global--color-white)
}
.datacenter-plan-box h4{
    font-weight:700;
    line-height:24px;
    color:var(--global--color-black);
    margin-bottom:56px
}
.datacenter-plan-box span{
    font-size:16px;
    font-weight:400;
    line-height:30px;
    color:var(--global--color-lightgrey);
    margin-bottom:30px
}
.datacenter-plan-box-image-list{
    max-width:38px;
    margin-right:21px;
    margin-bottom:0
}
.datacenter-plan-box li{
    float:left;
    width:33.33%
}
.our-datacenter-plan-box-section{
    padding:85px 0;
    background:var(--global--color-lightpink)
}
.our-datacenter-plan-box-section h1{
    font-size:36px;
    line-height:29px;
    font-weight:400;
    margin-bottom:18px
}
.our-datacenter-plan-box{
    height:100%
}
.our-datacenter-plan-box-inner{
    padding:40px;
    background: rgb(12 11 16)
}
.our-datacenter-plan-box-inner .address{
    color:var(--global--color-white);
    font-size:16px;
    font-weight:700;
    margin-bottom:5px;
    display:block
}
.our-datacenter-plan-box-inner p{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin-bottom:27px;
    color:var(--global--color-lightgrey);
    padding:0 4%
}
.our-datacenter-plan-box-inner .speed-test{
    color:var(--global--color-black);
    font-size:16px;
    font-weight:700;
    margin-bottom:9px;
    line-height:18px;
    display:block
}
.our-datacenter-plan-box-inner-mail-btn{
    font-size:16px;
    color:var(--global--color-pink);
    font-weight:700;
    display:block;
    margin-bottom:23px
}
.our-datacenter-plan-box-inner-mail-btn:hover{
    text-decoration:none;
    color:var(--global--color-pink)
}
.our-datacenter-plan-box-inner-btn{
    padding:14px 50px;
    color:var(--global--color-white)!important;
    font-size:14px;
    font-weight:700;
    border-radius:50px;
    text-decoration:none!important;
    background:var(--global--color-pink);
    margin-bottom:0!important
}
.our-datacenter-plan-box-inner-btn:hover{
    text-decoration:none;
    box-shadow:0 10px 10px rgba(0,0,0,.1)
}
.redundancy-plan-box{
    padding:49px 60px;
    background:var(--global--color-white);
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03);
    position:relative
}
.redundancy-plan-box h4{
    font-weight:700;
    line-height:30px;
    color:var(--global--color-black);
    margin-bottom:46px;
    padding-left:83px;
    padding-top:20px
}
.redundancy-plan-box li,.redundancy-plan-box p{
    font-size:16px;
    color:var(--global--color-lightgrey)
}
.redundancy-plan-box p{
    font-weight:400;
    line-height:24px;
    margin-bottom:28px;
    padding:0
}
.redundancy-image-list{
    max-width:70px;
    margin-bottom:0;
    position:absolute
}
.redundancy-image-list img{
    max-height:70px
}
.redundancy-plan-box li{
    margin-bottom:6px
}
.redundancy-plan-box li i{
    color:var(--global--color-purple);
    margin-right:15px
}
.affiliate-sub-section{
    background-color:var(--global--color-blue);
    background:url(../images/affiliate-banner-img.jpg) center 40px/cover no-repeat
}
.affiliate-banner-section{
    padding:74px 0 195px
}
.affiliate-banner-text p{
    font-weight:400;
    font-size:18px;
    line-height:22px;
    margin-bottom:35px
}
.affiliate-banner-btn{
    font-size:14px;
    font-weight:700;
    padding:14px 42px;
    color:var(--global--color-white);
    background:var(--global--color-pink);
    border-radius:50px;
    text-decoration:none;
    position:relative
}
.affiliate-banner-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
}
.affiliate-plan-box-section-inner{
    position:relative;
    margin-top:-102px;
    padding-bottom:100px;
    padding-left:15px;
    padding-right:15px
}
.affiliate-plan-box{
    padding:77px 96px;
    background:var(--global--color-white);
    border-radius:15px;
    box-shadow:0 30px 30px rgba(30,34,47,.03)
}
.affiliate-text{
    margin-bottom:52px
}
.affiliate-text h4{
    font-weight:700;
    line-height:24px;
    color:var(--global--color-black);
    margin-bottom:23px
}
.affiliate-inner-plan-box .range,.affiliate-text p{
    font-weight:400;
    font-size:16px
}
.affiliate-text p{
    line-height:24px;
    color:var(--global--color-lightgrey)
}
.affiliate-inner-plan-box{
    padding:46px 49px;
    background:var(--global--color-lightpink);
    border-radius:15px
}
.affiliate-inner-plan-box h4{
    font-weight:700;
    line-height:24px;
    margin-bottom:23px
}
.affiliate-inner-plan-box li{
    border-bottom:1px solid #d5859e;
    padding:10px 0 6px
}
.affiliate-inner-plan-box ul{
    margin-bottom:7px
}
.affiliate-inner-plan-box .dollar{
    font-size:16px;
    font-weight:700
}
.affiliate-inner-plan-box .signup{
    font-size:16px;
    font-weight:400;
    padding-right:24px
}
.affiliate-plan-box-section .variation-6{
    background-color:var(--global--color-purple);
    background-image:url(../images/affiliate-inner-plan-box-background-img.png);
    background-position:bottom;
    background-repeat:no-repeat
}
.affiliate-inner-plan-box p{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    padding:0 6%;
    margin-bottom:28px
}
.affiliate-inner-plan-box .small-price{
    display:block;
    font-size:36px;
    font-weight:700;
    line-height:38px;
    margin-bottom:8px
}
.affiliate-inner-plan-box .large-price{
    display:block;
    font-size:52px;
    font-weight:700;
    line-height:50px
}
.affiliate-program-plan-box-section{
    padding:99px 0;
    background:var(--global--color-lightpink)
}
.affiliate-program-text h1{
    font-size:36px;
    line-height:29px;
    font-weight:400;
    margin-bottom:23px
}
.affiliate-program-text p{
    font-size:16px;
    line-height:24px;
    font-weight:400;
    padding:0 8%
}
.affiliate-program-text{
    margin-bottom:72px
}
.affiliate-program-plan-box{
    background:var(--global--color-white);
    padding:51px 49px;
    border-radius:15px;
    box-shadow:0 30px 30px rgba(24,27,34,.1)
}
.affiliate-program-plan-box .circle{
    font-size:24px;
    line-height:64px;
    color:var(--global--color-white);
    background:var(--global--color-pink);
    border-radius:100px;
    height:64px;
    width:64px;
    margin:0 auto 34px;
    display:block
}
.affiliate-program-plan-box h4{
    font-weight:700;
    line-height:30px;
    margin-bottom:17px;
    padding:0 9%
}
.affiliate-program-plan-box p{
    font-size:16px;
    color:var(--global--color-lightgrey);
    font-weight:400;
    line-height:24px
}
.ssl-cerificate-sub-section{
    background-color:var(--global--color-blue);
    background-image:url(../images/ssl-certificate-banner-img.jpg);
    background-size:cover;
    background-position:center 41px;
    background-repeat:no-repeat
}
.ssl-cerificate-banner-section{
    padding:74px 0 280px
}
.ssl-certificate-plan-box-section-inner{
    position:relative;
    margin-top:-185px;
    padding-bottom:100px;
    padding-left:15px;
    padding-right:15px;
    width:100%
}
.ssl-certificate-btn{
    padding:14px 54px;
    color:var(--global--color-white);
    font-size:14px;
    font-weight:700;
    border-radius:50px;
    text-decoration:none;
    background:var(--global--color-pink);
    box-shadow:0 5px 10px rgba(0,0,0,.15)
}
.ssl-certificate-plan-box li:first-child{
    padding-top:4px
}
.ssl-certificate-plan-box .link-text{
    color:var(--global--color-pink);
    font-size:14px;
    font-weight:700;
    text-align:center;
    text-decoration:underline;
    display:block;
    padding-top:34px
}
.ssl-certificate-query-section{
    padding:100px 0;
    border-bottom:1.7px solid #2e2e33;
    background:var(--global--color-dark)
}
.ssl-certificate-query-section h1{
    font-size:36px;
    font-weight:400;
    line-height:40px;
    margin-bottom:28px
}
.ssl-certificate-query-section .ssl-certificate-heading-text{
    color:var(--global--color-yellow);
    font-weight:700
}
.ssl-certificate-query-text{
    padding-top:65px
}
.choose-ssl-certificate-section{
    padding:85px 0;
    background:var(--global--color-dark)
}
.choose-ssl-certificate-section p{
    padding:0;
    margin-bottom:18px;
    color:var(--global--color-lightgrey)!important
}
.choose-ssl-certificate-section ul{
    margin-bottom:23px
}
.choose-ssl-certificate-section li{
    border-bottom:1px solid #e8eaf1;
    color:var(--global--color-white);
    font-size:18px;
    padding:10px 0 7px
}
.choose-ssl-certificate-section li i{
    color:var(--global--color-pink);
    line-height:24px
}
.choose-ssl-certificate-section .our-datacenter-plan-box-inner-btn{
    padding:14px 42px
}
.choose-ssl-certificate-section .progress-bar{
    background-color:var(--global--color-pink);
    border-radius:.25rem
}
.choose-ssl-certificate-section .our-datacenter-plan-box-inner{
    padding:48px
}
.choose-ssl-certificate-section .validation{
    font-size:14px;
    line-height:27px;
    color:var(--global--color-pink);
    font-weight:700;
    margin-bottom:27px;
    display:block
}
.choose-ssl-certificate-section .variation-2 .progress-bar{
    background-color:var(--global--color-lightpink)
}
.choose-ssl-certificate-section .variation-3 .progress-bar{
    background-color:var(--global--color-purple)
}
.ssl-certificate-outcome-image-list{
    max-width:100px;
    position:absolute
}
.progress{
    background-color: #09080d !important
}
.ssl-certificate-outcome .redundancy-plan-box h4{
    padding-left:123px;
    padding-top:37px;
    margin-bottom:59px
}
.ssl-certificate-outcome .redundancy-plan-box{
    padding:50px 52px
}
.blog_banner{
    padding:65px;
    background:var(--global--color-black)
}
.blog_banner .banner_content_box h1{
    margin-bottom:10px;
    font-weight:400;
    font-size:40px;
    line-height:48px;
    color:#fff
}
.home-image-field-section .price li,.home-image-field-section h1{
    color:var(--global--color-white)
}
.banner_content_box{
    padding-top:60px
}
.breadcrumb ul li,.breadcrumb ul li a{
    color:#fff!important
}
.blog-posts{
    padding:100px 0
}
.home-image-sub-section{
    background-color:var(--global--color-blue);
    background-image:url("../images/home-gaming-banner-img.png");
    background-size:center;
    background-position:center 41px;
    background-repeat:no-repeat
}
#home-image-feature-section,.home-image-field-section{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.home-image-sub-section #banner_slider .carousel-inner{
    padding:85px 0 149px
}
.home-image-sub-section #banner_slider .carousel-indicators{
    bottom:145px
}
.home-image-banner .banner-image{
    position:absolute;
    width:50%;
    top:-15%;
    left:60%
}
.home-image-banner .banner-text{
    float:none;
    width:50%
}
.home-image-banner .text-paragraph{
    width:100%;
    float:none
}
.home-image-banner .text-paragraph p{
    padding:8px 20% 0
}
.hosting-section-inner{
    position:relative;
    margin-top:-295px
}
#home-image-hosting-section .hosting-text,#home-image-hosting-section .server-text,#home-image-hosting-section .vps-text{
    position:relative;
    left:0;
    border-radius:5px;
    display:inline-block
}
#home-image-hosting-section .plan{
    border-top:none;
    border-bottom:2px solid var(--global--color-pink)
}
#home-image-hosting-section .variation-2{
    border-color:var(--global--color-lightpink)
}
#home-image-hosting-section .variation-3{
    border-color:var(--global--color-purple)
}
.home-image-sub-section #banner_slider .carousel-item{
    min-height:410px
}
.home-image-slider .slider-2 p,.home-image-slider .slider-3 p{
    padding-right:0;
    margin-bottom:16px
}
.home-image-slider .text-paragraph p{
    padding:8px 20% 0;
    margin-bottom:42px
}
.home-image-field-section{
    background-color:var(--global--color-black);
    border-bottom: 1px solid rgb(30, 34, 47);
    padding:96px 0
}
.home-image-field-section .field{
    background:0 0;
    position:relative;
    top:0;
    box-shadow:none;
    padding:0
}
.home-image-field-section .field-background{
    background:0 0;
    position:relative
}
.home-image-field-section .field-background .field:hover{
    box-shadow:none;
    transform:none
}
.home-image-field-section ul{
    padding-right:8%!important;
    padding-left:12%!important
}
.home-image-field-section h1{
    font-size:36px;
    font-weight:400;
    line-height:29px;
    margin-bottom:27px
}
.home-image-field-section p{
    font-size:18px;
    font-weight:500;
    color:var(--global--color-yellow);
    margin-bottom:43px
}
.home-image-field-section .subscribe-form{
    width:83%;
    margin:0 auto
}
.home-image-field-section .form-control{
    padding-left:36px
}
#home-image-feature-section{
    background-image:url(../images/home-image-hosting-section-img.jpg)
}
#home-gaming-feature-section .feature-plan-box,#home-image-feature-section .feature-plan-box{
    padding:50px 30px 44px
}
#home-image-feature-section .feature-image-list{
    max-width:160px;
    margin:0 auto 33px
}
#home-image-feature-section .feature-plan-box h3{
    padding:0 4%
}
#home-image-review-section{
    padding:87px 0;
    background-color: var(--global--color-black);
    border-bottom:1px solid #1e222f
}
.home-image-web-hosting-plan-box{
    padding:7px 50px 43px;
    background:rgb(12 11 16);
    border-radius:15px;
    
    margin-bottom:38px;
    position:relative
}
.home-image-web-hosting-plan-box:after{
    content:"";
    width:0;
    height:0;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
    border-top:17px solid rgb(12 11 16);
    position:absolute;
    top:133px;
    left:70px
}
#home-image-review-section .review-section-text{
    font-size:18px
}
#home-image-review-section .ceo{
    margin-left:50px;
}
#home-image-review-section figure{
    margin-right:20px
}
#home-image-review-section ul{
    margin-bottom:54px
}
#home-image-footer-field{
    padding:78px 0;
    background:var(--global--color-yellow)
}
#home-image-footer-field h3{
    color:var(--global--color-blue);
    line-height:22px;
    margin-bottom:12px
}
#home-image-footer-field .footer-form{
    width:66%;
    margin:0 auto
}
#home-image-footer-field .subscribe-btn{
    background:var(--global--color-blue);
    color:var(--global--color-white)
}
#home-image-footer-section p{
    line-height:13px
}
#home-image-footer-section .contact-plan-box-setting{
    margin-bottom:83px
}
.home-gaming-sub-section {
    position: relative;
    overflow: hidden;
    width: 100%; /* Garante que a div ocupe toda a largura do elemento pai */
    height: 100%; /* Garante que a div ocupe toda a altura do elemento pai */
}

#video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    filter: blur(3px);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #09080dee; /* Cor preta semi-transparente */
    z-index: 0; /* Coloca a camada de sobreposição atrás do vídeo */
    background-image: linear-gradient(to bottom, transparent 90%, #09080d 94%);

}

.home-gaming-sub-section p{
    padding:0 49% 0 0;
    line-height:29px;
    margin-bottom:20px
}
.home-gaming-sub-section #banner_slider .carousel-item{
    min-height:374px
}
.home-gaming-sub-section #banner_slider .carousel-indicators{
    bottom:125px;
    z-index:1
}
#home-gaming-hosting-section .variation-2,#home-gaming-hosting-section .variation-3,#home-gaming-hosting-section .variation-4{
    border-color:#29292e
}
#home-gaming-feature-section,#home-gaming-vision-section{
    border-top: 1px solid rgb(30, 34, 47);
    border-bottom: 1px solid rgb(30, 34, 47);
}
#home-gaming-hosting-section figure{
    margin:0 auto 44px;
    max-height:62px
}
#home-gaming-hosting-section .plan p{
    font-size:16px;
    color:#d3d3d5da!important;
    font-weight:100;
    line-height:24px;
    margin-bottom:21px
}
#home-gaming-hosting-section .start{
    font-size:14px;
    font-weight:600;
    line-height:35px;
    font-style:italic;
    color:#9f9f9f
}
#home-gaming-hosting-section .variation-4 .dedicated-btn{
    background:#09090a
}
#home-gaming-hosting-section .dedicated-btn{
    padding:16px 40px;
    color:var(--global--color-white);
    border:1px solid #8257e5;
    font-size:14px;
    font-weight:700;
    border-radius:6px;
    text-decoration:none
}
#home-gaming-hosting-section .plan{
    padding:48px 31px!important
}
#home-gaming-vision-section {
    background-color: var(--global--color-black);
    padding: 96px 0;
    
}
#home-gaming-vision-section .vision-plan-box{
    background:linear-gradient(180deg,rgba(4,211,97,.1),rgba(72,99,247,0));
    border:1px solid #04d361;
    transition: all .22s !important;
}

#home-gaming-vision-section .vision-plan-box:hover{
    background-color: #0b974a25;
    border:1px solid #04d361
}

#home-gaming-vision-section .variation-2{
    background:linear-gradient(180deg,rgba(130,87,229,.1),rgba(72,99,247,0));
    border:1px solid #8257e5;
    transition: all .22s !important;
}

#home-gaming-vision-section .variation-2:hover{
   background-color: #401b9723;
    border:1px solid #8257e5;
    
}


.home-gaming-vision-text p{
    font-size:18px;
    font-weight:200;
    line-height:30px;
    margin-bottom:19px;
    color:#d3d3d3b9!important;
}
.home-vision-image-list{
    max-width:60px;
    margin:0 auto 34px;
    max-height:60px
}
#home-gaming-vision-section .vision-plan-box p,#vision-plan-box variation-2{
    padding:0;
    color:#e1e1e6d3
}

#home-gaming-network-map .map-container{
    padding-bottom:0
}
#home-gaming-feature-section{
background-color: var(--global--color-black);
}

#home-gaming-feature-section .game-feature-image-list{
    max-width:60px;
    margin:0 auto 33px;
    max-height:50px
}
@keyframes go-back{
    0%{
        transform:translateY(28px);
        opacity:70%
    }
    100%{
        transform:translateY(0);
        opacity:100%
    }
}
@keyframes go-bottom{
    0%{
        transform:translateY(0);
        opacity:100%
    }
    100%{
        transform:translateY(28px);
        opacity:70%
    }
}
.box-info{
    background-color:#0a0a0b81;
    border:1px solid #29292e;
    padding:15px 31px 1px;
    border-radius:8px;
    margin-top:34px;
    margin-left:150px;
    margin-right:150px;
    width:160%
}
::-webkit-scrollbar{
    width:6px;
    height:0;
}
::-webkit-scrollbar-track{
    background:var(--global--color-black)
}
::-webkit-scrollbar-thumb{
    background:#4d4d57;
    border-radius: 22px;
}
.info-icon:hover,.tooltip-inner{
    background-color:#8257e5!important;
    color:#fff
}
.div-btba{
    position:relative;
    padding-top:26px
}
@media (min-width:1600px){
    .navbar-top{
        max-width:1600px
    }
}
.clearfix{
    clear:both
}
.tooltip-inner{
    opacity:1!important
}
.tooltip.show{
    opacity: 1 !important
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #8257e5 !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #8257e5 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #8257e5 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #8257e5 !important;
}
.info-icon{
    vertical-align:inherit;
    background-color:#8257e542;
    margin-left:1px;
    padding:2px 5px 1px;
    border-radius:5px;
    cursor:pointer
}
.info-icon:hover{
    cursor:pointer
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{
    border-bottom-color:#8257e5!important;
    color:#8257e5!important;
    margin-left:2px;
    opacity:100%
}
.labenter{
    position:relative;
    overflow:hidden;
    margin-right:3px;
    border-radius:4px;
    background:#03ea6b00;
    padding:8px 18px!important
}
.labenter::before{
    content:"Logar...";
    padding-top:7px;
    padding-left:30px;
    position:absolute;
    top:0;
    left:0;
    width:130%;
    height:55px;
    background-color:#04d361;
    transform:translate(-113%,0) skew(-30deg);
    transition:.5s
}

.btnj {
    background-color: transparent !important;
    border: none;
}

.labenter:hover::before{
    transform:translate(-5%,0) skew(-15deg)
}
@keyframes btn-border-top{
    0%{
        left:auto;
        right:0;
        width:0%
    }
    12.5%{
        left:auto;
        right:0;
        width:100%
    }
    12.6%{
        left:0;
        right:auto
    }
    50%{
        width:100%
    }
    62.5%{
        width:0%
    }
    100%{
        left:0;
        right:auto;
        width:0%
    }
}



.sucesstext {
    text-align: center;
    background: linear-gradient(to left,#8257e5 26.63%,#04d361 62.22%, #8257e5 80%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    animation: shine 7s linear infinite;

  }

  @keyframes shine {
    to {
      background-position: 200% center;
    }
}

.card {
    background-color: var(--global--color-black);
    margin-left: 11px;
    margin-right: 11px;
    border-radius: 8px;
    border: 1.5px solid #41414781;
    margin-bottom: 19px;
}

.card-title {
    color: #fff;
}

.card-title {
    margin-left: -13.6px !important;
}

.card-img-top{
    margin-top: 12.5px;
    border-radius: 4px;
}

.card-text {
    font-size: 14px !important;
    color: #dadada !important;
    font-weight: 200 !important;
    margin-bottom:12px !important;
    line-height: 38px!important;
}
.iconserv {
    font-size: 14.5 !important;
    color: #a985fb;
    margin-right: 1px;
}

.servers-btn{
    text-decoration: none;
    background:#8257e5;
    padding: 8px 18px!important;
    border-radius: 5px;
    transition: .5s;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    font-family: Poppins,sans-serifsans-serif;
    font-display: swap;
    outline: 0;
}
.servers-btn:hover{
    color: #fff;
    text-decoration: none;
    background:#56379e;
    border-color:#ffffff00;
    transition:.5s
}


.offcanvas {
    background-color: var(--global--color-black);
    transition: 0.2s all;
    z-index: 9999;
}

.hero-badge{
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(16px);
    border-radius: 13px;
    box-shadow: inset 0 -7px 11px #a48fff1f;
    background: rgb(255 255 255 / .05);
    padding: 5px 13px 5px 0px;
    font-size: 13.3px;
}

.hero-badge:hover{
    text-decoration-line: none;
    text-decoration: none;
    color: #fff;
}

.badge-new-bd{
    color: #ffffff;
    background: linear-gradient(to right bottom,rgb(153 109 255) 0%,rgb(4 211 97 / 72%) 100%);
    padding: 5px;
    margin-right: 3px;
    border-radius: 32px;
}

.img-lang img{
    max-width: 25px;
    margin-left: 10px;
    margin-top: 7px;
}

.botaoplan {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; /* Para centralizar o texto dentro do botão */
}

.planos-btn{
    padding:16px 70px;
    color:var(--global--color-white);
    font-family: Poppins,sans-serifsans-serif;
    font-display: swap;
    font-size:14px;
    font-weight:400;
    border-radius:5px;
    text-decoration:none;
    transition:.4s ;
    border:1px solid #353535;
    background:var(--global--color-black);
    display:inline-block;
    cursor: pointer;
    transform: skew(-7deg);
}
.planos-btn:hover{
    background-color: #8257e5;
    border-color: #8257e5;
    transition:.4s;
    text-decoration:none;
    color:#fff
}

.navbar-light .navbar-nav .show>.nav-link {
    color: #ebebeb !important;
}

.fuck-ios {
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}


 /* Estilos para o modal */
 .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* 100% da largura da janela */
    height: 100vh; /* 100% da altura da janela */
    background: linear-gradient(to right bottom,rgba(0, 0, 0, 0.5) 0%,rgb(130 87 229 / .1) 100%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #09090a;
    border: 1px solid #323238;
    border-radius: 9px;
    text-align: center;
    max-width: 664px; /* Defina a largura máxima desejada */
    width: 100%; /* 100% da largura da modal */
    height: 41vh; /* 80% da altura da janela */
}

/* Estilos para o botão de fechar */
.close-button {
    position: absolute;
    top: 2px;
    color: #fff;
    right: 10px;
    font-size: 35px;
    cursor: pointer;
}

.modal-cupom{
    background-color: #2c2c2c3b;
    text-decoration: none;
    border-radius: 8px;
    color: #fff;
    padding: 18px;
}

.modal-cupom:hover{
    text-decoration: none;
    background-color: #b862ff4f;
    color: #fdfdfd;
}

/* Estilos para a imagem */
.modal-image {
    width: 100%;
    max-height: 40%; /* 40% da altura da modal */
    border-radius: 9px 9px 0px 0px;
    object-fit: cover; /* Mantém a proporção da imagem */
}

.modal-texts{
    margin-left: 10%;
    margin-right: 10%;
}

/* Estilos para o botão "Conferir" */
.conferir-button {
    background-color: #8257e5;
    border-radius: 8px;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

.Slots-page{
    background-color: #423d5352;
    padding: 2px;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
    transition: all 0.2s linear;
    font-weight: 400;
    cursor: pointer;
}

.Slots-page:hover{
    background-color: #8257e5;
}