/*!
Theme Name: Hive Support
Theme URI: https://hiveplugins.com/
Author: Asad
Author URI: https://asaduzzaman.me/
Description: Hive Support Custom Theme for Personal Used.
Version: 1.0.35
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hive-support
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.banner__button {
    margin-bottom: 35px;
}

.section__background {
    background-image: url('assets/img/welcome/banner_button_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}

.get__report {
    padding: 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.growth__area {
    padding: 80px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.hive_banner {
    padding-top: 85px;
}

.hive_welcom_banner_area {
    background: #151A43;
    height: 977px;
    padding-top: 100px;
    /*	position: relative;*/
}

.hive_banner__content_yello h2 {
    font-size: 60px;
    line-height: 72px;
    position: relative;
}

.hive_banner__content_yello h2::before {
    position: absolute;
    content: '';
    background-image: url('assets/img/welcome/title_design.png');
    left: 41%;
    top: 47%;
    width: 230px;
    height: 35px;
    background-repeat: no-repeat;
}

.banner__iconset ul.iconset {
    margin: 0;
    padding: 0;
    list-style: none;
}

.banner__iconset ul.iconset li {
    display: inline-block;
}

.banner__iconset ul.iconset li a {
    padding: 20px;
}

.banner__iconset {
    margin-top: 10%;
}

.banner_image {
    margin-top: -20%;
}

/*banner button css*/
.hive_welcom_banner_area .hive_banner__btn .hive_btn {
    border-radius: 49px;
    border: 1px solid #DADADA;
    background: #5F52DF;
    color: var(--text-color-white, #FFF);
    text-align: center;
    font-size: 16px;
    height: 70px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: space-between;
    padding: 0px 33px;
    width: 285px;
}

.hive_welcom_banner_area .hive_banner__btn .hive_btn i {
    margin-left: 20px;
    background: #FFF;
    PADDING: 11px 12px;
    border-radius: 50px;
    color: #000;
    font-size: 18px;
}

/* .hive_btn.btn_bg_white:hover i {
	background: #5F52DF;
	color: #fff;
} */
.hive_welcom_banner_area .hive_banner__btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.drak_bg::before {
    position: absolute;
    content: '';
    background-image: url('assets/img/welcome/drak_bg.png');
    left: 41%;
    top: 95%;
    width: 230px;
    height: 35px;
    background-repeat: no-repeat;
}

.live__chat {
    padding: 50px 0;
}

.live_chat_icon {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 25px;
}

.live_chat_icon i {
    float: left;
    padding: 8px;
    margin-right: 15px;
    background: #5F52DF;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    margin-top: 0px;
}

.live_chat_icon p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.live_chat_right {
    padding: 28% 0px;
}

.live_chat_right h2 {
    font-family: 'Plus Jakarta Sans', 'sans-serif;';
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
	margin-bottom: 35px;
}

.live_chat_right span {
    color: #5F52DF ;
}

.banner__iconset ul.iconset {
    display: flex;
    justify-content: center;
}

.banner__iconset ul.iconset li {
    flex: auto;
}

/*get support css*/
.get_support_left {
    margin-top: 25%;
}

.get_support_left h2 {
    font-family: 'Plus Jakarta Sans', 'sans-serif;';
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 15px;
}

.get_support_left h2 span {
    color: #FE7747;
}

.get_support_left p {
    color: #000000;
}


/*get report button css*/

.get__report_button {
    padding: 50px 0;
}

.get_support_button_right {
    margin-left: 10%;
}

.get_support_button_right h2 {
    font-family: 'Plus Jakarta Sans', 'sans-serif;';
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    margin-top: 10%;
    margin-bottom: 15px;
}

.get_support_button_right h2 span {
    color: #FE7747;
}

.get_support_button_right p {
    color: #000000;
}

/*delight customer*/

.delight__customer {
    padding-top: 50px;
    padding-bottom: 70px;
    position: relative;
}

.row.delight_card {
    margin-top: 50px;
}

.delight__customer .hive_banner__content .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
}

.delight_title {
    margin-top: 30px;
    margin-bottom: 15px;
}

.row.delight_card p {
    font-weight: 500;
    color: #475467;
}

.delight__customer .drak_bg::before {
    position: absolute;
    content: '';
    background-image: url('assets/img/welcome/drak_bg.png');
    left: 77%;
    top: 51%;
    width: 230px;
    height: 35px;
    background-repeat: no-repeat;
}

/*growth area css*/
.tab__list {}

.tab__list ul.nav {
    display: block;
}

.tab__list ul.nav li {}

.tab__list ul.nav li a {
    padding: 20px;
    font-size: 22px;
    color: #000;
}

.tab__list ul.nav li p {
    padding: 20px;
    background: #fff;
    border-bottom: 3px solid #FE7747;
    color: #000;
}

.growth__area h2.title {
    position: relative;
}

.row.flax {
    display: flex;
    align-items: center;
}

.growth__area .drak_bg::before {
    position: absolute;
    content: '';
    background-image: url('assets/img/welcome/drak_bg.png');
    left: 41%;
    top: 96.5%;
    width: 225px;
    height: 27px;
    background-repeat: no-repeat;
}

.title.drak_bg {
    margin-bottom: 20px;
}

.tab__list ul.nav li a.active {
    color: #5f52df;
}

/*social media css*/
.social__media {
    padding: 60px 0;
}

.get_pro_button {
    background: #FE7747;
    color: #fff;
    padding: 10px 35px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
}
.assist__right {
    text-align: right;
}
.add_private_right {
    text-align: right;
}
.get_social_button_right p {
    color: #000000;
    font-size: 14px;
    margin-bottom: 20px;
}

.right__social_content {
    margin-top: 15%;
}

/*testimonial css*/

.testimonial_area .section_title {
    background-image: url('assets/img/welcome/banner_button_bg.png');
    background-repeat: no-repeat;
}

.single_testimonial.active_body.radius-20 {
    background: #5F52DF;
    height: 300px;
    top: -50px;
}

.single_testimonial.active_body.radius-20 h4,
.single_testimonial.active_body.radius-20 p,
.single_testimonial.active_body.radius-20 h6,
.single_testimonial.active_body.radius-20 span {
    color: #fff;
}

.single_testimonial {
    position: relative;
}

.single_testimonial::before {
    position: absolute;
    content: '';
    background-image: url('assets/img/welcome/Quote.png');
    width: 30%;
    height: 35%;
    background-repeat: no-repeat;
    bottom: 8px;
    right: 5px;
}

.row.testimonial_padding {
    margin: 4% 0;
}

.section_title.section_flex {
    padding-bottom: 50px;
}

.single_padding {
    margin-bottom: 16%;
}

/*assist customer css*/
/* .assist_customer {
    background-image: url('assets/img/welcome/assist_bg.png');
    position: relative;
    background-size: cover;
} */

.assist__left {
    margin-top: 15%;
}

.assist__left span {
    color: #FE7747;
}

.assist__left h2 {
    color: #000;
    font-weight: 700;
}

.assist__left p {
    color: #475467;
    padding: 20px 0;
}

.assist_coming {
    position: absolute;
    top: 37%;
    left: -6%;
}

/*.customer details css*/

.customer__details {
    margin-top: 100px;
}

.customer__details .assist_customer_bg{ 
    padding-top: 50px; 
    padding-bottom: 50px;
} 
 
.customer_detail_left h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
}

.customer_detail_left span {
    color: #FE7747;
}

.customer_detail_left p {
    color: #475467;
    padding: 40px 0;
}

/*add private public*/
.add_private_public .assist_customer_bg{
    margin-top: 50px;
    /* padding-top: 50px;
    background-image: url('assets/img/welcome/assist_bg.png');
    background-size: cover; */
}
.add_private_public .assist_customer_bg{
    padding-top: 50px;
}

.add_private_left h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
}

.add_private_left span {
    color: #FE7747;
}

.add_private_left p {
    color: #475467;
    padding: 40px 0;
}

.portal__support {
    margin-bottom: 100px;
}

/*portal support*/
.portal__support .assist_customer_bg{
    margin-top: 100px;
    /* padding-top: 50px;
    background-image: url('assets/img/welcome/assist_bg.png');
    background-size: cover; */
}
.portal__support .assist_customer_bg{
   padding-top: 50px; 
}
.portal_support_left h2,
.add_private_left h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
}

.portal_support_left span,
.add_private_left span {
    color: #FE7747;
}

.portal_support_left p,
.add_private_left p {
    color: #475467;
    padding: 40px 0;
}

/*add private left*/

/*footer top*/
/* .footer__top {
    background-image: url('assets/img/welcome/foote_up_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
} */

.portal_support_left {}

.footer_top_left h2 {
    color: #fff;
}

.footer_top_left p {
    color: #fff;
    padding: 40px 0;
}

.footer_top_left .get_pro_button {
    background: #FECB32;
    color: #000;
    padding: 8px 20px;
    border-radius: 6px;
}

@media (min-width: 320px) and (max-width: 767.98px) {
    .banner__iconset ul.iconset li {
        margin-bottom: 10%;
        text-align: center;
    }

    .hive_welcom_banner_area {
        height: auto;
    }

    .hive_banner__content_yello h2 {
        font-size: 30px;
        line-height: 35px;
        position: inherit;
    }

    .assist__right,
    .customer_detail_right,
    .add_private_right,
    .portal_support_right {
        margin-top: 10%;
    }

    .get_support_button_right {
        margin-left: 0;
    }

    .banner_image {
        margin-top: 0;
    }

    .live__chat {
        padding: 0;
    }

    .delight__customer .drak_bg::before {
        left: 54%;
        width: 49%;
    }

    .row.delight_card p {
        margin-bottom: 30px;
    }

    .single_testimonial {
        margin-bottom: 17%;
    }

    .assist__left {
        margin-bottom: 15%;
    }

    .hive_banner__content_yello h2::before {
        left: 27%;
    }

    .hive_welcom_banner_area {
        padding-top: 40px;
    }

    .hive_welcom_banner_area .hive_banner__btn .hive_btn {
        font-size: 15px;
        padding: 0px 20px;
        width: 230px;
        height: 53px;
    }

    .banner__button {
        margin-top: 35px;
    }

    .growth__area .drak_bg::before,
    .delight__customer .drak_bg::before,
    .hive_banner__content_yello h2::before,
    .drak_bg::before {
        position: inherit;
    }

    .live__chat h2.title {
        font-size: 25px;
        line-height: 30px;
        font-weight: bold;
        margin-top: -40px;
    }

    .live_chat_right {
        padding: 10% 0px;
    }

    .get_support_button_right h2,
    .get_support_left h2,
    .live_chat_right h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .get_support_left {
        margin-top: 5%;
    }

    .delight__customer .hive_banner__content .title {
        font-size: 35px;
        line-height: 45px;
    }

    .delight__customer {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .portal_support_left h2,
    .add_private_left h2,
    .customer_detail_left h2,
    .assist__left h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .assist__left {
        margin-left: 5%;
        margin-right: 5%;
    }

    .padding-bottom-150 {
        padding-bottom: 50px;
    }

    .padding-top-150 {
        padding-top: 50px;
    }

    .assist__right {
        margin-top: 30px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .add_private_right,
    .portal_support_right,
    .customer_detail_right,
    .assist__right {
        margin-top: 30px;
        text-align: center;
    }

    .delight__customer .drak_bg::before {
        left: 30%;
        top: 103%;
        width: 230px;
        height: 35px;
    }
}

/* Affiliate Template page style */
:root {
    --BLACK-5: rgba(102, 112, 133, 1);
    --BLACK-2: rgba(29, 41, 57, 1);
    --BLACK-1: #101828;
    --white: #ffffff;
}
.affiliate_hero{
    background: #FFF; 
    /* height: 734px; */
    display: flex;
    align-items: center;
    padding: 70px 0px;
}
.ah_left p{
    color: var(--BLACK-5, #667085); 
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; 
    margin-bottom: 8px;
}
.ah_left h1{
    color: var(--BLACK-2, #1D2939); 
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
}
span.heading_sub{
    color: #5F52DF; 
    display: inline-block;
}
a.apply_now{
    border-radius: 10px;
    background: #5F52DF;
    color: var(--white, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    flex-shrink: 0;
    display: inline-block;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    margin-top: 45px;
    padding: 20px 58px;
}
a.apply_now:hover{
    background-color: #D9724B;
}
section.affiliate_benefit{
    background: #1D1A51;
    height: 220px;
    display: flex;
    align-items: center;
}
.single_benefit{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.benefit_right h2{
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0px;
}
.benefit_right p{
    color: rgba(255, 255, 255, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
}

section.affiliate_journey{
    background: #FFF;
    padding-top: 124px;
    padding-bottom: 100px;
}
.journey_header h2{
    color: var(--BLACK-1, #101828); 
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; 
    margin-bottom: 68px;
}
.row.journey_box_section {
    display: flex;
    align-items: flex-end;
}
.journey_box{
    border-radius: 20px;
    background: #F5F4FE;
    height: 315px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 30px;
}
.journey_box.active{
    height: 350px; 
    background: #20124F;
}
.journey_box.active p,
.journey_box.active h3,
.journey_box.active span{
    color: var(--white, #fff);
}
.journey_box span{
    color: #373737;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 25px;
    display: block;
}
.journey_box h3{
    color: var(--BLACK-1, #101828);
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 15px;
}
.journey_box p{
    color: var(--BLACK-3, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.partnership_bg,
.affiliate_journey_bg{
    position: relative;
    z-index: 1;
}
.affiliate_journey_bg::after{
    position:absolute;
    content:"";
    top:-70px;
    bottom: auto;
    right: auto;
    left: -10px;
    width: 100%;
    height: 73%; 
    z-index: -1;
}
.partnership_bg::after{
    position:absolute;
    content:"";
    top:0px;
    bottom: auto;
    right: auto;
    left: 0px;
    width: 100%;
    height: 100%; 
    z-index: -1;
}
.affiliate_guidelines{
    background: #F2F2FF;
    padding: 90px 0px;
}
.guidelines_title h2{ 
color: var(--BLACK-1, #101828); 
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; 
    margin-bottom: 60px;
}
.single_guideline{
    border-radius: 10px;
    padding: 65px;
    background: #FFF;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
}
.single_guideline h2{
    color: #20124F; 
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px; 
    margin-bottom: 50px;
}
.single_guideline.guide_right ul li i,
.single_guideline.guide_right h2{
    color: #D9724B; 
}
.single_guideline ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.single_guideline ul li{
    color: var(--BLACK-3, #344054);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    margin-bottom: 25px;
} 
.single_guideline ul li i {
    margin-right: 20px;
    line-height: 30px;
}
.single_guideline.guide_left {
    padding-bottom: 43px;
}
.partnership a.apply_now,
.super_left a.apply_now,
.affiliate_guidelines a.apply_now{
    margin-top: 83px;
    background: #D9724B;
}
.partnership a.apply_now:hover{
    background: #fff;
    color:#D9724B ;
}
.super_left a.apply_now:hover,
.affiliate_guidelines a.apply_now:hover{ 
    background: #202020;
}
.affiliate_super{
    background: #FFF;
    margin: 80px 0px;
}
.affiliate_super .super{
    border-radius: 15px;
    background: #F2F2FF;
    padding-left: 120px;
    padding-top: 82px;
    padding-bottom: 62px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.affiliate_super .super:after{
    position: absolute;
    content: "";
    top: auto;
    bottom: 0px;
    right: 20px;
    left: auto;
    width: 38%;
    height: 100%;
    z-index: -1;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
}
.super .super_left p.exc{
    position: absolute;
    margin: 0px;
    left: -32%;
    top: 43%;
    transform: rotate(270deg);
    background: #fd723b;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 16px;
}
.super_left h2{
    color: var(--BLACK-1, #101828); 
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}
.super_left h3{
    color: var(--BLACK-1, #101828); 
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; 
    margin-bottom: 20px;
}
.super_left p{
    color: var(--BLACK-4, #475467); 
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; 
    margin-bottom: 10px;
}
.super_left a.apply_now{
    margin-top: 0px;
}
.affiliate_partnership{
    background: #1D1A51;
    padding: 40px 0px;
}
.partnership {
    padding: 0px 120px;
}
.partnership h2{
    color: var(--white, #FFF); 
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    padding-bottom: 30px;
}
.partnership p{
    color: var(--white, #FFF); 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 0px 160px;
} 
.partnership a.apply_now{
    margin-top: 0px;
    padding: 15px 40px;
}
.container.partnership_bg {
    padding: 30px 0px;
}
.ah_right img {
    max-width: 100%;
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.affiliate_hero { 
    height: inherit; 
    padding: 30px 0px;
}
.ah_left h1 { 
    font-size: 34px; 
    line-height: 42px;
}
.ah_right {
    margin-top: 40px;
}
a.apply_now { 
    margin-top: 20px;
    padding: 15px 30px;
    font-size: 18px;
    line-height: 20px;
}
section.affiliate_benefit { 
    height: inherit; 
    padding: 40px 0px;
}
.benefit_right h2 { 
    font-size: 20px; 
    line-height: 20px;
}
.benefit_right p { 
    line-height: 20px; 
}
.single_benefit { 
    align-items: flex-start; 
    margin-bottom: 30px;
}
section.affiliate_journey { 
    padding-top: 60px;
    padding-bottom: 60px;
}
.affiliate_journey_bg::after { 
    top: 0px; 
    left: 0px; 
    height: 20%; 
}
.journey_header h2 { 
    font-size: 34px;  
    line-height: 40px; 
}
.journey_box { 
    height: inherit; 
    padding: 20px 20px !important;
    margin-bottom: 25px;
}
.journey_box h3 { 
    font-size: 23px;  
    line-height: 30px;
    margin-bottom: 5px;
}
.journey_box span { 
    margin-bottom: 12px; 
}
.journey_box.active {
    height: inherit; 
}
.affiliate_guidelines { 
    padding: 40px 0px;
}
.guidelines_title h2 { 
    font-size: 33px;  
    line-height: 40px;
    margin-bottom: 40px;
}
.single_guideline { 
    padding: 30px; 
}
.single_guideline h2 { 
    margin-bottom: 30px;
}
.single_guideline ul li { 
    line-height: 21px; 
    margin-bottom: 18px;
}
.single_guideline.guide_right {
    margin-top: 25px;
}
.affiliate_guidelines a.apply_now {
    margin-top: 35px; 
}
.affiliate_super .super { 
    padding-left: 20px;
    padding-top: 75px; 
    padding-right: 20px;
}
.affiliate_super .super:after { 
    top: auto;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 100%;
    height: 100%; 
    background-position: center bottom !important;
}
.super_left h3 { 
    font-size: 24px; 
    margin-bottom: 10px;
}
.super .super_left p.exc { 
    left: 31%;
    top: 0px;
    transform: rotate(0deg); 
}
.super_left h2 { 
    font-size: 34px; 
}
.partnership {
    padding: 0px;
}
.partnership h2 { 
    font-size: 24px; 
    line-height: 33px;
    padding-bottom: 20px;
}
.partnership p { 
    padding: 0px;
}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
.affiliate_hero {
        height: inherit;
        padding: 30px 0px;
    }

    .ah_left h1 {
        font-size: 34px;
        line-height: 42px;
    }

    a.apply_now {
        margin-top: 20px;
        padding: 15px 30px;
        font-size: 18px;
        line-height: 20px;
    }

    section.affiliate_benefit {
        height: inherit;
        padding: 40px 0px;
    }

    .benefit_right h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .benefit_right p {
        line-height: 20px;
    }

    .single_benefit {
        align-items: flex-start;
        margin-bottom: 30px;
    }

    section.affiliate_journey {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .affiliate_journey_bg::after {
        top: 0px;
        left: 0px;
        height: 20%;
    }

    .journey_header h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .journey_box {
        height: inherit !important;
        padding: 20px 20px;
        margin-bottom: 25px;
    }

    .journey_box h3 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .journey_box span {
        margin-bottom: 12px;
    }

    .journey_box.active {
        height: inherit;
    }

    .affiliate_guidelines {
        padding: 40px 0px;
    }

    .guidelines_title h2 {
        font-size: 33px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .single_guideline {
        padding: 30px !important;
        height: inherit !important;
    }

    .single_guideline h2 {
        margin-bottom: 30px;
    }

    .single_guideline ul li {
        line-height: 21px;
        margin-bottom: 18px;
    }

    .single_guideline.guide_right {
        margin-top: 25px;
    }

    .affiliate_guidelines a.apply_now {
        margin-top: 35px;
    }
    .affiliate_super .super {
        padding-left: 20px;
        padding-top: 75px;
        padding-right: 20px;
    }
    .super_left h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .super .super_left p.exc {
        left: 31%;
        top: 0px;
        transform: rotate(0deg);
    }
    .super_left h2 {
        font-size: 34px;
    }
    .partnership {
        padding: 0px;
    }

    .partnership h2 {
        font-size: 24px;
        line-height: 33px;
        padding-bottom: 20px;
    }

    .partnership p {
        padding: 0px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.affiliate_hero { 
    height: inherit; 
    padding: 50px 0px;
}
.ah_left h1 { 
    font-size: 48px; 
    line-height: 55px;
}
a.apply_now { 
    margin-top: 25px; 
}
.single_benefit { 
    flex-direction: column;
    align-items: flex-start;
}
.benefit_right h2 { 
    font-size: 18px; 
    line-height: 25px;
    margin-bottom: 0px;
}
section.affiliate_journey { 
    padding-top: 90px;
    padding-bottom: 90px;
}
.journey_header h2 { 
    font-size: 36px; 
    line-height: 45px;
    margin-bottom: 55px;
}
.affiliate_journey_bg::after { 
    top: -20px; 
    left: 0px; 
    height: 80%;
    z-index: -1;
}
.journey_box { 
    height: 400px !important;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px !important;
}
.journey_box span {  
    margin-bottom: 15px; 
}
.journey_box h3 { 
    font-size: 22px; 
    margin-bottom: 15px;
}
.row.journey_box_section {
    display: flex;
    align-items: flex-start;
}
.journey_box.active {
    height: 250px;
}
.single_guideline { 
    padding: 35px; 
    height: 610px;
}
.single_guideline h2 { 
    margin-bottom: 25px;
}
.single_guideline ul li { 
    margin-bottom: 20px;
}
.partnership p,
.partnership {
    padding: 0px;
}

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .partnership p,
    .partnership {
            padding: 0px;
        }
    .single_guideline { 
        height: 620px;
    }
    .journey_box { 
        height: 355px; 
        padding: 0px 30px;
    }
    .journey_box.active {
        height: 400px; 
    }
}
/* X-Small devices (portrait phones, less than 576px) */
@media (min-width: 320px) and (max-width: 575.98px) {
    .affiliate_hero {
        height: inherit;
        padding: 30px 0px;
    }

    .ah_left h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .ah_right {
        margin-top: 40px;
    }

    a.apply_now {
        margin-top: 20px;
        padding: 15px 30px;
        font-size: 18px;
        line-height: 20px;
    }

    section.affiliate_benefit {
        height: inherit;
        padding: 40px 0px;
    }

    .benefit_right h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .benefit_right p {
        line-height: 20px;
    }

    .single_benefit {
        align-items: flex-start;
        margin-bottom: 30px;
    }

    section.affiliate_journey {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .affiliate_journey_bg::after {
        top: 0px;
        left: 0px;
        height: 20%;
    }

    .journey_header h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .journey_box {
        height: inherit;
        padding: 20px 20px !important;
        margin-bottom: 25px;
    }

    .journey_box h3 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .journey_box span {
        margin-bottom: 12px;
    }

    .journey_box.active {
        height: inherit;
    }

    .affiliate_guidelines {
        padding: 40px 0px;
    }

    .guidelines_title h2 {
        font-size: 33px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .single_guideline {
        padding: 30px;
    }

    .single_guideline h2 {
        margin-bottom: 30px;
    }

    .single_guideline ul li {
        line-height: 21px;
        margin-bottom: 18px;
    }

    .single_guideline.guide_right {
        margin-top: 25px;
    }

    .affiliate_guidelines a.apply_now {
        margin-top: 35px;
    }

    .affiliate_super .super {
        padding-left: 20px;
        padding-top: 75px;
        padding-right: 20px;
    }

    .affiliate_super .super:after {
        top: auto;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 100%;
        height: 100%;
        background-position: center bottom !important;
    }

    .super_left h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .super .super_left p.exc {
        left: 31%;
        top: 0px;
        transform: rotate(0deg);
    }

    .super_left h2 {
        font-size: 34px;
    }

    .partnership {
        padding: 0px;
    }

    .partnership h2 {
        font-size: 24px;
        line-height: 33px;
        padding-bottom: 20px;
    }

    .partnership p {
        padding: 0px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .affiliate_hero {
        height: inherit;
        padding: 30px 0px;
    }

    .ah_left h1 {
        font-size: 34px;
        line-height: 42px;
    }

    a.apply_now {
        margin-top: 20px;
        padding: 15px 30px;
        font-size: 18px;
        line-height: 20px;
    }

    section.affiliate_benefit {
        height: inherit;
        padding: 40px 0px;
    }

    .benefit_right h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .benefit_right p {
        line-height: 20px;
    }

    .single_benefit {
        align-items: flex-start;
        margin-bottom: 30px;
    }

    section.affiliate_journey {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .affiliate_journey_bg::after {
        top: 0px;
        left: 0px;
        height: 20%;
    }

    .journey_header h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .journey_box {
        height: inherit !important;
        padding: 20px 20px;
        margin-bottom: 25px;
    }

    .journey_box h3 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .journey_box span {
        margin-bottom: 12px;
    }

    .journey_box.active {
        height: inherit;
    }

    .affiliate_guidelines {
        padding: 40px 0px;
    }

    .guidelines_title h2 {
        font-size: 31px;
        line-height: 37px;
        margin-bottom: 40px;
    }

    .single_guideline {
        padding: 30px !important;
        height: inherit !important;
    }

    .single_guideline h2 {
        margin-bottom: 30px;
    }

    .single_guideline ul li {
        line-height: 21px;
        margin-bottom: 18px;
    }

    .single_guideline.guide_right {
        margin-top: 25px;
    }

    .affiliate_guidelines a.apply_now {
        margin-top: 35px;
    }

    .affiliate_super .super {
        padding-left: 20px;
        padding-top: 75px;
        padding-right: 20px;
    }

    .super_left h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .super .super_left p.exc {
        left: 31%;
        top: 0px;
        transform: rotate(0deg);
    }

    .super_left h2 {
        font-size: 34px;
    }

    .partnership {
        padding: 0px;
    }

    .partnership h2 {
        font-size: 24px;
        line-height: 33px;
        padding-bottom: 20px;
    }

    .partnership p {
        padding: 0px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .affiliate_hero {
        height: inherit;
        padding: 50px 0px;
    }

    .ah_left h1 {
        font-size: 48px;
        line-height: 55px;
    }

    a.apply_now {
        margin-top: 25px;
    }

    .single_benefit {
        flex-direction: column;
        align-items: flex-start;
    }

    .benefit_right h2 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    section.affiliate_journey {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .journey_header h2 {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 55px;
    }

    .affiliate_journey_bg::after {
        top: -20px;
        left: 0px;
        height: 80%;
        z-index: -1;
    }

    .journey_box {
        height: 400px !important;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px !important;
    }

    .journey_box span {
        margin-bottom: 15px;
    }

    .journey_box h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .row.journey_box_section {
        display: flex;
        align-items: flex-start;
    }

    .journey_box.active {
        height: 400px;
    }

    .single_guideline {
        padding: 35px;
        height: 610px;
    }

    .single_guideline h2 {
        margin-bottom: 25px;
    }

    .single_guideline ul li {
        margin-bottom: 20px;
    }

    .partnership p,
    .partnership {
        padding: 0px;
    }

}

/* LTD style */
.page-template-ltd span.heading_sub {
    color: #FE7747;
}

.page-template-ltd .hive_affiliatebanner__subtitle {
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    background: #FE7747;
    padding: 5px 7px;
    border-radius: 5px;
}

.page-template-ltd .hive_affiliatebanner__title:hover {
    color: inherit !important;
}

.page-template-ltd .hive_ltdFeature__title {
    font-size: 42px;
}

.automation.hive_ltdFeature__single {
    padding: 52px 15px;
}

.assign.hive_ltdFeature__single {
    padding: 64px 15px;
}

.page-template-ltd .hive_ltdbusiness__wrapper__title {
    font-size: 42px;
}

.page-template-ltd .delight__customer .drak_bg::before {
    position: absolute;
    content: '';
    background-image: url(assets/img/ltd/drak_bg2.png);
    left: 77%;
    top: 51%;
    width: 230px;
    height: 35px;
    background-repeat: no-repeat;
}

.container.assist_customer_bg {
    position: relative;
}

.customer__details .container.assist_customer_bg .row {
    align-items: center;
}

.container.assist_customer_bg:after {
    content: "";
    width: 114%;
    height: 100%;
    top: 0;
    left: -6%;
    background: #F5F4FE;
    border-radius: 15px;
    position: absolute;
    z-index: -1;
}

.page-template-ltd .customer_detail_left h2,
.page-template-ltd .assist__left h2 {
    font-size: 42px;
}

.page-template-ltd .social__media {
    margin-bottom: 100px;
    margin-top: 50px;
}

.page-template-ltd .hive_ltdGaurantee__wrapper__image {
    margin-right: 8%;
}

.page-template-ltd .hive_ltdGaurantee__wrapper__contents {
    margin-left: 8%;
}

.page-template-ltd .assist_coming {
    position: absolute;
    top: 40%;
    left: -6%;
}

.footer__bottom_bg {
    background-image: url('assets/img/backgrounds/cta.webp');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    margin-bottom: 90px;
    border-radius: 10px;
}

.page-template-ltd .hive_btn.btn_bg_1 {
    background-color: #fe7747;
    border-color: #fe7747;
    color: var(--white);
}
.page-template-ltd .hive_btn.btn_bg_1:hover {
    background-color: #ffffff;
    border-color: #fe7747;
    color: #fe7747;
}
@media (min-width: 370px) and (max-width: 575.98px) {
    .page-template-ltd .hive_ltdFeature__title {
        font-size: 36px;
    }

    .page-template-ltd .delight__customer .drak_bg::before {
        position: inherit;
    }

    .page-template-ltd .customer_detail_left h2,
    .page-template-ltd .assist__left h2 {
        font-size: 36px;
        line-height: 1.2em;
    }

    .page-template-ltd .customer_detail_left {
        margin: 20px;
    }

    .page-template-ltd .right__social_content {
        margin-left: 20px;
        margin-right: 20px;
    }

    .container.assist_customer_bg:after {
        width: 100%;
        left: 0%;
    }

    .page-template-ltd .assist_coming {
        top: 24%;
        left: 0%;
    }

    .page-template-ltd .footer__bottom_bg {
        padding: 20px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .page-template-ltd .delight__customer .drak_bg::before {
        left: 47%;
        top: auto;
        bottom: -40px;
    }

    .page-template-ltd .customer_detail_left h2,
    .page-template-ltd .assist__left h2 {
        font-size: 36px;
    }

    .container.assist_customer_bg:after {
        width: 100%;
        left: 0%;
    }

    .page-template-ltd .assist_coming {
        top: 50%;
        left: 0%;
    }

    .page-template-ltd .footer__bottom_bg {
        padding: 20px;
    }

    .page-template-ltd .customer_detail_left {
        margin: 20px;
    }

    .page-template-ltd .right__social_content {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1198px) {
    .container.assist_customer_bg:after {
        width: 100%;
        left: 0%;
    }

    .page-template-ltd .customer_detail_left h2,
    .page-template-ltd .assist__left h2 {
        font-size: 36px;
    }

    .page-template-ltd .assist_coming {
        top: 50%;
        left: 0%;
    }

    .page-template-ltd .footer__bottom_bg {
        padding: 20px;
    }

    .page-template-ltd .customer_detail_left {
        margin: 20px;
    }

    .page-template-ltd .assist__left {
        margin: 20px !important;
    }

    .page-template-ltd .right__social_content {
        margin-left: 20px;
        margin-right: 20px;
    }

    .page-template-ltd .hive_ltdGaurantee__wrapper__contents {
        margin-left: 0%;
    }
}


#price_section_1 div#nav-tab {
    background: #fd723b;
    padding: 17px;
    border-radius: 100px 100px 100px 100px;
    margin-bottom: 60px;
    display: inline-block;
}
#price_section_1 div#nav-tab button {
    width: 120px;
    background: #fd723b;
    padding: 12px;
    display: inline-block;
    border-radius: 100px 100px 100px 100px;
    border: 0;
    color: #fff;
}
#price_section_1 div#nav-tab button.active {
    background: #fff;
    color: #fd723b;
}
#price_section_1 nav.price-table-tab {
    text-align: center;
    margin-top: 0px;
}
.hive_pricing__single__price del {
    font-size: 24px;
    color: #a5a5a5;
}

.banner-right-play {
    position: absolute;
    top: 19%;
    left: 40%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 110px;
    height: 110px
}

.banner-right-play:after {
    position: absolute;
    content: "";
    top: 12%;
    left: 12%;
    width: 75%;
    height: 75%;
    z-index: 9999;
    transform: scale(1);
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    animation: pulse-black 2s infinite;
    border-radius: 50%
}

@keyframes pulse-black {
    0% {
        box-shadow: 0 0 0 0 rgba(253,114,59,.27)
    }

    100% {
        box-shadow: 0 0 0 50px rgba(0,0,0,0)
    }
}

.ch-text-element,
.lc-text-element {
    position: relative;
}
.ch-text-element::before {
    position: absolute;
    content: '';
    background-image: url(https://wpcommerz.s3.eu-north-1.amazonaws.com/wp-content/uploads/2023/02/3dots.png.webp);
    right: -48px;
    top: 18px;
    width: 33px;
    height: 64px;
    background-repeat: no-repeat;
}
.lc-text-element::before {
    position: absolute;
    content: '';
    background-image: url(https://wpcommerz.s3.eu-north-1.amazonaws.com/wp-content/uploads/2023/02/rect.png.webp);
    left: 13%;
    top: 95%;
    width: 230px;
    height: 35px;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 360px) {
  .hive_banner__content__title {
    font-size: 53px !important;
    line-height: 61px !important;
    }
    .logo-wrapper img {
        width: 170px;
    }
    
    .container.assist_customer_bg:after {
        width: 100%;
        left: 0%;
    }
}