/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* -----------------------------------------
           02. BASE TYPOGRAPHY
-------------------------------------------- */
body{
    background-color: #ffffff;
/*   */
    color: #2a2e36;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

}
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
body, button, input, select, textarea{
/*   */
}

h1, h2, h3, h4, h5 {
    margin: 0 0 1.75rem;
/*    font-family: 'Roboto', sans-serif !important;*/
    font-weight: 500;
    line-height: 1.21;
    color: initial;
}


small, .text_small {
    font-size: 0.8em;
}

strong, b {
    font-weight: 700 !important;
/*   */
}

.badge {
    display: inline;
    padding: 0.20rem .5rem;
    line-height: inherit;
   
    font-weight: 700;
    font-size: 77%;
}

.badge-pill {
    padding-right: .875em;
    padding-left: .875em;
    border-radius: 50rem;
}

/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
.d-flex{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.align-items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.ptb-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 100px;
}

.pt-165 {
    padding-top: 165px;
}

.pb-100 {
    padding-bottom: 100px;
}
.ptb-60{
    padding: 60px 0;
}
.mb-0{
    margin-bottom: 0;
}
.mb-40{
    margin-bottom: 40px;
}
.mt--165 {
    margin-top: -165px !important;
}
.mt--100{
    margin-top: -100px !important;
}
.gray-light-bg {
    background: #fafafa;
}

.primary-bg {
    background: #0948b3 !important;
}

.secondary-bg {
    background: #7100b9;
}

.color-primary {
    color: #0948b3 !important;
}

.color-secondary {
    color: #7100b9
}

.gradient-bg {
    background: #0948b3 !important;
}

.white-bg {
    background: #ffffff;
}

a {
    color: #0948b3;
}

a:hover {
    color: #0948b3;
    text-decoration: none;
}

.color-1 {
    color: #ff164e;
}

.color-1-bg {
    background: rgba(255, 22, 78, 0.15);
}

.color-2 {
    color: #7100b9;
}

.color-2-bg {
    background: rgba(145, 35, 255, 0.15);
}

.color-3 {
    color: #0948b3;
}

.color-3-bg {
    background: rgba(0, 115, 236, 0.15);
}

.color-4, .ratting-color {
    color: #ff7c3f;
}

.color-4-bg {
    background: rgba(255, 124, 63, 0.15);
}

.color-5, .success-color {
    color: #2ebf6d;
}

.color-5-bg {
    background: rgba(46, 191, 109, 0.15);
}

.color-6 {
    color: #f25c7f;
}

.color-6-bg {
    background: rgba(242, 92, 127, 0.15);
}
.animated-btn {
    transition: all .25s ease-in-out;
}

.animated-btn:hover {
    transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
}

.outline-btn, .secondary-solid-btn, .primary-solid-btn, .solid-white-btn, .outline-white-btn, .secondary-outline-btn, .danger-btn, .success-btn {
    padding: 12px 30px;
   
    font-weight: 500;
    font-size: 13px;
    transition: all .25s ease-in-out;
}
.danger-btn{
    background: #ff6e63;
    border-color: #ff6e63;
    color: #ffffff;
}
.danger-btn:hover{
    background: #f75447;
    border-color: #f75447;
    color: #ffffff;
}
.success-btn{
    background: #1fc063;
    border-color: #1fc063;
    color: #ffffff;
}
.success-btn:hover{
    background: #398439;
    border-color: #398439;
    color: #ffffff;
}
.primary-solid-btn {
    border: 1px solid #0948b3;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .15);
    background: #0948b3;
    color: #ffffff;

}

.primary-solid-btn:hover {
    background: transparent;
    color: #0948b3;
}
.btn.primary-solid-btn:focus, .btn.outline-btn:focus, .danger-btn:focus, .success-btn:focus{
    outline: none;
}
.btn.primary-solid-btn:focus{
    color: #ffffff;
    background: #0948b3;
}
.secondary-solid-btn {
    color: #fff;
    background: #7100b9;
    border: 1px solid #7100b9;
}

.secondary-solid-btn:hover {
    background: transparent;
    color: #7100b9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.secondary-outline-btn{
    color: #7100b9;
    display: inline-block;
    border: 1px solid #7100b9;
    background: transparent;
}
.secondary-outline-btn:hover{
    background: #7100b9;
    color: #ffffff;
}
.outline-btn {
    position: relative;
    display: inline-block;
    color: #0948b3;
    border: 1px solid #0948b3;
    background: transparent;
}
.outline-btn:after{
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: -1;
    border-radius: 4px;
    opacity: 0;
    transition: 400ms;
    text-shadow: 0 0.5px 0.3px rgba(0,0,0,.1);
    background: #0948b3;
}

.outline-btn:hover:after{
    opacity: 1;
}
.outline-btn:hover{
    color: #ffffff;
    background: #0948b3;
}

.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.primary-bg h1, .primary-bg p {
    color: #fff;
}

.solid-white-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #0948b3;
}

.solid-white-btn:hover {
    background: transparent;
    color: #ffffff;
}

.outline-white-btn {
    color: #ffffff;
    border-color: #ffffff;
}

.outline-white-btn:hover {
    background: #ffffff;
    color: #0948b3;
}
.text-white{
    color: #ffffff;
}

/*icon size*/
.icon-sm {
    font-size: 25px;
    line-height: 25px;
}

.icon-md {
    font-size: 30px;
    line-height: 30px;
}

.icon-lg {
    font-size: 45px;
    line-height: 45px;
}
@media (min-width: 768px){
    .lead {
        font-size: 18px;
        line-height: 28px;
    }
}

/*form field css*/
.form-control {
    border-color: #ebebeb;
    padding: .75rem  15px;
    height: calc(2.56em + .75rem + 2px);
    box-shadow: none;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1 !important;
    font-size: 13px;
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value {
    /* Firefox 18- */
    color: #b1b1b1;
    font-size: 13px;
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value {
    /* Firefox 19+ */
    color: #b1b1b1;
    font-size: 13px;
}

input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1;
    font-size: 13px;
}
select.form-control.has-value{
    height: 52px;
}
.section-heading h2 span {
    font-weight: 400;
    font-size: 2rem;
}

.z-index {
    z-index: 9;
}
.gradient-overlay {
    position: relative;
    width: 100%;
}

.gradient-overlay:before {
    position: absolute;
    content: '';
    background: rgba(9, 72, 179, .88);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.height-lg-100vh {
    min-height: 100vh;
}
@media (max-width: 576px){
    .height-lg-100vh {
        height: auto;
    }
}
.custom-badge {
    top: 5%;
    right: 8%;
}

section#home-banner{
    padding: 70px 0 !important;
}

.hero-equal-height {
    position: relative;
    min-height: 550px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background-color: #0948b3 !important;
}

.hero-content-wrap h2{
    font-size: 3.052em;
    color: #ffffff;
    padding: 0 !important;
}
/*main menu css*/

@media (max-width: 776px){
    .topbar-text{
        display: none;
    }
}
.topbar-text p{
    margin-bottom: 0;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 600;
    color: #757575;
}
.topbar-text p i{
    margin-right: 5px;
}
ul.top-nav{
    margin-top: 0;
}
ul.top-nav>li>a{
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 500;
}
ul.top-nav>li.primary-action>a.btn{
    padding: initial;
    background-color: transparent;
    border-radius: 0;
    color: #0948b3;
}

.navbar-brand {
    height: auto;
    display: block;
    margin-right: 10px;
    padding: 21px 15px;
}
.header-main-menu.header-fixed .navbar-brand{
    padding: 16px 15px;
}

.navbar-main{
   
}
.navbar-main .navbar-nav>li>a {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
   
    color: #2a2e36;
    font-weight: 400;
}
.navbar-main, section#main-menu, .navbar-main li.account{
    background-color: transparent;
}

.dropdown-menu>li>a{
   
    font-weight: 400;
    color: #757575;
    padding: 10px 18px;
}
.navbar-main .navbar-nav>.active>a,
.navbar-main .navbar-nav>.active>a:focus,
.navbar-main .navbar-nav>.active>a:hover,
.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.open>a:focus,
.navbar-main .navbar-nav>.open>a:hover,
.navbar-main .navbar-nav>li>a:focus,
.navbar-main .navbar-nav>li>a:hover, .navbar-main .navbar-nav .dropdown-menu>li>a:hover {
    background-color: transparent;
    opacity: 1;
    color: #0948b3 !important;
}

.navbar-main .dropdown-menu{
    padding: 0;
}


.dropdown-menu{
    min-width: 220px;
    padding: 0;
    border: none;
}
.nav .nav-divider {
    margin: 0;
    background: transparent;
}

.navbar-nav>li>.dropdown-menu, .navbar-nav .open .dropdown-menu{
    border-top: 2px solid #0948b3;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    -webkit-box-shadow: 0 12px 20px 0 rgba(23, 28, 33, .16);
    box-shadow: 0 12px 20px 0 rgba(23, 28, 33, .16);

}


.white-bg.gradient-bg .navbar-main .navbar-nav>li>a{
    color: #ffffff !important;
}

@media (min-width: 991px){
    .navbar-main #primary-nav{
        display: flex !important;
        justify-content: flex-end;
    }
}


@media (max-width: 991px){
    .navbar-main .navbar-nav>li>a {
        padding: 6px 20px !important;
    }
}
@media (min-width: 320px) and (max-width: 991px){
    .header-main-menu {
        background: #ffffff !important;
    }
    .navbar-main .navbar-nav>li>a{
        padding: 8px 12px;
    }
    .navbar-right .dropdown-menu{
        position:relative;
    }
    .secondary-nav{
        align-items: baseline !important;
    }
}

@media (max-width: 767px){
    .navbar-nav .open .dropdown-menu{
        background-color: #f5f5f5 !important;
    }
    .navbar-main .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #0948b3;
    }
    .navbar-main .navbar-nav .open .dropdown-menu>li>a {
        color: inherit;
        padding: 6px 30px;
    }

}

.secondary-nav{
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 40px !important;
    margin-right: 0 !important;
}
@media (max-width: 991px){
    .secondary-nav{
        margin-left: 0 !important;
    }
}
a.sign-up-btn{
    border:1px solid #e6e8ec;
    padding: 8px 15px !important;
    border-radius: 3px;
}
a.sign-up-btn:hover{
    background-color: #f5f5f5 !important;
}
a.login-btn{
    color: #fff !important;
    background-color: #0948b3;
    border:1px solid #0948b3;
    padding: 8px 15px !important;
    border-radius: 3px;
    opacity: 1!important;
}
a.login-btn:hover{
    border-color: #0948b3;
    color: #0948b3 !important;
}
a.login-btn{
    margin-left: 6px;
}
.secondary-nav li a.notification i{
    position: relative;
}
.secondary-nav li a.notification span.dot-circle{
    position: relative;
    border-radius: 50%;
}

.secondary-nav li a.notification span.dot-circle:before{
    content: "";
    width: 6px;
    height: 6px;
    line-height: 6px;
    display: table;
    right: -6px;
    top: -4px;
    border-radius: 50%;
    position: absolute;
    background-color: #F64E60;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 78, 96, .15), 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15);
        box-shadow: 0 0 0 0 rgba(246, 78, 96, .15), 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15)
    }
    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15), 0 0 0 20px rgba(246, 78, 96, 0);
        box-shadow: 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15), 0 0 0 20px rgba(246, 78, 96, 0)
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 78, 96, .15), 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15);
        box-shadow: 0 0 0 0 rgba(246, 78, 96, .15), 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15)
    }
    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15), 0 0 0 20px rgba(246, 78, 96, 0);
        box-shadow: 0 0 0 5px rgba(246, 78, 96, .15), 0 0 0 10px rgba(246, 78, 96, .15), 0 0 0 20px rgba(246, 78, 96, 0)
    }
}

.language-chooser .dropdown-menu{
    height: 300px;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    left: auto;
}
.user-name{
    border-bottom: 1px solid #e6e8ec;
}
.user-name span{
    display: block;
    font-size: 12px;
}




/*domain search css*/


section#home-banner .btn{
    font-size: 14px;
    font-weight: 600;
}
section#home-banner .btn.transfer{
    border-radius: 0 4px 4px 0 !important;
}
.domain-search-field.input-group-lg>.form-control{
    font-size: inherit;
}
section#home-banner .form-control{
    border-radius: 4px 0 0 4px !important;
}
section#home-banner .btn.search{
    background-color: #092e6d;
    border-radius: 0 4px 4px 0;
}
section#home-banner .btn.search:focus{
    outline: none;
}
section#home-banner .btn.transfer{
    background-color: rgba(113, 0, 185, 0.93);
}
section#home-banner .btn.search i, section#home-banner .btn.transfer i{
    padding: 5px !important;
}
section#home-banner #inputCaptcha.form-control, #default-captcha-domainchecker #inputCaptcha.form-control{
    border-radius: 2px !important;
    height: auto;
    padding: 2px 10px;
}
#inputCaptchaImage{
    margin-right: 10px;
    margin-left: auto;
}
#default-captcha-domainchecker{
    display: inline-block;
}
section#home-banner .captchaimage, .captchaimage{
    display: inline-block;
}



/*Promo section css*/

.lead{
    font-weight: 400;
}

@media (min-width: 992px){
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0!important;
    }
}

@media (min-width: 768px){
    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem!important;
    }
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}


.p-5 {
    padding: 3rem!important;
}

.single-promo-card {
    position:relative;
    border-radius: 16px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: 1px solid rgba(93, 118, 174, 0.15);
}
a .single-promo-card p{
    color: #2a2e36;
}
.promo-body {
    padding: 35px;
}
.promo-icon span{
    font-size:30px;
    margin-bottom: 15px;
}
.single-promo-card.single-promo-hover:before {
    content: '';
    position: absolute;
    right: -20px;
    width: 50px;
    height: 50px;
    bottom: -20px;
    border-radius: 20px;
    background-color: #0948b3;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
}

.single-promo-card.single-promo-hover {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
    z-index: 1;
}
.single-promo-card.single-promo-hover:hover:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: #0948b3;
}
.single-promo-card.single-promo-hover:hover span, .single-promo-card.single-promo-hover:hover h5, .single-promo-card.single-promo-hover:hover p {
    color: #fff !important;
}

.popular-categories-list li {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
    transition: all 0.3s ease-in;
}

.popular-categories-list li:last-child {
    margin-bottom: 0;
}

.help-center-box-link {
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: -50px;
    transition: all 0.3s ease-in;
}

.popular-categories-list li:hover {
    background: #f5f5f5;
}

.popular-categories-list li:hover .help-center-box-link {
    right: 20px;
}

.animation-image-wrap{
    position: relative;
}

.animation-icon-img {
    position: absolute;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
    animation: bounce 1s ease-in-out 0s infinite alternate
}

.animation-icon-img.animation-icon-1 {
    left: 15%;
    top: 30%;
}

.animation-icon-img.animation-icon-2 {
    left: inherit;
    right: 45%;
    top: 0;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.animation-icon-img.animation-icon-3{
    top: 30%;
    left: 75%;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animation-icon-img.animation-icon-4 {
    left: inherit;
    right: 45%;
    top: 60%;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}
.animation-icon-img.animation-icon-5{
    left: 42%;
    top: 24%;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

.domain-search-list {
    position: relative;
    display: block;
    margin-top: 15px;
}
.domain-search-list li a img{
    margin-bottom: 6px;
}

.domain-search-list li:last-child:after {
    border: none;
}

.domain-search-list li:not(:last-child) {
    margin-right: 0 !important;
}

.domain-search-list li:last-child {
    border-right: none;
}

.domain-search-list li a {
    display: inline-block;
    padding: 0;
    text-align: center;
    font-weight: 600;
    color: inherit;
}

.domain-search-list li a span {
    font-size: 15px;
    line-height: 15px;
    display: block;
    opacity: 0.7;
}
.domain-search-field{
    width: 75%;
}
@media (min-width: 320px) and (max-width: 575px){
    .domain-search-list li a{
        padding: 0;
    }
    .domain-search-list li:last-child{
        display: none;
    }
    .domain-search-list li:last-child:after {
        border: none;
    }
    .domain-search-field{
        width: 100% !important;
    }
}


.align-center-row{
    display: flex;
    -ms-flex-align: center!important;
    align-items: center!important;
}
@media (min-width: 320px) and (max-width: 991px){
    .align-center-row{
        display: block;
    }
}
/*Main body css*/
section#main-body{
    padding: 60px  0;
}
.main-content{
    margin-bottom: 0;
    min-height: auto;
}

/*breadcrumb  css*/
div.header-lined h1{
    font-size: 26px;
    font-weight: 500;
    color: #404040;
}
div.header-lined small{
    font-size: 50%;
}
.page-header-content h1{
    margin-bottom: 0;
    font-size: 32px;
    line-height: 38px;
    font-weight: 300;
}
.page-header-content p {
    margin-bottom: 3px;
    font-weight: 300;
    font-size: 18px;
}

/*sidebar css*/

/*domain search css*/


h2.font-25{
    font-size: 20px;
    margin-top: 15px;
}

/*foter css*/
#footer .back-to-top-btn{
    position: relative;
    display: block;
    width: 100%;
}
#footer .back-to-top {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
}
#footer .back-to-top i {
    padding: 10px;
    background-color: #096ad0;
    color: #fff;
    border-radius: 3px;
}

.footer-top {
    padding: 65px 0;
}

.security-icon-list li{
    margin: 0 10px 15px 0;
}

@media (min-width: 320px) and (max-width: 567px) {
    .footer-top {
        padding: 50px 0;
    }
}

.footer-nav-wrap h4 {
    font-size: 13px;
    margin-bottom: 1.4rem;
    color: #ffffff;
}

.footer-nav-wrap ul li a {
    font-size: 13px;
    line-height: 24px;
    padding: 3px 0;
    color: #ffffff;
    opacity: 0.8;
}

.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover {
    opacity: 1;
    text-decoration: none;
}
.footer-nav-wrap .nav>li>a:focus, .footer-nav-wrap .nav>li>a:hover{
    background-color: transparent !important;
    opacity: 1;
}
@media (min-width: 320px) and (max-width: 991px){
    .footer-nav-wrap{
        margin-top: 20px;
    }
}
.footer-bottom{
    padding: 12px  0;
    background: #092e6d;
}
.payment-method{
    text-align: right;
}
.payment-method ul {
    align-items: center;
    margin-bottom: 0;
}
.payment-method ul li a{
    color: #ffffff;
    opacity: 0.8;
}
.payment-method ul li a:hover{
    opacity: 1;
}

.payment-method ul li img {
    max-width: 60px;
}

.payment-method ul li:last-child img {
    margin-right: 0;
}
@media (min-width: 320px) and (max-width: 767px){
    .payment-method{
        text-align: left;
        margin-top: 5px;
    }
}
.language-chooser .dropdown-menu li a{
    color: #2a2e36;
}
.language-chooser button.btn{
    padding: 2px 8PX;
    background: transparent;
    color: #ffffff;
    border-color: #43689e;
}
.language-chooser button.btn:focus{
    outline: none;
}
.login-languase-chooser span {
    color: #ffffff;
    opacity: 0.7;
}
.login-languase-chooser a{
    color: #ffffff;
}
.small-text {
    font-size: 13px;
}
.copyright-text {
    font-size: 13px;
    margin-bottom: 0;
}

.social-list-default li a {
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 32px;
    border-radius: 3px;
    border: 1px solid rgba(93, 118, 174, 0.9);
}


.social-list li a {
    padding: 6px 10px;
}

.footer-nav-list li a span {
    font-size: 12px;
    vertical-align: middle;
}

.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 55px;
}
.social-nav ul li a{
    color: #ffffff;
    opacity: 0.8;
    transition: all 0.3s ease-in;
}


.tooltip-hover{
    position: relative;
}

.tooltip-hover a{
    display: block;
}

.tooltip-item{
    position: absolute;
    background-color: rgb(255, 255, 255);
    pointer-events: none;
    color: rgb(51, 51, 51);
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.tooltip-item:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.tooltip-hover:hover .tooltip-item{
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}
.tooltip.show p {
    text-align:left;
}
/*new demo style start*/


.header-main-menu {
    position: relative;
    border-radius: 0;
    width: 100%;
    z-index: 9;
    transition: all 0.2s ease-in-out;
    animation-duration: 1s;
    animation-name: slideInDown;
}
.header-main-menu.header-fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99999;
    background: #ffffff !important;
    -webkit-box-shadow: 0 9px 18px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.04);
    opacity: 1;
    left: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    animation-duration: 1s;
    animation-name: slideInDown;
}


.header-main-menu.header-fixed .navbar-main .navbar-nav>li>a{
    padding-top: 2rem;
    padding-bottom: 2rem;
    transition: all 0.2s ease-in-out;
    animation-duration: 1s;
    animation-name: slideInDown;
}
.navbar-main .navbar-toggle{
    padding: 21px 15px;
}
.navbar-main .navbar-toggle span{
    background-color: #0948b3 !important;
}
/*services section css*/
.rounded{
    border-radius: 4px;
}
.section-heading-center{
    width: 70%;
    margin: 0 auto;
    display: block;
}
.section-heading-center p.mb-0{
    margin-bottom: 0 !important;
}
.single-service-plane{
    padding: 45px;
    margin-top: 30px;
}
.single-service-plane img{
    margin-bottom: 1rem;
}
.service-plane-content h3{
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.action-wrap{
    margin-top: 12px;
}

@media (min-width: 320px) and (max-width: 767px){
    .section-heading-center{
        width: 100%;
    }
}

/*new services style*/
.border {
    border: 1px solid rgba(93, 118, 174, 0.15) !important;
}
.single-service {
    margin-top: 30px;
    padding: 45px;
}
.single-service .service-header span.h5 {
    font-size: 14px;
    color: #7c9cc2;
}

.support-action a {
    color: #c0ccda;
    font-weight: 400;
    margin-right: 15px;
}
/*=========================================
          25. BREADCRUMB CSS
============================================*/
.page-header-section{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
    background: #0948b3;
}



.custom-breadcrumb ol li.list-inline-item:not(:last-child){
    margin-right: 0;
}

.custom-breadcrumb ol{
    margin-bottom: 0;
    margin-left: 0;
}
.custom-breadcrumb ol li a, .custom-breadcrumb ol li.breadcrumb-item.active{
    opacity: 0.9;
    font-size: 13px;
   ;
    color: #ffffff;
    font-weight: 300;
}
.custom-breadcrumb ol li.breadcrumb-item.active{
    color: #bababa;
}
.custom-breadcrumb ol li a:hover, .page-header-breadcrumb .custom-breadcrumb ol li a:hover{
    opacity: 1;
}
.custom-breadcrumb ol li.breadcrumb-item{
    padding-left: 0;
}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content: none;
}
.border-bottom {
    border-bottom: 1px solid #ebebeb !important;
}
.custom-breadcrumb ol li.breadcrumb-item i{
    margin-left: 6px;
    vertical-align: middle;
    color: #cde1f9;
}
/*======================================
       07. PRICING SECTION CSS
=======================================*/
.card.single-pricing-pack {
    transition: all 0.2s ease 0s;
    border-radius: 1rem !important;
    border: 2px solid transparent;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}



.package-name h5 span:before, .package-name h5 span:after {
    content: "";
    position: absolute;
}


.package-name h5 span{
    width: 184px;
    height: 20px;
    line-height: 16px;
    position: absolute;
    top: 24px;
    right: 0;
    left: 230px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 3px #0948b3, 0px 21px 5px -18px rgba(0,0,0,0.6);
    background: #0948b3;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
}
.single-pricing-pack .card-body {
    color: rgb(132, 146, 166);
    flex: 1 1 auto;
    padding: 40px 55px;
}
.single-pricing-pack .card-body.px-5{
    padding-left: 3.5rem!important;
    padding-right: 3.5rem!important;
}
.pricing-header {
    position: relative;
    background: transparent;
    padding: 10px 15px 20px;
}

.pricing-header .price {
    font-size: 25px;
    font-weight: 700;
   
    color: #404040;
}
.pricing-header p {
    margin: 5px 0;
}
.pricing-header .price span {
    font-size: 14px;
    margin-left: 4px;
}

.pricing-header::after {
    content: "";
    display: block;
    width: 15%;
    position: absolute;
    bottom: 0;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 2px;
    background: #0948b3;
}

.pricing-feature-list br{
    display: none;
}
.pricing-feature-list li i{
    font-size: 14px;
}
.pricing-feature-list li {
    font-size: 15px;
    line-height: 24px;
    color: #7c8088;
    padding: 6px 0;
}
.pricing-feature-list li span {
    font-weight: 500;
   
    color: #404040;
    font-size: 14px;
}
.single-pricing-pack li.del{
    opacity: 0.7;
}


.package-name h5{
    margin-bottom: 0;
}

/*call to action */
.action-btns{
    margin-top: 15px;
}
.action-btns a:first-child{
    margin-right: 15px;
}
@media (max-width: 575px) and (min-width: 320px){
    .action-btns a.btn {
        margin: 8px 0;
    }
}

/*about css*/
.tech-feature-list li{
    padding: 5px 0;
}
.tech-feature-list li span{
    margin-right: 8px;
}

/*=======================================
        12. FEATURE SECTION CSS
=======================================*/
/*feature box css*/
.features-box {
    position: relative;
    display: block;
    padding: 21px;
}

.features-box-icon {
    display: table-cell;
    vertical-align: top;
}

.features-box-content {
    display: table-cell;
    padding-left: 20px;
}

/*technical feature*/
.tech-feature-list li{
    font-size: 14px;
}


/*=========================================
      24. CLIENT RATTING OR REVIEW CSS
============================================*/
.single-testimonial{
    padding: 35px;
    margin-top: 20px;
}
.ratting-list{
    margin-left: 0;
}
.ratting-list li {
    background: #fbae00;
    padding: 0;
    margin: 0;
    line-height: initial
}

.ratting-list li:not(:last-child) {
    margin-right: -1px !important;
}

.ratting-list li span {
    font-size: 14px;
    color: #ffffff;
    padding: 0 4px;
    line-height: 21px;
}

.ratting-author h6 {
    font-weight: bold;
    display: inline-block;
    font-size: 13px;
}

.ratting-author{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*==============================
        10. FAQ CSS
===============================*/
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.accordion-faq .card {
    border-radius: 0;
    border: 0;
}

.accordion-faq .card-header {
    padding: 15px 0;
    background: transparent;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    margin-bottom: 0 !important;
    color: inherit;

}

.accordion-faq .card-header h6 {
   ;
    font-weight: 500;
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    margin: 0;
}

.accordion-faq .card-body {
    padding: 25px 0;
    background: transparent;
}

.accordion-faq .card-header.collapsed:after {
    content: "\f067";
    transition: 0.5s;
}

.accordion-faq .card-header:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    float: right;
    transition: 0.5s;
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.faq-wrap .card {
    border: 0;
}
.accordion > .card {
    overflow: hidden;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.faq-wrap .card .card-header.collapsed {
    background: transparent;
}
.faq-wrap .card .card-header {
    padding: 15px 20px;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px 4px 0 0;
    background: #0948b3;
    margin-bottom: 0;
    border: 1px solid rgba(93, 118, 174, 0.15);
}
.faq-wrap .card .card-body {
    border-radius: 0 0 4px 4px;
    padding: 12px 20px;
}
.faq-wrap .card .card-header h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    margin-top: 0;
}
.faq-wrap .card .card-header.collapsed h6 {
    color: initial;
}

/*login css*/
.auth-wrap{
    position:relative;
    background-image: url(../img/auth-bg-2.jpg);
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-x: hidden;
    display: table;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.auth-wrap:before{
    position: absolute;
    content: '';
    background: rgba(9, 72, 179, .85) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.auth-wrap #main-body{
    background: transparent !important;
    display: flex;
    align-items: center;
    height: auto;
    flex: 1 0 auto;
}
.auth-content-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.auth-content-wrap .logo{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-lined.auth-header{
    margin-bottom: 35px;
}
.header-lined.auth-header p{
    color: #b7b2b2;
    font-size: 13px;
}
.header-lined.auth-header h1{
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.logincontainer{
    max-width: 400px !important;
}
.logincontainer, .signupcontainer{
    border: 1px solid #e6e8ec;
    border-radius: 6px;
    padding: 0;
    background: #ffffff;
    margin: 20px auto;
    width: 100%;

}
#registration{
    padding: 0;
}
.logincontainer .auth-body, .signupcontainer .auth-body{
    padding: 35px 35px 0!important;
}
.auth-footer{
    background: #f6f7f8;
    padding: 20px;
}
.logincontainer.signupcontainer{
    max-width: 718px !important;
}
.signupcontainer{
    margin: 20px auto !important;
}
@media (min-width: 768px){
    .logincontainer.with-social .login-form {
        padding: 0 !important;
        border-right: none;
    }
}


.btn-social.btn-google{
    padding: 10px 30px;
    text-align: center;
}
.logincontainer .custom-social-signup .social-signin-btns .btn{
    width: auto;
    margin: 10px auto;
    display: inline-block;
}
.custom-social-signup .btn-social.btn-google{
    margin: 0 auto;
}
.custom-social-signup .sub-heading{
    display: none;
}
.custom-social-signup .social-signin-btns{
    padding-top: 0;
}
.social-signin-btns button.fb-login-button{
    padding: 10px 24px;
}
.social-signin-btns button.fb-login-button:focus, .custom-social-signup .btn-social.btn-google:focus{
    outline: none;
}
.other-login-signup {
    text-align: center;
    overflow: hidden;
}
.other-login-signup .or-login-signup {
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0 25px;
    z-index: 1;
}
.other-login-signup .or-login-signup:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #e5e9f2;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
}
.other-login-signup .or-login-signup:after {
    display: inline-block;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #e5e9f2;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
}




/*no data found css*/

.message-no-data {
    text-align:center;
    padding: 32px;
    min-height: 320px;
    justify-content: center;
    border: 1px solid #e6e8ec;
}
.message-no-data .message-image{
    margin-bottom: 15px;
    color:#a2a1a1;
}
.message, .message-icon {
    display: flex;
}
.message {
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
}
.client-alerts .message p{
    text-align: left !important;
}
.message hr{
    margin: 0;
    margin-bottom: 10px;
}
.ticket-reply .message p:last-of-type{
    margin-bottom: 0;
}

.paises{
    width: 16px;
    vertical-align: middle;
    margin-right: 2px;
}
#currency-dropdown a span{
    font-size: 12px;
}
#currency-dropdown .dropdown-menu{
    min-width: 65px;
}


/*footer social css*/
.social-list li a {
    color: #fff;
    opacity: 0.8;
    transition: all 0.3s ease-in;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #82a1c1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.social-list li a span {
    font-size: 14px;
    vertical-align: middle;
}
.social-list li a:hover {
    background: #092e6d;
    border-color: #092e6d;
}
.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: auto;
    z-index: 2;
}
.tooltip-hover {
    position: relative;
}
.tooltip-hover a {
    display: block;
}
.tooltip-item {
    position: absolute;
    background-color: #fff;
    pointer-events: none;
    color: #333;
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    box-shadow: #699cf3;
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.tooltip-item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.tooltip-hover:hover .tooltip-item {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}



/* new pricing style*/
.single-pricing-pack-2 {
    padding: 45px 32px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.single-pricing-pack-2 .pricing-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    line-height: 64px;
    margin: 0 auto 32px;
}

.single-pricing-pack-2 .package-title {
    font-weight: 400;
    position: relative;
}
.single-pricing-pack-2 .package-title span {
    background: #083e9b;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    padding: 3px 10px;
}
.single-pricing-pack-2 .package-title span:after, .single-pricing-pack-2 .package-title span:before {
    content: "";
    position: absolute;
}
.single-pricing-pack-2 .pricing-price {
    position: relative;
    padding-top: 25px;
}
.single-pricing-pack-2 .pricing-price:after {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    height: 2px;
    width: 32px;
    margin-left: -16px;
    background: #0948b3;
}
.single-pricing-pack-2 .pricing-price small {
    color: #a6acb9;
    font-size:14px;
}
.single-pricing-pack-2 .pricing-price .h2{
    margin-top: 0;
}
.single-pricing-pack-2 .pricing-price .price-cycle {
    font-weight: 400;
}
.feature-price {
    position: relative;
    overflow: hidden;
}

/*switcher*/
.switch {
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 24px;
}
.switch__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 20px;
    opacity: 0;
    z-index: 0;
}
.switch__label {
    display: block;
    padding: 0 0 0 44px;
    cursor: pointer;
}
.switch__label:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 14px;
    z-index: 1;
    -webkit-transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch__label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
    -webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: left, background-color;
    transition-property: left, background-color;
}

.switch__input:checked + .switch__label:before {
    background-color: rgba(63, 81, 181, 0.5);
}
.switch__input:checked + .switch__label:after {
    left: 16px;
    background-color: #3f51b5;
}

/*recommended addon css*/
.recommended-addon h3{
    font-size: 20px;
}
.promo-banner{
    background-color: #f5f5f5;
    border-color: #e6e8ec;
}
.promo-banner h3{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
.promo-banner h4{
    font-size: 14px;
    font-weight: 400;
}
.promo-banner h3 small>a{
    color: #0948b3;
    font-size:13px;
}
.promo-banner .btn, .store-order-container .btn{
    padding: 12px 30px;
   
    font-weight: 500;
    font-size: 13px;
}

.promo-banner .btn:focus{
    outline: none;
}
.promo-banner .content ul li i{
    font-weight:900;
    color: #0948b3;
}
.promo-banner .btn,
.promo-banner.spamexperts .btn,
.promo-banner.marketgoo .btn,
.promo-banner.ox .btn,
.promo-banner.sitelock .btn,
.promo-banner.weebly .btn,
.promo-banner.codeguard .btn,
.promo-banner.sitelockvpn .btn{
    background: #0948b3;
}
.promo-banner.symantec{
    border-top: 3px solid;
}
.promo-banner.weebly,
.promo-banner.sitelock,
.promo-banner.ox,
.promo-banner.symantec,
.promo-banner.marketgoo,
.promo-banner.codeguard,
.promo-banner.spamexperts,
.promo-banner.sitelockvpn{
    border-top-color: #0948b3;
}
.sidebar.sidebar-secondary .panel-body{
    background: #f5f5f5;
}
.sidebar.sidebar-secondary .panel-body a{
    font-weight: 400 !important;
}
.sidebar.sidebar-secondary .panel-body a img{
    max-width: 70%;
    padding: 10px;
}
.sidebar.sidebar-secondary .panel-body a span{
    color: #757575;
}
.sidebar.sidebar-secondary .panel-sidebar>.panel-footer{
    background: #ffffff;
}
.panel-default form img {
    width: 80px;
    margin-right: 15px;
}
.store-order-container{
    margin: 0;
    padding: 0;
}
.store-promoted-product{
    padding: 30px;
    border-radius: 4px;
    margin: 50px 0 0;
}
.store-promoted-product ul.features{
    margin: 0;
    font-size: 15px;
    font-weight: 400;
}
.store-promoted-product .btn{
    padding: 12px 30px;
   
    font-weight: 500;
    font-size: 13px;
}
.store-order-container .store-domain-tabs{
    margin-top: 0;
}
.store-order-container .store-domain-tabs li a{
    margin-right: 0;
    padding: 12px 15px;
}
.upgrade .product-to-be-upgraded{
    padding: 25px;
    background-color: #f5f5f5;
}
.upgrade .product-to-be-upgraded h5{
    font-size: 15px;
    margin-top: 5px;
}
.upgrade .products .product .header{
    padding: 30px;
    text-align: center;
    background-color: #0948b3;
    border-radius: 4px 4px 0 0;
    min-height: 130px;
    position: relative;
}
.upgrade .products .product ul{
    border-left-color: #e6e8ec;
    border-right-color: #e6e8ec;
}
.upgrade .products .product .footer{
    border-color: #e6e8ec;
    border-radius: 0 0 4px 4px;
}
.upgrade .products .product ul li strong{
    font-weight: 600;
}
.upgrade .products .product ul li span{
    float: inherit;
}
.upgrade .products .product ul li{
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    color: #757575;
    border-bottom: none;
}
.upgrade .products .product ul, .upgrade .products .product .footer{
    background: #f5f5f5;
}
.upgrade .products .product .header h4{
    margin-bottom: 5px !important;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.upgrade .products .product .btn{
    background: #0948b3;
}
.upgrade .products .product .recommended,
.upgrade .products .product .current{
    position: absolute;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: 500;
    background: #ffffff;
    color: #0948b3;
    bottom: -10px;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 60%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
}



/* =========================================================
   KPS Systems Main Website Theme - WHMCS V5
   Visual language aligned with kpssystems.co.in V43.
   ========================================================= */
:root{--kps-navy:#1d262d;--kps-green:#017842;--kps-cyan:#55c99a;--kps-ink:#182127;--kps-muted:#60706f;--kps-line:#dfe8e3;--kps-soft:#f4f8f6;--kps-white:#fff;--kps-green-soft:#e9f6ef;--kps-shadow:0 18px 50px rgba(29,38,45,.10);--kps-radius:20px}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--kps-ink)!important;background:#fff!important;line-height:1.65!important}
a{color:inherit}
.kps-container{width:min(1160px,92%);margin-left:auto;margin-right:auto}
.kps-topbar{background:var(--kps-navy);color:#dce8f7;font-size:13px}
.kps-topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}
.kps-topbar a{color:#fff;font-weight:600;margin-left:18px}
.kps-main-nav{position:sticky;top:0;z-index:1050;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #e7edf5}
.kps-nav-inner{min-height:78px;display:flex;align-items:center;gap:26px}
.kps-brand{display:flex;align-items:center;flex:0 0 auto}.kps-brand img{width:104px;height:74px;object-fit:contain;display:block}
.kps-main-menu{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:13px;font-weight:700;color:#26364c}
.kps-menu-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none!important;padding:10px 2px}.kps-menu-item:hover,.kps-menu-item.active{color:var(--kps-green)}
.kps-menu-icon{font-size:14px;line-height:1;color:currentColor}
.kps-nav-dropdown{position:relative;display:flex;align-items:center}.kps-nav-dropdown-toggle{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:10px 2px;cursor:pointer;white-space:nowrap}.kps-chevron{font-size:12px;margin-left:3px}.kps-nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:-10px;min-width:255px;padding:8px;background:#fff;border:1px solid var(--kps-line);border-radius:14px;box-shadow:var(--kps-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:.18s ease;z-index:1100}.kps-nav-dropdown-menu a{display:block;padding:11px 13px;border-radius:9px;text-decoration:none!important;color:var(--kps-ink)}.kps-nav-dropdown-menu a:hover{background:var(--kps-soft);color:var(--kps-green)}.kps-nav-dropdown:hover .kps-nav-dropdown-menu,.kps-nav-dropdown:focus-within .kps-nav-dropdown-menu,.kps-nav-dropdown.is-open .kps-nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.kps-nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.kps-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:11px 17px;font-weight:800;font-size:13px;border:1px solid transparent;text-decoration:none!important;transition:.2s}.kps-btn-outline{border-color:#cbd7e6;color:var(--kps-ink);background:#fff}.kps-btn-outline:hover{border-color:var(--kps-green);color:var(--kps-green)}
.kps-cart-link{width:38px;height:38px;border-radius:10px;border:1px solid #dbe5e0;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none!important;background:#fff}.kps-cart-link b{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;border-radius:99px;background:var(--kps-green);color:#fff;font-size:10px;line-height:18px;text-align:center}
.kps-mobile-toggle-v5{display:none;border:0;background:#fff;width:44px;height:44px;padding:8px;cursor:pointer;border-radius:9px}.kps-mobile-toggle-v5 span{display:block;width:24px;height:2px;margin:5px auto;background:var(--kps-navy);border-radius:3px}.kps-mobile-menu-v5{display:none}
.kps-pagehero{padding:58px 0 52px;background:linear-gradient(135deg,#f4faf7,#fff);border-bottom:1px solid #e7edf5}.kps-pagehero h1{font-size:clamp(34px,4vw,50px)!important;line-height:1.1!important;letter-spacing:-.04em!important;color:var(--kps-navy)!important;margin:0 0 10px!important}.kps-pagehero p{color:var(--kps-muted);font-size:16px;max-width:720px;margin:0}.kps-breadcrumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:#718197;margin-bottom:18px;flex-wrap:wrap}.kps-breadcrumbs a:hover{color:var(--kps-green)}.kps-breadcrumbs strong{color:var(--kps-ink)}
.kps-main-content-shell{padding-top:46px;padding-bottom:70px}.kps-primary-content{min-width:0}.kps-sidebar-column .sidebar{border:1px solid var(--kps-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(7,26,51,.04);margin-bottom:18px}.kps-sidebar-column .panel-heading{background:var(--kps-navy)!important;color:#fff!important;border:0!important}.kps-sidebar-column a:hover{color:var(--kps-green)!important}
.kps-primary-content h1,.kps-primary-content h2,.kps-primary-content h3,.kps-primary-content h4,.kps-primary-content h5{color:var(--kps-navy)}.kps-primary-content .panel,.kps-primary-content .card,.kps-primary-content .custom-card-block,.kps-primary-content .well,.kps-primary-content .product,.kps-primary-content .domain-checker-box{border:1px solid var(--kps-line);border-radius:var(--kps-radius);box-shadow:0 8px 25px rgba(7,26,51,.04);background:#fff}.kps-primary-content .panel-heading{background:#f4f8f6;border-color:var(--kps-line);color:var(--kps-navy);border-radius:20px 20px 0 0}.kps-primary-content .btn-primary,.kps-primary-content .primary-solid-btn,.kps-primary-content .btn-success{background:var(--kps-green)!important;border-color:var(--kps-green)!important;color:#fff!important;border-radius:11px!important;font-weight:800}.kps-primary-content .btn-primary:hover,.kps-primary-content .primary-solid-btn:hover,.kps-primary-content .btn-success:hover{background:#00663a!important;border-color:#00663a!important}.kps-primary-content .form-control,.kps-primary-content input,.kps-primary-content textarea,.kps-primary-content select{border:1px solid #d4deea;border-radius:11px;min-height:44px}.kps-primary-content .form-control:focus,.kps-primary-content input:focus,.kps-primary-content textarea:focus,.kps-primary-content select:focus{border-color:var(--kps-cyan);box-shadow:0 0 0 3px rgba(85,201,154,.12)}
.kps-footer{background:#061426;color:#aebed2;padding:62px 0 25px}.kps-footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:32px}.kps-footer h4{color:#fff;margin:0 0 14px;font-size:15px}.kps-footer a{display:block;color:#aebed2;margin:7px 0;text-decoration:none}.kps-footer a:hover{color:#fff}.kps-footer p{max-width:300px;line-height:1.7}.kps-footer-brand{padding-right:20px}.kps-footer-logo{width:150px;height:100px;object-fit:contain;object-position:left center;background:#fff;border-radius:8px;padding:7px;margin-bottom:14px}.kps-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.kps-footer-bottom a{display:inline;margin:0}
body.auth-wrap{background:linear-gradient(135deg,#f4faf7,#fff)!important}.auth-wrap .kps-topbar,.auth-wrap .kps-main-nav{display:none}.auth-wrap .auth-content-wrap{padding-top:70px;padding-bottom:70px}.auth-wrap .logincontainer{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--kps-line);border-radius:22px;box-shadow:var(--kps-shadow);overflow:hidden}.auth-wrap .auth-body{padding:38px}.auth-wrap .auth-footer{padding:18px 30px;background:var(--kps-soft)}.auth-wrap .auth-header h1{color:var(--kps-navy)!important}.auth-wrap .logo img{max-width:110px;max-height:85px;object-fit:contain}.auth-wrap .form-control{border-radius:11px;border-color:#d4deea}.auth-wrap .primary-solid-btn{background:var(--kps-green)!important;border-color:var(--kps-green)!important;color:#fff!important;border-radius:11px}
.language_modal .modal-content{border:1px solid var(--kps-line);border-radius:18px;overflow:hidden}.language_modal .modal-header{background:var(--kps-soft);border-bottom-color:var(--kps-line)}
@media(max-width:1150px){.kps-main-menu{gap:11px;font-size:12px}.kps-nav-inner{gap:18px}.kps-client-login{padding:10px 12px}}
@media(max-width:980px){.kps-main-menu,.kps-nav-actions{display:none!important}.kps-mobile-toggle-v5{display:block;margin-left:auto}.kps-mobile-menu-v5{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--kps-line);box-shadow:0 18px 40px rgba(29,38,45,.16);padding:12px 16px 18px;display:none}.kps-mobile-menu-v5.is-open{display:block}.kps-mobile-menu-v5>a{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:9px;color:var(--kps-ink);font-weight:700;text-decoration:none}.kps-mobile-menu-v5>a:hover{background:var(--kps-soft);color:var(--kps-green)}.kps-mobile-group-title{font-size:11px;letter-spacing:.1em;font-weight:900;color:#718197;padding:15px 12px 5px}.kps-mobile-login{margin-top:8px!important;background:var(--kps-green)!important;color:#fff!important;justify-content:center}.kps-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.kps-footer-brand{grid-row:span 2}.kps-main-content-shell{padding-top:30px}}
@media(max-width:650px){.kps-topbar{font-size:11px}.kps-topbar-inner{height:auto;min-height:38px;padding:8px 0;display:block}.kps-top-links{display:block;margin-top:2px}.kps-topbar a{margin:0 14px 0 0}.kps-brand img{width:92px;height:64px}.kps-nav-inner{min-height:68px}.kps-pagehero{padding:42px 0 38px}.kps-pagehero h1{font-size:36px!important}.kps-main-content-shell{padding-bottom:50px}.kps-footer-grid{grid-template-columns:1fr 1fr}.kps-footer-brand{grid-column:1/-1;grid-row:auto}.kps-footer-bottom{display:block}.kps-footer-bottom span{display:block;margin-top:8px}.auth-wrap .auth-content-wrap{padding-top:35px}.auth-wrap .auth-body{padding:25px 20px}}
@media(max-width:430px){.kps-footer-grid{grid-template-columns:1fr}.kps-footer-brand{grid-column:auto}.kps-footer-logo{width:135px}}


/* =========================================================
   KPS Systems Main Site Alignment - V6 fixes
   ========================================================= */
:root{--primary:#017842!important;--primary-dark:#1d262d!important;--primary-darker:#061426!important;--primary-light:#e9f6ef!important;--success:#017842!important;--info:#55c99a!important;--body-color:#4d5e73!important;--heading-color:#1d262d!important;--border-color:#dfe8e3!important}
body,.body-wraper{background:#fff!important;color:#182127!important}
.kps-topbar,.kps-main-nav{display:block!important}
.kps-nav-actions .kps-btn-logout{background:#017842!important;border-color:#017842!important;color:#fff!important}
.kps-nav-actions .kps-btn-logout:hover{background:#00663a!important;border-color:#00663a!important}
.kps-mobile-logout{display:flex!important;align-items:center;gap:13px;padding:13px 12px;border-radius:9px;color:#b42318!important;font-weight:800;text-decoration:none!important;background:#fff5f4!important;margin-top:6px}
.kps-footer{display:block!important;clear:both;position:relative;z-index:2}
.kps-footer-logo{width:150px;height:100px;object-fit:contain;object-position:center;background:#fff;border-radius:8px;padding:7px;margin-bottom:14px}
.kps-sidebar-column .panel-heading,.kps-sidebar-column .panel-heading .panel-title,.kps-sidebar-column .panel-heading a,.kps-sidebar-column .panel-heading .panel-minimise,.sidebar .panel-sidebar .panel-heading .panel-title{color:#fff!important}
.kps-sidebar-column .panel-heading{background:#1d262d!important}
.kps-sidebar-column .panel-body,.kps-sidebar-column .list-group-item{color:#4d5e73!important;background:#fff!important}
.kps-sidebar-column .list-group-item a,.kps-sidebar-column .panel-body a{color:#26364c!important}
.kps-sidebar-column .list-group-item a:hover,.kps-sidebar-column .panel-body a:hover{color:#017842!important}
.kps-sidebar-column .btn,.kps-sidebar-column .btn-default{color:#26364c;background:#fff;border-color:#dfe8e3}
.kps-sidebar-column .btn-primary,.kps-sidebar-column .btn-success{background:#017842!important;border-color:#017842!important;color:#fff!important}
.kps-primary-content,.kps-primary-content p,.kps-primary-content li,.kps-primary-content td,.kps-primary-content label,.kps-primary-content .form-group{color:#4d5e73}
.kps-primary-content h1,.kps-primary-content h2,.kps-primary-content h3,.kps-primary-content h4,.kps-primary-content h5,.kps-primary-content h6,.kps-primary-content strong{color:#1d262d}
.kps-primary-content .panel-heading,.kps-primary-content .panel-heading .panel-title{color:#1d262d!important}
.kps-primary-content a{color:#017842}.kps-primary-content a:hover{color:#00663a}
.client-home-panels .panel-title,.client-home-panels .panel-title a{color:#1d262d!important}.client-home-panels .panel-body{color:#4d5e73!important}.client-home-panels .panel-body a{color:#017842!important}
.tiles .tile-title,.tiles .tile-icon,.tiles .tile{color:#1d262d!important}.tiles .tile{background:#fff!important;border:1px solid #dfe8e3!important}
.badge-success,.label-success{background:#017842!important;color:#fff!important}.btn-primary,.primary-solid-btn,.btn-success{background:#017842!important;border-color:#017842!important;color:#fff!important}.btn-primary:hover,.primary-solid-btn:hover,.btn-success:hover{background:#00663a!important;border-color:#00663a!important}
.auth-wrap{background:linear-gradient(135deg,#f4faf7 0%,#fff 70%)!important;min-height:100vh}.auth-wrap .kps-topbar,.auth-wrap .kps-main-nav{display:block!important}.auth-wrap .auth-content-wrap{padding-top:55px!important;padding-bottom:70px!important;background:transparent!important}.auth-wrap .logincontainer{max-width:540px;margin:0 auto;background:#fff;border:1px solid #dfe8e3;border-radius:22px;box-shadow:0 18px 50px rgba(29,38,45,.10);overflow:hidden}.auth-wrap .auth-body{padding:38px!important}.auth-wrap .auth-header h1{color:#1d262d!important}.auth-wrap .auth-header .logo img{max-width:110px!important;max-height:85px!important}.auth-wrap .form-control{background:#fff!important;color:#182127!important;border:1px solid #d4deea!important;border-radius:11px!important}.auth-wrap .form-control::placeholder{color:#8795a5!important}.auth-wrap .primary-solid-btn{background:#017842!important;border-color:#017842!important;color:#fff!important}.auth-wrap .auth-footer{background:#f4f8f6!important;color:#4d5e73!important}.auth-wrap .auth-footer a{color:#017842!important}.auth-wrap .language-chooser{color:#4d5e73!important}
@media(max-width:980px){.kps-nav-actions{display:none!important}.kps-mobile-toggle-v5{display:block!important;margin-left:auto}.kps-footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){.auth-wrap .auth-content-wrap{padding-top:30px!important;padding-bottom:45px!important}.auth-wrap .auth-body{padding:25px 20px!important}.kps-footer-grid{grid-template-columns:1fr 1fr}.kps-footer-brand{grid-column:1/-1;grid-row:auto}}
@media(max-width:430px){.kps-footer-grid{grid-template-columns:1fr}.kps-footer-brand{grid-column:auto}}


/* =========================================================
   KPS Systems Unified Main-Site Theme - V7
   ========================================================= */
:root{--kps-green:#017842;--kps-green-dark:#00663a;--kps-navy:#1d262d;--kps-ink:#182127;--kps-muted:#60706f;--kps-line:#dfe8e3;--kps-soft:#f4f8f6;--kps-white:#fff;--kps-shadow:0 18px 50px rgba(29,38,45,.10);--kps-radius:20px}
html,body{min-height:100%;}
body,.body-wraper{background:#fff!important;color:var(--kps-ink)!important}
.kps-container{width:min(1160px,92%);margin-left:auto;margin-right:auto}
.kps-topbar{background:#1d262d!important;color:#dce8f7!important;border:0!important}
.kps-topbar a{color:#fff!important}
.kps-main-nav{background:#fff!important;border-bottom:1px solid #e7edf5!important;box-shadow:none!important}
.kps-nav-inner{min-height:78px!important}
.kps-brand img{width:178px!important;height:auto!important;object-fit:contain}
.kps-main-menu{color:#26364c!important}
.kps-menu-item,.kps-nav-dropdown-toggle{color:#26364c!important}
.kps-menu-item:hover,.kps-menu-item:focus,.kps-nav-dropdown-toggle:hover{color:var(--kps-green)!important}
.kps-nav-dropdown-menu{background:#fff!important;border:1px solid var(--kps-line)!important;box-shadow:var(--kps-shadow)!important}
.kps-nav-dropdown-menu a{color:var(--kps-ink)!important}.kps-nav-dropdown-menu a:hover{background:var(--kps-soft)!important;color:var(--kps-green)!important}
.kps-btn-outline{border-color:#cbd7e6!important;color:var(--kps-ink)!important;background:#fff!important}.kps-btn-outline:hover{border-color:var(--kps-green)!important;color:var(--kps-green)!important}
.kps-btn-logout{background:var(--kps-green)!important;border-color:var(--kps-green)!important;color:#fff!important}
.kps-cart-link{background:#fff!important}
.kps-pagehero{background:linear-gradient(135deg,#f4faf7,#fff)!important;border-bottom:1px solid #e7edf5!important}
.kps-pagehero h1{color:var(--kps-navy)!important}.kps-pagehero p{color:var(--kps-muted)!important}
.kps-main-content-shell{padding-top:44px!important;padding-bottom:70px!important}
.kps-sidebar-column .sidebar{background:#fff!important;border:1px solid var(--kps-line)!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(7,26,51,.04)!important;overflow:hidden}
.kps-sidebar-column .panel-heading{background:var(--kps-navy)!important;color:#fff!important}.kps-sidebar-column .panel-heading *{color:#fff!important}
.kps-sidebar-column .panel-body,.kps-sidebar-column .list-group-item{background:#fff!important;color:#4d5e73!important}.kps-sidebar-column .list-group-item a,.kps-sidebar-column .panel-body a{color:#26364c!important}.kps-sidebar-column .list-group-item a:hover,.kps-sidebar-column .panel-body a:hover{color:var(--kps-green)!important}
.kps-primary-content{color:#4d5e73!important}.kps-primary-content h1,.kps-primary-content h2,.kps-primary-content h3,.kps-primary-content h4,.kps-primary-content h5,.kps-primary-content h6,.kps-primary-content strong{color:var(--kps-navy)!important}.kps-primary-content p,.kps-primary-content li,.kps-primary-content td,.kps-primary-content label{color:#4d5e73!important}.kps-primary-content a{color:var(--kps-green)!important}
.kps-primary-content .panel,.kps-primary-content .card,.kps-primary-content .well,.kps-primary-content .product{background:#fff!important;border:1px solid var(--kps-line)!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(7,26,51,.04)!important}.kps-primary-content .panel-heading{background:var(--kps-soft)!important;color:var(--kps-navy)!important;border-color:var(--kps-line)!important}.kps-primary-content .panel-heading *{color:var(--kps-navy)!important}
.kps-primary-content .form-control,.kps-primary-content input,.kps-primary-content textarea,.kps-primary-content select{background:#fff!important;color:var(--kps-ink)!important;border:1px solid #d4deea!important;border-radius:11px!important}
.btn-primary,.primary-solid-btn,.btn-success{background:var(--kps-green)!important;border-color:var(--kps-green)!important;color:#fff!important;border-radius:11px!important}.btn-primary:hover,.primary-solid-btn:hover,.btn-success:hover{background:var(--kps-green-dark)!important;border-color:var(--kps-green-dark)!important}
.badge-success,.label-success{background:var(--kps-green)!important;color:#fff!important}
.kps-footer{display:block!important;visibility:visible!important;opacity:1!important;clear:both!important;position:relative!important;z-index:20!important;background:#061426!important;color:#aebed2!important;padding:62px 0 25px!important;margin-top:0!important}
.kps-footer-grid{display:grid!important;grid-template-columns:1.45fr repeat(4,1fr)!important;gap:32px!important}.kps-footer h4{color:#fff!important}.kps-footer a{color:#aebed2!important}.kps-footer a:hover{color:#fff!important}.kps-footer p{color:#aebed2!important}.kps-footer-logo{width:150px!important;height:100px!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important;padding:7px!important}
.kps-footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important;color:#aebed2!important}.kps-footer-bottom a{color:#aebed2!important}
/* Authentication: remove the legacy blue overlay/background and use the same KPS shell. */
body.auth-wrap{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:100vh!important;z-index:auto!important;background:linear-gradient(135deg,#f4faf7 0%,#fff 70%)!important;overflow-x:hidden!important}
body.auth-wrap:before{display:none!important;content:none!important;background:transparent!important}
.auth-wrap #main-body{display:block!important;min-height:0!important;height:auto!important;background:transparent!important}
.auth-wrap .kps-topbar,.auth-wrap .kps-main-nav{display:block!important;position:relative!important;z-index:50!important}
.auth-wrap .auth-content-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:55px 15px 65px!important;background:transparent!important}
.auth-wrap .logincontainer,.auth-wrap .signupcontainer{max-width:540px!important;width:100%!important;margin:0 auto!important;background:#fff!important;border:1px solid var(--kps-line)!important;border-radius:22px!important;box-shadow:var(--kps-shadow)!important;overflow:hidden!important}
.auth-wrap .auth-body{padding:38px!important}.auth-wrap .auth-header h1{color:var(--kps-navy)!important}.auth-wrap .auth-header p{color:#60706f!important}.auth-wrap .auth-header .logo{height:auto!important}.auth-wrap .auth-header .logo img{max-width:110px!important;max-height:85px!important}.auth-wrap .form-control{background:#fff!important;color:var(--kps-ink)!important;border:1px solid #d4deea!important;border-radius:11px!important}.auth-wrap .form-control::placeholder{color:#8795a5!important}.auth-wrap .forgot-link{color:var(--kps-green)!important}.auth-wrap .primary-solid-btn{background:var(--kps-green)!important;border-color:var(--kps-green)!important;color:#fff!important}.auth-wrap .auth-footer{background:var(--kps-soft)!important;color:#4d5e73!important}.auth-wrap .auth-footer a{color:var(--kps-green)!important}.auth-wrap .language-chooser{color:#4d5e73!important}
/* Unified client dashboard */
.kps-dashboard-intro{margin:0 0 24px;background:linear-gradient(135deg,#f4faf7,#fff);border:1px solid var(--kps-line);border-radius:20px;padding:30px 32px}.kps-dashboard-intro-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.kps-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--kps-green);font-size:11px;font-weight:900;letter-spacing:.12em}.kps-eyebrow:before{content:'';width:24px;height:2px;background:#55c99a}.kps-dashboard-intro h2{margin:8px 0 6px!important;color:var(--kps-navy)!important;font-size:32px!important}.kps-dashboard-intro p{margin:0;color:var(--kps-muted)!important}.kps-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.kps-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:11px;font-weight:800;text-decoration:none!important}.kps-dashboard-btn.primary{background:var(--kps-green);color:#fff!important}.kps-dashboard-btn.outline{border:1px solid #cbd7e6;background:#fff;color:var(--kps-ink)!important}.kps-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.kps-stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--kps-line);border-radius:16px;padding:20px;text-decoration:none!important;box-shadow:0 8px 25px rgba(7,26,51,.04)}.kps-stat-card:hover{transform:translateY(-2px);box-shadow:var(--kps-shadow)}.kps-stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e9f6ef;color:var(--kps-green);font-weight:900;font-size:20px}.kps-stat-number{font-size:27px;font-weight:900;line-height:1;color:var(--kps-navy)}.kps-stat-label{display:block;color:#60706f;font-size:12px;margin-left:-4px}.kps-dashboard-panels .panel{background:#fff!important;border:1px solid var(--kps-line)!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(7,26,51,.04)!important;overflow:hidden}.kps-dashboard-panels .panel-heading{background:#f4f8f6!important;border-bottom:1px solid var(--kps-line)!important;color:var(--kps-navy)!important;padding:15px 18px!important}.kps-dashboard-panels .panel-heading *{color:var(--kps-navy)!important}.kps-dashboard-panels .panel-body,.kps-dashboard-panels .list-group-item,.kps-dashboard-panels .panel-footer{color:#4d5e73!important;background:#fff!important}.kps-dashboard-panels .list-group-item{border-color:#edf2ef!important}.kps-dashboard-panels .list-group-item:hover{background:#f7faf8!important}.kps-dashboard-panels .list-group-item a,.kps-dashboard-panels a{color:var(--kps-green)!important}.kps-dashboard-panels .btn{border-radius:9px!important}.tiles{display:none!important}
@media(max-width:1000px){.kps-dashboard-stats{grid-template-columns:repeat(2,1fr)}.kps-footer-grid{grid-template-columns:1.5fr 1fr 1fr!important}.kps-dashboard-intro-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.kps-brand img{width:92px!important;height:64px!important}.kps-dashboard-stats{grid-template-columns:1fr}.kps-dashboard-intro{padding:24px 20px}.kps-dashboard-intro h2{font-size:27px!important}.kps-footer-grid{grid-template-columns:1fr 1fr!important}.kps-footer-brand{grid-column:1/-1}.auth-wrap .auth-content-wrap{padding:30px 12px 45px!important}.auth-wrap .auth-body{padding:25px 20px!important}}
@media(max-width:430px){.kps-footer-grid{grid-template-columns:1fr!important}.kps-footer-brand{grid-column:auto}}

/* KPS V9 — unified main-site navigation, no text-glyph encoding issues */
.kps-menu-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px}
.kps-menu-icon svg,.kps-cart-icon svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kps-cart-icon{display:inline-flex;align-items:center;justify-content:center}
.kps-cart-icon svg{width:17px;height:17px}
.kps-main-menu{gap:17px}
.kps-main-nav{border-bottom:1px solid #e2ebe6}
.kps-footer{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:50!important}
.kps-main-footer{width:100%!important}

/* Keep the WHMCS homepage visually consistent with KPS Systems main site. */
.kps-home-main{background:#fff}
.kps-home-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4faf7 0%,#fff 58%,#edf7f2 100%);border-bottom:1px solid #e3ebe6}
.kps-home-hero-inner{width:min(1200px,92%);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;padding:65px 0}
.kps-home-copy h1{font-size:clamp(42px,5vw,68px)!important;line-height:1.05!important;letter-spacing:-2px;color:var(--kps-navy)!important;margin:0 0 22px!important;font-weight:800!important}
.kps-home-copy h1 span{color:var(--kps-green)}
.kps-home-copy p{max-width:640px;color:var(--kps-muted);font-size:18px;line-height:1.75;margin:0 0 30px}
.kps-home-visual{display:flex;align-items:center;justify-content:center}
.kps-home-visual img{width:100%;max-width:560px;display:block}
.kps-home-trust{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:30px;padding-top:20px;border-top:1px solid #dfe8e3;color:#647078;font-size:12px;font-weight:700}
.kps-home-trust strong{color:var(--kps-green);margin-right:5px}
.kps-home-section{padding:72px 0}
.kps-home-section.soft{background:#f4f8f6}
.kps-home-center{text-align:center;max-width:820px;margin:0 auto 36px}
.kps-home-eyebrow{display:inline-flex;background:#e9f6ef;color:#017842;padding:6px 11px;border-radius:7px;font-size:11px;font-weight:900;letter-spacing:.08em}
.kps-home-center h2{font-size:38px!important;line-height:1.15!important;margin:14px 0 12px!important;color:var(--kps-navy)!important}
.kps-home-muted{color:var(--kps-muted);margin:0}
.kps-home-grid{display:grid;gap:18px}
.kps-home-grid.four{grid-template-columns:repeat(4,1fr)}
.kps-home-grid.three{grid-template-columns:repeat(3,1fr)}
.kps-home-card{background:#fff;border:1px solid #dfe8e3;border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(29,38,45,.05)}
.kps-home-card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e9f6ef;color:#017842;font-weight:900;font-size:20px;margin-bottom:16px}
.kps-home-card h3{margin:0 0 9px;color:var(--kps-navy)!important;font-size:20px!important}
.kps-home-card p{color:#65736f;margin:0 0 18px;font-size:14px}
.kps-home-card .kps-home-btn{display:inline-flex;padding:9px 14px;border:1px solid #cbd7e6;border-radius:9px;color:var(--kps-ink);font-size:12px;font-weight:800;text-decoration:none}
.kps-home-card .kps-home-btn:hover{border-color:#017842;color:#017842}
.kps-home-band{background:#061a31;color:#fff;padding:62px 0}
.kps-home-band h2{color:#fff!important;margin:0 0 12px!important}
.kps-home-band p{color:#c8d7e8}
.kps-home-band-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.kps-home-actions{display:flex;gap:10px;flex-wrap:wrap}
.kps-home-btn-primary{display:inline-flex;background:#017842;color:#fff!important;padding:12px 18px;border-radius:10px;font-weight:800;text-decoration:none}
.kps-home-btn-outline{display:inline-flex;background:#fff;color:#182127!important;border:1px solid #cbd7e6;padding:12px 18px;border-radius:10px;font-weight:800;text-decoration:none}
@media(max-width:900px){.kps-home-hero-inner{grid-template-columns:1fr;padding:50px 0}.kps-home-visual{order:2}.kps-home-grid.four{grid-template-columns:repeat(2,1fr)}.kps-home-grid.three{grid-template-columns:1fr}.kps-home-band-grid{grid-template-columns:1fr}}
@media(max-width:600px){.kps-home-copy h1{font-size:40px!important}.kps-home-section{padding:52px 0}.kps-home-grid.four{grid-template-columns:1fr}.kps-home-center h2{font-size:30px!important}}
\n/* KPS V10 — homepage follows the proven KPS Systems main-site / Erahost layout. */\n.kps-home-main{background:#fff!important}\n/* The homepage is intentionally allowed to use the original site's proven visual system. */\n.kps-home-main .container{width:min(1160px,92%)}\n.kps-home-main .display-4{color:#152c5b}\n.kps-home-main .m-btn-theme,.kps-home-main .m-btn-theme2nd{background:#008f4c!important;border-color:#008f4c!important}\n.kps-home-main .m-btn-theme:hover,.kps-home-main .m-btn-theme2nd:hover{background:#006b39!important;border-color:#006b39!important}\n/* Make the universal shell robust on every WHMCS page. */\nhtml,body{min-height:100%!important}\nbody{background:#fff!important;color:#53645f!important}\n.kps-main-nav{position:relative!important}\n.kps-footer{display:block!important;visibility:visible!important;opacity:1!important;clear:both!important}\n.kps-main-footer{width:100%!important;float:none!important}\n.kps-primary-content,.kps-main-content-shell{min-height:1px}\n/* Remove legacy blue authentication backgrounds and keep authentication pages inside the same KPS shell. */\nbody.auth-wrap,body.auth-wrap:before,body.auth-wrap:after{background:#fff!important;background-image:none!important}\n.auth-wrap .kps-topbar,.auth-wrap .kps-main-nav{display:block!important}\n.auth-wrap #main-body{background:#fff!important}\n.auth-wrap .auth-content-wrap{background:linear-gradient(135deg,#f4faf7 0%,#fff 70%)!important}\n/* Strong readable contrast for all client-area content. */\n.kps-primary-content,.kps-primary-content p,.kps-primary-content li,.kps-primary-content label,.kps-primary-content span,.kps-primary-content td,.kps-primary-content th{color:#53645f}\n.kps-primary-content h1,.kps-primary-content h2,.kps-primary-content h3,.kps-primary-content h4,.kps-primary-content h5,.kps-primary-content h6{color:#152c5b!important}\n.kps-primary-content a{color:#017842!important}\n.kps-primary-content .panel-heading,.kps-primary-content .panel-heading *{color:#152c5b!important}\n.kps-primary-content .table>thead>tr>th{color:#152c5b!important;background:#f4f8f6!important}\n.kps-primary-content .table>tbody>tr>td{color:#53645f!important;background:#fff!important}\n/* Navigation: no encoding-dependent text glyphs in service/menu icons. */\n.kps-menu-icon svg,.kps-cart-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}\n.kps-nav-dropdown-menu{z-index:2000!important}\n.kps-nav-dropdown:hover .kps-nav-dropdown-menu,.kps-nav-dropdown:focus-within .kps-nav-dropdown-menu,.kps-nav-dropdown.is-open .kps-nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}\n.kps-btn-logout{background:#fff!important;border:1px solid #e0caca!important;color:#b23b3b!important}\n.kps-btn-logout:hover{background:#fff5f5!important;border-color:#c95a5a!important;color:#a52f2f!important}\n/* Footer columns remain readable and full width even when WHMCS content is short. */\n.kps-footer{margin-top:0!important}\n.kps-footer h4{color:#fff!important}\n.kps-footer p,.kps-footer a,.kps-footer-bottom,.kps-footer-bottom a{color:#aebed2!important}\n.kps-footer a:hover,.kps-footer-bottom a:hover{color:#fff!important}\n@media(max-width:980px){.kps-main-menu,.kps-nav-actions{display:none!important}.kps-mobile-toggle-v5{display:block!important;margin-left:auto}.kps-mobile-menu-v5{z-index:2001!important}}\n
/* KPS V12 — homepage aligned with the current kpssystems.co.in public website. */
.kps-home-main{background:#fff;color:#53645f}
.kps-home-hero,.kps-home-split{padding:78px 0;background:#fff}
.kps-home-hero{background:linear-gradient(180deg,#f7fbf9 0%,#fff 100%)}
.kps-home-hero-grid,.kps-home-split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.kps-home-hero h1,.kps-home-split h2,.kps-home-services h2,.kps-home-products h2,.kps-home-infrastructure h2,.kps-home-cwp h2,.kps-home-why h2,.kps-home-ecosystem h2,.kps-home-ready h2{color:#1d262d;margin:0 0 18px;font-weight:800;letter-spacing:-.025em}
.kps-home-hero h1{font-size:54px;line-height:1.05}.kps-home-hero h1 span,.kps-home-split h2 span{color:#017842}
.kps-home-hero p,.kps-home-split p,.kps-home-services p,.kps-home-products p,.kps-home-cwp p,.kps-home-why p,.kps-home-ecosystem p,.kps-home-ready p{font-size:17px;line-height:1.75;max-width:680px}
.kps-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#017842;margin-bottom:15px}
.kps-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.kps-home-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:9px;text-decoration:none!important;font-weight:800}.kps-home-btn-primary{background:#017842;color:#fff!important}.kps-home-btn-primary:hover{background:#006537}.kps-home-btn-secondary{border:1px solid #cddbd4;color:#1d262d!important;background:#fff}.kps-home-btn-secondary:hover{border-color:#017842;color:#017842!important}
.kps-home-checks{display:flex;flex-wrap:wrap;gap:10px 20px;color:#53645f;font-size:13px;font-weight:700}.kps-home-hero-visual img,.kps-home-visual-card img{width:100%;max-height:390px;object-fit:contain}.kps-home-visual-card{background:#f4f8f6;border-radius:24px;padding:28px;min-height:350px;display:flex;align-items:center;justify-content:center}.kps-home-email-band{background:#f7fbf9}.kps-home-services,.kps-home-products,.kps-home-cwp,.kps-home-why,.kps-home-ecosystem,.kps-home-ready{padding:82px 0}.kps-home-services{background:#fff}.kps-home-section-heading{margin-bottom:34px;max-width:850px}.kps-home-section-heading h2{font-size:40px}.kps-home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kps-home-service-card{padding:28px;border:1px solid #e1ebe5;border-radius:16px;background:#fff;text-decoration:none!important;transition:.2s;box-shadow:0 7px 25px rgba(20,45,35,.04)}.kps-home-service-card:hover{transform:translateY(-3px);border-color:#a8cdbd;box-shadow:0 15px 35px rgba(20,45,35,.08)}.service-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#e9f5ef;color:#017842;font-weight:900;font-size:21px;margin-bottom:18px}.kps-home-service-card h3{color:#1d262d;margin:0 0 9px}.kps-home-service-card p{font-size:14px;line-height:1.65;margin:0 0 17px}.kps-home-service-card b,.kps-home-centre-link a{color:#017842}.kps-home-products{background:#f7faf8}.kps-home-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kps-home-product-card{background:#fff;border:1px solid #e0eae4;border-radius:16px;padding:27px;box-shadow:0 8px 26px rgba(20,45,35,.05)}.product-top{display:flex;justify-content:space-between;align-items:center;color:#017842;font-size:11px;font-weight:900;letter-spacing:.08em}.product-top em{font-style:normal;background:#e9f5ef;padding:5px 8px;border-radius:20px}.kps-home-product-card h3{font-size:23px;color:#1d262d;margin:17px 0 10px}.product-price{font-size:34px;font-weight:900;color:#1d262d}.product-price span{font-size:18px}.product-price small{font-size:12px;font-weight:700;color:#718078}.product-description{font-size:13px;line-height:1.55;min-height:85px;margin:15px 0;color:#53645f}.kps-home-product-btn{display:block;text-align:center;background:#017842;color:#fff!important;border-radius:9px;padding:12px;text-decoration:none!important;font-weight:800}.kps-home-centre-link{text-align:center;margin-top:28px}.kps-home-infrastructure{padding:82px 0;background:#071426;color:#c5d2df}.kps-home-section-heading.light h2{color:#fff}.kps-home-section-heading.light p{color:#c5d2df}.kps-home-infrastructure .kps-eyebrow{color:#59c88c}.kps-home-infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kps-home-infra-grid>div{padding:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px}.kps-home-infra-grid img{width:100%;height:180px;object-fit:contain;margin-bottom:15px}.kps-home-infra-grid h3{color:#fff}.kps-home-infra-grid p{font-size:14px;line-height:1.6}.kps-home-cwp{background:#fff}.kps-home-cwp-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center}.kps-home-cwp-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.kps-home-cwp-points span{font-size:13px;line-height:1.55;padding:15px;border:1px solid #e0eae4;border-radius:12px}.kps-home-cwp-points b{display:block;color:#1d262d;margin-bottom:4px}.kps-home-cwp-image{background:#f5faf7;border-radius:22px;padding:30px}.kps-home-cwp-image img{width:100%;max-height:420px}.kps-home-why{background:#f7fbf9}.kps-home-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.kps-home-why-list{display:grid;gap:14px}.kps-home-why-list span{padding:16px 18px;background:#fff;border:1px solid #e0eae4;border-radius:10px;font-weight:700}.kps-home-ecosystem{background:#fff}.kps-eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.kps-eco-grid a{padding:22px;border:1px solid #e0eae4;border-radius:14px;color:#1d262d!important;text-decoration:none!important;font-weight:800;display:flex;justify-content:space-between}.kps-eco-grid a span{color:#017842}.kps-home-ready{background:#eaf5ef}.kps-home-ready .kps-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.kps-home-ready h2{margin-bottom:8px}
@media(max-width:900px){.kps-home-hero-grid,.kps-home-split-grid,.kps-home-cwp-grid,.kps-home-why-grid{grid-template-columns:1fr}.kps-home-service-grid,.kps-home-product-grid,.kps-home-infra-grid{grid-template-columns:1fr 1fr}.kps-home-hero h1{font-size:44px}.kps-home-ready .kps-container{display:block}.kps-home-ready .kps-home-btn{margin-top:20px}.kps-home-visual-card{min-height:280px}}
@media(max-width:620px){.kps-home-hero,.kps-home-split,.kps-home-services,.kps-home-products,.kps-home-infrastructure,.kps-home-cwp,.kps-home-why,.kps-home-ecosystem,.kps-home-ready{padding:55px 0}.kps-home-service-grid,.kps-home-product-grid,.kps-home-infra-grid,.kps-home-cwp-points,.kps-eco-grid{grid-template-columns:1fr}.kps-home-hero h1{font-size:38px}.kps-home-section-heading h2{font-size:31px}.kps-home-checks{display:grid}.kps-home-actions{display:grid}.kps-home-btn{justify-content:center}}


/* KPS V13: client-area sidebar panels are permanently expanded */
.kps-services-sidebar .list-group,
.panel-sidebar .panel-body,
.panel-sidebar > .list-group {
    display: block !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}
.panel-sidebar .panel-heading {
    cursor: default !important;
}
.panel-sidebar .panel-minimise {
    display: none !important;
}
.kps-services-sidebar .list-group-item {
    display: block !important;
}