/*------------------------------------------------------------------
[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&display=swap');

html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Inter', sans-serif;
}
:root {
    --e-global-color-primary: #292b33;
    --e-global-color-secondary: #fa0068;
    --e-global-color-text: #646773;
    --e-global-color-accent: #0061ff;
	--e-global-color-white: #ffffff;
    --e-global-color-pure-cyan: #00f6ff;
    --e-global-color-soft-red: #fb7a62;
    --e-global-color-dark-blue: #120086;
    --e-global-color-grayish-blue: #f2f5fa;
}

h1{
    font-family: 'Inter', sans-serif;
    font-size: 54px;
    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;
    font-weight: 700;
}
h4{
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
h5{
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
h6{
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
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);
}
.banner-section-outer{
    background-image: url('../images/banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner-section-outer .top_portion{
    background-image: url('../images/banner_top_portion.png');
    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-pure-cyan);
}
.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;
}
.top_portion .second_list li a:hover {
    color: var(--e-global-color-pure-cyan);
}
.top_portion .second_list li i{
    margin-right: 5px;
    background-color: #2433a4;
    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: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a:hover{
    color: var(--e-global-color-pure-cyan) !important;
}
.navbar-nav .active > a{
    color: var(--e-global-color-pure-cyan) !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: 140px 0 240px;
}
.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: var(--e-global-color-pure-cyan);
}
.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: -108px;
    left: -6px;
}
.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-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: var(--e-global-color-pure-cyan);
}
.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-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 210px 0 50px;
    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: var(--e-global-color-pure-cyan);
    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-pure-cyan);
}
.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: url("../images/footer_bottom_portion.jpg");
    padding: 34px 0;
}
.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: -8px;
}
.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%);
}
.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: 93%;
    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: 112px 0 55px;
}
.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: 95px 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: 120px 0 55px;
}
.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;
    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%);
}