:root{
    --color-1: #ff4081;
    --color-2: #007cba;
}

html{
    scroll-behavior: smooth;
}

.xs-heading .heading-title span{
    color: var(--color-1);
}

.pricing-body-specifics{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-primary{
    background-color: var(--color-1);
}

.btn-primary:hover::before{
    background-color: var(--color-2);
}

.pricing-body h2{
    color: var(--color-2);
}

a:hover{
    color: var(--color-2);
}

.column{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.xs-header .xs-logo > img{
    max-width: 280px;
}

.xs-banner {
    background: #1045db;
    background: -webkit-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
    background: -o-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
    background: linear-gradient(-45deg, #ff4081 0%
0%
, var(--color-2) 60%, var(--color-2) 99%);
    min-height: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.xs-testimonial-section {
    background: #1045db;
    background: -webkit-linear-gradient(45deg, #ff4081 0%, #ff4081 13%, #007cba 52%, #007cba 100%);
    background: -o-linear-gradient(45deg, #ff4081 0%, #ff4081 13%, #007cba 52%, #007cba 100%);
    background: linear-gradient(45deg, #ff4081 0%, #ff4081 13%, #007cba 52%, #007cba 100%);
    padding-top: 100px;
    padding-bottom: 70px;
}

.btn-primary:hover{
    background-color: var(--color-1);
}

.xs-single-pricing {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 7%);
}

.simple-btn{
    color: var(--color-1);
}

.footer-logo > img{
    max-width: 85%;
}

.btn-outline-primary{
    border-color: var(--color-1);
    border: 3px solid var(--color-1);
}

.heading-sub-title{
    font-weight: bold !important;
}

.xs-service-block {
    height: 315px;
    text-align: center;
    padding: 0 30px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  background-color: var(--color-1);
}

.call-to-action-section{
    background: -webkit-linear-gradient(45deg, var(--color-1) 0%, var(--color-1) 13%, var(--color-2) 52%, var(--color-2) 100%) !important;
    background: -o-linear-gradient(45deg, var(--color-1) 0%, var(--color-1) 13%, var(--color-2) 52%, var(--color-2) 100%) !important;
    background: linear-gradient(45deg, var(--color-1) 0%, var(--color-1) 13%, var(--color-2) 52%, var(--color-2) 100%) !important;
    position: relative;
    padding-top: 100px;
    padding-bottom: 200px;
    text-align: center;
    z-index: 1;
}

.commentor-title{
    color: var(--color-1);
}

.commentor-info{
    color: var(--color-2);
}

.media-body-features{
    /* height: 130px; */
}

.domain-search-form input[type="submit"],button {
    background-color: var(--color-1);
}

.choose-us-img {
    min-height: unset;
    margin: 0;
    height: fit-content !important;
}

.choose-us-img img{
    width: 130px;
    margin-bottom: 30px;
}

.service-img img{
    width: 110px;
}

.feature-img img{
    width: 130px;
}

p{
    font-weight: bold !important;
}

.why-choose-section,
.pricing-section,
.service-section,
.call-to-action-section,
.xs-heading,
.xs-feature-section,
.xs-section-padding,
.xs-testimonial-section p{
    color: black;
}

.heading-sub-title{
    color: black !important;
}

.xs-service-block > .xs-title > a{
    /* color: var(--color-1); */
}

.domain-search-form input:not([type="submit"]) {
    box-shadow: 0px 7px 2px 0px rgba(0, 0, 0, 0.06);
}

.pricing-body .pricing-price p{
    color: var(--color-1);
}

.pricing-body .pricing-price h2{
    font-size: 40px;
}

.pricing-header p{
    color: var(--color-2);
}

.xs-single-pricing{
     border: 0.1px solid var(--color-2);
}

.xs-service-block p{
    height: 115px !important;
}

.page-title-banner > .container{
    margin-top: 80px;
}

.page-subtitle{
    color: #ff4081;
    font-size: 30px !important;
    font-weight: bold;
    text-shadow: 0.5px 0.1px black;
}

.xs-title{
    text-shadow: 0.2px 0.2px 0.2px black;
    text-align: center;
}

.media-body-hosting p{
    text-align: center !important;
    min-height: 115px;
}

.media-body-hosting .cta-button-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-nav-tab{
    max-width: fit-content;
}

.pricing-feature-item > .pricing-feature-head{
    display: block;
    padding: 20px 35px;
    line-height: 1;
    background-color: #FFFFFF;
    height: 57px;
    background-color: var(--color-2);
    color: white;
}

.pricing-feature-head > i {
  color: #1868dd;
}

.pricing-matrix > .row [class^=col-] .pricing-feature-head {
  text-align: center;
}

.pricing-matrix > .row [class^=col-]:first-child .pricing-feature-head {
  text-align: left;
}

.pricing-matrix-slider-semidedicato {
  position: relative;
}

.pricing-matrix-slider-semidedicato .last-child .pricing-matrix-item .pricing-feature-item,
.pricing-matrix-slider-semidedicato .last-child .pricing-matrix-item .pricing-feature-group,
.pricing-matrix-slider-semidedicato .last-child .pricing-matrix-item .pricing-image {
  border-right: 0px;
}

.pricing-matrix-slider-semidedicato .owl-nav .owl-prev,
.pricing-matrix-slider-semidedicato .owl-nav .owl-next {
  outline: none;
  position: absolute;
  top: 0px;
  font-size: 1.52941rem;
  color: #1868dd;
  background-color: transparent;
  border: 0;
}

.pricing-matrix-slider-semidedicato .owl-nav .owl-prev {
  left: 0px;
}

.pricing-matrix-slider-semidedicato .owl-nav .owl-next {
  right: 0px;
}

.media-body > .xs-title{
    text-align: left;
}

.media-body-features > .xs-title{
    text-align: left;
}

.vps-image-cloud-hosting-container{
    margin: 0 !important;
    margin-bottom: 20px !important;
}

.pricing-price-image-cloud-hosting-container > img{
    width: 120px;
}

.pricing-matrix-slider-semidedicato .owl-nav .owl-prev, .pricing-matrix-slider-semidedicato .owl-nav .owl-next{
    color: var(--color-1);
}

.icon{
    font-weight: bold;
}

.owl-nav > button{
    padding: 10px 37px;
}

.included-feature-list > .container{
    display: flex;
    flex-direction: column;
    /* gap: 50px; */
}

.include-feature-list{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.hosting-info-list{
    margin-bottom: 0 !important;
}

.hosting-info-wraper-2{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hosting-info-wraper-2 > .content-title{
    margin-bottom: 20px !important;
}

.xs-feature-group{
    padding: 40px 20px 40px 20px !important;
}



/* utils */

.pinkText{
    color: var(--color-1) !important;
}

.blueText{
    color: var(--color-2) !important;
}

.boldText{
    font-weight: bold !important;
}

.imageColorFilterPink{
    filter: invert(48%) sepia(33%) saturate(7183%) hue-rotate(315deg) brightness(99%) contrast(104%);
}

.imageColorFilterBlue{
    filter: brightness(0) saturate(100%) invert(55%) sepia(83%) saturate(5119%) hue-rotate(179deg) brightness(97%) contrast(102%);
    max-width: 100px !important; 
}

.imageColorFilterWhite{
    filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7500%) hue-rotate(251deg) brightness(117%) contrast(109%);
    max-width: 100px !important; 
}

.justifyText{
    text-align: justify;
}

.padding-30{
    padding: 30px;
}

.mt-50{
    margin-top: 50px;
}

.gradientBackground{
    background: linear-gradient(-45deg, #ff4081 0% 0%, var(--color-2) 60%, var(--color-2) 99%);
}

/* .include-feature-list > .hosting-info-list{
    max-height: 68px;
    height: 68px;
} */



/* responsive */

@media (max-width: 767px) {
    .hidewhenmobile{
        display: none !important;
    }

    .xs-service-block p{
        height: fit-content;
    }

    .xs-heading .heading-title{
        font-size: 2rem;
    }

    .hosting-info-wraper-2{
        gap: 50px;
    }

    .gap-mobile-100{
        gap: 100px;
    }

    .media-body-features > p{
        text-align: center;
    }

    /* .included-feature-list > .container{
        gap: 100px;
    } */

    .include-feature-list{
        gap: 100px;
    }

    .text-block{
        text-align: center;
        font-size: 20px;
        padding: 0 30px;
    }

    .semidedicato-nav{
        flex-wrap: nowrap;
    }

    .indicator{
        height: 45px !important;
    }

    .btn{
        height: fit-content !important;
        width: fit-content !important;
    }
    .xs-banner-content{
        margin-top: 100px
    }
    .hosting-info-list{
        padding-left: 0;
    }
    .media-body > p{
        text-align: center;
    }
    /* .page-title-banner > .container{
        margin-top: 80px !important;
    } */
    .dontdisplaywhenmobile{
        display: none !important;
    }
    .footer-main{
        text-align: center;
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .footer-widget .widget-title::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        margin: auto 0;
        height: 3px;
        width: 60%;
        background-color: #1868dd;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .contact-info-widget li{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contact-info-widget li img{
        margin: 0;
    }

    .xs-single-pricing{
        border: 0.1px solid var(--color-2);
    }


    .xs-banner-content{
        text-align: center;
    }
    
    .xs-service-block{
        justify-content: center;
    }

    .service-section > .container > .row{
        gap: 20px;
    }

    .xs-btn-wraper > a{
        width: 140px;
        height: 50px;
    }

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

    .hosting-info-wraper .content-title{
        text-align: center;
    }

    .content-title{
        text-align: center;
    }

    .content-title p{
        text-align: justify;
    }

    .alignMobileButton{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .xs-feature-group .media{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .xs-feature-group .media .feature-img{
        display: block;
        justify-content: center;
        margin: 0;
        margin-bottom: 15px;
    }

    .xs-domain-info{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .domain-search-form{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .domain-search-form input::placeholder{
        text-align: center;
    }

    .domain-search-form .select-group{
        width: fit-content;
    }

    .xs-menus .nav-brand{
        max-width: 200px;
    }

    .xs-menus .nav-brand img{
        width: 200px;
    }

    .xs-menus .nav-header{
        margin-top: 10px;
        margin-left: 10px;
    }

    .why-choose-section > .container > .row{
        gap: 30px;
    }

    .vps-image-xen-container{
        margin: 0;
        margin-bottom: 30px !important;
        margin-left: 33px !important;
    }

    .vps-image-xen-container > img{
        width: 120px;
    }

    .xs-title{
        text-align: center !important;
    }
}

@media (min-width: 768px){
    .pricing-section-semidedicato > .container{
        max-width: 90%;
    }

    .pricing-section-xen > .container{
        max-width: 90%;
    }

    .vps-image-xen-container{
        margin: 0;
        margin-bottom: 30px !important;
        margin-left: 35px !important;
    }

    .vps-image-xen-container > img{
        width: 120px;
    }
}

/* Swal */
.div:where(.swal2-icon).swal2-info{
    color: var(--color-2) !important;
    border-color: var(--color-2) !important;
}