/*------------------------------------------------------------------
[Master Stylesheet]

Project: Hostiko
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. Domain Section
5. Plans Section
6. Web Hosting Section
7. Why Choose Hostiko Section
8. Data Center Location Section
9. Data Center Box Section
10. Global Data Centers Section
11. Happy Customer Section
12. Recent Posts Section
13. Build Website Section
14. Footer Section 
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
}

ul,ol {
    margin:0;
    padding: 0;  
}

a,
a:hover {
    text-decoration: none !important;
}

:root {
    --e-global-color-primary: #455;
    --e-global-color-secondary: #a69344;
    --e-global-color-text: #646773;
    --e-global-color-accent: #a69344;
    --e-global-color-white: #ffffff;
    --e-global-color-pure-cyan: #00f6ff;
    --e-global-color-soft-red: #dfa836;
    --e-global-color-dark-blue: #120086;
    --e-global-color-grayish-blue: #f2f5fa;
    --primary-color: #c2a636;
    --secondry-color: #445555;
}

h1 {
    font-family: 'Inter', sans-serif;
    font-size: 45px;
    line-height: 72px;
    font-weight: 700;
}

h2 {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
}

h3 {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    line-height: 36px !important;
    font-weight: 700 !important;
}

h4 {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}

h5 {
    font-family: 'Inter', sans-seri !important;
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 500;
}

h6 {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px;
    line-height: 30px !important;
    font-weight: 500 !important;
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.pp {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}


/* Home Page Style */

/* Home Page Top Portion Section Style */

.sections_wrapper {
    /*    background-color: var(--e-global-color-grayish-blue);*/
    background: #fff;
}

.banner-section-outer {
    /* background-image: url('../images/banner_background.jpg'); */
    /*    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*    background-color: var(--primary-color);*/
    background: #fff;
    padding: 14px 0 0;
}

.banner-section-outer .top_portion {
    /* background-image: url('../images/banner_top_portion.png'); */
    background-color: var(--e-global-color-primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.top_portion ul {
    margin-bottom: 0;
    padding: 12px 0 5px;
}

.top_portion ul li {
    display: inline-block;
    margin-right: 5px;
}

.top_portion ul li:last-child {
    margin-right: -30px;
}

.top_portion ul li i {
    color: var(--e-global-color-white);
}

.top_portion ul li i:hover {
    color: var(--e-global-color-accent);
}

.top_portion ul li .globe {
    font-family: 'FontAwesome';
}

.top_portion .second_list {
    text-align: right;
    padding: 8px 0 5px;
}

.top_portion .second_list li {
    margin-right: 12px;
}

.top_portion .second_list li a {
    color: var(--e-global-color-white);
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    text-decoration: none;
    transition: 0.3s;
}

.top_portion .second_list li a:hover {
    color: var(--e-global-color-accent);
}

.top_portion .second_list li i {
    margin-right: 5px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    padding: 10px 10px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 13px;
}

.top_portion .second_list li i:hover {
    color: var(--e-global-color-white);
}

/* Home Page Header Section Style */

.navbar-collapse ul {
    text-align: center;
    align-items: center;
    display: inherit;
}

.navbar-nav .nav-item a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #4a5568 !important;
    transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-item a:hover {
    color: var(--e-global-color-primary) !important;
}

.navbar-nav .active>a {
    color: var(--e-global-color-primary) !important;
}

.nav-link {
    padding: 0;
}

.navbar-brand {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar {
    padding: 18px 0;
}

.navbar-nav li {
    margin: 0px 18px 0 22px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav li:first-child {
    margin-left: 0;
}

.navbar-nav li:last-child {
    margin-right: -30px;
    padding-right: 0;
    margin-left: 10px;
}

.navbar-nav .nav-item .header_man {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 100px;
    padding: 10px 10px;
    transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-item .header_man:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

.navbar-collapse .drop-down-pages {
    text-align: left;
    margin-left: 0;
}

.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -30px;
    top: 30px;
    padding: 0;
    border: none;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 1%);
}

.navbar-nav .drop-down-pages li {
    margin: 0;
}

.navbar-nav .drop-down-pages .nav-item a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 12px 20px;
    color: var(--e-global-color-primary) !important;
}

.navbar-expand-lg .drop-down-pages .nav-link {
    padding-left: 0;
}

.navbar-nav .nav-item .dropdown-item:hover {
    color: var(--e-global-color-secondary) !important;
    background-color: var(--e-global-color-white) !important;
}

.navbar-nav .drop-down-pages .active>a {
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-dark-blue) !important;
}

.navbar-nav .drop-down-pages .active>a:hover {
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-dark-blue) !important;
}

/* Home Page Banner Section Style */

.banner-section {
    padding: 90px 0 90px;
}

.banner-section .banner-section-content {
    position: relative;
}

.banner-section .banner-section-content h1 {
    color: var(--e-global-color-white);
    margin-bottom: 14px;
}

.banner-section .banner-section-content h1 span {
    color: #222222;
}

.banner-section .banner-section-content p {
    font-weight: 400;
    padding-right: 20px;
    margin-bottom: 34px;
    color: var(--e-global-color-white);
}

.banner-section .banner-section-content .banner_blue_line {
    position: absolute;
    top: 50px;
    right: 50px;
}

.banner-section .banner-section-content .btn_wrapper .view_plans_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 38px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    margin-right: 18px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.banner-section .banner-section-content .btn_wrapper .view_plans_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

.banner-section .banner-section-content .btn_wrapper .learn_more_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 36px;
    text-align: center;
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
    display: inline-block;
    background-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.banner-section .banner-section-content .btn_wrapper .learn_more_btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.banner-section .banner_image {
    position: relative;
}

.banner-section .banner_image figure {
    position: absolute;
    top: -70px;
    left: 13px;
}

.banner-section .banner_image figure img:hover {
    animation-name: float, up;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

@keyframes float {
    100% {
        transform: translateY(-8px);
    }
}

@keyframes up {
    0% {
        transform: translateY(-8px);
    }

    50% {
        transform: translateY(-4px);
    }

    100% {
        transform: translateY(-8px);
    }
}

/* Home Page Domain Section Style */

.domain_section {
    margin-top: -38px;
}

.domain_background {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 70px 50px 50px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 15%);
    overflow: hidden;
}

.domain_content {
    position: relative;
    margin-top: -20px;
}

.domain_content p {
    line-height: 36px;
    margin-bottom: 8px;
    color: var(--e-global-color-primary);
}

.domain_content h3 {
    margin-bottom: 0;
    color: var(--e-global-color-primary);
}

.domain_content figure {
    position: absolute;
    right: -45px;
    top: -18px;
}

.domain_right_content {
    margin-top: -10px;
}

.domain_right_content .form-row {
    margin-bottom: 28px;
}

.domain_right_content .upper_layer {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    background-color: var(--e-global-color-grayish-blue);
    color: var(--e-global-color-text);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 25px;
    border-radius: 50px;
    border: none;
}

.domain_right_content .btn {
    position: absolute;
    right: 10px;
    top: 6px;
    padding: 15px 30px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}

.domain_right_content .btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
    outline: none;
    box-shadow: none;
}

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

.domain_right_content ul li {
    display: inline-block;
    border-right: 1px solid #e6e9ee;
    padding: 0 25px;
}

.domain_right_content ul li:last-child {
    border-right: none;
    padding-right: 0;
}

.domain_right_content ul li:first-child {
    padding-left: 0;
}

.domain_right_content ul li p {
    margin-bottom: 5px;
    color: var(--e-global-color-secondary);
}

.domain_right_content ul li .price {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: var(--e-global-color-primary);
    margin-bottom: 0;
}

/* Home Page Plans Section Style */

.plans_section {
    padding: 115px 0;
}

.plans_content {
    text-align: center;
}

.plans_content h2 {
    margin-bottom: 50px;
    color: var(--e-global-color-primary);
    padding-left: 15px;
}

.plans_section .plans_box_content {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    width: 100%;
    transition: all 0.3s ease-in-out;
    background-color: var(--e-global-color-white);
    border-radius: 10px;
}

.plans_section .plans_box_content:hover .plans_lower_portion {
    border: 3px solid var(--e-global-color-accent);
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.plans_section .plans_box_content:hover .btn_wrapper .view_plans_btn {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}

.plans_section .plans_box_content .plans_upper_portion img {
    border-radius: 10px 10px 0 0;
}

.plans_section .plans_box_content .plans_lower_portion {
    padding: 18px 20px 16px;
    border: 3px solid var(--e-global-color-white);
    border-top: none;
    border-radius: 0 0 10px 10px;
    transition: all 0.3s ease-in-out;
}

.plans_box_content .plans_lower_portion_text_wrapper {
    text-align: center;
    width: 100%;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    z-index: 1;
    position: relative;
    margin-top: -60px;
    padding: 32px 10px;
}

.plans_box_content .plans_lower_portion_text_wrapper h4 {
    color: var(--e-global-color-primary);
}

.plans_box_content .plans_lower_portion_text_wrapper .pp {
    color: var(--e-global-color-text);
    margin-bottom: 20px;
}

.plans_box_content .plans_lower_portion_text_wrapper ul {
    text-align: left;
}

.plans_box_content .plans_lower_portion_text_wrapper ul li {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    color: var(--e-global-color-primary);
    border-bottom: 1px solid #e6e9ee;
}

.plans_box_content .plans_lower_portion_text_wrapper ul li:last-child {
    border-bottom: none;
}

.plans_box_content .plans_lower_portion_text_wrapper ul li span {
    font-weight: 500;
}

.plans_box_content .plans_lower_portion_text_wrapper ul li i {
    font-size: 12px;
    line-height: 12px;
    color: var(--e-global-color-secondary);
    margin-right: 16px;
}

.plans_box_content .plans_lower_portion_text_wrapper .sale {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--e-global-color-white);
    background-image: linear-gradient(-90deg, var(--e-global-color-dark-blue) 0%, var(--e-global-color-accent) 100%);
    border-radius: 50px;
    padding: 6px 8px;
    display: block;
    margin-bottom: 25px;
}

.plans_box_content .plans_lower_portion_text_wrapper .start {
    margin-bottom: 8px;
}

.plans_box_content .plans_lower_portion_text_wrapper .price_span_wrapper {
    margin-bottom: 10px;
}

.plans_box_content .plans_lower_portion_text_wrapper .price_span_wrapper .price {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

.plans_box_content .plans_lower_portion_text_wrapper .price_span_wrapper .month {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    color: var(--e-global-color-primary);
}

.plans_box_content .plans_lower_portion_text_wrapper .btn_wrapper .view_plans_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 38px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.plans_section .tabs-box {
    margin-bottom: 55px;
}

.plans_section .nav-tabs {
    border-bottom: 0px solid var(--e-global-color-secondary);
    padding: 10px 25px 10px 15px;
    display: inline-block;
    margin: 0 355px 60px 370px;
    border-radius: 50px;
    background: var(--e-global-color-white);
}

.plans_section .nav-tabs li {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
}

.plans_section .nav-tabs li:last-child {
    margin-right: 0;
}

.plans_section .tabs-box .nav-tabs li a {
    display: inline-block;
    color: var(--e-global-color-primary);
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 400;
    transition: 0.3s all ease-in-out;
    border-radius: 0;
}

.plans_section .tabs-box .nav-tabs li .active {
    background-image: linear-gradient(90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
    color: var(--e-global-color-white);
    border-radius: 50px;
}

.plans_section .tabs-box .nav-tabs li .active:hover {
    color: var(--e-global-color-white);
}

.plans_section .tabs-box .nav-tabs li a:hover {
    color: var(--e-global-color-accent);
}

.plans_section .plans_list_wrapper {
    text-align: center;
}

.plans_section .plans_list_wrapper ul li {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin-right: 30px;
    color: var(--e-global-color-primary);
}

.plans_section .plans_list_wrapper ul li i {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    text-align: center;
    color: var(--e-global-color-white);
    background-image: linear-gradient(-90deg, var(--e-global-color-dark-blue) 0%, var(--e-global-color-accent) 100%);
    border-radius: 100px;
    margin-right: 10px;
}

/* Home Page Web Hosting Section Style */

.web_hosting_section {
    background-image: url('../images/web_hosting_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 125px 0 135px;
}

.web_hosting_section .web_hosting_image {
    position: relative;
}

.web_hosting_section .web_hosting_image figure {
    position: absolute;
    top: -12px;
    left: -65px;
}

.web_hosting_section .web_hosting_image figure img:hover {
    animation-name: float, up;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

.web_hosting_section .web_hosting_content {
    position: relative;
}

.web_hosting_section .web_hosting_content .paragraph {
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    color: var(--e-global-color-secondary);
    margin-bottom: 20px;
}

.web_hosting_section .web_hosting_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 16px;
}

.web_hosting_section .web_hosting_content h2 span {
    color: var(--e-global-color-pure-cyan);
}

.web_hosting_section .web_hosting_content .pp {
    color: var(--e-global-color-white);
    margin-bottom: 22px;
}

.web_hosting_section .web_hosting_content .web_hosting_blue_line {
    position: absolute;
    top: 125px;
    right: 222px;
}

.web_hosting_section .web_hosting_content ul {
    margin-bottom: 30px;
}

.web_hosting_section .web_hosting_content ul li {
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    color: var(--e-global-color-white);
}

.web_hosting_section .web_hosting_content ul li i {
    font-size: 16px;
    line-height: 36px;
    color: var(--e-global-color-secondary);
    margin-right: 12px;
}

.web_hosting_section .web_hosting_content .btn_wrapper .get_started_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 35px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.web_hosting_section .web_hosting_content .btn_wrapper .get_started_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

/* Home Page Choose Hostiko Section Style */

.choose_hostiko_section {
    background-color: var(--e-global-color-grayish-blue);
    padding: 112px 0 98px;
}

.choose_hostiko_section .choose_hostiko_content {
    text-align: center;
}

.choose_hostiko_section .choose_hostiko_content h2 {
    margin-bottom: 16px;
    color: var(--e-global-color-primary);
}

.choose_hostiko_section .choose_hostiko_content p {
    margin-bottom: 72px;
    color: var(--e-global-color-text);
}

.choose_hostiko_section .choose_hostiko_box_content {
    width: 100%;
    background-color: var(--e-global-color-white);
    display: inline-block;
    align-items: center;
    padding: 50px 30px 46px;
    border-radius: 8px;
    margin-bottom: 22px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.choose_hostiko_section .choose_hostiko_box_content:hover {
    transform: translateY(-5px);
}

.hover_effect {
    border: 3px solid transparent;
    transition: all 0.3s ease-in-out;
}

.hover_effect:hover {
    border: 3px solid var(--e-global-color-secondary);
}

.choose_hostiko_section .choose_hostiko_box_content figure {
    margin-bottom: 38px;
}

.choose_hostiko_section .choose_hostiko_box_content p {
    margin-bottom: 0;
    color: var(--e-global-color-primary);
}

.choose_hostiko_section .choose_hostiko_box img {
    width: 540px;
    height: 264px;
}

/* Home Page Data Center Location Section Style */

.data_center_section {
    background-image: url('../images/data_center_location_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 112px 0 238px;
}

.data_center_section .data_center_content {
    text-align: center;
}

.data_center_section .data_center_content h2 {
    margin-bottom: 16px;
    color: var(--e-global-color-white);
}

.data_center_section .data_center_content p {
    margin-bottom: 95px;
    color: var(--e-global-color-white);
}

.data_center_section .data_center_image {
    padding-left: 65px;
    position: relative;
}

.data_center_section .data_center_image .point {
    cursor: pointer;
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 2px solid var(--e-global-color-white);
    border-radius: 50%;
    transition: all 0.1s ease;
    transition-duration: 0.1s;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    animation: pulse 3s infinite;
}

.data_center_section .data_center_image .point .location {
    font-size: 12px;
    line-height: 24px;
    color: var(--e-global-color-white);
    font-weight: 400;
    display: none;
}

.data_center_section .data_center_image .point .location:after {
    content: "";
    width: 0px;
    height: 15px;
    position: absolute;
    border: 1px solid var(--e-global-color-white);
    top: 35px;
    left: 43px;
}

.data_center_section .data_center_image .point:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: none;
}

.data_center_section .data_center_image .point:hover .location {
    display: block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    position: absolute;
    top: -50px;
    left: -36px;
    padding: 5px 5px;
    border-radius: 8px;
    width: 111px;
    text-align: center;
}

.data_center_section .data_center_image .point:hover .dallas_loc {
    bottom: -50px;
    top: unset;
}

.data_center_section .data_center_image .point:hover .moscow_loc {
    bottom: -50px;
    top: unset;
}

.data_center_section .data_center_image .point .dallas_loc:after {
    bottom: 35px;
    top: unset;
}

.data_center_section .data_center_image .point .moscow_loc:after {
    bottom: 35px;
    top: unset;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(232 105 58 / 50%);
    }

    70% {
        box-shadow: 0 0 0 25px rgb(0 172 193 / 0%);
    }

    100% {
        box-shadow: 0 0 0 0 rgb(0 172 193 / 0%);
    }
}

.germany {
    top: 38px;
    left: 362px;
}

.los-angeles {
    top: 215px;
    left: 202px;
}

.dallas {
    top: 220px;
    left: 248px;
}

.united-kingdom {
    top: 148px;
    left: 516px;
}

.moscow {
    top: 145px;
    left: 648px;
}

.japan {
    top: 198px;
    left: 908px;
}

.sydney {
    top: 408px;
    left: 935px;
}

/* Home Page IP Monitor Support Section Style */

.ip_monitor_support_section {
    margin-top: -160px;
}

.ip_monitor_support_section .ip_monitor_support_box_content {
    width: 100%;
    background-color: var(--e-global-color-white);
    display: inline-block;
    align-items: center;
    padding: 50px 30px 48px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 15%);
}

.ip_monitor_support_section .ip_monitor_support_box_content:hover {
    transform: translateY(-10px);
}

.ip_monitor_support_section .ip_monitor_support_box_content figure {
    margin-bottom: 26px;
}

.ip_monitor_support_box_content p {
    color: var(--e-global-color-primary);
}

.ip_monitor_support_box_content .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* Home Page Connectivity Section Style */

.connectivity_section {
    padding: 100px 0 55px;
}

.connectivity_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 88px 30px 88px 60px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.connectivity_content {
    position: relative;
}

.connectivity_blue_line {
    position: absolute;
    top: 150px;
    right: 175px;
}

.connectivity_content .global_data {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 10px 32px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    display: inline-block;
    border-radius: 50px;
    color: var(--e-global-color-white);
    margin-bottom: 44px;
    transition: all 0.3s ease-in-out;
}

.connectivity_content .global_data:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

.connectivity_content h2 {
    margin-bottom: 42px;
    margin-left: -2px;
    color: var(--e-global-color-primary);
}

.connectivity_content h2 span {
    color: var(--e-global-color-accent);
}

.icon_wrapper {
    background-image: linear-gradient(-90deg, var(--e-global-color-dark-blue) 0%, var(--e-global-color-accent) 100%);
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}

.icon_wrapper:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-accent) 0%, var(--e-global-color-dark-blue) 100%);
}

.icon_wrapper img {
    width: 40px;
}

.icon_content_wrapper {
    margin-left: -45px;
}

.icon_content_wrapper h5 {
    line-height: 36px;
    margin-bottom: 3px;
    color: var(--e-global-color-primary);
}

.icon_content_wrapper p {
    padding-right: 90px;
    color: var(--e-global-color-text);
    margin-bottom: 22px;
}

.connectivity_image {
    position: relative;
}

.connectivity_image figure {
    position: absolute;
    top: -60px;
    left: -140px;
}

.connectivity_image figure img:hover {
    animation-name: float, up;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

/* Home Page Customer Section Style */

.customer_section {
    padding: 55px 0 110px;
}

.customer_heading_content {
    text-align: center;
}

.customer_heading_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.customer_heading_content p {
    color: var(--e-global-color-text);
    margin-bottom: 45px;
}

.customer_content {
    background-color: var(--e-global-color-white);
    width: 100%;
    border-radius: 15px;
    text-align: center;
    padding: 45px 65px 75px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 15%);
}

.customer_content .quote_mark {
    margin-bottom: 45px;
    margin-top: -75px;
}

.customer_content .pp {
    margin-bottom: 25px;
    color: var(--e-global-color-text);
}

.customer_content .customer_image {
    display: inline-block;
    margin-bottom: 15px;
}

.customer_content .customer_name {
    color: var(--e-global-color-primary);
}

.customer_content span {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: var(--e-global-color-text);
}

.customer_section .owl-carousel .owl-stage-outer {
    padding-top: 30px;
}

.customer_section .owl-carousel .owl-item img {
    width: auto !important;
    display: inline-block !important;
}

.customer_section .owl-carousel .owl-nav {
    margin-top: 0;
}

.customer_section .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100px;
    background: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 205px;
    left: -725px;
    margin: 0 auto;
    right: 0;
    color: var(--e-global-color-primary);
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.customer_section .owl-carousel .owl-nav button.owl-prev:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
}

.customer_section .owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100px;
    background: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 205px;
    left: 0;
    margin: 0 auto;
    right: -730px;
    color: var(--e-global-color-primary);
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.customer_section .owl-carousel .owl-nav button.owl-next:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
}

.customer_section .owl-carousel .owl-nav button:focus {
    outline: none;
}

.customer_section .owl-carousel .item {
    opacity: 0.4;
    transition: .4s ease all;
    transform: scale(.8);
}

.customer_section .owl-carousel .active .item {
    opacity: 1;
    transform: scale(1);
}

.customer_section .owl-carousel .item .quote_mark {
    display: none;
}

.customer_section .owl-carousel .active .item .quote_mark {
    display: block;
}

.customer_section .owl-carousel .item .customer_box {
    background-image: none;
}

.customer_section .owl-carousel .active .item .customer_box {
    background-image: url("../images/testimonial_background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 70px;
    padding: 0 0 10px;
    margin: 0 105px;
}

/* Home Page Recent Posts Section Style */

.recent_posts_content {
    text-align: center;
}

.recent_posts_content h2 {
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}

.recent_posts_content p {
    margin-bottom: 75px;
    color: var(--e-global-color-text);
}

.recent_post_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 10px 0;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 20%);
    margin-bottom: 30px;
}

.recent_posts_right_image {
    padding-left: 15px;
}

.recent_posts_right_content {
    margin-left: -30px;
    margin-top: 28px;
}

.recent_posts_right_content h5 {
    margin-bottom: 15px;
    color: var(--e-global-color-primary);
}

.recent_posts_right_content h5:hover {
    color: var(--e-global-color-secondary);
}

.recent_posts_right_content p {
    margin-bottom: 0;
    padding-right: 10px;
    color: var(--e-global-color-text);
}

.recent_post_left_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 10px 10px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 20%);
    margin-bottom: 30px;
}

.recent_posts_lower_portion {
    padding: 28px 30px 22px;
}

.recent_posts_span_wrapper {
    border-bottom: 1px solid #e6e9ee;
    margin-bottom: 24px;
}

.recent_posts_span_wrapper span {
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    color: var(--e-global-color-text);
    margin-right: 25px;
    margin-bottom: 12px;
    display: inline-block;
}

.recent_posts_span_wrapper i {
    font-size: 12px;
    line-height: 12px;
    color: var(--e-global-color-text);
    margin-right: 5px;
}

.recent_posts_lower_portion h5 {
    margin-bottom: 0;
    color: var(--e-global-color-primary);
}

.recent_posts_lower_portion h5:hover {
    color: var(--e-global-color-secondary);
}

/* Home Page Build Website Section Style */

.build_website_section {
    padding: 90px 0 0;
    position: relative;
    z-index: 1;
}

.build_website_section .build_website_background_image {
    /* background-image: url('../images/build_website_background.jpg'); */
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 50px 35px 62px 70px;
}

.build_website_content {
    position: relative;
}

.build_website_content h2 {
    color: var(--e-global-color-white);
    padding-right: 170px;
    margin-bottom: 20px;
}

.build_website_content h2 span {
    color: #222;
}

.build_website_content p {
    color: var(--e-global-color-white);
    margin-bottom: 0;
}

.build_website_content .build_website_blue_line {
    position: absolute;
    top: 70px;
    left: 75px;
}

.build_website_section .build_website_btn_wrapper {
    padding-top: 45px;
    padding-left: 40px;
}

.build_website_section .build_website_btn_wrapper .get_started_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 35px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.build_website_section .build_website_btn_wrapper .get_started_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

/* Home Page Footer Section Style */

.footer-section {
    /* background-image: url('../images/footer_background.jpg'); */
    /* background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%); */
    background-color: var(--e-global-color-primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 130px 0 0;
    /*    margin-top: -120px;*/
}

.footer-section .middle-portion {
    margin-bottom: 30px;
}

.footer-section .middle-portion .column_one {
    margin-left: -10px;
}

.footer-section .middle-portion .column_two {
    margin-left: -25px;
}

.footer-section .middle-portion h6 {

    color: #fff;
    margin-bottom: 16px;
}

.footer-section .middle-portion ul {
    margin-bottom: 40px;
}

.footer-section .middle-portion ul li {
    text-align: left;
}

.footer-section .middle-portion iframe {
    margin-top: 10px;
}

.footer-section .middle-portion ul li a {
    text-decoration: none;
    color: var(--e-global-color-white);
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    transition: all 0.3s ease-in-out;
}

.footer-section .middle-portion ul li a:hover {
    color: var(--e-global-color-accent);
}

.footer-section .middle-portion ul li span {
    color: var(--e-global-color-white);
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}

.footer-section .middle-portion ul li i {
    color: var(--e-global-color-secondary);
    font-size: 14px;
    line-height: 14px;
    margin-right: 12px;
}

.footer-section .middle-portion .mailing_column {
    padding-left: 5px;
}

.footer-section .middle-portion .mailing_h6 {
    margin-bottom: 25px;
    color: var(--e-global-color-white);
}

.footer-section .middle-portion ul .mailing_address {
    margin-bottom: 12px;
}

.footer-section .bottom-portion ul li span {
    color: var(--e-global-color-white);
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}

.bottom-portion {
    /*    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);*/
    /* background-image: url("../images/footer_bottom_portion.jpg"); */
    padding: 10px 0;
    background-color: var(--primary-color);
}

.bottom-portion .bottom-portion_left_side {
    margin-left: -10px;
}

.bottom-portion ul li .footer_bar {
    margin: 0 16px;
}

.bottom-portion .social_icons {
    padding-left: 5px;
    margin-top: 0;
}

.bottom-portion ul li i {
    color: var(--e-global-color-white);
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin-right: 6px;
    border: 1px solid var(--e-global-color-white);
    border-radius: 100px;
    height: 40px;
    width: 40px;
    border-image: none;
    background-image: none;
    transition: all 0.3s ease-in-out;
}

.bottom-portion ul li i:hover {
    border: 1px solid var(--e-global-color-soft-red);
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    /* background-color: var(--e-global-color-primary); */
}

.footer-section .bottom-portion ul li {
    display: inline-block;
}

/* About Page Style */

/* About Page Top Portion Section Style */

.about-sub-banner-section {
    background-image: url('../images/about_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about-sub-banner-section .top_portion {
    background-image: url('../images/about_banner_top_portion.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* About Page Banner Section Style */

.about-banner-section {
    padding: 80px 0 150px;
}

.about-banner-section .banner-section-content p {
    padding-right: 150px;
}

.about-banner-section .banner-section-content .btn_wrapper .about_us_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 45px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.about-banner-section .banner-section-content .btn_wrapper .about_us_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

.about-banner-section .banner_image figure {
    position: absolute;
    top: -78px;
    left: 0px;
}

/* About Page Mssion & Vision Section Style */

.mission_vision_section {
    margin-top: -40px;
}

.mission_vision_section .mission_vision_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 48px 40px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.mission_vision_section .mission_vision_box:hover {
    transform: translateY(-10px);
}

.mission_vision_section .mission_vision_box figure {
    margin-bottom: 36px;
}

.mission_vision_section .mission_vision_box p {
    color: var(--e-global-color-primary);
}

.mission_vision_section .mission_vision_box .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* About Page Hosting Empowered Section Style */

.hosting_empowered_section {
    padding: 120px 0 60px;
}

.hosting_empowered_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 78px 45px 68px 60px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.hosting_empowered_image {
    padding-left: 30px;
}

.hosting_empowered_image img:hover {
    animation-name: float, up;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

.hosting_empowered_content .about_us {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 12px 36px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    display: inline-block;
    border-radius: 50px;
    color: var(--e-global-color-white);
    margin-bottom: 32px;
    transition: all 0.3s ease-in-out;
}

.hosting_empowered_content .about_us:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

.hosting_empowered_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.hosting_empowered_content p {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.hosting_empowered_content .pp {
    color: var(--e-global-color-text);
}

.hosting_empowered_content .box {
    width: 32%;
    display: inline-block;
    margin-right: 3px;
}

.hosting_empowered_content .box .box_image_content {
    float: left;
    width: 35%;
    padding-top: 8px;
}

.hosting_empowered_content .box .box_image_content figure {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}

.hosting_empowered_content .box .box_wrapper {
    display: inline-block;
    width: 65%;
}

.hosting_empowered_content .box .box_wrapper span {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    color: var(--e-global-color-secondary);
}

.hosting_empowered_content .box .box_wrapper .plus_sign {
    margin-left: -5px;
}

/* About Page Milestones Section Style */

.milestones_section {
    padding: 55px 0 60px;
}

.milestones_content h2 {
    text-align: center;
    margin-bottom: 72px;
    color: var(--e-global-color-primary);
}

.milestones {
    position: relative;
}

.milestones .milestones_center_bar {
    position: absolute;
    top: 40px;
    right: -28px;
}

.milestones .milestones_center_bar img {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.milestones_map_content {
    text-align: right;
    margin-bottom: 58px;
    position: relative;
}

.milestones_map_content2 {
    text-align: left;
}

.milestones_map_content .pp {
    background-color: var(--e-global-color-white);
    padding: 35px 35px;
    width: 71%;
    border-radius: 10px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    color: var(--e-global-color-text);
}

.milestones_map_content2 .pp {
    margin-left: 165px;
}

.milestones_wrapper {
    margin-top: 100px;
}

.milestones_map_content::after {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--e-global-color-primary);
    position: absolute;
    top: 52px;
    right: 38px;
}

.m1::after {
    content: "2017";
}

.m2::after {
    content: "2019";
}

.m3::after {
    content: "2021";
}

.milestones_map_content::before {
    content: "\f111";
    height: 30px;
    width: 30px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    position: absolute;
    z-index: 1;
    border-radius: 100px;
    font-family: 'FontAwesome';
    color: var(--e-global-color-white);
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    top: 55px;
    right: -34px;
}

.milestones_map_content2::after {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--e-global-color-primary);
    position: absolute;
    left: 48px;
    top: 54px;
    right: unset;
}

.m4::after {
    content: "2018";
}

.m5::after {
    content: "2020";
}

.m6::after {
    content: "2022";
}

.milestones_map_content2::before {
    content: "\f111";
    height: 30px;
    width: 30px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    position: absolute;
    z-index: 1;
    border-radius: 100px;
    font-family: 'FontAwesome';
    color: var(--e-global-color-white);
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    top: 55px;
    left: -26px;
}

/* About Page Support Section Style */

.support_section {
    background-image: url("../images/support_background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 110px 0 122px;
}

.support_content {
    text-align: center;
}

.support_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 18px;
}

.support_content p {
    color: var(--e-global-color-white);
    padding: 0 190px;
    margin-bottom: 75px;
}

.support_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 50px 32px 52px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    transition: all 0.3s ease-in-out;
}

.support_box:hover {
    transform: translateY(-10px);
}

.support_box h4 {
    color: var(--e-global-color-primary);
    font-weight: 400;
    margin-bottom: 14px;
}

.support_box p {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* About Page Customer Section Style */

.about_customer_section {
    padding: 140px 0 60px;
}

/* Web Hosting Page Style */

/* Web Hosting Page Top Portion Section Style */

.sub-banner-section {
    background-image: url("../images/sub_banner_background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sub-banner-section .top_portion {
    background-image: url('../images/sub_banner_top_portion.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Web Hosting Page Banner Section Style */

.sub-banner-section .banner-section {
    padding: 60px 0 160px;
}

.sub-banner-section .banner-section .banner_image figure {
    position: absolute;
    top: -28px;
    left: 82px;
}

/* Web Hosting Page Four Icons Section Style */

.four_icons_section {
    margin-top: -40px;
}

.four_icons_section .four_icons_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 50px 20px 45px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.four_icons_section .four_icons_box:hover {
    transform: translateY(-10px);
}

.four_icons_section .four_icons_box figure {
    margin-bottom: 36px;
}

.four_icons_section .four_icons_box p {
    margin-bottom: 0;
    color: var(--e-global-color-primary);
}

/* Web Hosting Page Choose Plan Section Style */

.choose_plan_section {
    padding: 115px 0 122px;
}

.choose_plan_content {
    text-align: center;
}

.choose_plan_content h2 {
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}

.choose_plan_content p {
    margin-bottom: 75px;
    color: var(--e-global-color-text);
}

.choose_plan_section .choose_plan_box_content {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    width: 100%;
    transition: all 0.3s ease-in-out;
    background-color: var(--e-global-color-white);
    border-radius: 10px;
}

.choose_plan_section .choose_plan_box_content:hover .choose_plan_lower_portion {
    border: 3px solid var(--e-global-color-accent);
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.choose_plan_section .choose_plan_box_content:hover .btn_wrapper .get_started_btn {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}

.choose_plan_section .choose_plan_box_content .choose_plan_upper_portion img {
    border-radius: 10px 10px 0 0;
}

.choose_plan_section .choose_plan_box_content .choose_plan_upper_portion .choose_plan_upper_portion_content {
    text-align: center;
    margin-top: -140px;
}

.choose_plan_section .choose_plan_box_content .choose_plan_upper_portion .choose_plan_upper_portion_content h4 {
    color: var(--e-global-color-white);
}

.choose_plan_section .choose_plan_box_content .choose_plan_upper_portion .choose_plan_upper_portion_content p {
    color: var(--e-global-color-white);
    margin-bottom: 0;
}

.choose_plan_section .choose_plan_box_content .choose_plan_lower_portion {
    padding: 18px 20px 16px;
    border: 3px solid var(--e-global-color-white);
    border-top: none;
    border-radius: 0 0 10px 10px;
    transition: all 0.3s ease-in-out;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper {
    text-align: center;
    width: 100%;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    z-index: 1;
    position: relative;
    margin-top: 16px;
    padding: 40px 10px 0;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper ul {
    text-align: left;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper ul li {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    color: var(--e-global-color-primary);
    border-bottom: 1px solid #e6e9ee;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper ul li:last-child {
    border-bottom: none;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper ul li span {
    font-weight: 500;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper ul li i {
    font-size: 12px;
    line-height: 12px;
    color: var(--e-global-color-secondary);
    margin-right: 15px;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .sale {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--e-global-color-white);
    background-image: linear-gradient(-90deg, var(--e-global-color-dark-blue) 0%, var(--e-global-color-accent) 100%);
    border-radius: 50px;
    padding: 6px 68px;
    display: inline-block;
    margin-bottom: 15px;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .start {
    margin-bottom: 8px;
    color: var(--e-global-color-text);
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .price_span_wrapper {
    margin-bottom: 10px;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .price_span_wrapper .price {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .price_span_wrapper .month {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    color: var(--e-global-color-primary);
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .top_feature {
    font-weight: 500;
    text-align: left;
    color: var(--e-global-color-secondary);
    margin-bottom: 14px;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .btn_wrapper {
    margin-bottom: 45px;
}

.choose_plan_box_content .choose_plan_lower_portion_text_wrapper .btn_wrapper .get_started_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 35px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

/* Web Hosting Page Introduce Shared Hosting Section Style */

.intro_shared_hosting_section {
    background-image: url("../images/shared_hosting_background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 410px;
}

.shared_hosting_content {
    padding-left: 12px;
    padding-top: 28px;
}

.shared_hosting_content span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--e-global-color-secondary);
    margin-bottom: 30px;
    display: block;
}

.shared_hosting_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 18px;
}

.shared_hosting_content p {
    color: var(--e-global-color-white);
    margin-bottom: 34px;
}

.shared_hosting_content .btn_wrapper .choose_plan_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 38px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.shared_hosting_content .btn_wrapper .choose_plan_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

/* Web Hosting Page Shared Hosting Features Section Style */

.shared_hosting_features_section {
    margin-top: -296px;
}

.shared_hosting_features_content {
    text-align: center;
}

.shared_hosting_features_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 18px;
}

.shared_hosting_features_content p {
    color: var(--e-global-color-white);
    margin-bottom: 75px;
}

.shared_hosting_features_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 48px 30px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

.shared_hosting_features_box:hover {
    transform: translateY(-5px);
}

.shared_hosting_features_box figure {
    margin-bottom: 26px;
}

.shared_hosting_features_box p {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.shared_hosting_features_box .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* Web Hosting Page FAQ's Section Style */

.accordian-section {
    padding: 60px 0 32px;
}

.accordian_content {
    text-align: center;
}

.accordian_content h2 {
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}

.accordian_content p {
    margin-bottom: 55px;
    padding: 0 170px;
    color: var(--e-global-color-text);
}

.accordian-section .accordian-inner {
    background-image: url("../images/faq_background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 70px;
    padding: 0 0 10px;
}

.accordian-section .accordian-inner #accordion1 {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    background: var(--e-global-color-white);
    width: 100%;
    padding: 72px 50px 85px;
    border-radius: 10px;
}

.accordian-section .accordion-card {
    border-bottom: 1px solid #e6e9ee;
}

.accordian-section .accordion-card:last-child {
    border-bottom: none;
}

.accordian-section .accordion-card a.btn.btn-link {
    position: relative;
}

.accordian-section .accordian-inner .accordion-card .btn {
    padding: 20px 90px 10px;
    text-decoration: none;
    text-align: left;
    display: block;
}

.accordian-section .accordian-inner .accordion-card .collapsed {
    padding: 20px 90px;
}

.accordian-section .accordian-inner .accordion-card h6 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--e-global-color-primary);
}

.accordian-section .accordian-inner .accordion-card .btn-link h6 {
    color: var(--e-global-color-secondary);
}

.accordian-section .accordian-inner .accordion-card .collapsed h6 {
    color: var(--e-global-color-primary);
}

.accordian-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: none;
}

.accordian-section .accordian-inner .card-body {
    padding: 3px 50px 25px 90px;
}

.accordian-section .accordian-inner .card-body p {
    color: var(--e-global-color-text);
}

.accordian-section .accordion-card a.btn.btn-link:focus {
    outline: none;
    box-shadow: none;
}

.accordian-section .accordion-card .btn-link:before {
    content: "\3f";
    position: absolute;
    left: 45px;
    top: 20px;
    font-family: 'Font Awesome 6 FREE';
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    color: var(--e-global-color-white);
    font-size: 12px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-weight: 900;
    border-radius: 100px;
    text-align: center;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.accordian-section .accordion-card .collapsed:before {
    content: "\3f";
    background-color: transparent;
    color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 100px;
    text-align: center;
    background-image: none;
    border-image: none;
}

.accordian-section .accordian-inner .accordion-card:last-child {
    margin-bottom: 0 !important;
}

/* Dedicated Page Style */

/* Dedicated Page Banner Section Style */

.sub-banner-section .banner-section .banner_image .dedicated_banner_image {
    position: absolute;
    top: -22px;
    left: 162px;
}

/* Dedicated Page Guarantee & Support Section Style */

.guarantee_support_section {
    margin-top: -40px;
}

.guarantee_support_section .guarantee_support_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 48px 40px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.guarantee_support_section .guarantee_support_box:hover {
    transform: translateY(-10px);
}

.guarantee_support_section .guarantee_support_box figure {
    margin-bottom: 36px;
}

.guarantee_support_section .guarantee_support_box p {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.guarantee_support_section .guarantee_support_box .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* Dedicated Page Dedicated Hosting Plans Section Style */

.dedicated_plans_section {
    padding: 110px 0;
}

.dedicated_plans_content {
    text-align: center;
}

.dedicated_plans_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.dedicated_plans_content p {
    color: var(--e-global-color-text);
    margin-bottom: 75px;
}

.dedicated_plans_section .box {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    background-color: var(--e-global-color-white);
    padding: 18px 18px 25px;
    margin-bottom: 38px;
}

.dedicated_plans_section .box:hover {
    transform: translateY(-10px);
}

.dedicated_plans_section .box .box_image_content {
    float: left;
    width: 26%;
    margin-top: -5px;
}

.dedicated_plans_section .box .box_image_content figure {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}

.dedicated_plans_section .box .box_wrapper {
    position: relative;
    padding-top: 10px;
    margin-left: -16px;
    display: inline-block;
    width: 74%;
}

.dedicated_plans_section .box .box_wrapper p {
    color: var(--e-global-color-primary);
}

.dedicated_plans_section table {
    width: 100%;
    margin-bottom: 0;
}

.dedicated_plans_section .stacktable.large-only {
    display: table;
}

.dedicated_plans_section .stacktable.small-only {
    display: none;
}

.dedicated_plans_section table .tablerow {
    background-color: #fdfdfd;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
    position: relative;
    border-radius: 15px;
    transition: 0.3s all ease-in-out;
}

.dedicated_plans_section table tr th {
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: var(--e-global-color-primary);
}

.dedicated_plans_section table tr th figure {
    display: inline-block;
    margin-right: 5px;
}

.dedicated_plans_section table tr td {
    padding: 20px 25px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: var(--e-global-color-primary);
}

.dedicated_plans_section table tr td:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    font-weight: 500;
}

.dedicated_plans_section table tr td:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.dedicated_plans_section table tr .price {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}

.dedicated_plans_section table tr .price span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.dedicated_plans_section table tr .plan {
    padding: 20px 20px 20px 30px;
}

.dedicated_plans_section table tr .cores {
    padding: 20px 20px 20px 25px;
}

.dedicated_plans_section table tr .ram {
    padding: 20px 20px 20px 34px;
}

.dedicated_plans_section table tr .storage {
    padding: 20px 20px 20px 18px;
}

.dedicated_plans_section table tr .monthly {
    padding: 20px 0px 20px 93px;
}

.dedicated_plans_section table tr td .buy_now {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 30px;
    text-align: center;
    color: var(--e-global-color-accent);
    box-shadow: 0 0 1px 2px var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.dedicated_plans_section table .tablerow .btn_wrapper {
    border-radius: none;
}

.dedicated_plans_section table .tablerow .new_tablerow {
    position: absolute;
    top: 3px;
    left: 3px;
}

.dedicated_plans_section table .tablerow .new_tablerow img {
    box-shadow: 1px 1px 150px rgb(0 0 0 / 15%);
}

.dedicated_plans_section table .tablerow:hover {
    box-shadow: 0 0 1px 3px var(--e-global-color-accent) inset;
    border-radius: 15px;
    background-color: var(--e-global-color-white);
}

.dedicated_plans_section table .tablerow:hover td {
    color: var(--e-global-color-accent);
}

.dedicated_plans_section table .tablerow:hover .price {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
}

.dedicated_plans_section table .tablerow:hover .btn_wrapper {
    background-color: var(--e-global-color-accent);
}

.dedicated_plans_section table .tablerow:hover .buy_now {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
}

/* Dedicated Page Dedicated Hosting Features Section Style */

.dedicated_hosting_features_section {
    margin-top: 0;
}

.dedicated_hosting_features_content {
    text-align: center;
}

.dedicated_hosting_features_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.dedicated_hosting_features_content p {
    color: var(--e-global-color-text);
    margin-bottom: 78px;
    padding: 0 135px;
}

.dedicated_hosting_features_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 46px 30px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    margin-bottom: 25px;
}

.dedicated_hosting_features_box:hover {
    transform: translateY(-5px);
}

.dedicated_hosting_features_box figure {
    margin-bottom: 26px;
}

.dedicated_hosting_features_box p {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.dedicated_hosting_features_box .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* Dedicated Page Intuitive Management Section Style */

.intuitive_management_section {
    background-image: url('../images/intuitive_management_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 165px 0 175px;
    margin-top: -55px;
}

.intuitive_management_section .intuitive_management_image {
    position: relative;
}

.intuitive_management_section .intuitive_management_image figure {
    position: absolute;
    top: 25px;
    left: -155px;
}

.intuitive_management_section .intuitive_management_image figure img:hover {
    animation-name: float, up;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

.intuitive_management_section .intuitive_management_content .paragraph {
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    color: var(--e-global-color-secondary);
    margin-bottom: 20px;
}

.intuitive_management_section .intuitive_management_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 16px;
}

.intuitive_management_section .intuitive_management_content .pp {
    color: var(--e-global-color-white);
    margin-bottom: 22px;
}

.intuitive_management_section .intuitive_management_content ul {
    margin-bottom: 28px;
}

.intuitive_management_section .intuitive_management_content ul li {
    font-size: 16px;
    line-height: 36px;
    font-weight: 300;
    color: var(--e-global-color-white);
}

.intuitive_management_section .intuitive_management_content ul li span {
    font-weight: 700;
}

.intuitive_management_section .intuitive_management_content ul li i {
    font-size: 14px;
    line-height: 20px;
    color: var(--e-global-color-white);
    margin-right: 15px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 100px;
    height: 20px;
    width: 20px;
    text-align: center;
}

.intuitive_management_section .intuitive_management_content .btn_wrapper .get_started_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 40px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.intuitive_management_section .intuitive_management_content .btn_wrapper .get_started_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

/* Dedicated Page Connectivity Section Style */

.dedicated_connectivity_section {
    padding-top: 0;
    margin-top: -30px;
}

/* Dedicated Page FAQ's Section Style */

.dedicated_accordian-section {
    padding: 60px 0 52px;
}

/* VPS Page Style */

/* VPS Page Banner Section Style */

.sub-banner-section .banner-section .banner_image .vps_banner_image {
    position: absolute;
    left: 5px;
    top: -35px;
}

/* VPS Page VPS Slider Section Style */

.vps_slider_section {
    margin-top: -40px;
}

.vps_slider_box {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    padding: 60px 30px 48px;
    background: url("../images/vps_slider_background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sliderbox {
    display: inline-block;
    width: 92%;
    padding: 35px 42px;
    border-radius: 10px;
    margin: 0;
    background-color: #f2f5fa;
    margin-bottom: 30px;
}

.sliderbox #slider {
    width: 100%;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 100px;
    background: var(--e-global-color-accent);
    box-shadow: 1px 1px 50px rgb(0 0 0 / 15%);
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.sliderbox #slider .ui-slider-range {
    height: 10px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    border-radius: 100px;
    background-position: 0 0;
}

.sliderbox #slider .ui-slider-handle {
    outline: none;
    background: url("../images/vps_slider_dot.png") no-repeat left top;
    border-radius: 0;
    border: 0;
    width: 30px;
    height: 30px;
    margin: -5px 0 0 -15px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 15%);
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.vps_slider_section .box {
    width: 24.5%;
    display: inline-block;
}

.vps_slider_section .box .box_image_content {
    float: left;
    width: 30%;
    padding-top: 3px;
}

.vps_slider_section .box .box_wrapper {
    display: inline-block;
    width: 70%;
    margin-top: -2px;
}

.vps_slider_section .box .box_wrapper .pp {
    color: var(--e-global-color-text);
    margin-bottom: 2px;
}

.vps_slider_section .box .box_wrapper p {
    color: var(--e-global-color-accent);
}

.vps_slider_section .box_2 {
    margin-left: -15px;
}

.vps_slider_section .box_4 {
    margin-left: -18px;
}

.vps_right_side {
    text-align: center;
    margin-top: -16px;
}

.vps_right_side p {
    color: var(--e-global-color-white);
    margin-bottom: 8px;
}

.vps_right_side .price_span_wrapper {
    margin-bottom: 6px;
}

.vps_right_side .price_span_wrapper .price {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--e-global-color-white);
}

.vps_right_side .price_span_wrapper .month {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    color: var(--e-global-color-white);
}

.vps_right_side .pay_month {
    padding: 0 25px;
    margin-bottom: 16px;
}

.vps_right_side .btn_wrapper .ordernow_btn {
    font-size: 16px;
    line-height: 16px;
    padding: 16px 40px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.vps_right_side .btn_wrapper .ordernow_btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

.vps_slider_back {
    background-image: url("../images/vps_slider_back_part.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 0px 0 45px;
    background-color: var(--e-global-color-white);
    width: 100%;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
    position: relative;
}

.vps_slider_back .side_back_ptag {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    font-size: 14px;
    color: var(--e-global-color-text);
}

.vps_slider_back .side_back_ptag span {
    font-weight: 700;
}

/* VPS Page VPS Plans Section Style */

.vps_plans_section {
    padding: 90px 0 45px;
}

.vps_plans_content {
    text-align: center;
}

.vps_plans_content h4 {
    color: var(--e-global-color-primary);
    margin-bottom: 50px;
}

.vps_plans_section .box {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    background-color: var(--e-global-color-white);
    padding: 18px 18px 25px;
    margin-bottom: 30px;
}

.vps_plans_section .box:hover {
    transform: translateY(-5px);
}

.vps_plans_section .box .box_image_content {
    float: left;
    width: 26%;
    margin-top: -5px;
}

.vps_plans_section .box .box_image_content figure {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}

.vps_plans_section .box .box_wrapper {
    position: relative;
    padding-top: 10px;
    margin-left: -14px;
    display: inline-block;
    width: 74%;
}

.vps_plans_section .box .box_wrapper p {
    color: var(--e-global-color-primary);
}

/* VPS Page VPS Management Section Style */

.vps_management_section {
    padding: 40px 0 85px;
}

.vps_management_content {
    text-align: center;
}

.vps_management_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 75px;
}

.vps_management_section .vps_management_box {
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    background-color: var(--e-global-color-white);
    padding: 50px 35px 60px 25px;
    margin-bottom: 30px;
    text-align: center;
    border: 3px solid var(--e-global-color-white);
}

.vps_management_section .vps_management_box h4 {
    color: var(--e-global-color-primary);
}

.vps_management_section .vps_management_box p {
    color: var(--e-global-color-text);
    margin-bottom: 30px;
}

.vps_management_section .vps_management_box .box_image_content {
    float: left;
    width: 35%;
    padding-top: 15px;
    padding-right: 10px;
}

.vps_management_section .vps_management_box .box_wrapper {
    position: relative;
    display: inline-block;
    width: 65%;
    margin-left: -30px;
}

.vps_management_section .vps_management_box .box_wrapper ul {
    text-align: left;
    margin-bottom: 26px;
}

.vps_management_section .vps_management_box .box_wrapper ul li {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    color: var(--e-global-color-primary);
    border-bottom: 1px solid #e6e9ee;
}

.vps_management_section .vps_management_box .box_wrapper ul li:last-child {
    border-bottom: none;
}

.vps_management_section .vps_management_box .box_wrapper ul li i {
    font-size: 14px;
    line-height: 14px;
    color: var(--e-global-color-secondary);
    margin-right: 12px;
}

.vps_management_section .vps_management_box .box_wrapper ul li span {
    font-weight: 500;
}

.vps_management_section .vps_management_box .btn_wrapper .get_unmanaged_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 135px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.vps_management_section .vps_management_box:hover .btn_wrapper .get_unmanaged_btn {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}

.vps_management_section .vps_management_box:hover {
    border: 3px solid var(--e-global-color-accent);
}

.vps_management_section .vps_management_box .btn_wrapper .get_managed_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 148px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.vps_management_section .vps_management_box:hover .btn_wrapper .get_managed_btn {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}

/* VPS Page VPS Server Management Section Style */

.server_management_section {
    background-image: url("../images/shared_hosting_background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0 120px;
}

.server_management_content {
    text-align: center;
}

.server_management_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 18px;
}

.server_management_content .pp {
    color: var(--e-global-color-white);
    margin-bottom: 95px;
}

.server_management_section .stacktable.large-only {
    display: table;
}

.server_management_section .stacktable.small-only {
    display: none;
}

.server_management_section table {
    text-align: center;
    width: 100%;
    margin-bottom: 55px;
}

.server_management_section table tr th {
    font-family: 'Inter', sans-serif;
    color: var(--e-global-color-white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding: 10px 40px;
    border-right: 1px solid rgba(33, 17, 94, 0.2);
}

.server_management_section table tr th:last-child {
    border-right: none;
}

.server_management_section table tr th p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.server_management_section table tr .first_column {
    font-family: 'Inter', sans-serif;
    color: var(--e-global-color-white);
    font-size: 16px;
    line-height: 36px;
    font-weight: 700;
    text-align: left;
    background-color: #1829b0;
}

.server_management_section table tr .first_column .fa-check {
    background-color: transparent;
    color: var(--e-global-color-white);
    font-size: 14px;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border-radius: 100px;
    text-align: center;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    margin-right: 10px;
}

.server_management_section table tr .first_column .fa-question {
    background-color: #102280;
    color: var(--e-global-color-white);
    font-size: 14px;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border-radius: 100px;
    text-align: center;
    margin-left: 10px;
}

.server_management_section table tr td .fa-check {
    color: var(--e-global-color-white);
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}

.server_management_section table tr td span {
    color: var(--e-global-color-white);
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}

.server_management_section table tr td {
    font-family: 'Inter', sans-serif;
    color: var(--e-global-color-white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding: 10px 40px 20px;
    border-top: 1px solid rgba(33, 17, 94, 0.2);
    border-right: 1px solid rgba(33, 17, 94, 0.2);
}

.server_management_section table tr td:last-child {
    border-right: none;
}

.server_management_section table tr td p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.server_management_section table tr .second_column {
    background-color: #2244c6;
}

.server_management_section table tr .third_column {
    background-color: #2d56d4;
}

.server_management_section table tr .forth_column {
    background-color: #0440c7;
}

.server_management_section .bottom_wrapper {
    text-align: center;
}

.server_management_section .bottom_wrapper p {
    color: var(--e-global-color-white);
    margin-bottom: 26px;
}

.server_management_section .bottom_wrapper .btn_wrapper .vps_hosting_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 42px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.server_management_section .bottom_wrapper .btn_wrapper .vps_hosting_btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

/* VPS Page VPS Hosting Features Section Style */

.vps_hosting_features_section {
    padding-top: 112px;
}

.vps_hosting_features_content {
    text-align: center;
}

.vps_hosting_features_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.vps_hosting_features_content p {
    color: var(--e-global-color-text);
    margin-bottom: 75px;
}

.vps_hosting_features_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 48px 28px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

.vps_hosting_features_box:hover {
    transform: translateY(-5px);
}

.vps_hosting_features_box figure {
    margin-bottom: 26px;
}

.vps_hosting_features_box p {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.vps_hosting_features_box .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* VPS Page FAQ's Section Style */

.vps_accordian-section {
    padding: 60px 0 52px;
}

/* Domain Page Style */

/* Domain Page Banner Section Style */

.sub-banner-section .domain_banner_section {
    padding: 70px 0 98px;
}

.domain_banner_section .banner-section-content p {
    padding-right: 160px;
    margin-bottom: 30px;
}

.domain_banner_section .banner-section-content .banner_blue_line {
    position: absolute;
    top: 50px;
    right: 30px;
}

.domain_banner_section .banner-section-content input {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border-radius: 50px;
    height: 58px;
    width: 92%;
    padding: 10px 30px;
    margin-bottom: 25px;
    border: none;
}

.domain_banner_section .banner-section-content select {
    position: absolute;
    top: 18px;
    right: 180px;
    background: transparent;
    border: none;
    font-size: 16px;
    line-height: 24px;
    color: var(--e-global-color-text);
}

.domain_banner_section .banner-section-content select:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.domain_banner_section .banner-section-content .btn {
    position: absolute;
    right: 62px;
    top: 5px;
    padding: 15px 26px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border-radius: 50px;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.domain_banner_section .banner-section-content .btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
    outline: none;
    box-shadow: none;
}

.domain_banner_section .banner-section-content .form-control:focus {
    box-shadow: none;
}

.domain_banner_section .banner-section-content .span_wrapper {
    padding-left: 10px;
}

.domain_banner_section .banner-section-content .domain_banner_span1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--e-global-color-white);
    margin-right: 5px;
}

.domain_banner_section .banner-section-content .domain_banner_span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: var(--e-global-color-white);
    margin-right: 35px;
}

.sub-banner-section .domain_banner_section .banner_image figure {
    position: absolute;
    top: -32px;
    left: -20px;
}

/* Domain Page Popular Domain Section Style */

.popular_domain_section {
    padding: 12px 0 25px;
}

.popular_domain_section .popular_domain_content {
    text-align: center;
}

.popular_domain_section .popular_domain_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.popular_domain_section .popular_domain_content p {
    color: var(--e-global-color-text);
    margin-bottom: 70px;
}

.popular_domain_section .popular_domain_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 40px 25px 40px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.popular_domain_section .popular_domain_box:hover {
    transform: translateY(-10px);
}

.popular_domain_section .popular_domain_sale_box {
    padding: 40px 25px;
}

.popular_domain_section .popular_domain_box .sale {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: var(--e-global-color-white);
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
    border-radius: 50px;
    padding: 6px 22px;
    display: inline-block;
    margin-bottom: 30px;
}

.popular_domain_section .popular_domain_box figure {
    margin-bottom: 36px;
}

.popular_domain_section .popular_domain_box .pp {
    font-weight: 400;
    color: var(--e-global-color-primary);
    margin-bottom: 30px;
}

.popular_domain_section .popular_domain_box .starting_from {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: var(--e-global-color-text);
    margin-bottom: 12px;
}

.popular_domain_section .popular_domain_box .price_span_wrapper {
    margin-bottom: 18px;
}

.popular_domain_section .popular_domain_box .price_span_wrapper .price {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

.popular_domain_section .popular_domain_box .price_span_wrapper .month {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: var(--e-global-color-primary);
}

.popular_domain_section .popular_domain_box .btn_wrapper .check_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 25px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.popular_domain_section .popular_domain_box:hover .btn_wrapper .check_btn {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}

/* Domain Page Register Reasons Section Style */

.register_reasons_section {
    padding: 60px 0 100px;
}

.register_reasons_content {
    text-align: center;
}

.register_reasons_content h2 {
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}

.register_reasons_content p {
    margin-bottom: 72px;
    color: var(--e-global-color-text);
}

.register_reasons_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 30px 50px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

.register_reasons_box .register_reasons_image {
    padding-left: 45px;
}

.register_reasons_box .register_reasons_box_content {
    margin-left: -15px;
    padding-top: 42px;
}

.register_reasons_box .register_reasons_box_content h4 {
    font-weight: 600;
    color: var(--e-global-color-primary);
    margin-bottom: 16px;
}

.register_reasons_box .register_reasons_box_content .pp {
    color: var(--e-global-color-text);
}

.register_reasons_box .register_reasons_middle_box_content {
    padding-left: 10px;
    margin-left: 0;
}

.register_reasons_box .register_reasons_middle_box_image {
    padding-left: 115px;
}

/* Domain Page Price Domain Section Style */

.price_domain_section {
    background-image: url("../images/shared_hosting_background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0 118px;
}

.price_domain_content {
    text-align: center;
}

.price_domain_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 18px;
}

.price_domain_content .pp {
    color: var(--e-global-color-white);
    margin-bottom: 75px;
}

.price_domain_section .stacktable.large-only {
    display: table;
}

.price_domain_section .stacktable.small-only {
    display: none;
}

.price_domain_section table {
    text-align: center;
    width: 100%;
}

.price_domain_section table .heading {
    background-image: url("../images/price_domain_heading_row.png");
}

.price_domain_section table tr {
    background-image: url("../images/price_domain_row.png");
    position: relative;
}

.price_domain_section table tr th {
    color: var(--e-global-color-white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding: 20px 40px;
}

.price_domain_section table tr td {
    color: var(--e-global-color-white);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    padding: 11px 40px;
}

.price_domain_section table tr td p {
    color: var(--e-global-color-white);
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
}

.price_domain_section table tr .sale_row {
    position: absolute;
    top: 0;
    left: 0;
}

.price_domain_section table tr .new_row {
    position: absolute;
    top: 0;
    left: 0;
}

/* Domain Page Hotline Seriously Section Style */

.hotline_seriously_section {
    padding: 50px 0 50px;
}

.hotline_seriously_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 70px 65px 70px 82px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--e-global-color-accent);
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.hotline_seriously_box .hotline_seriously_content figure {
    margin-bottom: 38px;
}

.hotline_seriously_box .hotline_seriously_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 28px;
    padding-right: 10px;
}

.hotline_seriously_box .hotline_seriously_content p {
    color: var(--e-global-color-text);
    margin-bottom: 34px;
}

.hotline_seriously_box .hotline_seriously_content .btn_wrapper .gethelp_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 50px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.hotline_seriously_box .hotline_seriously_content .btn_wrapper .gethelp_btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}

.hotline_seriously_box .hotline_seriously_image {
    padding-left: 16px;
    padding-top: 15px;
}

.hotline_seriously_box .hotline_seriously_image img:hover {
    animation-name: float, up;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

/* Contact Page Style */

/* Contact Page Top Portion Section Style */

.contact-sub-banner-section {
    background-image: url('../images/contact_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-sub-banner-section .top_portion {
    background-image: url('../images/sub_banner_top_portion.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Contact Page Banner Section Style */

.contact-banner-section {
    padding: 80px 0 150px;
}

.contact-banner-section .banner-section-content p {
    padding-right: 60px;
}

.contact-banner-section .banner-section-content .btn_wrapper .contact_us_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 38px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border: 1px solid var(--e-global-color-soft-red);
}

.contact-banner-section .banner-section-content .btn_wrapper .contact_us_btn:hover {
    background-image: none;
    border: 1px solid var(--e-global-color-white);
    border-image: none;
}

.contact-banner-section .banner_image figure {
    position: absolute;
    top: -5px;
    right: -32px;
    left: unset;
}

/* Contact Page Report & Inquiry Section Style */

.report_inquiry_section {
    margin-top: -40px;
}

.report_inquiry_section .report_inquiry_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 48px 40px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.report_inquiry_section .report_inquiry_box:hover {
    transform: translateY(-10px);
}

.report_inquiry_section .report_inquiry_box figure {
    margin-bottom: 36px;
}

.report_inquiry_section .report_inquiry_box p {
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}

.report_inquiry_section .report_inquiry_box .pp {
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

/* Contact Page Contact Details Section Style */

.contact_details_section {
    padding: 120px 0 30px;
}

.contact_details_box {
    width: 100%;
    background-color: var(--e-global-color-white);
    padding: 82px 40px 75px 70px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.contact_form_content {
    padding-right: 65px;
    margin-top: -10px;
}

.contact_form_content h2 {
    margin-bottom: 32px;
    color: var(--e-global-color-primary);
}

.contact_form_content input {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    background-color: transparent;
    color: var(--e-global-color-text);
    padding: 10px 28px;
    border-radius: 8px;
    width: 100%;
    height: 55px;
    margin-bottom: 10px;
    outline: none;
    border: 1px solid #e6e9ee;
}

.contact_form_content textarea {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    background-color: transparent;
    color: var(--e-global-color-text);
    border-radius: 8px;
    padding: 16px 28px;
    width: 100%;
    outline: none;
    resize: none;
    height: 122px;
    margin-bottom: 30px;
    border: 1px solid #e6e9ee;
}

.contact_form_content .form-control:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #e6e9ee;
}

textarea {
    overflow: auto;
}

.contact_form_content button {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 16px 40px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    outline: none;
    border: none;
}

.contact_form_content button:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

.contact_details_content span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 10px 26px;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    display: inline-block;
    border-radius: 50px;
    color: var(--e-global-color-white);
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.contact_details_content span:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

.contact_details_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 28px;
}

.contact_details_content p {
    color: var(--e-global-color-primary);
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.contact_details_content .pp {
    color: var(--e-global-color-secondary);
    margin-bottom: 15px;
}

.contact_details_content .location {
    color: var(--e-global-color-text);
    padding-right: 150px;
    line-height: 30px;
}

.contact_details_content .mailone {
    margin-bottom: 2px;
}

.contact_details_content .mailtwo {
    margin-bottom: 20px;
}

.contact_details_content .callnow {
    margin-bottom: 10px;
}

.contact_details_content a:hover p {
    color: var(--e-global-color-pure-cyan);
}

/* Blogs PopUp Style */

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.show {
    opacity: 1;
    background-color: transparent;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    transform: translate(0, -25%);
}

.modal-dialog {
    max-width: 48%;
    margin: 1.75rem auto;
    position: relative;
    width: auto;
    pointer-events: none;
}

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.modal-content {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
    background-color: var(--e-global-color-white);
    border-radius: 0;
}

.modal-header {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: none;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
    opacity: 1 !important;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-header button {
    background: var(--e-global-color-accent);
    opacity: 1;
    position: absolute;
    right: 7px;
    top: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    outline: none;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

button.close {
    border: 0;
    -webkit-appearance: none;
}

button {
    text-transform: none;
    overflow: visible;
}

.modal-header button i {
    color: var(--e-global-color-white);
    font-size: 18px;
    line-height: 18px;
    padding: 5px 5px;
    outline: none;
}

.fa-x:before {
    content: "\58";
}

.blog-model-con .modal-body {
    height: 900px;
    overflow-y: auto;
    padding-top: 0;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem;
    padding-left: 30px;
    padding-right: 30px;
}

.modal-body .blog-box-item {
    border-radius: 0;
}

.blog-box-item {
    background: var(--e-global-color-white);
    overflow: hidden;
}

.blog-img figure {
    overflow: hidden;
    max-height: 463px;
    min-height: 463px;
}

.blog-img figure img {
    height: 463px;
}

.modal-body img {
    width: 100%;
}

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

.blog-content {
    padding: 25px 0;
}

.blog-auteher-title {
    margin-bottom: 15px;
}

.blog-auteher-title span {
    font-size: 18px;
    line-height: 30px;
    color: var(--e-global-color-primary);
    font-weight: 400;
}

.blog-model-con h5 {
    color: var(--e-global-color-primary);
    margin-bottom: 15px !important;
}

.blog-model-con .pp {
    color: var(--e-global-color-text);
    margin-bottom: 30px;
}

.blog-model-con h2 {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid #e6e9ee;
    color: var(--e-global-color-primary);
}

.form_style::placeholder {
    color: var(--e-global-color-text);
}

.blog-model-form input {
    margin-bottom: 20px;
}

.contact-form input {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    background-color: transparent;
    color: var(--e-global-color-text);
    border: 1px solid #e6e9ee;
    padding: 12px 15px;
    width: 100%;
    overflow: visible;
    outline: none;
    border-radius: 8px;
}

.contact-form textarea {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    background-color: transparent;
    color: var(--e-global-color-text);
    border: 1px solid #e6e9ee;
    padding: 12px 15px;
    width: 100%;
    outline: none;
    resize: none;
    height: 130px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.contact-form button {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 16px 40px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    outline: none;
    border: none;
}

.contact-form button:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-soft-red) 0%, var(--e-global-color-secondary) 100%);
}

/*--------28.06.2023-----------*/

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


.register_reasons_section .choose_hostiko_box_content {
    width: 100%;
    background-color: var(--e-global-color-white);
    display: inline-block;
    align-items: center;
    padding: 30px 26px;
    border-radius: 8px;
    margin-bottom: 22px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
}

.register_reasons_section.choose_hostiko_box_content:hover {
    transform: translateY(-5px);
}

.price_domain_section .crtbtn i {
    background: linear-gradient(45deg, #FB7262, #FA1A67);
    width: 32px;
    height: 32px;
    color: #fff;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
}


.btn_wrapper .check_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 25px;
    text-align: center;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    display: inline-block;
    background-image: none;
    border-image: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.check_btn:hover {
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
}


.most-recentdom .recentdmnbx {
    text-align: center;
    border: 3px solid var(--e-global-color-secondary);
    height: 200px;
    border-radius: 10px;
    background: url(../images/hex.jpg) no-repeat center;
}

.most-recentdom .price_span_wrapper {
    font-size: 26px;
    font-weight: 600;
    color: #222;
}

.dmnbtn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 25px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    border-image: linear-gradient(-90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-soft-red) 100%);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-red);
    display: inline-block;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}


.rgstrtsec .rgstrbx {
    position: relative;
    padding: 15px;
    transition: all 0.5s ease-out;
    overflow: hidden;
    box-shadow: 0px 0px 20px #cfcfcf;
    border-radius: 15px 0 15px 15px;
    background: #fff;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #a69344;
}

.rgstrtsec .rgstrbx h5 {
    color: #a69344;
    font-weight: 600;
    font-size: 26px;
}

.overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background: #a69344;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease-in-out;
}


.simple-overlay-3 {
    height: 0px;
    right: 0;
    left: initial;
    width: 0px;
}

.rgstrbx:hover .simple-overlay-3 {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: 0.5s ease-in-out;
}

.rgstrbx:hover h5 {
    color: #fff;
    z-index: 1;
}

.most-recentdom .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
}


.most-recentdom .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fb0a68;
}

.most-recentdom .owl-theme .owl-dots.focus {
    border: 0 !important;
}


.popular_domain_section ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-list-block {
    position: relative;
    background-color: #fff;
    padding: 0;
    border-radius: 10px;
/*    overflow: hidden;*/
    margin-bottom: 30px;
    border: 2px solid var(--primary-color);
    box-shadow: 2px 2px 10px 3px #e3e3e3;
	height:auto !important;
}
.betDotCom.site-list-block {height:330px}.betDotCom.site-list-block {
    height: 370px !important;
}

.site-list-block .nav-sl {
/*     display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: -85px;
    width: 100px;
    height: 100%; */
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 229px;
    width: 100%;
    height: 100%;
    align-items: center;
}


.popular_domain_section .site-lists {
    padding: 0;
    margin-bottom: 0;
}


.popular_domain_section .site-lists .site-domain {
    color: var(--e-global-color-primary);
    font-weight: 500;
    font-size:17px;
}

.popular_domain_section .site-lists .site-price {
    color: #fff;
    font-weight: 500;
    font-size:17px;
}

.popular_domain_section .site-list-block .site-list-title {
    background-color: #fff;
    color: #333;
    font-size: 21px;
    padding: 0 30px;
    text-align: center;
    padding: 13px 0;
    /* margin-bottom: 20px; */
    margin: 0;
    border-radius: 10px;
}

.site-price {
    color:#0D6B0D !important;
}

.popular_domain_section .site-lists li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    /*    margin: 10px;*/
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /*    border-radius: 10px;*/
    /*    border-left: 5px solid #a69344;*/
    background: #ece1cc;
    border-top: 2px solid var(--primary-color);
    border-radius:0 0 10px 10px;
}

.styblk li{
    display: block !important;
}
.styblk li a {
    display: flex;
    justify-content: space-between;
}

.line-bottom {
    filter: grayscale();
}


.rgstrtsec .rgstrbx {
    height: 80px;
}

.rgstrtsec .rgstrbx h5 {
    font-size: 18px;
    margin-top: 10px;
}

/*.popular_domain_section .site-list-block {
    box-shadow: 5px 5px 17px 5px #CCB;
}*/


.navbar {
    padding: 0;
}

.navbar strong {
    font-size: 20px;
}


/*-------------12.07.2023(sohom)--------------*/

.navbar-brand h3 {
    padding-top: 5px;
}

.popular_domain_content h5 {
    font-weight: 600;
    font-size:20px;
}

.flex_sec {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_sec .form-control {
    height: 45px;
    font-size: 14px;
    border-radius: 0;
}

.flex_sec a.srchbtn {
    width: 114px;
    display: block;
    height: 43px;
    background: #a69344;
    line-height: 41px;
    text-align: center;
    color: #fff;
}

/*.icns i {
    color: #c19d3d;
    width: 39px;
    height: 39px;
    background: #fff;
    line-height: 38px;
    text-align: center;
    border: 1px solid #c1c1c1;
    border-radius: 50%;
}*/

/*.popular_domain_section .site-lists li:nth-child(even) {
    background: #99adad;
}
*/

/*----------18.07.2023----------*/

a.navbar-brand p {
    color: var(--secondry-color);
}

.icnsbx {
    text-align: left;
}

.icnsbx .srchbtn {
    color: #475656;
    background: #fff;
    text-transform: capitalize;
    padding: 14px 45px;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    font-size:17px;
}

.popular_domain_section .form-control {
    height: 50px !important;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    font-size:17px;
    font-weight:400;
}

.popular_domain_section .popular_domain_content h5 {
    color: var(--secondry-color);
}

.btm_sec .popular_domain_content {
    padding-top: 30px;
    /*    padding-top: 160px; */
}

/*.styblk {
    height: 324px;
    overflow-y: scroll;
}*/

.styblk li {
    background: #fff !important;
}

/*-----------20.09.2023(START)----------*/

.popular_domain_section .site-list-block .styblk li:nth-child(odd) {
    background: #ece1cc !important;
}

/*-----------20.09.2023(END)----------*/

.styblk::-webkit-scrollbar {
    width: 4px;
}

.styblk::-webkit-scrollbar-track {
    background: var(--secondry-color);
}

.bottom-portion h4 {
    margin: 0;
}

/*----------footer custom-------------*/

.ftr_cstm {
    background-color: #fff;
    margin-top: 30px;
}

.ftr_cstm h3 {
    color: #333;
    margin: 0;
}

.ftr_cstm p {
    color: #444;
    font-size: 14px;
}

.ftr_cstm h5 {
    color: #333;
    font-weight: 600;
    margin: 0;
}

.ftr_cstm ul {
    margin: 0;
    padding: 0;
}

.ftr_cstm ul li {
    list-style: none;
    color: #333;
    padding: 0 0 8px;
}

.ftr_cstm ul li a {
    color: #333;
    font-size: 14px;
}

.ftr_cstm li i {
    color: var(--primary-color);
    margin-right: 4px;
}

.ftrbtm {
    border-top: 1px solid #d1d1d1;
    background-color: #fff;
}

.ftrbtm p {
    margin: 0;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}


.block_month h3 {
    font-size: 25px;
    color: var(--secondry-color);
    padding: 0 25px;
}

.block_month ul.month_dist {
    margin: 0;
    padding: 0 25px 16px;
}

.block_month ul.month_dist li {
    padding: 6px 0;
}

.block_month ul.month_dist li a {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 500;
}

.block_month ul.month_dist i {
    font-weight: 600;
    color: var(--primary-color);
    margin-right: 6px;
    font-size: 20px;
}

/*----------Popular Domain Style-------------*/

.popular_domain_section .site-list-block .site_updtd li {
    /*display: block !important; */
    text-align: center;
    border-top: 2px solid var(--primary-color);
    border-radius: 0 0 6px 6px;
    display: block;
}

.popular_domain_section .site-list-block .site_updtd li:nth-child(odd){
     background: #ece1cc;
}
.popular_domain_section .site-list-block .site_updtd li:nth-child(even){
     background: #ffffff;
}


.popular_domain_section .site-list-block .site_updtd li a {
    color: var(--e-global-color-primary);
    display: flex;
    justify-content: space-between;
}

/* .popular_domain_section .site_updtd li:nth-child(even) {
    background:#99ADAD;
} */

/*----------Popular Domain Style-------------*/


/*-----------20.07.2023--------------*/

span.gldnct {
    color: var(--primary-color);
}


.popular_domain_section .site-list-block .rgtscnd {
    background: #fff;
    color: #333;
    font-size: 21px;
/*     margin-bottom: 5px;
    border-bottom: 2px solid var(--primary-color); */
    border-radius: 11px 11px 0 0;
}

/*------------24.07.2023--------------*/

.ftr_cstm h6 {
    font-size: 16px !important;
    color: var(--primary-color);
    margin: 0;
}

.ftr_cstm .brdrsec {
    padding: 30px 0;
    padding-right: 16px;
    position: relative;
}
.fotterLast::before{
	position:inherit !important;
}

.ftr_cstm .brdrsec::before {
    width: 1px;
    height: 308px;
    background-color: #d1d1d1;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
}

.ftr_cstm .col-md-3:last-child .brdrsec::before {
    content: none;
}

.ftr_cstm .brdrsec p {
    font-size: 15px;
    margin-bottom: 5px;
}

.ftr_cstm .brdrsec p a {
    color: #333;
    font-weight: 500;
}

.ftr_cstm .brdrsec li a:hover {
    text-decoration: underline !important;
    color: var(--primary-color);
}

.navbar .navbar-brand img {
    /*max-width: 300px;*/
    width:245px; /* this is done to restore the logo size to its original 06/09/2023..Pushan  */
}


/*-------------navbar menu--------------------*/

.banner-section-outer ul.navbar-nav {
    margin-bottom: 0;
    margin-right: 35px;
}


/*----------about page------------*/

.abousect .aboutcnt {
    border-radius: 20px;
    border: 2px solid var(--primary-color);
    padding: 40px;
    box-shadow: 2px 2px 10px 3px #ccc;
}

.abousect .aboutcnt h2 {
    color: var(--primary-color);
}

.abousect .aboutcnt p {
    font-size: 16px;
}

/*----------Contact Page------------*/

.contactsec h2 {
    color: var(--primary-color);
}

.contactsec .cform {
    padding: 25px;
    border: 2px solid var(--primary-color);
}

.contactsec .form-control {
    height: 45px;
    border-radius: 0;
    border: 1px solid #bfbfbf;
}

.contactsec textarea.form-control {
    height: 120px;
    border: 1px solid #bfbfbf;
}


.contactsec a.srchbtn {
    color: #fff;
    background: #475656;
    text-transform: uppercase;
    padding: 14px 45px;
    font-weight: 700;
    border: 1px solid var(--primary-color);
    display: inline-block;
}

/*Salse History Page START*/
.sales-history-sec {
    background-color: #f7fafc;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.sales-history-sec h2 {
    font-weight: 300;
}


.sales-history-tab {
    padding-top: 50px;
}

.sales-history-tab .nav-tabs .nav-link {
    border: none;
    background-color: transparent;
    padding: 10px 15px;
    margin-right: 2px;
}

.sales-history-tab .nav-tabs .nav-link:hover{
    background-color: #edf2f7!important;
}

.sales-history-tab .table {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    color: #4a5568;
}

.sales-history-tab .table tbody tr th {
    font-size: 16px;
    font-weight: 500;
}


.sales-history-tab .nav-tabs button:focus {
    border: none;
    outline: none;
}

.sales-history-tab .nav-tabs .nav-link.active {
    background-color: #edf2f7 !important;
    border: 1px solid #cbd5e0 !important;
    color: #2d3748;
}

/*Salse History Page END */

/*In The News START*/
.inthenews-sec {
    background-color: #f7fafc;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.inthenews-sec h2 {
    font-weight: 300;
}

.inthenews-sec .news, li{
    list-style: none;

}

.inthenews-sec .news-nav-list {
    padding-left: 0;
}

.inthenews-sec .news-nav-list li {
    font-size: 14px;
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin: 10px 0;
    background-color: #fff;
}

.inthenews-sec .news_title a {
    color: #1a202c !important;
}

.inthenews-sec .news-nav-list li .news_title a:hover {
    text-decoration: underline !important;
}

.inthenews-sec ul.news-nav-list li .short_desc p {
    font-size: 14px;
    color: #4a5568;
    margin-bottom: 0;
}

.inthenews-sec ul.news-nav-list li a {
    color: #a69344;
    word-break: break-all;
}

/*In The News END*/


/*.styblk li {
    padding: 17px 20px !important;
      background: #fff !important;
}*/


/*----------4.08.2023------------*/

.extrapdng {
    padding: 0 0 12px !important;
}

.betting_prt li {
    display: block !important;
}

.domiancount {
    text-align:right;
    color:var(--primary-color);
}


/*---------Product Details-----------*/

.product_details h2 {
    color:#444;
    font-weight: 600;
}

.product_details h6 {
    color:var(--primary-color);
    font-size: 16px;
}

.product_details p {
    font-size: 15px;
}

.contentblk .listcntyu ul li {
   display: inline-block;
   font-size: 15px;
} 

.contentblk .listcntyu ul li a {
    color:#333;
}

.product_details .mdlbtn {
    color: #fff;
    background: var(--primary-color);
    text-transform: uppercase;
    padding: 14px 45px;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    outline: 0;
    border:0;
}

.product_details .mdlbtn:hover {
    color:#fff;
}


/*----------Modal-------------*/

.mdlbg {
    background: #00000042 !important;
}

.mdlbg h5 {
    color:var(--primary-color);
}

.modal-body .cform label {
    text-align:left;
    margin-bottom:5px;
}   

.modal-body .cform label span {
    color:#f30;
} 

.product_details .modal-content {
    width: 550px !important;
    margin: 0 auto;
    border-radius: 10px;
    border: 2px solid var(--primary-color);
}

.product_details .modal-body .cform .form-control {
    height:42px;
    border-radius: 0;
    border:1px solid var(--primary-color);
}

.product_details .modal-body .cform textarea.form-control {
    height:100px;
}

.product_details .modal-content button {
    background: var(--primary-color);
}

.product_details .modal-content button span {
    color:#fff;
}

.product_details .modal-footer {
    justify-content:center;
}

.product_details .modal-header {
    justify-content:center;
}

.listcntyu ul li {
    display:inline-block;
}

.listcntyu a {
    color:#333;
}

.listcntyu a:hover {
    color:var(--primary-color);
}

/*----------CSS UPDATION-------------*/

.popular_domain_section h6 {
    font-size:18px !important;
}

a.navbar-brand {
    padding:0 !important;
}

.navbar-nav {
    float:right !important;
}

/*---------Help Page----------*/

.helpsec .helpcnt {
    border-radius: 20px;
    border: 2px solid var(--primary-color);
    padding: 25px 40px;
    box-shadow: 2px 2px 10px 3px #ccc;
}

.helpsec .helpcnt h2 {
    color: var(--primary-color);
    font-size:36px;
    font-weight:700;
}

.helpsec .helpcnt p {
    font-size: 16px;
}

.helpsec .helpcnt h6 {
    color:var(--primary-color);
    font-weight:600 !important;
    font-size:18px !important;
    font-family:inherit !important;
}

.helpsec .helpcnt li {
    padding:5px 0;
    font-size: 16px;
}

.helpsec .helpcnt a {
    color:var(--primary-color);
}

.helpsec .helpcnt li i {
    margin-right: 3px;
    color:var(--primary-color);
}

/*--------SiteSec-------*/

.sitesec .sitecnt h2 {
    color: var(--primary-color);
    font-size:36px;
    font-weight:700;
}

.sitesec .sitecnt li {
    padding:5px 0;
    font-size: 16px;
}

.sitesec .sitecnt a {
    color:#333;
}

.sitesec .sitecnt li i {
    margin-right: 3px;
    color:var(--primary-color);
}

/*---------Contact Us-----------*/

.contactsec h2 {
    color: var(--primary-color);
    font-size:36px;
    font-weight:700;
}

.contactsec label {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 17px;
}

.contactsec .mapinfo {
    height:466px;
}

.contactsec .mapinfo iframe {
    height:100%;
} 

/*-------Owl Navigations---------*/

.prdct_carousel .owl-nav .owl-next span {
    font-size: 40px;
    position: absolute;
    top: -6%;
    transform: rotate(270deg);
    left: -57px;
    background: var(--primary-color);
    width: 40px;
    line-height: 34px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
}

.prdct_carousel .owl-nav .owl-prev span {
    font-size: 40px;
    position: absolute;
    bottom: 20%;
    transform: rotate(270deg);
    left: -57px;
    background: var(--primary-color);
    width: 40px;
    line-height: 33px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
}

/*---------Sales History----------*/

.sales_history .nav-tabs li a {
    color:#888;
    font-size:16px;
}

/*----------Listing------------*/

.page-template-product-listing .site_updtd {
/*     height: 270px;
    overflow-y: scroll; */
    border-radius: 0 0 10px 10px;
}

.page-template-product-listing .site_updtd li {
    border-radius:0 !important;
}

.page-template-product-listing .site_updtd::-webkit-scrollbar {
   width:3px; 
    /*display:none;*/
}

.page-template-product-listing .site_updtd::-webkit-scrollbar-track {
  background: #ECE1CC;
}

.page-template-product-listing .site_updtd::-webkit-scrollbar-thumb {
  background: #888;
}

/*---------pagination---------*/

.wp-pagenavi {
    clear: both;
    background: #fff;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 10px;
}


.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #c2a636 !important;
    padding: 3px 5px;
    margin: 2px;
    color: #555;
}

.wp-pagenavi a:hover, .wp-pagenavi span.currentt {
    border-color: #999 !important;
}

/*----------soldomain------------*/
 
.solddomain h3 {
    font-size:30px;
}

.solddomain .soldprt ul {
  border-bottom:1px solid #cbd5e0;
}

.solddomain li {
    display:flex;
    align-items: center;
    border:1px solid #cbd5e0;
    border-bottom: 0;
    padding:14px;
    justify-content:space-between;
} 

.solddomain .soldprt a {
    color:#333;
}
.solddomain .soldprt a.slddmn {
    font-weight:500;
}

/*Tanmoy Css Swiper js*/

.swiper.test-slide .swiper-wrapper {
    height: 324px;
}

 .slider__prev,
 .slider__next {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px 0;
}
 .slider__prev i.bi,
 .slider__next i.bi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 25px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    transition: 0.5s;
}

.slider__prev i.bi:hover,
 .slider__next i.bi:hover {
   background:var(--primary-color);
    color:#fff;
}

/*----------Modal-------------*/

.modal-header .close {
    margin-top: -14px !important;
    margin-right: -22px;
}

.swipers {
    width: 70%;
    text-align: left;
    margin-left: 9px;
}

.swiper-wrapper {
    padding-left: 0;
}

.soldDomain .swiper-slide {
    font-size: 20px;
    background: #fff;
/*  display: flex;
    justify-content: center;
    align-items: center; */
}

.soldDomain{
    display: flex;
    justify-content: center;
/*     align-items: center; */
}

.soldDomain ul {
    margin:0;
    padding:0;
}
.activeSubCat{
    background: #dbba37 !important;
}
.activeSubCat a{
    color:#fff !important;
}

/*-------pagination----------*/

.keywordpagi span {
    text-decoration: none;
    border: 1px solid #c2a636 !important;
    padding: 3px 5px;
    margin: 2px;
    color: #555;
}

.keywordpagi a {
    text-decoration: none;
    border: 1px solid #c2a636 !important;
    padding: 3px 5px;
    margin: 2px;
    color: #555;
}

/*------------Our offers-------------*/

.popular_domain_section .site-list-block h4 {
    font-size: 20px;
    font-weight: 600;
    color: #0D6B0D !important;
}   

.popular_domain_section .site-list-block h5 {
    font-size: 17px !important;
    font-weight: 500;
    color:#333;
}

.popular_domain_section .site-list-block ul.month_dist {
    height:155px;
    overflow-y:scroll;
}

.popular_domain_section .site-list-block ul.month_dist::-webkit-scrollbar {
   width:3px; 
    /*display:none;*/
}

.popular_domain_section .site-list-block ul.month_dist::-webkit-scrollbar-track {
  background: #ECE1CC;
}

.popular_domain_section .site-list-block ul.month_dist::-webkit-scrollbar-thumb {
  background: #888;
}

.site-list-block ul.month_dist li {
    padding: 14px 0;
    background: #ebe1cc;
    border-bottom: 2px solid var(--primary-color);
}

.site-list-block ul.month_dist li a {
    color:#333;
    font-size:17px;
}

.site-list-block ul.month_dist a i {
    color: var(--primary-color);
    font-size: 19px;
    font-weight: 600;
    margin: 0 5px 0 23px;
}

.site-list-block a.srchbtn {
    color: #475656;
    background: #fff;
    text-transform: capitalize;
    padding: 10px 41px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    font-size: 17px;
}

/*-----------mxdyty(16.08.2023)---------------*/

.page-template-contact .cform .srchbtn {
    color: #475656;
    background: #fff;
    text-transform: capitalize;
    padding: 10px 35px;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    font-size: 17px;
}

.mxdyty .listy ul {
    display: flex;
    flex-wrap: wrap;
    height: 330px;
    overflow-y: hidden;
}

.mxdyty .listy ul ::-webkit-scrollbar {
    display: none;
    visibility: hidden;
}

.mxdyty .listy ul li {
    width: 50%;
    display: inline-block;
    /* border: 1px solid #999; */
    padding: 5px 0;
    font-size: 16px;
    /* line-height: 0.2; */
}


.page-template-home .site_right h3 {
    border-bottom:2px solid var(--primary-color);
    border-radius:11px 11px 0 0 !important;
}


.mxdyty .listy ul::-webkit-scrollbar {
   width:3px; 
    /*display:none;*/
}

.mxdyty .listy ul::-webkit-scrollbar-track {
  background: #ECE1CC;
}

.mxdyty .listy ul::-webkit-scrollbar-thumb {
  background: #888;
}

.generalcontent {
    border-radius: 20px;
    border: 2px solid var(--primary-color);
    padding: 25px 40px;
    box-shadow: 2px 2px 10px 3px #ccc;
    margin: 15px 0 30px;
}

.generalcontent h3 {
    color: var(--primary-color);
    font-size: 36px;
    font-weight: 700;
}

/*---------4.9.2023------------*/

.rigtsec_carousel .owl-nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:20px !important;
}

.rigtsec_carousel .owl-nav .owl-prev {
    position:relative;
}

.rigtsec_carousel .owl-nav .owl-prev::before {
    position: absolute;
    content: "\f284";
    top: 5px;
    left: 7px;
    font-family: "bootstrap-icons";
    font-size: 23px;
    color: #fff;

}

.rigtsec_carousel .owl-nav .owl-next {
    position:relative;
}

.rigtsec_carousel .owl-nav .owl-next::before {
    position:absolute;
    content: "\f285";
    top:5px;
    left:10px;
    font-family: "bootstrap-icons";
    font-size:23px;
    color:#fff;
}

.rigtsec_carousel .owl-nav .owl-prev span {
    display: flex;
    justify-content:center;
    width: 40px;
    height: 40px;
    line-height:36px;
    font-size: 36px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    transition: 0.5s;
    font-size:0;
}

.rigtsec_carousel .owl-nav .owl-next span {
    display: flex;
    justify-content:center;
    width: 40px;
    height: 40px;
    line-height:36px;
    font-size: 36px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    transition: 0.5s;
    font-size:0;
}

.rigtsec_carousel .owl-nav button:hover {
    background:none !important;
    color:none !important;
}

.rigtsec_carousel .owl-nav button:focus {
    outline:0 !important;
}


@media screen and (max-width: 768px) {
   
   
   
   .popular_domain_section .form-control {
       margin-bottom:15px;
   }
   
   .icnsbx {
       text-align:center;
   }
    
   .popular_domain_content h5 {
       font-size:17px !important;
   }    
   
   .site_right {
		margin-top: 45px;
		height: 389px !important;
	}
	
   
   .site-list-block .nav-sl {
       top:234px;
   }
   
   .mxdyty .listy ul {
    display: block;
    flex-wrap: wrap;
    height: 380px;
    overflow-y: scroll;
}
    
 .mxdyty .listy ul::-webkit-scrollbar {
  display: none;
}

.mxdyty .listy ul li {
    width:100%;
}

.popular_domain_section .site-lists .site-domain {
    font-size: 13px;
}

.woocommerce-Price-amount.amount {
    font-size:13px;
}

span.gldnct {
    font-size:15px;
}

.brdrsec .soldDomain h6 {
  line-height:0 !important;
}   
    
.swipers ul li {
    font-size:15px !important;
    width:175px !important;
    margin-top:-10px;
}

.ftr_cstm .brdrsec::before {
    content:none;
}

.ftr_cstm .brdrsec {
    padding: 10px 0;
} 

.site-list-block h3 {
    font-size:19px !important;
}

.popular_domain_section .site-list-block h4 {
  font-size:17px !important
}

.ftrbtm p {
    font-size:13px;
    text-align:center;
}
    

/*---------Contact Page------------*/

.contactsec h2 {
    font-size:27px;
}

.contactsec .mapinfo {
    margin-top:30px;
}

.contactsec .cform {
    padding:15px;
}

/*---------Help Page------------*/

.helpsec .helpcnt {
 padding:15px;
}

.helpsec .helpcnt h2 {
  font-size:27px;
}

.helpsec .helpcnt h6 {
  font-size:16px !important;
}

/*---------Sitemap-------------*/

.sitesec .sitecnt h2 {
font-size:27px;
}

/*-----------About Page------------*/

.generalcontent {
  padding: 15px;
}

.generalcontent h3 {
   font-size: 27px;
}    


.news ul li {
    word-wrap: break-word;
    width: 220px;
}

.sales_history ul{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
}
    
/*-----------Modal---------------*/

.product_details .modal-dialog {
 margin: 20px auto !important;  
}   
    
.product_details .modal-content {
  width:100% !important;        
}   

.mdlbg h5 {
    color: var(--primary-color);
    margin: 0 auto;
    text-align: center;
    font-size: 18px !important;
}   

.product_details .mdlbtn {
  font-size: 12px;
  padding: 6px; 
}   

    
/*----------Product Page-----------*/

.product_details h2 {
    color: #444;
    font-weight: 600;
    font-size: 14px;
}   
    
.wpcf7-spinner {
  display:block !important;     
}
    
.popular_domain_section {
         padding:0 !important;
}
    
.wp-pagenavi {
  display:flex;
  flex-wrap:wrap;
  justify-content:end;  
}   
    
.popular_domain_section .site-lists li {
  padding:14px 10px !important;
}   
    
.helpsec .helpcnt li {
  font-size:14px;   
}
    
.rigtsec_carousel .owl-nav {
  margin-top:55px !important;       
}   
    
}   
/* added by Pushan 06/09/2023 ..to adjust the gaps in offer slider...  */
.listy ul {
    margin-top: 0;
    margin-bottom: 14px;
    margin-right: -40px;
}
.news ul li{
    list-style: none;
    background: #fff;
    border: 1px solid #cbd5e0;
    padding: 10px;
    margin: 10px 0;
    display: block;
    width: 100%;
}
.news ul li a{
    color: #000 !important;
}
.news ul.news-nav-list li a {
    color: #49c5b6;
 
}
.news ul li a strong{
    font-size:15px;
        color: #e8ca81;
}
.news ul li .short_desc p{
    font-size:15px;
    margin-bottom: 0;
}


/* Tanmoy CSS */
.soldDomain ul{
    overflow: hidden;
}
.viewmore{
    position: relative;
/*     z-index: 9999; */
    margin: -17px auto;
    width:200px;
}

.viewmore  a.srchbtn {
    color: #475656;
    background: #fff;
    text-transform: capitalize;
    padding: 10px 41px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    font-size: 17px;
}


.paginateandoption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.paginateandoption .wp-pagenavi {
    margin-bottom: 0;
}

.page-select {
    border: 1px solid #c2a636 !important;
    padding: 3px 5px;
}

/* the below css is to align the offset dropdown in keyword search page..Pushan 27.11.2023   */
.selectforkey {
    border: 1px solid #c2a636 !important;
    padding: 3px 5px;
    margin-left: 127px;
}


/* Tanmoy CSS END */

/* Akash CSS 14-09-2023 START */
tr td {
    text-transform: lowercase;
}

@media only screen and (max-width: 1025px) {
    .mxdyty .listy ul {
    display: block;
    overflow-y: scroll !important;
}
    .mxdyty .listy ul li {
    width: 49%;
}
    .swipers .swiper-wrapper .swiper-slide {
        margin-top: 0 !important;
    }
    .brdrsec .row .soldDomain {
        flex-wrap: wrap;
        align-items: baseline;
    }
    .brdrsec .row .soldDomain .swipers {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
	.icnsbx .srchbtn {
		padding: 11px 26px;
		font-size: 16px;
	}
    .site_right {
    margin-top: 0;
}
	.mxdyty .listy ul li {
		font-size: 14px;
	}
	.site_right h5, .site_right h4 {
		padding: 6px 3px;
	}
}
@media only screen and (max-width: 991px) {
	.navbar-light .navbar-toggler {
		display:block
	}
    .navbar-collapse .navbar-nav .active > a {
        background: transparent !important;
        color: var(--e-global-color-primary) !important;
    }
	/*----------Navbar------------*/
    
    .navbar {
        margin-bottom:0 !important;
    }
    
    .navbar button{
        background: var(--primary-color);
        width: 36px;
        height: 36px;
        padding: 5px;
        margin-top: -27px;
    }
    
    .navbar-nav {
        margin:0 !important;
        padding:0 !important;
    }
    
    .navbar-nav .nav-item a {
     border: 1px solid var(--primary-color) !important;
}
    
    .banner-section-outer ul.navbar-nav {
        margin-right:0;
        width:auto !important;
    }
    
    .navbar-collapse {
        width:100% !important;
        padding-right:0 !important;
        padding-left:0 !important;
    }
    
   /*---------Home Page-----------*/
	.navbar .navbar-collapse.collapse {
		display: none !important;
	}
	.navbar .navbar-collapse.collapse.show {
    display: block !important;
}
	.site-list-block {
		height: 369px !important;
		border-radius: 5px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 767px) {
    .site_right {
    margin-top: 45px;
}
    .brdrsec .solsdDomain h6 {
        margin-top: 10px;
        line-height: 26px !important;
        text-align: center;
    }
    .footerSlid .item{
        text-align: center !important;
    }
    .brdrsec .row .soldDomain {
    flex-wrap: wrap;
    align-items: baseline;
        display: block;
}
    .brdrsec .soldDomain h6 {
        width: 100%;
    }
    .brdrsec .row .soldDomain .swipers {
        width: 50%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 600px) {
	.site_right {
		margin-top: 45px;
		height: auto !important;
		overflow-y:visible;
	}
	.mxdyty .listy ul
	{
		height: auto !important;
		overflow-y:visible;
	}
	.site-list-block {
    height: auto !important;
}
	
}

@media only screen and (max-width: 391px) {
    .mxdyty .listy ul li {
    	width: 100%;
}
	.mxdyty .listy ul {
		columns: 2;
   		-webkit-columns: 2;
   		-moz-columns: 2;
	}
	.listy {
		padding: 0 5px !important;
	}
    .navbar button {
        margin-top: 0;
    }
    .navbar .navbar-brand img {
        width: 190px;
    }
    .navbar {
        align-items: flex-start;
    }
}
/* Akash CSS 14-09-2023 END */

.footerSlid .item {
    text-align:center;
    line-height: 30px;
	    font-size: 19px;
}
.solsdDomain h6{
    text-align:center;
}

/*------------Side CSS--------------*/

.popular_domain_section .rigtsec_carousel .mxdyty {
	padding:0 6px;
}

/* to remove slide effect  css */
 .animated  {
      -webkit-animation-duration : 0 ms  !important;
      animation-duration : 0 ms  !important;
      -webkit-animation-fill-mode : both  !important;
      animation-fill-mode : both  !important;
    }  
    
    
    .fadeOut  {
      -webkit-animation-name : fadeOut  ;
      animation-name : fadeOut  ;
    }  
    @-webkit-keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }  
      100% {
        opacity : 0   ;
      }  
    }
    @keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }  
      100% {
        opacity : 0   ;
      }  
    }

.listy{
    overflow: hidden;
    padding: 0px 10px;

}
/* kritika : modify css */
.site_right h5, .site_right h4 {
    display: inline-block;
    padding: 6px 8px;
    margin: 0;
}
.site_right span{text-align:center; display:block; border-bottom: 2px solid var(--primary-color);}
.popular_domain_section .site-list-block .site_updtd.catfilterpage li a {
    flex-direction:column
}


@media only screen and (max-width: 280px) {
	.mxdyty .listy ul {
		moz-column-count:1;
  		-webkit-column-count:1;
  		column-count:1;
	}
}

/* Sohail css for scroll to top */
.scroll-to-top a {
    background-color: #ece1cc;
    display: none;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    float: right;
    margin-bottom: 50px;
    margin-right: 10px;
}

.scroll-to-top a i {
    color: #0d6b0d;
    text-align: center;
    display: block;
    padding-top: 7px;
    font-size: 25px;
}