@font-face {
    font-family:Poppins-Bold;
    src: url(../fonts/Poppins-Bold.ttf);
  }
  @font-face {
    font-family:Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf);
  }
  @font-face {
    font-family:Poppins-Medium;
    src: url(../fonts/Poppins-Medium.ttf);
  }
  @font-face {
    font-family:Poppins-SemiBold;
    src: url(../fonts/Poppins-SemiBold.ttf);
  }

body{
    outline:none;
}
:focus {
    outline: none!important;
}
.slick-slide{
    height:auto;
}
.container{
    max-width: 100%;
}
.bottomstrip{
    display:none;
}
.container{width:100% !important;}
  #banner{
    padding: 55px 15px 30px;
  }
  #banner h1{
      font-family:Poppins-Bold !important;
      font-size:35px;
      line-height: 51px;
  }
  #banner p{
    font-family: Poppins-Regular;
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
#banner .it_works_icon p {
    font-family: Poppins-Medium;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-bottom: 0;
}
#banner img{
    width:52%;
}
#icon img{
    width:25px;
    float: left;
    margin-right: 15px;
}
.it_works_icon img {
    box-shadow: none;
    float: left;
    width: 45px !important;
    margin-right: 10px;
    border-radius: 50px;
}
.it_works_icon {
    align-items: center;
    display: flex;
    padding-bottom: 30px;
}
#icon h2{
    font-family:Poppins-Regular !important;
    font-size: 16px;
    line-height: 36px;
    color:#385170;
    margin-bottom: 0;
    padding-bottom: 0;
}
#icon .d-icon-flex{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding-bottom: 5px;
}
.d-banner-flex{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
}
img{
    width:100%
}
#counter{
    padding: 0 15px 30px;
}
.blue_bg{
    display: inline-flex!important;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
#counter img{
    width:30px;
    padding-bottom: 5px;
}
.no-padding{
    padding-right: 0;
    padding-left:0;
}
.blue_bg h4{
    font-family:Poppins-Bold ;
    font-size:16px;
    line-height: 30px;
    color:#fff;
    padding-bottom: 0;
    margin-bottom: 0;
}
.blue_bg p{
    font-family:Poppins-Regular;
    font-size:13px;
    line-height: 18px;
    color:#fff;
    text-align: center;
    margin-bottom: 0;

}
.m0{
    margin: 0;
    justify-content: center;
    background-color: #0094B5;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 16px;
    padding: 30px 0;
    margin-top: 10px;
}
.br-right{
    border-right: 1px solid #ffffff61;
    /* height: 5rem; */
}
.br-right:last-child{
    border:0;
}
#counter .col-md-2{
    flex: 0 0 19%;
    max-width: 19%;
}

#counter .boot_cards{
    padding: 0 0 30px 0;
}
#coutner .uc_cards{
    padding: 0 0 30px 0;
}
#counter .boot_cards img, #counter .uc_cards img{
    width:100%;
    padding-bottom: 0;
}
#counter .boot_cards .card-7 img, #counter .boot_cards .card-8 img{
    width:60%;
}
.card{
    border:0;
}

.uc_cards .card {
    margin-right: 20px;
}
.uc_cards .slick-track{
    margin-left: 0;
}
.boot_cards h4, .uc_cards h4, #testimonial h4, #custom_footer h4, #faq h4{
    font-family:Poppins-SemiBold;
    font-size:30px;
    line-height: 42px;
    color:#333333;
    padding:40px 0;
    text-align:left;
}
.card-1 .card-text, .card-7 .card-text,  .card-8 .card-text{
    color: #333333;
    font-family:Poppins-Regular;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    width: 75%
}
.card-1 h5, .card-7 h5{
    color:#0F8BBC;
    font-family:Poppins-SemiBold;
    font-size:16px;
    line-height: 26px;
    margin-bottom: 0;
    width:75%
}
.card-8 h5{
    color:#B27E47;
    font-family:Poppins-SemiBold;
    font-size:16px;
    line-height: 26px;
    margin-bottom: 0;
    width:75%
}

.card-1 h6, .card-7 h6, .card-8 h6{
    color: #333333;
    font-family:Poppins-SemiBold;
    font-size:14px;
    line-height: 24px;
    margin-bottom: 0;
    width:85%
}
.center .slick-list{
    padding: 0 20px 0 0 !important;
}

.card-2 .card-text{
    color: #333333;
    font-family:Poppins-Regular;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    width: 75%
}
.card-2 h5{
    color:#35268B;
    font-family:Poppins-SemiBold;
    font-size:16px;
    line-height: 26px;
    margin-bottom: 0;
    width: 75%
}
.card-2 h6{
    color: #333333;
    font-family:Poppins-SemiBold;
    font-size:14px;
    line-height: 24px;
    margin-bottom: 0;
    width:85%
}

.card-3 .card-text{
    color: #333333;
    font-family:Poppins-Regular;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    width: 75%
}
.card-3 h5{
    color:#B27E47;
    font-family:Poppins-SemiBold;
    font-size:16px;
    line-height: 26px;
    margin-bottom: 0;
    width: 75%
}
.card-3 h6{
    color: #333333;
    font-family:Poppins-SemiBold;
    font-size:14px;
    line-height: 24px;
    margin-bottom: 0;
    width:85%
}
.btn-dark {
    color: #fff;
    background-color: #FF836F;
    border-color: #FF836F;
    background: transparent linear-gradient(180deg, #FF836F 0%, #FF5D45 100%) 0% 0% no-repeat padding-box;
    width: 160px;
    height: 35px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    bottom: 22px;
    right: 24px;
}
.btn-dark:hover, .btn-dark.focus, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle{
    background-color: #FF836F;
    border-color: #FF836F;
    box-shadow:none;
}

.icons_set_1, .icons_set_2, .icons_set_3{
    
    position: absolute;
    top: 20px;
    right: 11px;
    width: 85px;
    text-align: center;
}
.icons_set_1 img, .icons_set_2  img, .icons_set_3 img{
    height: 25px;
    width: 25px !important;
    background: #fff;
    padding: 5px !important;
    border-radius: 50%;
}
.icons_set_1 img{
    padding:3px !important;
}
.icons_set_2{
    top: 85px;
}
.icons_set_3{
    top: 165px;
}

.icons_set_1 p, .icons_set_2 p, .icons_set_3 p{
    font-family: Poppins-Regular;
    margin-bottom: 0;
    color: #333333;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    margin-top: 5px;
}
.uc_cards .btn-dark{
    bottom: 19px;
    right: 15px;
    width: 90%;
}
.uc_cards .card-title, .uc_cards h6{
    color:#333333;
    font-family:Poppins-SemiBold;
    font-size:15px;
    line-height: 23px;
    margin-bottom: 0;
    width: 100% !important;
}

#testimonial{
    padding:30px 0;
    background:#F5F9FA;
}
#testimonial .slick-initialized .slick-slide{
    padding: 20px;
    border: 1px solid #0095BA;
    border-radius: 10px;
    margin: 10px;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Poppins-Regular';
    text-align: left;
    min-height: 311px;
    background: #fff;
}
#testimonial .slick-slide img{
    width:40px;
}
#testimonial .slick-dots li button:before{
    font-size:15px;
    color: #0094b5;
}
#custom_footer{
    background-color:#FFEAE6;
    padding:30px 0 0; 
}

#custom_footer h4{
    padding: 40px 0 0;
}
.footer_img img{
    width:25%;
    display:inline;
}
.footer_img{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
}
.uc_cards .btn-dark{
    display: none;
}
#icon{
    padding:20px 0;
}
.icons_link img{
    width:26px !important;
}
/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  
  /* Hide the tooltip content by default */
  [data-tooltip]:before,
  [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
  }
  
  /* Position tooltip above the element */
  [data-tooltip]:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
  }
  
  /* Triangle hack to make tooltip look like a speech bubble */
  [data-tooltip]:after {
    position: absolute;
    top: 91%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #474747 transparent;

  }
  
  /* Show tooltip content on hover */
  [data-tooltip]:hover:before,
  [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .accordion {
    background-color: #FFEBD6;
    color: #444;
    cursor: pointer;
    padding: 5px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    line-height: 15px;
    transition: 0.4s;
  }
  
  .panel {
    padding: 0 px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    
  }
  .panel p{
      padding:15px;
      border-left: 1px solid #CBAB8B;
    border-right: 1px solid #CBAB8B;
    border-bottom: 1px solid #CBAB8B;
  }
  #faq{
      padding:30px 0;
      z-index: 2;
      position: relative;
      background: #fff;
     
  }
  button{
    font-family:Poppins-Regular;
    font-size:18px;
  }
  #footer-widgets{
      display: none;
  }
  button.accordion{
      position:relative;
      margin-bottom: 10px;
    border: 1px solid #CBAB8B;
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-around;
  }
  .textwidget{
      color:#000;
  }

  button.accordion:last-child{
      margin-bottom:0px;
  }
  button.accordion.active{
      margin-bottom:0;
      border-radius: 10px 10px 0 0;
  }
 
.medfoot {
    margin-bottom: 0 !important;
}
.accordion p{
    margin-bottom: 0;
    display: inline;
    width: 90%;
}
.boot_cards .card{
    height: 370px;
    border-radius: 25px;
}
.card-1 .card{
    background: #b9eaff;    
}
.card-2 .card{
    background: #dcd6ff;    
}
.card-3 .card{
    background: #ffebd6;    
}
.card-4 .card{
    background: #d6e7ff;    
}
.card-5 .card{
    background: #fbddfc;    
}
.card-6 .card{
    background: #dcd6ff;    
}
.card-7 .card{
    background: #b9eaff;    
}
.card-8 .card{
    /* background:  #C9EFFF;     */
    background:#ffebd6;
}
.card-title{
    width: 75% !important;
    font-family: Poppins-SemiBold;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}
.card h6{
    width: 76% !important;
    color: #333333;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}
.uc_cards .card h6{
    font-size:13px;
    line-height: 26px;
    width:100% !important;
}
.card-4 .card-title{
    color: #547cb5;
}
.card-5 .card-title{
    color: #9c539f;
}
.card-6 .card-title{
    color: #547cb5;
}
.boot_cards .card-img{
    position: absolute;
    bottom: 0;
    width: 60%;
}
.boot_cards .card-2 .card-img{
    width:100% !important;
}
.boot_cards .card-4 .card-img{
    width:100% !important;
}
.boot_cards .card-1,.boot_cards .card-2,.boot_cards .card-3,.boot_cards .card-4,.boot_cards .card-5,.boot_cards .card-6,.boot_cards .card-7,.boot_cards .card-8{
padding-bottom: 30px;
}

#faq ul .inner {
    overflow: hidden;
    display: none;
    margin-top: -18px;
    padding:20px 15px 15px;
    margin-bottom: 10px;
    width: 100%;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    font-size: 16px;
    line-height: 22px;
  }
#faq ul{
    padding: 0;
    background: #fff;  
    border: 1px solid #EFEFEF;
    border-radius: 25px;
    -webkit-box-shadow: 0px 3px 5px #00000029, 0px -3px 5px #00000029;
    -moz-box-shadow: 0px 3px 5px #00000029, 0px -3px 5px #00000029;
    box-shadow: 0px 3px 5px #00000029, 0px -3px 5px #00000029;
}  

#faq ul li a.toggle {
    display: block;
    background: #fff;
    border-radius: 25px 25px 0 0;
    border-bottom: 1px solid #EFEFEF;
    color: #333;
    padding: 15px;
    transition: background 0.3s ease;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 28px;
    font-family:Poppins-Regular;
    height: 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

#faq ul li:last-child a{
    border-radius: 25px;
}
#faq ul li:first-child  a.toggle.active{
    border-radius: 25px 25px 0 0;
}
#faq ul li:last-child p{
    border-bottom:0px;
}
#faq ul li a{
    text-decoration: none;
}
#faq ul li a.toggle:hover {
  background: #fff;
  text-decoration: none;
}
#faq ul li a.toggle.active{
     background: #EFEFEF!important;
     border-radius: 0;
}
#faq ul li a:after {
    content: '';
    float: right;
    width: 32px;   
    background-image: url(https://assets.mfine.co/api/contentservice/attachments/download/web/common/assessment/down-arrow.svg);
    height: 32px;
    padding-right: 24px;
}
#faq ul li a.active:after {
    content: '';
    background-image: url(https://assets.mfine.co/api/contentservice/attachments/download/web/common/assessment/up-arrow.svg);    
}
#banner h1 span{
    color:#4c59c9;
}
#banner h1 span br{
    /* display:none;    */
}
.d-flex-img{
    display: flex !important;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.boot_cards .card{
    overflow:hidden;
}
#counter .uc_cards img{
    border-radius: 25px;
}
.transform {
    -webkit-transition: all 2s ease;  
    -moz-transition: all 2s ease;  
    -o-transition: all 2s ease;  
    -ms-transition: all 2s ease;  
    transition: all 2s ease;
  }
 

#header{
    padding: 0.5% 0 !important;
}
.icons_set_1 svg, .icons_set_2 svg, .icons_set_3 svg{
    overflow: hidden;
    vertical-align: middle;
    height: 25px;
    width: 25px !important;
    background: #fff;
    padding: 5px !important;
    border-radius: 50%;
}
#custom_footer p{
    font-family:Poppins-Regular;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}
.intro{

    box-shadow: 3px -3px 3px #00000029;
    border-radius: 25px;
}
.slick-next {
    right: 0 !important;
}
.border_style {
    display: grid;
    margin-top: 40px;
}
@media only screen and (max-width:374px) {
    #testimonial .slick-initialized .slick-slide {
        height: 360px;
        font-size: 13px;
        line-height: 21px;

    }
}
@media only screen and (min-width:375px) and (max-width:424px) {
    #testimonial .slick-initialized .slick-slide {
        height: 292px;
        font-size: 13px;
        line-height: 21px;
        min-height: 1px;

    }
}
@media only screen and (min-width:425px) and (max-width:536px) {

    .boot_cards .card-img,
    .boot_cards .card-2 .card-img {
        width: 85% !important;
    }
    .boot_cards .card-7 .card-img,.boot_cards .card-8 .card-img {
        width: 50% !important;
    }

    #testimonial .slick-initialized .slick-slide {
        height: 250px;
        font-size: 13px;
        line-height: 21px;
        min-height: 1px;

    }


}
@media only screen and (min-width:537px) and (max-width:654px){
    .boot_cards .card-7 .card-img,.boot_cards .card-8 .card-img {
        width: 40% !important;
    }
    .header{
        padding: 25px 15px 0 !important;
    }
    #counter .boot_cards{
        margin: 270px 0 0 !important;
    }
    #icon{
        top: 216px !important;
        left:0;
        
    }
    #icon.d-sm-block{
        display: flex !important;
    }
    .buttons{
        top: 315px !important;
        left:0;
    }
    #icon .d-icon-flex {
    width:19% !important;
    
    }
    .d-sm-none {
        display: none;
    }
    .boot_cards .card-img,
    .boot_cards .card-2 .card-img {
        width: 68% !important;
    }

    #testimonial .slick-initialized .slick-slide {
        height: 200px;
        font-size: 13px;
        line-height: 21px;
        min-height: 1px;

    }
}
@media only screen and (min-width:655px) and (max-width:767px){
    .boot_cards .card-7 .card-img, .boot_cards .card-8 .card-img {
        width: 30% !important;
    }
    #icon .d-icon-flex {
        width: 19% !important;
    }
    #icon.d-sm-block{
        display: flex !important;
    }
    #counter .boot_cards{
        margin: 295px 0 0 !important;
    }
    .header{
        padding: 25px 15px 0 !important;
    }
    #icon{
        top: 220px !important;
        left:0;
        display: flex ;
    }
    .buttons{
        top: 300px !important;
        left:0;
    }
    .fixed-hd {
        top: 95px !important;
    }
    .d-sm-none {
        display: none;
    }
    .boot_cards .card-img,
    .boot_cards .card-2 .card-img {
        width: 55% !important;
    }

    #testimonial .slick-initialized .slick-slide {
        height: 200px;
        font-size: 13px;
        line-height: 21px;
        min-height: 1px;

    }
}
@media only screen and (max-width:767px){
    .it_works{
        text-align:center;
    }
    .it_works img{
        width: 80%;
    }
    .acc-1,
    .acc-2,
    .acc-3,
    .acc-4,
    .acc-5 {
        padding: 15px;
        border-radius: 10px;
        margin-top: 15px;
    }

    .acc-1 {
        background: #fceff3;
    }

    .acc-2 {
        background: #edeffc;
    }

    .acc-3 {
        background: #fef7f1;
    }

    .acc-4 {
        background: #fceff3;
    }

    .acc-5 {
        background: #ebecf8;
    }

    .bg-1 {
        background: #fceff3 !important;
    }

    .bg-2 {
        background: #edeffc !important;
    }

    .bg-3 {
        background: #fef7f1 !important;
    }

    .bg-4 {
        background: #fceff3 !important;
    }

    .bg-5 {
        background: #ebecf8 !important;
    }

    .active {
        padding: 0;
    }

    .active .hide-sec {
        display: none;
    }
    .uc_cards {
        padding: 0px 15px 10px;
    }
    .border_style {
        display: none !important;
    }

    .how_it_works:nth-of-type(1){
        margin: 33px 0 15px 0;
    }
    .works-icons{
        display: flex;
        align-items: center;
        padding-bottom: 12px;
    }
    .how_it_works{
        box-shadow: 0px 1px 5px #00000029;
        border-radius: 18px;
        padding: 12px;
        margin-bottom:15px;
    }
    .how_it_works img{
        width:36px;
        margin-right:10px;
    }
    .how_it_works h2{
        font-family:Poppins-SemiBold;
        font-size:20px  !important;
        line-height: 30px !important;
        padding-bottom:0 !important;
        margin-bottom:0 !important;
        text-align:left !important;
    }
    .how_it_works p{
        font-size: 12px !important;
        line-height: 18px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        color: #000;
    }
    .reliable{
        margin-bottom:30px;
    }
    .ali-center{
        text-align:center;
    }
    #custom_footer p{
        font-size: 14px;
        line-height: 24px;
    }
    .slidingmenu{        
        margin-top: 0% !important;
     }
    .mweb_sec .ttitle{
        display:none !important;
    }
 
    #small-dialog .mfp-close:active {
        top: 0px;
    }
    .p0{
        padding:0;
    }
    #banner h1 span br{
        display:block;   
    }
    .d-flex-img{
        display: none !important;
    }
    .boot_cards .card-2 .card-img {
        /* width: 212px !important; */
    }
    .boot_cards .card-img {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .boot_cards .card-4 .card-img{
        width: 400px !important;
    }
    #faq ul li a.toggle{
        height: auto;
        padding: 10px;
        font-size: 14px;
        line-height: 18px;
    }
    
    .page-template-default.page, .page-template.page {
        margin-top: 0% !important;
    }
    .icons_set_2 {
        /* top: 75px; */
    }
    .icons_set_3 {
        /* top: 145px; */
    }
    .boot_cards .card-img{
        /* position: relative; */
    }
    .boot_cards .card{
        /* height:auto; */
    }
    .boot_cards .card-1, .boot_cards .card-2, .boot_cards .card-3, .boot_cards .card-4, .boot_cards .card-5, .boot_cards .card-6, .boot_cards .card-7, .boot_cards .card-8{
        padding-bottom: 15px;
    }
    .footer_img img{
        width:30%;
    }
    .icons_set_1, .icons_set_2, .icons_set_3{
        right: 4px;
    }
    .accordion p{
        font-size: 13px;
    line-height: 18px;
    }
    .mfp-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #main-header.oldheader{
        z-index: 4;
    }

    .fsoc img{
        width:auto;
    }
   
    .fixed-hd{
        top:55px !important
    }
    .text_style{
        margin-top:10px;
        margin-bottom: 0;
        padding-bottom: 0 !important;
        text-align: center !important;
        color: #000;
    }
    #mobile_icon img {
        margin-bottom: 15px;
    }

    
    #faq{
        padding: 0 0 15px;
    }
    .it_works_icon:last-child body{
        overflow:hidden;
    }
    .boot_cards h4, .uc_cards h4, #testimonial h4, #custom_footer h4, #faq h4{
        font-size: 16px;
        line-height: 26px;
        padding:0px;
    }
    .uc_cards h4{
        padding: 15px 0 0px;
    }
    #faq h4{
        padding: 15px 0;
    }
    #counter {
        /* background: #fff; */
        position: relative;
        z-index: 2;
    }
    .uc_cards{
        padding: 0px 15px 30px;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    #counter{
        padding: 30px 0 0;
    }
    .uc_cards .card{
        margin:10px;
    }
    .container, .container-sm {
        max-width: 100%;
    }
    .uc_cards .slick-dots li button:before{
        font-size:15px;
    }
    .uc_cards .card-title{
        font-size: 15px;
    line-height: 22px;
    }
    .uc_cards h6{
        font-size: 14px;
    line-height: 22px;
    width:100% !important;
    }
    .btn-dark{
        bottom:10px;
    }
    #icon {
        background: #fff;
        padding: 0;
        position: fixed;
        /* top: 177px; */
        top: 207px;
        z-index: 2;
        width: 100%;
    }  
    #banner{
        padding: 30px 15px 0;
    }
    #banner h1, #small-dialog h1{
        font-family: Poppins-Bold !important;
        text-align: center;
        font-size: 16px;
        line-height: 25px;
        padding-top: 0px;
        margin-bottom: 0;
        padding-bottom: 12px;
    }
    #small-dialog h2, #banner h2{
        font-family: Poppins-Bold !important;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        margin-bottom: auto;
        padding-bottom: 23px;
    }
    .self-check{
        width: 10px !important;
        float: left;
        position: absolute;
        left: 10px;
    }
    #banner p{
        text-align: center;
        font-size: 12px;
        line-height: 18px;
        color: #000;
        margin-bottom: 0;
        padding-bottom: 12px;
    }
    #icon img{
        width:36px;
        float: none;
    margin-right: 0;
    }
    #icon .d-icon-flex {
        display: inline-flex;
        display: -webkit-flex;
    width: 20%;
    align-items: center;
    flex-direction: column;
    }
    #icon h2{
        font-size: 10px;
        line-height: 20px;
        
    }
    .btn-outline-info {
        color: #0094B5;
        border-color: #0094B5;
        width: 120px;
        height: 29px;
        font-size: 12px;
        line-height: 12px;
        border-radius: 50px;
        float: none;
        margin: 0 auto;
    }
    .read_more{
        color: #0094B5;
        width: 120px;
        height: 29px;
        font-size: 12px;
        line-height: 12px;
        border-radius: 0;
        float: left;
        margin: 0 auto;
        border: 0;
        text-align: left;
        padding: 10px 0;
    }
    .d-banner-flex{
        display:block;
    }
    .buttons{
        margin: 0;
        text-align: center;
        position: fixed;
        top: 272px;
        z-index: 3;
        left: 0;
        width: 100%;
        background: #fff;
        padding:0;
    }
    .buttons-zindex{
        z-index:2;
    }
    .boot_cards h4{
        padding: 0px 0 15px;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    }
    .card-1 h5, .card-2 h5, .card-3 h5,  .card-4 h5,  .card-5 h5,  .card-6 h5,  .card-7 h5,.card-8 h5{
        font-size: 14px;
    line-height: 21px;
    }
    .card-1 h6, .card-2 h6, .card-3 h6, .card-4 h6, .card-5 h6 , .card-6 h6, .card-7 h6{
        font-size: 12px;
        line-height: 18px;
        width: 75%;
    }
    .icons_set_1 img, .icons_set_2 img, .icons_set_3 img {
        height: 30px;
        width: 30px !important;
    }
    .card-img{
        /* height: 300px; */
    }
    .card-1, .card-2, .card-3, .card-7, .card-8{
        padding-bottom:15px;
    }

    #counter .boot_cards{
        position: relative;
        margin: 245px 0 0;
        padding: 15px 0;
        -webkit-box-shadow: 0px -4px 3px #00000029;
        -moz-box-shadow: 0px -4px 3px #00000029;
        box-shadow: 0px -4px 3px #00000029;
        border-radius: 25px;
        background: #fff;
        z-index: 2;
    }    
   
    /* Styles for dialog window */
    #small-dialog {
        background: white;
        /* text-align: left;
        max-width: 100%;
        margin: 0px auto 40px;
        position: relative; */
        
    }

    /* at start */
    .my-mfp-slide-bottom .zoom-anim-dialog {
        opacity: 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;

        -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

    }

    /* animate in */
    .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
        opacity: 1;
        -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    }

    /* animate out */
    .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
        opacity: 0;

        -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    }

    /* Dark overlay, start state */
    .my-mfp-slide-bottom.mfp-bg {
        opacity: 0;

        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
        
    }
    /* animate in */
    .my-mfp-slide-bottom.mfp-ready.mfp-bg {
        background: #fff;
        /* background: #B9EAFF; */
        opacity: 1;
    }
    /* animate out */
    .my-mfp-slide-bottom.mfp-removing.mfp-bg {
        opacity: 0;
    }
    .mfp-container{
        background: #fff;
        padding: 0px;
    }
    .mfp-close-btn-in .mfp-close {
        color: #0094B5;
        border-color: #0094B5;
        width: 120px;
        height: 29px;
        font-size: 12px;
        line-height: 12px;
        border-radius: 50px;
        float: none;
        border: 1px solid #0094B5;
        bottom:0px;
        left: 0;
        background: #fff;
        opacity: 1;
        margin: 85px auto 0;
        
    }
    .close_button{
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        top:0px;
        border-radius: 0;
        background: #fff;
        width: 100%;
        padding: 15px;
        height: 130px;
        box-shadow: 0 4px 8px 0 #0000001A, 0 6px 20px 0#0000001A;
        /* overflow: hidden; */
        z-index: 2;
    }
    #as_detailed1  .close_butto .mfp-close, #as_detailed2  .close_butto .mfp-close, #as_detailed3  .close_butto .mfp-close  {
        font-size: 20px;
        border: 0;
        background: #b9eaff00;
        margin: 0;
        padding: 15px;
        left: 0;
        color: #000;
        font-size: 20px;
        width: 50px;
        height: 50px;
    }
    .position_r{
        padding: 15px;
    }
    #small-dialog p{
        font-family:Poppins-Regular ;
        font-size:12px;
        line-height: 22px;
        text-align:center;
        padding-bottom: 15px;
    /* border-bottom: 1px solid #DBDBDB; */
    }
    #mobile_icon img{
        float: left;
        margin-right: 10px;
        margin-bottom: 15px;
        width: 36px;
    }
    #mobile_icon h2{
        font-family: Poppins-Medium !important;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: left;
    }
    #mobile_icon p{
        font-family:Poppins-Regular ;
        font-size:12px;
        line-height: 22px;
        text-align: left;
        border: 0;
    }
    #mobile_icon{
        /* border-bottom: 0;
        border-top: 0;
        margin: 0;
        padding: 15px 0;
        padding: 15px;
        border-radius: 10px; */
        border-bottom: 0;
        border-top: 0;
        margin: 0;
        padding: 15px 0;
        padding: 15px;
        border-radius: 10px;
    }
    .is-accordion-header p, .is-accordion-inner p {
        font-family: Poppins-Regular;
        font-size: 12px;
        line-height: 18px;
        color: rgb(0 0 0 / 70%);
        text-align: left !important;
        margin: 0;
        padding-bottom: 0px !important;
        width: 90%;
    }
    .is-accordion-header:before {
        content: '';
    background-image: url(https://assets.mfine.co/api/contentservice/attachments/download/web/common/assessment/up-arrow-1.svg);
    transition: all .3s .1s;
    position: absolute;
    top: 10%;
    right: 0%;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999999;
    pointer-events: none !important;
    }

    .is-accordion-header.active:before {
        background-image: url(https://assets.mfine.co/api/contentservice/attachments/download/web/common/assessment/down-arrow-1.svg);
    top: 20px;
    }
    .is-accordion-header {
        cursor: pointer;
        position: relative;
    }

    .is-accordion-header img {
        width: 40px;
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .is-accordion-header h4,
    .is-accordion-inner h4 {
        font-family: Poppins-Medium;
        font-size: 14px;
        line-height: 21px;
        color: rgb(0 0 0 / 70%);
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .is-accordion-header p,
    .is-accordion-inner p {
        font-family: Poppins-Regular;
        font-size: 12px;
        line-height: 18px;
        color: rgb(0 0 0 / 70%);
        text-align: left !important;
        margin: 0;
        padding-bottom: 0px !important;
    }

    .it_works h3{
        font-family:Poppins-SemiBold !important;
        font-size:16px;
        line-height: 26px;
        padding: 15px 0;
    }
    .it_works_icon img{
        float: left;
        width: 45px;
        margin-right: 10px;
        box-shadow: 0 0px 3px 0 rgb(0 0 0 / 20%), 0 3px 3px 0 rgb(0 0 0 / 19%);
        border-radius: 50px;
    }
    .it_works_icon p{
        text-align: left !important;
        margin-bottom: 0;
        padding: 10px 0 !important;;
        min-height: 66px;
    }
    .it_works_icon::before{
         /*line no 696 */
        content: '';
        border-left: 0;
        position: absolute;
        padding-top: 0;
        width: 90%;
        left: 36px;
        z-index: -1;
    }
    .it_works_icon:last-child:before{
        content:'';
        border:0;
    }
    
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
      }
      
      .sticky + .content {
        padding-top: 902px;
      }
  .header{
    background: #fff;
    position: fixed;
    /* top: 0; */
    top:80px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 3;
    left: 0;
    padding:15px 15px 0;
    width: 100%;
  }
  #testimonial, #custom_footer{
    position: relative;
    z-index: 2;    
    padding: 15px 0;
  }
  #custom_footer h4{
    padding: 15px 0 5px;
    margin: 0;
  }
  #custom_footer{
      padding:30px 0;
  }
  #as_detailed1 h3, #as_detailed2 h3, #as_detailed3 h3{
    font-family:Poppins-SemiBold;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
#as_detailed1, #as_detailed2, #as_detailed3{
    padding:15px;
    /* position: relative;
    height: 155vh; */
    position: absolute;
    right: 0;
    top:73;
    width:100%;
    height:auto;
    overflow: auto;
    height: 125vh;
    background: #b9eaff;
}


.small_text{
    font-family: Poppins-Regular;
    font-size: 11px;
    line-height: 12px;
    padding-top: 25px;
    margin-bottom: 0;
}
#as_detailed1 h2, #as_detailed2 h2, #as_detailed3 h2{
    font-family:Poppins-SemiBold;
    font-size: 22px;
    line-height: 24px;
    color:#0F8BBC;
    margin: 10px 0;
}
#as_detailed1  img, #as_detailed2  img, #as_detailed3  img{
    width:22px;
} 
#as_detailed1 .icons_set_1, #as_detailed1 .icons_set_2, #as_detailed1 .icons_set_3,
#as_detailed2 .icons_set_1, #as_detailed2 .icons_set_2, #as_detailed2 .icons_set_3,
#as_detailed3 .icons_set_1, #as_detailed3 .icons_set_2, #as_detailed3 .icons_set_3{
    top: 45px;
    right: 0;
}
#as_detailed1 .icons_set_2, #as_detailed2 .icons_set_2, #as_detailed2 .icons_set_2{
    top:115px;
}
#as_detailed1 .icons_set_3, #as_detailed2 .icons_set_3, #as_detailed3 .icons_set_3{
    top:190px;
}
.mfp-container {
    background: #B9EAFF;
}
#as_detailed1 h4, #as_detailed2 h4, #as_detailed3 h4{
    font-size: 15px;
    line-height: 25px;
    width: 80%;
    font-family:Poppins-SemiBold;
}
#as_detailed1 .normal_text, #as_detailed2 .normal_text, #as_detailed3 .normal_text{
    width: 75%;
    font-size: 13px;
    line-height: 23px;
    font-family:Poppins-Regular;
}
#as_detailed1 .card-img-overlay, #as_detailed2 .card-img-overlay, #as_detailed3 .card-img-overlay{
    position: relative;
    padding:0px;
    margin-bottom: 70px;
}
.containe{
    height: 300px;    
}
.center_cnt .card{
    margin: 0 5px;
    padding: 15px;
    background: #ABDFF5;
    border-radius: 10px;
    width: 236px;
}
.center_cnt{
    z-index:2;
}
.center_cnts .card{
    margin: 0 5px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    width: 236px;
}
#as_detailed1 .card-img, #as_detailed2 .card-img, #as_detailed3 .card-img{
    position: absolute;
    bottom: 0;
    width: auto;
}
.mfp-wrap {
    top:0 !important;
    height: 0 !important;
}
#as_detailed1.sticky, #as_detailed2.sticky, #as_detailed3.sticky{
    position: fixed;
    bottom: 0;
    top: initial;
    height: 125vh;
  }
  #small-dialog{
    padding:0px;
    /* position: relative;
    height: 155vh; */
    position: absolute;
    right: 0;
    top:73;
    width:100%;
    height:auto;
    overflow: auto;
    /* height: 125vh; */
    background: #fff;
  }
  #small-dialog.sticky{
    position: fixed;
    bottom: 0;
    top: 0 !important;
    /* height: 100vh; */
  }
#second-popup.sticky {
    position: fixed;
    bottom: 0;
    top: initial;
    height: 100vh;
  }
 #second-popup img{
     width:20px;
 }
 #sliderss p{
    font-family:Poppins-Regular;
    font-size:12px;
    line-height: 22px;
 }
 #second-popup .circle_btn{    
    border-radius: 50%;    
    color: #000;
    font-size: 25px;
    border: 0;
    position: absolute;
    left: 50%;    
 }
 #second-popup .circle_btn img{
     width:35px;
 }
 #second-popup .mfp-close{
     display:none;
 }
 #second-popup{   
    padding:85px 0;
    position: absolute;
    right: 0;
    top:0;
    width:100%;
    height:auto;
    overflow: auto;
    height: 100vh;
    background: #b9eaff94;
 }
 .m0 img{
     width:30px;
     float: left;
    margin: 0 10px 30px 0;
 }
 .blue_bg h4{
     font-size:16px;
     line-height: 16px;
 }
 #small-dialog p{
     text-align: left;
 }
 .blue_bg{
     display: block !important;
 }
 
}
@media only screen and (min-width:768px){
    .icons_link{
        display:none;
    }
 
}
@media only screen and (min-width:768px) and (max-width:991px){
    .uc_cards .slick-dots li button:before {
        font-size: 15px;
    }
    .slidingmenu{
        margin-top: 0!important;
    }
   
    #main-header.oldheader {
        display: block!important;
    }
    
    .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation{
        display: block !important;
    }
    .mweb_sec .ttitle{
        display:none !important;
    }
    #header.whiteHeader {
        display: block;
    }
    .boot_cards .card{
        height: 300px;
    }
    .boot_cards .card-img{
        /* height: 215px;
        width: 232px !important; */
    }
    [data-tooltip]:before{
        left: 90%;
    }
    #counter img{
        width:25px;
    }
    #banner h1 {
        font-size: 28px;
        line-height: 38px;
    }
    #banner p {
        font-size: 16px;
        line-height: 26px;
    }
    #icon h2 {
        font-size: 11px;
        line-height: 21px;
    }
    .blue_bg h4{
        font-size: 12px;
        line-height: 15px;
        text-align: center;
    }
    .m0{
        padding: 20px 0 25px;
    }
    .blue_bg p{
        font-size: 12px;
    line-height: 16px;
    }
    .boot_cards h4, .uc_cards h4, #testimonial h4, #custom_footer h4, #faq h4{
        font-size: 26px;
    line-height: 36px;
    }
    .card-1 .card-text, .card-2 .card-text, .card-3 .card-text, .card-7 .card-text{
        font-size: 11px;
    line-height: 21px;
    }
    .card-1 h5,.card-2 h5, .card-3 h5, .card-7 h5, .card-8 h5 {
        font-size: 12px;
    line-height: 20px;
    }
    .card-title {
        font-size: 12px;
    line-height: 18px;
    }
    .card h6{
        font-size: 12px;
        line-height: 16px; 
    }
    .icons_set_1, .icons_set_2, .icons_set_3{
        top: 10px;
    right: 5px;
    width: 55px;
    }
    .icons_set_1 p, .icons_set_2 p, .icons_set_3 p{
        margin-top: 0;
    font-size: 9px;
    line-height: 10px;
    }
    .icons_set_2 {
        top: 68px !important;
    }
    .icons_set_3 {
        top: 138px !important;
    }
    .card-2 h5{
        width: 78%;
    }
    .btn-dark{
        width: 125px;
    height: 28px;
    font-size: 12px;
    line-height: 12px;
    bottom: 15px;
    right: 10px;
    }
    .uc_cards .card-title{
        font-size: 12px;
        line-height: 18px;
    }
    .uc_cards h6{
        font-size: 11px !important;
        line-height: 19px !important;
    }
    #testimonial .slick-initialized .slick-slide{
        font-size: 12px;
    line-height: 24px;
    min-height: 378px;  
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .card-title{
        width: 73% !important;
    }
    .uc_cards .card-title{
        font-size: 12px;
        line-height: 18px;
    }
    .uc_cards h6{
        font-size: 11px !important;
        line-height: 19px !important;
    }
    #testimonial .slick-initialized .slick-slide{
        min-height: 350px;  
        }
    [data-tooltip]:before{
        left: 90%;
    }
    #counter img{
        width:30px;
    }
    .blue_bg h4{
        font-family: Poppins-Bold;
    font-size: 16px;
    }
    #banner h1{
        font-size: 35px;
    line-height: 45px;
    }
    .icons_set_1, .icons_set_2, .icons_set_3{
        right:14px;
    }
    .icons_set_1{
        top:15px;
    }
    .icons_set_2 {
        top: 80px;
    }

    .icons_set_3 {
        top: 145px;
    }
    
}
@media only screen and (min-width:1800px){
    #counter .uc_cards img {
        width: 100%;
        padding-bottom: 0;
        margin-top: 30px;
    }
    .uc_cards .card {
        background: #efefef;
        border-radius: 25px;
    }
    #counter img{
        width:30px;
        /* padding-bottom:20px; */
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
    #banner h1{
        font-size: 41px;
        line-height: 51px;
    }
    #icon h2{
        font-size:23px;
        line-height: 34px;
    }
    #banner .col-md-2 {
        -ms-flex: 2;
        flex: 0 0 20%;
        max-width: 20%;
    }
    /* .blue_bg h4{
        font-size:28px;
        line-height: 38px;
        text-align: center;
    } */
    .m0 {
        height: 206px;
    }
    /* .blue_bg p{
        font-size:20px;
        line-height: 30px;
    } */
    .br-right{
        height: auto;
    }
    .boot_cards h4, .uc_cards h4, #testimonial h4, #custom_footer h4, #faq h4{
        font-size: 32px;
        line-height: 42px;
    }
    .card-1 .card-text, .card-2 .card-text, .card-3 .card-text{
        font-size: 16px;
        line-height: 26px;
    }
    .card-1 h5, .card-2 h5, .card-3 h5, .card-1 h5{
        /* font-size:20px;
        line-height: 30px; */
    }
    .card-1 h6, .card-2 h6, .card-3 h6,  .card-7 h6,  .card-8 h6{
        /* font-size:18px;
        line-height: 28px; */
    }
    .icons_set_1 p, .icons_set_2 p, .icons_set_3 p{
        font-size:12px;
        line-height: 16px;
    }
    .uc_cards .card-title{
        font-size:18px;
        line-height: 28px;
    }
    .uc_cards h6 {
        /* font-size: 20px;
        line-height: 28px; */
    }
    
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(https://assets.mfine.co/api/contentservice/attachments/download/web/common/pageLoader.gif) 50% 50% no-repeat rgb(250,250,250);
    /* opacity: .8; */
    background-size: 25%;
}