/*------------------------------------------------------------------
 * Author: coodiv (nedjai mohamed) (nbames.mohamed@gmail.com)
 * Author URI: https://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * CSS File Version: 1.2.5
 * Bootstrap v5.3 (http://getbootstrap.com)
 * Love Our work & support team?  Buy us a coffee! https://ko-fi.com/coodiv
 * Copyright 2025 coodiv.
 -------------------------------------------------------------------*/
 
body.customsubpages__layout__theme #main-body{
	padding: 0;
}
.site-banner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 580px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}
body.promotion__banner__shows .banner {
    padding-top: 152px;
    transition: all 0.2s;
}
.banner:not(.benner__no__bg) {
    background: linear-gradient(90deg, #1ca6b8, #10515a 45.83%, #112241);
}
.banner.benner__no__bg:after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    background: linear-gradient(180deg, rgb(20 20 20 / 90%) 0%, #0e0f10 100%);
}
.banner.overlap-lg {
    margin-bottom: -426px;
    padding-bottom: 160px;
}
.banner.has-shapes .banner__shape-background {
    position: absolute;
    top: -97px;
    bottom: -97px;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
}
.banner--sides.has-shapes .banner__shape--bottom {
    bottom: 0;
    transform: rotate(-5.8deg);
}
.banner.has-shapes .banner__shape {
    position: absolute;
    left: -100%;
    right: -100%;
    height: 290px;
    background: #fff;
}
.banner.has-shapes .banner__shape--bottom {
    bottom: 0;
    transform: rotate(-5.8deg);
}
.banner__shape__img__background {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    width: 100%;
    background-position-x: right;
    opacity: 0.5;
}
.banner.has-shapes .banner__shape-background {
    position: absolute;
    top: -97px;
    bottom: -97px;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
}
.banner--sides.has-shapes .banner__shape--bottom {
    bottom: 0;
    transform: rotate(-5.8deg);
}
.banner.has-shapes .banner__shape {
    position: absolute;
    left: -100%;
    right: -100%;
    height: 290px;
    background: #fff;
}
.banner.has-shapes .banner__shape--bottom {
    bottom: 0;
    transform: rotate(-5.8deg);
}
.main__banner__row {
    min-height: calc(100% - 265px);
    position: relative;
    z-index: 2;
}
body.customsubpages__layout__theme .main__banner__row {
    min-height: calc(100% - 370px);
}
.banner__buy__btn__group {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 18px;
    color: var(--color-h);
}
.ho-rating-col-last {
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    align-self: center;
}
.ho-rating-col-last:before {
    content: '';
    background: #abcbe1;
    left: -25px;
    top: 50%;
    width: 1px;
    transform: translate(0, -50%);
    height: 53px;
    position: absolute;
}
.ho-rating-col-last .ho-rating {
    align-items: center;
    display: flex;
}
.ho-rating-last-hover i {
    width: 35px;
    height: 35px;
    color: #3e2f96;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    background: #ecf1f3;
}
.ho-rating-call {
    font-size: 15px;
    color: #123455;
    padding-left: 8px;
    font-weight: 600;
    text-decoration: none !important;
}
.ho-rating-last-hover:hover i {
    animation: shake .8s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
}
@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}
.main__title__highlight {
    color: #0aafc5;
    position: relative;
}
.main__title__highlight:after {
	content: '';
    height: 6px;
    width: 100%;
    position: absolute;
    background: var(--btn-primary-bg);
    bottom: 5px;
    left: 0;
    z-index: -1;
    opacity: 0.2;	
}
.main__vps__plans__wrapper {
	border-radius: 15px;
    background: var(--background);
    position: relative;
    transition: all .3s ease-in-out;
    border: 1px solid var(--border-color);
}
.main__vps__plans__wrapper:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px #b7d3f3;
    position: relative;
}
.main__vps__plans__wrapper .main__vps__plans__header {
    padding: 28px 28px;
    border-bottom: 1px solid var(--border-color);
}
.main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__title {
    font-weight: bold;
    font-size: 16px;
}
.main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__price {
    width: 100%;
    line-height: 1;
    margin-top: 15px;
    display: flex;
    font-size: 40px;
    font-weight: bold;
}
.main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__price .main__vps__plans__crncy {
    font-weight: 300;
    font-size: 20px;
    margin-top: 6px;
    margin-right: 5px;
}
.main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__price .main__vps__plans__cycle {
    font-weight: 300;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: 5px;
    margin-left: 5px;
}
.main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__plan__save {
    color: #f15a05;
    background: #fff7f2;
    padding: 8px 16px;
    font-size: 11px;
    width: fit-content;
    font-weight: bold;
    border-radius: 8px;
    margin-top: 10px;
}
.main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__btn__wrapper {
    margin-top: 20px;
}
.main__vps__plans__wrapper .main__vps__plans__body {
    padding: 28px 32px;
}
.main__vps__plans__wrapper .main__vps__plans__body .main__vps__plans__list {
    margin: 0 !important;
}
.main__vps__plans__wrapper .main__vps__plans__body .main__vps__plans__list li {
    margin-bottom: 8px;
    display: block;
    padding-left: 25px;
    position: relative;
    font-size: 13px;
    font-weight: 500;	
}
.main__vps__plans__wrapper .main__vps__plans__body .main__vps__plans__list li:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #4CAF50;
}
.main__vps__plans__wrapper .main__vps__plans__body .main__vps__plans__list li span {
    border-bottom: 1px dotted #5c5f67;
}
.main__vps__plans__wrapper.best__deal {
    border-radius: 0 0 15px 15px;
    border-top: 0;
    border: 3px solid #0aafc5;
}
.main__vps__plans__wrapper.best__deal .best__deal__wrapper {
    position: absolute;
    height: 40px;
    top: -40px;
    background: #0aafc5;
    left: -3px;
    right: -2.5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px 15px 0 0;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    gap: 8px;
}
.main__vps__plans__wrapper.best__deal .best__deal__wrapper:after {
    background:#09a5ba
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    right: -12px;
    top: -15px;
    bottom: -34px;
    z-index: 0;
    border-radius: 100%;
}
.client-logos-blocks-title {
    color: #a7acb4;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 200;
}
.client-logos-blocks-container .client-logos-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.client-logos-blocks-container .client-logos-block img {
    max-height: 85%;
    -webkit-filter: contrast(0%) sepia(30%) hue-rotate(170deg);
    filter: contrast(0%) sepia(30%) hue-rotate(170deg);
    opacity: 0.7;
}
.client-logos-blocks-container .client-logos-block:hover img {
    opacity: 1;
}
.client-logos-blocks-container .client-logos-block-border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
	opacity: 0;
}
.client-logos-blocks-container .client-logos-block-border:before {
    content: '';
    border-left: 2px dashed #edeff2;
    width: 2px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.client-logos-blocks-title {
    color: #a7acb4;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 200;
}
.support__box__box__wrapper {
    padding: 25px;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    height: 100%;
}
.support__box__box__wrapper:hover {
    background-color: var(--background);
    -webkit-box-shadow: 12px 20px 40px -5px rgba(0, 0, 0, .1);
    box-shadow: 12px 20px 40px -5px rgba(0, 0, 0, .1);
}
.support__box__box__wrapper i{
    font-size: 35px;
    margin-bottom: 10px;
    color: #0aafc5;
}
.support__box__box__wrapper h6{
    font-weight: bold;
    font-size: 17px;
    margin-top: 5px;
}
.support__box__box__wrapper p{
    margin-top: 15px !important;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 13px;
}
.support__box__box__wrapper a{
    min-width: auto;
    margin-top: auto;
}
.support__widgets__section {
    background: var(--background-2);
}
.bg-sky-light {
    background: #e5f5ff !important;
}
.bg-greem-light {
    background: #d1fbe0 !important;
}
.bg-blue-light {
    background: #c4f1fb !important;
}
.bg-blue-dark {
    background: #bed6ed !important;
}
.bg-lavender-light {
    background: #f0f0ff !important;
}
.power__features__box {
    border-radius: 20px;
    display: flex;
    min-height: 100%;
}
.power__features__box .power__features__box__wrapper{
	padding: 45px;
    display: flex;
}
.power__features__box .power__features__box__wrapper .power__features__box__item{
    
}
.power__features__box .power__features__box__wrapper .power__features__box__item .power__features__box__title{
    font-weight: bold;
    color: #123455;
    font-size: 24px;
}
.power__features__box .power__features__box__wrapper .power__features__box__item .power__features__box__subtitle{
    color: #123455;
    font-weight: 400;
    font-size: 14px;
    margin-top: 6px;
}

.power__features__box.hover__item .power__features__box__wrapper {
    position: relative;
    -webkit-transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    border-radius: 20px;
    width: 100%;
}
.power__features__box.hover__item:hover .power__features__box__wrapper {
	-webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.power__features__box.hover__item .power__features__box__wrapper .back__item,
.power__features__box.hover__item .power__features__box__wrapper .front__item{
	position: absolute;
    display: flex;
    flex-direction: column;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    padding: 25px;
}

.power__features__box.hover__item .power__features__box__wrapper .front__item{
	transition: opacity .6s;
}
.power__features__box.hover__item:hover .power__features__box__wrapper .front__item{
	transition: opacity .1s;
}
.power__features__box.hover__item .power__features__box__wrapper .back__item {
	transition: opacity 0s;
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.power__features__box.hover__item:hover .power__features__box__wrapper .back__item {
	transition: opacity .6s;
	transition-delay: 0.2s;
}
.power__features__box.hover__item .power__features__box__wrapper .front__item i{
    font-size: 38px;
    color: #123455;
    margin-bottom: 20px;
}
.power__features__box.hover__item .power__features__box__wrapper .front__item .power__features__box__item__front__item__title{
    font-weight: bold;
    color: #123455;
    text-decoration: underline;
    font-size: 21px;
}
.power__features__box.hover__item .power__features__box__wrapper .back__item p{
	color: #123455;
    font-weight: 400;
    font-size: 14px;
    margin-top: 6px;
}
.power__features__box.hover__item .power__features__box__wrapper .back__item,
.power__features__box.hover__item:hover .power__features__box__wrapper .front__item{
	opacity: 0;
}
.power__features__box.hover__item:hover .power__features__box__wrapper .back__item{
	opacity: 1;
	-webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.color-head {
	color: var(--color-h);
}
.power__features__box__img__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.big__element__banner__wrapper {
    padding: 45px;
    border-radius: 20px;
}
.moreservices__box__wrapper {
    height: 420px;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    padding: 55px 45px;
    position: relative;
}
.moreservices__box__wrapper.hard__color {
    background: var(--background-4);
}
.moreservices__box__wrapper.soft__color {
    background: var(--background-9);
}
.moreservices__box__wrapper .most__popular__badge{
	position: absolute;
    right: 42px;
    display: inline-block;
    width: unset;
    background: #d1fbe0;
    font-size: 12px;
    border-radius: 50px;
    color: #123455;
    top: -13px;
    padding: 8px 16px;
    font-weight: 600;
}
.moreservices__box__wrapper .moreservices__box__header i{
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .12), 0 8px 24px 6px rgba(0, 0, 0, .05);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
}
.moreservices__box__wrapper.hard__color .moreservices__box__header i{
    background: var(--background);
    color: var(--background-4);
}
.moreservices__box__wrapper.soft__color .moreservices__box__header i{
    background: var(--background-4);
    color: var(--background);
}
.moreservices__box__wrapper .moreservices__box__header a{
	position: relative;
    text-decoration: none !important;
    display: inline-block;
    color: #fff;
}
.moreservices__box__wrapper .moreservices__box__header a:after{
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 1px;
    background: linear-gradient(100deg, rgba(18, 52, 85, 0) 5%, rgb(255 255 255) 50%, rgb(255 255 255) 60%, rgba(18, 52, 85, 0) 90%);
    transition: opacity .3s ease, width .3s ease;
    -ms-transition: opacity .3s ease, width .3s ease;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.moreservices__box__wrapper:hover .moreservices__box__header a:after{
    width: 100%;
}
.moreservices__box__wrapper .moreservices__box__header p {
    color: #fff;
}
.moreservices__box__wrapper .moreservices__box__footer{
	margin-top: auto;
}
.moreservices__box__wrapper .moreservices__box__footer .moreservices__box__footer__text {
    color: #fff;
}
.moreservices__box__wrapper.img__box{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.moreservices__box__wrapper.img__box .moreservices__box__img{
    position: absolute;
    min-height: 100%;
    width: auto;
    max-width: max-content;
}
.trustpilot__stars svg{
    height: 40px;
    width: auto;
}
.main__title__highlight.green__heighlt {
    color: #00b67a;
}
.main__title__highlight.green__heighlt:after {
	background: #00b67a;
}
.testimonial__trustpilot{
    border: 1px solid var(--border-color-light);
    border-radius: 8px;
    min-height: 100%;
}
.testimonial__trustpilot__header{
    padding: 20px;
    border-bottom: 1px solid var(--border-color-light);
    display: flex;
    align-items: center;
    gap: 15px;
}
.testimonial__trustpilot__header .testimonial__trustpilot__header__pic img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.testimonial__trustpilot .testimonial__trustpilot__header svg{
    width: 110px;
    height: auto;
}
.testimonial__trustpilot .testimonial__trustpilot__body{
    padding: 20px;
}
.homepage__main__features__box {
    padding: 25px;
    box-shadow: 0 10px 100px 0 rgb(77 77 119 / 7%);
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid #eefaff;
}
.homepage__main__features__box .homepage__main__features__box__illustration{
    width: 80px;
    height: 80px;
    margin-bottom: 18px;
    position: relative;
}
.homepage__main__features__box .homepage__main__features__box__illustration:before{
	content: '';
    background: #f5f6f7;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: -1;
    border-radius: 100%;
}
.homepage__main__features__box .homepage__main__features__box__illustration .icon{
    width: 100%;
    height: 100%;
}
.homepage__main__features__box.custom__box {
	box-shadow: 0 10px 100px 0 rgb(77 77 119 / 10%);
    background: var(--background);
    border: 0;
    margin-bottom: 0;
    height: 100%;
}
.homepage__main__features__box.custom__box .homepage__main__features__box__fonticon{
    width: 55px;
    height: 55px;
    margin-bottom: 18px;
    position: relative;
    background: var(--alertbglight);
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: var(--btn-primary-bg);
}
.product-box{
    position: relative;
    padding: 30px 0;
    color: var(--color-texts);
    background-color: var(--background);
    border-radius: 12px;
    border-color: var(--background);
    box-shadow: 0 0 0 3px var(--background), 0 14px 30px rgba(0, 0, 0, .09), 0 47px 52px 6px rgba(5, 109, 72, 0);
    transition: all 0.2s;
}
.product-box:hover{
    box-shadow: 0 0 0 3px var(--btn-primary-bg), 0 14px 30px rgba(0, 0, 0, .09), 0 47px 52px 6px rgba(5, 109, 72, .07);
}
.product-box.heighlted{
    border-color: #07be7d;
    box-shadow: 0 0 0 3px #07be7d, 0 14px 30px rgba(0, 0, 0, .09), 0 47px 52px 6px rgba(5, 109, 72, 0);
}
.product-box.heighlted:hover{
    border-color: #07be7d;
    box-shadow: 0 0 0 3px #07be7d, 0 14px 30px rgba(0, 0, 0, .09), 0 47px 52px 6px rgba(5, 109, 72, .07);
}
.product-box .product-header h4{
    color: var(--color-texts);
}
.product-box.heighlted .product-header h4{
    color: #07be7d;
}
.product-box .product-header p{
    font-size: 13px;
}
.product-box.product-box-popular{
	margin-top: 54px;
	border-color: #0098ef;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.product-box .product-popular{
	position: absolute;
	top: -54px;
	left: -2px;
	right: -2px;
	height: 54px;
	color: #fff;
	font-size: 14px;
	line-height: 54px;
	text-transform: uppercase;
	font-family: Montserrat, sans-serif;
	background-color: #0098ef;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.product-box .product-header{
	padding: 0 30px;
}
.product-box .product-price{
    position: relative;
    padding: 0 30px 30px 30px;
    margin-top: -6px;
    border-bottom: 1px solid var(--border-color-light);
}
.product-box .product-price .term{
	margin-left: 4px;
    font-size: 13px;
    font-weight: 300;
}
.product-box .product-price .heighlted__text{
    background: rgba(255, 122, 47, .149);
    border-color: #ff7a2f;
    color: #ff7a2f;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 11px;
}
.product-box.heighlted .product-price .heighlted__text{
    border-color: #07c07e;
	background: rgba(7, 192, 126, .102);
    color: #07c07e;
}
.product-box .product-features{
	padding: 0 30px;
}

.product-box .product-features ul
{
	margin: 0 !important;
	list-style-type: none;
}
.product-box .product-features ul.main__features li{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 9px;
    font-weight: 400;
}
.product-box .product-features ul.main__features li{
    border-bottom: 1px solid var(--border-color-light);
    padding-bottom: 9px;
}
.product-box .product-features ul.main__features li strong{
    font-size: 12px;
    display: block;
    font-weight: 600;
}
.product-box .product-features ul.main__features li span{
    display: block;
}
.product-box .product-features ul.main__features li .text__accent{
    color: #ff7a2f;
}
.product-box.heighlted .product-features ul.main__features li .text__accent{
    color: #07be7d;
}
.product-box.heighlted .btn.btn-orange {
    background: linear-gradient(90deg, #18cd8d, #07be7d 45.83%, #04ad71);
}
.product-box.heighlted .btn.btn-orange:hover{
    background: linear-gradient(90deg, #0da56f, #04a56c 45.83%, #02925f);
}
.product-box .product-features ul.additional__features{
    margin-top: 18px !important;
}
.product-box .product-features ul.additional__features li{
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 400;
}
.product-box .product-features ul.additional__features li b{
    
}
.product-box .product-order{
	padding: 0 30px;
}
.product-box .product-order .button{
	width: 100%;
	box-sizing: border-box;
}
.product-box .product-order button:not(:first-child),
.product-box .product-order .button:not(:first-child){
	margin-top: 15px;
}
.product-box .product-header:not(:last-of-type),
.product-box .product-price:not(:last-of-type),
.product-box .product-features:not(:last-of-type),
.product-box .product-order:not(:last-of-type){
	margin-bottom: 30px;
}
.product-box .product-price:last-of-type{
	padding: 30px 30px 0 30px;
	border-top: 1px solid #e6e9ee;
	border-bottom: none;
}
.product-box .product-price:last-of-type .term{
	bottom: 4px;
}
.features-image-bg-item {
    position: absolute;
    width: 800px;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
}
.features-image-bg.rounded img {
    border-radius: 12px !important;
}



.product-slider,
.product-configurator{
    color: #4a5669;
}

.product-slider .slider,
.product-configurator .slider
{
    position: relative;
    height: 12px;
    cursor: pointer;
    background-color: var(--background-2);
    border-radius: 10px;
}

.product-slider .slider .range,
.product-configurator .slider .range
{
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    min-width: 16px;
    background-color: var(--background-4);
    border-radius: 10px;
}

.product-slider .slider .range .handle,
.product-configurator .slider .range .handle
{
    position: absolute;
    top: -5px;
    right: -8px;
    width: 21px;
    height: 21px;
    cursor: move;
    background-color: var(--background);
    border-width: 4px;
    border-style: solid;
    border-color: var(--background-4);
    border-radius: 16px;
}

.product-slider .slider .segment,
.product-configurator .slider .segment
{
    float: left;
    height: 12px;
    margin-left: -2px;
	border-right: 1px solid var(--border-color);
}

.product-slider .slider .segment:last-of-type,
.product-configurator .slider .segment:last-of-type
{
	border-right: none;
}

.product-slider.hide-segments .slider .segment,
.product-configurator.hide-segments .slider .segment
{
	display: none;
}

.product-slider > ul
{
	display: none;
	margin: 15px 0 0 0 !important;
	list-style-type: none;
}

.product-slider > ul.active
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product-slider > ul li{
    padding: 15px 0;
    margin-top: 15px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid var(--border-color);
    margin-right: 5px;
    border-radius: 8px;
}
.product-slider > ul li .value{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-texts);
}
.product-slider > ul li .label{
    display: block;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 11px;
    color: var(--color-texts-opacity);
    padding: 0;
    text-align: unset;
}
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:last-of-type{
    display: flex;
    padding: 15px;
    justify-content: flex-end;
    border: 0;
}
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:last-of-type .price{
	margin-right: 30px;
	text-align: right;
}
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:last-of-type .price .value{
    color: #3c2e91;
    line-height: 30px;
    font-size: 30px;
}
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:last-of-type .price .value small{
    font-size: 13px;
    font-weight: 400;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(2),
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(2) ~ li
{
	width: 50%;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(3),
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(3) ~ li
{
	width: 33.33%;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(4),
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(4) ~ li
{
	width: 21.22%;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(5),
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(5) ~ li
{
	width: 17%;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(6),
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(6) ~ li
{
	width: 20%;
	text-align: center;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(4):last-of-type,
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(4) ~ li:last-of-type
{
	width: 33.33%;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(5):last-of-type,
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:first-child:nth-last-child(5) ~ li:last-of-type
{
	width: 28%;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider:not(.product-slider-medium) > ul li:first-child:nth-last-child(6):last-of-type,
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider:not(.product-slider-medium) > ul li:first-child:nth-last-child(6) ~ li:last-of-type
{
	width: 100%;
	margin-top: 30px;
	justify-content: space-between;
}

.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider:not(.product-slider-small) > ul li:first-child:nth-last-child(6):last-of-type .price,
.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider:not(.product-slider-small) > ul li:first-child:nth-last-child(6) ~ li:last-of-type .price
{
	text-align: left;
}

/* Product Slider - Medium */
.product-slider.product-slider-medium > ul li
{
	width: 50% !important;
	text-align: center;
}

.product-slider.product-slider-medium > ul li:last-of-type
{
	justify-content: space-between;
}

.product-slider.product-slider-medium > ul li:last-of-type .price
{
	text-align: left;
}

.product-slider.product-slider-medium > ul li:first-child:nth-last-child(3):last-of-type,
.product-slider.product-slider-medium > ul li:first-child:nth-last-child(3) ~ li:last-of-type,
.product-slider.product-slider-medium > ul li:first-child:nth-last-child(5):last-of-type,
.product-slider.product-slider-medium > ul li:first-child:nth-last-child(5) ~ li:last-of-type
{
	width: 100% !important;
	margin-top: 30px;
}

/* Product Slider - Small */
.product-slider.product-slider-small
{
	padding: 28px;
}

.product-slider.product-slider-small > ul li
{
	width: 100% !important;
	text-align: center;
	margin: 0;
}

.product-slider.product-slider-small > ul li:last-of-type
{
	margin-top: 15px !important;
	flex-wrap: wrap;
	justify-content: center;
}

.product-slider.product-slider-small > ul li:last-of-type .price,
.product-slider.product-slider-small > ul li:last-of-type .button
{
	flex-basis: 100%;
}

.product-slider.product-slider-small > ul li:last-of-type .price
{
	text-align: center;
	margin: 0;
}

.product-slider.product-slider-small > ul li:last-of-type .price:not(:only-child)
{
	margin: 0 0 15px 0;
}

/* Product Configurator */
.product-configurator .configurator-row:not(:first-child),
.product-configurator .configurator-order:not(:first-child)
{
	margin-top: 60px;
}

.product-configurator .configurator-row .value,
.product-configurator .configurator-order .value
{
    display: block;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    color: #000;
}

.product-configurator .configurator-row .label,
.product-configurator .configurator-order .label
{
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #a0abbc;
}

.product-configurator .configurator-group
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 10px;
}

.product-configurator .configurator-group .value:not(:only-child)
{
	margin-right: 10px;
}

.product-configurator .configurator-order
{
	display: flex;
	padding: 15px;
	justify-content: space-between;
	border: 2px solid #e6e9ee;
	border-radius: 10px;
}

.product-configurator .configurator-order .configurator-total .value
{
	line-height: 30px;
	color: #0098ef;
}

.product-configurator .configurator-order .configurator-total .label
{
	margin-top: 4px;
	line-height: 14px;
}

.product-configurator .configurator-order .configurator-total:only-child
{
	width: 100%;
	text-align: center;
}


.product-configurator.product-configurator-small .configurator-row:not(:first-child),
.product-configurator.product-configurator-small .configurator-order:not(:first-child)
{
	margin-top: 30px;
}

.product-configurator.product-configurator-small .configurator-group,
.product-configurator.product-configurator-small .configurator-order
{
    display: block;
    text-align: left;
}

.product-configurator.product-configurator-small .configurator-group .value:not(:only-child)
{
	margin-right: 0;
}

.product-configurator.product-configurator-small .configurator-order button
{
	width: 100%;
}

.product-configurator.product-configurator-small .configurator-order .configurator-total:not(:only-child)
{
	margin-right: 0;
	margin-bottom: 15px;
	text-align: center;
}
.product__slider__wrapper.vps__page__slider__plans {
    border: 1px solid var(--border-color);
    border-radius: 12px;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider {
    position: relative;
}
.product__slider__wrapper.vps__page__slider__plans .slider{
    width: 68%;
    margin: 14px 15px 30px 15px;
}
.product__slider__wrapper.vps__page__slider__plans .slider:before{
    content: '';
    position: absolute;
    top: -20px;
    bottom: 16px;
    left: -15px;
    right: -15px;
    border: 1px solid var(--border-color);
    height: 50px;
    border-radius: 10px;
}
@media (min-width: 768px) { 
	.product__slider__wrapper.vps__page__slider__plans .slider__ordring__btn{
		position: absolute;
		top: 37px;
		right: 40px;
		width: 23%;
		display: flex;
		align-items: center;
		height: 50px;
		padding: 0;
		border-radius: 10px;
	}
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn {
	margin: 0 !important;
    list-style: none;
    width: 71%;
    display: flex;
    flex-wrap: wrap;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn li{
    width: calc(50% - 5px);
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0 25px;
    gap: 20px;
    height: 94px;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn li i{
    font-size: 35px;
    color: var(--background-4);
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn li .text__wrapper{
    text-align: left;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn li .text__wrapper .label{
    font-size: 12px;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn li .text__wrapper .value{
	font-size: 17px;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .pricing__li{
    width: 24%;
    background: var(--background-2);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .pricing__li .prcing__tag{
	font-weight: bold;
    color: var(--color-texts);
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .pricing__li .value{
    font-size: 44px;
    color: var(--a-link-color);
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .pricing__li .value small{
    font-weight: 600;
    font-size: 21px;
}
.product__slider__wrapper.vps__page__slider__plans .product-slider .pricing__li .disount__tag{
    font-size: 11px;
    margin-top: 15px;
    display: block;
}
.product__slider__wrapper .product__slider__header {
	display: flex;
    align-items: center;
    gap: 20px;
    padding: 40px 40px;
    border-bottom: 1px solid var(--border-color);
}
.product__slider__wrapper .product-slider {
    padding: 40px 40px;
    margin-top: 5px !important;
}
@media (max-width: 768px) { 
	.product__slider__wrapper.vps__page__slider__plans .slider {
		width: 89%;
	}
	.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn {
		width: 100%;
	}
	.product__slider__wrapper.vps__page__slider__plans .product-slider .first__coulmn li {
        margin-bottom: 0px;
        width: 100%;
    }
	.product__slider__wrapper.vps__page__slider__plans .product-slider .pricing__li {
		flex-wrap: nowrap;
		width: 100%;
	}
	.product-slider:not(.product-slider-small) > ul li {
        margin-bottom: 13px;
    }
	.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:last-of-type {
		justify-content: center;
	}
	.product__slider__wrapper:not(.vps__page__slider__plans) .product-slider > ul li:last-of-type .price {
		text-align: center;
	}
}
.onlyheader__plans .main__vps__plans__wrapper{
	height: 100%;
}
.onlyheader__plans .main__vps__plans__wrapper .main__vps__plans__header {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.onlyheader__plans .main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__btn__wrapper {
    margin-top: auto;
}
.main__review__wrapper img{
    width: 80%;
    height: auto;
}
@media (max-width: 768px) {
    .features-image-bg .features-image-bg-item {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        max-width: 80%;
        left: auto;
    }
	.features-image-bg.full-screen-mobile {
		text-align: center
	}
	.onlyheader__plans .main__vps__plans__wrapper {
		height: auto;
		margin: 58px 0 15px;
	}
	.support__box__box__wrapper {
		align-items: center;
	}
	.banner__buy__btn__group {
		flex-direction: column;
	}
	.row.main__review__wrapper {
		margin-bottom: 30px;
	}
	.main__vps__plans__wrapper.best__deal {
		margin: 55px 0 30px;
	}
}
.banner__review__placments {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.banner__review__placments .trust__pilot__stars{
    width: 126px;
    height: auto;
}
.banner__review__placments .trust__pilot__logo{
    width: 100px;
    height: auto;
}
.tp-stars--4 .tp-star:nth-of-type(-n+4) .tp-star__canvas[data-v-5fbcb62f], 
.tp-stars--4 .tp-star:nth-of-type(-n+4) .tp-star__canvas--half[data-v-5fbcb62f] {
    fill: #00b67a;
}
@keyframes scroll{to{-webkit-transform:translate(calc(-50% - 0.5rem));transform:translate(calc(-50% - 0.5rem))}}
@-webkit-keyframes scrollY{100%{-webkit-transform:translateY(calc(-50% - 0.5rem));transform:translateY(calc(-50% - 0.5rem))}}
@keyframes scrollY{100%{-webkit-transform:translateY(calc(-50% - 0.5rem));transform:translateY(calc(-50% - 0.5rem))}}
.scroller-x[data-speed=slow] {
    --_animation-duration: 120s;
}

.scroller-x[data-direction=right] {
    --_animation-direction: reverse;
}
.scroller-x {
    overflow: hidden;
	margin-bottom: 20px;
}
.hstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.gap-4 {
    gap: 1rem !important;
}
.scroller-x__list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
    animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}
.scroller-x__list:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.brand__btn__wrapper {
    min-width: 200px;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    gap: 1rem !important;
    border-radius: 50rem;
    display: flex;
    height: 45px;
    padding: 0 11px;
    background: var(--background-2);
    border: var(--border-color);
}
.brand__btn__wrapper .brand__btn__img{
	-ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0aafc5;
    border-radius: 100%;
    color: #fff;
    font-size: 15px;
}
.brand__btn__wrapper .brand__btn__img img{
    width: 50px;
    height: 50px;
}
.brand__btn__wrapper span{
    font-weight: bold;
    color: var(--color-texts);
    font-size: 14px;
}
.sub-page-banner-img {
    max-width: 90%;
	height: auto;
}
.sub-page-banner .scroller-x-container {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 0;
    right: 0;
}
.body__dark  .main__vps__plans__wrapper .main__vps__plans__header .main__vps__plans__plan__save {
    color: #fff;
    background: #f15a05;
}
.body__dark .main__vps__plans__wrapper:hover {
    box-shadow: 0 0 15px #073f46;
}
.plans__categories__wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 35px;
    border-radius: 15px;
    margin-top: 35px;
}
.plans__categories__wrapper.red .main__title__highlight {
    color: #f15a05;
}
.plans__categories__wrapper.red .main__vps__plans__wrapper.best__deal .best__deal__wrapper {
    background: #f15a05;
}
.plans__categories__wrapper.red .main__vps__plans__wrapper.best__deal {
    border: 3px solid #f15a05;
}
.plans__categories__wrapper.green .main__title__highlight {
    color: #4CAF50;
}
.plans__categories__wrapper.green .main__vps__plans__wrapper.best__deal .best__deal__wrapper {
    background: #4CAF50;
}
.plans__categories__wrapper.green .main__vps__plans__wrapper.best__deal {
    border: 3px solid #4CAF50;
}
.power__features__box .power__features__box__wrapper {
    position: relative;
}
.body__dark .bg-greem-light {
	background: linear-gradient(to right, rgb(38, 170, 116), rgba(38, 170, 116, 0.1)) !important;
	position: relative;
}
.body__dark .bg-sky-light {
    background: linear-gradient(to left, rgb(241, 173, 85), rgba(241, 173, 85, 0.1)) !important;
	position: relative;
}
.body__dark .bg-blue-light {
    background: linear-gradient(to left, rgb(255, 92, 92), rgba(255, 92, 92, 0.1)) !important;
	position: relative;
}
.body__dark .bg-blue-dark {
    background: linear-gradient(to right, rgb(51, 132, 255), rgba(51, 132, 255, 0.1)) !important;
	position: relative;
}
.body__dark .bg-lavender-light {
    background: linear-gradient(to right, rgb(93, 107, 130), rgba(93, 107, 130, 0.1)) !important;
	position: relative;
}
.body__dark .bg-lavender-light:before,
.body__dark .bg-blue-dark:before,
.body__dark .bg-blue-light:before,
.body__dark .bg-sky-light:before,
.body__dark .bg-greem-light:before {
    background: #1d202d;
    content: '';
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border-radius: 20px;
    z-index: 0;
}
.banner.benner__no__bg.lighter__opacity:after {
    opacity: 0.4;
}
.sub-page-banner.morepadding .scroller-x-container {
    bottom: 75px;
}
.body__dark .product-box {
    border: 3px solid #35394E;
    box-shadow: none !important;
}
.body__dark .product-box.heighlted {
    border: 3px solid #07be7d;
}
.product-box .product-features ul.games__features {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.product-box .product-features ul.main__features.games__features li {
	background: #282b37;
    padding: 20px 10px;
    text-align: center;
    border-radius: 10px;
    width: 40%;
}
.banner__shape__viceo__background {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    width: 100%;
    background-position-x: right;
    opacity: 0.5;
}
.body__dark .moreservices__box__wrapper.hard__color {
    background: var(--background);
}
.body__dark .moreservices__box__wrapper.soft__color .moreservices__box__header i,
.body__dark .moreservices__box__wrapper.hard__color .moreservices__box__header i {
    background: #0aafc5;
    color: #fff;
}
.body__dark .moreservices__box__wrapper.soft__color {
    background: var(--background-5);
}
.main__features__sider__box i{
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #5d6a81;
	flex: 0 0 80px;
	border-radius: 100%;
	font-size: 40px;
}
.product-box-absolute-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}