:root {
    --bh-green: #00cc69;
    --bh-purple: #5D23CF;
}

body {
    background-color: #eeeff1;
}

body.boga-bg {
    background-image: url('../img/boga-home-bg.webp');
    background-size: 100% 1836px;
    background-repeat: no-repeat;
    background-position: top;
}

img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

a:hover {
    text-decoration: none;
}

/* Header */
.bh-header.absolute {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.bh-header.cart-page {
    position: static !important;
    background-color: #5051D2;
}


.bh-topnav {
    background: #4246b6;
    color: #fff;
}

.bh-topnav .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bh-topnav .flex ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-topnav .flex ul li .link {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    padding: 11px 14px 9px 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.2s;
    height: 40px;
}

.bh-topnav .flex ul li .currency-selector {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 4px 12px !important;
    font-weight: 500;
    border-right: 0;
    border-radius: 4px;
}

.bh-topnav .flex ul li .currency-selector i {
    font-size: 12px;
}

.bh-topnav .flex ul li .link:hover {
    opacity: 0.7;
    text-decoration: none;
}

.bh-topnav .flex ul li:first-child .link {
    padding-left: 0;
}

.bh-topnav .flex ul li:last-child .link {
    border-right: 0;
}

.bh-topnav .flex ul li .link.cart {
    padding: 0 0 0 14px;
}

.bh-topnav .dropdown-toggle .fa-chevron-down {
    font-size: 13px;
    opacity: 0.7;
    position: relative;
    left: -3px;
    top: -1px;
}

.bh-topnav .dropdown-toggle::after {
    display: none;
}

.bh-topnav .headerLanguageSelector .dropdown-item {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.dropdown-item:focus {
    background-color: #4246b6;
}

.bh-topnav .dropdown-menu.currency {
    min-width: 170px;
    width: 170px;
}

.bh-topnav .dropdown-menu.currency .dropdown-item {
    justify-content: space-between;
}

.bh-topnav .dropdown-menu.currency .dropdown-item .badge {
    font-weight: 500;
    font-size: 14px;
}


/* Navbar */
.bh-navbar .flex-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
}

.bh-navbar .flex-navbar .logo-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.bh-navbar .flex-navbar .logo-area .year {
    font-size: 20px;
}

.bh-navbar .flex-navbar .logo-area img {
    height: 40px;
}

.bh-navbar .list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bh-navbar .list .link {
    color: #fff;
    font-size: 15px;
    height: 70px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    position: relative;
}

.bh-navbar .list .link.login {
    border-radius: 6px;
    height: 50px;
    border: 2px solid var(--bh-green);
    padding: 0 20px !important;
    margin-left: 20px;
}

.bh-navbar .list .link.login:hover {
    background-color: var(--bh-green);
    color: #fff;
    opacity: 1;
}

.bh-navbar .list .link:hover {
    color: rgba(255, 255, 255, 0.7);
}

.bh-navbar .list .bh-dropdown-item > .link::after {
    content: "";
    position: absolute;
    bottom: -1px;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 13px;
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    background-color: #fff;
    opacity: 0;
    transition: 0.2s;
}

.bh-navbar .list .bh-dropdown-item:hover > .link::after {
    opacity: 1;
}

.bh-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgb(0 0 0 / .15);
    display: none;
    z-index: 9;
}

.bh-dropdown-menu .bh-dm-flex {
    display: flex;
}

.bh-dropdown-menu .bh-dm-flex .bh-dm-flex-item {
    flex: 1;
    width: 50%;
}

.bh-dropdown-menu .bh-dm-flex.domain {
    display: grid;
    grid-template-columns: 65% 35%;
}

.bh-dropdown-menu .bh-dm-flex.domain .bh-dropdown-list a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.bh-dropdown-menu .bh-dm-flex.domain .bh-dm-flex-item {
    width: 100%;
}

.bh-dropdown-menu .bh-dm-flex.domain .bh-dropdown-list a {
    height: 100%;
    padding: 24px;
}

.bh-dropdown-menu .bh-dropdown-list.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 12px;
    padding: 24px;
    height: 100%;
}

.bh-dropdown-menu .bh-dropdown-list.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 12px;
    padding: 16px;
}

.bh-dropdown-menu .bh-dropdown-list.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 12px;
    padding: 16px;
}

.bh-dropdown-menu .bh-dropdown-list a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: var(--bs-dark);
    padding: 15px 10px;
    border: 1px solid rgb(0 0 0 / .08);
    transition: all .3s ease;
    position: relative;
    border-radius: 6px;
    min-height: 105px;
}

.bh-dropdown-menu .bh-dropdown-list a:hover {
    transform: scale(1.05);
    background-color: var(--bh-green);
    box-shadow: 0 10px 30px rgb(0 0 0 / .2);
    color: #fff;
    border-radius: 6px;
    border-color: var(--bh-green);
}

.bh-dropdown-menu .bh-dropdown-list a:hover span {
    color: #fff;
}

.bh-dropdown-menu .bh-dropdown-list a .img {
    width: 50px;
}

.bh-dropdown-menu .bh-dropdown-list a h5 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.bh-dropdown-menu .bh-dropdown-list a h5 span {
    font-size: 13px;
    font-weight: 400;
    color: #9595a8;
    transition: all .5s ease;
    display: block;
    margin-top: 4px;
}

.bh-dropdown-menu .bh-dropdown-list a .navbar-badge {
    right: -1px !important;
    top: -4px !important;
    font-size: 12px;
}

.bh-dropdown-menu .link-area {
    padding: 24px 30px;
    border-left: 1px solid #e5e5e5;
}

.bh-dropdown-menu .link-area .title {
    color: #9595a8;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.bh-dropdown-menu .link-area ul li a {
    color: var(--bs-dark);
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0;
}

.bh-dropdown-menu .link-area ul li:last-child a {
    margin-bottom: 0;
}

.bh-dropdown-menu .link-area ul li a::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    color: #09be75;
    opacity: 0;
    transition: 0.2s;
}

.bh-dropdown-menu .link-area ul li a:hover::after {
    opacity: 1;
}

.navbar-badge {
    background: #ff4b55;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .01em;
    padding: 4px 5px 2px 5px;
    position: absolute;
    right: 22px;
    top: 6px;
    text-transform: uppercase;
    font-weight: 600;
}

.navbar-badge::before {
    border: 5px solid #0000;
    border-right-color: #ff4b55;
    bottom: -5px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
}

.navbar-badge.soon {background: #ffb100}
.navbar-badge.soon::before {border-right-color: #ffb100}

.navbar-badge.discount {background: #0051ff}
.navbar-badge.discount::before {border-right-color: #0051ff}

.navbar-badge.new {background: #ff002f}
.navbar-badge.new::before {border-right-color: #ff002f}

.navbar-badge.success {background: var(--bh-green)}
.navbar-badge.success::before {border-right-color: var(--bh-green)}



.bh-dropdown-menu .discount-area {
    width: calc(100% - 16px - 16px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(93, 35, 207, 0.1);
    color: #5D23CF;
    padding: 7px 16px;
    border-radius: 6px;
    margin: 0 16px 16px 16px;
}

.bh-dropdown-menu .discount-area .discount-area-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-size: 16px;
}

.bh-dropdown-menu .discount-area .discount-area-left i {
    font-size: 22px;
}

.dar-countdown-text {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.dar-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    gap: 8px;
}

.dar-countdown > div span {
    font-size: 14px;
    font-weight: 300;
}


.bh-mobile-menu-toggle {
    font-size: 24px;
    color: #fff;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.bh-mobile-menu-toggle:hover, .bh-mobile-menu-toggle:focus {
    opacity: 0.7;
    color: #fff;
}



/* Swiper Home */
.bh-swiper-home-item {
    padding: 50px 0 50px 0;
    color: #fff;
}

.bh-swiper-home-item .content .subtitle {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 6px;
}

.bh-swiper-home-item .content .title {
    font-size: 38px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 12px;
}

.bh-swiper-home-item .content .desc {
    font-size: 17px;
    opacity: 0.8;
}

.bh-swiper-home-item .features-new {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 14px;
}

.bh-swiper-home-item .features-new-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.bh-swiper-home-item .features-new-item .fn-icon {
    height: 52px;
    width: 52px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 24px;
}

.bh-swiper-home-item .features-new-item .fn-title {
    font-weight: 500;
    font-size: 16px;
}

.bh-swiper-home-item .features-new-item .fn-desc {
    font-size: 14px;
    font-weight: 300;
}

.bh-swiper-home-item .content .features {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.bh-swiper-home-item .content .features .item {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    opacity: 0.8;
}

.bh-swiper-home-item .content .features .item i {
    font-size: 30px;
}

.bh-swiper-home-item .content .btn-success {
    height: 50px;
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
}

.bh-swiper-home-controllers {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    z-index: 9;
}

.bh-swiper-home-controllers .bh-swiper-home-prev {
    left: -50px;
}

.bh-swiper-home-controllers .bh-swiper-home-next {
    right: -50px;
}

.bh-swiper-home-controllers .button {
    position: absolute;
    font-size: 40px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.bh-swiper-home-controllers .button:hover {
    cursor: pointer;
}


/* Home Domain */
.bh-home-domain-box {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.bh-home-domain-box .tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f1f3f7;
}

.bh-home-domain-box .tabs .link {
    color: var(--bs-dark);
    height: 70px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    opacity: 0.7;
    transition: 0.2s;
}

.bh-home-domain-box .tabs .link i {
    font-size: 24px;
}

.bh-home-domain-box .tabs .link.active {
    background-color: #fff;
    color: var(--bh-green);
    opacity: 1;
}

.bh-home-domain-box form {
    position: relative;
}

.bh-home-domain-box .content-area {
    padding: 30px;
}

.bh-home-domain-box form .form-control {
    border: 1px solid #e5e5e5;
    height: 65px;
    border-radius: 100px;
    padding: 0 120px 0 30px;
}

.bh-home-domain-box form .btn {
    height: 52px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    padding: 0 24px;
    font-weight: 500;
}

.bh-swiper-home-domains {
    margin-top: 20px;
}

.bh-swiper-home-domains .domain-item {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 5px;
    text-align: center;
    background-color: #fff;
}

.bh-swiper-home-domains .domain-item .img {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-swiper-home-domains .domain-item .img img {
    max-height: 30px;
}

.bh-swiper-home-domains .domain-item .price {
    font-weight: 500;
    font-size: 18px;
}

.bh-swiper-home-domains .domain-item .old-price {
    font-size: 14px;
    text-decoration: line-through;
    opacity: 0.8;
}



/* Home Packs */
.bh-home-packs {
    padding: 60px 0;
}

.bh-home-packs .head-area {
    margin-bottom: 50px;
}

.bh-home-pack-item {
    background-color: #fff;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid rgb(0 0 0 / .08);
    box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
    transition: 0.4s;
}

.bh-home-pack-item:hover {
    transform: translateY(-20px);
}

.bh-home-pack-item .title {
    font-size: 20px;
}

.bh-home-pack-item .desc {
    font-size: 16px;
    line-height: 24px;
    color: #6c757d;
}

.bh-home-pack-item .icon {
    position: relative;
    text-align: center;
    margin: 30px 0;
}

.bh-home-pack-item .icon .img-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bh-home-pack-item .price-area {
    text-align: center;
}

.bh-home-pack-item .price-area .price {
    font-size: 40px;
    font-weight: 600;
    color: var(--bh-green);
    line-height: 40px;
}

.bh-home-pack-item .btn-success {
    width: 100%;
    height: 45px;
    margin-top: 20px;
}

.bh-home-packs .price-cycle-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.bh-home-packs .price-cycle-selector .item {
    height: 50px;
    border: 1px solid #5931d0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    text-transform: uppercase;
    color: #5931d0;
    transition: 0.2s;
    cursor: pointer;
}

.bh-home-packs .price-cycle-selector .item.active, .bh-home-packs .price-cycle-selector .item:hover {
    background-color: #5931d0;
    color: #fff;
}

.bh-home-packs .price-cycle-selector .item:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.bh-home-packs .price-cycle-selector .item:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}



/* Home Features */
.bh-home-features {
    padding: 30px 0;
}

.bh-home-features .head-area {
    margin-bottom: 50px;
}

.bh-home-features-item {
    text-align: center;
    margin-bottom: 50px;
}

.bh-home-features-item img {
    margin-bottom: 20px;
}

.bh-home-features-item .title {
    font-size: 18px;
    font-weight: 600;
}

.bh-home-features-item .desc {
    font-size: 15px;
    color: #6c757d;
}




/* Home Testimonials */
.bh-home-testimonials {
    padding: 40px 0;
}

.bh-home-testimonials .head-area {
    margin-bottom: 50px;
}

.bh-home-testimonials .head-area .send-us {
    border: 2px dashed #f1f1f1;
    padding: 16px;
    margin: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--bh-purple);
    font-weight: 500;
    border-radius: 10px;
    transition: 0.2s;
}

.bh-home-testimonials .head-area .send-us:hover {
    transform: scale(1.02);
}

.bh-home-testimonials .head-area .send-us .icon-left {
    font-size: 24px;
}

.bh-home-testimonials .swiper-area {
    position: relative;
}

.bh-home-testimonials .swiper-area .bg-area {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bh-swiper-testimonials {
    padding-bottom: 30px !important;
}

.bh-swiper-testimonials .swiper-slide {
    height: auto;
}

.swiper-scrollbar-drag {
    background-color: #4b40bc !important;
}

.bh-swiper-t-item {
    background-color: #4f54d4;
    border-radius: 8px;
    overflow: hidden;
    max-width: 800px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bh-swiper-t-item .content {
    padding: 55px;
    height: 330px;
    color: #fff;
    font-size: 15px;
    line-height: 29px;
    flex: auto;
}

.bh-swiper-t-item .content-alt {
    background-color: #4b40bc;
    padding: 15px 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.bh-swiper-t-item .content-alt .user-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.bh-swiper-t-item .content-alt .user-area img {
    height: 64px;
    width: 64px;
    object-fit: cover;
    border-radius: 100%;
}

.bh-swiper-t-item .content-alt .user-area .name {
    font-weight: 500;
}

.bh-swiper-t-item .content-alt .user-area .job {
    font-size: 15px;
}

.bh-swiper-t-item .content-alt .website {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #fff;
}

.bh-swiper-t-item .content-alt .website i {
    font-size: 26px;
    color: var(--bh-green);
}

.bh-swiper-t-item .content-alt .website a {
    color: #fff;
}


/* Domain Pages */
.bh-page-head {
    background-image: url('../img/pageTop.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 50px;
}

.bh-page-head .head {
    margin-bottom: 40px;
}

.bh-page-head .head p {
    font-size: 18px;
}

.bh-page-head.domain form {
    position: relative;
}

.bh-page-head.domain form .form-control {
    border: 1px solid #e5e5e5;
    height: 65px;
    border-radius: 100px;
    padding: 0 120px 0 30px;
}

.bh-page-head.domain form .btn {
    height: 52px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    padding: 0 24px;
    font-weight: 500;
}

.bh-page-head .domain-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 20px 0 30px 0;
}

.bh-page-head .domain-links a {
    color: #fff;
    position: relative;
    transition: 0.2s;
}

.bh-page-head .domain-links a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.bh-page-head .domain-links li:not(:last-child) a:after {
    content: "";
    display: block;
    height: 18px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}


.bh-section {
    padding: 70px 0;
}

.bh-section-head {
    margin-bottom: 60px;
}

.bh-section-head .text-large {
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.bh-section-purple {
    background-color: #5443D2;
}


.bh-domain-feature-1 {
    text-align: center;
    margin-bottom: 50px;
}

.bh-domain-feature-1.bg {
    background-color: #fff;
    padding: 24px;
}

.bh-domain-feature-1 .box-icon {
    background-color: var(--bh-green);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 2.5rem;
    color: #fff;
}

.bh-domain-feature-1.bg .box-icon {
    height: 80px;
    width: 80px;
    background-color: #5443d2;
    font-size: 2rem;
}

.bh-domain-feature-1 h5 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.bh-domain-feature-1 p {
    margin: 5px 0 0;
    font-size: 0.95rem;
    font-weight: 400;
}

.bh-section-purple.domain-cup {
    padding: 0;
    color: #fff;
}

.bh-section-purple.domain-cup h2 {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700;
}

.bh-section-purple.domain-cup p {
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 15px;
    line-height: 1.6;
}

.bh-section-purple.domain-cup .img-cup {
    filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.5));
    height: 350px;
    margin: auto;
    display: block;
    transform: scale(1.4);
}


.table-domains tbody tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}

.table-domains tbody tr th {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-weight: 600 !important;
    vertical-align: middle;
    font-size: 14px;
}

.table-domains thead th:not(:first-child) {
    text-align: center;
}

.table-domains thead th {
    background-color: #F3F4F6;
    font-size: 14px;
    border: 0;
    color: #6c757d;
    font-weight: 600;
}

#domainPricing_wrapper div.dataTables_info {
    display: none !important;
}



.bh-section.domain-tips {
    color: #fff;
}

.bh-section.domain-tips .item {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bh-section.domain-tips .item .icon {
    background-color: #3a2b9a;
    margin-right: 15px;
    height: 80px;
    width: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 32px;
}

.bh-section.domain-tips .item h3 {
    font-size: 20px;
}

.bh-section.domain-tips .item p {
    margin-bottom: 0;
}

.bh-section.domain-tips .custom-box {
    background: #4939be;
    padding: 25px;
    border-radius: 12px;
    border: 2px dashed rgb(98 81 223);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
    gap: 20px;
}

.bh-section.domain-tips .custom-box i {
    font-size: 50px;
}

.bh-section.domain-tips .custom-box h3 {
    font-size: 28px;
}

.bh-section.domain-tips .custom-box p {
    margin-bottom: 0;
}


.bh-section.domain-steps .number {
    width: 80px;
    height: 80px;
    background-color: #5443D2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #fff;
    font-size: 1.5rem;
}

.bh-section.domain-steps .number.green {
    background-color: var(--bh-green);
}

.bh-section-gray {
    background-color: #F3F4F6;
}

.bh-services-item-mini {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    display: block;
    padding: 20px;
    text-align: center;
    color: var(--bs-dark);
}

.bh-services-item-mini .icon {
    height: 80px;
    color: #5443D2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    margin-bottom: 10px;
}

.bh-services-item-mini h3 {
    font-size: 20px;
    font-weight: 600;
}

.bh-services-item-mini .price-area {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
}

.bh-services-item-mini .price-area .cycle {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: 3px;
}

.bh-services-item-mini .alt {
    font-size: 13px;
    color: #6c757d;
}

.bh-services-item-mini .btn {
    width: 100%;
    margin-top: 12px;
    height: 42px;
}


.bh-faq-item {
    border-bottom: 1px solid #e5e5e5;
}

.bh-faq-item .bh-faq-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    padding: 24px 0;
    cursor: pointer;
    gap: 12px;
}

.bh-faq-item .bh-faq-item-head i {
    transition: 0.2s;
}

.bh-faq-item .bh-faq-item-head.active i {
    transform: rotate(180deg);
}

.bh-faq-item .bh-faq-item-body {
    display: none;
    padding-bottom: 24px;
}


.bh-faqs {
    max-width: 900px;
    margin: auto;
}

.bh-faqs .bh-faq-item:last-child {
    border-bottom: 0;
}



.bh-domain-results {
    padding: 40px 0;
    background-color: #F3F4F6;
}

.bh-domain-results .title-large {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.bh-domain-results .alternatives {
    margin-top: 30px;
    padding: 0 12px;
}

.bh-domain-results .alternatives .title-large {
    font-weight: 400;
    font-size: 18px;
}

.bh-domain-result-item {
    background-color: #fff;
    padding: 12px 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 4px;
    margin-bottom: 10px;
    transition: 0.2s;
}

.bh-domain-result-item .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bh-domain-result-item:hover {
    transform: scale(1.01);
}

.bh-domain-result-item .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.bh-domain-result-item.available .domain-name, .bh-domain-result-item.none .domain-name {
    font-size: 20px;
}

.bh-domain-result-item .left i {
    font-size: 32px;
}

.bh-domain-result-item .left .domain-name {
    font-weight: 500;
}

.bh-domain-result-item .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.bh-domain-result-item .right .btn {
    font-weight: 500;
    font-size: 13px;
    height: 40px;
}

.bh-domain-result-item .right .discount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.bh-domain-result-item .right .discount .price-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.bh-domain-result-item .right .discount-item {
    background-color: var(--bh-green);
    color: #fff;
    height: 40px;
    padding: 0 6px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-domain-result-item .right .price {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.bh-domain-result-item .right .price .cycle {
    opacity: 0.6;
    font-size: 15px;
    font-weight: 400;
}

.bh-domain-result-item .right .price-old {
    transform: scale(0.8);
    opacity: 0.6;
    text-decoration: line-through;
    font-weight: 500;
}

.bh-domain-result-item .alt-area {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bh-domain-result-item .alt-area .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.bh-domain-result-item .alt-area .left label {
    white-space: nowrap;
    font-weight: 500;
}



#frmDomainTransfer .btn {
    position: relative;
    transform: inherit;
    width: 100%;
    margin-top: 20px;
}

#frmDomainTransfer label, #frmDomainTransfer p {
    color: #fff;
    font-size: 18px;
}

#frmDomainTransfer .flex {
    display: grid;
    grid-template-columns: 0.7fr 0.3fr;
    grid-gap: 12px;
    align-items: flex-end;
}

#frmDomainTransfer #inputCaptchaImage {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

#frmDomainTransfer .btn {
    height: 65px;
    font-size: 18px;
}


.bh-section.transfer-features .bh-section-head p {
    font-size: 1.1rem;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
}


.bh-features-item-whois {
    background-color: #3A2B9A;
    border-radius: 12px;
    padding: 30px 20px;
    border: 2px dashed rgba(255, 255, 255, 0.2);
    text-align: center;
    color: #fff;
    height: calc(100% - 12px);
    margin-bottom: 12px;
}

.bh-features-item-whois .icon {
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5443D2;
    font-size: 32px;
}

.bh-features-item-whois h5 {
    font-size: 18px;
}

.bh-features-item-whois p {
    font-size: 15px;
    line-height: 24px;
    opacity: 0.8;
}


.bh-section-whois-result .domain-info {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    border-radius: 10px;
    margin-bottom: 24px;
}

.bh-section-whois-result .domain-info .icon {
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 20px;
    background-color: rgba(84, 67, 210, 0.1);
    color: #5443D2;
}

.bh-section-whois-result .domain-info .name {
    font-weight: 500;
    font-size: 18px;
}


.bh-section-whois-result .box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 16px;
}

.bh-section-whois-result .box .head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: rgba(84, 67, 210, 0.1);
    color: #5443D2;
    padding: 10px 16px;
    border-radius: 6px;
    gap: 10px;
    font-weight: 500;
}

.bh-section-whois-result .box table th, .bh-section-whois-result .box table td {
    font-size: 15px;
    padding: 14px 6px !important;
}

.bh-section-whois-result .box table {
    margin-bottom: 0;
}

.bh-section-whois-result .box table tr:first-child td,
.bh-section-whois-result .box table tr:first-child th {
    border-top: 0;
}

.bh-section-whois-result .box table th {
    font-weight: 600;
    background-color: #fff;
    border-color: #dee2e6 !important;
}

.bh-section-whois-result .box table tr:last-child th {
    border: 0 !important;
}



/* Web Hosting */
.bh-page-head-large {
    color: #fff;
    padding-top: 40px;
}

.bh-page-head-large .content .desc {
    font-size: 17px;
    opacity: 0.8;
}

.bh-page-head-large .content .features {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.bh-page-head-large .content .features .item {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.bh-page-head-large .content .features .item img {
    height: 30px;
}

.bh-page-head-large .content .features .item i {
    font-size: 26px;
}

.bh-page-head-large .type-selector {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-page-head-large .type-selector .item {
    color: #333;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #fff;
    height: 40px;
    padding: 0 20px;
    border-left: 1px solid #e5e5e5;
}

.bh-page-head-large .type-selector .item:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-left: 0;
}

.bh-page-head-large .type-selector .item:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.bh-page-head-large .wht {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.bh-page-head-large .wht .left .text {
    font-size: 13px;
    white-space: nowrap;
    margin-top: 8px;
    margin-left: 4px;
}

.bh-page-head-large .wht .img-right {
    height: 40px;
}


.bh-page-head-large .features-new {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 14px;
}

.bh-page-head-large .features-new-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.bh-page-head-large .features-new-item .fn-icon {
    height: 52px;
    width: 52px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 24px;
}

.bh-page-head-large .features-new-item .fn-title {
    font-weight: 500;
    font-size: 16px;
}

.bh-page-head-large .features-new-item .fn-desc {
    font-size: 14px;
    font-weight: 300;
}


.bh-hosting-selector {
    background-color: #fff;
    box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
    border-radius: 4px;
}

.bh-hosting-selector .selector-area {
    padding: 20px 40px;
}

.bh-hosting-selector .selector-area .select-area .item {
    margin-bottom: 20px;
}

.bh-hosting-selector .selector-area .select-area .item .title {
    text-align: center;
    margin-bottom: 8px;
    color: #9595a8;
}

.btn-outline-select {
    height: 55px;
    border: 2px solid #f5f6f7;
    padding: 10px 15px 10px 15px;
    background-color: #fff;
    width: 100%;
    justify-content: flex-start !important;
    box-shadow: none !important;
    font-weight: 500;
    font-size: 18px;
    border-radius: 8px;
}

.btn-outline-select.dropdown-toggle::after {
    display: block;
    margin: 0;
    vertical-align: inherit;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    border: 0 !important;
    position: absolute;
    right: 15px;
    opacity: 0.7;
}

.btn-outline-select:hover {
    border-color: var(--bh-green);
}

.btn-outline-select.purple {
    background-color: #4246b6;
    color: #fff;
    border-color: #5155ca;
}


.btn-outline-select-menu {
    border: 2px solid #f5f6f7;
    width: 100%;
    box-shadow: 0px 3px 8px 3px rgb(0 0 0 / 4%);
}

.btn-outline-select-menu .dropdown-item {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.bh-hosting-selector .selector-area .pack-select-item {
    background-color: #f5f6f7;
    border: 2px solid transparent;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    transition: 0.2s;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
}

.bh-hosting-selector .selector-area .pack-select-item.most-seller {
    outline: 2px solid #5443D2;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bh-hosting-selector .selector-area .pack-select-item.most-seller .most-seller-badge {
    position: absolute;
    background-color: #5443D2;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    left: -64px;
    top: 31px;
    white-space: nowrap;
    padding: 4px 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transform: rotate(-90deg);
    width: 98px;
    text-align: center;
}

.bh-hosting-selector .selector-area .pack-select-item:hover {
    border-color: var(--bh-green);
}

.bh-hosting-selector .selector-area .pack-select-item.active {
    border-color: var(--bh-green);
    background-color: #fff;
}

.bh-hosting-selector .selector-area .pack-select-item .price {
    text-align: center;
    line-height: 22px;
}

.bh-hosting-selector .selector-area .pack-select-item .price .text {
    color: #9595a8;
    font-size: 14px;
}

.bh-hosting-selector .selector-area .pack-select-item .price .price-text {
    color: #333;
    font-weight: 600;
    font-size: 21px;
}

.bh-hosting-selector .selector-area .pack-select-item .name {
    font-weight: 600;
    margin-bottom: 0;
}

.bh-hosting-selector .selector-area .support-area {
    padding: 25px 25px 25px 25px;
    color: #fff;
    border-radius: 8px;
    background-image: url("../img/web-hosting/support-bg.png");
    background-size: cover;
    background-position: center;
    text-align: center;
}

.bh-hosting-selector .selector-area .support-area img {
    margin-bottom: 20px;
}


.bh-hosting-selector .item-pack {
    border-left: 1px solid #ebebeb;
}

.bh-hosting-selector .item-pack .head-area {
    background-color: #f7f8f9;
    padding: 20px 0;
    text-align: center;
}

.bh-hosting-selector .item-pack .head-area .content {
    padding: 0 30px;
}

.bh-hosting-selector .item-pack .head-area .content .title {
    font-weight: 700;
}

.bh-hosting-selector .item-pack .head-area .content .images {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.bh-hosting-selector .item-pack .head-area .content .images img {
    height: 44px;
}

.bh-hosting-selector .item-pack .head-area .content-right {
    padding-right: 20px;
    position: relative;
}

.bh-hosting-selector .item-pack .head-area .content-right::before {
    content: "";
    display: block;
    width: 1px;
    height: 100px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(0 0 0 / .1);
}

.bh-hosting-selector .item-pack .head-area .content-right .badge {
    padding: 6px 8px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
}

.bh-hosting-selector .item-pack .head-area .content-right .img-ssl {
    display: block;
    margin: 14px auto;
}

.bh-hosting-selector .item-pack .head-area .content-right .price-area {
    margin: 20px 0;
}

.bh-hosting-selector .item-pack .head-area .content-right .price-area .old-price {
    font-size: 17px;
    color: #9595a8;
    text-decoration: line-through;
}

.bh-hosting-selector .item-pack .head-area .content-right .price-area .new-price {
    font-size: 42px;
    font-weight: 600;
    line-height: 40px;
}

.bh-hosting-selector .item-pack .head-area .content-right .price-area .text {
    font-size: 15px;
    color: #9595a8;
}

.bh-hosting-selector .item-pack .head-area .content-right .btn {
    height: 46px;
    width: 100%;
}

.bh-hosting-selector .item-pack .features-area .features-item {
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: 55px 0;
    text-align: center;
}

.bh-hosting-selector .item-pack .features-area .features-item .img {
    height: 50px;
    margin-bottom: 16px;
}

.bh-hosting-selector .item-pack .features-area .features-item .feature {
    font-weight: 500;
}

.bh-hosting-selector .item-pack .features-area .col-lg-4:nth-child(3n) .features-item {
    border-right: 0;
}


.bh-brands-carousel {
    overflow: hidden;
    display: flex;
    gap: 20px;
    position: relative;
}

.bh-brands-carousel::before {
    content: "";
    display: block;
    width: 140px;
    height: 100%;
    background: linear-gradient(to right, #fff, rgba(0,0,0,0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bh-brands-carousel::after {
    content: "";
    display: block;
    width: 140px;
    height: 100%;
    background: linear-gradient(to left, #fff, rgba(0,0,0,0));
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.bh-brands-carousel > * {
    flex: 0 0 100%;
}

.bh-brands-carousel .group {
    display: flex;
    gap: 20px;
    will-change: transform;
    animation: scrollingBrands 13s linear infinite;
    padding: 10px 0;
}

.bh-brands-carousel .group .item {
    flex: auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    min-width: 140px;
    width: 140px;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: 0.2s;
}

.bh-brands-carousel .group .item:hover {
    transform: scale(1.05);
}

@keyframes scrollingBrands {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}



.bh-wh-cup-item {
    background: #3a2b9a;
    border-radius: 8px;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15) !important;
    text-align: center;
    color: #fff;
    padding: 40px 30px 25px 30px;
    height: 100%;
}

.bh-wh-cup-item.link {
    display: block;
    transition: 0.2s;
}

.bh-wh-cup-item.link:hover {
    transform: scale(1.02);
    color: #fff;
}

.bh-wh-cup-item .icon {
    font-size: 50px;
    margin-bottom: 16px;
}

.bh-wh-cup-item img {
    max-height: 50px;
    margin-bottom: 24px;
}

.bh-wh-cup-item .icon-circle {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
    font-size: 32px;
}

.bh-section-wh-cup .img-cup {
    transform: scale(1.3);
}

.fs-18 {font-size: 18px}
.fs-14 {font-size: 14px}
.fs-13 {font-size: 13px}
.fs-12 {font-size: 12px}


.bh-feature-item-mini {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 50px;
}

.bh-feature-item-mini .icon {
    background-color: var(--bh-green);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.8rem;
}

.bh-feature-item-mini .icon.img {
    background-color: transparent;
}

.bh-feature-item-mini h5 {
    margin: 0;
    font-size: 1.2rem;
}

.bh-feature-item-mini p {
    margin: 5px 0 0;
    font-size: 0.95rem;
    font-weight: 400;
    color: #555;
}


.bh-section-feature-large .content h2 {
    font-size: 36px;
    margin-bottom: 14px;
}

.bh-section-feature-large .content p {
    color: #9595a8;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
}


.nav-tabs-apps {
    border-bottom: 0;
    gap: 8px;
}

.nav-tabs-apps .nav-link {
    height: 42px;
    font-weight: 500;
    border-radius: 6px;
    color: #fff;
    transition: 0.2s;
}



.bh-blog-item {
    color: #333;
    transition: 0.3s;
    display: block;
}

.bh-blog-item:hover {
    transform: translateY(-6px);
}

.bh-blog-item .img img {
    border-radius: 8px;
    display: block;
    width: 100%;
}

.bh-blog-item .img {
    margin-bottom: 14px;
}

.bh-blog-item .content .title {
    font-weight: 500;
}

.bh-blog-item .content .desc {
    font-size: 14px;
    line-height: 22px;
    color: #6c757d;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.bh-seo-item {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0 0 24px rgba(0,0,0,0.1);
    padding: 32px;
    height: calc(100% - 24px);
}

.bh-seo-item .title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
}

.bh-seo-item p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}



.bh-compare-table {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

.bh-compare-table .bh-ct-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 16px;
}

.bh-compare-table .bh-ct-grid .grid-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.bh-compare-table .bh-ct-grid .grid-right .item {
    flex: 1;
    text-align: center;
    font-size: 15px;
}

.bh-compare-table .bh-ct-head {
    position: sticky;
    top: 12px;
    background-color: #fff;
}

.bh-compare-table .bh-ct-head .item {
    padding: 12px 6px;
    text-align: center;
    border-radius: 8px;
    height: 100%;
    border: 1px solid #e5e5e5;
}

.bh-compare-table .bh-ct-head .item .product-name {
    font-size: 18px;
    font-weight: 600;
    color: #5443D2;
}

.bh-compare-table .bh-ct-head .item .product-desc {
    font-size: 14px;
    margin-top: 3px;
}

.bh-compare-table .bh-ct-head .item-left .title {
    font-weight: 500;
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    padding-left: 20px;
    color: #5443D2;
}

.bh-compare-table .bh-ct-body .bh-ct-grid {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    align-items: center;
}

.bh-compare-table .bh-ct-body .bh-ct-grid:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.bh-compare-table .bh-ct-body .bh-ct-grid .grid-left .item {
    font-weight: 500;
    padding-left: 12px;
    font-size: 15px;
}

.bh-compare-table .bh-ct-body .bh-ct-grid .grid-left .item .text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.bh-compare-table .bh-ct-body .bh-ct-grid .grid-left .item i {
    font-size: 20px;
    width: 25px;
    text-align: center;
}

.bh-compare-table .bh-ct-body .bh-ct-grid .grid-right .item .fa-check {
    color: green;
    font-size: 24px;
}


.bh-pricing-item {
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid #e2e4eb;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / .05);
    padding: 15px;
    position: relative;
}

.bh-pricing-item .free-domain {
    background-color: rgba(0, 204, 105, 0.1);
    color: var(--bh-green);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 6px;
    border-radius: 4px;
    font-size: 15px;
}

.bh-pricing-item .free-domain i {
    font-size: 24px;
}

.bh-pricing-item.most-seller {
    outline: 2px solid var(--bh-green);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bh-pricing-item.most-seller .most-seller-badge {
    position: absolute;
    bottom: calc(100% + 2px);
    background-color: var(--bh-green);
    width: calc(100% + 6px);
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 4px;
    left: -3px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.bh-pricing-item .head {
    border-bottom: 1px solid #e2e4eb;
    margin-bottom: 18px;
    padding-bottom: 24px;
}

.bh-pricing-item .head .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.bh-pricing-item .head .name {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}

.bh-pricing-item .head .img-ssl {
    height: 50px;
}

.bh-pricing-item .head .text-alt {
    color: #6c757d;
    font-size: 15px;
    margin-bottom: 0;
}

.bh-pricing-item .price-area .old-price {
    text-align: center;
    color: #6c757d;
    opacity: 0.7;
    font-size: 20px;
    text-decoration: line-through;
}

.bh-pricing-item .bh-pricing-discount {
    top: 50%;
    transform: translateY(-50%);
    right: inherit;
    left: 0;
    padding: 8px 4px;
}

.bh-pricing-item .bh-pricing-discount .bh-pd-top {
    font-size: 20px;
    line-height: 20px;
}

.bh-pricing-item .bh-pricing-discount .bh-pd-alt {
    font-size: 10px;
}

.bh-price-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-price-group .bh-pg-left {
    font-size: 52px;
    font-weight: 600;
    line-height: 52px;
}

.bh-price-group .bh-pg-right-area {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.bh-price-group .bh-pg-right-area .bh-pg-right {
    font-size: 24px;
    font-weight: 600;
}

.bh-price-group .bh-pg-right-area .bh-pg-cycle {
    font-size: 14px;
    position: relative;
    top: -6px;
    opacity: 0.6;
    font-weight: 500;
}

.bh-renew-prices-area .bh-rpa-text {
    text-align: center;
    font-size: 15px;
    color: #6c757d;
    border: 1px dashed #e5e5e5;
    border-radius: 4px;
    padding: 5px 2px;
    cursor: pointer;
    transition: 0.2s;
}

.bh-renew-prices-area .bh-rpa-text:hover {
    transform: scale(1.02);
}

.bh-renew-prices-area .bh-rpa-table {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 6px);
    background: linear-gradient(to right, #5443D2, #7564E0);
    padding: 6px;
    color: #fff;
    width: calc(100% + 80px);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 8;
    display: none;
}

.bh-renew-prices-area .bh-rpat-grid {
    display: flex;
    align-items: center;
    text-align: center;
}

.bh-renew-prices-area .bh-rpat-grid > div {
    flex: 1;
}

.bh-renew-prices-area .bh-rpat-head {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    padding: 0 10px;
}

.bh-renew-prices-area .bh-rpat-list {
    background-color: #fff;
    color: #333;
    border-radius: 4px;
}

.bh-renew-prices-area .bh-rpat-normal {
    padding: 10px;
    font-size: 15px;
    position: relative;
}

.bh-renew-prices-area .bh-rpat-normal .badge {
    color: #fff;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
}

.bh-renew-prices-area .bh-rpat-normal > div:first-child {
    font-weight: 600;
}

.bh-pricing-item .price-area .badge {
    display: block;
    text-align: center;
    font-weight: 500;
    padding: 6px 4px;
    font-size: 15px;
}

.bh-pricing-item .btn {
    width: 100%;
    height: 48px;
    margin: 10px 0;
    font-weight: 500;
}

.bh-pricing-item .features {
    margin-top: 14px;
}

.bh-pricing-item .features li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bh-pricing-item .features li i {
    width: 20px;
    text-align: center;
    margin-right: 6px;
    color: #4246b6;
}

.bh-pricing-item .features li:last-child {
    border-bottom: 0;
}

.bh-pricing-item .link-see-details {
    display: inline-block;
    margin: auto;
    text-align: center;
    border-bottom: 2px dotted #e5e5e5;
    color: #6c757d;
    transition: 0.2s;
}

.bh-pricing-item .link-see-details:hover {
    color: #4246b6;
}

.badge.bg-purple-opacity {
    background-color: rgba(66, 70, 182, 0.1);
    color: #4246b6;
}

.row-pricings.row {
    margin-right: -8px;
    margin-left: -8px;
}

.row-pricings.row > * {
    padding-right: 8px;
    padding-left: 8px;
}


.bh-section-wp-features .wp-feature-title {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.bh-section-wp-features .wp-feature-desc {
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.bh-section-wp-features .wp-feature-list {
    list-style-type: none;
    padding-left: 0;
}

.bh-section-wp-features .wp-feature-list li {
    font-size: 1rem;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.bh-section-wp-features .wp-feature-list li i {
    position: absolute;
    left: 0;
    top: 0;
    color: #ffd700;
}


.bh-section-divider-contact {
    padding: 30px 0;
    color: #fff;
}

.bh-section-divider-contact .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bh-section-divider-contact p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-size: 20px;
    max-width: 750px;
}

.bh-section-divider-contact p i {
    font-size: 42px;
}

.bh-section-divider-contact .btn {
    white-space: nowrap;
    height: 48px;
    padding: 0 40px;
}



.c-wp-card-details {
    padding: 0 100px;
    margin-bottom: 110px;
    position: relative
}

.c-wp-card-details__paragraph {
    width: 80%
}

.c-wp-card-details__number {
    background-color: #5931d0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
    padding: 35px 25px
}

.c-wp-card-details__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-color: #f4f5f9;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px
}

.c-wp-card-details__img img {
    margin: auto
}

.c-wp-card-details .col-12:first-child:after {
    content: "";
    display: inline-block;
    background-image: url('../img/web-hosting/windows/elips.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    top: 40%;
    right: 5.4%;
    position: absolute
}

.c-wp-card-details:after {
    content: "";
    width: 2px;
    display: block;
    height: 223px;
    background-color: rgb(0 0 0 / .12);
    position: absolute;
    left: 46.4%;
    top: 66%
}

.c-wp-card-details:after:last-child {
    display: none
}

.c-wp-card-details:last-child:after {
    display: none
}

.c-wp-card-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    width: 80%
}

.c-wp-card-card:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.c-wp-card-card:hover .c-wp-card-details__number {
    box-shadow: 0 10px 30px rgb(0 0 0 / .2)
}

.c-wp-card-card:hover .c-wp-card-details__img {
    box-shadow: 0 10px 30px rgb(0 0 0 / .2)
}



.bh-reseller-packs .tabs .tabs-item {
    flex: 1;
    padding: 15px 20px;
    border-top: 8px solid var(--bh-green);
    background-color: #fff;
    cursor: pointer;
}

.bh-reseller-packs .tabs .tabs-item:not(.active) {
    opacity: 0.8;
}

.bh-reseller-packs .tabs .tabs-item:not(.active) .title, .bh-reseller-packs .tabs .tabs-item:not(.active) .text {
    opacity: 0.5;
}

.bh-reseller-packs .tabs .tabs-item .title {
    font-size: 32px;
}

.bh-reseller-packs .tabs .tabs-item .text {
    font-size: 17px;
    font-weight: 300;
}



.bh-reseller-packs {
    margin: 30px 0;
    background-color: #fff;
    border-radius: 8px;
}

.bh-reseller-packs .head-area {
    border-bottom: 1px solid #ebebeb;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.bh-reseller-packs .head-area .filter-item {
    white-space: nowrap;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.bh-reseller-packs .head-area .filter-item .filter-title {
    font-size: 14px;
    font-weight: 500;
}

.bh-reseller-packs .head-area .filter-item .bh-ls-item {
    white-space: nowrap;
    padding: 0 16px;
}

.bh-reseller-packs .head-area .title {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.bh-reseller-packs .tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-reseller-packs .server-item .features-item {
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 50px 10px;
    text-align: center;
}

.bh-reseller-packs .server-item .col-6:nth-child(1) .features-item,
.bh-reseller-packs .server-item .col-6:nth-child(5) .features-item {
    border-left: 0;
}

.bh-reseller-packs .server-item .features-item .img {
    height: 50px;
    margin-bottom: 16px;
}

.bh-reseller-packs .server-item .features-item p {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14px;
}

.bh-reseller-packs .server-item .features-item p span {
    display: block;
    font-weight: 400;
}

.bh-reseller-packs .alt-area {
    padding: 20px;
    border-left: 1px solid #ebebeb;
    height: 100%;
    text-align: center;
}

.bh-reseller-packs .alt-area .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bh-reseller-packs .alt-area .left p {
    max-width: 450px;
}

.bh-reseller-packs .alt-area .btn-buy {
    height: 45px;
    white-space: nowrap;
    padding: 0 24px;
    width: 100%;
}

.bh-reseller-packs .alt-area .btn-outline-select {
    height: 45px;
    margin-bottom: 10px;
    font-size: 16px;
    border-radius: 6px;
}

.bh-reseller-packs .alt-area .price-area {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.bh-reseller-packs .alt-area .price-area .price {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}

.bh-reseller-packs .alt-area .price-area .old-price {
    font-size: 18px;
    color: #6c757d;
    opacity: 0.7;
    text-decoration: line-through;
}

.bh-reseller-packs .alt-area .price-area .discount-badge {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 6px;
}


.bh-location-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.bh-location-selector .bh-ls-item {
    flex: 1;
    height: 50px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    gap: 8px;
    cursor: pointer;
    transition: 0.2s;
    outline: 1px solid transparent;
    position: relative;
}

.bh-location-selector .bh-ls-item .badge.discount {
    position: absolute;
    right: -4px;
    top: -4px;
    font-weight: 500;
}

.bh-location-selector .bh-ls-item.active, .bh-location-selector .bh-ls-item:hover {
    border-color: var(--bh-green);
    outline-color: var(--bh-green);
}


.bh-packages-filter-tabs {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 6px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.bh-packages-filter-tabs .link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    color: #6c757d;
    transition: 0.2s;
}

.bh-packages-filter-tabs .link.active,
.bh-packages-filter-tabs .link:hover {
    background-color: #5149D1;
    color: #fff;
}



/* Campaigns */
.bh-campaign-item {
    background-color: #fff;
    border-radius: 20px;
    padding: 12px 12px 20px 12px;
    border: 1px solid #e8e8e8;
    margin-bottom: 70px;
    text-align: center;
    position: relative;
}

.bh-campaign-item .title {
    margin: 12px 0;
}

.bh-campaign-item .btn {
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 12px;
}

.bh-campaign-item .countdown {
    background-color: #fff;
    padding: 6px;
    text-align: center;
    border-radius: 12px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #e5e5e5;
}

.bh-campaign-item .countdown > div {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 600;
    background-color: #f1f1f1;
    border-radius: 8px;
    padding: 5px 8px;
}

.bh-campaign-item .countdown > div span {
    font-size: 13px;
    font-weight: 300;
}

.bh-campaign-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 10px;
    margin-bottom: 70px;
}

.bh-campaign-tabs .link {
    height: 50px;
    padding: 0 20px;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-weight: 500;
    transition: 0.2s;
}

.bh-campaign-tabs .link.active, .bh-campaign-tabs .link:hover {
    background-color: var(--bh-purple);
    color: #fff;
    border-color: var(--bh-purple);
}


.bh-about-page-head.campaign-page .title {
    font-size: 32px;
}

.bh-campaign-item.campaign-page {
    padding: 20px;
}

.bh-campaign-item.campaign-page .countdown {
    position: static;
    transform: inherit;
}

.bh-campaign-item.campaign-page .countdown > div {
    flex: 1;
    font-size: 30px;
}

.bh-campaign-item.campaign-page .head-title {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
}

.bh-campaign-page-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.bh-campaign-page-price .prices {
    text-align: center;
    font-size: 60px;
}

.bh-campaign-page-price .prices .old-price {
    line-height: 30px;
    font-size: 30px;
    text-decoration: line-through;
    font-weight: 300;
    color: #6c757d;
}

.bh-campaign-page-price .prices .new-price {
    font-weight: 700;
}

.bh-campaign-page-price .discount {
    background-color: var(--bh-purple);
    color: #fff;
    height: 100px;
    width: 100px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}

.bh-campaign-page-price .discount .d-text {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}


.bh-campaign-page-texts ul li {
    margin: 10px 0;
}


.bh-coupon-code-item {
    border: 2px dashed #e8e8e8;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bh-coupon-code-item .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding-left: 12px;
}

.bh-coupon-code-item .left i {
    font-size: 24px;
}

.bh-coupon-code-item .left .code {
    font-size: 18px;
}

.bh-coupon-code-item .copy {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 2px solid #e5e5e5;
    cursor: pointer;
    transition: 0.2s;
}

.bh-coupon-code-item .copy:hover {
    background-color: #e5e5e5;
}





/* Server */
.bh-server-pricing {
    background-color: #fff;
    padding: 6px 6px 6px 25px;
    border-radius: 8px;
    margin-bottom: 40px;
    position: relative;
    box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
}

.bh-server-pricing .img-ssd {
    height: 50px;
    position: absolute;
    top: -27px;
    left: 12px;
}

.bh-server-pricing .flex-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bh-server-pricing .flex-top .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
}

.bh-server-pricing .flex-top .left .info-area {
    width: 140px;
    min-width: 140px;
}

.bh-server-pricing .flex-top .left .info-area span {
    display: block;
    color: #4246b6;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.bh-server-pricing .flex-top .left .info-area h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}


.bh-server-pricing .flex-top .left .features-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    flex: 1;
}

.bh-server-pricing .flex-top .left .features-area .features-item {
    flex: 1;
}

.bh-server-pricing .flex-top .left .features-area .features-item .img {
    margin-bottom: 10px;
}

.bh-server-pricing .flex-top .left .features-area .features-item .value {
    color: var(--bh-green);
    font-size: 14px;
    font-weight: 500;
}

.bh-server-pricing .flex-top .left .features-area .features-item .key {
    color: #9595a8;
    font-size: 15px;
    font-weight: 500;
}


.bh-server-pricing .flex-top .right {
    width: 220px;
    min-width: 220px;
}

.bh-server-pricing .price-area {
    background-color: var(--bh-green);
    color: #fff;
    padding: 20px;
    border-radius: 6px;
    text-align: center;
    position: relative;
}

.bh-server-pricing .price-area .btn-success {
    background-color: #16B065;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.bh-server-pricing .price-area .price {
    font-size: 30px;
    font-weight: 600;
}

.bh-server-pricing .price-area .old-price {
    font-size: 17px;
    opacity: 0.7;
    margin-top: 5px;
    text-decoration: line-through;
    margin-bottom: -5px;
}

.bh-server-pricing .price-area .alt-text {
    font-size: 13px;
    margin-bottom: 8px;
}

.bh-server-pricing .price-area .discount-badge {
    background-color: #00a957;
    color: #fff;
    text-align: center;
    width: calc(100% - 20px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    padding: 4px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    animation: blink 2s linear infinite;
    transition: 0.2s;
}

@keyframes blink {
    0% {opacity: 0.5}
    50% {opacity: 1}
    100% {opacity: 0.5}
}



.bh-server-pricing-vertical {
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 32px rgba(0, 0, 0, 0.08);
}

.bh-server-pricing-vertical .head {
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    border-bottom: 1px solid #e8e8e8;
}

.bh-server-pricing-vertical .head .img-icon {
    height: 40px;
}

.bh-server-pricing-vertical .head .title {
    font-size: 18px;
    font-weight: 500;
}

.bh-server-pricing-vertical .head .desc {
    font-size: 16px;
    color: #6c757d;
}

.bh-server-pricing-vertical .head-price {
    border-bottom: 1px solid #e8e8e8;
    padding: 14px;
    text-align: center;
    position: relative;
}

.bh-server-pricing-vertical .head-price .price-area .old-price {
    font-size: 17px;
    font-weight: 300;
    text-decoration: line-through;
    opacity: 0.7;
}

.bh-server-pricing-vertical .head-price .price-area .old-price .cycle {
    font-size: 14px;
}

.bh-server-pricing-vertical .head-price .price-area .new-price {
    font-size: 32px;
    font-weight: 600;
}

.bh-server-pricing-vertical .head-price .price-area .new-price .cycle {
    font-size: 16px;
    font-weight: 500;
}

.bh-server-pricing-vertical .bh-pricing-discount {
    top: 50%;
    transform: translateY(-50%) scale(0.9);
}

.bh-server-pricing-vertical .features {
    display: flex;
    flex-wrap: wrap;
}

.bh-server-pricing-vertical .features .features-item {
    width: 50%;
    min-width: 50%;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    padding: 14px 8px;
}

.bh-server-pricing-vertical .features .features-item:nth-child(2n) {
    border-right: 0;
}

.bh-server-pricing-vertical .features .features-item .icon {
    font-size: 32px;
    color: #4F53D3;
}

.bh-server-pricing-vertical .features .features-item .title {
    font-weight: 500;
    font-size: 18px;
}

.bh-server-pricing-vertical .button-area {
    padding: 14px;
}



.bh-section-bg-features {
    background-image: url("../img/server/circles-white.png");
    background-position: center;
    background-repeat: no-repeat;
    padding: 250px 0;
    margin: -150px 0;
}

.bh-section-bg-features .title-head {
    font-size: 40px;
    margin-bottom: 40px !important;
}

.bh-sbf-item {
    box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
    border-radius: 4px;
    background-color: #fff;
    padding: 30px;
    text-align: center;
}

.bh-sbf-item img {
    margin-bottom: 20px;
}

.bh-sbf-item p {
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 0;
}


.bh-section-os {
    background-image: url("../img/server/vds-app-bg.png");
    background-size: cover;
    background-position: center;
    padding-top: 60px;
    margin-bottom: 100px;
}

.bh-section-os .bh-section-head h2 {
    font-size: 40px;
}

.bh-section-os .list {
    position: relative;
    top: 50px;
}

.bh-section-os-item {
    background-color: #fff;
    border-radius: 12px;
    height: 165px;
    padding: 25px;
    box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 30px !important;
    transition: 0.6s;
}

.bh-section-os-item img {
    height: 50px;
    transition: 0.6s;
}

.bh-section-os-item.large {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.bh-section-os-item:hover {
    background-color: var(--bh-green);
    transform: scale(1.1);
    color: #fff;
}

.bh-section-os-item:hover img {
    filter: brightness(100);
}


.bh-offer-create-area {
    border: 2px dashed #e5e5e5;
    padding: 40px;
    border-radius: 10px;
}

.bh-offer-create-area .box.left {
    text-align: center;
}

.bh-offer-create-area .box.left .dropdown {
    width: 340px;
    margin: auto;
}

.bh-offer-create-area .box.right {
    background-color: #4246B6;
    border-radius: 8px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-offer-create-area .box.right .features {
    display: flex;
    flex-direction: column;
}

.bh-offer-create-area .box.right .features p {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.bh-offer-create-area .box.right .features p:first-child {
    border-top: 0;
}

.bh-offer-create-area .box.right .btn {
    height: 60px;
    font-weight: 500;
    padding: 0 40px;
    font-size: 20px;
    border-width: 2px;
}



.modal-teklif .features {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modal-teklif .features p {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
}

.modal-teklif .features p span {
    font-weight: 600;
}

.modal-teklif .features p:first-child {
    border-top: 0;
}

.modal-teklif .icon-top {
    font-size: 100px;
}

.modal-teklif .price {
    font-weight: 600;
    font-size: 40px;
}

.modal-teklif .modal-footer {
    display: flex;
    flex-direction: column;
}

.modal-teklif .modal-footer .btn {
    height: 50px;
    font-weight: 500;
    width: 100%;
}

.modal-teklif .modal-body, .modal-teklif .modal-footer {
    padding: 30px;
}


.bh-page-head-large.with-bg {
    background-image: url('../img/pageTop.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0 50px 0;
}


.bh-pricing-discount {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: var(--bh-green);
    color: #fff;
    padding: 8px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.bh-pricing-discount .bh-pd-top {
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
}

.bh-pricing-discount .bh-pd-alt {
    font-size: 12px;
    text-transform: uppercase;
}


.bh-tier-pricing {
    background-color: #fff;
    border-radius: 10px;
    color: #333;
    padding: 24px;
    margin: 12px 0;
    position: relative;
    transition: 0.2s;
}

.bh-tier-pricing:hover {
    transform: scale(1.02);
}

.bh-tier-pricing .head {
    padding-bottom: 20px;
}

.bh-tier-pricing .features li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
}

.bh-tier-pricing .features li:first-child {
    border-top: 0;
}

.bh-tier-pricing .features li .icon {
    font-size: 32px;
    color: #4c50cc;
    width: 42px;
    text-align: center;
}

.bh-tier-pricing .features li .key {
    font-weight: 500;
    font-size: 13px;
    opacity: 0.8;
}

.bh-tier-pricing .features li .value {
    font-size: 15px;
}

.bh-tier-pricing .btn {
    height: 50px;
    width: 100%;
    font-weight: 500;
}


.bh-tier-tables-area {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}

.bh-tier-tables-area .table {
    margin: 0 !important;
}

.bh-tier-tables-area .tab-content {
    padding: 24px;
}

.bh-tier-tables-area .nav-link.active {
    background-color: var(--bh-green);
    color: #fff;
    border-color: var(--bh-green);
}

.bh-tier-tables-area .nav-link {
    border-radius: 0;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    padding: 20px 5px;
    border-bottom: 2px solid #dfdfdf;
}

.bh-tier-tables-area .nav-pills {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0 !important;
}

.bh-tier-tables-area .nav-pills .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid #e5e5e5;
}


.bh-pricing-item.mail .head .name {
    font-weight: 500;
    font-size: 22px;
}

.bh-pricing-item.mail .head .flex i {
    font-size: 30px;
    color: var(--bh-green);
}

.bh-pricing-item.mail .features li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 0;
    margin-bottom: 0;
}

.bh-pricing-item.mail .features li:first-child {
    border-top: 0;
}

.bh-pricing-item.mail .features li .icon {
    font-size: 32px;
    color: #4c50cc;
    width: 42px;
    text-align: center;
}

.bh-pricing-item.mail .features li .key {
    font-weight: 500;
    font-size: 13px;
    opacity: 0.8;
}

.bh-pricing-item.mail .features li .value {
    font-size: 14px;
}


.bh-section-map {
    background-color: #f9f8fa;
}

.bh-section-map .bh-section-head h2 {
    font-weight: 600;
}

.bh-section-map .img-map {
    max-width: 900px;
    margin: 0 auto 30px auto;
}

.bh-section-map .content {
    max-width: 1200px;
}

.bh-section-map .item {
    position: relative;
    padding: 10px 30px;
}

.bh-section-map .row > div:not(:first-child) .item::before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    left: 0;
    background-color: #e5e5e5;
    position: absolute;
    top: 40px;
}

.bh-section-map .item i {
    font-size: 32px;
    color: #5443D2;
    margin-bottom: 15px;
}

.bh-section-map .item h3 {
    font-size: 19px;
}

.bh-section-map .item p {
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 0;
}


.text-for-mails .bh-wh-cup-item h5 {
    font-size: 18px;
    line-height: 26px;
}


.bh-blog-item .mh-200 {
    height: 200px;
    text-align: center;
}

.bh-blog-item .mh-200 img {
    object-fit: contain;
}



.bh-ssl-tabs {
    background-color: #f2f2f2;
    padding-top: 16px;
    margin-bottom: 30px;
    overflow-x: auto;
}

.bh-ssl-tabs .list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.bh-ssl-tabs .list a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: 0.2s;
    color: #6c757d;
    border-top: 4px solid transparent;
    gap: 4px;
    white-space: nowrap;
}

.bh-ssl-tabs .list a.active {
    background-color: #fff;
    border-top-color: #524AD3;
    color: #333;
}

.bh-ssl-tabs .list a span {
    font-weight: 300;
}

.bh-ssl-tabs .list a.campaign {
    background-color: rgba(0, 204, 105, 0.1);
    color: var(--bh-green);
    border-color: var(--bh-green);
}


.ssl-brands-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 14px;
}

.ssl-brands-filter .img {
    display: contents;
}

.ssl-brands-filter .item {
    height: 60px;
    border: 2px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    flex: 1;
    cursor: pointer;
    transition: 0.2s;
}

.ssl-brands-filter .item.active {
    border-color: #524AD3;
}


.bh-ssl-pricing {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
    border-radius: 6px;
    padding: 14px 16px;
    border: 1px solid #f1f1f1;
    margin-bottom: 12px;
    transition: 0.2s;
    position: relative;
}

.bh-ssl-pricing .bh-pricing-discount {
    right: calc(100% - 20px);
    top: 50%;
    transform: translateY(-50%) scale(0.7);
    min-width: 70px;
    width: 70px;
}

.bh-ssl-pricing:hover {
    transform: scale(1.01);
}

.bh-ssl-pricing .flex {
    display: grid;
    align-items: center;
    grid-template-columns: 25% 50% 25%;
}

.bh-ssl-pricing .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.bh-ssl-pricing .img img {
    width: 100px;
    min-width: 100px;
}

.bh-ssl-pricing .left .name {
    font-weight: 500;
    font-size: 15px;
}

.bh-ssl-pricing .features {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.bh-ssl-pricing .features .features-item {
    flex: 1;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
}

@media (min-width: 992px) {
    .bh-ssl-pricing .features .features-item .show-mobile {
        display: none;
    }
}

.bh-ssl-pricing .features .features-item .fa-check {
    color: var(--bh-green);
}

.bh-ssl-pricing .features .features-item .fa-times {
    color: #6c757d;
    opacity: 0.8;
}

.bh-ssl-pricing .features .features-item i {
    font-size: 24px;
}

.bh-ssl-pricing .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.bh-ssl-pricing .right .price {
    font-size: 18px;
    font-weight: 600;
    background-color: #f5f5f5;
    border-radius: 6px;
    height: 48px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    line-height: 20px;
}

.bh-ssl-pricing .right .price .old-price {
    font-size: 13px;
    font-weight: 500;
    text-decoration: line-through;
    color: #6c757d;
}

.bh-ssl-pricing .right .btn {
    height: 48px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    flex: none;
}


.bh-ssl-pricing.head {
    box-shadow: none;
    border: 0;
    font-size: 13px;
}

.bh-ssl-pricing.head .features .features-item {
    font-size: 13px;
    opacity: 0.8;
}

.ssl-price-status {
    background-color: #fbfbfb;
    border: 1px solid #ebebeb;
    padding: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    margin-bottom: 30px;
}



.title-ssl-area {
    font-size: 28px;
    font-weight: 600;
}


.bh-section-ssl-features p {
    font-size: 18px;
    line-height: 30px;
}

.bh-section-ssl-features .ssl-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 12px;
}

.bh-section-ssl-features .ssl-features .feature-item {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px 12px;
    border-radius: 4px;
}

.bh-section-ssl-features .ssl-features .feature-item i {
    margin-right: 6px;
}


.bh-section-ssl-features .ssl-image {
    width: 600px;
    max-width: 600px;
}


.bh-cycle-selector {
    display: grid;
    grid-template-columns: 1fr 80px 1fr;
    gap: 12px;
    align-items: center;
}

.bh-cycle-selector .bh-cs-text {
    font-weight: 500;
    font-size: 15px;
    position: relative;
}

.bh-cycle-selector .bh-cs-text .badge-danger {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: -14px;
}

.bh-cs-select {
    background-color: #f3f3f3;
    height: 40px;
    width: 80px;
    border-radius: 100px;
    position: relative;
    border: 1px solid #efefef;
    cursor: pointer;
    transition: 0.2s;
}

.bh-cs-select .dot {
    height: 32px;
    width: 32px;
    border-radius: 100%;
    background-color: var(--bh-green);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4px;
}

.bh-cs-select.active .dot {
    right: 4px;
    left: inherit;
}



/* Dedicated */
.bh-dedicated-filter {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-bottom: 20px;
    height: calc(100% - 20px);
}

.bh-dedicated-filter .title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bh-dedicated-filter .title i {
    font-size: 24px;
}

.bh-dedicated-filter .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}


.bh-checkbox-filter {
    cursor: pointer;
}

.bh-checkbox-filter .custom-control-label::before {
    height: 20px;
    width: 20px;
    border-radius: 2px;
    border-color: #cdcdcd;
    top: .1rem;
}

.bh-checkbox-filter .custom-control-label::after {
    height: 20px;
    width: 20px;
    top: .1rem;
}

.bh-checkbox-filter .custom-control-label {
    padding-left: 4px !important;
}

.bh-custom-range {
    -webkit-appearance: none;
    width: 100%;
    height: 12px;
    border-radius: 9999px;
    background: #f1f2ff;
    outline: none;
    padding: 0;
    margin: 0;
}

.bh-custom-range::-webkit-slider-runnable-track {
    height: 12px;
    background: #f1f2ff;
    border-radius: 9999px;
}

.bh-custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #2563eb;
    margin-top: -8px;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 0 0;
}

.bh-custom-range::-moz-range-thumb {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #2563eb;
    cursor: pointer;
    border: none;
}

.bh-custom-range::-moz-range-track {
    height: 12px;
    background: #f1f2ff;
    border-radius: 9999px;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #4d4ecd;
    border-color: #4d4ecd;
}




.bh-dedicated-pricing.heading {
    box-shadow: none;
    padding: 6px 32px 6px 10px;
}

.bh-dedicated-pricing.heading:hover {
    transform: inherit;
}

.bh-dedicated-pricing.heading .campaign {
    background-color: #ff2020;
    color: #fff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    padding: 6px 4px;
}

.bh-dedicated-pricing.heading .info {
    opacity: 0.7;
}

.bh-dedicated-pricing {
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 4px;
    padding: 14px 32px 14px 10px;
    position: relative;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: 0.2s;
}

.bh-dedicated-pricing:hover {
    transform: scale(1.03);
}

.bh-dedicated-pricing .flex {
    display: grid;
    grid-template-columns: 73.5% 26.5%;
    gap: 20px;
}

.bh-dedicated-pricing .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.bh-dedicated-pricing .left .item {
    flex: 1;
}

.bh-dedicated-pricing .item.head {
    flex: 1.3;
    text-align: center;
}

.bh-dedicated-pricing .item.head .title {
    font-size: 14px;
    font-weight: 500;
}

.bh-dedicated-pricing .item.head .core {
    font-size: 13px;
}

.bh-dedicated-pricing .item {
    text-align: center;
}

.bh-dedicated-pricing .item .text {
    font-size: 15px;
}

.bh-dedicated-pricing .item .key {
    font-weight: 500;
}

.bh-dedicated-pricing .item .value {
    color: #6c757d;
    font-size: 13px;
}


.bh-dedicated-pricing .price-area {
    text-align: center;
    color: var(--bh-green);
}

.bh-dedicated-pricing .price-area .old-price {
    font-size: 14px;
    text-decoration: line-through;
    color: #6c757d;
}

.bh-dedicated-pricing .price-area .new-price {
    font-size: 20px;
    font-weight: 600;
}

.bh-dedicated-pricing .price-area .cycle {
    font-size: 13px;
    font-weight: 300;
}


.bh-dedicated-pricing .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    position: relative;
    background-color: rgba(0, 204, 105, 0.1);
    border-radius: 4px;
    padding: 0 14px 0 0;
}

.bh-dedicated-pricing .right .btn {
    white-space: nowrap;
    flex: none;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
}

.bh-dedicated-pricing .right .bh-pricing-discount {
    right: calc(100% - 35px);
    top: 50%;
    transform: translateY(-50%) scale(0.7);
}




    /* Mobile Menu */
.bh-mobile-menu {
    background-color: #31353d;
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    height: 100%;
    z-index: 999;
    overflow-y: auto;
    transition: 0.3s;
    transform: translateX(-260px);
}

.bh-mobile-menu.show {
    transform: translateX(0);
}

.bh-mobile-menu .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 16px;
}

.bh-mobile-menu .head .logo img {
    height: 32px;
}

.bh-mobile-menu .head .bh-mobile-menu-close {
    color: #fff;
    font-size: 24px;
}

.bh-mobile-menu .divider-area {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bh-mobile-menu .divider-area .btn {
    width: 100%;
}

.bh-mobile-menu .sidebar-dropdown > a {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.bh-mobile-menu .sidebar-dropdown > a i {
    width: 20px;
    text-align: center;
}

.bh-mobile-menu .sidebar-dropdown > a::after {
    content: "\f078";
    display: block;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: 20px;
    font-size: 14px;
}

.bh-mobile-menu .sidebar-dropdown .sidebar-submenu {
    padding: 10px 10px 10px 30px;
    display: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bh-mobile-menu .sidebar-dropdown .sidebar-submenu ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
}

.bh-mobile-menu .sidebar-dropdown .sidebar-submenu ul li {
    position: relative;
    width: 100%;
}

.bh-mobile-menu .sidebar-dropdown .sidebar-submenu a {
    color: #fff;
    font-size: 15px;
    opacity: 0.8;
}

.bh-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 998;
    display: none;
}


.bh-section-migrate {
    padding: 30px 0;
    color: #fff;
}

.bh-section-migrate .img-right {
    width: 90%;
}

.bh-section-migrate h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.bh-section-migrate.mail {
    padding: 60px 0;
}

.bh-section-migrate.mail .badge {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.bh-section-migrate.mail h2 {
    font-size: 36px;
    margin-bottom: 12px;
}

.bh-section-migrate p {
    font-size: 16px;
    line-height: 29px;
}

.bh-section-migrate ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.bh-section-migrate ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 18px;
}

.bh-section-migrate ul li i {
    font-size: 20px;
    color: #FFD700;
}

.bh-section-migrate .btn-light {
    font-weight: 500;
    height: 50px;
    padding: 0 30px;
}


/* Domain Pricing */
.bh-tld-filters {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    flex-wrap: wrap;
}

.bh-tld-filters .badge {
    padding: 12px 16px;
    font-size: 15px;
    display: inline-flex;
    border-radius: 6px;
    box-shadow: none !important;
}

.bh-tld-filters .badge.badge-secondary {
    background-color: #f9f9f9 !important;
    color: #6c757d;
}

.bh-tld-filters .badge.badge-success {
    background-color: #5343D2 !important;
    color: #fff;
}

.bh-domain-pricing-table .head-area {
    background-color: rgba(83, 67, 210, 0.1);
    color: #5343D2;
    padding: 6px 0;
    border-radius: 8px;
}

.bh-domain-pricing-table .tld-row {
    padding: 6px 0;
    background-color: rgba(83, 67, 210, 0.05);
    color: #5343D2;
    border-radius: 8px;
    margin: 6px 0;
    transition: 0.2s;
}

.bh-domain-pricing-table .tld-sale-group {
    padding: 3px 6px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 6px;
}

.bh-domain-pricing-table .tld-row:hover {
    transform: scale(1.02);
}

.bh-domain-pricing-table .prices-area {
    background-color: #fff;
    border-radius: 6px;
    margin-right: 6px;
    margin-left: 12px;
    padding: 6px 0;
    color: var(--dark) !important;
}

.bh-domain-pricing-table .prices-area .price-text {
    font-weight: 500;
    font-size: 18px;
}

.bh-domain-pricing-table .discount-area .old-price {
    font-size: 15px;
    text-decoration: line-through;
}

.bh-domain-pricing-table .discount-area .badge {
    font-weight: 400;
}


/* Corporate */
.bh-about-page-head {
    background-image: url('../img/pageTop.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 170px 0 0 0;
    text-align: center;
    color: #fff;
}

.bh-about-page-head .title {
    font-size: 50px;
}

.bh-about-page-head .bh-breadcrumb {
    margin-top: 50px;
}

.bh-about-page-head .bh-breadcrumb, .bh-about-page-head .bh-breadcrumb ol {
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}

.bh-about-page-head .bh-breadcrumb ol {
    padding: 12px 8px;
}


.bh-about-page-content-area {
    padding-top: 40px;
}

.toggle-about-nav {
    height: 48px;
    margin-bottom: 24px;
    font-weight: 500;
}

.bh-about-page-nav {
    margin-bottom: 20px;
    position: sticky;
    top: 20px;
}

.bh-about-page-nav ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bh-about-page-nav ul a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: #333;
    font-size: 15px;
    position: relative;
}

.bh-about-page-nav ul a .icon {
    height: 40px;
    width: 40px;
    min-width: 36px;
    border-radius: 6px;
    background-color: rgba(82, 73, 211, 0.1);
    color: #5249D3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: 0.3s;
}

.bh-about-page-nav ul a:hover .icon, .bh-about-page-nav ul a.active .icon {
    background-color: #5249D3;
    color: #fff;
}

.bh-about-page-nav .bh-apn-dropdown-menu {
    padding: 10px 0 16px 14px;
    display: none;
}

.bh-about-page-nav .bh-apn-dropdown-menu .link-alt {
    gap: 10px;
    margin-top: 8px;
    opacity: 0.8;
}

.bh-about-page-nav .bh-apn-dropdown-menu .link-alt:hover,
.bh-about-page-nav .bh-apn-dropdown-menu .link-alt.active {
    color: var(--bh-purple);
}

.bh-about-page-nav .has-dropdown .link .fa-chevron-down {
    transition: 0.2s;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.7;
}

.bh-about-page-nav .has-dropdown .link.active .fa-chevron-down {
    transform: translateY(-50%) rotate(180deg);
}



.bh-about-page-content {
    padding: 40px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-bottom: 20px;
}


.bh-about-page-content.page-about h5 {
    font-weight: 600;
    margin-top: 40px;
}

.bh-about-page-content.page-about h5:not(.no-after)::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin-bottom: 14px;
    margin-top: 10px;
    background-color: var(--bh-purple);
}

.bh-about-page-content.page-about p, .bh-about-page-content.page-about ul li {
    font-size: 16px;
    line-height: 26px;
    color: #4f5760;
}


.bh-not-open-position {
    text-align: center;
    color: #6c757d;
    border: 2px solid #ebebeb;
    padding: 50px 20px;
    border-radius: 8px;
}

.bh-not-open-position i {
    font-size: 40px;
    margin-bottom: 12px;
}


.bh-reference-item {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    margin-bottom: 24px;
    padding: 10px;
    text-align: center;
    transition: 0.3s;
}

.bh-reference-item:hover {
    transform: scale(1.05);
}

.bh-reference-item .img {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-reference-item .name {
    font-weight: 500;
    margin-top: 6px;
    opacity: 0.8;
}


.bh-ticari-map {
    border-radius: 6px;
    overflow: hidden;
}

.page-ticari {
    padding: 10px 20px;
}

.table-corporate tr:first-child td {
    border-top: 0;
}

.table-corporate tr td:first-child {
    font-weight: 600;
}



.bh-bank-item {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    margin-bottom: 16px;
    padding: 6px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.bh-bank-item .img-bank {
    width: 210px;
}

.bh-bank-item .table tr:first-child td {
    border-top: 0;
}


.bh-bank-item .table tr td:first-child {
    font-weight: 500;
}

.bh-bank-item .table tr td {
    font-size: 14px;
    vertical-align: baseline;
}

.bh-bank-item .table tr td:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.bh-bank-item .table .copy-button {
    font-size: 18px;
    color: var(--bh-purple);
    background-color: transparent;
    border: 0;
    width: 30px;
}



.bh-contact-item {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 20px 10px;
    text-align: center;
    border-top: 3px solid var(--bh-purple);
    border-radius: 8px;
    height: calc(100% - 24px);
    margin-bottom: 24px;
}

.bh-contact-item .icon {
    font-size: 45px;
    color: var(--bh-purple);
    margin-bottom: 15px;
}

.bh-contact-item .key {
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 6px;
}

.bh-contact-item .value {
    font-weight: 500;
    font-size: 15px;
}

.bh-contact-item .value a {
    color: #333;
}

.bh-about-page-content.page-contact .form-control {
    height: 50px;
}

.bh-about-page-content.page-contact .btn-send {
    height: 50px;
    padding: 0 30px;
    font-weight: 500;
}


.bh-about-page-content.page-articles h1 {
    font-size: 28px;
    font-weight: 600;
}

.bh-about-page-content.page-articles h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
    margin-top: 30px;
}

.bh-about-page-content.page-articles h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
    margin-top: 20px;
}

.bh-about-page-content.page-articles p, .bh-about-page-content.page-articles ul li {
    font-size: 15px;
    line-height: 23px;
    color: #6c757d;
}


.bh-stars-item {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.bh-stars-item .ctx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bh-stars-item .img-logo {
    height: 35px;
}

.bh-stars-item .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 16px;
    color: #FBBC05;
}

.bh-stars-item .ctx .left {
    text-align: center;
    border-right: 1px solid #ebebeb;
    margin-right: 20px;
    padding-right: 20px;
}

.bh-stars-item .ctx .left .title {
    font-size: 13px;
    font-weight: 500;
}

.bh-stars-item .ctx .left .point {
    font-size: 24px;
    font-weight: 600;
}

.bh-stars-item.google {
    background-color: rgba(251, 188, 5, 0.1);
    border-color: rgba(251, 188, 5, 0.1);
}

.bh-stars-item.trustpilot {
    background-color: rgba(0, 183, 123, 0.1);
    border-color: rgba(0, 183, 123, 0.1);
}

.bh-stars-item.trustpilot .stars {
    color: #00B77B;
}


.page-about-area .texts p {
    font-size: 17px;
    line-height: 26px;
}


.bh-about-feature-item {
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    margin-bottom: 24px;
    height: calc(100% - 24px);
    text-align: center;
    padding: 20px;
}

.bh-about-feature-item .thumb {
    font-size: 60px;
    margin-bottom: 12px;
}

.bh-about-feature-item h3 {
    font-size: 16px;
    font-weight: 600;
}

.bh-about-feature-item p {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 0;
}


.bh-section-investment {
    padding: 30px 0 60px 0;
}

.bh-section-investment .nav-tabs {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 40px;
}

.bh-section-investment .nav-tabs .nav-link {
    background-color: transparent;
    border: 0;
    padding: 16px;
    font-weight: 500;
    position: relative;
}

.bh-section-investment .nav-tabs .nav-link::after {
    content: "";
    width: calc(100% + 12px);
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    background-color: var(--bh-purple);
    border-radius: 10px;
    opacity: 0;
    transition: 0.2s;
}

.bh-section-investment .nav-tabs .nav-link.active {
    color: var(--bh-purple);
    opacity: 1;
}

.bh-section-investment .nav-tabs .nav-link.active::after {
    opacity: 1;
}

.bh-section-investment .icon-box-1 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    margin-bottom: 40px;
}

.bh-section-investment .icon-box-1:last-child {
    margin-bottom: 0;
}

.bh-section-investment .icon-box-1 .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 6px;
    background-color: var(--bh-purple);
    color: #fff;
    font-size: 20px;
}

.bh-section-investment .icon-box-1 h3 {
    font-size: 16px;
    font-weight: 500;
}

.bh-section-investment .icon-box-1 p {
    margin-bottom: 0;
    font-size: 15px;
}

.bh-section-investment .video-box {
    padding-bottom: 56.25%;
    position: relative;
}

.bh-section-investment .video-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/* Ticket Alert */
.bh-ticket-alert {
    background-color: #fff;
    z-index: 9999;
    position: fixed;
    right: 20px;
    top: 20px;
    max-width: calc(100% - 40px);
    width: 300px;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.bh-ticket-alert .title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.bh-ticket-alert p {
    font-size: 12px;
    line-height: 22px;
    color: #6c757d;
    font-weight: 400;
}

.bh-ticket-alert .buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bh-ticket-alert .buttons .btn {
    height: 38px;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
}

.bh-ticket-alert .buttons .btn-secondary {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}



/* Cookie */
.bh-cookie-alert {
    background-color: #fff;
    z-index: 9999;
    position: fixed;
    left: 20px;
    bottom: 20px;
    max-width: calc(100% - 40px);
    width: 400px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.bh-cookie-alert .title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.bh-cookie-alert p {
    font-size: 14px;
    line-height: 22px;
    color: #6c757d;
    font-weight: 300;
}

.bh-cookie-alert .buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bh-cookie-alert .buttons .btn {
    height: 42px;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
}

.bh-cookie-alert .buttons .btn-secondary {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}


/* Client */
.card {
    border-color: #ebebeb;
}

.card .card-header {
    background-color: #fff;
    font-size: 16px;
    color: #3e474e;
    padding: 20px;
    border-color: #ebebeb;
}

.card .card-header .left {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.card .card-header .left i {
    font-size: 22px;
}

.bh-table-empty {
    padding: 30px 20px;
}

.bh-table-empty .icon-large {
    font-size: 50px;
}

.bh-table-empty h4 {
    margin: 12px 0 20px 0;
    font-size: 20px;
}

.bh-table-empty .btn {
    height: 42px;
    font-weight: 500;
    padding: 0 20px;
    font-size: 15px;
}

.btn-pdf.absolute {
    position: absolute;
    bottom: 12px;
    left: 20px;
    height: 34px;
    font-size: 13px;
    z-index: 3;
}

.table-client tbody td {
    font-size: 14px;
}

.table-client .btn-action {
    font-size: 14px;
    font-weight: 500;
    height: 35px;
}

.table-client .btn-action.btn-icon {
    width: 35px;
}

.table-client td .badge {
    font-size: 14px;
    font-weight: 500;
}

.table-hover tbody tr:hover {
    background-color: #f7f7f7 !important;
}
table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: none !important;
}

.card div.dataTables_wrapper div.dataTables_info {
    padding: 0 0 0 20px !important;
}

.card-header.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.card-header.flex .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.card-header.flex .buttons .link {
    font-size: 14px;
    padding: 2px;
    color: #3a3a3a;
    position: relative;
    transition: 0.2s;
}

.card-header.flex .buttons .link:hover {
    opacity: 0.6;
}

.card-header.flex .buttons .link:not(:last-child)::before {
    content: "";
    display: block;
    width: 1px;
    height: 32px;
    background-color: #ebebeb;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.link-pdf {
    color: #FF0000 !important;
}

.bh-quick-dropdown-menu .dropdown-item i {
    width: 22px;
    text-align: center;
}

.bh-quick-dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 8px 16px;
}


.card div.dataTables_wrapper div.dataTables_length label {
    font-size: 14px;
}
.card div.dataTables_wrapper div.dataTables_filter label {
    font-size: 15px;
}
.card div.dataTables_wrapper div.dataTables_filter {
    padding-right: 20px;
}
.card .dataTables_length {
    padding-left: 20px;
}
.card div.dataTables_wrapper .table {
    border-bottom: 1px solid #ebebeb;
}

.card div.dataTables_wrapper div.dataTables_paginate {
    margin: 5px 20px 10px 0 !important;
}

.table-client .table-title-mobile {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
}


.bh-about-page-head.affiliates .content h1 {
    font-size: 48px;
    font-weight: 600;
}

.bh-about-page-head.affiliates .content p {
    font-size: 18px;
    line-height: 30px;
}

.bh-about-page-head.affiliates .content .btn {
    height: 60px;
    font-size: 18px;
    font-weight: 500;
    padding: 0 20px;
}


.affiliates .bh-about-feature-item .thumb {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 100%;
    margin: 0 auto 16px auto;
}

.affiliates .bh-about-feature-item h3 {
    font-size: 15px;
    font-weight: 500;
}

.affiliates .bh-about-feature-item .stat-number {
    font-size: 30px;
    margin-bottom: 0;
    color: var(--purple);
    font-weight: 600;
}

.g-4>* {
    padding: 0 0.5rem;
}

.affiliates .bh-seo-item .bh-seo-icon {
    font-size: 50px;
    color: var(--purple);
    margin-bottom: 12px;
}

.affiliates .bh-seo-item .seo-points {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
    margin-bottom: 0 !important;
}

.affiliates .bh-seo-item .seo-points li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.affiliates .bh-seo-item .seo-points li i {
    position: relative;
    top: 4px;
    color: var(--purple);
    margin-right: 8px;
}


.table-affiliates td {
    font-size: 16px !important;
}


.affiliate-stat {
    font-size: 18px;
    border-radius: 8px;
}


.bh-announcement-item {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
}

.bh-announcement-item .title {
    font-size: 18px;
    font-weight: 500;
    color: var(--purple);
    display: block;
    margin-bottom: 10px;
}

.bh-announcement-item p {
    font-size: 15px;
    color: #6c757d;
}

.bh-announcement-item .time {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: #6c757d;
}


.bh-alert {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.bh-alert .icon-left {
    font-size: 40px;
}

.bh-alert .title {
    font-size: 18px;
}

.bh-alert .bh-alert-content {
    flex: 1;
}

.bh-alert p {
    font-size: 15px;
    color: #6c757d;
}

.grid-2 {
    display: flex;
    gap: 12px;
}

.grid-2 > * {
    flex: 1;
}


.bh-otp-item {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 18px;
}

.bh-otp-item .btn {
    width: 100%;
    height: 45px;
    font-weight: 500;
}

.bh-otp-item .img {
    height: 100px;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #515151;
    font-size: 60px;
}

.bh-otp-item .title {
    font-weight: 500;
    margin-bottom: 8px;
}

.bh-otp-item p {
    font-size: 15px;
}



/* Sitejet */
.bh-section-sitejet-three .bh-section-head .title {
    font-size: 42px;
    max-width: 770px;
    margin: 0 auto 20px auto;
}

.bh-section-sitejet-three .bh-section-head p {
    font-size: 18px;
    max-width: 820px;
    margin: auto;
    font-weight: 300;
}


.bh-modal-showroom-main {
    display: none;
}

.bh-modal-showroom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-modal-showroom .backdrop {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.bh-modal-showroom .content {
    width: 1200px;
    max-width: 100%;
}

.bh-modal-showroom .iframe-box {
    padding-bottom: 56.25%;
    position: relative;
    z-index: 2;
}

.bh-modal-showroom .iframe-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



    /* Footer */
.bh-footer-top {
    background-image: url('../img/footer/footer-top.png');
    background-size: 100% 100%;
    position: relative !important;
    padding: 30px 0 45px 0 !important;
}

.bh-footer-top-carousel {
    overflow: hidden;
    display: flex;
}

.bh-footer-top-carousel > * {
    flex: 0 0 100%;
}

.bh-footer-top-carousel .group {
    display: flex;
    gap: 20px;
    will-change: transform;
    animation: scrolling 10s linear infinite;
}

.bh-footer-top-carousel .group .item {
    flex: 1;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.bh-footer-main {
    margin-top: -75px;
    padding-top: 90px;
    background-image: -webkit-linear-gradient(bottom, #5d23cf 0, #4c5fd5 100%);
    background-image: linear-gradient(to top, #5d23cf 0, #4c5fd5 100%);
    color: #fff;
}

.bh-footer-main .top-area {
    text-align: center;
}

.bh-footer-main .top-area img {
    height: 60px;
    margin-bottom: 20px;
}

.bh-footer-main .top-area .tel {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.bh-footer-main .links-area {
    padding: 50px 0;
}

.bh-footer-main .links-area .footer-title {
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px solid #4246b6;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.bh-footer-main .links-area ul {
    padding-left: 16px;
}

.bh-footer-main .links-area ul li a {
    color: rgb(155, 174, 222);
    display: inline-block;
    margin-bottom: 8px;
    font-size: 15px;
    transition: 0.2s;
}

.bh-footer-main .links-area ul li {
    list-style: square;
}

.bh-footer-main .links-area ul li a:hover {
    color: #fff;
}

.bh-footer-main .payments {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.bh-footer-main .payments p {
    margin-top: 10px;
}

.bh-footer-main .text-alt {
    color: #9baede;
    font-size: 14px;
}

.bh-footer-main .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}


/* 404 */
.bh-page-404 {
    text-align: center;
}

.bh-page-404 .img-large {
    max-height: 400px;
    display: block;
    margin: 0 auto 30px auto;
}

.bh-page-shortcut-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    border: 2px solid #e5e5e5;
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 14px 18px;
    color: var(--text-color);
    transition: 0.2s;
}

.bh-page-shortcut-item:hover {
    transform: scale(1.02);
}

.bh-page-shortcut-item i {
    color: #5051D2;
    font-size: 32px;
}

.bh-page-shortcut-item .title {
    font-weight: 500;
}



/* General */
.fs-15 {font-size: 15px !important}
.fs-16 {font-size: 16px !important}
.fs-24 {font-size: 24px !important}
.fw-medium {font-weight: 500 !important}
.fw-bold {font-weight: 700 !important}
.fw-light {font-weight: 300 !important}

.text-green {
    color: #09be75;
}

.text-purple {
    color: #4d4ecd;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}


.input-icon {
    position: relative;
}

.input-icon .icon-left {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    pointer-events: none;
    opacity: 0.7;
}

.input-icon .form-control {
    height: 50px;
    padding-left: 50px;
}

.form-control:focus {
    border-color: #ced4da;
    outline: 2px solid var(--purple);
    outline-offset: 1px;
}


.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-success {
    background-color: var(--bh-green);
    border-color: var(--bh-green);
}

.btn-success:hover {
    background-color: #2eb74d;
    border-color: #2eb74d;
}

.btn-purple, .btn-primary {
    background-color: #4d4ecd;
    border-color: #4d4ecd;
    color: #fff;
}

.btn-purple:hover, .btn-purple:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary.disabled, .btn-primary:disabled, .btn-purple.disabled, .btn-purple:disabled {
    background-color: #3a3bb6;
    border-color: #3a3bb6;
    color: #fff;
}

.btn-opacity-purple {
    background-color: rgba(77, 78, 205, 0.1);
    color: #4d4ecd;
    border-color: transparent;
}

.btn-opacity-purple:hover, .btn-opacity-purple:focus {
    background-color: #3a3bb6;
    border-color: #3a3bb6;
    color: #fff;
}


.btn-opacity-danger {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border-color: transparent;
}

.btn-opacity-danger:hover, .btn-opacity-danger:focus {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.btn-opacity-success {
    background-color: rgba(0, 204, 105, 0.1);
    color: #00cc69;
    border-color: transparent;
}

.btn-opacity-success:hover, .btn-opacity-success:focus {
    background-color: #00cc69;
    border-color: #00cc69;
    color: #fff;
}


.btn-pdf {
    background-color: transparent;
    color: #FF0000;
    border-color: #FF0000;
}

.btn-pdf:hover {
    background-color: #FF0000;
    border-color: #FF0000;
    color: #fff;
}



.h-50 {
    height: 50px !important;
}
.h-42 {
    height: 42px !important;
}


.badge-purple {
    background-color: #5931d0;
    color: #fff;
}





.table th {
    background-color: #edf0f2;
    color: #424c55;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid rgb(0 0 0 / .04);
}

.table td {
    color: #4d5e6e;
    font-size: 13px;
    vertical-align: middle;
}


.bh-breadcrumb ol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px 8px;
    border-radius: 6px;
}

.bh-breadcrumb ol li:not(:last-child)::after {
    content: "\f054";
    display: inline-block;
    color: #fff;
    font-family: "Font Awesome 6 Pro";
    margin: 0 8px;
    font-size: 12px;
    opacity: 0.7;
}

.bh-breadcrumb ol li a, .bh-breadcrumb ol li span {
    color: #fff;
    font-size: 14px;
}

.bh-breadcrumb.transparent ol {
    background-color: transparent;
    padding-bottom: 0;
}


.alert-purple {
    color: #4246b6;
    background-color: rgba(66, 70, 182, 0.1);
    border-color: rgba(66, 70, 182, 0.1);
}


.bg-purple, .bg-primary {
    background-color: #5343D2 !important;
}


.list-group-item.active {
    background-color: #5343D2 !important;
    border-color: #5343D2 !important;
}



.card-sidebar .card-footer .row .col-button-left,
.card-sidebar .card-footer .row .col-button-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.card-sidebar .card-footer .row .col-button-left .btn,
.card-sidebar .card-footer .row .col-button-right .btn {
    height: 36px;
}

.card-sidebar .card-footer .row {
    gap: 6px;
}


select.form-control{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23555' d='M207.029 381.476L12.686 187.133c-9.373-9.373-9.373-24.569 0-33.941l22.627-22.627c9.357-9.357 24.522-9.375 33.901-.04L224 284.118l154.786-153.594c9.379-9.335 24.544-9.317 33.901.04l22.627 22.627c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 1rem center;
    background-size:14px 14px;
    padding-right:2rem;
}

select.form-control::-ms-expand{display:none;}



@media (min-width: 992px) {
    .toggle-about-nav {
        display: none;
    }
}

@media (min-width: 1200px) {
    .bh-navbar .bh-mobile-menu-toggle {
        display: none;
    }
}


@media (max-width: 1450px) {
    .bh-section-ssl-features .ssl-image {
        width: 100%;
        max-width: 100%;
    }
}


@media (max-width: 1300px) {
    .bh-swiper-home-controllers .bh-swiper-home-prev {
        left: -20px;
    }
    .bh-swiper-home-controllers .bh-swiper-home-next {
        right: -20px;
    }
}

@media (max-width: 1200px) {
    .bh-topnav .flex {
        flex-direction: column;
        justify-content: center;
    }
    .bh-navbar .list {
        display: none;
    }
    .bh-navbar {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bh-hosting-selector .selector-area {
        padding: 20px;
    }

    .bh-wh-cup-item {
        padding: 30px 20px 15px 20px;
    }

    .bh-stars-item .img-logo {
        height: 25px;
    }
    .bh-stars-item .ctx .left .title {
        font-size: 12px;
    }
    .bh-stars-item .ctx .left .point {
        font-size: 20px;
    }
    .bh-stars-item .ctx .left {
        margin-right: 10px;
        padding-right: 10px;
    }

    .bh-dedicated-pricing .flex {
        display: block;
    }
    .bh-dedicated-pricing .right {
        justify-content: center;
        margin-top: 20px;
        padding: 12px;
    }

}


@media (max-width: 992px) {
    body {
        background-size: 100% 3500px;
    }
    .bh-home-pack-item {
        margin-bottom: 12px;
    }


    .bh-about-page-nav {
        display: none;
    }


    .bh-footer .links-area .col-6 {
        margin-bottom: 12px;
    }


    .bh-footer-main .copyright {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        text-align: center;
    }


    .bh-domain-result-item.none, .bh-domain-result-item.available {
        flex-direction: column;
        gap: 12px;
    }
    .bh-section-purple.domain-cup {
        padding: 30px 0;
    }
    .bh-section-purple.domain-cup .img-cup {
        transform: inherit;
        height: auto;
        margin-top: 20px;
    }

    .bh-services-item-mini {
        margin-bottom: 24px;
    }


    .bh-hosting-selector .item-pack .head-area .content-right {
        padding: 20px;
    }
    .bh-hosting-selector .item-pack .head-area .content-right::before {
        display: none;
    }

    .bh-wh-cup-item {
        height: calc(100% - 24px);
        margin-bottom: 24px;
    }
    .bh-section-wh-cup .img-cup {
        transform: inherit;
        display: block;
        margin: auto;
        height: 200px;
    }

    .bh-compare-table {
        padding: 12px;
        white-space: nowrap;
        overflow-x: auto;
    }
    .bh-compare-table .bh-ct-head {
        position: inherit;
    }

    .bh-compare-table .bh-ct-grid .grid-right .item {
        width: 180px;
    }

    .bh-compare-table .bh-ct-grid {
        grid-template-columns: 200px 1fr;
    }

    .bh-page-head-large .content {
        margin-bottom: 20px;
    }


    .bh-pricing-item {
        margin-bottom: 24px;
    }

    .c-wp-card-details .col-12:first-child:after, .c-wp-card-details:after {
        display: none;
    }

    .c-wp-card-details {
        padding: 0;
        margin: 30px 0;
        text-align: center;
    }
    .c-wp-card-details__paragraph, .c-wp-card-card {
        margin: auto;
    }

    .bh-section-divider-contact .flex {
        flex-direction: column;
        gap: 20px;
    }

    .bh-reseller-packs .tabs {
        overflow-x: auto;
        justify-content: flex-start;
    }
    .bh-reseller-packs .tabs .tabs-item {
        width: 220px;
        white-space: nowrap;
        padding: 15px 10px;
    }
    .bh-reseller-packs .tabs .tabs-item .title {
        font-size: 20px;
    }
    .bh-reseller-packs .tabs .tabs-item .text {
        font-size: 15px;
    }


    .bh-server-pricing .flex-top, .bh-server-pricing .flex-top .left {
        flex-direction: column;
    }
    .bh-server-pricing .flex-top .right, .bh-server-pricing .flex-top .left, .bh-server-pricing .flex-top, .bh-server-pricing .flex-top .left .features-area, .bh-server-pricing .flex-top .left .info-area {
        width: 100%;
    }
    .bh-server-pricing {
        padding: 30px 12px 12px 12px;
    }
    .bh-server-pricing .flex-top .left .features-area {
        margin: 12px 0;
    }

    .bh-offer-create-area .box.right {
        height: auto;
        padding: 40px 20px;
        margin-top: 20px;
    }

    .bh-ssl-pricing .left {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .bh-ssl-pricing .flex {
        display: block;
    }
    .bh-ssl-pricing .features {
        margin: 16px 0;
    }
    .bh-ssl-pricing .right {
        justify-content: center;
    }
    .bh-ssl-pricing .features-item .show-mobile {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .bh-ssl-pricing.head {
        display: none;
    }

    .bh-section-ssl-features p, .bh-section-ssl-features .ssl-features .feature-item {
        font-size: 15px;
        line-height: 24px;
    }

    .bh-reseller-packs .head-area {
        flex-direction: column;
    }

}


@media (max-width: 768px) {

    .bh-packages-filter-tabs .link {
        font-size: 13px;
        line-height: 17px;
    }

    .bh-page-head-large .content h1.title {
        font-size: 1.8rem;
    }
    .bh-page-head-large .content .desc {
        font-size: 15px;
    }

    .bh-domain-pricing-table .domain-area {
        padding: 10px 0;
    }
    .bh-domain-pricing-table .prices-area {
        margin-left: 6px;
    }

    .card-header.flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .bh-ssl-pricing .features {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dataTables_wrapper .dataTables_filter label {
        display: inline-block !important;
    }

    .bh-page-head .domain-links {
        justify-content: flex-start;
        overflow-x: auto;
        white-space: nowrap;
    }

    .bh-domain-result-item .flex {
        flex-direction: column;
        gap: 12px;
    }
    .bh-section-purple.domain-cup h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .bh-section-purple.domain-cup p {
        font-size: 15px;
        line-height: 24px;
    }

    .bh-topnav ul li:not(.in-mobile) {
        display: none;
    }
    .bh-topnav .flex {
        flex-direction: row;
    }

    .bh-home-domain-box .tabs .link {
        font-size: 14px;
    }
    .bh-swiper-t-item .content {
        height: auto;
    }

    .bh-swiper-t-item .content {
        padding: 30px;
    }
    .bh-swiper-t-item .content-alt {
        padding: 15px 30px;
    }

    .bh-swiper-home-controllers .button {
        display: none;
    }

    .bh-hosting-selector .item-pack .features-area .col-lg-4:nth-child(3n) .features-item {
        border-right: 1px solid #ebebeb;
    }
    .bh-hosting-selector .item-pack .features-area .col-lg-4:nth-child(2n) .features-item {
        border-right: 0;
    }
    .bh-hosting-selector .item-pack .features-area .col-lg-4:last-child .features-item {
        border-right: 0;
    }

    .bh-reseller-packs .alt-area {
        flex-direction: column;
    }
    .bh-reseller-packs .server-item .col-6:nth-child(2n + 1) .features-item {
        border-left: 0 !important;
    }

    .bh-section-migrate h2 {
        font-size: 30px;
    }
    .bh-section-migrate .img-right {
        margin-top: 20px;
    }

    .bh-server-pricing .flex-top .left .info-area {
        text-align: center;
    }
    .bh-server-pricing .flex-top .left .features-area {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        border-top: 1px solid #e5e5e5;
        padding: 20px;
    }

    .bh-section-bg-features .title-head, .bh-section-os .bh-section-head h2 {
        font-size: 30px;
    }

    .title-h1-responsive {
        font-size: 24px !important;
    }

    .bh-bank-item {
        flex-direction: column;
    }

    .bh-about-page-head .title {
        font-size: 32px;
    }

    .bh-dedicated-pricing.heading {
        display: none;
    }

    .bh-dedicated-pricing .left {
        flex-direction: column;
        justify-content: center;
    }
    .bh-dedicated-pricing {
        padding: 16px;
    }
    .bh-dedicated-pricing .right .bh-pricing-discount {
        right: calc(100% - 52px);
    }

    .bh-section-sitejet-three .bh-section-head .title {
        font-size: 32px;
    }

}


@media (max-width: 576px) {
    .btn-pdf.absolute {
        position: static;
        margin-bottom: 12px;
        margin-left: 12px;
    }

    .bh-home-domain-box .tabs {
        flex-direction: column;
    }
    .bh-home-domain-box .tabs .link {
        padding: 0 12px;
        width: 100%;
    }
    .bh-home-domain-box .content-area {
        padding: 20px;
    }
    .bh-swiper-home-domains .domain-item .price {
        font-size: 16px;
    }
    .bh-home-domain-box .tabs .link i {
        font-size: 20px;
    }

    .bh-swiper-home-item .content .title {
        font-size: 32px;
        line-height: 50px;
    }
    .bh-swiper-home-item .content .desc {
        font-size: 15px;
    }
    .bh-swiper-home-item .content .features .item {
        font-size: 15px;
    }
    .bh-swiper-home-item .content .features .item i {
        font-size: 24px;
    }
    .bh-footer-main .links-area .footer-title {
        font-size: 16px;
    }
    .bh-topnav .flex ul li {
        margin: 0;
    }
    .bh-topnav .flex ul li .link {
        font-size: 12px;
        white-space: nowrap;
        padding: 8px 10px !important;
    }

    .bh-swiper-t-item .content-alt {
        flex-direction: column;
        gap: 12px;
    }

    .bh-domain-result-item .right {
        flex-direction: column;
        gap: 12px;
    }
    .bh-section-purple.domain-cup .img-cup {
        height: 200px;
    }

    .bh-section.domain-tips .item .icon {
        height: 60px;
        width: 60px;
        min-width: 60px;
    }
    .bh-section.domain-tips .item h3 {
        font-size: 18px;
    }
    .bh-section.domain-tips .item p, .bh-section.domain-tips .custom-box p {
        font-size: 15px;
    }
    .bh-section.domain-tips .custom-box h3 {
        font-size: 22px;
    }
    .bh-services-item-mini {
        margin-bottom: 12px;
    }
    .bh-faq-item .bh-faq-item-head {
        font-size: 16px;
    }


    .bh-section-feature-large .content h2 {
        font-size: 30px;
    }
    .bh-section-head .text-large {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .bh-section-head h2 {
        font-size: 1.6rem;
    }


    .bh-footer-main .top-area img {
        height: 40px;
    }
    .bh-footer-main .top-area p {
        font-size: 14px;
    }
    .bh-footer-main .top-area .tel {
        font-size: 20px;
    }

    .card-header.flex .buttons {
        flex-direction: column;
        gap: 12px;
    }
    .card-header.flex .buttons .link:not(:last-child)::before {
        display: none;
    }

    .bh-affiliates-jumbotron {
        text-align: center;
    }
    .bh-affiliates-jumbotron .img-large {
        margin: 0 auto 20px auto;
    }
    .bh-affiliates-jumbotron h3 {
        font-size: 1.25rem
    }
    .bh-affiliates-jumbotron p {
        font-size: 15px;
    }
    .bh-affiliates-jumbotron .btn {
        height: 42px;
    }

    .grid-2 {
        flex-direction: column;
    }

    .bh-offer-create-area {
        padding: 20px;
    }
    .bh-offer-create-area .box.left .dropdown {
        width: 100%;
    }

    .bh-page-head-large.with-bg {
        padding: 130px 0 50px 0;
    }

}