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


/*-------- Default Items ------------ */
    
     :root {
        --global--color-darkblue: #171a24;
        --global--color-blue: #1e222f;
        --global--color-grey: #bcbcbc;
        --global--color-yellow: #5FC2C7;
        --global--color-lightpink: #0b66d3;
        --global--color-white: #ffffff;
        --global--color-pink: #1e73be;
        --global--color-lightblack: #11141b;
        --global--color-purple: #0b66d3;
        --global--color-light: #f8f8f8;
        --global--color-lightgrey: #808080;
        --global--color-primary: #232323;
        --global-color-yellow-gradient: linear-gradient(to right, #e7327c, #d90c5f, #94003c);



    }

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

    p {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    h1{
        color: black;
        font-weight: 700;
        font-size: 36px;
        margin-bottom: 20px;
    }

    h2{
        font-size: 32px;
        font-weight: 700;
        color: black;
        margin-bottom: 15px;
    }


    h3{
        font-size: 28px;
        font-weight: 600;
        color: black;
        margin-bottom: 10px;
    }

     h4{
        font-size: 24px;
        font-weight: 600;
        color: black;
        margin-bottom: 10px;
    }

    h5{
        font-size: 20px;
        font-weight: 600;
        color: black;
        margin-bottom: 10px;
    }

    h6{
    font-size: 16px;
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
}



    .border-radius-15{
        border-radius: 20px;
    }


    
    .field, .plan, .plan-box, .feature-plan-box, .vision-plan-box, .team-plan-box, .contact-us-plan-box, .success-plan-box, .dedicated-server-plan-box, .dedicated-server-support-plan-box, .domain-plan-box, .reseller-plan-box, .reseller-guarrantees-plan-box, .shared-plan-box, .support-plan-box, .support-natix-host-plan-box, .support-operation-plan-box, .datacenter-plan-box, .our-datacenter-plan-box, .redundancy-plan-box, .affiliate-inner-plan-box, .affiliate-program-plan-box, .ssl-certificate-plan-box {
        transition: all 0.3s ease-in-out;
        position: relative;
    }

    .plan:hover, .plan-box:hover, .feature-plan-box:hover, .vision-plan-box:hover, .team-plan-box:hover, .contact-us-plan-box:hover, .success-plan-box:hover, .dedicated-server-plan-box:hover, .dedicated-server-support-plan-box:hover, .domain-plan-box:hover, .reseller-plan-box:hover, .reseller-guarrantees-plan-box:hover, .shared-plan-box:hover, .support-plan-box:hover, .support-natix-host-plan-box:hover, .support-operation-plan-box:hover, .datacenter-plan-box:hover, .our-datacenter-plan-box:hover, .redundancy-plan-box:hover, .affiliate-inner-plan-box:hover, .affiliate-program-plan-box:hover, .ssl-certificate-plan-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 30px 30px 0 rgba(24,27,34,0.1);
        z-index: 0;
    }


    /*-------- HEADER ------------ */

    

    .header .navbar-nav .nav-link {
        font-family: Lato;
        color: white !important;
        font-size: 18px;
        font-weight: 600;

    }

    .header .navbar-nav .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 5px 0;
        background-color: #fff;
        border: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .header .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .header .navbar-nav .dropdown-menu ul.dropdown-menu-list {
        flex-wrap: wrap;
        padding: 0;
        list-style: none;
    }

    .header .navbar-nav .dropdown-menu ul.dropdown-menu-list li.nav-item {
        flex: 1 1 20%;
        margin: 10px 0;
    }

    .header .navbar-nav .dropdown-menu ul.dropdown-menu-list li.nav-item .nav-link {
        display: flex;
        align-items: center;
        font-weight: 500;
        padding: 5px 15px;
        color: #333;
    }

    .header .navbar-nav .dropdown-menu ul.dropdown-menu-list li.nav-item .nav-link img {
        margin-right: 10px;
        width: 40px;
        height: auto;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon {
        color: #333;
    }

    .header .navbar-nav .dropdown-menu .nav-link:hover {
        color: #333;
        background-color: transparent;
    }

    /* Mobile Compatibility */
    @media (max-width: 991px) {
        .header .navbar-nav .dropdown-menu {
            position: static;
            display: none;
            visibility: visible;
            opacity: 1;
            box-shadow: none;
        }
    }


    .top-bar {
        background: var(--global--color-darkblue);
        
    }
    .top-bar small{
        font-size: 12px;
        line-height: 16px;
        color: var(--global--color-grey);
        font-weight: 400;
    }
    .top-bar span{
        font-size: 12px;
        line-height: 16px;
        color: var(--global--color-yellow);
        font-weight: 400;
    }
    .top-bar .demo, .top-bar .phone {
        text-decoration: none;
        background-image: linear-gradient( #ffda68,  #ffda68);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s;
        padding-bottom: 3px;
    }
    .top-bar .demo:hover, .top-bar .phone:hover {
        text-decoration: none;
        background-size: 100% 1px;
    }
    .top-bar .right-arrow{
        color: var(--global--color-yellow);
        border-radius: 100%;
        text-decoration: none;
        font-size: 12px;
    }

    .social li{
    display: inline-block;
    }
    .phone{
     color: var(--global--color-yellow);  
     font-size: 12px; 
    }
    .social-setting{
        font-size: 12px;
        color: var(--global--color-yellow);
    }
    .social li a{
        font-size: 12px;
        line-height: 16px;
        color: var(--global--color-grey);
        font-weight: 400;
        margin: 0 8px 0 5px;
        text-decoration: none;
        background-image: linear-gradient(  #bcbcbc, #bcbcbc);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size 0.3s;
        padding-bottom: 3px;
    }
    .social li a:hover{
        text-decoration: none;
        background-size: 100% 1px;
    }
    .social li span a{
        font-size: 12px;
        line-height: 16px;
        color: var(--global--color-yellow);
        font-weight: 400;
        text-decoration: none;
        letter-spacing: 0.5px;
    }
    .navbar li a{
        color: var(--global--color-black) !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }
    .navbar .dropdown-menu li a{
        font-size: 18px;
        font-weight: 500;
        color: var(--global--color-blue) !important;
        line-height: 20px;
    }
    .hosting-dropdown{
/*        padding: 21px 20px 21px 14px;*/
        border-radius: 15px;
    }
    .dropdown-menu:before{
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 13px solid var(--global--color-white);
        position: absolute;
        top: -13px;
        left: 31px;
    }
    .dropdown-item{
        padding: 10px 33px 5px 15px;
    }
    .navbar-nav > li {
        margin-right: 22px;
    }
    .navbar-btn{
        background: #40434e;
        padding: 10px 17px 10px 17px !important;
        border-radius: 50px;
    }
    .navbar-btn:hover{
        box-shadow: 0 10px 10px rgba(0,0,0,.5);
        transition: background-color 0.5s ease;
    }
   
    .navbar .dropdown-menu li a img{
        margin-right: 15px;
    }
    .dropdown-menu-list .hosting-menu:hover{
        color: var(--global--color-pink) !important;
        text-decoration: underline;
        background: var(--global--color-white);
    }
    .dropdown-menu-list .server-menu:hover{
        color: var(--global--color-lightpink) !important;
        text-decoration: underline;
        background: var(--global--color-white);
    }
    .dropdown-menu-list .vps-menu:hover{
        color: var(--global--color-purple) !important;
        text-decoration: underline;
        background: var(--global--color-white);
    }   
    .dropdown-menu-list .reseller-menu:hover{
        color: var(--global--color-yellow) !important;
        text-decoration: underline;
        background: var(--global--color-white);
    } 
   /* .navbar-nav li.active > a {
        filter: none;
        opacity: 1;
        color: var(--global--color-white) !important;
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }*/
    .navbar-nav:hover .navbar-btn {
        filter: none;
        opacity: 1;
        color: var(--global--color-white) !important;
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }
    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list a {
        filter: none;
        opacity: 1;
        color: var(--global--color-blue) !important;  
    }
    .navbar-nav li.nav-item.dropdown:hover ul a {
        filter: none;
        opacity: 1;
        color: var(--global--color-blue) !important;  
    }
    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list a {
        filter: none;
        opacity: 1;
        color: var(--global--color-blue) !important;  
    }
    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list .hosting-menu:hover {
        filter: none;
        opacity: 1;
        color: var(--global--color-pink) !important;  
    }
    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list .server-menu:hover {
        filter: none;
        opacity: 1;
        color: var(--global--color-lightpink) !important;  
    }
    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list .vps-menu:hover {
        filter: none;
        opacity: 1;
        color: var(--global--color-purple) !important;  
    }
    .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu-list .reseller-menu:hover {
        filter: none;
        opacity: 1;
        color: var(--global--color-yellow) !important;  
    }
    /*.navbar-nav li.active > a {
        border-bottom: 4px var(--global--color-pink) double;
    }*/
    .navbar-nav li.nav-item.dropdown  ul.dropdown-menu-list li.active a { 
        color: var(--global--color-blue) !important; 
    }
    .navbar-btn {
        outline: none;
    }
    .navbar-nav .pages-dropdown {
        padding: 10px 10px;
        border-radius: 15px;
    }
    .navbar-nav .pages-dropdown li a {
        font-size: 15px;
        font-weight: 500;
    }
    .navbar-nav .pages-dropdown li {
        border-bottom: 1px solid #e8eaf1;
    }
    .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;
    }
    /*-------- BANNER ------------ */
    .navbar-logo {
        max-width: 80px;
    }


    .banner-text h1 {
        color: #dd9933;
        font-weight: 600;
        font-size: 56px;
    }

    .banner-text span {
        color: #1e73be;
        font-weight: 600;
        font-size: 56px;
    }

    .banner-text p {
        font-size: 18px;
        font-weight: 600;
        color: var(global--color-black);
    }

    .text-paragraph {
        width: 100%;
    }
    .primary-btn{
        
        font-size: 16px;
        font-weight: 700;
        color: var(--global--color-white);
        background: var(--global-color-yellow-gradient);
        text-decoration: none;
        transition: all 0.3s ease-in-out;
        margin-top: 20px;
       
    }
    .secondary-btn{
        font-size: 16px;
        font-weight: 700;
        padding: 16px 39px;
        color: var(--global--color-white);
        background: var(--global--color-pink);
        text-decoration: none; 
        border: none;
        transition: all 0.3s ease-in-out;
        position: relative;
        margin-right: 10px;
        display: inline-block;
    }
    .buy-btn{
        font-size: 14px;
        color: var(--global--color-white);
        background: var(--global--color-pink);
        text-decoration: none;
        border: none;
        transition: all 0.3s ease-in-out;
        position: relative;
        display: inline-block;
    }

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


.primary-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
}
.secondary-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
}
.text-paragraph p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    padding: 8px 5% 0 0;
    margin-bottom: 42px;
}
.primary-button, .secondary-button{
    transition: all 0.3s ease-in-out;
    position: relative;
}
.button-effect{
    position: relative;
    overflow: hidden;
}
.button-effect:hover::after{
    left: 240px;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button-effect:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.list-inline-item:not(:last-child){
    margin-right: 0px;
}
.primary-button:hover, .secondary-button:hover{
    transform: translateY(-3px);
}
.banner-img{
    width: 616px;
    position: absolute;
    float: right;
    top: -92px;
    right: -96px;
}
.scroll-up {
    background-color: #1c1c1c;
    z-index: 3;
    transition: top 5s linear;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    animation:slide-down 0.7s;
    /*padding: 8px 0;*/
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.home-banner-image {
    max-width: 616px;
}
/*-------- FIELD ------------ */
.field-background{
    position: relative;
    background: var(--global--color-light);
}
.field-background .field{
    padding: 25px 90px;
    background: var(--global--color-white);
    border-radius: 10px;
    top: -45px;
    position: relative;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    margin: 0px;
    z-index: 1;
}
.field-background .field:hover {
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.1);
    transform: translateY(-5px);
}
.subscribe-form .form-group {
    position: relative;
    background: var(--global--color-white);
    border-radius: 50px;
    border: 1px solid #e8eaf1;
}
.subscribe-form .form-control {
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    padding: 28px 0px 28px 39px;
    border: none;
    color: #808080;
    font-size: 16px;
}
.search-btn {
    position: absolute;
    background: var(--global--color-purple);
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    text-decoration: none;
    border-radius: 50px;
    padding: 19px 38px;
    border: none;
    left: inherit;
    bottom: 0px;
    right: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.search-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.price li {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: var(--global--color-black);
    margin-right: 41px;
}
.price {
    padding-top: 0px;
    margin-bottom: 0px;
}
.price li:first-child {
    padding-left: 0px;
}
.price li:last-child{
    padding-right: 0px;
}
.subscribe-form{ 
    position: relative;
}
.form-control:focus{
    box-shadow: none;
}
button:focus {
    outline: none;
}


/*-------- HISTORY ------------ */   
.stabished-company-section {
    padding: 40px 0;
    background: var(--global--color-light);
    position: relative;
    z-index: 2;
}

.stabished-company-section .card-design-company {
    width: 100%;
    max-width: 320px;
    height: 320px;
    perspective: 1000px;
    margin: 0 auto;
}

.stabished-company-section .card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s ease-in-out;
}

.stabished-company-section .card-design-company:hover .card-inner {
    transform: rotateY(180deg);
}

.stabished-company-section .card-front,
.stabished-company-section .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.stabished-company-section .card-back h6 {
    font-size: 32px;
    color:black;
    font-weight: bold;
    margin-bottom: 10px;
}

.stabished-company-section .card-front h6 {
    font-size: 32px;
    color:white;
    font-weight: bold;
    margin-bottom: 10px;
}

.stabished-company-section .card-front p {
    font-size: 16px;
    color: #fff;
    margin-top: 0;
}

.stabished-company-section .card-back p {
    font-size: 16px;
    color: black;
    margin-top: 0;
}

.stabished-company-section .card-front {
    background: var(--global-color-yellow-gradient);
    transform: rotateY(0deg);
    color: black;
}

.stabished-company-section .card-back {
    background-color: #f0f0f0;
    color: black;
    transform: rotateY(180deg);
}

/* Image Styling for Responsiveness */
.stabished-company-section .card-front img,
.stabished-company-section .card-back img {
    max-width: 60%; 
    height: auto;
    display: block;
    margin: 0 auto; 
}

/*-------- Investment Opportunities in Dubai: ------------ */

.investment-opportunities-in-dubai{
    padding: 30px 0;
    background: var(--global--color-white);
}
/*-------- WEB HOSTING ------------ */

.hosting-section{
     padding: 40px 0px;
}

.building-section{
    background-color: #e6eaf5;
     padding: 50px 0px;
}

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

.our-guiding-principle-section{
     background-color: #e6eaf5;
     padding: 50px 0px;
}

.award-principle-section{
     padding: 30px 0px;
}

.social-media-section{
     padding: 50px 0px;
}

.plan {
    background: var(--global--color-primary);
    border-radius: 10px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); 
    text-align: center;
    color: var(--global--color-white);
}

.plan h3{
    color: var(--global--color-white); 
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 25px;
}
 
.plan p {
    color: var(--global--color-white);
    font-weight: 700;
    margin-bottom: 15px;
}

.plan ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.plan ul li {
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--global--color-white);
}

.plan ul li i {
    color: var(--global--color-yellow); /* Yellow check icon */
    font-size: 18px; 
    margin-right: 8px;
}

/* Bottom Button with Border */
.hosting-btn-top {
    background: var(--global-color-yellow-gradient); 
    color: white;
    padding: 12px 30px;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    margin-bottom: 20px;
}

/* Bottom Button with Border */
.hosting-btn {
    background: transparent; 
    color: white;
    border: 2px solid var(--global--color-yellow);
    padding: 12px 30px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    border-radius: 30px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.hosting-btn:hover {
    background: var(--global-color-yellow-gradient); 
    color: var(--global--color-black);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

/* Bottom Button with Border */
.primary-btn-home {
    background: var(--global-color-yellow-gradient); 
    color: white !important;
    padding: 12px 30px;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    margin-bottom: 20px;
}

.primary-btn-home:hover {
    background: var(--global-color-yellow-gradient); 
    color: white !important;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.border-radius-right-bottom-100 {

    border-radius: 0 0 100px 0;

}

.border-radius-right-top-100 {

    border-radius: 0 100px 0 0;

}

.border-radius-left-bottom-100 {

    border-radius: 0 0 0 100px;

}

.border-radius-left-top-100 {

    border-radius: 100px 0 0 0;

}



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

.variation-2 .server-text, .variation-2 .server-btn {
    background: var(--global--color-lightpink);
}
.variation-2{
    border-color: var(--global--color-lightpink);
}
.variation-2 .server-pricing span, .variation-2 .server-pricing small, .variation-2 h2, .variation-2 .weightage {
    color: var(--global--color-lightpink);
}
.variation-3 .vps-text, .variation-3 .vps-btn {
    background: var(--global--color-purple);
}
.variation-3{
    border-color: var(--global--color-purple);
}
.variation-3 .vps-pricing span, .variation-3 .vps-pricing small, .variation-3 h2, .variation-3 .weightage{
    color: var(--global--color-purple);
}
.hosting-section-setting{
    padding-bottom: 59px;
}
.hosting-list-icon {
    max-width: 23px;
}
figure img {
    width: 100%;
}
    /*-------- GUARRANTEES ------------ */

.guarrantees-section {
    background: white;
    padding: 0 0 30px 0;
    overflow: hidden;
}

.guarrantees-section .slide-track {
    display: flex;
    animation: scroll 55s linear infinite;
    gap: 2em;
}

.guarrantees-section .slide {
    min-width: 200px;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.guarrantees-section h1{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
}
.guarrantees-section h4{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
}
.guarrantees-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.guarrantees-btn{
    padding: 14px 41px;
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-lightblack);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
.guarrantees-btn:hover{
    text-decoration: none;
    color: var(--global--color-lightblack);   
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.guarrantees-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}
.guarrantees-button:hover{
    transform: translateY(-3px);
}
.plan-box{
    background: var(--global--color-blue);
    padding: 45px 15px;
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.10);
    height: 100%;
}
.plan-box h4{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}
.guarrantee-image{
    margin: 0 auto 25px;
    max-width: 52px;
}
.guarrantee-text{
    padding-top: 73px;
}
.plan-box-award, .plan-box-guarrantee {
    margin-bottom: 30px;
}

    /*-------- DATA CENTERS ------------ */

.data-section{
    background-image: url(../images/data-center-background.png);
    padding: 50px 0;
}
.data-section h1{
    font-size: 36px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 22px;
    color: var(--global--color-black);
}
.data-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--global--color-lightgrey);
}
.map-container {
    padding: 51px 12px 10px 25px;
    position: relative;
    display: inline-block;
}
.map-container img {
      padding-top: 10px;
}
.point {
      cursor: pointer;
      position: absolute;
      width: 1.4rem;
      height: 1.4rem;
      background-color:  var(--global--color-lightpink);
      border: 4px solid var(--global--color-white);
      border-radius: 50%;
      transition: all 0.1s ease;
      transition-duration: 0.1s;
      will-change: transform, box-shadow;
      transform: translate(-50%, -50%);
      box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
      animation: pulse 3s infinite;
}

    .canada { top: 152px; left: 166px; }
    .los-angeles { top: 238px; left: 143px; }
    .dallas { top: 244px; left: 198px; }
    .atlanta { top: 227px; left: 238px; }
    .united-kingdom { top: 168px; left: 493px; }
    .germany { top: 180px; left: 521px; }
    .moscow { top: 166px; left: 629px;}
    .india { top: 259px; right: 302px; }
    .south-korea { top: 224px; right: 167px;}
    .japan { top: 210px; right: 124px; }
    .australia { top: 456px; right: 104px;}

  
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(203, 102, 134, 0.5);
    }
    70% {
      box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
    }
  }
  .point:hover{
    background-color:  var(--global--color-yellow);
    border: none;
}
.data-section h4{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--global--color-black);
    padding: 0 14%;
    margin-bottom: 33px;
}
.data-btn{
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    background: var(--global--color-lightpink);
    padding: 14px 38px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
}
.data-button{
    transition: all 0.3s ease-in-out;
    position: relative;
}
.data-button:hover{
    transform: translateY(-3px);
}
.data-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.location{
    display: none;
}
.point:hover .location{
    display: block;
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-black);
    position: absolute;
    top: -50px;
    left: -36px;
    padding: 5px 5px;
    border-radius: 6px;
    width: 111px;
    text-align: center;
}
.location:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid var(--global--color-yellow);
    position: absolute;
    top: 31px;
    left: 42px;
}
.location {
    font-size: 14px;
    color: var(--global--color-black);
    font-weight: 700;
}
.map-location{
    position: relative;
}


/*-------- HOSTING FEATURES ------------ */

/* Section Styling */
.features-section {
    padding: 40px 0;
    background: #FAFAFA;
}

.features-section .feature-heading {
    margin-bottom: 30px;
}

.feature-plan-box {
    background: var(--global--color-white);
    height: 100%;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.feature-plan-box p {
    font-size: 17px;
}

.feature-image-list-icon {
    width: 35px;
    height: 35px;
    margin: 0;
}

/* Responsive Styling */
@media (max-width: 768px) {
    .feature-image-list-icon {
        width: 30px;
        height: 30px;
    }

    .feature-plan-box h6, .feature-plan-box p {
        text-align: center;
    }
}


/*-------- IT DEVELPMENT FEATURES ------------ */

.our-it-development-section {
    padding: 40px 0px;
    background-color: #e6eaf5;
}

.our-it-development-section .feature-heading {
    margin-bottom: 40px;
}
.feature-plan-box-it {
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0 5px 15px rgba(30, 34, 47, 0.05);
    margin-bottom: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease-in-out;
}

.feature-plan-box-it .feature-image-list {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    flex-shrink: 0;
}

.feature-plan-box-it h6 {
    font-size: 17px;
    margin: 0;
    font-weight: bold;
}

.feature-plan-box-it p {
    font-size: 15px;
    margin: 0;
    line-height: 1.5;
    color: #333;
}

.our-it-development-section .col-lg-4:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-it-development-section .col-lg-4:nth-child(2) img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .feature-plan-box-it {
        flex-direction: column;
        text-align: center;
    }

    .feature-plan-box-it .feature-image-list {
       margin-right: 10px;
    }

    .our-it-development-section .col-lg-4:nth-child(2) {
        margin-bottom: 10px;
    }
}

.feature-plan-box-it:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(30, 34, 47, 0.1);
}


/*-------- TECH SOLUTION FEATURES ------------ */

/* Section Styling */
.tech-solution-section {
    padding: 40px 0;
    background: #F4F6FA;
}

.tech-solution-section .feature-heading {
    margin-bottom: 30px;
}

.tech-solution-section.feature-plan-box {
    background: var(--global--color-white);
    height: 100%;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.tech-solution-section.feature-plan-box p {
    font-size: 17px;
}


/*-------- HOSTING FEATURES ------------ */

/* Section Styling */
.advantages-features-section {
    padding: 50px 0;
    background: #FAFAFA;
}

.advantages-features-section .feature-heading {
    margin-bottom: 30px;
}

.advantages-features-section .feature-plan-box {
    background: var(--global--color-white);
    height: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.advantages-features-section .plan-box-network{
    margin-bottom: 20px;
}

.advantages-features-section .feature-image-list {
    margin-bottom: 15px;
}

.advantages-features-section .feature-image-list img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.advantages-features-section .feature-plan-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.advantages-features-section .feature-plan-box p {
    font-size: 16px;
    text-align: center;
}

/* Responsive Styling */
@media (max-width: 768px) {
    .advantages-features-section {
        padding: 30px 0;
    }

    .advantages-features-section .feature-plan-box {
        padding: 15px;
    }

    .advantages-features-section .feature-image-list img {
        width: 100px;
        height: 100px;
    }

    .advantages-features-section .feature-plan-box h3 {
        font-size: 16px;
    }

    .advantages-features-section .feature-plan-box p {
        font-size: 14px;
    }
}



/*-------- REVIEW SECTION ------------ */

/*-------- REVIEW SECTION ------------ */

.review-section-banner {
    background-image: url('https://www.shutterstock.com/image-photo/two-happy-confident-business-partners-600nw-2392473747.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}  

.review-section {
    color: white;
    padding: 60px 0;
}
.review-section h1 {
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 700;
    color: white;
}

.review-section p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff !important;
}

.card-design {
    text-align: left;
    background: var(--global-color-yellow-gradient);
    border-radius: 10px;
    border-left: 5px solid white;
    border-right: 5px solid white;
}

.satisfaction {
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 30px;
    margin-top: 20px;
    text-align: center;
}

.testimonial-slider {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}
.testimonial-slider p{
    color: black !important;
}
.testimonial-slide {
    display: none;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-color: #ffffff;
    color: #333;
    text-align: left;
}
.testimonial-slide.active {
    display: block;
}
.testimonial-slide img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px;
    vertical-align: middle;
}
.testimonial-slide .ceo {
    font-weight: bold;
    margin-top: 10px;
}
.testimonial-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.testimonial-dots .dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.testimonial-dots .dot.active {
    background-color: #062f53;
}

.contact-sections-top {
    padding-top: 60px;
}

.contact-sections {
  background: var(--global-color-yellow-gradient);
  color: #fff;
  padding: 3rem;
}

.contact-sections h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 20px;
  font-weight: 700;
  color: white;
}

.contact-sections .subheading {
  text-align: center;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  gap: 20px;
  font-weight:600;
}

.contact-sections .subheading span {
  font-size: 18px;
  display: flex;
  align-items: center;
}

.contact-sections .subheading span::before {
  content: "★";
  color: #DD9933;
  margin-right: 5px;
}
.card-design-contact-us {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.contact-images img {
    width: 100%;
    border-radius: 8px;
}

.card-design-inner {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.contact-form {
    padding: 20px;
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

.contact-form textarea {
    resize: vertical;
}

.contact-form button {
    width: 15%;
    padding: 12px;
    background: var(--global-color-yellow-gradient);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}


/* Responsive styling */
@media (max-width: 768px) {
    .contact-sections-top-second {
        padding: 20px;
    }

    .container.card-design {
        padding: 15px;
    }

    .contact-form button {
        width: 100%;
    }
}

/*-------- CONTACT ------------ */ 

.contact-sections-top-contact-us {
    padding-top: 200px;
}

.contact-section{
    position: relative;
    bottom: -78px;
}  
.contact-planbox{
    background: var(--global--color-pink);
    padding: 48px 32px;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
    position: relative;
}   
.contact-planbox:hover {
    transform:  translateY(-5px);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
}
.contact-planbox h4{
    line-height: 18px;
    font-weight: 700;
}
.contact-planbox p{
    font-size: 16px;
    line-height: 13px;
    font-weight: 400;
    margin-bottom: 0px;
}
.contact-section a{
    text-decoration: none;
}
.contact-planbox-variation-2{
    background: var(--global--color-lightpink);
}
.contact-planbox-variation-3{
    background: var(--global--color-purple);
}
.contact-image {
    max-width: 48px;
}

/*-------- SULUTION SECTION------------ */  

.solutions-section {
    text-align: center;
    padding: 40px 0;
    background-color: #e6eaf5;
}

.solutions-section h1 {
    margin-bottom: 40px;
}

.solution-item {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
    height: 150px;
    margin-bottom: 20px;
}



.solution-item:hover {
    transform: translateY(-5px);
}

.solution-item img {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}


/*-------- FOOTER BAR------------ */      
    .footer-bar{
        background: var(--global--color-darkblue);
        padding: 11px 0;
    }
    .footer-bar .footer-cards small{
        font-size: 14px;
        color: var(--global--color-grey);
        font-weight: 400;
        margin: 0px 14px 0px 15px;
        padding-top: 12px; 
        float: left;
    }
    .footer-cards-list li a{   
        color: var(--global--color-grey);
        font-size: 29px;
        padding-left: 5px;
    }
    .footer-cards-list li i{
        transition: all 0.3s ease-in-out;
        position: relative;
    }
    .footer-cards-list li a:hover i{
        transform: translateY(-5px);
        box-shadow: 0 10px 10px rgba(0,0,0,.1);
        cursor: pointer;
        z-index: 0;
    }
    .footer-cards-list {
        margin-bottom: 0px;
    } 
    .footer-cards-list li{
        display: inline-block;
    }
    
    .footer-bar .footer-arrow small {
        font-size: 14px;
        color: var(--global--color-grey);
        font-weight: 400;
        margin: 0px 5px 0px 0px;
        padding-top: 12px; 
    }
    .heart { 
        color: var(--global--color-yellow);
        padding: 0px 2px 0px 4px;
        font-size: 12px;
    }
    .footer-arrow {
        float: right;
        text-align: right;
    }
    .about-main-header{
        background: none;
    }
/*-------- ABOUT US BANNER ------------ */
    .about{
        background: transparent;
    }
    .about-sub-section{
     background: var(--global-color-yellow-gradient);
    }
 
    .about-us-banner-section{
        background: var(--global--color-light);
        padding: 55px 0px 20px 0px;  
    }
    .about-us-banner-text h1{
        font-weight: 700;
        font-size: 38px;
        line-height: 40px;
    }
    .about-us-banner-text p{
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 43px;
    }
    .about-primary-btn{
        font-size: 16px;
        font-weight: 700;
        padding: 16px 39px;
        color: var(--global--color-black);
        background: var(--global--color-yellow);
        text-decoration: none;
        transition: all 0.3s ease-in-out;
        position: relative;
        display: inline-block;
    }
    .about-primary-btn:hover {
        text-decoration: none;
        color: var(--global--color-black);
        transform: translateY(-1px);
        box-shadow: 0 10px 10px rgba(0,0,0,.5);
        cursor: pointer;
        z-index: 0;
    }
    .about-secondary-btn {
        font-size: 16px;
        font-weight: 700;
        padding: 16px 39px;
        color: var(--global--color-white);
        background: var(--global--color-pink);
        text-decoration: none;
        transition: all 0.3s ease-in-out;
        position: relative;
        margin-left: 16px;
        display: inline-block;
    }
    .about-secondary-btn:hover {
        text-decoration: none;
        color: var(--global--color-white);
        box-shadow: 0 10px 10px rgba(0,0,0,.5);
        transform: translateY(-1px);
        cursor: pointer;
        z-index: 0;
    }
    .about-primary-button, .about-secondary-button {
        transition: all 0.3s ease-in-out;
        position: relative;
    }
    .about-primary-button:hover, .about-secondary-button:hover{
        transform: translateY(-1px);
    }
    .about-us-banner-section h2{
        font-weight: 700;
        font-size: 36px;
        line-height: 40px;
        color: var(--global--color-yellow);
    }
    .about-us-price p{
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--global--color-grey);
        margin-bottom: 0px;
    }
    .about-us-price {
        padding-top: 40px;
    }
    .about-us-price-list{
        border-right: 1px solid #3f424d;
    }

    /*-------- NETIXHOST TEAM ------------ */

    .about-section-technology {
    padding: 50px 0;
    background-color: var(--global--color-primary);
}

.about-section-technology .TechnameCol {
    flex: 0 0 auto;
    width: 25%;
    padding: 10px;
}

.about-section-technology .TechnameBox {
    align-items: center;
    padding: 20px 20px;
    display: flex;
}

.about-section-technology .TechnameBox span {
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    margin-right: 15px;
}

.about-section-technology .TechnameBox span img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
}

.about-section-technology .TechnameBox h3 {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    color: white !important;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .about-section-technology .TechnameCol {
        width: 33.33%; /* 3 columns on medium screens */
    }
}

@media (max-width: 768px) {
    .about-section-technology .TechnameCol {
        width: 50%; /* 2 columns on tablet screens */
    }
    
    .about-section-technology .TechnameBox span {
        width: 80px;
        height: 80px;
    }
    
    .about-section-technology .TechnameBox span img {
        width: 60px;
        height: 60px;
    }
    
    .about-section-technology .TechnameBox h3 {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .about-section-technology .TechnameCol {
        width: 50%; /* 2 columns on tablet screens */
        text-align: center;
    }
    
    .about-section-technology .TechnameBox {
        flex-direction: column;
    }
    
    .about-section-technology .TechnameBox span {
        margin: 0 0 10px;
    }
    
    .about-section-technology .TechnameBox h3 {
        font-size: 16px;
    }
}


/*-------- VISION & MISSION ------------ */ 
.vision-section{
    background: var(--global--color-light);
    position: relative;
    z-index: 1;
}
.vision-section-inner{
    position: relative;
    top: -90px;
}

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


}   
.vision-plan-box h4{
    font-weight: 700;
    line-height: 30px;
    color: var(--global--color-black);
    margin-bottom: 18px;
}
.vision-plan-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 3% 0 0;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}
.vision-image-list {
    max-width: 75px;
    margin-bottom: 34px;
}
/*-------- HISTORY ------------ */   
.history-section {
    padding: 0px 0px 50px 0px;
    background: var(--global--color-yellow);
}

.history-section .card-design-services {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    perspective: 1000px;
}

.history-section .card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s ease-in-out;
}

.history-section .card-design-services:hover .card-inner {
    transform: rotateY(180deg);
}

.history-section .card-front,
.card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.history-section .card-front {
    background-color: #f0f0f0;
    color: black;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
}

.history-section .card-front figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.history-section .card-front h6 {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.history-section .card-back {
    background-color: var(--global--color-primary);
    color: #fff;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 10px; /* Adds spacing inside the card */
}

.history-section .card-back .border-bottom-card {
    margin-bottom: 10px;
    width: 100%;
}

.history-section .card-back .border-bottom-card p {
    border-bottom: 1px solid white;
    font-size: 16px;
    padding: 5px 0;
    margin: 0;
    text-align: center;
}

.history-section .card-back {
    background-color: var(--global--color-primary);
    color: #fff;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 767px) {
    .history-section .card-design-services {
        max-width: 100%;
    }

    .card-front figure {
        height: 200px;
        width: 100%;
    }

    .card-front figure img {
        height: 100%;
    }
}


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

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

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

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

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

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

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


.projects-section {
    padding: 50px 0;
    text-align: center;
}

.section-title {
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

.project-card {
    z-index: 2;
    background-color: #f7f7f7;
    border: 0.06rem solid #01162a33;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.project-card img {
    width: 100%;
    height: 220px;
    border-radius: 0 0 50px 0;
    object-fit: cover;
    margin-bottom: 10px;
}

.project-card a {
    text-decoration: none; 
    color: inherit;
}

.project-card a:hover {
    text-decoration: none;
}

.project-card h3 {
    color: #2c3e50;
    font-size: 17px;
    font-weight: bold;
}

.project-card p {
    color: #7f8c8d;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Styles for checkmark list */
.project-card .rich-text {
    display: flex;
    flex-direction: column;
}

.project-card .rich-text span {
    display: flex;
    font-size: 16px;
    color: #333;
    padding: 6px 0;
    line-height: 1.5;
}

.project-card .rich-text span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://cdn.prod.website-files.com/674973e5bea4b8b33efd8a6f/6754af029c71f85c7c9d9ea4_check-mark-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px; /* Space between icon and text */
}



/*-------- CHOOSE ------------ */ 
.choose-section{
    padding: 50px 0px;
   background-color: var(--global--color-primary);

}
.choose-section figure{
    margin-top: 20px;
}
.choose-section h1{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
}
.choose-section h5{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
}
.choose-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.choose-btn{
    padding: 16px 39px;
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-white);
    font-size: 16px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
.choose-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);   
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.choose-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}
.choose-button:hover{
    transform: translateY(-3px);
}
.choose-text{
    padding-top: 25px;
}
/*-------- NETIXHOST TEAM ------------ */

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

.team-plan-boxs {
    padding: 10px;
    text-align: left;
}
.team-plan-boxs:hover {
    transform: none !important;
}
.team-plan-boxs figure {
    margin: 0 auto 5px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    transition: border-color 0.3s ease;
}
.team-plan-boxs img {
    width: 100%;
    height: auto;
    display: block;
}
.team-plan-boxs figure:hover {
    border: 2px solid #DD9933;
}
.team-plan-boxs h4 {
    font-size: 1.2em;
    font-weight: 700;
    color: #05255F;
    margin-bottom: 5px;
}
.team-plan-boxs span {
    color: #DD9933;
    font-size: 0.9em;
}

.team-plan-boxs hr {
    border: 1px solid black !important;
    width: 100%;
    margin: 10px 0;
}



.team-plan-boxs p {
    color: #777;
    font-size: 14px !important;
}
.team-list a {
    color: #000;
    font-size: 1.1em;
    transition: color 0.3s ease;
}
.team-list a:hover {
    color: #DD9933;
}
 
/*-------- CONTACT PAGE ------------ */ 
.contact-us-sub-section {
   background: var(--global-color-yellow-gradient);
    background-size: cover;
    background-repeat: no-repeat;
}
.contact-us-banner-section{
    background: var(--global--color-light);
    padding: 50px 0px;
}
.contact-us-banner-section h1{
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}
.contact-us-banner-section p{
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.contact-us-banner-section span{
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-yellow);
}
/*-------- CONTACT-US-PLAN-BOX ------------ */ 
.contact-us-plan-box-section {
    background: var(--global--color-light);
}
.contact-us-plan-box{
    padding: 60px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.contact-us-plan-box-section-inner{
    position: absolute;
    top: -145px;
}
.contact-us-plan-box h4{
    font-weight: 400;
    line-height: 30px;
    color: var(--global--color-black);
    margin-bottom: 18px;
}
.contact-us-plan-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}
.contact-us-plan-box a{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-pink);
}
.contact-us-plan-box a:hover{
    text-decoration: none;
}
.contact-us-plan-box figure{
    margin-bottom: 34px;
}
.contact-us-image-list {
    max-width: 50px;
    max-height: 50px
}
/*-------- CONTACT FORM ------------ */ 
.contact-form-section{
    padding: 194px 0px 102px 0px;
    background: var(--global--color-light);
}
.contact-form-section-plan-box {
    padding: 57px;
    background-color: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.contact-form-section-plan-box h1{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}
.contact-form-section-plan-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--global--color-lightgrey);
}
.contact-form-plan-box .form-control{
    padding: 0px 0px 0px 34px;
    height: 59px;
    font-size: 16px;
    color: var(--global--color-lightgrey);
    border-radius: 50px;
    position: relative;
    border: 1px solid #e8eaf1;
}
.contact-form-plan-box .form-control:focus {
    border: 1px solid #e8eaf1;
}
.contact-form-plan-box .select-form {
    background-image:url(../images/angle-down.png);
    background-color: var(--global--color-light);
    background-repeat: no-repeat;
    background-position: 96% 24px;
    color: var(--global--color-black);
    font-weight: 500;
}
.contact-form-plan-box select {
    appearance: none;
}
.contact-form-plan-box i{
    position: absolute;
    right: 0px;
}
.contact-form-plan-box .form-group {
    margin-bottom: 20px;
    position: relative;
}
.contact-form-plan-box .textarea {
    border-radius:10px !important;
    padding-top: 18px;
    font-size: 14px;
    border: 1px solid #e8eaf1;
}
.contact-form-plan-box .textarea .form-control {
    border: none;
    height: 139px;
}
.submitform-btn{
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    border: none;
    padding: 16px 39px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.submitform-button {
    text-align: center;
    margin-top: 20px;
}
.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 ------------ */ 
.success-section {
    padding: 94px 0 171px 0;
    background: #eeeeee;
}
.success-section h1{
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: var(--global--color-black);
}
.success-section p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.success-plan-box{
    padding: 58px 67px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.success-plan-box h4{
    font-weight: 400;
    line-height: 30px;
    color: var(--global--color-black);
    margin-bottom: 18px;
}
.success-plan-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}
.success-plan-box a{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-pink);
}
.success-plan-box a:hover{
    text-decoration: none;
}
.success-plan-box figure{
    margin-bottom: 34px;
}
.success-section-text{
    margin-bottom: 76px;
}
.contact-section .variation-1{
    background: var(--global--color-light);
    position: relative;

}
.success-image-list {
    max-width: 62px;
    margin: 0 auto;
}
.contact-section-inner {
    position: absolute;
    bottom: 2px;
    left: 0px;
    right: 0px;
}
/*-------- DEDICATED PAGE ------------ */ 
.dedicated-sub-section{ 
    background-color: var(--global--color-blue);
}
.dedicated-banner-section{
    padding: 70px 0px 195px 0px;
}
.dedicated-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}
.dedicated-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.dedicated-banner-section ul li{
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.dedicated-banner-section li i{
    color: var(--global--color-pink);
    margin-right: 5px;
}


/*-------- DEDICATED Kisaantrade Design ------------ */


.dedicated-sub-sections{ 
   background-color: var(--global--color-primary);
}
.dedicated-banner-sections{
    padding: 70px 0px 70px 0px;
}
.dedicated-banner-sections h1 {
    line-height: 40px;
    color: white;
}
.dedicated-banner-sections ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.dedicated-banner-sections li i{
    color: var(--global--color-pink);
    margin-right: 5px;
}

/*-------- Connecting Trade Section Styling ------------ */
/
.connecting-trade {
    padding: 10px 0;
}

@media (max-width: 768px) {
    .connecting-trade {
        padding: 30px 15px;
    }

    .connecting-trade h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .connecting-trade .hosting-btn {
        font-size: 16px;
        margin-top: 15px;
    }
}

@media (max-width: 576px) {
    .connecting-trade {
        padding: 20px 10px;
    }

    .connecting-trade h1 {
        font-size: 20px;
    }

    .connecting-trade .hosting-btn {
        margin-top: 20px;
        margin-bottom: 20px; /* Add bottom margin for spacing */
    }
}

/*-------- DEDICATED Kisaantrade Design ------------ */


.dedicated-sub-section-services { 
 background-color: var(--global--color-primary);
}

.dedicated-banner-sections-services {
    padding: 40px 0;
}

.dedicated-banner-sections-services h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.dedicated-banner-sections-services p {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
}

.dedicated-banner-sections-services ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: left;
}

.dedicated-banner-sections-services li i {
    color: var(--global--color-pink);
    margin-right: 8px;
    font-size: 18px;
}


/*-------- Connecting Trade Section Styling ------------ */

.features-section-2 {
    padding: 50px 0;
}

.features-section-2 .feature-plan-box h3 {
    font-size: 22px;
    font-weight: 600;
    color: black;
    margin-top: 15px;
}

.features-section-2 .plan-box-network-margin{
    margin-bottom: 20px;
}


.features-section-2 .feature-image-lists img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .features-section-2 h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .features-section-2 .feature-plan-box {
        padding: 15px;
    }

    .features-section-2 .feature-plan-box h3 {
        font-size: 20px;
    }

    .features-section-2 .feature-plan-box p {
        font-size: 14px;
    }

    .features-section-2 .feature-image-lists img {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 576px) {
    .features-section-2 h1 {
        font-size: 24px;
    }

    .features-section-2 .plan-box-network-margin{
        margin-bottom: 15px;
    }

    .features-section-2 .feature-image-lists img {
        width: 80px;
        height: 80px;
    }

    .features-section-2 .feature-plan-box p {
        font-size: 13px;
        margin-top: 8px;
    }
}



/*-------- DEDICATED 2 PAGE ------------ */ 
.dedicated-sub-section-2{ 
    background-color: var(--global--color-blue);
}
.dedicated-banner-section-2{
    padding: 70px 0px 60px 0px;
}
.dedicated-banner-section-2 h1 {
    font-size: 52px;
    font-weight: 700;
}
.dedicated-banner-section-2 p {
    font-size: 18px;
    font-weight: 400;
}
.dedicated-banner-section-2 ul li{
    font-size: 20px;
    font-weight: 400;
}
.dedicated-banner-section-2 li i{
    color: var(--global--color-pink);
    margin-right: 5px;
}

/*-------- DEDICATED-SERVER-PLAN-BOX ------------ */ 
.dedicated-server-plan-box-section {
    background: var(--global--color-light);
}
.dedicated-server-plan-box{
    padding: 58px 48px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.dedicated-server-plan-box-section-inner{
    position: relative;
    top: -120px;
    width: 100%;
}
.dedicated-server-plan-box h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
    margin-bottom: 33px;
}
.dedicated-server-plan-box .dedicated-server-plan-box-paragraph{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.dedicated-server-plan-box h2{
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.dedicated-server-plan-box span{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.dedicated-server-plan-box .dedicated-server-pricing{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.dedicated-server-plan-box .dedicated-server-plan-box-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-style: italic;
    margin-bottom: 7px;
    color: var(--global--color-lightgrey);
}
.dedicated-server-plan-box p{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 19px;
    color: var(--global--color-pink);
}
.dedicated-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.dedicated-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.dedicated-server-plan-box li{ 
    border-bottom: 1px solid #e8eaf1;
    padding: 10px 0px 8px 0px;
}
.dedicated-server-plan-box li span{ 
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-black);   
}
.dedicated-server-plan-box li:last-child {
    padding-bottom: 0px;
    border: none;
}
.dedicated-server-plan-box-section .variation-2 h2,.dedicated-server-plan-box-section .variation-2 .dedicated-server-price,.dedicated-server-plan-box-section .variation-2 .dedicated-server-pricing, .variation-2 p{
   color: var(--global--color-lightpink);
}
.dedicated-server-plan-box-section .variation-2 .dedicated-btn {
    background: var(--global--color-lightpink);
}
.dedicated-server-plan-box-section .variation-3 h2,.dedicated-server-plan-box-section .variation-3 .dedicated-server-price,.dedicated-server-plan-box-section .variation-3 .dedicated-server-pricing, .variation-3 p{
    color: var(--global--color-purple);
 }
.dedicated-server-plan-box-section .variation-3 .dedicated-btn {
    background: var(--global--color-purple);
}
.dedicated-list-icon {
    max-width: 23px;
}
/*-------- DEDICATED-SERVER-MAINTAINANCE ------------ */ 
.dedicated-server-maintainance {
    background: var(--global--color-light);
    padding: 0px 0px 90px 0px;
    margin-top: -55px;
}
.dedicated-server-maintainance h4{
    font-weight: 400;
    line-height: 36px;
    color: var(--global--color-black);
    padding: 0 23%;
    margin-bottom: 0px;
}
.dedicated-server-maintainance a{
    font-weight: 400;
    line-height: 20px;
    color: var(--global--color-pink);
}
/*-------- DEDICATED-HOSTING-PLAN ------------ */ 
.dedicated-hosting-plan-section{
background: linear-gradient(75deg, #073482, #014cda) !important;
    padding: 100px 0px;
}
.dedicated-hosting-plan-text h1{
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
}
.dedicated-hosting-plan-text span{
    text-decoration: underline;
}
.dedicated-hosting-plan-section h4{
    font-weight: 400;
    line-height: 19px;
}
.dedicated-hosting-plan-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.dedicated-hosting-plan-setting{
    padding-top: 47px;
}
.dedicated-hosting-plan-image {
    max-width: 445px;
    padding: 0px 0px;
}
.dedicated-hosting-plan-image-list {
    max-width: 62px;
}
/*-------- DEDICATED SERVER FEATURES ------------ */ 
.dedicated-server-features-section {
    padding: 0px 0px;
    background: var(--global--color-light);
}
.dedicated-server-features-section h1{
    font-size: 36px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-black);
}
.dedicated-server-features-section p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.dedicated-server-features-plan-box {
    padding: 80px 0px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}
.dedicated-server-features-plan-box h4{
    line-height: 23px;
    font-weight: 700;
    color: var(--global--color-black);
}
.dedicated-server-features-plan-box p{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.dedicated-server-features-section-text {
    margin-bottom: 73px;
}
.dedicated-server-feature-network-img, .dedicated-server-feature-technology-img {
    margin-bottom: 80px;
}
.dedicated-server-feature-image-list {
    max-width: 255px;
    margin: 0 auto 80px;
}
/*-------- DEDICATED-SERVER-SUPPORT ------------ */ 
.dedicated-server-support-plan-box-section{
    padding: 0px 0px 50px 0px;
    background: var(--global--color-light);
}
.dedicated-server-support-plan-box-section h1{
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
}
.dedicated-server-support-plan-box-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
}
.dedicated-server-support-plan-box-section-text {
    margin-bottom: 76px;
}
.dedicated-server-support-plan-box{
    padding: 45px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.dedicated-server-support-plan-box  h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}
.dedicated-server-support-plan-box p{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 27px;
    color: var(--global--color-lightpink);
}
.dedicated-server-support-plan-box li{ 
    border-bottom: 1px solid #e8eaf1;
    padding: 11px 0px 10px 0px;
}
.dedicated-server-support-plan-box span{ 
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);   
}
.dedicated-server-support-plan-box li:last-child {
    padding-bottom: 30px;
    border: none;
}
.dedicated-support-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-lightpink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.dedicated-support-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.dedicated-server-support-plan-box .variation-2 {
    padding: 14px 39px;
}
.dedicated-server-support-image-list {
    max-width: 100px;
    margin: 0 auto;
}

/*-------- DEDICATED-SERVER-SUPPORT ------------ */ 
.dedicated-server-support-plan-box-sections{
    padding: 50px 0px 0px 0px;
    background: var(--global--color-light);
}
.dedicated-server-support-plan-box-sections h1{
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
}
.dedicated-server-support-plan-box-sections p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
}
.dedicated-server-support-plan-box-sections-text {
    margin-bottom: 76px;
}
/*-------- VPS Windows Hosting Plans ------------ */ 
.vps-windows-Hosting-Plans {
     margin-bottom: 60px;
     margin-top: 50px;
    
}
.vps-windows-Hosting-Plans h1{
    font-size: 36px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-black);
}
.vps-windows-Hosting-Plans p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}

/*-------- DOMAIN PAGE ------------ */ 
.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 0px 185px 0px;
}
.domain-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}
.domain-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.domain-form {
    width: 83%;
    margin: auto;
}
.domain-banner-section .form-group {
    position: relative;
    background: var(--global--color-white);
    border-radius: 50px;
    border: 1px solid #e8eaf1;
}
.domain-btn {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-lightblack);
    background: var(--global-color-yellow-gradient);
    border-radius: 50px;
    border: none;
    padding: 19px 38px;
    position: absolute;
    right: -1px;
    top: -1px;
    left: inherit;
    display: inline-block;
}
.domain-banner-section .form-control {
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    height: 57px;
    border: none;
    color: #808080;
    font-size: 16px;
    padding-left: 34px;
}
/*-------- DOMAIN-PLAN-BOX ------------ */ 
.domain-plan-box-section {
    background: var(--global--color-light);
}
.domain-plan-box{
    padding: 50px 49px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.domain-plan-box-section-inner{
    position: relative;
    top: -100px;
}
.domain-plan-box h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}
.domain-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
    margin-bottom: 29px;
}
.domain-plan-box .domain-plan-box-paragraph{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.domain-plan-box h2{
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.domain-plan-box span{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.domain-plan-box .domain-plan-box-pricing{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.domain-plan-box-btn {
    padding: 14px 36px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.domain-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.domain-plan-box-section .variation-2 h2, .domain-plan-box-section .variation-2 span, .domain-plan-box-section .variation-2 .domain-plan-box-pricing {
    color: var(--global--color-lightpink);
}
.domain-plan-box-section .variation-2 .domain-plan-box-btn {
    background: var(--global--color-lightpink);
}
.domain-plan-box-section .variation-3 h2, .domain-plan-box-section .variation-3 span, .domain-plan-box-section .variation-3 .domain-plan-box-pricing {
    color: var(--global--color-purple);
}
.domain-plan-box-section .variation-3 .domain-plan-box-btn {
    background: var(--global--color-purple);
}
.domain-plan-box-image-list {
    max-width: 141px;
    height: 40px;
}
/*-------- DOMAIN MANAGEMENT ------------ */ 
.domain-management-section {
    background: var(--global--color-light);
    padding: 0px 0px 100px 0px;
}
.domain-management-plan-box {
    padding: 60px 0px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}
.domain-management-plan-box h4{
    line-height: 23px;
    font-weight: 700;
    color: var(--global--color-black);
}
.domain-management-plan-box p{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.domain-management-plan-box-text {
    padding-top: 33px;
}
.domain-management-image-1 {
    max-width: 190px;
}
.domain-management-image-2 {
    max-width: 190px;
    margin: 0px 0px 0px 65px;
}
/*-------- DOMAIN TABLE ------------ */ 
.domain-table-section {
    padding: 100px 0px;
    background: var(--global--color-purple);
}
.table-plan-box {
    padding: 54px 49px;
    border-radius: 15px;
    background: var(--global--color-white);
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}
.domain-table-section .table thead th {
    padding: 18px 0px 22px 0px;
    border-right: 1px solid  #e8eaf1;
}
.domain-table-section .table tbody th { 
    padding: 19px 0px 16px 0px;
    border-right: 1px solid  #e8eaf1;
}
.domain-table-section .table td{
    padding: 19px 0px 16px 0px;
    border-right: 1px solid  #e8eaf1;
}
.domain-table-section .table thead th:nth-child(1) {
    width: 246px
}
.domain-table-section .table thead th:nth-child(2) {
    width: 275px
}
.domain-table-section .table thead th:nth-child(3) {
    width: 276px
}
.domain-table-section .table thead th:nth-child(4) {
    width: 214px
}
.domain-table-section .table td:last-child, .domain-table-section .table th:last-child {
    border-right: none;
}
.domain-table-section .table thead th {
    border-bottom: 1px solid #e8eaf1;
    font-size: 18px;
    color: var(--global--color-black);
    font-weight: 700;
}
.domain-table-section .table tbody th {
    font-size: 16px;
    color: var(--global--color-black);
    font-weight: 700;
}
.domain-table-section .table tbody th .popular{
    font-size: 12px;
    color: var(--global--color-black);
    background: var(--global-color-yellow-gradient);
    padding: 4px 6px;
    font-weight: 700;
    border-radius: 5px;
    margin-left: 5px;
}
.domain-table-section .table tbody th .sale{
    font-size: 12px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    padding: 4px 7px;
    font-weight: 700;
    border-radius: 5px;
    margin-left: 7px;
}
.domain-table-section .table tbody td {
    font-size: 16px;
    color: var(--global--color-lightgrey);
    font-weight: 400;
}
.domain-table-section .table tbody td .price{
    font-size: 16px;
    color: var(--global--color-pink);
    font-weight: 700;
}
.domain-table-section table {
    text-align: center;
}
.domain-table-section tr th:first-child {
    text-align: left;
    padding-left: 0px;
}
/*-------- RESELLER PAGE ------------ */ 
.reseller-sub-section{
    background-image: url(../images/reseller-banner-img.jpg);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}
/*-------- RESELLER-BANNER ------------ */ 
.reseller-banner-section{
    padding: 70px 0px 207px 0px;
}
.reseller-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}
.reseller-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 21%;
}
/*-------- RESELLER-PLAN-BOX ------------ */ 
.reseller-plan-box-section {
    background: var(--global--color-light);
}
.reseller-plan-box {
    padding: 50px 49px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.reseller-plan-box-section-inner{
    position: relative;
    top: -120px;
}
.reseller-plan-box figure {
    margin-bottom: 29px;
}
.reseller-plan-box h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}
.reseller-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
    margin-bottom: 29px;
}
.reseller-plan-box .reseller-plan-box-paragraph{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.reseller-plan-box h2{
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.reseller-plan-box .reseller-plan-box-pricing{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.reseller-plan-box .reseller-plan-box-pricing-month{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.reseller-plan-box-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.reseller-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.reseller-plan-box-section .variation-2 h2, .reseller-plan-box-section .variation-2 .reseller-plan-box-pricing, .reseller-plan-box-section .variation-2 .reseller-plan-box-pricing-month {
    color: var(--global--color-lightpink);
}
.reseller-plan-box-section .variation-2 .reseller-plan-box-btn {
    background: var(--global--color-lightpink);
}
.reseller-plan-box-section .variation-3 h2, .reseller-plan-box-section .variation-3 .reseller-plan-box-pricing, .reseller-plan-box-section .variation-3 .reseller-plan-box-pricing-month {
    color: var(--global--color-purple);
}
.reseller-plan-box-section .variation-3 .reseller-plan-box-btn {
    background: var(--global--color-purple);
} 
.reseller-plan-box-image-list {
    max-width: 62px;
}
/*-------- RESELLER FEATURE ------------ */   
.reseller-feature-section {
    background: var(--global--color-light);
    margin-top: -19px;
    padding: 0px 0px 97px 0px;
}
.reseller-feature-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    color: var(--global--color-black);
}
.reseller-feature-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    color: var(--global--color-lightgrey);
}
.reseller-feature-text {
    margin-bottom: 78px;
}
.reseller-feature-plan-box {
    padding: 58px 0px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}
.reseller-feature-plan-box h4{
    line-height: 19px;
    font-weight: 700;
    color: var(--global--color-black);
}
.reseller-feature-plan-box p{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.reseller-feature-plan-box-image-list {
    max-width: 190px;
}
.reseller-feature-plan-box-image-list-variation-1 {
    max-width: 190px;
    margin: 0px 0px 0px 65px;
}
/*-------- RESELLER GUARRANTEES ------------ */   
.reseller-guarrantees-section {
    background: var(--global--color-purple);
    padding: 99px 0px;
}
.reseller-guarrantees-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
}
.reseller-guarrantees-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}
.reseller-guarrantees-text {
    margin-bottom: 70px;
}
.reseller-guarrantees-plan-box {
    background: var(--global--color-white);
    padding: 51px 49px;
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.10);
    height: 100%;
}
.reseller-guarrantees-plan-box:hover {
    background: var(--global-color-yellow-gradient);
}
.reseller-guarrantees-plan-box:hover p{
    color: var(--global--color-black);
}
.reseller-guarrantees-plan-box h5 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: var(--global--color-black);
}
.reseller-guarrantees-plan-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.reseller-guarrantees-plan-box-image-list {
    max-width: 65px;
    height: 78px;
}
/*-------- RESELLER TABLE ------------ */
.reseller-table-section  {
    padding: 100px 0px;
    background: var(--global--color-light);
}
.reseller-comparison-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    color: var(--global--color-black);
}
.reseller-comparison-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    color: var(--global--color-lightgrey);
}
.reseller-table-plan-box .reseller-table-plan-box-paragraph{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.reseller-table-plan-box h2{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.reseller-table-plan-box .reseller-table-plan-box-pricing-month{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.reseller-table-plan-box-btn {
    padding: 14px 40px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.reseller-table-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(30,34,47,.04);
    cursor: pointer;
    z-index: 0;
}
#Comprison_pricingplan .table td .variation-2 {
    color: var(--global--color-lightpink);
}
#Comprison_pricingplan table td .variation-3 {
    color: var(--global--color-purple);
}
#Comprison_pricingplan .variation-2 h2, #Comprison_pricingplan .variation-2 .reseller-table-plan-box-pricing-month{
    color: var(--global--color-lightpink);
}
#Comprison_pricingplan .variation-2 .reseller-table-plan-box-btn {
    background: var(--global--color-lightpink);
}
#Comprison_pricingplan .variation-3 h2, #Comprison_pricingplan .variation-3 .reseller-table-plan-box-pricing-month{
    color: var(--global--color-purple);
}
#Comprison_pricingplan .variation-3 .reseller-table-plan-box-btn {
    background: var(--global--color-purple);
}
#Comprison_pricingplan .table .th-hide {
    background-color: transparent !important;
    border-bottom: none;
    visibility: hidden;
    border-right: none;
}
#Comprison_pricingplan table td i { 
    color: var(--global--color-pink);
}
#Comprison_pricingplan table td .variation-2 {
    color: var(--global--color-lightpink);
}
#Comprison_pricingplan table td .variation-3 {
    color: var(--global--color-purple);
}
.reseller-comparison-text {
    margin-bottom: 96px;
}
#Comprison_pricingplan article {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#Comprison_pricingplan ul {
    display: flex;
    top: 0;
    z-index: 10;
    padding-left: 0px;
    text-align: center;
}
#Comprison_pricingplan li {
    list-style: none;
    flex: 1;
}
#Comprison_pricingplan button {
    border: 2px solid var(--global--color-pink);
    border-radius: 4px;
    padding:9px 65px;
    background:#fff;
    font-size: 15px;
    font-weight: 600;
    color: var(--global--color-pink);
    border-radius:50px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
#Comprison_pricingplan table tbody tr td:nth-child(2){
    border-left: 1px solid  #e8eaf1;
}
#Comprison_pricingplan li.active button {
    background: var(--global--color-pink);
    color:#fff;
    transition: 0.3s ease;
}
#Comprison_pricingplan table {
    table-layout: fixed;
    width: 100%;
}
#Comprison_pricingplan table tbody tr:last-child {
    border-right: none;
}
article#Comprison_pricingplan:after {
    content: "";
    position: absolute;
    right: 12px;
    box-shadow: 20px 0 20px rgb(2 103 255);
    height: 100%;
    width: 1px;
    top: 0;
}
#Comprison_pricingplan td + td,
#Comprison_pricingplan th + th {
    text-align: center;
    display: none;
}
#Comprison_pricingplan td.default {
    display:table-cell;
    border-right:solid 1px #e8eaf1;
    border-left:solid 1px #e8eaf1;
}
#Comprison_pricingplan table tbody tr td {
    padding: 18px 0px;
}
#Comprison_pricingplan table tbody tr:first-child td:first-child{border:none;}
#Comprison_pricingplan table tbody tr:last-child td{
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}
#Comprison_pricingplan table tbody tr td:first-child {
    text-align: left;
    padding-left: 40px;
    font-size: 16px;
    color: var(--global--color-black);
    font-weight: 700;
}
#Comprison_pricingplan table .adjustment {
    padding: 17px 0px;
}
#Comprison_pricingplan table tbody tr:last-child td:nth-child(1){border-bottom-left-radius:15px;}
#Comprison_pricingplan table tbody tr:last-child td:last-child{border-bottom-right-radius:15px;}
#Comprison_pricingplan table thead tr th {
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
    font-size: 20px;
    color: var(--global--color-black);
    font-weight: 700;
    border-right: 1px solid  #e8eaf1;
    background: var(--global--color-white);
}
#Comprison_pricingplan table tbody tr td {
    vertical-align: middle;
    font-size: 16px;
    color: var(--global--color-lightgrey);
    font-weight: 400;
    background: var(--global--color-white);
}
#Comprison_pricingplan table tbody tr:first-child {
    border-left: none;
    border-top: 0;
}
#Comprison_pricingplan table tbody tr:last-child {
    border-left: none;
    border-top: 0;
}
#Comprison_pricingplan table tbody tr:first-child td {
    border-bottom: 1px solid #e8eaf1;
}
#Comprison_pricingplan table tbody tr:nth-child(2) {
    padding-top: 36px;
}
#Comprison_pricingplan table tbody tr:last-child td {
    padding-bottom: 33px;
}
#Comprison_pricingplan table thead th:nth-child(1) {
    width: 284px;
}
#Comprison_pricingplan table thead th:nth-child(2), #Comprison_pricingplan table thead th:nth-child(3), #Comprison_pricingplan table .table thead th:nth-child(4) {
    width: 275px;
    padding: 21px 0px;
}
#Comprison_pricingplan table thead th:nth-child(2) {
    border-top-left-radius: 15px;
}
#Comprison_pricingplan table thead th:nth-child(4), #Comprison_pricingplan table tbody td:nth-child(4) {
    border-right: none;
}
#Comprison_pricingplan table thead th:nth-child(4) {
    border-top-right-radius: 15px;
}
#Comprison_pricingplan table tbody tr:first-child td:nth-child(1) {
    border-top-left-radius: 15px;
}
#Comprison_pricingplan table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 15px;
}
#Comprison_pricingplan table tbody tr:last-child td:nth-child(4) {
    border-bottom-right-radius: 15px;
}
#Comprison_pricingplan table tbody td:first-child td:nth-child(1) {
    border-bottom: none;
}
.reseller-table-text {
    position: absolute;
    top: -27px;
    right: 346px;
    font-size: 14px;
    padding: 3px 14px 2px 14px;
    border-radius: 5px 5px 0px 0px;
    color: var(--global--color-black);
    background: var(--global-color-yellow-gradient);
    font-weight: 700;
}
#Comprison_pricingplan table tbody tr:nth-child(2) td {
    padding-top: 35px;
}
/*-------- SHARED-PAGE ------------ */ 
.shared-sub-section {
    background-image: url(../images/shared-bannner-img.jpg);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}
.navbar-nav .variation-3 {
    background: #663a4a;
}
.navbar-nav .variation-3:hover {
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-black);
}
/*-------- SHARED-BANNER ------------ */ 
.shared-banner-section{
    padding: 70px 0px 207px 0px;
}
.shared-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}
.shared-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
/*-------- SHARED-TABS ------------ */ 
.shared-tabs-section {
    margin-top: -231px;
}
.shared-tabs-section .shared-monthly-btn{
    font-size: 16px;
    font-weight: 400;
    padding: 8px 32px;
    color: var(--global--color-lightgrey);
    background: var(--global--color-white);
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    float: left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    display: inline-block;
}
.shared-tabs-section .shared-monthly-btn:hover {
    color: var(--global--color-white);
    text-decoration: none;
    background: var(--global--color-pink);
}
.shared-tabs-section .shared-yearly-btn{
    font-size: 16px;
    font-weight: 400;
    padding: 8px 38px;
    color: var(--global--color-lightgrey);
    background: var(--global--color-white);
    text-decoration: none;
    border-radius: 5px; 
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.shared-tabs-section .shared-yearly-btn:hover {
    color: var(--global--color-white);
    text-decoration: none;
    background: var(--global--color-pink);
}
.shared-tabs-section .nav-tabs {
    border-bottom: none;
}
.shared-tab-content-section {
    background: var(--global--color-light);
}
.shared-tab-button {
    margin-bottom: 157px;
}
.shared-tabs-section ul li .active{
    color: var(--global--color-white);
    text-decoration: none;
    background: var(--global--color-pink);
    box-shadow: 0px 30px 30px rgba(24,27,34,0.5);
}
.shared-tabs-section .shared-monthly-btn {
    transition: all 0.3s ease-in-out;
    position: relative;
}
/*-------- SHARED-PLAN-BOX ------------ */ 
.shared-plan-box {
    padding: 50px 49px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.shared-plan-box-section-inner{
    position: relative;
    top: -100px;
}
.shared-plan-box figure {
    margin-bottom: 29px;
}
.shared-plan-box h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}
.shared-plan-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-lightgrey);
    margin-bottom: 29px;
}
.shared-plan-box .shared-plan-box-paragraph{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.shared-plan-box h2{
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.shared-plan-box .shared-plan-box-pricing{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.shared-plan-box .shared-plan-box-pricing-month{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.shared-plan-box-btn {
    padding: 14px 50px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.shared-plan-box-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.shared-plan-box-section .variation-2 h2, .shared-plan-box-section .variation-2 .shared-plan-box-pricing, .shared-plan-box-section .variation-2 .shared-plan-box-pricing-month {
    color: var(--global--color-lightpink);
}
.shared-plan-box-section .variation-2 .shared-plan-box-btn {
    background: var(--global--color-lightpink);
}
.shared-plan-box-section .variation-3 h2, .shared-plan-box-section .variation-3 .shared-plan-box-pricing, .shared-plan-box-section .variation-3 .shared-plan-box-pricing-month {
    color: var(--global--color-purple);
}
.shared-plan-box-section .variation-3 .shared-plan-box-btn {
    background: var(--global--color-purple);
}
.shared-plan-box-images {
    max-width: 51px;
}
/*-------- HOSTING FEATURES ------------ */ 
.features-section-variation-2 {
    background: var(--global--color-light);
    padding-top: 0px;
}
/*-------- RELIABLE SHARED HOSTING ------------ */ 
.reliable-shared-hsoting-section{
    padding: 50px 0px;
    background: var(--global--color-white);
}
.reliable-shared-hsoting-section h1{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
    color: var(--global--color-black);
}
.reliable-shared-hsoting-section h5{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
    color: var(--global--color-black);
}
.reliable-shared-hsoting-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--global--color-lightgrey);
}
.reliable-shared-hsoting-section-btn{
    padding: 14px 45px;
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-lightblack);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
.reliable-shared-hsoting-section-btn:hover {
    text-decoration: none;
    color: var(--global--color-lightblack);   
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.reliable-shared-hsoting-section-button {
    transition: all 0.3s ease-in-out;
    position: relative;
}
.reliable-shared-hsoting-section-button:hover{
    transform: translateY(-3px);
}
.reliable-shared-hsoting-section-text{
    padding-top: 73px;
}
.features-section-variation-2 p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.reliable-shared-hsoting-section-image {
    max-width: 450px;
}
/*-------- VPS PAGE ------------ */ 
.vps-sub-section{
    background-image: url(../images/vps-banner-img.jpg);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}
/*-------- VPS-BANNER ------------ */ 
.vps-banner-section{
    padding: 46px 0px 231px 0px;
}
.vps-banner-section h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
}
.vps-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.vps-banner-text {
    padding-top: 24px;
}
.vps-banner-image {
    max-width: 255px;
}
/*-------- GUARRANTEES ------------ */ 
.guarrantees-section-variation-2 {
    background: var(--global--color-purple);
    padding: 100px 0px;
}
.guarrantees-section-variation-2 .guarrantee-text {
    padding-top: 0px;
    margin-bottom: 77px;
}
.guarrantees-section-variation-2-text {
    margin-bottom: 71px;
}
.guarrantees-section-variation-2 h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 30px;
}
.guarrantees-section-variation-2 h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}
.guarrantees-section-variation-2 p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 16%;
    line-height: 30px;
}
/*-------- VPS-SLIDER ------------ */ 
.vps-slider-section {
    background: var(--global--color-light);
    float: left;
    width: 100%;
}
.vps-slider-section h4 {
    color: var(--global--color-black);
    font-weight: 700;
    line-height: 22px;
}
.vps-slider-section p {
    color: var(--global--color-lightgrey);
    font-weight: 400;
    line-height: 18px;
    font-size: 18px;
    margin-bottom: 41px;
}
.vps-slider-section .form-group {
    background: var(--global--color-white);
    border-radius: 15px;
    border: 1px solid #e8eaf1;
    margin-bottom: 35px;
}
.vps-slider-section .form-control {
    background: var(--global--color-white);
    border-radius: 50px;
    position: relative;
    height: 53px;
    border: none;
    color: var(--global--color-black);
    font-size: 16px;
    padding: 0px 0px 0px 18px;
}
.vps-slider-section select {
    appearance: none;
}
.vps-slider-section .select-form {
    background-image: url(../images/angle-down.png);
    background-repeat: no-repeat;
    background-position: 92% 21px;
}
.vps-slider-section h6 {
    color: var(--global--color-black);
    font-weight: 700;
    line-height: 20px;
}
.vps-slider-section .vps-slider-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.plan-wrap {
    float:left;
    background:#fff;
    border-radius:15px;
    width:100%;
    box-shadow: 0 30px 30px 0 rgba(24,27,34,0.03);
    position: absolute;
    top: -171px;
}
.plan_con {
    float: left;
    width: 100%;
    background: var(--global--color-light);
}
.plan_tabs {
    position: relative;
}
    /*
 * jQuery UI Slider 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.sliderbox {
	float: left;
    width: 68.5%;
    padding: 60px; ;
}
.slider-container .ui-slider{
	float: left;
	width: 100%;
	height: 10px;
	padding: 0;
	border: 0;
    background: var(--global--color-pink);
    border-radius: 15px;
}
/*.slider-container #slider .ui-slider-range, .slider-container #sliderCpu .ui-slider-range, .slider-container #sliderRam .ui-slider-range, .slider-container #sliderDisk .ui-slider-range {
	background:url(../images/blue_bar.png) no-repeat left top;
}*/
.slider-container .ui-slider-handle {
	outline: none;
	background: #ffda68 no-repeat left top;
	border-radius: 50px;
	border: 0;
	width: 30px;
	height: 30px;
	text-decoration: none;
	margin-top: -5px;
	margin-left: -22px;
}
.slider-container .ui-slider-handle:hover {
	cursor: pointer;
}
.slider-row1 {
	float: left;
    width: 100%;
    margin-bottom: 35px;
}
.slider-row1:last-child {
    margin-bottom: 0px;
}
.slider-row1 label {
	float: left;
	color: var(--global--color-black);
	text-align:left;
	font-size: 18px;
	line-height:28px;
	margin:0 0px 0px 0; 
    font-weight: 400;
}
.slider-row1 .slide-value {
	float: right;
	color: var(--global--color-pink);
    font-size:18px;
    line-height:29px;
    font-weight: 400;
}
.slider_content {
	float:right;
    box-shadow: 0 30px 30px rgba(24,27,34,0.03);
    width: 31.5%;
    padding: 55px 50px 70px 50px;
}	
.vps-slider-section figure {
    margin-bottom: 20px;
}
.vps-slider-section .variation-2 {
    background: var(--global--color-lightpink);
}
.vps-slider-section .variation-3 {
    background: var(--global--color-purple);
}
.vps-slider-section .variation-4 {
    color: var(--global--color-lightpink);
}
.vps-slider-section .variation-5 {
    color: var(--global--color-purple);
}
.pricebox .pricetxt {
    color: var(--global--color-pink);
    font-size: 18px;
    font-weight: 400;
}
.pricebox .pricetxt span.doller {
	font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.pricebox .pricetxt span.numeric {
	font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.white_btn {
	display:inline-block;
    height: 46px;
	margin:10px auto 0;
    width: 85.2%;
}
.white_btn a {
	padding: 14px 40px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.white_btn a:hover {
	text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.vps-slider-section .vps-slider-pricing-month {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.vps-slider-section .vps-slider-section-inner-text {
    margin-bottom: 21px;
    line-height: 24px;
}
.reseller-feature-section-2 {
    margin-top: 0px;
    padding: 393px 0px 100px 0px;
    background: var(--global--color-light);
}
.vps-slider-image-list {
    max-width: 24px;
}
/*-------- LANDING-PAGE-BANNER ------------ */ 
.landing-page-banner-section{
    padding: 50px 0px 0px 0px;
    background-image: url(../images/landing-page-banner-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.landing-page-banner-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.5px;
}
.landing-page-banner-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 32px;
    padding: 0 11%;
}
.landing-page-column {
    background: var(--global--color-darkblue);
    padding: 158px 50px 92px 50px;
    z-index: 1;
    border-radius: 15px;
    top: -108px;
    position: relative;
}
.landing-page-server-img img{
    z-index: 2;
    position: relative;
}
.landing-page-server-img {
    max-width: 500px;
    margin: 0 auto;
}
.landing-page-primary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 35px;
    color: var(--global--color-black);
    background: var(--global-color-yellow-gradient);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
}
.landing-page-primary-btn:hover {
    text-decoration: none;
    color: var(--global--color-black);
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
    cursor: pointer;
    z-index: 0;
}
.landing-page-secondary-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 31px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-left: 17px;
    display: inline-block;
}
.landing-page-secondary-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
    transform: translateY(-3px);
    cursor: pointer;
    z-index: 0;
}
.landing-page-banner-logo-img {
    max-width: 346px;
    margin: 0 auto 50px;
}
.landing-page-server-bottom-left-img, .landing-page-server-bottom-right-img {
    max-width: 613px;
}
.landing-page-server-bottom-left-image {
    left: -178px;
    bottom: 40px;
    width: 25%;
    opacity: .1;
}
.landing-page-server-bottom-right-image {
    right: -178px;
    bottom: 40px;
    width: 25%;
    opacity: .1;
}
.themeforest-link a{
    font-size: 12px;
    text-decoration: none;
    color: #fdda68ad;
}
html {
    scroll-behavior: smooth;
}
.dropdown-menu:before {
    display: none;
}
/*-------- BANNER SLIDER ------------ */ 
#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-prev-icon {
    background-color: var(--global--color-lightblack);
    padding: 20px 16px;
}
#banner_slider .carousel-control-next-icon {
    background-color: var(--global--color-black);
    padding: 20px 16px;
}
#banner_slider .carousel-control-prev-icon:hover {
    background-color: var(--global--color-pink);
}
#banner_slider .carousel-control-next-icon:hover {
    background-color: var(--global--color-pink);
}
#banner_slider .carousel-inner {
    padding: 60px 0 50px 0;
}
#banner_slider .carousel-item {
    min-height: 500px;
}
#banner_slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    background: var(--global-color-yellow-gradient);
    border-radius: 100%;
}
#banner_slider .carousel-indicators {
    bottom: 115px;
}
/*-------- BANNER SLIDER-2 ------------ */ 
.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: var(--global--color-pink);
    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-PAGE ------------ */ 
.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;
}
.support-banner-section{
    padding: 74px 0px 286px 0px;  
}
.support-banner-text h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 40px;
}
.support-banner-text p{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
/*-------- SUPPORT-PLAN-BOX ------------ */ 
.support-plan-box-section{
    background: var(--global--color-light);
    position: relative;
    z-index: 1;
}
.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;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}   
.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 .variation-1 {
    color: var(--global--color-pink);
}
.support-plan-box .variation-2 {
    color: var(--global--color-lightpink);
}
.support-plan-box .variation-3 {
    color: var(--global--color-purple);
}
.support-plan-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    color: var(--global--color-lightgrey);
}
.support-plan-box p a{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    color: var(--global--color-lightgrey);
}
.support-plan-box p a:hover {
    text-decoration: none;
}
/*-------- SUPPORT NATIX-HOST ------------ */ 
.support-natix-host-section {
    background: var(--global--color-purple);
    padding: 99px 0px;
}
.support-natix-host-text {
    padding-top: 0px;
    margin-bottom: 73px;
}
.support-natix-host-text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 21px;
}
.support-natix-host-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 9%;
}
.support-natix-host-plan-box{
    background: var(--global--color-white);
    padding: 50px 36px;
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    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 20px;
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-lightblack);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.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-yellow-gradient);
    color: var(--global--color-lightblack);
}
.support-natix-host-plan-box .variation-2 {
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-lightblack);
}
.support-natix-host-plan-box .variation-3 {
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-lightblack);
}
/*-------- SUPPORT OPERATION ------------ */ 
.support-operation-section {
    background: var(--global--color-light);
    padding: 99px 0px 171px 0px;
}
.support-operation-plan-box{
    background: var(--global--color-white);
    padding: 58px 46px;
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    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-PAGE ------------ */ 
.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-section{
    padding: 74px 0px 286px 0px;  
}
.datacenter-banner-text h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 40px;
}
.datacenter-banner-text p{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: var(--global--color-yellow);
}
/*-------- DATACENTER-PLAN-BOX ------------ */ 
.datacenter-plan-box-section{
    background: var(--global--color-light);
    position: relative;
    z-index: 1;
}
.datacenter-plan-box-section-inner{
    position: relative;
    margin-top: -191px;
    padding-bottom: 100px;
    padding-left: 15px;
    padding-right: 15px;
}
.datacenter-plan-box{
    padding: 77px 68px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
}   
.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 p:last-child {
    margin-bottom: 0px;
}
.datacenter-plan-box-image-list {
    max-width: 38px;
    margin-right: 21px;
    margin-bottom: 0px;
}
.datacenter-plan-box li {
    float: left;
    width: 33.33%;
}
/*  OUR-DATACENTER-PLAN-BOX  */
.our-datacenter-plan-box-section{
    padding: 85px 0px;
    background: var(--global--color-lightpink);
}
.our-datacenter-plan-box-section h1{
    font-size: 36px;
    line-height: 29px;
    font-weight: 400;
    margin-bottom: 78px;
}
.our-datacenter-plan-box{
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.our-datacenter-plan-box-inner {
    padding: 40px;
    background: var(--global--color-white);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.our-datacenter-plan-box-inner h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
}
.our-datacenter-plan-box-inner .address {
    color: var(--global--color-black);
    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;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    margin-bottom: 0px !important;
}
.our-datacenter-plan-box-inner-btn:hover {
    text-decoration: none;
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.our-datacenter-plan-box-inner .variation-2 {
    color: var(--global--color-lightpink);
}
.our-datacenter-plan-box-inner .variation-3 {
    background: var(--global--color-lightpink);
}
.our-datacenter-plan-box-inner .variation-4 {
    color: var(--global--color-purple);
}
.our-datacenter-plan-box-inner .variation-5 {
    background: var(--global--color-purple);
}
.our-datacenter-plan-box:hover {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
 /* REDUNDANCY  */
.redundancy-section {
    background: var(--global--color-purple);
    padding: 100px 0px;
}
.redundancy-text {
    padding-top: 0px;
    margin-bottom: 73px;
}
.redundancy-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 21px;
}
.redundancy-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 9%;
}
.redundancy-plan-box{
    padding: 49px 60px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.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 p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 28px;
    color: var(--global--color-lightgrey);
    padding: 0px;
}
.redundancy-image-list {
    max-width: 70px;
    margin-bottom: 0px;
    position: absolute;
}
.redundancy-image-list img {
    max-height: 70px;
}
.redundancy-plan-box li {
    font-size: 16px;
    color: var(--global--color-lightgrey);
    margin-bottom: 6px;
}
.redundancy-plan-box li i {
    color: var(--global--color-purple);
    margin-right: 15px;
}
/*-------- AFFILIATE-PAGE ------------ */ 
.affiliate-sub-section{
    background-color: var(--global--color-blue);
    background: url(../images/affiliate-banner-img.jpg);
    background-size: cover;
    background-position: center 40px;
    background-repeat: no-repeat;
}
.affiliate-banner-section{
    padding: 74px 0px 195px 0px;  
}
.affiliate-banner-text h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 40px;
}
.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;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
}
.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 ------------ */ 
.affiliate-plan-box-section{
    background: var(--global--color-light);
    position: relative;
    z-index: 1;
}
.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, 0.03);
}  
.affiliate-text  {
    margin-bottom: 52px;
}
.affiliate-text h4{
    font-weight: 700;
    line-height: 24px;
    color: var(--global--color-black);
    margin-bottom: 23px;
}
.affiliate-text p{
    font-size: 16px;
    font-weight: 400;
    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 0px 6px 0px;
}
.affiliate-inner-plan-box ul {
    margin-bottom: 7px;
}
.affiliate-inner-plan-box .range {
    font-size: 16px;
    font-weight: 400;
}
.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 ------------ */ 
.affiliate-program-plan-box-section {
    padding: 99px 0px;
    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, 0.10);
}
.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;
}
.affiliate-program-plan-box .variation-2 {
    background: var(--global--color-lightpink);
}
.affiliate-program-plan-box .variation-3 {
    background: var(--global--color-purple);
}
/*-------- SSL-CERTIFICATE-PAGE ------------ */ 
.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 0px 280px 0px;  
}
.ssl-cerificate-banner-text h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 40px;
}
.ssl-cerificate-banner-text p{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
/*-------- SSL-CERTIFICATE-PLAN-BOX ------------ */ 
.ssl-certificate-plan-box-section {
    background: var(--global--color-light);
}
.ssl-certificate-plan-box{
    padding: 58px 48px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px rgba(30, 34, 47, 0.03);
    height: 100%;
}
.ssl-certificate-plan-box-section-inner{
    position: relative;
    margin-top: -185px;
    padding-bottom: 100px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.ssl-certificate-plan-box h4{
    font-weight: 700;
    line-height: 20px;
    color: var(--global--color-black);
    margin-bottom: 33px;
}
.ssl-certificate-plan-box .ssl-certificate-plan-box-paragraph{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-style: italic;
    color: var(--global--color-black);
}
.ssl-certificate-plan-box h2{
    font-size: 52px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.ssl-certificate-plan-box span{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: var(--global--color-pink);
}
.ssl-certificate-plan-box .ssl-certificate-pricing{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.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);
}
.ssl-certificate-plan-box p{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 19px;
    color: var(--global--color-pink);
}
.ssl-certificate-btn {
    padding: 14px 54px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.ssl-certificate-btn:hover {
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.ssl-certificate-plan-box li{ 
    border-bottom: 1px solid #e8eaf1;
    padding: 10px 0px 8px 0px;
}
.ssl-certificate-plan-box li:first-child {
    padding-top: 4px;
}
.ssl-certificate-plan-box li span{ 
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--global--color-black);   
}
.ssl-certificate-plan-box li i {
    color: var(--global--color-pink);
}
.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-plan-box-section .variation-2 h2,.ssl-certificate-plan-box-section .variation-2 .ssl-certificate-server-price,.ssl-certificate-plan-box-section .variation-2 .ssl-certificate-pricing, .variation-2 p, .ssl-certificate-plan-box-section .variation-2 .link-text, .ssl-certificate-plan-box-section .variation-2 li i{
   color: var(--global--color-lightpink);
}
.ssl-certificate-plan-box-section .variation-2 .ssl-certificate-btn {
    background: var(--global--color-lightpink);
}
.ssl-certificate-plan-box-section .variation-3 h2,.ssl-certificate-plan-box-section .variation-3 .ssl-certificate-server-price,.ssl-certificate-plan-box-section .variation-3 .ssl-certificate-pricing, .variation-3 p, .ssl-certificate-plan-box-section .variation-3 .link-text, .ssl-certificate-plan-box-section .variation-3 li i{
    color: var(--global--color-purple);
 }
.ssl-certificate-plan-box-section .variation-3 .ssl-certificate-btn {
    background: var(--global--color-purple);
}
/*-------- SSL-CERTIFICATE-QUERY ------------ */ 
.ssl-certificate-query-section{
    padding: 100px 0px;
    background: var(--global--color-blue);
}
.ssl-certificate-query-section figure{
    margin-bottom: 0px;
}
.ssl-certificate-query-section h1{
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 28px;
}
.ssl-certificate-query-section p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.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 ------------ */ 
.choose-ssl-certificate-section{
    padding: 85px 0px;
    background: var(--global--color-light);
}
.choose-ssl-certificate-section .our-datacenter-plan-box-section h1{
    color: var(--global--color-black);
}
.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-black);
    font-size: 18px;
    padding: 10px 0px 7px 0px;
}
.choose-ssl-certificate-section li:last-child{
    border: none;
}
.choose-ssl-certificate-section li i {
    color: var(--global--color-pink);
    line-height: 24px;
}
.choose-ssl-certificate-section .variation-2 .our-datacenter-plan-box-inner-btn {
    background: var(--global--color-lightpink);
}
.choose-ssl-certificate-section .variation-3 .our-datacenter-plan-box-inner-btn {
    background: var(--global--color-purple);
}
.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);
}
.choose-ssl-certificate-section .variation-2 .validation {
    color: var(--global--color-lightpink);
}
.choose-ssl-certificate-section .variation-3 .validation {
    color: var(--global--color-purple);
}
/*-------- SSL-CERTIFICATE-OUTCOMES ------------ */ 
.ssl-certificate-outcome {
    background: var(--global--color-lightpink);
}
.ssl-certificate-outcome-image-list {
    max-width: 100px;
    position: absolute;
}
.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 Page
    ====================================== */
    .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}
    .banner_content_box{padding-top: 60px}
    .breadcrumb ul li a, .breadcrumb ul li{color: #fff !important}
    .blog-section { background: var(--global--color-blue);}
    /* ===================================


/*-------- HOME-IMAGE-PAGE ------------ */  
.home-image-sub-section{
    background-color: var(--global--color-blue);
    background-image: url(../images/home-image-banner-img.jpg);
    background-size: cover;
    background-position: center 41px;
    background-repeat: no-repeat;
}  
.home-image-sub-section #banner_slider .carousel-inner {
    padding: 100px 0 149px 0;
}
.home-image-sub-section #banner_slider .carousel-indicators {
    bottom: 145px;
}
.home-image-sub-section .main-header {
    background: transparent;
}
.home-image-sub-section .main-header {
    background: transparent;
}
.home-image-sub-section .banner-section {
    background: transparent;
}
.home-image-banner .banner-text {
    float: none;
    width: 100%;
}
.home-image-banner .text-paragraph {
    width: 100%;
    float: none;
}
.home-image-banner .text-paragraph p {
    padding: 8px 20% 0px 20%;
}
.hosting-section-inner {
    position: relative;
    margin-top: -310px;
}
#home-image-hosting-section .hosting-text, #home-image-hosting-section .server-text, #home-image-hosting-section .vps-text {
    position: relative;
    left: 0px;
    border-radius: 5px;
    display: inline-block;
}
#home-image-hosting-section .start {
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    font-style: italic;
    color: var(--global--color-black);
}
#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: 0px;
    margin-bottom: 16px;
}
.home-image-slider .text-paragraph p {
    padding: 8px 20% 0px 20%;
    margin-bottom: 42px;
}
/*-------- HOME_IMAGE-FIELD ------------ */  
.home-image-field-section {
    background-color: var(--global--color-blue);
    background-image: url(../images/home-image-field-background-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.home-image-field-section {
    padding: 100px 0px;
}
.home-image-field-section .field {
    background: transparent;
    position: relative;
    top: 0px;
    box-shadow: none;
    padding: 0px;
}
.home-image-field-section .field-background {
    background: transparent;
    position: relative;
}
.home-image-field-section .field-background .field:hover {
    box-shadow: none;
    transform: none;
}
.home-image-field-section .search-btn {
    background: var(--global-color-yellow-gradient);
    color: var(--global--color-black);
}
.home-image-field-section .price li {
    color: var(--global--color-white);
}
.home-image-field-section ul {
    padding-right: 8% !important;
    padding-left: 12% !important;
}
.home-image-field-section .form-group {
    width: 100%;
}
.home-image-field-section h1 {
    font-size: 36px; 
    font-weight: 400;
    line-height: 29px;
    color: var(--global--color-white);
    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-GUARRANTEES ------------ */  
#home-image-guarrantee-section .guarrantee-text {
    padding-top: 0px;
    margin-bottom: 73px;
}
/*-------- HOME_IMAGE-FEATURES ------------ */  
#home-image-feature-section {
    background-image: url(../images/home-image-hosting-section-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#home-image-feature-section .feature-plan-box {
    padding: 50px 30px 44px 30px;
}
#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 ------------ */
#home-image-review-section {
    padding: 50px 0px;
}
.home-image-web-hosting-plan-box {
    padding: 7px 50px 43px 50px;
    background: var(--global--color-white);
    border-radius: 15px;
    box-shadow: 0 30px 30px 0 rgba(24,27,34,0.1);
    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 var(--global--color-white);
    position: absolute;
    top: 205px;
    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 h4 {
    padding-top: 12px;
}
/*-------- HOME_IMAGE-FOOTER-FIELD ------------ */ 
#home-image-footer-field {
    padding: 78px 0px;
    background: var(--global-color-yellow-gradient);
}
#home-image-footer-field h3 {
    color: var(--global--color-blue);
    line-height: 22px;
    margin-bottom: 12px;
}
#home-image-footer-field p {
    color: var(--global--color-blue);
}
#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-field .newsletter {
    padding-top: 0px;
}
#home-image-footer-field .form-group {
    margin-bottom: 0px;
}
/*-------- HOME_IMAGE-FOOTER ------------ */ 
#home-image-footer-section a:hover{
    text-decoration: none;
}
#home-image-footer-section p {
    line-height: 13px;
}
#home-image-footer-section .contact-plan-box-setting {
    margin-bottom: 83px;
}
/*-------- HOME-GAMING-PAGE ------------ */  
.home-gaming-sub-section{
    background-color: var(--global--color-blue);
    background-image: url(../images/home-gaming-banner-img.jpg);
    background-size: cover;
    background-position: center 41px;
    background-repeat: no-repeat;
} 
.home-gaming-sub-section .main-header, .home-gaming-sub-section .banner-section {
    background: transparent;
}
.home-gaming-sub-section p {
    padding: 0 17%;
    line-height: 29px;
    margin-bottom: 39px;
}
.home-gaming-sub-section #banner_slider .carousel-item {
    min-height: 374px;
}
.home-gaming-sub-section #banner_slider .carousel-indicators {
    bottom: 125px;
}
/*-------- HOME-GAMING-WEB-HOSTING-PLAN- ------------ */  
#home-gaming-hosting-section .plan {
    border-top: none;
    border-bottom: 2px solid var(--global--color-pink);
}
#home-gaming-hosting-section .variation-2 {
    border-color: var(--global--color-lightpink);
}
#home-gaming-hosting-section .variation-3 {
    border-color: var(--global--color-purple);
}
#home-gaming-hosting-section .variation-4 {
    border-color: var(--global--color-black);
}
#home-gaming-hosting-section figure {
    margin: 0 auto 44px;
    max-height: 52px;
}
#home-gaming-hosting-section .plan p {
    font-size: 16px;
    color: var(--global--color-black) !important;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 21px;
}
#home-gaming-hosting-section .start {
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    font-style: italic;
    color: var(--global--color-black);
}
#home-gaming-hosting-section .variation-4 .server-pricing span, #home-gaming-hosting-section .variation-4 .server-pricing small, #home-gaming-hosting-section .variation-4 h2, #home-gaming-hosting-section .variation-4 .weightage {
    color: var(--global--color-black);
}
#home-gaming-hosting-section .variation-4 .dedicated-btn {
    background: var(--global--color-black);
}
#home-gaming-hosting-section .dedicated-btn {
    padding: 16px 40px;
    color: var(--global--color-white);
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
#home-gaming-hosting-section .plan {
    padding: 48px 33px !important;
}
/*-------- HOME-GAMING-VISION- ------------ */  
#home-gaming-vision-section {
    background-image: url(../images/home-gaming-vision-banner-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 96px 0px;
}
#home-gaming-vision-section .vision-plan-box {
    background: var(--global-color-yellow-gradient);
}
#home-gaming-vision-section .variation-2 {
    background: var(--global--color-pink);
}
#home-gaming-vision-section h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 18px;
}
.home-gaming-vision-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
}
.home-gaming-vision-text {
    margin-bottom: 73px;
}
.home-vision-image-list {
    max-width: 60px;
    margin: 0 auto 34px;
    max-height: 60px;
}
#home-gaming-vision-section .vision-plan-box p {
    padding: 0;
    color: var(--global--color-black);
}
/*-------- HOME-GAMING-GAME-FEATURES- ------------ */  
#home-gaming-network-map .map-container {
    padding-bottom: 0px;
}
#home-gaming-feature-section {
    background-image: url(../images/home-gaming-game-feature-banner-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#home-gaming-feature-section .feature-plan-box {
    padding: 50px 30px 44px 30px;
}
#home-gaming-feature-section .game-feature-image-list {
    max-width: 60px;
    margin: 0 auto 33px;
    max-height: 50px;
}

.lots-of-customer-section {
    padding: 50px 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lots-of-customer-section .slider {
    display: flex;
    gap: 1rem;
    animation: slideAnimation 20s linear infinite;
}

.lots-of-customer-section .slider img {
    min-width: 160px;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    display: block;
    margin-right: 20px;
}

@keyframes slideAnimation {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 600px) {
    .lots-of-customer-section {
        padding: 20px 0;
    }

    .lots-of-customer-section .slider img {
        min-width: 120px;
        height: auto;
        aspect-ratio: auto;
        object-fit: contain;
        display: block;
        margin-right: 10px;
        }
}

@media (min-width: 601px) and (max-width: 1200px) {
    .lots-of-customer-section {
        padding: 30px 0;
    }

    .lots-of-customer-section .slider img {
        max-width: 100%;
        height: auto;
        margin-right: 15px;
    }
}

@media (min-width: 1201px) {
    .lots-of-customer-section {
        padding: 50px 0;
    }

    .lots-of-customer-section .slider img {
        max-width: 100%;
        height: auto;
        margin-right: 20px;
    }
}

/* Main header styles */
#main-topbar {
    height: 80px;
    /*padding: 8px 0;*/
}

@media screen and (max-width: 576px) {
    #main-topbar {
        height: 80px; /* Adjusted height for smaller screens */
        padding: 6px 0; /* Adjusted padding for smaller screens */
    }
}


.navbar {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}

.navbar-nav .nav-item {
    text-align: center;
}

.nav-link {
    color: white !important;
    padding: 15px 15px;
    font-size: 16px;
}

/*Top Section CSS*/
/* General styles for the top heading section */
.top-heading-section {
    height: 40px;
    background-color: var(--global--color-primary);
    display: flex;
    align-items: center;
}

.top-heading-section i {
    font-size: 14px;
    margin-right: 6px;
    color: white;
    background: var(--global-color-yellow-gradient);
    border-radius: 5px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    height: 25px;
    justify-content: center;
}

.top-heading-section span {
    font-size: 14px;
    font-weight: 500;
}

.top-heading-section img {
    width: 30px;
    height: 30px;
}

.demo-request-button {
    background-color: white;
    color: black;
    border: none;
    border-radius: 25px;
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.demo-request-button i {
    color: black;
}

.top-heading-section a {
    color: white;
    text-decoration: none;
}




/*Social Media Home CSS*/

/* Social Media Home CSS */

.social-media-links-home-static {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Links spacing */
.social-media-links-home-static a {
    display: block;
    margin-bottom: 15px;
    color: white;
    text-align: center;
}

/* Real brand colors + double size + animation */
.social-media-links-home-static i {
    font-size: 40px; /* double size */
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    animation: floatIcon 2.5s ease-in-out infinite;
}

/* Instagram color */
.social-media-links-home-static .fa-instagram {
    background: radial-gradient(circle at 30% 30%, #f58529, #dd2a7b, #8134af, #515bd4);
    color: white;
}

/* WhatsApp color */
.social-media-links-home-static .fa-whatsapp {
    background: #25D366;
    color: white;
}

/* Hover effect (zoom in + glow) */
.social-media-links-home-static a:hover i {
    transform: scale(1.15);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

/* Floating animation (up-down move) */
@keyframes floatIcon {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-10px) scale(1.05);
    }
}

/* Tooltip style */
.social-media-links-home-static a[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    margin-right: 10px;
    background-color: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

/* Responsive (mobile) */
@media only screen and (max-width: 767px) {
    .social-media-links-home-static i {
        font-size: 30px;
        width: 60px;
        height: 60px;
    }
}


.video-container {
    position: relative;
    width: 100vw;
    height: 100vh;

}

.video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    object-fit: cover;
}


/* Section Styling */
.get-touch-choose-solution-section {
    padding: 0 0 40px 0;
    background-color: #e6eaf5;
    color: white;
}

.get-touch-choose-solution-section .choose-text h4 {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 10px;
    color: black;
}

.get-touch-choose-solution-section .choose-text p {
    font-size: 17px;
    color: black;
}

.get-touch-choose-solution-section .list-unstyled li {
    font-size: 17px !important;
    color: black;
}

}

@media (max-width: 767px) {
    .get-touch-choose-solution-section h1, .get-touch-choose-solution-section h4 {
        font-size: 1.5rem; /* Ensure headings are not too large on smaller screens */
    }
    
    .get-touch-choose-solution-section p {
        font-size: 1rem;
    }
}


.payment-card {
    padding: 30px;
    background: var(--global-color-yellow-gradient);
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: Arial, sans-serif;
}

/* Headings inside payment card */
.payment-card h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333; /* override text color inside the gradient if desired */
    margin-bottom: 20px;
}

/* Content container for details */
.card-content {
    border-radius: 10px;
    padding: 20px;
    color: #333; /* text color for details */
}

/* Detail rows */
.detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.detail-row:last-child {
    border-bottom: none;
}

/* Labels and values */
.label {
    font-weight: 600;
    font-size: 22px;
}

.value {
    font-weight: 400;
    font-size: 22px;
    color: #333;
}

/* QR Code (optional additional styles) */
.qr-code img {
    max-width: 100%;
    display: block;
    border-radius: 8px;
}

/* General Section Styling */

.pricing-accordion-section {
    padding: 60px 0;
    background-color: #f8f9fa;
}

/* Card Styling */
.pricing-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pricing-card:hover {
    transform: scale(1.05);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

.card-header {
    font-weight: bold;
    font-size: 18px;
}

/* Button Hover */
.btn-hover {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-hover:hover {
    background-color: #28a745;
    color: white;
    border: none;
}

.gallery-img-wrapper {
    width: 100%;
    height: 300px;          
    overflow: hidden;
    border-radius: 12px;
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;         
    transition: transform 0.3s ease;
}

.gallery-img:hover {
    transform: scale(1.05);
}

/* ===== Banner Section ===== */
/* ===== Banner Section ===== */
.banner-section {
  position: relative;
  width: 100%;
  height: 550px; /* Desktop height */
  overflow: hidden;
}

.banner-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== Banner Text ===== */
.banner-left-content {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  text-align: left;
  z-index: 2;
  color: #000;
  max-width: 600px;
}

/* Title */
.banner-title {
  font-size: 46px;
  font-weight: 700;
  line-height: 1.2;
}

/* Subtitle */
.banner-subtitle {
  font-size: 18px;
  margin-top: 10px;
  line-height: 1.5;
}

/* Buttons */
.banner-buttons {
  margin-top: 20px;
}

.banner-buttons .btn-gold {
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
  padding: 10px 22px;
  border: none;
}

.banner-buttons .btn-outline-gold {
  border: 2px solid #d4af37;
  color: #d4af37;
  border-radius: 30px;
  font-weight: 600;
  padding: 10px 22px;
}

.banner-buttons .btn-outline-gold:hover {
  background-color: #d4af37;
  color: #000;
}

/* ===== Responsive Design ===== */
@media (max-width: 991px) {
  .banner-section {
    height: 400px;
  }

  .banner-left-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
  }

  .banner-title {
    font-size: 32px;
  }

  .banner-subtitle {
    font-size: 16px;
  }

  .banner-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .banner-buttons .btn-gold,
  .banner-buttons .btn-outline-gold {
    width: 80%;
    font-size: 14px;
    padding: 8px 18px;
  }
}

/* Extra Small Mobile Screens */
@media (max-width: 576px) {
  .banner-section {
    height: 400px; /* Fixed mobile height */
  }

  .banner-left-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 20px;
  }

  .banner-title {
    font-size: 26px;
  }

  .banner-subtitle {
    font-size: 15px;
  }
}



/* ---------- BUTTON STYLES ---------- */
.btn-gold {
  background: linear-gradient(135deg, #000000 0%, #3a3a3a 100%);
  color: #fff;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 40px;
  transition: all 0.4s ease;
  font-size: 15px;
}
.btn-gold:hover {
  background: linear-gradient(135deg, #d4af37 0%, #ffdf70 100%);
  color: #000;
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.8);
}

/* Gold Outline Button */
.btn-outline-gold {
  background: transparent;
  border: 2px solid #BB871B;
  color: #BB871B;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 40px;
  font-size: 15px;
  transition: all 0.4s ease;
}
.btn-outline-gold:hover {
  background: linear-gradient(135deg, #d4af37 0%, #ffdf70 100%);
  color: #000;
}

.button-wrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

/* Responsive */
@media (max-width: 767px) {
    .banner-overlay {
        position: relative;
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: center;
    }
    .banner-left-content {
        max-width: 90%;
    }
    .banner-title {
        font-size: 28px;
    }
    .banner-subtitle {
        font-size: 14px;
    }
    .banner-buttons .btn {
        display: block;
        width: fit-content;
        margin-bottom: 8px;
    }
}

.about-section-home .about-subtitle h3 {
    font-family: 'Libre Caslon Text', serif;
    color: #C29226 !important;
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.4), 1px 1px 2px rgba(0,0,0,0.2);
}


.see-more-link {
    color: #C29226;
}

.see-more-link:hover {
    color: #a77715;
    text-decoration: none;
}


/* Product Cards */
.products-section {
    background-color: #FFFCEE;
    padding-top: 50px;
    padding-bottom: 30px;
}

.product-card {
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

.product-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.product-body {
    background-color: #fffbea;
    padding: 25px;
    text-align: center;
}

.product-name {
    color: #000;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 10px;
}

.product-desc {
    min-height: 60px;
    margin-bottom: 15px;
}

/* Button */
.btn-black {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 8px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.btn-black:hover {
    background-color: #C29226;
    color: #fff;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 767px) {
    .product-title {
        font-size: 28px;
    }
    .product-img img {
        height: 180px;
    }
}

/* Service Card Design */

.services-section {
    padding-top: 30px;
    padding-bottom: 60px;
}
.service-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.service-card a {
  text-decoration: none;
  color: #000;
  transition: color 0.3s ease;
}

.service-card a:hover h5 {
  color: #ffcc00;
}


/* Image Styling */
.service-card .service-img {
    border-radius: 10px;
    overflow: hidden;
}
.service-card .service-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.service-card:hover .service-img img {
    transform: scale(1.05);
}
/* JOIN US SECTION */
.join-us-section {
  background: url('https://sourcifyy.com/public/sourcifyy/join_background_banners.png') center/cover no-repeat;
  position: relative;
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.join-us-section .subtitle {
  max-width: 650px;
  margin: 15px auto;
}

.btn-gold-border {
  background: black;
  color: white;
  padding: 8px 24px;
  border-radius: 0px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-gold-border:hover {
  background: black;
  color: white;
  padding: 8px 24px;
  border-radius: 0px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-gold-border i {
  margin-left: 8px;
  transition: transform 0.3s;
}

.btn-gold-border:hover i {
  transform: translateX(5px);
}

/* === TESTIMONIAL SECTION === */
.testimonials-section {
    background: #fafafa;
    padding: 40px 0;
}

.slider-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.slider-arrows {
    display: flex;
    gap: 10px;
}

.arrow-btn {
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.arrow-btn:hover {
    background: var(--gold-color);
    color: #fff;
    border-color: var(--gold-color);
}

.testimonials-slider {
    position: relative;
    overflow: hidden;
}

.testimonials-track {
    display: flex;
    transition: transform 0.5s ease;
}

.testimonial-item {
    flex: 0 0 33.333%;
    padding: 0 15px;
}

.testimonial-card {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 25px;
    height: 100%;
    transition: all 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.testimonial-header {
    display: flex;
    margin-bottom: 10px;
}

.testimonial-img {
    width: 80px;
    height: 80px; /* same as width for perfect circle */
    border-radius: 50%;
    border: 3px solid var(--gold-color);
    margin-right: 15px;
    overflow: hidden;
    flex-shrink: 0;
}

.testimonial-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ensures face fits naturally */
}


/* GLOBAL NETWORK SECTION */
.global-network-section {
  background: url('https://sourcifyy.com/public/sourcifyy/network_banner.jpg') center/cover no-repeat;
  position: relative;
  padding: 10px 0;
  text-align: center;
}

/* CARD DESIGN */
.network-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  padding: 20px 15px;
  transition: 0.3s ease;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.network-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.network-card img {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
}

.network-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 3px;
}

/* Zig-Zag Layout */
.top-card {
  margin-top: -30px;
}
.bottom-card {
  margin-top: 40px;
}

/* Responsive Design */
@media (max-width: 991px) {
  .section-title {
    font-size: 1.7rem;
  }
  .network-card {
    height: 170px;
    padding: 20px 10px;
  }
  .top-card, .bottom-card {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .network-card {
    height: 160px;
    margin: 8px;
  }
  .top-card, .bottom-card {
    margin-top: 0;
  }
}

/* About Us PAge CSS */
.about-us-section {
  background: url('https://sourcifyy.com/public/sourcifyy/about_us_background_banner.png') center/cover no-repeat;
  position: relative;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.about-us-section .subtitle {
  max-width: 650px;
  margin: 15px auto;
  color: white;
}


/* ===== Banner Section ===== */
.contact-us-section {
  background: url('https://sourcifyy.com/public/sourcifyy/contact_us_background_banner.png') center/cover no-repeat;
  position: relative;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.contact-us-section .subtitle {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 10px;
}

/* ===== Info Cards ===== */
.contact-info-section {
  background: #FFFCEE;
}

.contact-card {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.1);
  transition: 0.3s ease;
  margin-top: -110px;
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.icon-box i {
  background: #fff3cd;
  border-radius: 50%;
  padding: 18px;
}

/* ===== Form Section ===== */
.btn-send {
  background-color: #000;
  color: #fff;
  padding: 10px 28px;
  border: none;
  transition: 0.3s ease;
}

.btn-send:hover {
  background-color: #333;
}

.form-control {
  border-radius: 6px;
  padding: 10px 12px;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .contact-us-section {
    height: 350px;
  }
  .margin-button-show{
    margin-bottom: 110px;

  }
}

@media (max-width: 767px) {
  .contact-us-section h2 {
    font-size: 28px;
  }
  .contact-us-section .subtitle {
    font-size: 15px;
  }
  .contact-card {
    margin-bottom: 20px;
  }
}

.navbar-nav .nav-link {
  color: #fff !important;
  padding: 10px 15px;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #ffcc00 !important;
}

.navbar-nav .nav-item.active > .nav-link {
  color: #ffcc00 !important;
  font-weight: 600;
  border-bottom: 2px solid #ffcc00;
}

.dropdown-menu {
  background-color: #232323;
  border: none;
  border-radius: 8px;
  min-width: 200px;
}

/* Dropdown items */
.dropdown-item {
  color: #fff;
  padding: 8px 15px;
  transition: 0.3s;
}

.dropdown-item:hover {
  background-color: white !important;
  color: #232323 !important;
  font-weight: 600;
}

.dropdown-item.active {
  background-color: white !important;
  color: #ffcc00 !important;
  font-weight: 600;
}

.lang-flag {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}

.text-gold {
  color: #d4af37;
}

.choose-card {
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.choose-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.network-card {
  background: #fff;
  border-radius: 12px;
  transition: 0.3s;
}
.network-card:hover {
  background-color: #f9f5e9;
  transform: translateY(-3px);
}


.why-choose-us-section {
  background: url('https://sourcifyy.com/public/sourcifyy/network_banner.jpg') center/cover no-repeat;
  position: relative;
  text-align: center;
}

.network-card {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  color: #000;
  transition: all 0.3s ease;
}
.network-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.text-gold {
  color: #d4af37;
}

/* ✅ Responsive Fixes */
@media (max-width: 991px) {
  .why-choose-us-section .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .network-card {
    margin-bottom: 15px;
    padding: 20px;
  }

  .why-choose-us-section {
    background-position: center;
    background-size: cover;
  }

  .why-choose-us-section .text-white {
    font-size: 1.5rem;
  }
}


@media (max-width: 991px) {
  .about-us-section {
      background: url('https://sourcifyy.com/public/sourcifyy/about_us_background_banner.png') center/cover no-repeat;
      position: relative;
      height: 180px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
  }
}

.background-color-chnage-section {
  background-color: #FFFCEE;
}

/* ===== Banner Section ===== */
.procurement-services-us-section {
  background: url('https://sourcifyy.com/public/sourcifyy/Procurement_Services.png') center/cover no-repeat;
  position: relative;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.procurement-services-us-section .subtitle {
  color: #fff;
  max-width: 650px;
  margin: 10px auto 0;
}

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

@media (max-width: 991px) {
  .margin-top-bottom {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .margin-top-bottom {
    padding: 30px 0;
  }
  .procurement-services-us-section {
    height: 220px;
  }
  .procurement-services-us-section h2 {
    font-size: 26px;
  }
  .procurement-services-us-section .subtitle {
    font-size: 14px;
  }
}


/* ===== Inspection Services Banner ===== */
.inspection-services-banner {
  background: url('https://sourcifyy.com/public/sourcifyy/Inspection_Service_Banner_1.jpg') center/cover no-repeat;
  position: relative;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.inspection-services-banner .subtitle {
  color: #fff;
  max-width: 650px;
  margin: 10px auto 0;
}

/* ===== Section Styling ===== */
.margin-top-bottom {
  padding: 50px 0;
}
.background-alt {
  background-color: #FFFCEE;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .margin-top-bottom {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .margin-top-bottom {
    padding: 30px 0;
  }
  .inspection-services-banner {
    height: 220px;
  }
  .inspection-services-banner h2 {
    font-size: 26px;
  }
  .inspection-services-banner .subtitle {
    font-size: 14px;
  }
}


.product-page-us-section {
  background: url('https://sourcifyy.com/public/sourcifyy/Product_banners_home.jpg') center/cover no-repeat;
  position: relative;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.product-page-us-section .subtitle {
  max-width: 650px;
  margin: 15px auto;
  color: white;
}

.why-choose-us-new-section {
  background: url('https://sourcifyy.com/public/sourcifyy/why_choose_us_banners_home.jpg') center/cover no-repeat;
  position: relative;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.why-choose-us-new-section .subtitle {
  max-width: 650px;
  margin: 15px auto;
  color: white;
}

/* ✅ Mobile responsive height */
@media (max-width: 767px) {
  .product-page-us-section,
  .why-choose-us-new-section {
    height: 200px;
    background-position: center;
  }

  .product-page-us-section .subtitle,
  .why-choose-us-new-section .subtitle {
    font-size: 14px;
    padding: 0 10px;
  }
}