.h1,
    .h2,
    h1,
    h2 {
        font-weight: 700;
    }

    body,
    ul {
        margin: 0;
    }

    a,
    p {
        /* color: #000; */
        font-family: var(--font-Montserrat);
    }

    .banner-page-left ul li,
    a,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        font-family: var(--font-Montserrat);
    }

    .menu_drop ul li a,
    a {
        display: inline-block;
    }

    .banner-cloud,
    .banner-rocket,
    img.outer-img1 {
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
    }

    .choose-plan-wraper,
    .three__col-inner:hover {
        box-shadow: 0 2px 16px 0 #00000040;
    }

    .view-link a,
    a {
        text-decoration: none;
    }

    .banner-cloud,
    .banner-rocket,
    .free-trail img,
    .sidebar-collapsed .side-collaps-btn,
    a.free-trial img,
    img.outer-img1 {
        animation-direction: alternate;
    }

    :root {
        --primary: #ff9600;
        --primary-mid: #ffc066;
        --font-Montserrat: 'Montserrat', sans-serif;
    }

    body {
        /* background-color: #fff; */
        padding: 0;
        font-size: 16px;
        line-height: 1.56em;
        box-sizing: border-box;
    }

    .h1,
    h1 {
        font-size: 42px;
    }

    .h2,
    h2 {
        font-size: 36px;
    }

    .h3,
    h3 {
        font-size: 26px;
    }

    .h4,
    h4 {
        font-size: 20px;
    }

    .h5,
    h5 {
        font-size: 18px;
    }

    .banner-page-left ul li,
    .btn-primary,
    .h6,
    .old-price .year,
    .view-more-btn,
    a,
    h6,
    p {
        font-size: 16px;
    }

    p {
        font-weight: 400;
    }

    .section,
    section {
        padding: 50px 0;
    }

    .full-width-section {
        position: relative;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }

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

    ul {
        padding: 0;
        list-style: none;
    }

    .counter-inner p,
    b,
    strong {
        font-weight: 600;
    }

    a {
        position: relative;
        transition: color .3s;
    }

    a:hover,
    header.scrolled .header-nav .navbar-nav .nav-item .nav-link.active {
        color: var(--primary);
    }

    .logo {
        display: flex;
        align-items: center;
        position: relative;
    }

    .logo img {
        width: 50px;
        margin-right: 5px;
    }

    .logo h2 {
        margin-bottom: 0;
        font-size: 24px;
        /* color: #000; */
        font-family: Cinzel, serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
    }

    .logo span {
        display: block;
        width: auto;
        font-size: 11px;
        position: absolute;
        right: 0;
        bottom: -10px;
        /* color: #000; */
        font-weight: 500;
        letter-spacing: 0.5px;

    }

    .logo span {
        display: block;
        width: auto;
        font-size: 11px;
        position: absolute;
        right: 0;
        bottom: 4px;
        /* color: #000; */
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 1em;
        display: block;
    }


    .header__topbar-right {
        text-align: end;
    }

    .header-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    .header.scrolled .header-nav {
        box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .3019607843);
    }

    .page-banner-main {
        padding-top: 190px;
        background: linear-gradient(180deg, #514477 0, #886791 74.06%, #ad6883 100%);
        /*background:  url("/assets/img/diwali-40.jpg") no-repeat center center;
     background-size:  cover;*/
    }

    .page-banner-main-inner {
        padding-top: 139px;
    }

    .banner-page-left h1,
    .banner-page-left h2,
    .counter-inner .counter-value,
    .counter-inner p {
        color: #fff;
        margin-bottom: 0;
    }

    img.outer-img1 {
        position: absolute;
        bottom: 25%;
        left: 0;
        animation-name: banner-cloud;
    }

    .menu_drop {
        transition: .3s;
        min-width: 200px;
        position: absolute;
        top: 100%;
        padding-bottom: 5px;
        z-index: 9;
        opacity: 0;
        visibility: hidden;
        border-radius: 0 0 .7rem .7rem;
        background: var(--primary);
    }

    .footer .footer-link ul li,
    .menu_drop ul li,
    .sign-up-modal .form-group {
        margin-bottom: 10px;
    }

    .menu_drop ul li a {
        color: #fff;
        padding: 2px 10px;
    }

    .banner-page-left p {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0;
        text-align: left;
        margin-bottom: 20px;
    }

    .navbar__top a,
    .old-price .price-title {
        font-size: 24px;
    }

    .banner-page-left ul {
        padding-left: 30px;
    }

    .banner-page-left ul li img {
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
    }

    .banner-page-left ul li {
        font-weight: 500;
        color: #fff;
        margin-bottom: 15px;
    }

    .choose-plan-wraper ul li,
    .choose-plan-wraper ul li b,
    .choose-plan-wraper ul li span {
        font-size: 14px;
        font-family: var(--font-Montserrat);
    }

    .header-nav .navbar-nav .nav-item:hover .menu_drop {
        opacity: 1;
        visibility: visible;
    }

    .banner-bottom-price {
        margin-left: 37px;
        display: flex;
        flex-direction: column;
    }

    .banner-bottom-price h4,
    .banner-bottom-price span {
        font-size: 24px;
        font-weight: 600;
        line-height: 29px;
        text-align: right;
        color: #fff;
    }

    .banner-right-img {
        position: relative;
    }

    .banner-rocket {
        animation-name: banner-rocket;
    }

    @keyframes banner-rocket {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(10px);
        }
    }

    .banner-cloud {
        position: absolute;
        right: 0;
        top: 0;
        animation-name: banner-cloud;
    }

    @keyframes banner-cloud {
        0% {
            right: 0;
        }

        100% {
            right: 50px;
        }
    }

    .page-banner__slider button.slick-arrow {
        background: #000;
        border: none;
        height: 45px;
        width: 45px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 0;
        transform: translateY(-50%) !important;
        z-index: 2;
        opacity: .5;
    }

    .page-banner__slider button.slick-arrow:hover {
        opacity: 1;
    }

    .page-banner__slider button.slick-arrow::before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(-130deg);
        right: 13px;
        bottom: 15px;
    }

    .page-banner__slider button.slick-arrow.slick-next {
        left: auto;
        right: 0;
    }

    .page-banner__slider button.slick-arrow.slick-next::before {
        transform: rotate(45deg);
        right: 17px;
    }

    .page-banner__slider .slick-current .banner-page-left h1,
    .page-banner__slider .slick-current .banner-page-left h2 {
        animation-name: slider_animation_1;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }
    
    .page-banner__slider .dedicated-slide > video {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: inherit;
    object-fit: cover;
}

    @keyframes slider_animation_1 {
        0% {
            transform: translateX(-100px);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    .page-banner__slider .slick-current .banner-page-left p {
        animation-name: slider_animation_2;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    @keyframes slider_animation_2 {

        0%,
        50% {
            transform: translateX(-100px);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    .page-banner__slider .slick-current .banner-page-left ul {
        animation-name: slider_animation_3;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    @keyframes slider_animation_3 {

        0%,
        50%,
        75% {
            transform: translateY(100px);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .page-banner__slider .slick-current .banner-page-left .view-more-btn {
        animation-name: slider_animation_4;
        animation-duration: 2.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    @keyframes slider_animation_4 {

        0%,
        80% {
            transform: translateX(-100px);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .page-banner__slider .slick-current .banner-page-left .banner-bottom-price {
        animation-name: slider_animation_5;
        animation-duration: 2.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    @keyframes slider_animation_5 {

        0%,
        80% {
            transform: translateX(100px);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .page-banner__slider .slick-current .banner-cloud-wrapper,
    .page-banner__slider .slick-current .free-trail {
        animation-name: slider_animation_6;
        animation-duration: 4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    @keyframes slider_animation_6 {

        0%,
        60% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .page-banner__slider .slick-current .banner-rocket-wrapper {
        animation-name: slider_animation_7;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    @keyframes slider_animation_7 {

        0%,
        50% {
            transform: translateY(100%);
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .hamburger.hamburger--collapse,
    header.scrolled .header-wrapper .header-top {
        display: none;
    }

    header.scrolled .header-nav {
        animation-name: header-scorll;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        background-color: #000;
    }

    @keyframes header-scorll {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translate(0);
        }
    }

    .banner-title p,
    .sidebar a,
    .why-domain-content h2,
    .why-domain-content h4,
    .why-domain-content p,
    header.scrolled .header-nav .navbar-nav .nav-item .nav-link,
    header.scrolled .logo h2,
    header.scrolled .logo span {
        color: #fff;
    }

    .form-action,
    .header__topbar-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-top {
        padding: 15px 0;
    }

    .header__topbar-left a {
        margin-right: 40px;
        color: #fff;
        transition: color .3s;
    }

    .customer-area .nav2 li a:hover,
    .footer .footer-items a:hover,
    .header-nav .navbar-nav .nav-item .nav-link.active,
    .header__topbar-left a:hover,
    .hosting-cart h2 span,
    .orange,
    .section__content .title,
    .section__content b,
    .support-content-title h3 b,
    .view-link a:hover {
        color: var(--primary);
    }

    a.free-trial {
        width: 75px;
        vertical-align: text-bottom;
    }

    .header__topbar-right button {
        border: 1px solid #000;
        background: #000;
        color: #fff;
        border-radius: 5px;
        padding: 3px 19px;
    }

    .navbar-inner,
    .service-name-on-cart {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header .navbar-expand-lg .navbar-collapse {
        justify-content: end;
    }

    .header-nav,
    .header.scrolled .hamburger-inner,
    .header.scrolled .hamburger-inner::after,
    .header.scrolled .hamburger-inner::before {
        background-color: #fff;
    }

    .footer .footer-link ul li a,
    .header-nav .navbar-nav .nav-item .nav-link {
        background: linear-gradient(0deg, var(--primary), var(--primary)) no-repeat right bottom/0 1px;
    }

    .navbar__top a {
        font-weight: 600;
        line-height: 29px;
        letter-spacing: 0;
        text-align: left;
    }

    .header .navbar-inner .navbar-collapse,
    .navbar.navbar-expand-lg .container {
        display: block;
    }

    .header-nav .navbar-nav .nav-item {
        margin-right: 20px;
    }

    .header-nav .navbar-nav .nav-item:last-child,
    .header.panel .navbar-nav .nav-item:last-child,
    .sidebar-collapsed .side-icon {
        margin-right: 0;
    }

    .header-nav .navbar-nav .nav-item .nav-link {
        font-weight: 600;
        padding: 13px 12px;
        color: #000;
        font-size: 16px;
        background-size: 0 1px;
        background-position: left bottom 1px;
        transition: .3s;
    }

    .footer .footer-link ul li a:hover,
    .header-nav .navbar-nav .nav-item .nav-link:hover {
        background-size: 100% 1px;
        color: var(--primary);
    }

    .three__col-inner {
        text-align: left;
        padding: 20px 15px;
        transition: .4s ease-in-out;
    }

    .banner-title,
    .choose-plan-top,
    .counter-inner,
    .hosting-img,
    .image-galery-img,
    .price,
    .support-content-title,
    .support-img,
    .view-link,
    .view-more {
        text-align: center;
    }

    .three__col-inner-img img {
        max-width: 75px;
        width: 100%
    }

    .three__col-inner img {
        padding: 3% 0;
    }

    .search-content h2,
    .three__col-inner-img {
        margin-bottom: 20px;
    }

    .three__col-inner-content h3 {
        line-height: 30px;
        font-weight: 700;
    }

    .btn-primary,
    .view-more-btn {
        display: inline-block;
        margin-top: 10px;
        padding: 7px 40px;
        font-weight: 700;
        background: var(--primary);
        /*background: #e20143;*/
        color: #fff;
        text-decoration: none;
        border-radius: 4px;
        transition: .3s;
        border: 1px solid var(--primary);
    }

    .btn-primary {
        margin: inherit;
    }

    .btn-small {
        font-size: 13px;
        padding: 4px 17px;
    }

    .btn-primary:hover,
    .view-more-btn:hover {
        background-color: #fff;
        color: var(--primary);
        border: 1px solid var(--primary);
    }

    .modal .modal-content {
        overflow: hidden;
    }

    .modal .modal-content::after {
        content: "";
        background-image: url(../img/domainz.in.png);
        background-color: #fff;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: left bottom;
        width: 200px;
        height: 200px;
        opacity: .1;
        position: absolute;
        bottom: -40px;
        left: -40px;
        z-index: 1;
    }

    .choose-plan-slider-btn .slick-next::before,
    .choose-plan-slider-btn .slick-prev::before {
        content: "";
        width: 32px;
        height: 32px;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
    }

    .customer-pages .footer-stok,
    .customer-pages+footer,
    .modal .modal-content>* {
        position: relative;
        z-index: 2;
    }

    .choose-plan ul,
    .modal .modal-body {
        text-align: left;
    }

    .choose-plan-wraper {
        position: relative;
        padding-bottom: 65px;
        max-width: 375px;
    }

    .choose-plan-slider {
        display: flex;
        justify-content: center;
    }

    .choose-plan-slider .plan-items {
        padding: 15px;
        width: 33.333%
    }

    .choose-plan-slider-btn .slick-prev::before {
        background-image: url(../img/arrow_circle_left.png);
        top: 0;
    }

    .choose-plan-slider-btn .slick-next::before {
        background-image: url(../img/arrow_circle_right.png);
        top: 6px;
    }

    .choose-plan-slider .slick-list,
    .customer-area,
    .customer-pages .custom-tabs ul {
        display: flex;
    }

    .choose-plan-slider .slick-list .slick-track {
        display: flex;
        margin-bottom: 25px;
    }

    .choose-plan-slider .slick-list .slick-track>div {
        height: 100%
    }

    .choose-plan-top {
        padding: 20px 10px;
        background-image: url(../img/Choose-plan-bg.png);
        background-size: 100%;
        background-repeat: repeat;
        background-position: bottom left 0;
        height: 90px;
        display: flex;
        justify-content: center;
    }

    .choose-plan-wraper ul li::before,
    .custom-bannner,
    .view-link a::after {
        background-size: cover;
        background-repeat: no-repeat;
    }

    @keyframes example {
        0% {
            background-position: bottom left 0;
        }

        100% {
            background-position: bottom left -342px;
        }
    }

    .plan-items:hover .choose-plan-wraper .choose-plan-top img {
        animation-name: Move;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
    }

    @keyframes Move {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(5px);
        }
    }

    .plan-items:hover .choose-plan-top {
        animation-name: example;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .choose-plan-inner {
        padding: 20px;
    }

    .price {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .category span {
        background: #d9d9d9;
        font-size: 18px;
        color: #000;
        padding: 3px 45px;
        border-radius: 10px;
        line-height: 24px;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .price-title {
        font-weight: 600;
        line-height: 41px;
        color: var(--primary);
        margin-bottom: 5px;
    }

    .old-price {
        display: flex;
        align-items: center;
        column-gap: 8px;
        min-height: 42px;
    }

    .old-price>* {
        color: #777 !important;
        margin-bottom: 0;
        text-decoration: line-through;
    }

    .choose-plan-wraper ul {
        margin-top: 32px;
    }

    .choose-plan-wraper ul li {
        margin-bottom: 20px;
        padding-left: 27px;
        position: relative;
    }

    .choose-plan-wraper ul li:last-child {
        margin-bottom: 0;
    }

    .choose-plan-wraper ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../img/check_circle.png);
        width: 24px;
        height: 24px;
        background-position: center center;
    }

    .hosting-tab-left ul li::before,
    .testimonails-btn .slick-next::before,
    .view-link a::after {
        width: 32px;
        height: 32px;
        position: absolute;
        content: ''
    }

    .choose-plan-wraper ul li b {
        line-height: 23px;
        padding-right: 9px;
    }

    .choose-plan-wraper ul li span {
        font-weight: 400;
    }

    .view-more {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 20px;
    }

    .btn-slider,
    .custom-bannner,
    .hamburger-box,
    .hosting-tab-left ul li,
    .testimonails-btn,
    .testimonails-content,
    .view-link a {
        position: relative;
    }

    .choose-plan-wraper {
        height: 100%
    }

    .view-link a {
        display: inline-block;
        font-size: 16px;
        color: #000;
        padding-right: 35px;
        transition: .3s;
    }

    .right-btn a:hover:after,
    .view-link a:hover:after {
        right: -3px;
    }

    .view-link a::after {
        top: -2px;
        right: 0;
        background-image: url(../img/arrow_right_alt.png);
        background-position: center center;
        transition: .3s;
    }

    .custom-bannner {
        background-image: url(../img/bg-mask.png);
        z-index: 1;
        background-position: top center;
    }

    .custom-bannner::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #514477 0, #886791 74.06%, #ad6883 100%);
        z-index: -1;
        opacity: .7;
    }

    .knowledge-base-main {
        border: 1px solid #ddd;
        padding: 20px 20px 10px;
        height: 100%;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 10px;
    }

    .knowledge-img {
        margin-bottom: 15px;
    }

    .image-galery-img {
        padding: 1px;
    }

    .btn-slider,
    .footer-contact,
    .right-btn,
    .search-img,
    .testimonails-btn {
        text-align: right;
    }

    .image-galery-img-inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .knowledge-base-main h4 {
        line-height: 1.5em;
        font-weight: 500;
    }

    .knowledge-base-main p {
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0;
        text-align: left;
    }

    .right-btn a::after {
        content: '';
        background-image: url(../img/move-right.png);
        width: 24px;
        height: 24px;
        display: inline-block;
        scroll-padding-top: auto;
        position: absolute;
        right: 0;
        top: 2px;
        transition: .3s;
    }

    .right-btn a {
        padding-right: 30px;
        transition: .3s;
    }

    .knowledge-base .slick-track {
        display: flex;
        margin-bottom: 16px;
    }

    .knowledge-base .slick-track>div {
        min-height: unset;
        height: 100%
    }

    .knowledge-base .slick-list {
        height: 100%;
        display: flex;
    }

    .btn-slider .slick-arrow,
    .choose-plan-slider-btn .slick-arrow,
    .testimonails-btn .slick-arrow {
        font-size: 0;
        padding: 0;
        border: unset;
        margin-right: 0;
        transition: .3s;
        cursor: pointer;
        border-radius: 3px;
    }

    .btn-slider,
    .choose-plan-slider-btn {
        position: relative;
        text-align: right;
    }

    .btn-slider .slick-next::before,
    .btn-slider .slick-prev::before,
    .testimonails-btn .slick-prev::before {
        content: '';
        background-image: url(../img/arrow_circle_left.png);
        width: 32px;
        height: 32px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .btn-slider .slick-next::before {
        content: '';
        background-image: url(../img/arrow_circle_right.png);
        top: 9px;
    }

    button.slick-prev.slick-arrow {
        transform: translateX(-40px);
    }

    .btn-slider {
        display: flex;
        justify-content: end;
        align-items: center;
        padding: 10px;
    }

    .footer-stok:not(.footer-stok-fixed) {
        display: none !important;
    }

    .footer-stok.footer-stok-fixed {
        position: sticky;
        bottom: 0;
        z-index: 9;
        box-shadow: -9px -9px 21px -19px rgb(0, 0, 0);
        /* display: none; */
    }

    .footer-stok-fixed .footer-contact,
    .footer-stok-fixed .footer-right {
        padding: 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
    }

    .footer-stok-fixed .footer-contact {
        justify-content: flex-end;
    }

    .footer-stok-fixed .footer-right {
        justify-content: flex-start;
    }

    .footer-stok-fixed .footer-contact h4,
    .footer-stok-fixed .footer-right h4 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .footer-stok-fixed .footer-contact a {
        font-size: 20px;
        line-height: 1.1;
    }

    .footer-stok-fixed .footer-right .view-more-btn {
        border-radius: 5px;
        padding: 5px 18px;
        font-size: 14px;
        line-height: 1.1;
        margin-top: 0;
    }

    .footer-contact,
    .footer-right {
        padding: 34px 30px;
        height: 100%
    }

    .image-galery {
        background: #f5f5f5;
    }

    .image-galery-waraper .img-waraper {
        display: flex;
        justify-content: space-between;
    }

    .footer-contact {
        background-color: #564779;
        color: #fff;
    }

    .footer-contact a {
        color: var(--primary);
        font-size: 42px;
        font-weight: 500;
        line-height: 51px;
        letter-spacing: .05em;
        text-align: left;
    }

    .footer-right {
        background: #4a4a4a;
    }

    .footer-contact h4,
    .footer-right h4 {
        font-weight: 400;
        color: #fff;
    }

    .footer-right .view-more-btn {
        border-radius: 5px;
        padding: 7px 70px;
    }

    .search-domain {
        background-color: #f5f5f5;
    }

    .search-content span {
        display: inline-block;
        font-size: 36px;
        font-weight: 600;
        color: var(--primary);
    }

    .search-content .form-control {
        border-radius: unset;
        border-left: 0;
        border-right: inherit;
        border-top: inherit;
        background: #fff;
        border-color: var(--primary);
        width: 74%;
        display: inline-block;
    }

    .search-content .form-control:focus {
        box-shadow: none;
        border-color: var(--primary);
    }

    .domain-name ul {
        display: flex;
        justify-content: end;
    }

    .domain-name ul li b {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        text-align: center;
    }

    .domain-name ul li {
        padding-right: 20px;
    }

    .domain-name ul li:last-child {
        padding-right: 10px;
    }

    .hosting-tab div#nav-tab {
        justify-content: center;
        border: unset;
    }

    .hosting-tab div#nav-tab .nav-link {
        border: 1px solid;
    }

    .custom-tab {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 50px;
    }

    .hosting-tab div#nav-tab .nav-link {
        border-radius: unset;
        padding: 10px 45px;
        margin: unset;
        background: unset;
        color: #979797;
        border: unset;
    }

    .hosting-tab div#nav-tab .nav-link.active {
        color: #fff;
        background: var(--primary) !important;
        border-radius: 10px !important;
    }

    .hosting-tab-left ul li {
        font-size: 16px;
        margin-bottom: 14px;
        padding-left: 37px;
    }

    .hosting-tab-left ul li::before {
        left: 0;
        top: 5px;
        background-image: url(../img/verified.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .hosting-price-div span {
        font-size: 16px;
        font-weight: 600;
        color: #979797;
        line-height: 1;
    }

    .hosting-price-div {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-left: 32px;
        font-family: Montserrat;
        font-size: 32px;
        font-weight: 600;
        line-height: 39px;
        align-items: flex-start;
    }

    .tab-warper {
        border-bottom: 1px solid #ddd;
        padding-bottom: 50px;
    }

    .testimonails-waraper-inner {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .testimonails-img {
        margin-right: 50px;
    }

    .testimonails-btn,
    .testimonails-waraper {
        width: 100%;
        max-width: 70%;
        margin: auto;
    }

    .testimonails-content h4 {
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0;
        text-align: left;
        color: #979797;
        margin-bottom: 0;
    }

    .testimonails-content p {
        margin-bottom: 0;
        color: #979797;
    }

    .clint-name h3 {
        color: var(--primary);
        line-height: 32px;
        margin-bottom: 0;
    }

    .clint-name p {
        color: #979797;
        font-size: 14px;
    }

    .testimonails-content {
        padding-top: 40px;
    }

    .testimonails-content::before {
        content: '';
        position: absolute;
        top: -35px;
        left: -17px;
        background-image: url(../img/Format-quote.png);
        background-size: cover;
        width: 90px;
        height: 90px;
        line-height: 1;
    }

    .testimonails-btn .slick-next::before {
        background-image: url(../img/arrow_circle_right.png);
        top: 6px;
        right: 0;
    }

    .footer {
        background-color: #000;
        padding: 50px 0;
    }

    .footer-logo {
        max-width: 250px;
    }

    .footer .footer-items a {
        color: #fff;
        transition: color .3s;
    }

    .footer .footer-link ul li a {
        color: #fff;
        font-weight: 500;
        transition: .3s;
        background-size: 0 1px;
        display: inline;
        background-position: left bottom 1px;
    }

    .footer .footer-items p {
        color: #fff;
        padding-left: 36px;
    }

    .footer-bottom {
        background: #1e1e1e;
        padding: 18px 0;
    }

    .footer-socil-link ul {
        display: inline-flex;
    }

    .footer-bottom .footer-socil-link ul li {
        margin-right: 11px;
    }

    .footer-right-copyright p {
        margin-bottom: 0;
        text-align: end;
        color: #fff;
        font-weight: 500;
    }

    .hamburger {
        padding: 15px;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: .15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
    }

    .hamburger.is-active:hover,
    .hamburger:hover {
        opacity: .7;
    }

    .customer-pages .header.scrolled .hamburger-inner,
    .customer-pages .header.scrolled .hamburger-inner::after,
    .customer-pages .header.scrolled .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::after,
    .hamburger.is-active .hamburger-inner::before,
    .sidebar .dropdown-toggle.show {
        background-color: #000;
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        width: 40px;
        height: 2px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease;
    }

    .hamburger-inner::after,
    .hamburger-inner::before {
        content: '';
        display: block;
    }

    .hamburger-inner::before {
        top: -10px;
    }

    .hamburger-inner::after {
        bottom: -10px;
    }

    .hamburger--collapse .hamburger-inner {
        top: auto;
        bottom: 0;
        transition-duration: .13s;
        transition-delay: 0.13s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
    }

    .hamburger--collapse .hamburger-inner::before {
        transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    }

    .hamburger--collapse.is-active .hamburger-inner {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
        transition-delay: 0.22s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-90deg);
        transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    }

    .banner_inner {
        display: grid;
        position: relative;
    }

    .banner-img {
        grid-area: 1/-1;
    }

    .banner-inner-content {
        grid-area: 1/-1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #fff;
        z-index: 2;
    }

    .free-trail {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        left: auto;
    }

    .banner-page-left,
    .sidebar {
        position: relative;
    }

    .banner-img img {
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        width: 100vw;
    }

    .free-trail img,
    a.free-trial img {
        animation-name: free-trail;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes free-trail {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(1.2);
        }
    }

    button#btn-back-to-top {
        position: fixed;
        bottom: 84px;
        right: 20px;
        padding: 0;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        font-size: 0;
        z-index: 9;
        display: none;
        border: inherit;
        background-color: var(--primary);
    }

    button#btn-back-to-top::before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(-46deg);
        right: 17px;
        bottom: 13px;
    }

    .login-form {
        padding: 30px;
        border: 2px solid var(--primary);
        box-shadow: 12px 15px 0 0 var(--primary);
    }

    label {
        font-weight: 700;
        margin-bottom: 5px;
    }

    .form-group {
        margin-bottom: 30px;
    }

    .form-control,
    .form-select {
        border-radius: 4px !important;
        padding: 15px 20px;
    }

    .trialform .trail_form_field {
        margin-bottom: 3%
    }

    .form-select {
        padding-right: 30px !important;
        width: 24%;
        display: inline-block;
    }

    .form-control.form-control-small,
    .form-select.form-select-small {
        padding: 8px 13px;
        font-size: 14px;
        min-width: 150px;
    }

    .form-control:focus,
    .form-select:focus {
        background-color: #fff;
        border-color: var(--primary);
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(255, 150, 0, .25);
    }

    .sidebar {
        background: #002131;
        width: 230px;
        padding: 0;
        color: rgba(255, 255, 255, .6);
        transition: .3s;
    }

    .clientbox_cnt,
    .user-name h4,
    span.Balance,
    table tbody tr td a {
        color: var(--primary);
    }

    .sidebar-inner {
        padding-top: 80px;
        position: sticky;
        top: 0;
        max-height: 100vh;
        overflow: hidden auto;
        padding-bottom: 80px;
    }

    .sidebar .logo img {
        width: 40px;
        margin-right: 5px;
        max-width: inherit;
    }

    .sidebar-logo {
        padding: 13px 20px;
        text-align: center;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .sidebar .logo h2 {
        color: #fff;
        font-size: 15px;
        white-space: nowrap;
    }

    .side-icon {
        width: 30px;
        margin-right: 14px;
        max-width: inherit;
    }

    .sidebar .navbar-nav .dropdown-menu {
        position: static !important;
        transform: inherit !important;
        border-radius: 0;
        background-color: #000;
        padding-left: 44px;
    }

    .customer-main {
        padding: 30px;
        background-color: #efefef;
        width: calc(100% - 230px);
        transition: .3s;
    }

    .customer-area .nav2 {
        justify-content: space-between;
        padding: 20px 5px;
        display: block;
    }

    .customer-main .panel {
        background: #fff;
        margin-bottom: 30px;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
        font-size: 14px;
    }

    .panel h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .header-customer-page .navbar-nav {
        flex-direction: row;
        justify-content: end;
    }

    .header-customer-page .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header-customer-page .navbar-nav .dropdown-item {
        font-size: 14px;
    }

    .header-customer-page .hamburger {
        padding: 6px 0 0;
        margin-left: auto;
    }

    .header.panel .navbar-nav .nav-item {
        margin-right: 16px;
    }

    .header.panel .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        color: rgba(0, 0, 0, .9);
        padding: 6px 2px;
        text-transform: capitalize;
        letter-spacing: .01em;
        transition: color .3s;
        font-weight: 700;
    }

    .customer-main .header.panel {
        margin: -30px -30px 40px;
        border-radius: unset;
        background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 9;
        padding-right: 40px;
    }

    .section__content p {
        max-width: 750px;
        margin: 0 auto;
    }

    .customer-area .nav2 {
        min-height: 240px;
        justify-content: space-between;
    }

    .customer-area .nav2 li {
        transition: .3s;
        margin-bottom: 5px;
    }

    .customer-area .nav2 li:hover {
        background-color: rgba(0, 0, 0, .7);
        border-radius: 4px;
    }

    .customer-area .nav2 li a {
        display: inline-block;
        padding: 8px;
        display: flex;
        font-size: 13px;
        align-items: center;
        font-weight: 600;
        white-space: nowrap;
    }

    .user-name {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    .side-collaps-btn,
    .support-content .row {
        align-items: center;
    }

    .user-name img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        padding: 4px;
        border-radius: 100%;
        box-shadow: 0 0 5px #ff970091;
        animation: 5s ease-in-out infinite alternate leaves;
    }

    .user-name h4 {
        text-transform: capitalize;
        margin-bottom: 0;
        padding-left: 12px;
    }

    .dashboard a,
    .table__custom a {
        margin-top: 0;
    }

    .support-img img {
        width: 300px;
        height: 300px;
        object-fit: cover;
    }

    .support-content {
        margin-top: 30px;
    }

    span.Balance {
        font-size: 18px;
        font-weight: 400;
    }

    .clientrow__inner .btn-primary::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .clientrow__inner .btn-primary {
        position: static;
        max-width: 170px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px;
    }

    .clientrow__inner {
        overflow: hidden;
        position: relative;
        padding: 20px 15px;
        text-align: center;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        transition: .4s;
        height: 100%;
        border: 1px solid #efefef;
    }

    .clientrow__inner h4 {
        font-size: 14px;
        font-weight: 700;
        margin-top: auto;
    }

    .clientbox_cnt {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .clientrow__inner:hover {
        transform: translateY(-10px);
        box-shadow: 4.871px 34.659px 30px 0 rgba(0, 0, 0, .06);
    }

    .clientrow {
        margin: 40px 0;
    }

    .shoping-cart-basic,
    table {
        width: 100%
    }

    .table__custom .mytable thead tr th,
    table thead tr th {
        background-color: var(--primary-mid);
        padding: 10px 8px;
        color: #000;
        font-weight: 600;
    }

    .mytable tbody tr td,
    table tbody tr td {
        padding: 10px 8px;
        border: 1px solid #ddd;
        border-radius: unset;
    }

    table tbody tr td a {
        font-weight: 600;
    }

    .sidebar-collapsed .sidebar {
        width: 58px;
    }

    .sidebar-collapsed .customer-area .nav2 li a,
    .sidebar-collapsed .sidebar .logo h2 {
        font-size: 0;
    }

    .sidebar-collapsed .sidebar .logo img {
        width: 40px;
    }

    .sidebar-collapsed .sidebar-logo {
        padding: 14px 9px;
    }

    .sidebar-collapsed .customer-main {
        width: calc(100% - 56px);
    }

    .side-collaps-btn {
        position: fixed;
        bottom: 0;
        top: 0;
        margin: auto;
        height: 0;
        left: 230px;
        display: flex;
    }

    .side-collaps-btn button {
        width: 22px;
        height: 70px;
        border-radius: 0 8px 8px 0;
        margin-left: 0;
        border: none;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 0;
        background: #002131;
        justify-content: center;
        z-index: 1;
    }

    .customer-area .nav2 li.side-collaps-btn {
        background: 0 0 !important;
    }

    .side-collaps-btn button::before {
        content: "";
        display: block;
        width: 0;
        border-right: 10px solid #ff9600;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-right: 4px;
    }

    .sidebar-collapsed .side-collaps-btn button::before {
        border-left: 10px solid #ff9600;
        border-right: none;
    }

    .sidebar-collapsed .side-collaps-btn {
        left: 56px;
        animation-name: float-btn;
        animation-duration: .32s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }

    @keyframes float-btn {
        0% {
            transform: translateX(-50px);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    .page-title h1 {
        font-size: 32px;
        margin-bottom: 0;
    }

    .balance-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .acitive-badge,
    .panding-badge,
    .suspended-badge,
    .terminated-badge {
        font-weight: 600 !important;
    }

    .acount-balance {
        font-size: 12px;
    }

    .acount-balance a {
        font-size: inherit;
    }

    .page-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
    }

    .hosting-cart .form-check {
        width: 70%;
        padding: 30px 50px;
        border-radius: 10px;
        box-shadow: 0 0 11px -6px rgba(0, 0, 0, .3);
        background-size: auto 80%;
        background-repeat: no-repeat;
        background-position: bottom right;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        max-width: calc(50% - 20px);
    }

    .searchagain,
    .sign-up-modal .modal-body {
        background: #efefef;
    }

    .hosting-cart-row {
        column-gap: 30px;
    }

    .hosting-cart .form-check.buy-new {
        background-position: bottom right;
        margin-left: auto;
        background-size: auto 100%
    }

    .hosting-cart .form-check .input-group {
        display: none;
        flex-wrap: nowrap;
        align-items: flex-end;
    }

    @keyframes hosting-form {
        0% {
            transform: translateX(-50px);
        }

        100% {
            transform: translateX(0);
        }
    }

    .form-check-input:checked[type=radio]~.input-group {
        display: flex;
        animation-name: hosting-form;
        animation-duration: .32s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        animation-direction: alternate;
    }

    .choose-plan {
        font-size: 30px;
        text-align: center;
        margin-bottom: 40px;
    }

    .choose-plan span {
        font-size: 20px;
        text-transform: capitalize;
    }

    .hosting-cart .form-check .form-control.small {
        max-width: 100px;
    }

    .hosting-cart .form-check .form-select {
        max-width: max-content;
    }

    .hosting-cart .form-check .input-group>span {
        font-weight: 700;
        display: inline-block;
        margin: 0 8px !important;
        font-size: 24px;
    }

    .domain-avail .modal .form-select {
        float: left;
        width: min-content;
        margin: 0 10px 0 0;
        padding: 9px 30px 9px 9px;
    }

    .choose-plan-row {
        box-shadow: 0 0 8px 3px rgba(0, 0, 0, .03);
        margin: 0 0 20px;
        padding: 10px;
        align-items: center;
        border-radius: 7px;
        transition: .15s linear;
    }

    .choose-plan-row:hover {
        background-color: #efefef;
        box-shadow: none;
    }

    .choose-plan-row form>input.btn {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        display: block;
    }

    .searchagain {
        padding: 30px;
        border-radius: 10px;
        max-width: 800px;
        margin: 50px auto 20px;
    }

    .searchagain h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .searchagain .form-row {
        display: flex;
        column-gap: 10px;
    }

    .searchagain .form-row .form-select {
        max-width: fit-content;
    }

    #mycartdiv .form-select {
        padding: 8px 30px 8px 10px;
        width: 100%;
        font-size: 14px;
        background-color: #fff;
        max-width: 100px;
        border-color: var(--primary);
    }

    #mycartdiv .btn-close {
        opacity: 0;
        transition: .3s ease-in-out;
    }

    #mycartdiv tr:hover {
        background-color: #f7f7f7;
    }

    #mycartdiv tr:hover .btn-close {
        opacity: .75;
    }

    .filter-header {
        border-bottom: 1px solid #efefef;
        background: #fffaf5;
        margin: -15px -15px 30px;
        padding: 15px;
    }

    .filter-header .fillter-selector {
        display: flex;
        align-items: center;
        column-gap: 15px;
    }

    .acitive-badge {
        color: green !important;
    }

    .panding-badge {
        color: #00f !important;
    }

    .suspended-badge {
        color: orange !important;
    }

    .terminated-badge {
        color: red !important;
    }

    .customer-pages .btn-primary {
        padding: 7px 18px;
        font-size: inherit;
        cursor: pointer;
    }

    .custom-tabs li a {
        padding: 8px 10px;
        background: var(--primary-mid);
        margin-right: 4px;
        border-radius: 6px 6px 0 0;
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }

    .custom-tabs li a:hover {
        color: #000;
    }

    .custom-tabs li a.active {
        background: var(--primary);
    }

    .custom-tabs .tab-content {
        border: 1px solid var(--primary);
        padding: 5px;
    }

    .domain-name-on-result {
        font-weight: 700;
        color: var(--primary);
    }

    .shoping-cart-card {
        display: flex;
        box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1);
        padding: 14px 60px 14px 14px;
        margin-bottom: 20px;
        border-radius: 6px;
        position: relative;
    }

    .shoping-cart-basic p {
        font-size: 12px;
        line-height: 1.5;
        column-count: 4;
        border-top: 1px solid #efefef;
        padding-top: 10px;
        margin-top: 14px;
    }

    .shoping-cart-basic h3 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .shoping-cart-basic h4 {
        font-size: 14px;
        color: var(--primary);
    }

    .shoping-cart-remove {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 6px 0 0;
        width: 36px;
        padding: 4px;
        background: #ffeed6;
    }

    .shoping-cart-price {
        white-space: nowrap;
        font-weight: 600;
        padding-top: 7px;
    }

    .shoping-cart-choose {
        padding: 0 14px;
    }

    .shoping-cart-total {
        flex-direction: column;
        text-align: right;
    }

    .shoping-cart-total label {
        font-weight: 400;
    }

    .shoping-cart-total span {
        font-weight: 600;
        display: inline-block;
        min-width: 80px;
        text-align: right;
        margin-left: 10px;
    }

    .sign-up-modal .csf-row {
        background: #fff;
        margin: 0 auto 15px;
        padding: 15px 0;
        border-radius: 6px;
    }

    .sign-up-modal .csf-row>h4 {
        color: var(--primary);
        font-weight: 600;
        font-size: 12px;
    }

    .error-div {
        padding-left: 20px;
        color: red;
        font-size: 14px;
    }

    .colorwhite {
        color: #fff;
    }

    .diwali-greeting {
        background-color: rgba(74, 2, 26, 0.7);
        color: #ffffff;
        text-align: center;
        padding: 5px 0;
        font-size: 1rem;
        font-weight: 400;
        font-family: var(--font-Montserrat);
        animation: blink 1s infinite;
        /* Add blinking animation */
    }

    @keyframes blink {

        0%,
        50%,
        100% {
            opacity: 1;
        }

        25%,
        75% {
            opacity: 0.5;
        }
    }

    @media screen and (max-width: 1199px) {
        button#btn-back-to-top {
            display: none !important;
        }

        .footer-stok.footer-stok-fixed .row {
            flex-direction: column;
        }

        .footer-stok.footer-stok-fixed .row>* {
            width: auto;
            flex: 0 0 auto;
        }

        .footer-stok-fixed .footer-contact,
        .footer-stok-fixed .footer-right {
            justify-content: flex-start;
            background-color: #564779;
        }

        .footer-stok-fixed .footer-contact {
            padding: 8px 10px 0;
        }

        .footer-stok-fixed .footer-right {
            padding: 4px 10px 8px;
        }

    }

    @media screen and (max-width: 767px) {
        .footer-stok-fixed .footer-contact a {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 500px) {
        .footer-stok-fixed .footer-contact {
            display: none;
        }

        .footer-stok-fixed .footer-right {
            padding: 8px 140px 8px 10px;
        }

        .footer-stok-fixed .footer-contact h4,
        .footer-stok-fixed .footer-right h4 {
            font-size: 12px;
            margin-bottom: 0;
            font-weight: bold;
        }

    }