<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    font-family: sans-serif;
    font-weight: 400;
    height: 100%;min-height: 100vh;font-size: 0.9rem;
} 
a, a:link, a:visited, a:hover, a:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
 }
/* 1.1. SECTION TITLE */
.mh-container {width:100%;margin-right:auto;margin-left:auto}
.section-title h2 {
    position: relative;
    margin: 50px 0px 30px 0px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
}
.section-title h2:before {

    content: " ";

    position: absolute;

    bottom: -15px;

    left: 50%;

    width: 50px;

    height: 2px;

    background-color: #6aaf08;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

}
.section-title p {font-size: 22px !important;padding: 0px !important;text-align: center !important;}

.section-title.text-left h2 {

    text-align: left;

}

.section-title.text-left h2:before {

    left: 0;

    -webkit-transform: translateX(0);

            transform: translateX(0);

}
.orange {background-color: #ff7b0d !important;}
.styled {margin: 10px;width: 190px;height: 36px;border: 1px solid #26507b;border-radius: 2px;overflow: hidden;background: url(https://m2host.com/img/menu-arrow.png) 96% / 10% no-repeat #f9f9f9;}
.fade:not(.show) {opacity: 1;}

/* 1.2. CUSTOM BUTTON */

a.btn {

    font-weight: 500;

}

a.btn-custom {

    background-color: #2e3138;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: uppercase;

}

a.btn-custom.btn-lg {

    padding: 12px 20px;

    font-size: 16px;

}

a.btn-custom:hover,

a.btn-custom:focus {

    color: #fff;

    background-color: #26507b;

    box-shadow: none;

}

a.btn-custom2 {

    background-color: #2e3138;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: uppercase;

}

a.btn-custom2.btn-lg {

    padding: 12px 20px;

    font-size: 16px;

}

a.btn-custom2:hover,

a.btn-custom2:focus {

    color: #fff;

    background-color: #6aaf08;

    box-shadow: none;
}
.btn-custom-reverse,
a.btn-custom-reverse {
    background-color: #6aaf08;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

}

.btn-custom-reverse:hover,

a.btn-custom-reverse:hover,

a.btn-custom-reverse:focus {

    color: #fff;

    background-color: #2e3138;

    box-shadow: none;

}

.btn-custom-reverse.btn-lg,

a.btn-custom-reverse.btn-lg {

    padding: 12px 20px;

    font-size: 16px;

}
.btn-custom-reverse2,

a.btn-custom-reverse2 {

    background-color: #26507b;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

}

.btn-custom-reverse2:hover,

a.btn-custom-reverse2:hover,

a.btn-custom-reverse2:focus {

    color: #fff;

    background-color: #2e3138;

    box-shadow: none;

}
.btn-custom-reverse3,

a.btn-custom-reverse3 {

    padding: 18px 27px 18px 27px;

    font-size: 27px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */

background: #ffa84c; /* Old browsers */

background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

}

.btn-custom-reverse3:hover,

a.btn-custom-reverse3:hover,

a.btn-custom-reverse3:focus {

    color: #fff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7b0d+0,ffa84c+100 */

background: #ff7b0d; /* Old browsers */

background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ff7b0d 0%,#ffa84c 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ff7b0d 0%,#ffa84c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */

    box-shadow: none;

}
/* 1.3. BACK TO TOP BUTTON */
#backToTop {

    position: fixed;

    right: 30px;

    bottom: 45px;

    z-index: 999;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -webkit-transition: opacity .25s ease-in-out;

            transition: opacity .25s ease-in-out;

}
#backToTop.show {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

}
#backToTop a {

    display: block;

    min-width: 45px;

    padding: 6px 0;

    color: #fff;

    background-color: #6aaf08;

    font-size: 24px;

    line-height: 28px;

    text-align: center;

}
/*------------------------------------*\
    3. HEADER AREA
\*------------------------------------*/
#header {

    position: relative;
/* 
    height: 600px; */

    background-color: #f8f8f8;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 1;

}

/*#header:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
 
    background-color: rgba(48,48,48,0.3); 

}*/

#header.no-header-overlay:before {

    display: none;

}

#header.header-bg-bottom {

    background-position: bottom;

}

#header.max-490px {

    max-height: 490px;

    min-height: 0;

}

#header.bg-white {

    background-color: #fff;

}

.header-slider {

    height: 100%;

}

.header-slider .owl-wrapper-outer,

.header-slider .owl-wrapper,

.header-slider .owl-item,

.header-slider .owl-item &gt; .header-slider--item &gt; .container,

.header-slider .owl-item &gt; .header-slider--item &gt; .container &gt; .row,

.header-slider .owl-item &gt; .header-slider--item &gt; .container &gt; .row &gt; div {

    height: 100%;

}



.header-slider--item {

    width: 100%;

    height: 100%;

}



.header-item-content {

    position: relative;

    padding: 20px 25px 25px;

    color: #fff;

}


.header-item-content h1 {

    margin: -5px 0 0;

    color: #fff;

    font-size: 48px;

    line-height: 52px;

    font-weight: 700;

}
.header-item-content h2 {

    margin: -5px 0 0;

    color: #fff;

    font-size: 48px;

    line-height: 52px;

    font-weight: 700;

}



.header-item-content h3 {

    color: #fff;

    font-size: 24px;

    line-height: 24px;

    font-weight: 500;

}



.header-item-content h3 green{

    color: #6aaf08;

    font-size: 24px;

    line-height: 24px;

    font-weight: 400;

}



.header-item-content h2 .head {

    color: #fff;

    background-color: none;

    font-size: 48px;

    line-height: 52px;

    font-weight: 700;

}



.header-item-content p {

    font-weight: 500;

}

.header-item-content &gt; p {

    margin-top: 16px;

    margin-bottom: 16px;

}

.header-item-content .list p {

    float: left;

    width: 50%;

    margin-bottom: 2px;

}

.header-item-content .list p i.fa {

    margin-right: 5px;

    color: #fff;

}



.header-item-content i.fa {

    font-size: 81px;

    color: #cccccc;

}
.header-item-content .price {

    margin-top: 20px;

    overflow: hidden;

}

.header-item-content .price .btn {

    color: #fff;

    background-color: #303030;

}

.header-item-content .price .btn:hover,

.header-item-content .price .btn:focus {

    color: #303030;

    background-color: #fff;

    box-shadow: none;

    outline: 0;

}



.header-item-img figure {

    position: relative;

}

.header-item-img img.img-responsive {

    float: right;

}



.header-item-badge {

    position: absolute;

    display: table;

    border-radius: 50%;

    text-align: center;

    z-index: 0;

}

.header-item-badge-1 {

    top: 35%;

    left: 40%;

    width: 150px;

    height: 150px;

    background-color: #fff;

}

.header-item-badge-2 {

    top: 15%;

    left: 20%;

    width: 120px;

    height: 120px;

    color: #fff;

    background-color: #6aaf08;

}

.header-item-badge p {

    display: table-cell;

    vertical-align: middle;

    padding: 0;

    border: 0;

    color: inherit;

    font-size: 16px;

    line-height: 16px;

}

.header-item-badge span {

    display: block;

    font-size: 34px;

    line-height: 38px;

    font-weight: 700;

}



.header-slider .owl-pagination {

    font-size: 0;

    text-align: center;

}

.header-slider .owl-page {

    content: " ";

    width: 10px;

    height: 10px;

    background-color: #2e3138;

    border-radius: 5px;

    -webkit-transition: padding-right .25s;

            transition: padding-right .25s;

    display: inline-block;

    margin: 0 5px;

}

.header-slider .owl-page.active {

    padding-right: 20px;

    background-color: #FF6C3A;

}



.owl-fadeInLeft,

.owl-fadeInRight {

    visibility: hidden;

}

.owl-item.active .owl-fadeInLeft {

    -webkit-animation: fadeInLeft 0.8s linear 0s;

            animation: fadeInLeft 0.8s linear 0s;

    visibility: visible;

}

.owl-item.active .owl-fadeInRight {

    -webkit-animation: fadeInRight 0.8s linear 0s;

            animation: fadeInRight 0.8s linear 0s;

    visibility: visible;

}

.owl-item.active .owl-fadeInUp {

    -webkit-animation: fadeInUp 0.8s linear 0s;

            animation: fadeInUp 0.8s linear 0s;

    visibility: visible;

}

.owl-item.active .owl-fadeInDown {

    -webkit-animation: fadeInDown 0.8s linear 0s;

            animation: fadeInDown 0.8s linear 0s;

    visibility: visible;

}



/* 3.1. HEADER SLIDER NAV */

.header--slider-nav {

    position: absolute;

    left: 0;

    bottom: 60px;

    width: 100%;

}

.header--slider-nav ul {

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 0;

    overflow: hidden;

}

.header--slider-nav ul li {

    float: left;

    border-left: 1px solid #e9e9e9;

    cursor: pointer;

}

.header--slider-nav ul li:hover,

.header--slider-nav ul li.active {

    border-left-color: #6aaf08;

}

.header--slider-nav ul li p {

    position: relative;

    display: block;

    width: 50px;

    height: 48px;

    margin-bottom: 0;

    color: #303030;

    font-size: 0;

    overflow: hidden;

}

.header--slider-nav ul li p:hover,

.header--slider-nav ul li.active p {

    width: 100%;

}

.header--slider-nav ul li p i.fa {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 50px;

    padding: 14px 0;

    background-color: #fff;

    font-size: 20px;

    line-height: 24px;

    vertical-align: top;

    text-align: center;

}

.header--slider-nav ul li p:hover i.fa,

.header--slider-nav ul li.active p i.fa {

    color: #fff;

    background-color: #6aaf08;

}

.header--slider-nav ul li p span {

    display: block;

    margin-left: 50px;

    padding: 14px 15px;

    background-color: #e9e9e9;

    line-height: 20px;

    vertical-align: top;

    overflow: hidden;

    text-transform: capitalize;

}

.header--slider-nav ul li:hover p span,

.header--slider-nav ul li.active p span {

    font-size: 16px;

}





/* 3.2. HEADER SLIDER CONTROLS */

.header-slider &gt; .owl-controls &gt; .owl-buttons {

    display: none;

}

.header-slider.show-slider-controls &gt; .owl-controls &gt; .owl-buttons {

    display: block;

}



.header-slider &gt; .owl-controls &gt; .owl-buttons &gt; .owl-prev,

.header-slider &gt; .owl-controls &gt; .owl-buttons &gt; .owl-next {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    padding: 5px 20px 5px 20px;

    color: #6aaf08;

    background-color: #fff;

    font-size: 24px;

    line-height: 28px;

    opacity: 0.6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .25s ease-in-out;
}
.header-slider &gt; .owl-controls &gt; .owl-buttons &gt; .owl-prev:hover,
.header-slider &gt; .owl-controls &gt; .owl-buttons &gt; .owl-next:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-slider &gt; .owl-controls &gt; .owl-buttons &gt; .owl-next {right: 0;}
.inner-banner {height: 650px; padding-top: 30px; position: relative; background-image: url("../images/domains.webp"); background-position: top center; background-size: 100%; background-repeat: no-repeat;color: #fff;}
.inner-banner h1 {font-family: Lato, sans-serif; font-size: 60px; margin-bottom: 15px; color: #fff; line-height: 1.2;padding: 0% 8% 0% 0%;}
.price-details p{text-align: center;}
.price-details p a{padding: 8px 30px; color: #fff; font-family:Lato,sans-serif;font-size: 24px; text-align: center;border-radius: 24px;text-decoration: none;background: #26507b;transition: all .3s ease-in-out;}
.price-details p a:hover{background: #3d3d3d;}
.price-details p a i{font-size: 22px;}
.trust-review{padding:60px 0px;}
.trust-review p{font-size: 14px;}
.trust-review span{font-weight:600;font-size: 16px;}
.trust-review .img{right: 0;position: relative;}
.trust-review .lft-pdng {padding-left: 60px;}
.trust-review .brdr{border-radius: 4px;border-left: 1px solid #dfdfdf;}
.title {font-size: 20px !important; font-weight: 600; color: #000; margin: 0px 0px 10px 0px;}
.des{ font-size: 14px; font-weight: 500; color: #000; margin: 10px 0px;}
.name{ font-size: 14px; font-weight: 500; color: #757575;}
.trust-review section{text-align: center;}
.trust-review section h2{font-family: Lato, sans-serif;padding: 10px 0px;font-size: 34px;font-weight: 600;background: #ececec;border-radius: 6px;margin-bottom: 20px;} 
.trust-review section a{padding: 20px 0px;}
.employee{position: relative;}
.employee ul{position: relative;padding: 0px; display: inherit;}
.employee ul li{padding: 2px 0px 0px 10px;}
.employee ul li img{padding: 5px 10px;position:relative;border-radius: 4px;}
.employee ul li span{font-size:26px;font-weight:600;color:#0eac21;margin-left:90px;}
.employee ul li p{font-size: 18px;padding:5px 20px 0px 20px;text-align: left;}
.employee p{font-size: 18px;margin: 20px auto;text-align:left;padding: 0px 20px;
}

/*------------------------------------*\

    6. SINGLE FEATURES AREA

\*------------------------------------*/

.single-feature {

    padding: 80px 0;

}

.single-feature &gt; .container &gt; .row {

    display: table;

}

.single-feature &gt; .container &gt; .row &gt; div {

    display: table-cell;

    vertical-align: middle;

    float: none;

}



.single-feature--image img.img-responsive {

    margin: 0 auto;

}



.single-feature--content h2 {

    margin: 0 0 15px;

    font-weight: 700;

}

.single-feature--content p {

    color: #737373;

}

.single-feature--content .btn {

    margin-top: 10px;

    padding: 12px 20px;

    border-radius: 0;

    font-size: 16px;

    line-height: 20px;

}



.single-feature.single-feature-1 {

    color: #303030;

    background-color: #f8f8f8;

    background-position: center;

}



.single-feature-1 .single-feature--content .btn:hover,

.single-feature-1 .single-feature--content .btn:focus {

    color: #303030;

    background-color: #fff;

}



/*------------------------------------*\

    7. FEATURES AREA

\*------------------------------------*/

#features {padding:0px 0 60px 0;}
#features.bg-whitesmoke {
    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}

#features hr {

    margin: 30px 0;

}

.feature-item {

    padding: 20px;

    -webkit-transition: box-shadow .25s;

            transition: box-shadow .25s;

}




.feature-item.text-center .feature-item-icon {

    margin: 0 auto;

}

.feature-item-content {
    border-radius: 6px;height: 300px;box-shadow: 0px 0px 6px 5px #eee;padding: 20px;}
/* .feature-item-content::before{background: #fb7820;position: absolute;color: #fff;border-radius: 4px 0 15px 0;font-family: "flaticon";content: "\f129";display: block;z-index: 100;font-size: 22px;padding: 8px 20px 8px 20px} */

.feature-item-content p {
    margin-bottom: 0;
    font-weight: 500;
    text-align: left;
}
.feature-item-content p.web{
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
}
.feature-item-content h4 {font-weight: 700;margin: 15px 0;}
.feature-item-content h3 {background: #6aaf08;border-radius:4px;padding:20px;}
.feature-item-content img{background: #ffebdd;border-radius:4px;padding:10px 15px;}
#features a{margin-top:20px; font-size: 22px;color: #fff !important;border-radius: 40px;background: #ff7b0d;padding: 10px 30px;transition: all .3s ease-in-out;}
#features a:hover{background: #26507b;}
.feature-item-content h2 span{

    font-size: 36px;

    color: #303030;

    font-weight: 500;

    margin: 15px 0;

}

.feature-item-content h2 {

    font-size: 36px;

    color: #6aaf08;

    font-weight: 500;

    margin: 15px 0;

}

.feature-item-content a.btn {

    margin-top: 20px;

    padding: 10px 15px;

    font-size: 12px;

}

#features2 {

    padding: 0;

}

#features2.bg-whitesmoke {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}

#features2 hr {

    margin: 30px 0;

}
.feature-item2 {

    padding: 20px;

    -webkit-transition: box-shadow .25s;

            transition: box-shadow .25s;

}
.feature-item2.text-center .feature-item2-icon {

    margin: 0 auto;

}

.feature-item2.text-center .feature-item2-icon i {

    font-size: 54px;

    color: #6aaf08;

}
.feature-item2-content {

    margin-top: 15px;

}

.feature-item2-content p {

    margin-bottom: 0;

}

.feature-item2-content h4 {

    font-weight: 700;

    margin: 15px 0;

}

.feature-item2-content a.btn {

    margin-top: 20px;

    padding: 10px 15px;

    font-size: 12px;

}

#features3 {

    padding: 0;

}

#features3.bg-whitesmoke {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}

#features3 hr {

    margin: 30px 0;

}

.feature-item3 {

    padding: 20px;

    -webkit-transition: box-shadow .25s;

            transition: box-shadow .25s;

}
.feature-item3.text-center .feature-item3-icon {margin: 0 auto;}
.feature-item3.text-center .feature-item3-icon i {font-size: 54px;color: #6aaf08;}
.feature-item3-content {
    margin-top: 0;
}
.feature-item3-content p {
    margin-bottom: 0;
}
.feature-item3-content h4 {
    font-weight: 700;
    margin: 0;
}
.feature-item3-content a.btn {
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 12px;
}
#support{padding: 0px 0;background:url(../images/customer-support.jpg) ;background-repeat: no-repeat;background-position: right top;background-size: cover; background: #306449;}
#support section{padding:50px 20px 100px 20px; display: inline-block;}
#support section h4{font-size: 20px;font-weight: 600;}
#support .section-title h2{text-align: left;color: #fff; margin-bottom: 30px;font-size: 45px;}
#support .section-title h2::before{left: 4.2%;background: #fff;}
#support p{color: #fff;font-size: 18px;margin: 25px 0px 40px 0px;}
#support h5 {border: 1px solid #ff0; border-radius: 10px;padding:10px 20px;transition: all .3s ease-in-out;text-align: center;display: inline-block;margin: 0px 5px;color: #000;background: #ff0;}
#support h5 a{font-size: 22px; color: #000;}
#support h5 a i{display: inline-block;font-size: 22px;color: #000;}
#support h5:hover{background: #306449;color: #fff;border: 1px solid #fff;}
#support h5:hover a i{color: #fff !important;}
#support h5:hover a{color: #fff !important;}
#support .img{background-image: url("../images/customer-support.webp");background-repeat: no-repeat;background-position: top;background-size: cover;width: 938px;height: 100%;overflow-x: hidden;}

#why{padding: 60px 0px 80px 0px;position: relative;}
#why section{background: #fff;border-radius: 4px;text-align: justify;border:1px solid #f0e0af;}
#why section h4{font-size: 20px;font-weight: 600;}
#why .mrtp{margin-top: 20px}
/* #why h3{margin-top: 0px;font-weight: 600;color: #3a7dc2;}
#why h3 i{background: #1f76c5; border-radius: 0px 0 6px 6px; 
  padding: 10px 15px;
  margin: 0px 10px 0px 0px;
  text-align: center;
  color: #fff;
} */
#why h3{font-family:'Poppins-Semibold';font-size: 25px;text-transform: uppercase; color: #443b21;padding:6px 20px;border-top-left-radius:4px;border-top-right-radius:4px;}
 #why h3 img{/*float: left;*/margin-right: 14px;} 
.blubg{background:#0097c3;background: linear-gradient(-90deg, #ffc310 0%, #f9e8b8 0%, #ffc310 100%);}
#why h3 span{color: #fff;}
#migrate{padding: 60px 0;background: #e7f2f9;}
#migrate section{background: #fff;border-radius: 8px;text-align: center;padding: 35px 20px 40px 20px;border: 1px solid #cae1ec;transition: all .3s ease-in-out;}
#migrate section:hover{box-shadow: 0px 1px 8px 4px rgba(77, 77, 77, 0.15);}
#migrate section img{text-align: center;}
#migrate section p{margin-bottom: 18px;}
#migrate .section-title{margin-bottom: 50px;}
#migrate .section-title h2{margin-bottom: 30px;}
#migrate h3{font-weight: 600;margin: 25px 0px 15px 0px;color: #0a94d7;}
#migrate h4{font-size: 26px;text-align: center;}
#migrate a{font-size: 18px;color: #443b21 !important;border-radius: 20px;background: #ffc310;padding:6px 30px;transition: all .3s ease-in-out;}
#migrate a:hover{background: #2098d3;color:#fff !important;}
#tips {padding:0px 0px 0px 0px;position: relative;}
#tips section{background: #fff;border-radius: 4px;text-align: justify;border:1px solid #f0e0af;}
#tips section h4{font-size: 20px;font-weight: 600;}
#tips .mrtp{margin-top: 20px}
#tips h3{font-family:'Poppins-Semibold';font-size: 25px;padding:15px 20px 6px 0px;}
#tips h3 img{/*float: left;*/margin-right: 14px;} 
#tips h3 span{color: #fff;}
#tips a{margin-top:20px; font-size: 22px;color: #fff !important;border-radius: 40px;background: #ff7b0d;padding: 10px 30px;transition: all .3s ease-in-out;}
#tips a:hover{background: #26507b;}
#tips p {font-size: 16px;text-align: left;padding: 0% 8% 0% 0%;}
#tips .pdng {padding: 0% 12%;line-height: 44px;}
/*------------------------------------*\
    11. PRICING AREA
\*------------------------------------*/
#pricing {

    padding: 80px 0 0 0;
}
.pricing-table-item {

    position: relative;

    background-color: #fff;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);

    -webkit-transition: box-shadow .25s ease-in-out;

            transition: box-shadow .25s ease-in-out;

}
.pricing-table-item:hover,
.pricing-table-item.popular {
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
}
.pt-head2 {

    padding: 15px 0 0;

    border-top: 5px solid #ff7b0d;

    text-align: center;

    background-color: #26507b;

}
.pt-head2 .popular-indicator {

    position: absolute;

    top: 0;

    right: 20px;

    padding: 15px 10px 10px;

    color: #fff;

    background-color: #ff7b0d;

    font-size: 18px;

    line-height: 22px;

}

.pt-head2 .caption {

    color: #fff;

    margin-bottom: 0;

    text-align: center;

    font-size: 14px;

    letter-spacing: .12em;

    border-bottom: 1px solid #6aaf08;

    display: inline-block;

    padding: 0 0 5px;

}

.pt-price-tag2 {

    margin-bottom: 10px;

    font-size: 45px;

    font-weight: 700;

    color: #ffffff;

}

.pt-price-tag2 span {

    font-size: 27px;

    font-weight: 500;

}
.pt-head {

    padding: 15px 0 0;

    border-top: 5px solid #6aaf08;

    text-align: center;

}
.pt-head .popular-indicator {

    position: absolute;

    top: 0;

    right: 20px;

    padding: 15px 10px 10px;

    color: #fff;

    background-color: #ff7b0d;

    font-size: 18px;

    line-height: 22px;

}

.pt-head .caption {

    color: #333;

    margin-bottom: 0;

    text-align: center;

    font-size: 14px;

    letter-spacing: .12em;

    border-bottom: 1px solid #6aaf08;

    display: inline-block;

    padding: 0 0 5px;

}

.pt-price-tag {

    margin-bottom: 10px;

    font-size: 45px;

    font-weight: 700;

}

.pt-price-tag span {

    font-size: 27px;

    font-weight: 500;

}
.pt-plan {

    padding: 20px 0;

    color: #fff;

    background-color: #26507b;

    font-size: 24px;

    line-height: 28px;

    font-weight: 700;

    text-transform: capitalize;

}

.pt-features {

    padding-top: 10px;

    text-align: center;

}

.pt-features ul {

    padding: 0;

    margin: 0;

    list-style: none;

    white-space: nowrap;

}

.pt-features ul li {

    color: #555555;

    padding: 10px 20px;

    font-weight: 600;

    border-bottom: 1px solid rgba(0,0,0,.05);

    text-overflow: ellipsis;

    overflow: hidden;

}
.pt-features ul li i{color: #b0bec8;font-size: 14px;}

.pt-footer {

    text-align: center;

    padding-top: 20px;

    padding-bottom: 20px;

}

.pt-footer a.btn {

    width: 100px;

    padding: 8px 0;

}
.styled select {

   background: transparent;

   width: 190px;

   height: 36px;

   border: 1px solid #ccc;

   border-radius: 2px;font-size: 13px;
} 
.styled{

   margin: 10px;

   width: 190px;

   height: 36px;    

   border: 1px solid #26507b;

   border-radius: 2px;

   overflow: hidden;

   background: url(../images/menu-arrow.png) 96% / 10% no-repeat #f9f9f9;

}
/*------------------------------------*\

    17. GENERAL PAGE STYLES

\*------------------------------------*/

/* 17.1. PAGE TITLE */

#pageTitle {

    padding: 80px 0;

    position: relative;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    z-index: 0;

}

#pageTitle:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(48,48,48,0.6);

    z-index: -1;

}
#pageTitle .section-title h2 {

    margin: 0 0 50px;

    color: #fff;

}
#pageTitle .breadcrumb {

    margin-bottom: 0;

    padding: 0;

    background-color: transparent;

    border-radius: 0;

}

#pageTitle .breadcrumb &gt; li &gt; a {

    -webkit-transition: color .25s ease;

            transition: color .25s ease;

}

#pageTitle .breadcrumb &gt; li &gt; a:hover,

#pageTitle .breadcrumb &gt; li &gt; a:focus,

#pageTitle .breadcrumb &gt; li.active {

    color: #6aaf08;

}
/*------------------------------------*\

    18. SHARED HOSTING PAGE

\*------------------------------------*/

#pricingTable {

    padding: 40px 0;

}
#pricingTable.price-details {

    padding: 0;

}

#pricingTable.price-details &gt; .item {

    padding: 20px 0;

}

#pricingTable.price-details &gt; .item:nth-child(2n) {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}
#pricingTable .pricing-table-item {

    padding: 0;

}

#pricingTable .pricing-table-item.mt-md {

    margin-top: 65px;

}

#pricingTable .pt-features {

    padding: 0;

}
#pricingTable .pt-body .pt-features ul li .blue{

    padding: 0;

    color: #ffffff;

    background-color: #26507b;

}
#pricingTable .pricing-table-item.first-child {

    font-weight: 700;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);

    z-index: 0;

}



#pricingTable .pricing-table-item .pt-body {

    border-top: 1px solid #e9e9e9;

}



#pricingTable.price-details .pricing-table-item.first-child.reset-margin {

    margin: 0;

}

.price-details .pt-head {

    padding-top: 0;

}
/*------------------------------------*\
    30. HELPER CLASSES
\*------------------------------------*/
/* 30.1. RESET-GUTTER */
.reset-gutter {

    margin-left: 0;

    margin-right: 0;

}
.reset-gutter &gt; [class*='col-'] {

    padding-left: 0;

    padding-right: 0;

}
/* 30.2. RESET-MARGIN */
.reset-margin {

    margin-right: 0;

    margin-left: 0;

}
/* 30.3. RESET-PADDING */
.reset-padding {

    padding-right: 0;

    padding-left: 0;

}
/* 30.4. VERTICAL-CENTERING */
.vc-parent {width: 100%;height: 100%;display: table;}
.vc-child {display: table-cell;vertical-align: middle;}
.bg-table{box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);border-radius: 8px;}
.bg-table thead {background: #F0F0F0;border-radius: 18px;}
.bg-table thead th{background: #6ba616; font-size:14px; text-align: center; color: #fff;border-top: 0px solid #dee2e6;}
.bg-table thead th:first-child{border-top-left-radius: 8px;}
.bg-table thead th:last-child{border-top-right-radius: 8px;}
.bg-table th, .bg-table td{font-size:14px;  padding:15px 15px!important;text-align: center;}
.bg-table tbody tr td:first-child{font-weight: 600;text-align: left;}
.tooltip-inner{max-width: 300px;padding: 10px;}

#wpfeatures{padding: 50px 0px 100px 0px;}
#wpfaq span {position: relative;font-weight: 500;font-size: 14px; padding: 2px 20px;border-radius: 50px;letter-spacing: 0.07em;text-transform: uppercase;background-color:#fff;margin-top: -12px;text-align: center;margin-left: 50px;text-align: center;top: -12px;}
#wpfaq h2{font-size: 36px;font-weight: 700;text-align: center;}
#wpfaq h3{font-size: 30px;font-weight: 700;text-align: center;padding: 30px;}
#wpfaq figure{text-align: center;}
#wpfaq .leftcol{border-right: 1px solid #e9e9e9;padding: 30px;}
#wpfaq .rytcol{border-left: 1px solid #e9e9e9;padding: 30px;}
#wpfaq .accordion .panel{border: 1px solid #eaeaea;padding: 5px;margin: 5px;}

#wpthemes { background: url(../images/wpbg.jpg);background-repeat: no-repeat;background-position: center top; position: relative;padding-bottom: 80px;}
#wpthemes::before{background: #144373;}
#wpthemes {text-align: center;}
#wpthemes h2{line-height: 50px;padding: 0% 8%;margin-bottom: 50px;}
#wpthemes h2::before{height: 0px;}
#wpthemes h2 span{font-weight: 400;font-size: 30px;line-height: 30px;}


#domainSearchForm .form-control {

    width: 100%;

    border: none;

}

#domainSearchForm input[type="text"].form-control {

    font-size: 18px;

    height: 55px;

    padding: 5px 15px;

    border-radius: 0;

}

#domainSearchForm .select-box {

    position: relative;

    background-color: #fff;

    z-index: 0;

}

#domainSearchForm .select-box:before {

    content: " ";

    position: absolute;

    top: 26px;

    right: 15px;

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 6px solid #303030;

    z-index: -1;

}

#domainSearchForm select.form-control {

    font-size: 18px;

    height: 55px;

    padding: 5px 15px;

    background-color: transparent;

    border-left: 1px solid #e9e9e9;

    border-radius: 0;

    box-shadow: none;

    line-height: 51px;

    -webkit-appearance: none;

       -moz-appearance: none;

}

#domainSearchForm button[type="submit"] {

    position: relative;

    background-color: #acacac;

    border: 0;

    border-radius: 0;

    color: #fff;

    cursor: pointer;

    float: left;

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

    height: 55px;

    padding: 8px 6px 6px;

    text-transform: uppercase;

    width: 100%;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    z-index: 0;

}

#domainSearchForm button[type="submit"]:focus,

#domainSearchForm button[type="submit"]:hover {

    background-color: #6aaf08;

    box-shadow: none;

    outline: 0;

}

#domainSearchForm button[type="submit2"] {

    position: relative;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */

background: #ffa84c; /* Old browsers */

background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

    border: 0;

    border-radius: 0;

    color: #fff;

    cursor: pointer;

    float: left;

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

    height: 55px;

    padding: 8px 6px 6px;

    width: 100%;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    z-index: 0;

}

#domainSearchForm button[type="submit2"]:focus,
#domainSearchForm button[type="submit2"]:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7b0d+0,ffa84c+100 */

background: #ff7b0d; /* Old browsers */

background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ff7b0d 0%,#ffa84c 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ff7b0d 0%,#ffa84c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
    box-shadow: none;
}
.faq-categories ul li a:before {
    content: " ";
    position: absolute;
    /* top: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #6aaf08 transparent transparent transparent;
    /* -webkit-transition: top .55s;transition: top .55s; */
    z-index: 1;
}
.faq-categories ul li.active a:before {z-index: 0;}
.faq-categories{margin: 40px 0px 0px 0px !important;}

#extention {padding:30px 0px 80px 0px;position: relative;background: #e7f2f9;}
#extention section{border-radius: 6px;border:1px solid #D4DCFF;padding: 20px;background: #fff;transition: all .3s ease-in-out;}
#extention section:hover{box-shadow: 0px 1px 8px 4px rgba(77, 77, 77, 0.15);}
#extention section img{margin-bottom: 10px;}
#extention section h4{font-size: 20px;font-weight: 400;padding:20px 0px;margin-bottom: 10px;}
#extention section p{font-weight: 400;padding:20px 0px; }
#extention section a{font-size: 16px;border-radius: 4px;background: #0a94d7;padding: 8px 20px;transition: all .3s ease-in-out;}
#extention section a:hover{background: #3d3d3d;padding: 8px 20px;}

#extention section .wht{background: #fff;border:1px solid #D4DCFF;color: #000;}
#extention section .wht:hover{color: #fff;}

#craft {padding:0px 0px 60px 0px;position: relative;}
#craft .hosting-feature{margin-top: 50px;
    ul{
        @include ul;
        display: flex;
        /* flex-direction: column; */
        gap: 25px;
        padding: 0px;
        li{
            .hosting-feature__single{
                display: inline-flex;
                gap: 15px;
                padding: 10px 10px 10px 15px;
                border-radius: 6px;
                &amp;.feature__one{
                    background: linear-gradient(90deg, #baed73 -15.91%, rgba(217, 217, 217, 0.00) 82.63%);
                    border: 1px solid #bbe385;
                    transition: all .3s ease-in-out;
                }
                &amp;.feature__one:hover{background: #baed73;}
                &amp;.feature__two{
                    background: linear-gradient(90deg, #89cef0 -15.91%, rgba(217, 217, 217, 0.00) 82.63%);
                    border: 1px solid #D6E8FF;
                    transition: all .3s ease-in-out;
                }
                &amp;.feature__two:hover{background: #89cef0;}
                &amp;.feature__three{
                    background: linear-gradient(90deg, #ffb06c -15.91%, rgba(217, 217, 217, 0.00) 82.63%);
                    border: 1px solid #fed1aa;
                    transition: all .3s ease-in-out;
                }
                &amp;.feature__three:hover{background: #ffb06c;}
                &amp;.feature__four{
                    background: linear-gradient(90deg, #869de0 -15.91%, rgba(217, 217, 217, 0.00) 82.63%);
                    border: 1px solid #E8DCFF;
                    transition: all .3s ease-in-out;
                }
                &amp;.feature__four:hover{background: #869de0;}
                p{ margin: 0;font-weight: var(--semibold);color: #2D3C58;font-size: 22px;margin-left: 28px;line-height: 28px;
                }

            }
            .hosting-feature__single i{position: absolute;color: #2D3C58;font-size: 22px;margin-top: 4px;}
        }
    }
}            


@media only screen and (min-width:320px)and (max-width:479px){
    .inner-banner{background-size: cover;height: auto;}
    .inner-banner h1{font-size: 30px;}
    .price-details p a{font-size: 20px;}
    .section-title h2{font-size: 20px;margin: 10px 0px;}
    .section-title h2::before{bottom: -5px;}
    .feature-item-content h4{font-size: 18px;}
    #features a{font-size: 18px;}
    #support section{padding: 15px 20px 35px 20px;}
    #support .section-title h2{font-size: 26px;}
    #support .section-title h2::before{left: 6.8%;bottom: -5px;margin-top: 0px !important;}
    #support p{margin: 20px 0px 25px 0px;}
    #support h5 a{font-size: 18px !important;}
    #support h5 a i{font-size: 18px;}
    #support .img{display: none;}
    #why{padding:30px 0px}
    #why h3{font-size: 18px;}
    #why h3 img{margin-right: 10px;width: 32px;}
    #migrate{padding:30px 0px}
    #migrate .section-title{margin-bottom: 20px;}
    #migrate .section-title h2{margin-bottom: 20px;}
    #migrate h4{font-size: 18px;}

    #features{padding: 20px 0;}
    #features p{font-size: 14px !important;}

    #tips{padding:30px 0px}
    #tips h3{font-size: 18px;padding: 10px 0px 0px 0px;}
    #tips h3 img{margin-right: 10px;width: 32px;}
    #tips p{font-size: 14px !important; padding: 0px;}
    #tips .mt-5{margin-top: 0rem !important;}
    #tips .mb-4, .mb-5{margin-bottom: 0rem !important;}
    #tips a{top: 14px;position: relative;}
    .trust-review{padding:30px 0px}
    .trust-review section h2{font-size: 24px;padding: 10px 0px;}

    #wpfeatures{padding: 30px 0px;}
    #wpfaq h2{font-size: 24px;}
    #wpfaq h3{padding: 10px;}

    #wpthemes h2{padding: 0%;line-height: 35px;}
    #wpthemes h2 span{font-size: 18px;}

    .faq-categories ul li.active a::before{display: none;}
    .faq-categories ul li.active a{width: 100%;display: inline-block;}
    .faq-categories ul li a{width: 100%;display: inline-block;}
    #extention{padding: 30px 0px;}
    #extention .mb-4{margin-bottom: 10px !important;}

    #craft{padding: 0px;}
    #craft .hosting-feature ul{display: grid;gap: 15px;}
    #craft .hosting-feature {
        &amp; ul {
          &amp; li {
            &amp; .hosting-feature__single {display: flex !important;}
          }
        }
    }  
}
@media only screen and (min-width:480px) and (max-width:767px){
    .inner-banner{background-size: cover;height: auto;}
    .inner-banner h1{font-size: 30px;}
    .price-details p a{font-size: 20px;}
    .section-title h2{font-size: 20px;margin: 10px 0px;}
    .section-title h2::before{bottom: -5px;}
    .feature-item-content h4{font-size: 18px;}
    #support section{padding: 15px 20px 35px 20px;}
    #support .section-title h2{font-size: 26px;}
    #support .section-title h2::before{left: 6.8%;bottom: -5px;margin-top: 0px !important;}
    #support p{margin: 20px 0px 25px 0px;}
    #support h5 a{font-size: 18px !important;}
    #support h5 a i{font-size: 18px;}
    #support .img{display: none;}
    #why{padding:30px 0px}
    #why h3{font-size: 18px;}
    #why h3 img{margin-right: 10px;width: 32px;}
    #migrate{padding:30px 0px}
    #migrate .section-title{margin-bottom: 20px;}
    #migrate .section-title h2{margin-bottom: 20px;}
    #migrate h4{font-size: 18px;}
    #tips{padding:30px 0px}
    #tips h3{font-size: 18px;padding: 10px 0px 0px 0px;}
    #tips h3 img{margin-right: 10px;width: 32px;}
    #tips p{font-size: 14px !important; padding: 0px;}
    #tips .mt-5{margin-top: 0rem !important;}
    .trust-review{padding:30px 0px}
    .trust-review section h2{font-size: 24px;padding: 10px 0px;}
    #wpfeatures{padding: 30px 0px;}
    #wpfaq h2{font-size: 24px;}
    #wpfaq h3{padding: 10px;}

    #wpthemes h2{padding: 0%;line-height: 35px;}
    #wpthemes h2 span{font-size: 18px;}

    .faq-categories ul li.active a::before{display: none;}
    .faq-categories ul li.active a{width: 100%;display: inline-block;}
    .faq-categories ul li a{width: 100%;display: inline-block;}
    #extention{padding: 30px 0px;}
    #extention .mb-4{margin-bottom: 10px !important;}

    #features p{font-size: 14px !important;}

    #craft{padding: 0px;}
    #craft .hosting-feature ul{display: grid;gap: 15px;}
    #craft .hosting-feature {
        &amp; ul {
          &amp; li {
            &amp; .hosting-feature__single {display: flex !important;}
          }
        }
    } 
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .inner-banner{background-size: cover;height: auto;}
    .inner-banner h1{font-size: 30px;}
    .price-details p a{font-size: 20px;}
    .section-title h2{font-size: 22px;margin: 0px 0px 30px 0px;}
    .section-title h2::before{bottom: -5px;}
    .feature-item-content{height: 300px;}
    .feature-item-content h4{font-size: 18px;}
    #support section{padding: 15px 20px 35px 20px;}
    #support .section-title h2{font-size: 26px;}
    #support .section-title h2::before{left: 6.8%;bottom: -5px;margin-top: 0px !important;}
    #support p{margin: 20px 0px 25px 0px;}
    #support h5 a{font-size: 18px !important;}
    #support h5 a i{font-size: 18px;}
    #support .img{display: none;}
    #why{padding:30px 0px}
    #why h3{font-size: 18px;}
    #why h3 img{margin-right: 10px;width: 32px;}
    #migrate{padding:30px 0px}
    #migrate .section-title{margin-bottom: 20px;}
    #migrate .section-title h2{margin-bottom: 20px;}
    #migrate h4{font-size: 18px;}
    #tips{padding:30px 0px}
    #tips h3{font-size: 18px;padding: 10px 0px 0px 0px;}
    #tips h3 img{margin-right: 10px;width: 32px;}
    #tips p{font-size: 14px !important; padding: 0px;}
    #tips .mt-5{margin-top: 0rem !important;}
    .trust-review{padding:30px 0px}
    .trust-review section h2{font-size: 24px;padding: 10px 0px 20px 0px;}
    #wpfeatures{padding: 30px 0px;}
    #wpfaq h2{font-size: 24px;}
    #wpfaq h3{padding: 10px;}
    #wpfaq span{left: 20%;}

    #wpthemes h2{padding: 0%;line-height: 35px;margin-top: 20px;}
    #wpthemes h2 span{font-size: 18px;}
    .faq-categories ul li.active a::before{display: none;}
    .faq-categories ul li.active a{width: 100%;display: inline-block;}
    .faq-categories ul li a{width: 100%;display: inline-block;}
    #extention{padding: 30px 0px;}
    #extention .mb-4{margin-bottom: 10px !important;}

    #features p{font-size: 14px !important;}

    #craft{padding: 0px;}
    #craft .hosting-feature ul{display: grid;gap: 15px;}
    #craft .hosting-feature {
        &amp; ul {
          &amp; li {
            &amp; .hosting-feature__single {display: flex !important;}
          }
        }
    }  
}
@media (min-width: 1024px){#support .img{display: block;width: 500px;}}
@media (min-width: 1280px){#support .img{display: block;width: 628px;}}
@media (min-width: 1440px){#support .img{display: block;width: 700px;}}
@media (min-width:1920px){#support .img{display: block;width: 938px;}}</pre></body></html>