/*-------- Default Items ------------ */
:root {
    --global--color-darkblue: #171a24;
    --global--color-blue: #1e222f;
    --global--color-grey: #bcbcbc;
    --global--color-yellow: #ffda68;
    --global--color-lightpink: #cb6686;
    --global--color-white: #ffffff;
    --global--color-pink: #ff687d;
    --global--color-lightblack: #11141b;
    --global--color-purple: #745984;
    --global--color-light: #f8f8f8;
    --global--color-lightgrey: #808080;
    --global--color-black: #181b22;
}
body {
    font-family: 'Roboto', sans-serif;
}
.plan, .shared-plan-box {
    transition: all 0.3s ease-in-out;
    position: relative;
}
.plan:hover, .shared-plan-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 30px 0 rgba(24,27,34,0.1);
    z-index: 0;
}
/*-------- BANNER ------------ */
.banner-section {
    background: var(--global--color-blue);
}
.banner-text h1 {
    font-size: 52px !important;
    line-height: 69px !important;
    font-weight: 700 !important;
}
.banner-text {
    float: right;
    width: 52%;
    text-align: right;
}
.banner-text p{
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: var(--global--color-white);
    margin-bottom: 28px;
}
.text-paragraph{
    width: 52%;
    float: right;
}
.text-paragraph span{
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: var(--global--color-pink);
}
.banner-listing {
    width: 52%;
    float: right;
    text-align: right;
}
.banner-listing ul, .banner-listing ol {
    padding-right: 27px;
    margin-bottom: 40px;
}
.banner-listing li, .banner-listing p {
    list-style: none;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--global--color-white);
    position: relative;
}
.banner-listing p {
    margin-bottom: 40px;
}
.banner-listing p small {
    color: var(--global--color-pink);
    font-size: 100%;
    font-weight: 700;
}
.banner-listing li:before {
    content: "\f058";
    color: var(--global--color-pink);
    position: absolute;
    top: 0;
    right: -27px;
    font-family: "FontAwesome";
    font-weight: 900;
}
.banner-button {
    float: right;
    width: 100%;
}
.primary-btn{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 16px 39px;
    color: var(--global--color-black) !important;
    background: var(--global--color-yellow);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
    font-weight: 700 !important;
}
.secondary-btn{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 16px 39px;
    color: var(--global--color-white) !important;
    background: var(--global--color-pink);
    text-decoration: none;
    border-radius: 50px; 
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-right: 17px;
    display: inline-block;
    font-weight: 700 !important;
}
.primary-btn:hover{
    text-decoration: none;
    color: var(--global--color-black);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
}
.secondary-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 10px 10px rgba(0,0,0,.5);
}
.text-paragraph p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    padding: 8px 0 0 5%;
    margin-bottom: 42px;
}
.primary-button, .secondary-button{
    transition: all 0.3s ease-in-out;
    position: relative;
}
.list-inline-item:not(:last-child){
    margin-left: 0px;
}
.primary-button:hover, .secondary-button:hover{
    transform: translateY(-3px);
}
.banner-img{
    width: 616px;
    position: absolute;
    float: left;
    top: -70px;
    left: -96px;
}
.page-title-area .text-left {
    text-align: right !important;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.home-banner-image {
    max-width: 616px;
}
/*-------- BANNER SLIDER ------------ */ 
#banner_slider .carousel-control-prev{
    right: 5px;
    top: -197px;
    width: 1%;
}
#banner_slider .carousel-control-next{
    left: 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 .banner-slider-inner {
    padding-top: 100px;
    overflow: hidden;
}
#banner_slider .carousel-inner {
    padding: 100px 0 110px 0;
    padding-top: 0 !important;
    overflow: visible;
}
#banner_slider .carousel-item {
    min-height: 500px;
}
#banner_slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    background-color: var(--global--color-yellow);
    border-radius: 100%;
    cursor: pointer;
    opacity: .5;
}
#banner_slider .carousel-indicators li.active {
    opacity: 1;
}
#banner_slider .carousel-indicators {
    bottom: 115px;
}
/*-------- FIELD ------------ */
.form-control:focus{
    box-shadow: none;
}
button:focus {
    outline: none;
}
/*-------- WEB HOSTING ------------ */
.plan{
    background: var(--global--color-white);
    border-radius: 10px;
    box-shadow: 0 30px 30px rgba(24, 27, 34, 0.03);
    border-top: 2px solid var(--global--color-pink);
    float: right;
    width: 100%;
}
.plan .hosting-img-1, .plan .hosting-img-2, .plan .hosting-img-3 {
    margin-bottom: 30px !important;
    max-width: 60px;
    margin-left: 35px !important;
}
.price-outer.pt-xl-3{
    text-align: right;
}
.plan h4{
    font-weight: 700;
    color: var(--global--color-black);
}
.plan p{
    font-size: 16px;
    font-weight: 400;
    color: var(--global--color-lightgrey) !important;
    line-height: 24px;
    text-align: right;
}
.plan li{
    border-bottom: 1px solid #e8eaf1;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--global--color-black);
    padding: 10px 0;
}
.plan li:first-child{
    padding-top: 8px;
}
.plan li:last-child{
    padding-bottom: 0px;
    border: none;
}
.plan li span{
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
.plan li figure{
    margin-bottom: 0;
}
.plan small{
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    font-style: italic;
    color: var(--global--color-black);
}
.plan h2{
    font-size: 52px !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    color: var(--global--color-pink);
}
.hosting-pricing span, .server-pricing span, .vps-pricing span{
    font-size: 36px;
    font-weight: 700;
    line-height: 22px;
    color: var(--global--color-pink);
}
.hosting-pricing small, .server-pricing small, .vps-pricing small{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: var(--global--color-pink);
}
.hosting-btn, .server-btn, .vps-btn{
    padding: 16px 40px;
    color: var(--global--color-white) !important;
    font-size: 14px;
    font-weight: 700 !important;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background: var(--global--color-pink);
    display: inline-block;
}
.hosting-btn:hover, .server-btn:hover, .vps-btn:hover{
    text-decoration: none;
    color: var(--global--color-white);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
.hosting-button, .server-button, .vps-button{
    transition: all 0.3s ease-in-out;
    position: relative;
}
.hosting-button:hover, .server-button:hover, .vps-button:hover{
    transform: translateY(-3px);
}
.hosting-text, .server-text, .vps-text{
    position: absolute;
    top: 0;
    right: 197px;
    font-size: 14px;
    font-style: italic;
    padding: 1px 14px;
    border-radius: 0px 0px 5px 5px;
    color: var(--global--color-white);
    background: var(--global--color-pink);
}
.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%;
}
/*-------- REVIEW SECTION ------------ */  
.stars li{
    color: var(--global--color-yellow);
    display: inline-block;
    font-size: 28px;
}
.review-section-text{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-style: italic;
    color: var(--global--color-lightgrey);
}
.review-section p{
    margin-bottom: 33px;
}
.ceo h4{
    font-size: 24px !important;
    line-height: 17px !important;
    font-weight: 400 !important;
    color: var(--global--color-black);
}
.ceo .ceo-text{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--global--color-lightgrey);
}
.quote i{
    font-size: 40px;
    color: #eeeeee;

}
.review-section .carousel-indicators li {
    width: 10px;
    height: 10px;
    background-color: var(--global--color-pink);
    border-radius: 100%;
    cursor: pointer;
    opacity: .5;
}
.review-section .carousel-indicators li.active {
    opacity: 1;
}
.review-section .carousel-indicators {
    bottom: -40px;
}
/*-------- CONTACT FORM ------------ */ 
.submitform-btn {
    font-size: 14px;
    font-weight: 700 !important;
    color: var(--global--color-white);
    background: var(--global--color-pink);
    border-radius: 50px;
    border: none;
    padding: 20px 61px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    position: relative;
    cursor: pointer;
}
.submitform-button {
    text-align: center;
}
.submitform-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
/*-------- 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: none !important;
    border-left: 1px solid #e8eaf1 !important;
}
.domain-table-section .table tbody th { 
    padding: 19px 0px 16px 0px;
    border: none !important;
    border-left: 1px solid #e8eaf1 !important;
    border-top: 1px solid #e8eaf1 !important;
}
.domain-table-section .table td{
    padding: 19px 0px 16px 0px;
    border: none !important;
    border-left: 1px solid #e8eaf1 !important;
    border-top: 1px solid #e8eaf1 !important;
}
.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-left: none !important;
}
.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);
    padding: 4px 6px;
    font-weight: 700;
    border-radius: 5px;
    margin-right: 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-right: 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: right;
    padding-right: 0px;
}
/*-------- RESELLER TABLE ------------ */
.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 !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    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) !important;
    font-size: 14px;
    font-weight: 700 !important;
    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-left: none;
}
#Comprison_pricingplan table td i { 
    color: var(--global--color-pink);
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: 16px;
}
#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-right: 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-right: 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%;
    margin-bottom: 0;
}
#Comprison_pricingplan table tbody tr:last-child {
    border-left: none;
}
article#Comprison_pricingplan:after {
    content: "";
    position: absolute;
    left: 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-left:solid 1px #e8eaf1;
    border-right:solid 1px #e8eaf1;
}
#Comprison_pricingplan table tbody tr td {
    padding: 18px 0px;
    border: none !important;
    border-right: 1px solid #e8eaf1 !important;
}
#Comprison_pricingplan table tbody tr:first-child td:first-child{border: none !important;}
#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: right;
    padding-right: 40px;
    font-size: 16px;
    color: var(--global--color-black);
    font-weight: 700;
    border-right: none !important;
}
#Comprison_pricingplan table .adjustment {
    padding: 17px 0px;
}
#Comprison_pricingplan table tbody tr:last-child td:nth-child(1){border-bottom-right-radius:15px;}
#Comprison_pricingplan table tbody tr:last-child td:last-child{border-bottom-left-radius:15px;}
#Comprison_pricingplan table thead tr th {
    vertical-align: middle;
    font-size: 20px;
    color: var(--global--color-black);
    font-weight: 700;
    background: var(--global--color-white);
    border: none !important;
    border-left: 1px solid #e8eaf1 !important;
    border-bottom: 1px solid #dee2e6 !important;
}
#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-right: none;
    border-top: 0;
}
#Comprison_pricingplan table tbody tr:last-child {
    border-right: none;
    border-top: 0;
}
#Comprison_pricingplan table tbody tr:first-child td {
    border-bottom: 1px solid #e8eaf1 !important;
}
#Comprison_pricingplan table tbody tr:first-child td:nth-child(2) {
    border-right: none !important;
}
#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;
    border-left: none !important;
    border-bottom: none !important;
}
#Comprison_pricingplan table thead th:nth-child(2), #Comprison_pricingplan table thead th:nth-child(3), #Comprison_pricingplan table thead th:nth-child(4) {
    width: 275px;
    padding: 21px 0px;
}
#Comprison_pricingplan table thead th:nth-child(2) {
    border-top-right-radius: 15px;
}
#Comprison_pricingplan table thead th:nth-child(4), #Comprison_pricingplan table tbody td:nth-child(4) {
    border-left: none !important;
}
#Comprison_pricingplan table thead th:nth-child(4) {
    border-top-left-radius: 15px;
}
#Comprison_pricingplan table tbody tr:first-child td:nth-child(1) {
    border-top-right-radius: 15px;
}
#Comprison_pricingplan table tbody tr:last-child td:nth-child(1) {
    border-bottom-right-radius: 15px;
}
#Comprison_pricingplan table tbody tr:last-child td:nth-child(4) {
    border-bottom-left-radius: 15px;
}
#Comprison_pricingplan table tbody td:first-child td:nth-child(1) {
    border-bottom: none;
}
.reseller-table-text {
    position: absolute;
    top: -27px;
    left: 346px;
    font-size: 14px;
    line-height: 22px;
    padding: 3px 14px 2px 14px;
    border-radius: 5px 5px 0px 0px;
    color: var(--global--color-black);
    background: var(--global--color-yellow);
    font-weight: 700;
}
#Comprison_pricingplan table tbody tr:nth-child(2) td {
    padding-top: 35px;
}
/*-------- SHARED-PLAN-BOX ------------ */ 
.shared-plan-box-section {
    padding-bottom: 50px;
}
.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;
}
.shared-plan-box figure {
    margin-bottom: 29px !important;
}
.shared-plan-box h4{
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 20px !important;
    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 !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    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) !important;
    font-size: 14px;
    font-weight: 700 !important;
    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;
}
/*-------- VPS-SLIDER ------------ */ 
.vps-slider-section {
    background: var(--global--color-light);
    float: right;
    width: 100%;
}
.vps-slider-section h4 {
    color: var(--global--color-black);
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 22px !important;
}
.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 !important;
    border: none;
    color: var(--global--color-black);
    font-size: 16px;
    padding: 0px 18px 0px 0px;
    text-indent: 0;
}
.vps-slider-section .form-control:focus {
    border: none !important;
}
.vps-slider-section .select-form {
    background-image: url(../img/angle-down.png);
    background-repeat: no-repeat;
    background-position: 8% 21px;
}
.vps-slider-section select {
    appearance: none;
}
.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:right;
    background:#fff;
    border-radius:15px;
    width:100%;
    box-shadow: 0 30px 30px 0 rgba(24,27,34,0.03);
}
.plan_con {
    float: right;
    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: right;
}
.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: 100% 0;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-right: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
right: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
left: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
right: -.3em;
margin-right: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
right: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.sliderbox {
float: right;
width: 68.5%;
padding: 60px; ;
}
.slider-container .ui-slider{
float: right;
width: 100%;
height: 10px;
padding: 0;
border: 0;
background: var(--global--color-pink);
border-radius: 15px;
}
.slider-container .ui-widget-header {
background: var(--global--color-pink);
border-radius: 15px;
}
.slider-container .ui-slider-handle {
outline: none;
background: #ffda68 no-repeat right top;
border-radius: 50px;
border: 0;
width: 30px;
height: 30px;
text-decoration: none;
margin-top: -5px;
margin-right: -22px;
}
.slider-container .ui-slider-handle:hover {
cursor: pointer;
}
.slider-row1 {
float: right;
width: 100%;
margin-bottom: 35px;
}
.slider-row1:last-child {
margin-bottom: 0px;
}
.slider-row1 label {
float: right;
color: var(--global--color-black);
text-align:right;
font-size: 18px;
line-height:28px;
margin:0 0 0px 0px; 
font-weight: 400;
}
.slider-row1 .slide-value {
float: left;
color: var(--global--color-pink);
font-size:18px;
line-height:29px;
font-weight: 400;
}
.slider_content {
float:left;
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 !important;
}
.vps-slider-section .variation-2, .vps-slider-section .variation-2 .ui-widget-header  {
background: var(--global--color-lightpink);
}
.vps-slider-section .variation-3, .vps-slider-section .variation-3 .ui-widget-header  {
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) !important;
font-size: 14px;
font-weight: 700 !important;
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;
}
/*-------- HOME-GAMING-PAGE ------------ */  

.home-gaming-sub-section.banner-section {
background: transparent;
}
.home-gaming-sub-section p {
padding: 0 19%;
line-height: 29px;
font-weight: 300;
margin-bottom: 32px;
}
.home-gaming-sub-section #banner_slider .carousel-item {
min-height: 300px;
}
.home-gaming-sub-section #banner_slider .carousel-indicators {
bottom: 125px;
}



/* ------------ Elementor SECTION CSS ------------ */
/*-------- SHARED-ELEMENTOR-TABS ------------ */ 
.shared-tab-box .elementor-tabs-wrapper {
margin-bottom: 65px;
}
.shared-tab-box .elementor-tab-title {
background: var(--global--color-white);
font-size: 16px;
line-height: 16px !important;
font-weight: 400 !important;
color: var(--global--color-lightgrey) !important;
padding: 12px 32px !important;
border-radius: 0;
text-decoration: none;
transition: all 0.3s ease-in-out;
position: relative;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
display: inline-block;
}
.shared-tab-box .elementor-tab-title:hover {
background: var(--global--color-pink);
color: var(--global--color-white) !important;
}
.shared-tab-box .elementor-tab-title.elementor-active {
background: var(--global--color-pink);
color: var(--global--color-white) !important;
}
.shared-tab-box .elementor-widget-tabs .elementor-tab-content {
padding: 0;
}
/*-------- BOX ANIMATION ------------ */ 
.guarantee-box .elementor-widget-wrap:hover{
transform: translateY(-5px);    
}
.guarantee-box .elementor-widget-wrap{
transition: all 0.3s ease-in-out !important;
}
.included-plans span{
text-decoration:underline;
}
.guarantee-box .guarantee-box-2 .elementor-widget-wrap {
transition: all 0s ease-in-out !important;
}
.guarantee-box .guarantee-box-2 .elementor-widget-wrap:hover {
transform: translateY(0px) !important;
}
/*-------- DEDICATED PLAN BOX ------------ */ 
.dedicated-pricing .dedicated-pricing-description a {
font-size:24px;
font-weight:400;
color:var(--global--color-pink) !important;
}
.dedicated-pricing .dedicated-pricing-description a:hover{
text-decoration:underline;
}
/*-------- HOME PRICING PLAN BOX ------------ */ 
.pricing-plan .plan-2 .plan {
border-top: 2px solid var(--global--color-lightpink);
}
.pricing-plan .plan-2 .hosting-text{
background-color:var(--global--color-lightpink);
}
.pricing-plan .plan-2 .weightage{
color:var(--global--color-lightpink) ;
}
.pricing-plan .plan-2 .hosting-pricing h2{
color:var(--global--color-lightpink) ;
}
.pricing-plan .plan-2 .hosting-pricing span{
color:var(--global--color-lightpink) ;
}
.pricing-plan .plan-2 .hosting-pricing small{
color:var(--global--color-lightpink);
}
.pricing-plan .plan-2 .hosting-btn{
background-color:var(--global--color-lightpink);
}
.pricing-plan .plan-3 .hosting-pricing small{
color:var(--global--color-purple);
}
.pricing-plan .plan-3 .hosting-btn{
background-color:var(--global--color-purple);
}
.pricing-plan .plan-3 .plan {
border-top: 2px solid var(--global--color-purple);
}
.pricing-plan .plan-3 .hosting-text{
background-color:var(--global--color-purple);
}
.pricing-plan .plan-3 .weightage{
color:var(--global--color-purple) ;
}
.pricing-plan .plan-3 .hosting-pricing h2{
color:var(--global--color-purple) ;
}
.pricing-plan .plan-3 .hosting-pricing span{
color:var(--global--color-purple);
}
/*-------- DEDICATED PRICING PLAN BOX ------------ */ 
.dedicated-pricing .plan-2 .hosting-pricing span{
color:var(--global--color-lightpink) ;
}
.dedicated-pricing .plan-2 .hosting-pricing small{
color:var(--global--color-lightpink);
}
.dedicated-pricing .plan-3 .hosting-pricing span{
color:var(--global--color-purple);
}
.dedicated-pricing .plan-3 .hosting-pricing small{
color:var(--global--color-purple);
}
/*-------- RESELLER PRICING PLAN BOX ------------ */ 
.reseller-pricing .plan-2 .hosting-pricing span{
color:var(--global--color-lightpink) ;
}
.reseller-pricing .plan-2 .hosting-pricing small{
color:var(--global--color-lightpink);
}
.reseller-pricing .plan-3 .hosting-pricing span{
color:var(--global--color-purple);
}
.reseller-pricing .plan-3 .hosting-pricing small{
color:var(--global--color-purple);
}
/*-------- SUPPORT PAGE ------------ */ 
.support-contact-details a{
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
margin-bottom: 0px !important;
color: var(--global--color-lightgrey) !important;
}
/*-------- CONTACT PAGE ------------ */ 
.contact-us a{
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
margin-bottom: 0px;
color: var(--global--color-pink) !important;
}
.contact-form-plan-box .form-control:focus {
border: 1px solid #e8eaf1;
}
.contact-us-plan-box-section .form-control:focus {
box-shadow: none;
} 
.contact-us-plan-box-section .form-control {
padding: 20px 34px 20px 0px !important;
margin-bottom:20px !important;
display: block;
width: 100%;
height:59px;
font-size: 16px !important;
font-weight: 400;
line-height: 1.5;
color: var(--global--color-lightgrey);
background-color: var(--global--color-white);
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 50px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
text-align: right;
}
.contact-us-plan-box-section .contact-form-plan-box .form-group {
margin-bottom: 20px !important;
}
.contact-us-plan-box-section .wpcf7-form textarea  {
height: 139px !important;
border-radius:20px !important;
}
.contact-us-plan-box-section .wpcf7-select{
font-weight:700 !important;
color:var(--e-global-color-primary) !important;
background-color: var(--global--color-light);
-webkit-appearance: none;
height:59px !important;
text-indent: 0 !important;
background-image: url(../img/angle-down.png) !important;
background-repeat: no-repeat;
background-position: 8% 21px !important;
line-height: 20px !important;
background-position: 4% 24px !important;
text-align: right;
}
.contact-us-plan-box-section .wpcf7-select:focus, .contact-us-plan-box-section .form-control:focus {
border: 1px solid #ced4da !important;
}
.contact-us-plan-box-section .wpcf7-not-valid-tip {
position: absolute;
bottom: -20px;
border: none;
padding: 0;
margin: 0;
right: 35px;
font-size: 14px;
color: var(--global--color-pink);
}
.contact-us-plan-box-section .wpcf7 form.sent .wpcf7-response-output {
text-align: center;
display: block;
margin: 0 auto;
right: 0;
left: 0;
border-color: #46b450;
}
/*-------- DOMAIN SEARCH ------------ */ 
.domain-search-form #dc-tld-1{
width:12%;
border-radius: 30px;
font-size:16px !important;
color:var(--e-global-color-text) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
height:58px;
border: 1px solid #e8eaf1;
}
.domain-search-form #dc-domain-1{
width:88% !important;
font-size:16px !important;
color:var(--e-global-color-text) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
border-radius:50px !important;
padding:16px 37px!important;
border: 1px solid #e8eaf1;
}
.domain-search-form #dc-submit-1{
background-color: var(--global--color-purple);
border:none;
padding:19px 38px !important;
font-weight: 700;
}
.domain-search-form #dc-submit-1:hover{
text-decoration: none;
color: var(--global--color-white);
box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
cursor:pointer;
}
.domain-search-form #wp24-dc-1 #dc-form-1 span:first-child{
display:none;
}
.domain-search-form select{
appearance:none;
}
.domain-search-form #dc-tld-1{
background-image: url(../img/angle-down.png);
background-repeat: no-repeat;
background-position: 24% 24px;
color: var(--e-global-color-text);
font-weight: 500;
}
.domain-search-form #dc-result-1 .table-row .table-cell:first-child {
width: 20%;
}
/*Subscribe form CSS*/
.footer-subscribe-form form{
width: 66%;
margin: 0 auto;
}
.footer-subscribe-form .mc4wp-form-fields{
position: relative;
background: var(--global--color-white);
border-radius: 50px;
border: 1px solid #e8eaf1;
}
.footer-subscribe-form .mc4wp-form-fields .email{
    display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
    font-weight: 400;
line-height: 1.5;
    padding: 28px;
background: var(--global--color-white);
border-radius: 50px;
position: relative;
border: none;
color: #808080;
font-size: 16px;
}
.footer-subscribe-form .mc4wp-form-fields .button{
font-size: 14px;
line-height: 15px;
font-weight: 700;
color: var(--global--color-lightblack);
background: var(--global--color-yellow);
border-radius: 50px;
border: none;
padding: 22px 27px 21px 27px;
position: absolute;
left: -1px;
top: -1px;
right: inherit;
    cursor: pointer;
}
.footer-subscribe-form .mc4wp-form-fields .button:hover{
box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}
.footer-social-icon .elementor-icon {
display: inline-flex;
}