/* home page design */


/* header */


.page_v11 .header {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/home_v11_bg.webp);
    background-position: center bottom;
    background-repeat: no-repeat !important;
}

.header_video video,
.header_video .videobx {
    width: 100%;
    border-radius: 24px;
    border: 3px solid #D5D7DA;
    box-shadow: 0px 16px 48px 0px rgba(38, 38, 38, 0.05), 0px 7.535px 45.209px 0px rgba(38, 38, 38, 0.05);
}

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

.sp_ul_brak ul li {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    color: #56606E;
}


.sp_ul_brak ul li:not(:first-child)::before {
    display: inline-block;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    color: #6c757d;
    content: "|";
}


.hero_top_icons::before {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/home_v11_left.png');
    position: absolute;
    z-index: -1;
    left: -50px;
    top: 10px;
}


.hero_top_icons::after {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/home_v11_right.png');
    position: absolute;
    z-index: -1;
    right: -50px;
    top: 10px;
}


@media (max-width: 1199.98px) {

    .hero_top_icons::before,
    .hero_top_icons::after {
        display: none;
    }

}

@media (max-width: 991.98px) {

    .page_v11 .header {
        background: linear-gradient(180deg, #EDF4FF 13.33%, #FFF 97.9%) !important;
    }

    .header_video video {
        border-radius: 8px;
    }

}


/* header */



/* button */

.sp_grp_btn {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.sp_btn {
    border-radius: 8px;
    border: 1.5px solid #1067FE;
    background: #1067FE;
    padding: 12px 24px;
    color: #FFFFFF;
    font-family: "ProximaNova-Semibold";
    transition: transform 0.3s ease-in-out;
    display: inline-block;
}

.sp_btn:hover {
    color: #FFFFFF !important;
}


.sp_btn_outline {
    border-radius: 8px;
    border: 1.5px solid #1067FE;
    color: #1067FE;
    padding: 12px 24px;
    font-family: "ProximaNova-Semibold";
    transition: transform 0.3s ease-in-out;
    display: inline-block;
}


.sp_btn_outline:hover {
    color: #1067FE !important;
}

.sp_btn:hover,
.sp_btn_outline:hover {
    transform: scale(1.05);
}

@media (max-width: 767.98px) {

    .sp_grp_btn {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .sp_btn,
    .sp_btn_outline {
        width: 100% !important;
        display: block !important;
        text-align: center;
    }

}

/* button */


/* h1 to h5 size  */

.page_v11 h1 {
    font-size: 64px;
    line-height: 77px;
    letter-spacing: -2px;
}


.page_v11 h2 {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -1px;
    font-family: "ProximaNova-Regular";
}


.page_v11 h3 {
    font-size: 20px;
    line-height: 28px;
}


@media (max-width: 1199.98px) {

    .page_v11 h1 {
        font-size: 56px;
        line-height: 66px;
        letter-spacing: 0px;
    }

    .page_v11 h2 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: 0px;
    }
}

@media (max-width: 991.98px) {
    .page_v11 h1 {
        font-size: 44px;
        line-height: 60px;
        letter-spacing: 0px;
    }



}


@media (max-width: 575.98px) {
    .page_v11 h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .page_v11 h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0px;
    }

    .font-20,
    .page-vny .header p.font-20 {
        font-size: 18px !important;
        line-height: 28px !important;
    }


}


/* h1 to h5 size  */


.sp_pg_head {
    text-align: center;
    margin-bottom: 48px;
}

.sp_pg_head h2 {
    margin-bottom: 0;
}

.sp_pg_head p {
    margin-top: 8px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .sp_pg_head {
        margin-bottom: 32px;
    }

}

@media (max-width: 575.98px) {

    .sp_pg_head {
        margin-bottom: 24px;
    }
}

/* tabs design */


/* .top_to_Bottom_Arrow .sp_tabs_part .container-md::after{
content:url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Comp-1_6.gif');
position:absolute;
z-index:1;
right: -30px;
top: 283px;
}
*/



.sp_tabs_part ul.nav li {
    text-align: center;
}

.sp_tabs_part ul.nav li button svg {
    margin-right: 10px;
}

.sp_tabs_part ul.nav li button {
    color: #56606E !important;
    background: transparent !important;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    padding: 12px 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sp_tabs_part ul.nav li button.active:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: black;
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #1067FE) 51%, rgba(35, 160, 108, 0.00) 99.5%);
}


.sp_tabs_part ul.nav li button.active#Collaboration-tab:after {
    content: '';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #23A06C) 51%, rgba(35, 160, 108, 0.00) 99.5%);
}

.sp_tabs_part ul.nav li button.active#Engagement-tab:after {
    content: '';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #E85150) 51%, rgba(35, 160, 108, 0.00) 99.5%);
}


.sp_tabs_part ul.nav li button.active#Analytics-tab:after {
    content: '';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #CF60F0) 51%, rgba(35, 160, 108, 0.00) 99.5%);
}

.sp_tabs_part ul.nav li button.active#Reviews-tab:after {
    content: '';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #FFAF15) 51%, rgba(35, 160, 108, 0.00) 99.5%);
}


.sp_tabs_part ul.nav li button.active#Publishing-tab svg path {
    fill: #1067FE;
}


.sp_tabs_part ul.nav li button.active#Collaboration-tab svg path {
    fill: #23A06C;
}


.sp_tabs_part ul.nav li button.active#Engagement-tab svg path:first-child {
    fill: #E85150 !important;
}

.sp_tabs_part ul.nav li button.active#Engagement-tab svg path {
    fill: #FFFFFF;
}

.sp_tabs_part ul.nav li button.active#Analytics-tab svg rect {
    fill: #CF60F0;
}

.sp_tabs_part ul.nav li button.active#Reviews-tab svg path {
    fill: #FFAF15;
}


/* hover */

/* .sp_tabs_part ul.nav li button:hover:after{
    content:'';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: black;
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #1067FE) 51%, rgba(35, 160, 108, 0.00) 99.5%);
    }
    
    
    .sp_tabs_part ul.nav li button#Collaboration-tab:hover:after{
    content:'';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #23A06C) 51%, rgba(35, 160, 108, 0.00) 99.5%);
    }
    
    .sp_tabs_part ul.nav li button#Engagement-tab:hover:after{
    content:'';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #E85150) 51%, rgba(35, 160, 108, 0.00) 99.5%);
    }
    
    
    .sp_tabs_part ul.nav li button#Analytics-tab:hover:after{
    content:'';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #CF60F0) 51%, rgba(35, 160, 108, 0.00) 99.5%);
    }
    
    .sp_tabs_part ul.nav li button#Reviews-tab:hover:after{
    content:'';
    background: linear-gradient(90deg, rgba(35, 160, 108, 0.00) 0%, var(--green-secondary, #FFAF15) 51%, rgba(35, 160, 108, 0.00) 99.5%);
    } */


.sp_tabs_part ul.nav li button#Publishing-tab:hover svg path {
    fill: #1067FE;
}


.sp_tabs_part ul.nav li button#Collaboration-tab:hover svg path {
    fill: #23A06C;
}


.sp_tabs_part ul.nav li button#Engagement-tab:hover svg path:first-child {
    fill: #E85150 !important;
}

.sp_tabs_part ul.nav li button#Engagement-tab:hover svg path {
    fill: #FFFFFF;
}

.sp_tabs_part ul.nav li button#Analytics-tab:hover svg rect {
    fill: #CF60F0;
}

.sp_tabs_part ul.nav li button#Reviews-tab:hover svg path {
    fill: #FFAF15;
}

/* hover */

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

.sp_tab_home_v11 ul li {
    display: inline-flex;
    margin-bottom: 40px;
}


.sp_tab_home_v11 ul li .icon {
    margin-right: 24px;
}

.sp_tab_home_v11 ul li .text p.title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 4px !important;
    color: #1b1c1e;
    font-family: 'ProximaNova-Semibold';
}

.sp_tab_home_v11 ul li .text p {
    margin-bottom: 16px;
    color: #56606E;
    font-size: 16px;
    line-height: 26px;
}

.sp_tab_home_v11 ul li .text a {
    font-size: 16px;
    line-height: 26px;
}

.sp_tab_home_v11 ul li .text a:hover {
    font-family: 'ProximaNova-Semibold';
    color: #0f67ea !important;
}

.sp_tab_home_v11 ul li .text a::after {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/o_arow.svg');
    position: relative;
    z-index: 1;
    right: -8px;
    top: 2px;
}

.sp_tab_home_v11 ul li .text a:hover::after {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Property-1Frame-1116615750.svg');
}


.in_video_card video,
.in_video_card .img_bx {
    width: 100%;
    border-radius: 16px;
    border: 3px solid #D5D7DA;
    box-shadow: 0px 7.535px 45.209px 0px rgba(38, 38, 38, 0.05);
}

.tab-pane .in_video_card {
    position: relative;
    padding: 20px;
}



.tab-pane .in_video_card::before {
    content: '';
    background: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Publishing_bg.png');
    position: absolute;
    width: 757px;
    height: 400px;
    z-index: -1;
    background-size: 100% 100% !important;
    left: 0;
    top: 2px;
    transform: scale(0.5);
}

.tab-pane.active .in_video_card::before {
    animation: smoothScale 0.3s ease-in-out forwards;
}

@keyframes smoothScale {
    from {
        transform: scale(0.5);
    }

    to {
        transform: scale(1);
    }
}

.tab-pane#Publishing .in_video_card::before {
    background: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Publishing_bg.png');
}


.tab-pane#Collaboration .in_video_card::before {
    background: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Collaboration_bg.png');
}



.tab-pane#Engagement .in_video_card::before {
    background: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Engagement_bg.webp');
}


.tab-pane#Analytics .in_video_card::before {
    background: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Analytics_bg.png');
}


.tab-pane#Reviews .in_video_card::before {
    background: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Reviews_bg.png');
}



.tab-pane.active .sp_tab_home_v11 {
    animation: slideInLeft 0.6s ease-out forwards;
}



@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 1199.98px) {

    .tab-pane .in_video_card::before {
        width: 560px;
        height: 300px;
    }
}


@media (max-width: 991.98px) {
    .sp_tabs_part ul#myTab {
        display: none !important;
    }

    .sp_tabs_part .tab-content>.tab-pane {
        display: block !important;
        background: #F1F6FF;
        padding: 24px 8px;
        border-radius: 8px;
        margin-bottom: 16px;
    }

    .sp_tab_home_v11 ul li {
        margin-bottom: 16px !important;
    }

    .in_video_card video,
    .in_video_card .img_bx {
        border-radius: 4px !important;
        border: 1px solid #D5D7DA !important;
    }

    .tab-pane .in_video_card::before {
        display: none !important;
    }

    .in-mob_first {
        order: -1 !important;
        padding-left: 16px !important;
    }

    .in-mob_first .web_hide.mob_show {
        font-family: 'ProximaNova-Semibold' !important;
        margin-bottom: 16px !important;
        display: flex !important;
        align-items: center !important;
        font-size: 20px;
        line-height: 30px;
    }

    .in-mob_first .web_hide.mob_show svg {
        margin-right: 8px;
    }

    .tab-pane .in_video_card {
        padding: 0;
        margin-bottom: 16px;
    }

    .sp_tab_home_v11 ul li .icon {
        margin-right: 16px;
    }

    .sp_tab_home_v11 ul li .text p {
        margin-bottom: 8px;
    }

    .sp_tab_home_v11 ul li .text p.title {
        margin-bottom: 4px !important;
        font-size: 18px;
        line-height: 28px;
    }

    .sp_tab_home_v11 ul li:last-child {
        margin-bottom: 0 !important;
    }

    .sp_tabs_part .tab-content .tab-pane:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 24px !important;
    }

    .in_video_card video {
        border-radius: 8px;
    }

}


/* tabs design */


/* home page white label */

.home_whitelabel {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/home_whte_ly.webp);
    background-repeat: no-repeat;
    background-position: top left;
}


.sp_v11_green_check {
    padding: 0;
    margin: 0;
    list-style: none;
}


.sp_v11_green_check li {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/v11_green_check.svg);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 32px;
    background-position: 0px 2px;
}

.sp_v11_green_check li:not(:last-child) {
    margin-bottom: 16px;
}

@media (max-width: 991.98px) {

    .home_whitelabel {
        background-position: left bottom;
    }

}

@media (max-width: 767.98px) {
    /* strong.yellow_line,  span.yellow_line{
background-image:none !important;
} */
}

/* home page white label */



/* home page plans show */

.home_plans_box {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/plans_home_ly_2.webp);
    background-position: center bottom;
    background-repeat: no-repeat !important;
}


.home_v11_pls {
    border-radius: 16px;
    border: 1px solid #DAE9FF;
    padding: 24px;
    height: 100%;
    margin-top: 16px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: relative;
    background: #FFF;
}

.home_v11_pls:hover {
    box-shadow: 0px 10px 40px rgba(76, 148, 255, 0.25);
    transform: translateY(-3px);
    border: 1px solid #FFF;
}

.home_v11_pls .head img {
    transition: transform 0.3s ease-in-out;
}

.home_v11_pls:hover .head img {
    transform: translateY(-8px);
}

/* .home_v11_pls .head{
    display: flex;
justify-content: space-between;
} */

.home_v11_pls .head .text_bx {
    margin-bottom: 16px;
}


.home_v11_pls .head p.title {
    font-size: 20px;
    line-height: 30px;
    font-family: 'ProximaNova-Semibold';
    margin-bottom: 4px;
}

.home_v11_pls .head .text_bx p.subtitle {
    color: #56606E;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

.home_v11_pls .head img {
    min-width: 48px;
    min-height: 48px;
    position: absolute;
    right: 18px;
    top: -18px;
}

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

.home_v11_pls ul li {
    font-size: 16px;
    line-height: 26px;
    color: #56606E;
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/check.svg);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    background-position: 0px 8px;

}

.home_v11_pls ul li:not(:last-child) {
    margin-bottom: 8px;
}


.home_v11_pls .cta_plans {
    border-bottom: 1px solid #DAE9FF;
    margin-bottom: 16px;
    padding-bottom: 8px;
}

.home_v11_pls .cta_plans p.short {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0 !important;
}

.home_v11_pls .cta_plans .price_btn {
    border-radius: 8px;
    border: 1.5px solid #0F67EA;
    padding: 8px 16px;
    font-family: 'ProximaNova-Semibold';
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home_v11_pls .cta_plans .price_btn::after {
    content: '';
    background: url(https://wp-stage.socialpilot.co/wp-content/uploads/2024/09/blue.svg);
    width: 16px;
    height: 12px;
    margin-left: 12px;
    background-repeat: no-repeat !important;
}


.home_v11_pls .cta_plans .price_btn:hover,
.home_v11_pls .cta_plans .price_btn.active {
    background: #0F67EA !important;
    color: #FFF !important;
}


.home_v11_pls .cta_plans .price_btn:hover::after,
.home_v11_pls .cta_plans .price_btn.active::after {
    filter: brightness(0) invert(1);
}


.home_v11_pls {
    height: calc(100% - 16px) !important;
}


.home_v11_pls_flex.v2 {
    padding: 32px;
}


@media (max-width: 991.98px) {

    .home_plans_box {
        background: #f4f9ff !important;
    }

    .home_v11_pls {
        background: #FFFFFF !important;
        height: calc(100% - 10px);
    }

    .home_v11_pls ul {
        column-count: 2;
    }

}

.home_v11_pls_flex {
    border-radius: 16px;
    border: 1px solid #BCD7FF;
    background: #FFF;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    gap: 20px;
}

.home_v11_pls_flex p {
    color: #56606E;
    font-size: 16px;
    line-height: 26px;
}

.home_v11_pls_flex p:last-child {
    margin-bottom: 0 !important;
}

.home_v11_pls_flex p.title {
    font-size: 20px;
    line-height: 30px;
    font-family: 'ProximaNova-Semibold';
    margin-bottom: 4px;
}


.home_v11_pls_flex.blue {
    background: #0F67EA;
    color: #FFF !important;
}

.home_v11_pls_flex.blue p {
    color: #FFF !important;
}


.home_v11_pls_flex.blue .sp_btn {
    background: #FFF;
    color: #1067FE !important;
}

.home_v11_pls_flex .sp_btn_outline:hover,
.home_v11_pls_flex .sp_btn:hover {
    transform: scale(1.05);
}

@media (max-width: 991.98px) {

    .home_v11_pls_flex {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        align-items: baseline;
    }

}


@media (max-width: 767.98px) {

    .home_v11_pls_flex .btn_cta {
        width: 100%;
    }

    .home_v11_pls_flex.blue {
        background: transparent !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .home_v11_pls_flex.blue .text {
        display: none;

    }

    .home_v11_pls_flex.blue .sp_btn {
        background: #1067FE;
        color: #FFF !important;
    }

}




/* home page plans show */

/* home case study */

.home_case_study {
    background: linear-gradient(180deg, #EDF4FF 13.33%, #FFF 135.63%);

}

.sp_container_box {
    height: 400px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
}

.sp_card {
    width: 30%;
    background-size: cover;
    overflow: hidden;
    border-radius: 16px 0px 16px 16px;
    margin: 0 10px;
    display: flex;
    align-items: flex-end;
    transition: .6s cubic-bezier(.28, -0.03, 0, .99);
    padding: 42px 24px;
}

.sp_card>.sp_row>.sp_icon {
    margin-bottom: 24px;
}

.sp_card>.sp_row>.sp_description {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 520px;
    opacity: 0;
    transform: translateY(30px);
    transition: all .3s ease;
}

.sp_description p {
    color: #FFF;
    padding-top: 0px;
}

.sp_description p.h-fixed {
    min-height: 80px;
}

.sp_description a.learn_cta {
    color: #FFF !important;
}


.sp_description a.learn_cta:hover {
    color: #FFF !important;
    font-size: 18px;
    line-height: 28px;
}

.sp_description a.learn_cta::after {
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/white_line_arrow.svg);
    position: relative;
    z-index: 1;
    right: -16px;
    top: 10px;
}

.sp_description a.learn_cta:hover::after {
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/white_arrow.svg);
}

.sp_description h4 {
    text-transform: uppercase;
}

/* Default open first card */
.sp_card.sp_active {
    width: 100%;
}

.sp_card.sp_active .sp_description {
    opacity: 1;
    transform: translateY(0);
}

.sp_card:hover {
    width: 100%;
}

.sp_card:hover .sp_description {
    opacity: 1;
    transform: translateY(0);
}

.sp_card:nth-child(1) {
    background-image: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Limelight_bg_new.webp');
}

.sp_card:nth-child(2) {
    background-image: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Infinite-Laundry_bg_new.webp');
}

.sp_card:nth-child(3) {
    background-image: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Milli-Media_bg.webp');
}

.sp_card:nth-child(4) {
    background-image: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/Elevation-Brands_bg.webp');
}


@media (max-width: 1199.98px) {

    .sp_card {
        width: 80px;
    }

}

@media (max-width: 991.98px) {
    .mob_hide_991 {
        display: none !important;
    }

    .home_case_study {
        background: #f4f9ff !important;
    }


}

/* home case study */



/* home sp Different */

.home_sp_different .col-lg-3:not(:last-child) .sp_difft_card::after {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(16, 103, 254, 0.00) 0%, #1067FE 45%, rgba(16, 103, 254, 0.00) 100%);
}

.home_sp_different .sp_difft_card {
    padding: 0px 12px;
}

.home_sp_different .sp_difft_card .icon {
    margin-bottom: 16px;
}

.home_sp_different .sp_difft_card .text p.title {
    font-family: 'ProximaNova-Semibold';
    margin-bottom: 0 !important;
}


@media (max-width: 991.98px) {

    .home_sp_different .col-lg-3:not(:last-child) .sp_difft_card::after {
        display: none;
    }

    .home_sp_different .sp_difft_card {
        padding: 16px 16px;
        background: #FFF;
        height: 100%;
        text-align: center;
        border-radius: 8px;
    }

}


@media (max-width: 767.98px) {

    .home_sp_different .sp_difft_card .text p.title {
        font-size: 16px;
        line-height: 24px;
    }
}

/* home sp Different */


/* home sp Successful */

.font-400 {
    font-family: 'ProximaNova-Regular' !important;
}

.font-600 {
    font-family: 'ProximaNova-Semibold' !important;
}

.font-700 {
    font-family: 'ProximaNova-Bold' !important;
}

.bg_image_layer {
    text-align: center;
}

.sp_successful_card_single {
    border-radius: 16px;
    background: #47BA8A;
    padding: 40px 32px;
    color: #FFFFFF;
    text-align: center;
    border: 2px solid #FFF;
    height: 100%;
}


.sp_successful_card_single.yellow {
    background: #FFC55B !important;
}


.sp_successful_card_single.red {
    background: #FB817F !important;
}

.sp_successful_card_single .head {
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sp_successful_card_single .head .icon {
    margin-right: 8px;
}

.sp_successful_card_single .head div.title p.title {
    font-size: 48px;
    color: #FFFFFF;
    font-family: 'ProximaNova-Bold';
    line-height: 58px;
    margin-bottom: 0px;
}

.sp_successful_card_single .text p {
    color: #FFFFFF;
    margin-bottom: 0 !important;
}

.spacetop-100 {
    margin-top: -100px;
}


@media (max-width: 767.98px) {
    .sp_successful_card_single .head div.title p.title {
        font-size: 32px;
        line-height: 42px;
    }

    .sp_successful_card_single .head {
        margin-bottom: 0px;
    }

    .sp_successful_card_single .head .icon {
        display: none;
    }

    .sp_successful_card_single .text p {
        font-size: 14px;
        line-height: 20px !important;
    }

    .sp_successful_card_single {
        padding: 16px 16px;
        border-radius: 16px;
    }

    .sp_successful_full .col-lg-4.col-md-4.col-4 {
        padding: 6px;
    }

    .spacetop-100 {
        margin-top: -40px;
    }

}

/* home sp Successful */


/* v11 footer banner */


.home_footer_banner {
    position: relative;
}

.home_footer_banner::before {
    content: '';
    height: 50%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f4f9ff;
    z-index: -1;
}

@media (max-width: 991.98px) {

    .home_footer_banner::before {
        display: none !important;
    }
}

.v11_footer_banner {
    border-radius: 16px;
    background: #1067FE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 40px;
    /* margin-bottom: 72px;
margin-top: -140px; */
}

.v11_footer_banner p {
    color: #FFF;
}

.v11_footer_banner p.title {
    font-size: 48px;
    line-height: 58px;
    font-family: 'ProximaNova-Bold';
    margin-bottom: 8px;
    color: #FFF;
}

.v11_footer_banner p {
    color: #FFF;
    margin-bottom: 0px;
}

.sp_btn_outline.white {
    border: 1.5px solid #FFF !important;
    color: #FFF !important;
}

.sp_btn_outline.white:hover {
    color: #FFF !important;
}

.sp_btn.white {
    color: #1067FE;
    background: #FFF !important;
    border-color: #FFF !important;
}

.sp_btn.white {
    color: #1067FE !important;
}

@media (max-width: 991.98px) {
    .v11_footer_banner {
        flex-direction: column;
        gap: 24px;
        text-align: center;
        /* margin-bottom: 24px; */
    }

    .v11_footer_banner p.title {
        font-size: 32px;
        line-height: 42px;
    }

    .sp_side_title {
        text-align: center;
    }

}

@media (max-width: 767.98px) {

    .v11_footer_banner {
        margin-top: 0;
        margin-bottom: 24px;
    }

    .v11_footer_banner p.title {
        font-size: 24px;
        line-height: 34px;
    }

    .v11_footer_banner {
        padding: 24px 16px;
    }

}


/* v11 footer banner */




/* v11  testimonial */
.testimonial-slider {
    margin: auto;
}

.testimonial-slider .slick-track,
.testimonial-slider .slick-list {
    overflow: visible;
}

.testimonial-section .slick-next {
    position: absolute;
    top: -25px;
    right: 20px;
    background: transparent !important;
}

.testimonial-section .slick-prev {
    position: absolute;
    top: -25px;
    right: 52px;
    background: transparent !important;
}

.testimonial-card {
    background: #fff;
    border-radius: 16px;
    padding: 32px 24px;
    border: 1px solid #BCD7FF;
    transition: transform 0.5s ease-in-out;
    text-align: left;
    /* opacity: 0.7; */
    transform: scale(0.9);
    position: relative;
}

.testimonial-card.slick-center::after {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/dot.svg');
    position: absolute;
    z-index: 1;
    right: 20px;
    top: -24px;
    animation: scaleUpimg 0.4s ease-in-out forwards;
}

@keyframes scaleUpimg {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.testimonial-card .stars {
    margin-bottom: 24px;
}

.testimonial-card .user_review {
    margin-bottom: 40px;
    min-height: 170px;
}

.testimonial-card .user_review p {
    margin-bottom: 0 !important;
    color: #56606E;
}


.testimonial-card .user_review .video_img img {
    border-radius: 10px;
    margin-top: 10px;
}

.testimonial-card .user_info {
    display: flex;
    align-items: center;
}

.testimonial-card .user_info .user_img img {
    margin-right: 16px;
    border-radius: 50%;
    object-fit: cover;
}


.testimonial-card .user_info .user_name p.name {
    font-size: 20px;
    line-height: 140%;
    font-family: 'ProximaNova-Bold';
    margin-bottom: 4px;
}

.testimonial-card .user_info .user_name p.pos {
    font-size: 16px;
    line-height: 140%;
    color: #56606E;
    margin-bottom: 0px;
}

.testimonial-card.slick-center {
    transform: scale(1);
    box-shadow: 0px 4px 30px 0px rgba(76, 148, 255, 0.20);
    opacity: 1;
    border: 1px solid #FFFFFF !important;
}

@media (max-width: 991.98px) {
    .sp_home_testimonial {
        background: #f4f9ff;
    }
}

@media (max-width: 767.98px) {




    .testimonial-section .slick-prev,
    .testimonial-section .slick-next {
        display: none !important;
    }

    .testimonial-card.slick-center::after {
        display: none !important;
    }

    .testimonial-card {
        margin: 8px;
        border: 1px solid #BCD7FF !important;
    }

    .testimonial-card .user_review {
        margin-bottom: 24px;
        min-height: auto !important;
    }

    .testimonial-card .user_info .user_img img {
        object-fit: cover;
        width: 62px !important;
        height: 62px !important;
        margin-right: 10px !important;
    }

    .testimonial-card.slick-slide img {
        height: auto !important;
        width: auto !important;
    }

}

/* v11  testimonial */




/* new footer */
.page-template-page-new .custom-footer-top {
    background: linear-gradient(180deg, var(--Blue-Light-5, #F4F9FF) 13.1%, var(--Blue-Light-4, #DAE9FF) 100%) !important;
}


.page-template-page-new .custom-footer-top p.footer-title {
    color: #2B3544 !important;
    opacity: 0.5 !important;
    font-size: 20px !important;
    line-height: 30px !important;
}

p.footer_sub_title.text-light,
p.footer_sub_title {
    color: #2B3544 !important;
    opacity: 0.5 !important;
}


.page-template-page-new .footer-lstliun {
    border-top: 1px solid rgba(138, 185, 255, 0.50) !important;
}

.page-template-page-new .custom-footer-other-links ul li a {
    color: #2B3544 !important;
}

.page-template-page-new .footer-lstliun a {
    color: #2B3544 !important;
    opacity: 1 !important;
}

.page-template-page-new .footer-lstliun ul li {
    color: #2B3544 !important;
    opacity: 1 !important;
}

.footer-lstliun .cpy-txt {
    opacity: 1 !important;
}

/* new footer */





/* home page design */



/* grow_section design */
.grow_section {
    background: #F4F9FF;
}

.grow_card {
    display: inline-flex;
    padding: 16px 16px;
}

.grow_card .icon {
    margin-right: 24px;
    max-width: 32px;
    width: 100%;
}

.grow_card.active .title {
    color: #0F67EA;
}

.grow_card p {
    display: none;
}

.grow_card.active {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 20px 0px #0F67EA26;
    position: relative;
    overflow: hidden;
    padding: 24px 16px;
}

.grow_card.active p {
    display: block;
}

.grow_section_slides {
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: all 0.5s ease-in-out;
}

.grow_card {
    cursor: pointer;
    transition: all 0.5s ease;
}

.grow_card p {
    display: none;
}

.grow_card.active {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 20px 0px #0F67EA26;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.grow_card.active:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 205px;
    background: #0F67EA;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.grow_card.active p {
    display: block;
}


.grow_card.active:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 0;
    background: #0F67EA;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: progressLine 4.5s linear forwards;
}

.grow_card:hover:after {
    animation-play-state: paused !important;
}

@keyframes progressLine {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* Card color changes as requested */
.grow_card:nth-child(1).active .h4 {
    color: #0F67EA;
}

.grow_card:nth-child(2).active .h4 {
    color: #23A06C;
}

.grow_card:nth-child(3).active .h4 {
    color: #AB5FC4;
}

.grow_card:nth-child(4).active .h4 {
    color: #FFAF15;
}



@media only screen and (max-width: 991px) {
    .grow_section_text {
        padding-left: 0px;
    }

    .grow_section_text {
        padding-left: 0px;
    }

}

@media (max-width: 991.98px) {
    .order-md-top {
        order: -1 !important;
    }
}


@media (max-width: 575.98px) {
    .grow_card .icon {
        max-width: 25px;
        margin-right: 16px;
    }

    .text .h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .grow_card {
        display: inline-flex;
        padding: 16px 16px;
        padding-bottom: 0;
    }

    .grow_section_slides {
        gap: 8px;
    }
}




/* case study design */

.hom_linner {
    background: linear-gradient(180deg, #EDF4FF 13.33%, #FFF 100%);
}

.case_silder .silder_item {
    display: flex;
    gap: 24px;
    align-items: center;
    background: #F0F6FF;
    border-radius: 32px;
    width: 100% !important;
}


.case_silder .item.slick-slide{
    padding: 0 5px;
}
.case_silder .silder_item .image img {
    min-width: 400px;
}

.case_silder .silder_item .content {
    padding: 20px;
    padding-left: 10px;
}

.case_silder .silder_item .content .text p {
    font-size: 24px;
    line-height: 34px;
    font-family: 'ProximaNova-Semibold';
}

.case_silder .silder_item .content .details ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}



.case_silder .silder_item .content .details ul li {
    display: inline;
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 22px;
}

.case_silder .silder_item .content .details ul li:not(:last-child) {
    margin-right: 12px;
}


.case_silder .silder_item .content .details ul li.loc {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/10/loc.svg);
}


.case_silder .silder_item .content .details ul li.team {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/10/team.svg);
}

.case_silder .silder_item .content .details ul li.com {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/10/com.svg);
}

.case_silder .silder_item .content .cta_link a {
    position: relative;
}

.case_silder .silder_item .content .cta_link a::before {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/10/arrow.svg');
    position: absolute;
    z-index: 1;
    left: -107px;
    top: 2px;
}


.case_silder .silder_item .content .cta_link a::after {
    content: url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/10/r_arrow.svg');
    position: relative;
    top: 3px;
    left: 8px;
}

.case_silder button.slick-next,
.case_silder button.slick-prev {
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;
}

.case_silder button.slick-next {
    right: -50px;
}

.case_silder button.slick-prev {
    left: -50px;
}

.case_silder button.slick-prev.slick-disabled img,
button.slick-next.slick-disabled img {
    display: none;
    filter: invert(46%) sepia(6%) saturate(424%) hue-rotate(173deg) brightness(95%) contrast(90%) !important;

}


@media (max-width: 1199.98px) {

    .case_silder .silder_item .content .text p {
        font-size: 18px;
        line-height: 28px;
    }

    .case_silder .silder_item .content {
        padding: 14px;

    }

    .case_silder .silder_item .content .details.mb-lg-40 {
        margin-bottom: 24px !important;
    }
}

@media (max-width: 991.98px) {

    .case_silder .silder_item .image,
    .case_silder .silder_item .content .cta_link a::before {
        display: none !important;
    }

    .case_silder .silder_item {
        border-radius: 16px !important;
    }

    .case_silder .silder_item .content {
        padding: 32px;
    }

    .case_silder .silder_item .content .text p {
        font-size: 20px;
        line-height: 30px;
    }

    .case_silder .item.slick-slide{
    padding: 0 0px;
}
}

@media (max-width: 767.98px) {

    .case_silder .slick-slide img {
        margin-left: 0 !important;
        height: auto !important;
        max-height: 46px !important;
        width: auto !important;
        border-radius: 0 !important;
    }

    .case_silder button.slick-prev,
    .case_silder button.slick-next {
        display: none !important;
    }

    .case_silder .slick-dots {
        padding: 0;
        margin: 0 auto;
        list-style: none !important;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .case_silder .slick-dots li {
        text-indent: -999em !important;
        height: 12px;
        width: 12px;
        border-radius: 50% !important;
        background-color: #efefef;
    }

    .case_silder .slick-dots li.slick-active {
        background-color: #1067FE !important;
    }

}




/* case study design */