/* Reports template */

.reports_page{
    background: var(--Linear, linear-gradient(90deg, #EBF3FF 0%, #FEFBF1 40%, #DAE9FF 100%));
}

.web-reports .header{
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/04/header.webp);
background-repeat: no-repeat;
background-position: center;
}

.web-reports .header .tag{
    border-radius: 41px;
border: 1px solid #000;
display: inline-block;
padding: 6px 16px;
font-size: 18px;
line-height: 28px;
margin-bottom: 24px;
}

.web-reports h1{
    font-size: 64px;
line-height: 72px;
margin-bottom: 24px;
}

.web-reports h1 img{
    margin-bottom: -10px;
}

.web-reports h2 {
font-size: 48px !important;
line-height: 58px !important;
}

.web-reports h3{
    font-size: 32px !important;
line-height: 38px !important;
margin-bottom: 16px !important;
}

.web-reports h3 span.yellow{
color:#FFAF15 !important;
}

.web-reports h3 span.red{
color:#E85150 !important;
}

.web-reports h3 span.green{
color:#23A06C !important;
}

.web-reports h3 span.blue{
color:#4F95FF !important;
}

.web-reports h3 span.purple{
color:#BE7DD3 !important;
}

.web-reports .page_title{
    margin-bottom: 56px;
}


.web-reports .page_title p:last-child{
margin-bottom:0 !important;
}

.web-reports ul.col_2{
    columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}

.web-reports ul.list_icons{
    padding: 0;
margin: 0;
    list-style: none;
}


.web-reports ul.list_icons li{
    margin-bottom: 24px;
display: flex;
}

.web-reports ul.list_icons li .icon{
    margin-right: 16px;
}

.web-reports ul.list_icons li .icon img{
 min-width: 32px;
min-height: 32px;
max-width: 32px;
max-height: 32px;

}
.web-reports ul.list_icons li span.title{
display: block;
font-size: 20px;
line-height: 28px;
margin-bottom: 4px;
font-family: 'ProximaNova-Bold';
}

.web-reports ul.list_icons li.

.web-reports .review_bx{
    text-align: center;
margin: 48px 0px;
}

.web-reports .review_bx .review p{
    font-style: italic;
}

.web-reports .review_bx .user{
position:relative;
    padding-top: 12px;
}

.web-reports .review_bx .user::after{
content: '';
width: 30px;
height: 2px;
position: absolute;
background: #0F67EA;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}

.web-reports .review_bx .user p.name{
    font-family: 'ProximaNova-Bold';
margin-bottom: 0px !important;
}

.web-reports .review_bx .user p.pos{
    color: #56606E !important;
}

.web-reports .review_bx .user p:last-child{
margin-bottom:0 !important;
}



.web-reports .review_bx .review p::before{
content:url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/04/dot.svg');
position:relative;
z-index:1;
left: -10px;
top: -8px;
}


.web-reports .review_bx .review p::after{
content:url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/04/dot.svg');
position:relative;
z-index: 1;
right: -10px;
bottom: -6px;
    transform: rotate(180deg);
display: inline-block;
}

.web-reports .blue_bx{
    border-radius: 16px;
background: rgba(15, 103, 234, 0.10);
padding: 24px;
    padding-bottom: 16px !important;
}

.web-reports .green_check{
    padding: 0;
margin: 0;
list-style: none;
}

ul.green_check li {
background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/04/greencheck.svg);
background-repeat: no-repeat;
padding-left: 32px;
margin-bottom: 16px;
background-position: 0px 5px;
}

.bx_pro_tip{
    border-radius: 24px;
border: 1.5px solid #FFAF15;
padding: 16px;
position:relative;
    padding-left: 70px;
}


.bx_pro_tip::before{
content:url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/04/idea.svg');
position:absolute;
z-index: 1;
left: 16px;
top: 16px;
}

.bx_pro_tip p.pro{
font-family: 'ProximaNova-Semibold' !important;
    font-size: 20px;
line-height: 30px;
    color: #1B1C1E !important;
}

.bx_pro_tip p{
color: #56606E !important;
}

.download_link{
    font-family: 'ProximaNova-Bold';
font-size: 16px;
line-height: 26px;
    position: relative;
}

.download_link::before{
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/04/download_icon.svg);
  position: relative;
z-index: 1;
top: 4px;
display: inline-block !important;
margin-right: 6px;
}


@media (max-width: 767.98px) { 
.web-reports h1 {
    font-size: 32px !important;
    line-height: 42px !important;

}

.web-reports h2 {
    font-size: 24px !important;
    line-height: 34px !important;
}

    .web-reports h3 {
    font-size: 20px !important;
    line-height: 30px !important;
}

.web-reports h1 img {
width: 180px;
}

.web-reports ul.col_2 {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}

.web-reports .page_title {
margin-bottom: 32px;
}

}

/* Reports template */


/* 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 h4{
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: 'ProximaNova-Semibold' !important;
}
.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;
}
}


/* page 2  */

.section-inner .page-head.bg-linner2{
	background: var(--Linear, linear-gradient(90deg, #EBF3FF 0%, #FEFBF1 40%, #DAE9FF 100%)) !important;
}
.bg_color_blue{
	border-radius: 16px;
background: #F4F9FF;
	padding:40px;
}
.bg_color_blue ul li img{
	    margin-right: 16px;
}



.bg_color_blue ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
		list-style: none;
    padding: 0 !important;
    margin: 0 !important;  
}

.bg_color_blue ul li {
  flex: 1 1 calc(25% - 2rem);
  min-width: 200px;
	    display: flex;
    align-items: center;
		    font-family: 'ProximaNova-Semibold';
		margin-bottom:0 !important;
}

@media (max-width: 1200px) {
  .bg_color_blue ul li {
    flex: 1 1 calc(33.33% - 2rem); 
  }
}

@media (max-width: 900px) {
  .bg_color_blue ul li {
    flex: 1 1 calc(50% - 2rem);
  }
}

@media (max-width: 600px) {
  .bg_color_blue ul li {
    flex: 1 1 100%;
  }
}

.title_arror h2{
	    position: relative;
	    display: inline-block;
}


.title_arror h2::after{ content:url('https://wp-stage.socialpilot.co/wp-content/uploads/2025/06/arror.svg'); 
  position:absolute;
  z-index:10;
    right: -140px;
    top: 2px;
}


.single-reports .grow_card .h4{
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: 'ProximaNova-Semibold' !important;
}

.single-reports .innerpage ul li, .single-reports .innerpage ol li{
	font-size:18px !important;
	line-height:30px !important;
}

.single-reports ul.grnck{
	    padding: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

.single-reports .grnck li{
	    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/06/gr.svg);
    background-repeat: no-repeat;
    padding-left: 32px;
    background-position: 0px 4px;
}


@media (max-width: 991.98px) {

	.title_arror h2::after{ 
		display:none !important;
	}

}

/* page 2  */