﻿.featured-plans-description1 {
    font-size: 15px
}
.login-body{
    overflow: hidden !important;
}

.package-content {
    margin-top: 15px !important
}

#ticketsPanel {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.list-group-item {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.list-group-item:hover {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.icon-list {
    list-style: none;
    padding-left: 25px
}

.icon-list li {
    position: relative;
    padding-left: 25px
}

.icon-list li::before {
    content: "\f09e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0
}

.align-left {
    text-align: left !important
}

.package-body {
    margin: 0 !important
}

.package-left-align {
    text-align: left;
    margin-top: -10px !important;
    margin-bottom: 20px !important
}

.custom-divider {
    width: 70px;
    height: 4px;
    background-color: #1062fe;
    margin: 0 auto;
    border-radius: 3px
}

.btn-custom {
    margin: 0 !important
}

.package-features>li>b i {
    margin: 0;
    color: #99a5c2;
    font-size: 15px;
    margin-bottom: 20px !important
}

.fa {
    font-size: 15px;
    font-weight: 700;
    color: #99a5c2
}

ul {
    list-style-type: none;
    padding: 0
}

.spacer-li {
    padding-top: 10px !important;
    padding-left: 8px !important
}

.extra-class {
    color: #17191c !important;
    font-weight: 600 !important
}

.btn-plan-noor {
    padding-right: 70px !important;
    padding-left: 70px !important
}

.spacing-div {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.spacing-div-plan11 {
    padding-bottom: 10px !important
}

.spacing-div-plan12 {
    padding-top: 50px !important
}

.spacing-div-plan13 {
    padding-top: 90px !important
}

@media (max-width:768px) {
    .spacing-div-plan12 {
        padding-top: 20px !important
    }

    .price-discount {
        background: #fff !important;
        text-decoration: line-through
    }

    .fa {
        padding-right: 5px !important
    }
}

.price-discount-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px !important
}

.original-price-1 {
    font-size: 17px !important;
    text-decoration: line-through;
    color: #666;
    margin-right: 8px;
    font-style: italic;
}


.save-discount-1 {
    font-size: 13px  !important;
    background-color: #e7edfc;
    color: #1062fe;
    padding: 0 8px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
}

.feature-title1 {
    margin-top: -6px !important;
    font-size: 22px;
    font-weight: 800
}


.intl-tel-input .country-list {
    overflow-y: auto
}

.intl-tel-input .country-list::-webkit-scrollbar {
    width: 4px
}

.intl-tel-input .country-list::-webkit-scrollbar-track {
    background: 0 0
}

.intl-tel-input .country-list::-webkit-scrollbar-thumb {
    background: #b2b4b9
}

.intl-tel-input .country-list::-webkit-scrollbar-thumb:hover {
    background: #c0c3c7
}

select {
    -webkit-appearance: none;
    appearance: none;
    overflow-y: auto;
    height: 100px
}

select::-webkit-scrollbar {
    width: 4px
}

select::-webkit-scrollbar-track {
    background: 0 0
}

select::-webkit-scrollbar-thumb {
    background: #b2b4b9
}

select::-webkit-scrollbar-thumb:hover {
    background: #c0c3c7
}

select option {
    background-color: #fff;
    color: #000
}

#announcementsPanel {
    margin-top: 20px
}

b {
    font-weight: 800px !important
}

.section-custom-text {
    font-size: 21px;
    font-weight: 300;
    line-height: 32px
}

.feature-icon {
    font-size: 15px !important
}

.section-blog-articles {
    padding: 0 !important
}

.blog-articles-content {
    text-align: left;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    line-height: 25px
}

.blog-articles-content-heading {
    font-size: 19px;
    font-weight: 700;
    color: #17191c
}

.blog-articles-content-text {
    font-size: 16px;
    color: #5e636e;
    font-weight: 300;
    padding-top: 15px;
    line-height: 25px
}

.blog-articles-content-button {
    border: 1px solid #1062fe;
    border-radius: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #1062fe;
    background-color: #fff;
    width: 90%;
    box-sizing: border-box
}

@media (max-width:1024px) {
    .desk {
        display: none
    }
}

@media (min-width:1025px) {
    .desk {
        display: none
    }
}

.item-text1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important
}

@media (max-width:768px) {
    .item-text1 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important
    }
}

img[src$="rocky-os.svg"] {
    width: 70px;
    height: auto
}

img[src$="master-reseller-.svg"] {
    width: 70px;
    height: auto
}

@media (max-width:767px) {
    .hiddendesker {
        display: none
    }
}

@media (min-width:780px) and (max-width:1024px) {
    .hiddendesker {
        display: none;
        overflow: hidden
    }
}

.padding0box {
    padding: 0 !important;
    max-width: 950px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    overflow: hidden
}

@media (max-width:767px) {
}

.footer-company {
    max-width: 25% !important
}

@media (max-width:768px) {
    .footer-company {
        max-width: 100% !important
    }
}

.uf-free-badge {
    visibility: hidden;
    max-width: 0;
    max-height: 0
}

.cc-qqgts {
    visibility: hidden !important;
    max-width: 0;
    max-height: 0
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

a:active,
a:focus,
a:visited {
    outline: 0
}

.banner__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.list-item {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.list-item i {
    color: #28a745;
    margin-right: 8px;
    font-size: 1.2em
}

@media (max-width:768px) {
    .banner__list {
        flex-direction: column;
        align-items: flex-start
    }

    .list-item {
        margin: 10px 0
    }
}

custombbt {
    background: #25a75b !important;
    transition: background-color .5s ease !important;
    border: 0 !important
}

custombbt:hover {
    background: #4eca78 !important;
    border: 0 !important
}

.most-popular-badge {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1062fe;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    padding: 5px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 10;
    text-align: center;
    width: 100%
}

p[style="text-align:center;"] {
    display: none
}

.well {
    background: #fff !important
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.feature-item {
    margin-right: 15px;
    display: inline-block
}

@media (max-width:768px) {
    .features {
        justify-content: center;
        text-align: center
    }

    .feature-item {
        display: block;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.features {
    justify-content: center;
    text-align: center
}

.footer-company-desc {
    margin-top: 20px !important
}

.section-testimonal-hide {
    display: none
}

.colorwhite {
    color: #fff !important
}

extra-space11 {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important;
    padding-bottom: 40px !important
}

banner-sale-main {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important
}

banner-type-5 {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important
}

footer-company-desc {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

main-footer-extended-secondary {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important
}

.main-body.hidden-sidebar .main-sidebar {
    display: none !important
}

.main-body.hidden-sidebar .main-content {
    max-width: 100% !important
}

.label-support-close {
    cursor: pointer;
    text-transform: none
}

.label-support-close.no-point {
    cursor: default
}

.panel-sidebar.panel-support-hours .panel-body .list-group-item .operating-hour-title,
.panel-sidebar.panel-support-hours .panel-body .list-group-item .operating-hour-zone {
    display: block;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    color: var(--gray-base)
}

.panel-sidebar.panel-support-hours .panel-body .list-group-item .operating-hour-val {
    font-size: var(--font-size-xlg);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-lg);
    color: var(--gray-darker)
}

.panel-sidebar.panel-support-hours .panel-body>.list-group-item {
    padding: var(--spacing-3x) var(--spacing-3x)
}

.panel-sidebar.panel-support-hours .panel-footer {
    padding-top: 0 !important
}

.panel-sidebar.panel-support-hours .support-status {
    display: flex;
    flex-direction: row;
    padding-right: 0;
    font-size: var(--font-size-sm)
}

.panel-sidebar.panel-support-hours .support-status-text {
    padding-right: var(--spacing-2x);
    margin: auto 0
}

.panel-sidebar.panel-support-hours .support-status .label {
    position: static;
    height: 100%;
    margin-left: auto
}

.support-time {
    padding: 0 var(--panel-body-padding) var(--panel-body-padding);
    margin-top: calc(-1 * var(--spacing-1x));
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.support-time+.support-time {
    padding-top: 0;
    margin-top: calc(-1 * var(--spacing-1x))
}

.support-time span {
    font-size: var(--font-size-base);
    color: var(--gray-darker);
    margin: auto 0 auto var(--spacing-1x)
}

.support-time .operating-desc {
    display: none
}

.list-group-support-hours {
    width: 100%
}

.list-group-support-hours .list-group-item-heading {
    display: flex;
    justify-content: space-between
}

.list-group-support-hours .support-time-box {
    justify-content: flex-end
}

.list-group-support-hours .support-time {
    padding: 0 0 0 var(--spacing-2x);
    margin-top: 0
}

.list-group-support-hours .support-time+.support-time {
    margin-top: var(--spacing-1x)
}

.list-group-support-hours .support-time span {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--gray-darker);
    margin-left: var(--spacing-1x)
}

.list-group-support-hours .support-time span br {
    display: none
}

.list-group-support-hours .support-time .operating-desc {
    display: flex;
    margin-left: 0
}

.list-group-support-hours .support-time label {
    order: 2;
    margin-left: var(--spacing-1x)
}

.list-group-support-hours .support-time .operating-desc {
    color: var(--text-body-color);
    line-height: var(--line-height-base)
}

@media (max-width:767px) {
    .list-group-support-hours .list-group-item-heading {
        flex-direction: column
    }

    .list-group-support-hours .list-group-item-heading .support-time-box {
        justify-content: flex-start
    }

    .list-group-support-hours .list-group-item-heading .support-time-box .operating-desc {
        margin-left: 0
    }

    .list-group-support-hours .support-time {
        padding: 0
    }
}

.fa-whmcs {
    color: #99a5c2 !important
}

@media screen and (max-width:1000px) {
    .hiddendesker {
        display: block !important
    }
}

.fa-hdd,
.fa-shield-alt {
    color: #99a5c2 !important
}

.fa-store {
    font-size: 14px !important;
    margin-right: -1px !important
}

.fa-edit {
    margin-right: -1px !important
}

.fa-code {
    font-size: 14px !important;
    margin-right: -1px !important
}

.fa-user-shield {
    margin-right: -1px !important
}

.fa-filter {
    margin-right: 2px !important
}

.fa-wordpress-simple {
    color: #99a5c2 !important;
    font-size: 15px !important
}

.fa-cog {
    margin-right: 0 !important;
    font-size: 16px !important
}

.fa-bolt {
    font-size: 17px !important;
    margin-right: 1.4px !important;
    margin-left: 3px !important
}

.fa-file {
    font-size: 16px !important;
    margin-right: 3px !important
}

.fa-percent {
    margin-right: 2px !important
}

.fa-globe {
    margin-right: 1px !important
}

.cust_msg {
    box-shadow: var(--panel-box-shadow) !important
}

.free-domain-name-plans-noor {
    background: #009a64 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 50px !important;
    text-decoration: line-through !important
}





.fa-check-custom-new-by-noor {
    color: green !important;
    font-weight: 400 !important;
    font-size: 13px !important
}

.spacing-div-plan11 {
    padding-top: 30px !important
}

.free-domain-name-in-plan-by-noor {
    padding: 5px 8px !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 300 !important;
    border-radius: 50px !important;
    background: #009a64 !important;
    text-decoration: line-through !important
}

.envelope-open-text {
    margin-right: 1px !important
}


img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/bookkeping.webp"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/branding.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/dappr.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/hospital.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/nixt-node-project.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/video-designer.webp"] {
    max-width: 352px !important
}

img[src*=logo_small_inverse] {
    display: none !important
}

tos-checkbox {
    background: #fff !important;
    box-shadow: var(--box-shadow-base) !important;
    padding: 15px 10px 15px 10px !important;
    margin-top: 46px !important
}

.fa-inbox {
    margin: -1px !important
}

.main-header-title {
    font-weight: 700 !important
}

@media (max-width:768px) {
    .section-actions-buttons {
        flex-direction: column-reverse !important
    }
}

.fad {
    color: #99a5c2 !important;
    font-size: 14px !important
}


.fa-exchange-alt,
.fa-medal,
.fa-server {
    margin-right: 1px !important
}





.price-feature-plans-mon1 {
    font-size: 35px !important;
    font-weight: 800 !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #17191c !important
}

.price-feature-plans-periods1 {
    font-size: 20px !important;
    font-weight: 800 !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #17191c !important
}

.hover-items1:hover {
    background-color: #e1efff !important
}

.list-group-item:hover {
    background-color: #e1efff !important
}

.lm-arrow-thin-right {
    color: #fff !important
}

.reset-styles12 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.page-wrapper {
    transform: translateY(-100%);
    transition: transform 1s ease-out
}

.top-bar-promotion-by-noor1 {
    background: #0d1784;
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 10
}

.promo-container12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1250px;
    width: 100%;
    margin: 0 auto
}

.promo-text12 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.promo-message12 {
    font-weight: 300;
    font-size: 19px;
    margin-right: 15px
}

.discount12 {
    font-weight: 600
}

.countdown-timer12 {
    display: flex;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    margin-left: 10px
}

.countdown-unit12 {
    display: inline-block;
    margin: 0 2px;
    text-align: center
}

.countdown-item12 {
    font-size: 32px;
    font-weight: 600;
    color: #fff
}

.countdown-label12 {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.separator12 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    margin: 0 10px
}

.cta-button12 {
    background-color: #fff;
    color: #1062fe !important;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
    border-radius: 2px !important;
    font-weight: 600;
    font-size: 14px;
    transition: all .3s ease
}

.cta-button12:hover {
    background-color: #e0ebff
}

.promo-svg12 {
    max-width: 30px;
    height: auto;
    margin-right: 25px
}

.countdown-item12 {
    font-size: 23px;
    font-weight: 400 !important
}

.countdown-label12 {
    font-size: 15px;
    font-weight: 300 !important
}

.separator12 {
    font-family: poppins !important;
    font-weight: 100 !important
}

@media (max-width:1000px) {
    .promo-container12 {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .promo-text12 {
        display: block !important;
        text-align: center;
        margin-bottom: 10px
    }

    .countdown-timer12 {
        text-align: center;
        justify-content: center !important;
        padding: 12px 0 !important
    }

    .cta-button12 {
        margin-top: 10px
    }

    .promo-svg12 {
        display: none !important
    }

    .top-bar-promotion-by-noor1 {
        padding: 20px 0
    }
}

@media (max-width:1200px) {
    .top-bar-promotion-by-noor1 {
        padding: 15px
    }
}   


.modal-footer{
        margin: auto !important;
}


.banner-actions-1 {
  display: flex !important;
  gap: 20px !important;
}

.btn-text-5 {
  font-weight: bold !important;
}

.banner-actions-price-6 {
  border: 1px solid #00000030 !important;
  border-radius: 3px !important;
  padding: 5px 10px 0px 10px !important;
  font-size: 23px !important;
  margin: 0px !important;
}

/*.price-amount-7 {*/
/*  font-weight: 600 !important;*/
/*}*/

.price-sub-8 {
  font-size: 18px !important;
}






.loop-scroll {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.loop-scroll>* {
    display: inline-block;
    margin-right: 20px;
    animation: scroll 45s linear infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.custom-grad-b1 {
    background: linear-gradient(90deg, #0b0f3f 0%, #0b0f3f 100%) !important;
}

.red-area {
    font-size: 15px;
    line-height: 24px;
    color: red;
    font-weight: 700;
    padding-top: 15px !important;
}

/*.cta-compare{*/
/* display: none !important;*/
/*}*/
.main-footer-extended-secondary {
    background: #0b0f3f !important;
}

.custom-padd-pro {
    padding-bottom: 120px !important;
}

.price-discount-1 {
    display: none !important;
}

.extra-space11 {
    padding-bottom: 140px !important;
}

.section-subtitle-up-v2 {
    margin: 24px 0 40px !important;
}

.less-margin {
    padding: 19px !important;
    cursor: pointer;
    margin: 0;
    transition: box-shadow 1s ease;
}

.less-margin:hover {
    transform: translateY(-12px);
    box-shadow: 0px 0px 1px rgb(0 0 0 / 0%), 0px 2px 56px rgb(0 0 0 / 11%);
}

/*b {*/
/* font-weight: 700 !important;*/
/* color: black !important;*/
/*}*/
@media (max-width: 656px) {
    .up-v2-card {
        border-radius: 8px;
        width: 250px;
        text-align: center;
        padding: 16px 0;
        background: #fff;
        margin: 40px 10px -40px 10px;
    }
}

.review-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 300px;
    text-align: center;
    padding: 16px 0;
    background: #FAFAFC;
    margin: 40px 10px -40px auto;
    transform: translateY(-50px);
    /* moves it upward */
}

.review-score {
    color: #1062fe;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    background: #FAFBFC;
    max-width: 85px;
    margin: -42px auto 0;
    text-align: center;
    border-radius: 6px;
    padding: 4px 0;
}

.review-note {
    color: #666;
    font-size: 0.9rem;
    margin-top: 6px;
}

.hover-container-plans11 {
    transition: transform .8s cubic-bezier(.16, 1, .3, 1) !important, box-shadow .8s cubic-bezier(.4, 0, .2, 1) !important, background-color .6s cubic-bezier(.25, 1, .5, 1) !important;
    will-change: transform, box-shadow, background-color !important;
    margin-top: 60px !important
}

.hover-container-plans11:hover {
    transform: translateY(-10px) scale(1.01) !important;
    box-shadow: 0 0 3px transparent, 0 20px 50px rgba(0, 0, 0, .1) !important;
    background-color: #fff !important
}

.hover-container-plans11 {
    transition: transform .3s ease
}

.hover-container-plans11:hover {
    transform: translateY(-10px)
}

/*.hover-container-plans11 {*/
/* box-shadow: none !important;*/
/* border: 1px solid #dfdfdf !important;*/
/* border-radius: 8px !important;*/
/* transform: none !important;*/
/* transition: none !important;*/
/*}*/
/*.hover-container-plans11:hover {*/
/* box-shadow: none !important;*/
/* transform: none !important;*/
/* border: 1px solid #dfdfdf !important;*/
/*}*/
/*.hover-container-plans11,*/
/*.hover-container-plans11::before,*/
/*.hover-container-plans11::after {*/
/* box-shadow: none !important;*/
/* transform: none !important;*/
/* border: 1px solid #dfdfdf !important;*/
/* transition: none !important;*/
/*}*/
.extra-combined-features {
    padding-bottom: 100px !important;
    background: transparent !important;
}

.fa-file-code {
    color: #99A5C2;
    font-size: 16px;
    margin-right: 1px;
    margin-left: 3px;
}

/* .price-discount-1{*/
/* display: none !important;*/
/*}*/
.top-bar-promotion-by-noor1 {
    display: none !important;
}

.spacing-div-plan10 {
    padding-top: 90px !important;
}

img[src*="banktransfer.png"] {
    max-width: 27px !important;
}

.fa-windows {
    color: #99a5c2 !important;
    font-size: 14px !important;
}

.spacing-div-plan16 {
    padding-top: 90px !important;
}

#product-comparison {
    display: none !important;
}

.nav-link-v2 {
    font-size: 15px !important;
}

.features-bd-noor {
    border-top: 3px solid transparent;
    transition: border-top-color 0.3s ease, border-top-width 0.3s ease;
    cursor: pointer;
    ma
}

.features-bd-noor:hover {
    border-top: 3px solid #1062fe;
}

.services-border-d {
    border-bottom: 5px solid #1062fe;
}

.element-be-border {
    border: 1px solid #00000045;
    color: black;
    box-shadow: none !important;
}

.cta-compare .section-box {
    border: var(--cms-block-border);
    padding: 20px 40px;
    font-weight: 400;
    font-style: italic;
}

.up-v2-card {
    max-width: 340px;
    margin: auto;
    padding: 0;
    background: #fff;
}

.up-v2-name {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #111;
    text-align: left;
}

.up-v2-stars {
    text-align: left;
    margin: 0 0 10px;
}

.up-v2-stars i {
    color: #f5a623;
    font-size: 17px;
    margin-right: -3px;
}

.up-v2-text {
    font-size: 0.95rem;
    color: #444;
    margin: 0 0 12px;
    text-align: left;
    line-height: 1.5;
}

.up-v2-footer {
    text-align: left;
    font-size: 0.85rem;
    color: #777;
}


.top-bar-promotion-by-noor1{
        display: none !important;
}

.footer-has-checkbox{
    margin: auto !important;
}


.featured-plans-description1 {
    font-size: 15px
}
.login-body{
    overflow: hidden !important;
}

.package-content {
    margin-top: 15px !important
}

#ticketsPanel {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.list-group-item {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.list-group-item:hover {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.icon-list {
    list-style: none;
    padding-left: 25px
}

.icon-list li {
    position: relative;
    padding-left: 25px
}

.icon-list li::before {
    content: "\f09e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0
}

.align-left {
    text-align: left !important
}

.package-body {
    margin: 0 !important
}

.package-left-align {
    text-align: left;
    margin-top: -10px !important;
    margin-bottom: 20px !important
}

.custom-divider {
    width: 70px;
    height: 4px;
    background-color: #1062fe;
    margin: 0 auto;
    border-radius: 3px
}

.btn-custom {
    margin: 0 !important
}

.package-features>li>b i {
    margin: 0;
    color: #99a5c2;
    font-size: 15px;
    margin-bottom: 20px !important
}

.fa {
    font-size: 15px;
    font-weight: 700;
    color: #99a5c2
}

ul {
    list-style-type: none;
    padding: 0
}

.spacer-li {
    padding-top: 10px !important;
    padding-left: 8px !important
}

.extra-class {
    color: #17191c !important;
    font-weight: 600 !important
}

.btn-plan-noor {
    padding-right: 70px !important;
    padding-left: 70px !important
}

.spacing-div {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.spacing-div-plan11 {
    padding-bottom: 10px !important
}

.spacing-div-plan12 {
    padding-top: 50px !important
}

.spacing-div-plan13 {
    padding-top: 90px !important
}

@media (max-width:768px) {
    .spacing-div-plan12 {
        padding-top: 20px !important
    }

    .price-discount {
        background: #fff !important;
        text-decoration: line-through
    }

    .fa {
        padding-right: 5px !important
    }
}

.price-discount-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px !important
}

.original-price-1 {
    font-size: 17px !important;
    text-decoration: line-through;
    color: #666;
    margin-right: 8px;
    font-style: italic;
}


.save-discount-1 {
    font-size: 13px  !important;
    background-color: #e7edfc;
    color: #1062fe;
    padding: 0 8px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
}

.feature-title1 {
    margin-top: -6px !important;
    font-size: 22px;
    font-weight: 800
}


.intl-tel-input .country-list {
    overflow-y: auto
}

.intl-tel-input .country-list::-webkit-scrollbar {
    width: 4px
}

.intl-tel-input .country-list::-webkit-scrollbar-track {
    background: 0 0
}

.intl-tel-input .country-list::-webkit-scrollbar-thumb {
    background: #b2b4b9
}

.intl-tel-input .country-list::-webkit-scrollbar-thumb:hover {
    background: #c0c3c7
}

select {
    -webkit-appearance: none;
    appearance: none;
    overflow-y: auto;
    height: 100px
}

select::-webkit-scrollbar {
    width: 4px
}

select::-webkit-scrollbar-track {
    background: 0 0
}

select::-webkit-scrollbar-thumb {
    background: #b2b4b9
}

select::-webkit-scrollbar-thumb:hover {
    background: #c0c3c7
}

select option {
    background-color: #fff;
    color: #000
}

#announcementsPanel {
    margin-top: 20px
}

b {
    font-weight: 800px !important
}

.section-custom-text {
    font-size: 21px;
    font-weight: 300;
    line-height: 32px
}

.feature-icon {
    font-size: 15px !important
}

.section-blog-articles {
    padding: 0 !important
}

.blog-articles-content {
    text-align: left;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    line-height: 25px
}

.blog-articles-content-heading {
    font-size: 19px;
    font-weight: 700;
    color: #17191c
}

.blog-articles-content-text {
    font-size: 16px;
    color: #5e636e;
    font-weight: 300;
    padding-top: 15px;
    line-height: 25px
}

.blog-articles-content-button {
    border: 1px solid #1062fe;
    border-radius: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #1062fe;
    background-color: #fff;
    width: 90%;
    box-sizing: border-box
}

@media (max-width:1024px) {
    .desk {
        display: none
    }
}

@media (min-width:1025px) {
    .desk {
        display: none
    }
}

.item-text1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important
}

@media (max-width:768px) {
    .item-text1 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important
    }
}

img[src$="rocky-os.svg"] {
    width: 70px;
    height: auto
}

img[src$="master-reseller-.svg"] {
    width: 70px;
    height: auto
}

@media (max-width:767px) {
    .hiddendesker {
        display: none
    }
}

@media (min-width:780px) and (max-width:1024px) {
    .hiddendesker {
        display: none;
        overflow: hidden
    }
}

.padding0box {
    padding: 0 !important;
    max-width: 950px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    overflow: hidden
}

@media (max-width:767px) {
}

.footer-company {
    max-width: 25% !important
}

@media (max-width:768px) {
    .footer-company {
        max-width: 100% !important
    }
}

.uf-free-badge {
    visibility: hidden;
    max-width: 0;
    max-height: 0
}

.cc-qqgts {
    visibility: hidden !important;
    max-width: 0;
    max-height: 0
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

a:active,
a:focus,
a:visited {
    outline: 0
}

.banner__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.list-item {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.list-item i {
    color: #28a745;
    margin-right: 8px;
    font-size: 1.2em
}

@media (max-width:768px) {
    .banner__list {
        flex-direction: column;
        align-items: flex-start
    }

    .list-item {
        margin: 10px 0
    }
}

custombbt {
    background: #25a75b !important;
    transition: background-color .5s ease !important;
    border: 0 !important
}

custombbt:hover {
    background: #4eca78 !important;
    border: 0 !important
}

.most-popular-badge {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1062fe;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    padding: 5px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 10;
    text-align: center;
    width: 100%
}

p[style="text-align:center;"] {
    display: none
}

.well {
    background: #fff !important
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.feature-item {
    margin-right: 15px;
    display: inline-block
}

@media (max-width:768px) {
    .features {
        justify-content: center;
        text-align: center
    }

    .feature-item {
        display: block;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.features {
    justify-content: center;
    text-align: center
}

.footer-company-desc {
    margin-top: 20px !important
}

.section-testimonal-hide {
    display: none
}

.colorwhite {
    color: #fff !important
}

extra-space11 {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important;
    padding-bottom: 40px !important
}

banner-sale-main {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important
}

banner-type-5 {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important
}

footer-company-desc {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

main-footer-extended-secondary {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%) !important
}

.main-body.hidden-sidebar .main-sidebar {
    display: none !important
}

.main-body.hidden-sidebar .main-content {
    max-width: 100% !important
}

.label-support-close {
    cursor: pointer;
    text-transform: none
}

.label-support-close.no-point {
    cursor: default
}

.panel-sidebar.panel-support-hours .panel-body .list-group-item .operating-hour-title,
.panel-sidebar.panel-support-hours .panel-body .list-group-item .operating-hour-zone {
    display: block;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    color: var(--gray-base)
}

.panel-sidebar.panel-support-hours .panel-body .list-group-item .operating-hour-val {
    font-size: var(--font-size-xlg);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-lg);
    color: var(--gray-darker)
}

.panel-sidebar.panel-support-hours .panel-body>.list-group-item {
    padding: var(--spacing-3x) var(--spacing-3x)
}

.panel-sidebar.panel-support-hours .panel-footer {
    padding-top: 0 !important
}

.panel-sidebar.panel-support-hours .support-status {
    display: flex;
    flex-direction: row;
    padding-right: 0;
    font-size: var(--font-size-sm)
}

.panel-sidebar.panel-support-hours .support-status-text {
    padding-right: var(--spacing-2x);
    margin: auto 0
}

.panel-sidebar.panel-support-hours .support-status .label {
    position: static;
    height: 100%;
    margin-left: auto
}

.support-time {
    padding: 0 var(--panel-body-padding) var(--panel-body-padding);
    margin-top: calc(-1 * var(--spacing-1x));
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.support-time+.support-time {
    padding-top: 0;
    margin-top: calc(-1 * var(--spacing-1x))
}

.support-time span {
    font-size: var(--font-size-base);
    color: var(--gray-darker);
    margin: auto 0 auto var(--spacing-1x)
}

.support-time .operating-desc {
    display: none
}

.list-group-support-hours {
    width: 100%
}

.list-group-support-hours .list-group-item-heading {
    display: flex;
    justify-content: space-between
}

.list-group-support-hours .support-time-box {
    justify-content: flex-end
}

.list-group-support-hours .support-time {
    padding: 0 0 0 var(--spacing-2x);
    margin-top: 0
}

.list-group-support-hours .support-time+.support-time {
    margin-top: var(--spacing-1x)
}

.list-group-support-hours .support-time span {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--gray-darker);
    margin-left: var(--spacing-1x)
}

.list-group-support-hours .support-time span br {
    display: none
}

.list-group-support-hours .support-time .operating-desc {
    display: flex;
    margin-left: 0
}

.list-group-support-hours .support-time label {
    order: 2;
    margin-left: var(--spacing-1x)
}

.list-group-support-hours .support-time .operating-desc {
    color: var(--text-body-color);
    line-height: var(--line-height-base)
}

@media (max-width:767px) {
    .list-group-support-hours .list-group-item-heading {
        flex-direction: column
    }

    .list-group-support-hours .list-group-item-heading .support-time-box {
        justify-content: flex-start
    }

    .list-group-support-hours .list-group-item-heading .support-time-box .operating-desc {
        margin-left: 0
    }

    .list-group-support-hours .support-time {
        padding: 0
    }
}

.fa-whmcs {
    color: #99a5c2 !important
}

@media screen and (max-width:1000px) {
    .hiddendesker {
        display: block !important
    }
}

.fa-hdd,
.fa-shield-alt {
    color: #99a5c2 !important
}

.fa-store {
    font-size: 14px !important;
    margin-right: -1px !important
}

.fa-edit {
    margin-right: -1px !important
}

.fa-code {
    font-size: 14px !important;
    margin-right: -1px !important
}

.fa-user-shield {
    margin-right: -1px !important
}

.fa-filter {
    margin-right: 2px !important
}

.fa-wordpress-simple {
    color: #99a5c2 !important;
    font-size: 15px !important
}

.fa-cog {
    margin-right: 0 !important;
    font-size: 16px !important
}

.fa-bolt {
    font-size: 17px !important;
    margin-right: 1.4px !important;
    margin-left: 3px !important
}

.fa-file {
    font-size: 16px !important;
    margin-right: 3px !important
}

.fa-percent {
    margin-right: 2px !important
}

.fa-globe {
    margin-right: 1px !important
}

.cust_msg {
    box-shadow: var(--panel-box-shadow) !important
}

.free-domain-name-plans-noor {
    background: #009a64 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 50px !important;
    text-decoration: line-through !important
}





.fa-check-custom-new-by-noor {
    color: green !important;
    font-weight: 400 !important;
    font-size: 13px !important
}

.spacing-div-plan11 {
    padding-top: 30px !important
}

.free-domain-name-in-plan-by-noor {
    padding: 5px 8px !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 300 !important;
    border-radius: 50px !important;
    background: #009a64 !important;
    text-decoration: line-through !important
}

.envelope-open-text {
    margin-right: 1px !important
}


img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/bookkeping.webp"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/branding.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/dappr.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/hospital.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/nixt-node-project.png"],
img[src="https://hoyist.com/templates/hoyist_v2/assets/img/page-manager/video-designer.webp"] {
    max-width: 352px !important
}

img[src*=logo_small_inverse] {
    display: none !important
}

tos-checkbox {
    background: #fff !important;
    box-shadow: var(--box-shadow-base) !important;
    padding: 15px 10px 15px 10px !important;
    margin-top: 46px !important
}

.fa-inbox {
    margin: -1px !important
}

.main-header-title {
    font-weight: 700 !important
}

@media (max-width:768px) {
    .section-actions-buttons {
        flex-direction: column-reverse !important
    }
}

.fad {
    color: #99a5c2 !important;
    font-size: 14px !important
}


.fa-exchange-alt,
.fa-medal,
.fa-server {
    margin-right: 1px !important
}





.price-feature-plans-mon1 {
    font-size: 35px !important;
    font-weight: 800 !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #17191c !important
}

.price-feature-plans-periods1 {
    font-size: 20px !important;
    font-weight: 800 !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #17191c !important
}

.hover-items1:hover {
    background-color: #e1efff !important
}

.list-group-item:hover {
    background-color: #e1efff !important
}

.lm-arrow-thin-right {
    color: #fff !important
}

.reset-styles12 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.page-wrapper {
    transform: translateY(-100%);
    transition: transform 1s ease-out
}

.top-bar-promotion-by-noor1 {
    background: #0d1784;
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 10
}

.promo-container12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1250px;
    width: 100%;
    margin: 0 auto
}

.promo-text12 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.promo-message12 {
    font-weight: 300;
    font-size: 19px;
    margin-right: 15px
}

.discount12 {
    font-weight: 600
}

.countdown-timer12 {
    display: flex;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    margin-left: 10px
}

.countdown-unit12 {
    display: inline-block;
    margin: 0 2px;
    text-align: center
}

.countdown-item12 {
    font-size: 32px;
    font-weight: 600;
    color: #fff
}

.countdown-label12 {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.separator12 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    margin: 0 10px
}

.cta-button12 {
    background-color: #fff;
    color: #1062fe !important;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
    border-radius: 2px !important;
    font-weight: 600;
    font-size: 14px;
    transition: all .3s ease
}

.cta-button12:hover {
    background-color: #e0ebff
}

.promo-svg12 {
    max-width: 30px;
    height: auto;
    margin-right: 25px
}

.countdown-item12 {
    font-size: 23px;
    font-weight: 400 !important
}

.countdown-label12 {
    font-size: 15px;
    font-weight: 300 !important
}

.separator12 {
    font-family: poppins !important;
    font-weight: 100 !important
}

@media (max-width:1000px) {
    .promo-container12 {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .promo-text12 {
        display: block !important;
        text-align: center;
        margin-bottom: 10px
    }

    .countdown-timer12 {
        text-align: center;
        justify-content: center !important;
        padding: 12px 0 !important
    }

    .cta-button12 {
        margin-top: 10px
    }

    .promo-svg12 {
        display: none !important
    }

    .top-bar-promotion-by-noor1 {
        padding: 20px 0
    }
}

@media (max-width:1200px) {
    .top-bar-promotion-by-noor1 {
        padding: 15px
    }
}   


.modal-footer{
        margin: auto !important;
}


.banner-actions-1 {
  display: flex !important;
  gap: 20px !important;
}

.btn-text-5 {
  font-weight: bold !important;
}

.banner-actions-price-6 {
  border: 1px solid #00000030 !important;
  border-radius: 3px !important;
  padding: 5px 10px 0px 10px !important;
  font-size: 23px !important;
  margin: 0px !important;
}

/*.price-amount-7 {*/
/*  font-weight: 600 !important;*/
/*}*/

.price-sub-8 {
  font-size: 18px !important;
}






.loop-scroll {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.loop-scroll>* {
    display: inline-block;
    margin-right: 20px;
    animation: scroll 45s linear infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.custom-grad-b1 {
    background: linear-gradient(90deg, #0b0f3f 0%, #0b0f3f 100%) !important;
}

.red-area {
    font-size: 15px;
    line-height: 24px;
    color: red;
    font-weight: 700;
    padding-top: 15px !important;
}

/*.cta-compare{*/
/* display: none !important;*/
/*}*/
.main-footer-extended-secondary {
    background: #0b0f3f !important;
}

.custom-padd-pro {
    padding-bottom: 120px !important;
}

.price-discount-1 {
    display: none !important;
}

.extra-space11 {
    padding-bottom: 140px !important;
}

.section-subtitle-up-v2 {
    margin: 24px 0 40px !important;
}

.less-margin {
    padding: 19px !important;
    cursor: pointer;
    margin: 0;
    transition: box-shadow 1s ease;
}

.less-margin:hover {
    transform: translateY(-12px);
    box-shadow: 0px 0px 1px rgb(0 0 0 / 0%), 0px 2px 56px rgb(0 0 0 / 11%);
}

/*b {*/
/* font-weight: 700 !important;*/
/* color: black !important;*/
/*}*/
@media (max-width: 656px) {
    .up-v2-card {
        border-radius: 8px;
        width: 250px;
        text-align: center;
        padding: 16px 0;
        background: #fff;
        margin: 40px 10px -40px 10px;
    }
}

.review-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 300px;
    text-align: center;
    padding: 16px 0;
    background: #FAFAFC;
    margin: 40px 10px -40px auto;
    transform: translateY(-50px);
    /* moves it upward */
}

.review-score {
    color: #1062fe;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    background: #FAFBFC;
    max-width: 85px;
    margin: -42px auto 0;
    text-align: center;
    border-radius: 6px;
    padding: 4px 0;
}

.review-note {
    color: #666;
    font-size: 0.9rem;
    margin-top: 6px;
}

.hover-container-plans11 {
    transition: transform .8s cubic-bezier(.16, 1, .3, 1) !important, box-shadow .8s cubic-bezier(.4, 0, .2, 1) !important, background-color .6s cubic-bezier(.25, 1, .5, 1) !important;
    will-change: transform, box-shadow, background-color !important;
    margin-top: 60px !important
}

.hover-container-plans11:hover {
    transform: translateY(-10px) scale(1.01) !important;
    box-shadow: 0 0 3px transparent, 0 20px 50px rgba(0, 0, 0, .1) !important;
    background-color: #fff !important
}

.hover-container-plans11 {
    transition: transform .3s ease
}

.hover-container-plans11:hover {
    transform: translateY(-10px)
}

/*.hover-container-plans11 {*/
/* box-shadow: none !important;*/
/* border: 1px solid #dfdfdf !important;*/
/* border-radius: 8px !important;*/
/* transform: none !important;*/
/* transition: none !important;*/
/*}*/
/*.hover-container-plans11:hover {*/
/* box-shadow: none !important;*/
/* transform: none !important;*/
/* border: 1px solid #dfdfdf !important;*/
/*}*/
/*.hover-container-plans11,*/
/*.hover-container-plans11::before,*/
/*.hover-container-plans11::after {*/
/* box-shadow: none !important;*/
/* transform: none !important;*/
/* border: 1px solid #dfdfdf !important;*/
/* transition: none !important;*/
/*}*/
.extra-combined-features {
    padding-bottom: 100px !important;
    background: transparent !important;
}

.fa-file-code {
    color: #99A5C2;
    font-size: 16px;
    margin-right: 1px;
    margin-left: 3px;
}

/* .price-discount-1{*/
/* display: none !important;*/
/*}*/
.top-bar-promotion-by-noor1 {
    display: none !important;
}

.spacing-div-plan10 {
    padding-top: 90px !important;
}

img[src*="banktransfer.png"] {
    max-width: 27px !important;
}

.fa-windows {
    color: #99a5c2 !important;
    font-size: 14px !important;
}

.spacing-div-plan16 {
    padding-top: 90px !important;
}

#product-comparison {
    display: none !important;
}

.nav-link-v2 {
    font-size: 15px !important;
}

.features-bd-noor {
    border-top: 3px solid transparent;
    transition: border-top-color 0.3s ease, border-top-width 0.3s ease;
    cursor: pointer;
    ma
}

.features-bd-noor:hover {
    border-top: 3px solid #1062fe;
}

.services-border-d {
    border-bottom: 5px solid #1062fe;
}

.element-be-border {
    border: 1px solid #00000045;
    color: black;
    box-shadow: none !important;
}

.cta-compare .section-box {
    border: var(--cms-block-border);
    padding: 20px 40px;
    font-weight: 400;
    font-style: italic;
}

.up-v2-card {
    max-width: 340px;
    margin: auto;
    padding: 0;
    background: #fff;
}

.up-v2-name {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #111;
    text-align: left;
}

.up-v2-stars {
    text-align: left;
    margin: 0 0 10px;
}

.up-v2-stars i {
    color: #f5a623;
    font-size: 17px;
    margin-right: -3px;
}

.up-v2-text {
    font-size: 0.95rem;
    color: #444;
    margin: 0 0 12px;
    text-align: left;
    line-height: 1.5;
}

.up-v2-footer {
    text-align: left;
    font-size: 0.85rem;
    color: #777;
}
