.roi_box{border:1px solid #878787;border-radius:5px;padding:70px 30px 30px;position:relative;overflow:hidden}.roi_box_outer .col-md-6{margin-bottom:30px}.roi_box_outer .col-md-6:nth-child(2n){margin-top:30px;margin-bottom:0}.roi_box h3{font-size:24px;line-height:1.4em;font-weight:600;color:#fff;margin:0 0 20px;position:relative}.roi_box p{font-size:15px;line-height:1.7em;color:#fff;margin:0;position:relative}.roi_box .overlay{width:200%;height:200%;right:-50%;position:absolute;top:-50%;background-color:#30cff2;border-radius:50%;transition:all 0.8s ease-out;opacity:0;transform:translate3d(62%,-62%,0)}.roi_box:hover .overlay{transition:all 0.8s ease-out;opacity:1;border-radius:40%;transform:translate3d(-12.5%,12.5%,0)}.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}.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:0}.responsive-tabs .nav-tabs .nav-link{color:#878787;margin-bottom:0;font-size:18px;padding:0;position:relative;display:flex;align-items:center}
.responsive-tabs .nav-tabs .nav-link.active,.responsive-tabs .nav-tabs .nav-link:hover{color:#0D0D0D}.responsive-tabs .nav-tabs .nav-item:last-child .nav-link:after{display:none}.responsive-tabs .nav-tabs .nav-link:after{content:"";width:7px;height:7px;background:#FFDE1D;display:inline-block;border-radius:50%;margin:0 30px}.responsive-tabs .card{border:none}.responsive-tabs .card .card-header{display:none}.responsive-tabs .card .collapse{display:block}.responsive-tabs .card-body{padding:60px 0 0}}
@media(max-width:991px){.why_tf_cont .font-16{font-size:14px}.why_tf_cont .font-32{margin-bottom:10px}.roi_box{padding:50px 15px 15px}.roi_box h3{font-size:18px}.roi_box p{font-size:14px}.responsive-tabs .nav-tabs .nav-link{font-size:15px}.responsive-tabs .nav-tabs .nav-link::after{width:5px;height:5px;margin:0 15px}.designDT_cont .font-44{font-size:22px;line-height:1.3em}.designDT_cont .font-16{font-size:14px}}
@media(max-width:767px){.why_tf_cont{padding:15px}.why_tf_cont .font-16{font-size:14px}
.why_tf_cont .font-32{margin-bottom:10px}.why_transfunnel{margin:0px!important}.roi_box_outer .col-md-6,.roi_box_outer .col-md-6:nth-child(2n){margin:30px 0 0}
.roi_box{padding:20px}.roi_box h3 br{display:none}.roi_box h3{font-size:18px}.roi_box p{font-size:14px}
.responsive-tabs .tab-pane{display:block!important;opacity:1}.responsive-tabs .card-header{background:transparent;border:0;padding:0;box-shadow:none}.responsive-tabs .card-header a{display:block;padding:15px;font-size:16px;border-radius:0;color:rgb(2,39,65);position:relative}.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:#0D0D0D}.responsive-tabs .card-body{background:#0D0D0D;transition:unset}.designDT_cont .font-44{font-size:20px;line-height:1.3em;color:#fff;margin-bottom:10px}.designDT_cont .font-16{font-size:14px;color:#fff}.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}.designDT_img img{margin-top:20px}.responsive-tabs .comman_btn a span{color:#fff}.responsive-tabs .comman_btn.darkblue_btn a::after{border-color:#fff;background:rgba(0,0,0,0) url(../images/cta_arrow_icon_white.png) no-repeat scroll 55% center / 12px}.responsive-tabs .comman_btn.darkblue_btn a span::after{background:#fff}}