@import url('https://fonts.cdnfonts.com/css/switzer');
@import url('variables.css');


  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: var(--fs-xxs);}
  }
/* /////////////////////////Responsive////////////////////////// */



@media only screen and (max-width: 1240px) {
  
  
   
    
}
@media only screen and (min-width: 1280px) {
  
    .container {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 16px;
    }
   
    
}
@media only screen and (max-width: 1200px) {
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 16px;
    }
   
   
}
@media only screen and (max-width: 1200px) {
    .clientnmearrow:before {
        height: 85px; 
        top: 98px;
    }
    .clientnmeangle:after {
        right: -133px;   
    }
    .loading-circle:before {      
        height: 85px;
        top: 17px;
    }
    .loading-circle:after {
        right: -18px;      
    }
    .cfadoc::before {
        height: 54px; 
        right: -28px;  
        top: 78px;
    }
    .idcdoc::before {
        height: 54px; 
        right: -28px;   
        top: 54px;
    }
    .idcdoc::after {
        right: -57px;     
}
.cfadoc::after {
    right: -57px;

}
.id-docimg::before {
    height: 46px;
    left: -44px;
    top: 83px;
}
.id-docimg::after {
    left: -25px;
    top: 97px;
}
}

@media only screen and (max-width: 1117px) {
    .clientnmearrow:before {    
        top: 86px;
    }
    .clientnmeangle:after {
        top: 119px;
    }
    .id-docimg::before {
        height: 36px;
        top: 87px;
    }
    .id-docimg::before {
        
        top: 76px;
    }
    .id-docimg::after {
        top: 85px;
    }
}
@media only screen and (max-width: 1027px) {
    .clientnmearrow:before {
        top: 100px;
    }
    .clientnmeangle:after {
        top: 133px;
    }
    .id-docimg::before {
        left: -37px;
    }
    .id-docimg::after {
        left: -23px;
    }
   
}
@media only screen and (max-width: 992px) {
    .clientnmearrow:before {
        top: 112px;
    }
    .clientnmeangle:after {
        top: 145px;
    }
  
}


@media only screen and (max-width: 1023px) {
    .container {
        max-width: 1024px;
        margin: 0 auto;
        padding: 0 16px;
    }
    .bannerheading {
        padding-top: 30px;
        font-size: 48px;
        line-height: 64.08px;
    }
    .main-content {
        height: 751px;
    }
    .onesystm {
        padding-top: 76px;
    }
    .keepclient {
        padding-top: 76px;
    }
  
    .clientautomative {
        padding-top: 76px;
    }
    .defendcommun {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .client-info {
        padding-top: 76px;
    }
    section.verifyclient {
        padding-bottom: 76px;
    }
    .finance {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .js-ag-carousel {
        padding: 0px 0;
    }
    .easy-to-easy {
        padding: 76px 0;
    }
    .pain-point {
        height: 540px;
    }

   
}
@media only screen and (max-width: 991px) {
    .main-content {
        height: 700px;
    }
    .banner .bannerheading {
       font-size: var(--fs-l); line-height: var(--lh-l);
    }
    .defendcommun .defendrgt {order: 1;}
    .defendcommun .defendlft {order: 2;}

    .navbar-toggler {border: none;padding: 0;}
    .navbar-toggler-icon {background-image: url(../images/menu.png);}
    .experience {margin-bottom: 32px;}
    .copyright {margin-top: 32px;}

}
@media only screen and (max-width: 980px) {
    .clientdesktopview{
        display: none;
    }
    .clientmobileview{
        display: block;
    }
    .mobileverify{
        display: block;
        max-width: 90%;
    }
}
@media only screen and (min-width: 768px) {
.automation-btm .automationstep .automationicon {
    order: 2;
}
}
@media only screen and (max-width: 768px) {
    .container {
        max-width: 768px;
        margin: 0 auto;
        padding: 0 16px;
    }
   

    .agreementimg img{
        width: 100%;
        height:auto;
      }
}
@media only screen and (max-width: 640px) {
    /* .container {
        max-width: 640px;
        padding: 0 17px;
    }
     */



}
@media only screen and (max-width: 480px) {
    
}


@media only screen and (max-width: 500px) {
   

}
@media only screen and (min-width: 768px) {
   
   
}

@media only screen and (max-width: 767px) {
    .clientcommunrgt {    margin: unset;    margin-top: -32px;
        max-width: 90%;}
.keep-leaf{
    display: none;
}
    .claim-management-mob{
        display: block;
    }
    .claim-management-desk{
        display: none;
    }
    .automation-btm .automationicon  {
        order: 0;
    }
    .automation-top .automationbrd:before {
        height: 100%;
        width: 2px;
    }
    .automation-top .automationbrd:first-child:before {
        width: 2px;
        left: 0;
        top: auto;
        bottom: 0;
        height: 59%;
    }
    .automationicon {
        width: 48px;        padding: 10px;
        height: 48px;}
        .automation-top .automationstep {    padding-bottom: 24px;
          padding-left: 21px;
        }
        .automationstep:before{display: none !important;}
         .automationstep:after {
            bottom: auto !important;
            left: -4px !important;
        }
        .automation-btm {
            padding-left: 0;
        }
        .automationbrd:before {
            content: "";
            border: 2px solid var(--primary);
            position: absolute;
            height: 100%;
            bottom: 0;
        }
        .automation-btm .automationstep {
            padding-bottom: 24px;padding-top: 0;
            padding-left: 21px;
        }
        .automation-btm .automationstep:after {
            top: auto;
        }
        .automation-btm .automationbrd:last-child:before {
            height: 42%;
            bottom: auto;
        }
        .automationstep p {font-size: var(--fs-xxs);}
        .automationicon img {
            height: 20px;
        }
        

    .content-dtls {padding-top: 32px;padding-bottom: 32px;}
      p{font-size: var(--fs-light);line-height: 26px;}
    .content-dtls h2 {font-size: var(--fs-s);line-height: 46.2px;}
    .mb-6{margin-bottom: 32px !important;}
    .content-dtls h3 {font-size: var(--fs-xxs);}
    .mb-6{margin-bottom: 40px;}
    .content-dtls p {font-size: var(--fs-light);line-height: 26px;}
  

    .mobileverify {margin: 0 auto;}
    .completeauto {padding-bottom: 56px;    padding-top: 56px;}
    .Client-communi h2 {margin-bottom: 0;}
    .desktoplogos {gap: 24px;}
    .getdemobtn {border: none;}
    .heading {
       font-size: var(--fs-s);
        line-height: 46.2px;
    }
    .main-content {
        /* background-image: url(../images/mobilebanner.svg); */
        background-image: none;
        background-size: contain;
        background-position: bottom;
        height: 853px;
    }
    .bg-overley.show {
        background: #121212;
        height: 100%;
        opacity: 60%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
    }
    .navbar-nav .nav-item a {
        display: block;
    }
    header .navbarcnt {
        position: fixed;
        z-index: 100000;
        height: 100%;padding: 60px 32px;
        width: 300px;
        background: #fff;
        top: 0;
        right: 0;
    }
    header .navbarcnt .closebtn {
        position: absolute;
        background: transparent;
        border: none;
        font-size: 25px;
        right: 15px;
        top: 10px;
    }
    .headerrgt .navbar-button {
        border: none;
        background: transparent;
    }
    header .navbar-brand {
      font-size: 18px;}
      .main-content {
        height: 100%;
        padding-bottom: 0;
    }
    .bnr-img {
        position: relative;
        margin-top: -80px;
        right: -16px;width: 100%;
    }
    .navbar-brand {
        font-size: var(--fs-light);
        line-height: var(--lh-light);
    }
    .banner .bannerheading {
        font-size: var(--fs-m);
       line-height:58.08px;
       padding-top: 22px;
    }
    .headernav{
        padding: 16px 0;
    }
    p{
        font-size: var(--fs-light);
        line-height: 26px;
    }
    .getdemobtn {
        padding: 13px 16px;
    }
    .bannertxt {
        margin-top: 8px;
    }
    .getdemobtn {
        margin-top: 32px;
    }
    .logoipsm {
        padding: 56px 0;
    }
    .logoipsm .logocntnt {
        font-size: var(--fs-n);
        line-height: 36.96px;
    }
    .onesystm {
        font-size: var(--fs-s);
        line-height: 46.2px;
        padding-top: 56px;
    }
    .empowercntnt {
        margin-top: 12px;
    }
    .mobiledata {
        display: block;
        margin-top: 12px;
    }
    .desktopdata{
        display: none;
    }
    .keepclient {
        padding-top: 56px;
        padding-bottom: 28px;
    }
    .clientupdt {
        font-size: var(--fs-s);
        line-height: 46.2px;
    }
   .clientportcntnt {
        margin-top: 12px;
    }
    .copypaste {
        font-size: var(--fs-xs);
        line-height: 32px;
    }
    .onboarding {
        padding-top: 28px;
    }
    .onboarding p {
        font-size: var(--fs-n);
        line-height: 36px;
    }
   
    .Client-communi h2 {
        font-size: var(--fs-s);
        line-height: 46.2px;
        margin-bottom: 12px;
    }
    .clientautomative {
        padding-top: 40px;
    }
    .mobiledefendcommun{
        display: block;
        padding-top: 56px;
        padding-bottom: 40px;
    }
   
    .Client-communi p {
        margin-bottom: 24px;
    }
    .client-info {
        padding-top: 56px;
    }
    .verify h2 {
        font-size: var(--fs-s);
        line-height: 46.2px;
    }
    .desktopverify{
        display: none;
    }
    .mobileverify{
        display: block;
    }
    section.verifyclient {
        padding-bottom: 56px;
    }
    .finance {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .financeagree h2 {
        font-size: var(--fs-s);
        line-height: 46.2px;
        margin-bottom: 12px;
    }
    .financeagree p {
        margin-bottom: 24px;
    }
    .agreementimg {
        padding-bottom: 32.2px;
    }
    .js-ag-carousel {
        padding: 0px 0;
    }
    .easy-to-easy {
        padding: 56px 0;
    }
    .fast-easy h2 {
        font-size: var(--fs-s);
        line-height: 46px;
    }
    .solved-sol {
        font-size: var(--fs-s);
        line-height: 46px;
    }
    .getdemobtn2 {border: none;
        justify-content: center;
    }
    .legalwidth {
        width: 50%;
    }
    .contactwidth {
        width: 50%;
    }
    .experience {
        margin-bottom: 32px;
    }
    .copyright {
        margin-top: 32px;
    }
    .pain-point {
        height: 416px;
    }
   
}

@media only screen and (max-width:575px) {
    .clientcommunrgt2{left:15px}
    .clientcommunrgt3{left:30px}
    .clientcommunrgt4{left:45px}
    .clientcommun-inr {
     padding: 20px 0;
    }
}

@media only screen and (max-width:390px) {
    .pain-point {
        height: 480px;
    }
    .desktoplogos{
        display: none;
    } 
    .mobilelogos{
        display: block;
    }
    .main-contentmobile{
        display: block;
    }
   
    .Client-communi h2 {
        margin-top: 0px;
    }
    .portal-code {
        margin-bottom: 0;
    }
    .copypaste-portal{
        padding: 24px 0;
    }
    .legalwidth {
        width: 100%;
    }
    .contactwidth {
        width: 100%;
    }
    footer .col-md-6 {
        padding: 0;
    }
    .ftrlogo {
        font-size: 22px;
        Line-height: 20.68px;
    }
    .cmpnydetail {
        width: auto;}
        .getdemobtn2 {width: 100%;
        }
        .banner .bannerheading {
            font-size: 40px;}
}