.fearch_bx{
padding: 80px 50px;
border-radius: 5px;
text-align: center;
transition:0.3s;
margin:30px 0 0;
}
.fearch_bx h3{
font-size: 24px;
font-weight: bold;
color: #fff;
margin: 30px 0;
transition:0.3s;
}
.fearch_bx p{
font-size: 16px;
line-height: 1.7em;
color: #fff;
margin: 0;
transition:0.3s;
}
.fearch_bx img{
	max-width:80px;
}
.fearch_bx:hover{
	background:#30CFF2;
	transition:0.3s;
}
.fearch_bx:hover h3, .fearch_bx:hover p{
color:#012840;
transition:0.3s;
}
.frch_bx .col-md-4:nth-child(2) .fearch_bx{
	background:#30CFF2;
}
.frch_bx .col-md-4:nth-child(2) .fearch_bx p, 
.frch_bx .col-md-4:nth-child(2) .fearch_bx h3{
color:#012840;
transition:0.3s;
}
.cnt_redirect{padding:50px;}



/**********price**********/

.pracing_wrap{
width: 100%;
/*background: #fff;*/
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
border-radius: 10px;
display: flex;
margin-top:50px;
}
.plan_col{
flex:1;
transition:0.3s;
background:#fff;
}
.plan_name{
text-align: center;
padding: 20px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-style: solid;
border-color: #eee;
border-width: 0 1px 1px 0;
font-size: 18px;
color: #012840;
}
.plan_pricing{
padding: 20px;
font-size: 50px;
height: 100px;
justify-content: center;
display: flex;
align-items: center;
color: #012840;
font-weight: 600;
border-style: solid;
border-color: #eee;
border-width: 0 1px 1px 0;
}
.plan_pricing.pricng_title{
padding: 20px;
height: 100px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size:16px;
}
.plan_features{
padding: 40px 20px;
border-style: solid;
border-color: #eee;
border-width: 0 1px 1px 0;
}
.plan_features ul{
padding: 0;
margin: 0;
list-style: none;
}
.plan_features ul li{
text-align:center;
font-size: 14px;
display: block;
margin: 0 0 25px;
color: #012840;
}
.plan_features ul li:last-child{margin:0px;}
.plan_col:nth-child(1) .plan_features ul li{
text-align:left;
}
.plan_features ul li span{
display:none;
}
.plan_features ul li b{
	font-weight: 600;
}
.plan_btn{
padding: 20px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-style: solid;
border-color: #eee;
border-width: 0 1px 0px 0;
}
.plan_pricing sup{font-size:25px;color: #012840;font-weight: 400;}
.plan_col:last-child .plan_name,
.plan_col:last-child .plan_pricing,
.plan_col:last-child .plan_features,
.plan_col:last-child .plan_btn{
	border-right:0px;
}
.sky_cl{
	color:#30CFF2;
}
.f-size-18{
    font-size: 18px;
}
.red_cl{
	color:#C5C5C5;
}
.plan_btn a{
font-size: 14px;
color: #012840;
position: relative;
}
.plan_btn a:after{
content: "";
background-image: url(../images/pricing_cta_arrow.png);
width: 70px;
height: 25px;
display: block;
background-size: 60px;
background-repeat: no-repeat;
background-position: center;
margin-left: 15px;
margin-top: -7px;
}
.plan_col:not(:first-child):hover{
background:#FFDE1D;
transition:0.3s;
border-radius:10px;
transform: translateY(-30px);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
}
.plan_col:hover .sky_cl,
.plan_col:hover .red_cl{color: #012840;}
/**********end_price**********/

.bg_blue{background:#012840;}

.app_faq_tab{
background: #fff;
padding: 60px 40px;
border-radius: 5px;
}
.app_faq_tab .nav-tabs{
	border:0px;
}
.app_faq_tab .nav-tabs .nav-link{
width: 100%;
border: 0;	
padding: 20px;
color: #012840;
font-size: 16px;
border-radius: 5px;
display: flex;
align-items: center;
}
.app_faq_tab .nav-tabs .nav-link img{max-width:30px;margin-right:10px;}
.app_faq_tab .nav-tabs .nav-link.active{
	background:#30CFF2;
}
.app_faq_tabconent_inner .accordion-item{
border: 0;
border-radius: 0;
background: transparent;
}
.app_faq_tabconent_inner .accordion-item .accordion-button{
background: transparent;
font-size: 18px;
padding: 15px 0;
color: #fff;	
border-bottom:1px solid #6A7F8C;
border-radius: 0 !important;
}
.app_faq_tabconent_inner .accordion-item .accordion-body{
	padding: 1.5rem 0px;
	border-bottom:1px solid #6A7F8C;
}
.app_faq_tabconent_inner .accordion-item:last-child .accordion-button{
	border: 0;
}
.app_faq_tabconent_inner .accordion-item:last-child .accordion-button:not(.collapsed){
	border-bottom:1px solid #6A7F8C;
}
.app_faq_tabconent_inner .accordion-button::after{
content: "\f078";
font-family: 'Font Awesome 5 Free';
font-weight: 700;
background: transparent;
font-size: 14px;
color:#30CFF2;
}
.why_tf_wrap {
  border-radius: 5px;
}
.why_tf_wrap img {
  max-width: 200px;
  margin: -100px auto 0;
  display: block;
}
.why_tf_cont {
  padding: 50px 50px 0 0;
}
.why_transfunnel{
	padding-top: 170px;
}
.app_banner_md .picture {
width: 48%;
float: left;
}
.app_banner_md .text-wrapper {
  width: 100%;
  float: right;
  padding:70px 0 0 70px;
}
.app_banner_md .picture img {
  height: 85vh;
  object-fit: cover;
  width:100%;
}
.ap_banner_cta{
    position: relative;
    align-items: center;
    display: flex;
    transition: .3s all;
    font-size: 16px;
    font-weight: 600;
    color: #30cff2;
    overflow: hidden;
    padding-bottom: 10px;
}
.ap_banner_cta span {
    position: relative;
    display: flex;
    align-items: center;
	padding-bottom: 8px;
    transition: .3s all;
}
.ap_banner_cta span:after {
	content:"";
    position: absolute;
    bottom: 0;
    right: 3px;
    background: #30cff2;
    width: 88%;
	height:3px;
	margin-right: -28px;
	margin-left: 20px;
	transition: .3s all;
	transform: translateX(0);
	border-radius:10px;
	
}
.ap_banner_cta:after {
	content:"";
    background: rgba(0,0,0,0) url(../images/cta_arrow_icon_blue.png) no-repeat 55%;
    width: 15px;
    height: 20px;
    border: 0;
    margin-left: 20px;
    margin-bottom: -30px;
    background-size: 11px;
}
.ap_banner_cta:hover{
	color:#30cff2;
}
.ap_banner_cta:hover span::after {
  transition: .3s all;
  animation: mymove 1.5s;
  -webkit-animation: mymove 1.5s;
  -moz-animation: mymove 1.5se;
}
@keyframes mymove{
    from{
        transform:translateX(-40px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes mymove{
    from{
        transform:translateX(-40px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@-moz-keyframes mymove{
    from{
        transform:translateX(-40px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@-o-keyframes mymove{
    from{
        transform:translateX(-40px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
.app_slider_conunter{
display: flex;
justify-content: flex-end;
margin-top: 30px;
}
.sl_arrow{
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sl_arrow img{max-width:10px;}
.prev.sl_arrow{
transform: rotate(-180deg);
}
.pagingInfo{
width: 50px;
height: 50px;
border: 1px solid #022741;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;	
color:#022741;
}
.crnt_nb{
	font-size:20px;
}

/****************pricing_tab***********/
.app_pricing_tab.nav-tabs{
	border:0px;
}
.app_pricing_tab.nav-tabs .nav-item button{
padding: 0;
border: 0;
background: transparent;	
margin: 0 15px;
font-size: 16px;
color: #acacac;
font-weight: 600;
}
.app_pricing_tab.nav-tabs .nav-item:last-child button{
	margin-right:0px;
}
.app_pricing_tab.nav-tabs input{
	display:none;
}
.app_pricing_tab.nav-tabs label{
width: 44px;
height: 22px;
background: #e4e4e4;
line-height: 0;
border-radius: 50px;	
position:relative;
}
.app_pricing_tab.nav-tabs label:before{
content: "";
width: 22px;
height: 22px;
background: #30CFF2;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.check_slide_btn{line-height:0px;}
.app_pricing_tab.nav-tabs input[checked='checked'] + label:before{
left: 50%;
transition: 0.3s ease-in-out;
}
.app_pricing_tab.nav-tabs .nav-item button.active span{
	color:#022741 !important;
    font-weight: 700;
}
/****************pricing_tab_end***********/






@media(min-width:1500px){
.app_banner_md .row{min-height: 80vh;}
}
@media(max-width:1199px){
.fearch_bx{padding: 50px 20px;}	
}
@media(max-width:991px){
.font-16{font-size:14px;}
.smpl_logo img{max-width:210px;}
.heading-48, .font-48{line-height: 1.2em;}	
.fearch_bx{padding: 30px 20px;}
.fearch_bx img{max-width:50px;}
.fearch_bx h3{font-size:18px;}
.fearch_bx p{font-size:14px;}
.plan_col:nth-child(1){display:none;}
.pracing_wrap{flex-wrap: wrap;background: transparent;border-radius: 0;box-shadow: none;margin:0px;}
.plan_col{flex:0 0 100%;background: #fff;margin: 30px 0 0;border-radius:10px;}
.plan_features ul li span{display:block;}
.plan_col:not(:first-child):hover{background: #fff;transform: unset;box-shadow: none;}
.plan_col:hover .sky_cl,
.plan_col:hover .red_cl{color: unset;}
.plan_features ul li b {margin-top: 5px;display: block;}
.plan_name, .plan_pricing, .plan_features, .plan_btn{border-right:0px;}
.app_faq_tab{padding: 15px;margin: 0 0 30px;}
.app_faq_tab .nav-tabs .nav-link{width:auto;flex:1;padding: 10px;display: block;text-align: center;font-size: 14px;}
.app_faq_tab .nav-tabs .nav-link img{display: block;margin: 0 auto 10px;}
.app_faq_tabconent_inner .accordion-item .accordion-button{font-size: 15px;line-height: 1.3em;}

.app_banner_md .text-wrapper{padding: 30px 0 0 30px;}
.app_banner_md .picture img{height: 100vh;}

.app_pricing_tab.nav-tabs{justify-content: flex-start !important;margin-top: 20px;}
.app_pricing_tab.nav-tabs .nav-item:first-child button{margin-left:0px;}

}
@media(max-width:767px){
.cnt_redirect{padding:20px 15px;}
.cnt_redirect .heading-36, .cnt_redirect .font-36{font-size: 20px;line-height: 1.3em;margin: 0 0 15px;}	
.why_tf_cont {padding: 15px;}
.why_transfunnel {padding-top: 30px;}
.app_banner_md .text-wrapper{padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);padding-top: 40px;}

}
.responsive-tabs .card{
    background-color:transparent
}
.responsive-tabs .nav-tabs{
    display:none
}
.responsive-tabs .nav-tabs .nav-link,.responsive-tabs .nav-tabs .nav-link.active,.responsive-tabs .nav-tabs .nav-link:focus,.responsive-tabs .nav-tabs .nav-link:hover{
    border:0
}
 @media (min-width:768px){
    .responsive-tabs .nav-tabs{
        display:flex;
        border-bottom:1px solid #fff
    }
    .responsive-tabs .nav-tabs .nav-link{
        color:#012840;
        margin-bottom:0;
        font-size:20px;
        padding:20px 40px;
        position:relative;
        display:flex;
        align-items:center;
        background:transparent;
        font-weight:600;
        position:relative;
        transition:0.5s ease-in-out
    }
    .responsive-tabs .nav-tabs .nav-link.active,.responsive-tabs .nav-tabs .nav-link:hover{
        color:#30CFF2;
        transition:0.5s ease-in-out
    }
    .responsive-tabs .nav-tabs .nav-link.active::after,.responsive-tabs .nav-tabs .nav-link:hover::after{
        position:absolute;
        content:'';
        border-bottom:3px solid #30CFF2!important;
        bottom:-2px;
        width:100%;
        z-index:1;
        left:0;
        border-radius:34px;
        transition:0.5s ease-in-out
    }
    .responsive-tabs .card{
        border:none
    }
     .responsive-tabs .card .card-header{
        display:none
    }
    .responsive-tabs .card .collapse{
        display:block
    }
    .responsive-tabs .card-body{
        padding:40px 0 0
    }
    .responsive-tabs{
        padding:0 40px
    }
}
 @media(max-width:767px){
    .responsive-tabs .card-header{
        background:transparent;
        border:0;
        padding:0;
        box-shadow:none
    }
    .responsive-tabs .card-header a{
        display:block;
        padding:15px 0px;
        font-size:16px;
        border-radius:0;
        color:#012840;
        position:relative;
        border-radius:1px
    }
    .responsive-tabs .tab-pane{
        border:0;
        border-bottom:1px solid rgb(2,39,65);
        border-radius:0
    }
    .responsive-tabs .card-header a[aria-expanded="true"]{
        color:#30CFF2;
        padding-bottom:0;
        background:#fff
    }
    .responsive-tabs .card-body{
        background:#fff;
        transition:unset;
		padding: 1rem 0;
    }
    .responsive-tabs .card-header a[aria-expanded="true"]:after{
        content:"";
        width:100%;
        height:1px;
        background:#30CFF2;
        display:block;
        margin-top:15px;
        z-index:1;
        position:relative
    }
    .responsive-tabs .tab-pane{
        display:block!important;
        opacity:1;
        border-bottom:1px solid #eee
    }
    .responsive-tabs .comman_btn a span{
        color:rgb(48,207,242)
    }
    .responsive-tabs .comman_btn.darkblue_btn a span::after{
        background:#fff
    }
}
 #tile-1 .slider {
     display: inline-block;
     width: 30px;
     height: 4px;
     border-radius: 3px;
     background-color: #39bcd3;
     position: absolute;
     z-index: 1200;
     bottom: 0;
     transition: all .4s linear;
}
 .responsive-tabs .nav-tabs .nav-link.active::after, .responsive-tabs .nav-tabs .nav-link:hover::after{
    display:none;
}
 .responsive-tabs .nav-tabs .nav-link{
    width: 100%;
    text-align: center;
    justify-content: center;
}
 .responsive-tabs .nav-tabs{
    border:0px;
}
 .responsive-tabs .nav-tabs:after{
     content:"";
     height:1px;
     background:#E4E4E4;
     position:absolute;
     bottom:1px;
     left:0px;
     right:-9999px;
}
.reb_cnt_tb_img_sd img{
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);	
}
.reb_cnt_tb_img_pauch{
max-width: 70%;
background: #30CFF2;
padding: 20px;
border-radius: 8px;
transform: translateY(-50px);
margin-left: 40px;
font-size: 14px;
line-height: 1.6em;	
color: #022741;
}

@media (min-width: 768px){
.responsive-tabs .nav-tabs .nav-link.nav-16 {
    color: #012840;
    margin-bottom: 0;
    font-size: 16px;
    padding: 20px 30px;
    position: relative;
    display: flex;
    align-items: center;
    background: transparent;
    font-weight: 600;
    position: relative;
    transition: 0.5s ease-in-out;
}
}