@charset "utf-8";
@import url("https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css"); 
/*=============== Default CSS Start ==================*/
:root {
    --black:   #000000;
    --white:   #ffffff;
    --yellow:  #E8C600;
    --mgray:   #2c3d4e;
    --dgray:   #334956;
    --lblack:  #141E24;
    --maroon:  #d80007;
    --green:   #50B071;


    --bolder: 900;
    --bold: 700;
    --midium:500;
    --normal: 400;  
    --light: 300;
    --thin: 100;
}
html {
    overflow-x:hidden; 
    margin:0 !important;
}
:focus,
:hover,
:active {
    outline:0;
    text-decoration:none !important;
}
a,
a:link {
    text-decoration:none;
    outline:none;
}
p {
    margin:0;
    padding:0;
}
a {
    text-decoration:none;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
a:hover {
    text-decoration:none !important;
}
a:focus {
    outline:none;
}
:hover {
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
h1,
h1 a,
h2,
h2 a,
h3,
h4,
h5,
h6 {
    margin:0;
    padding:0;
    font-weight:normal;
    text-shadow:none;
}
img {
    border:0;
    max-width:100%;
    height:auto;
    width:auto;
}
:-webkit-input-placeholder {
    opacity:1;
}
:-moz-placeholder {
    opacity: 1;
}
::-moz-placeholder {
    opacity: 1;
}
:-ms-input-placeholder {
    opacity: 1;
}
*,
body * {
    box-sizing: border-box;
}
html, body {
  overscroll-behavior: none;
}
body {
    margin:0;
    padding:0;
    position:relative;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    background-color:var(--white);
    color:var(--mgray);
    font-size:18px;
    font-weight:400;
    font-style:normal;
    line-height:28px;
    box-sizing:border-box;
}

.loaderDiv {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    top: 0;
    left: 0;
  }
  
  .loaderTop,
  .loaderBottom {
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: var(--maroon);
    z-index: 10000;
    transition: all 2s ease-in-out;
  }
  
  .loaderTop {
    top: 0;
  }
  
  .loaderBottom {
    bottom: 0;
  }

/* Text Common Font, Size , Style Start */
h1,
h2,
h3{
    display:block;
    padding:0;
    margin: 0 auto 20px;
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-weight:700;
    font-style:normal;
}
h4, h5, h6{
    display:block;
    padding:0;
    margin: 0 auto 10px;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-weight:400;
    font-style:normal;
}
p{
    display:block;
    padding:0;
    margin:0 auto 15px;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:28px;
    font-weight:400;
    font-style:normal;
    text-transform:none;
    text-decoration:none;
    color:var(--dgray);
}
ul li, ol li{
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:28px;
    font-weight:400;
    font-style:normal;
    text-transform:none;
    text-decoration:none;
    color:var(--dgray);
    padding:0;
    margin:0 auto 5px;
}
/* Text Common Font, Size , Style End */

/* Button And Button DropDown  Start */
.align-center{
    display:block;
    text-align: center;
    padding:30px 0 0 0;
}
.btn {
    display: inline-block;
    margin: 0;
    padding:14px 30px;
    min-width:210px;
    min-height:50px;
    text-align: center;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:400;
    font-style:normal;
    line-height:26px;
    text-transform: none;
    text-decoration: none;
    position: relative;
    background-color:transparent;
    border:1px solid var(--maroon);
    background-color:var(--maroon);
    cursor:pointer;
    text-transform:capitalize;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    overflow:hidden;
    text-align:center;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.btn span {
    display:inline-block;
    position:relative;
    z-index:90;
}
.btn:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color:var(--dgray);
    transform:translateX(-100%);
    box-sizing:border-box;
    transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.btn:hover {
    color:var(--white);
    border-color:var(--dgray);
}
.btn:hover:before {
    transform:translateX(0);
}
.btn.btn-disable, .btn-disable{
    opacity:0.5;
    cursor:not-allowed;
    pointer-events:none;
}

.btn-common {
    display: inline-block;
    margin: 0;
    padding:14px 30px;
    min-width:210px;
    min-height:50px;
    text-align: center;
    color:var(--maroon);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:400;
    font-style:normal;
    line-height:26px;
    text-transform: none;
    text-decoration: none;
    position: relative;
    background-color:transparent;
    border:1px solid var(--white);
    background-color:var(--white);
    cursor:pointer;
    text-transform:capitalize;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    overflow:hidden;
    text-align:center;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.btn-common span {
    display:inline-block;
    position:relative;
    z-index:90;
}
.btn-common:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color:var(--maroon);
    transform:translateX(-100%);
    box-sizing:border-box;
    transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.btn-common:hover {
    color:var(--white);
    border-color:var(--dgray);
}
.btn-common:hover:before {
    transform:translateX(0);
}
.btn-common.btn-disable, .btn-disable{
    opacity:0.5;
    cursor:not-allowed;
    pointer-events:none;
}
.dropdown-btn{
    display:block;
    margin:0 auto;
    padding:0;
    position:relative;
    z-index:10;
}
.dropdown-btn ul{
    position:absolute;
    margin:0;
    padding:0 18px;
    width:auto;
    min-width:208px;
    background-color:#E7D6C3;
    display:none;
}
.dropdown-btn ul li {
    list-style: none;
}
.dropdown-btn ul li a {
    display:block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    background-color:transparent;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:16px;
    line-height:20px;
    color:#333A3D;
    border-bottom: 1px solid #E3CAAE;
    transition:0.5s;
}
.dropdown-btn ul li a:hover{
    background-color:transparent;
    color:#333A3D;
    font-weight:700;
}
.dropdown-btn ul li:last-child a{
    border-bottom:none;
}
.link{
    display:inline-block;
    margin:0;
    padding:5px 0;
    color: var(--dgray);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:400;
    font-style:normal;
    line-height:26px;
    text-decoration:none;
    position:relative;
    background-color:transparent;
    border:none;
    cursor:pointer;
    text-transform:none;
}
.link span{
    display:inline-block;
    margin:0;
    padding:0;
}
.link:hover{
    color: var(--yellow);
}
/* Button And Button DropDown  End */

/* Table Responsive Start */
.table-responsive {
    display:block;
    width:100%;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
}
/* Table Responsive End */

/* Clearfix Start */
.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
}
.clear:before,
.clear:after {
    content: '';
    display: table;
    height: 1px;
    width: 100%;
}
.clearfix {
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0;
    display:block;
    float:none;
    clear:both;
}
.clearfix:before,
.clearfix:after {
    content:'';
    display:table;
    width:100%;
    max-width:100%;
    height:1px;
    clear:both;
}
/* Clearfix End */

/* Image Effect Start */
.common-image-effect {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.common-image-effect img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.common-image-effect:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    z-index: 1;
    border-top: 1px solid var(--yellow);
    border-bottom: 1px solid var(--yellow);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}
.common-image-effect:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    border-right: 1px solid var(--yellow);
    border-left: 1px solid var(--yellow);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}
.common-image-effect:hover:before,
.common-image-effect:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.common-image-effect:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
/* Image Effect End */

/* Magnific Popup Start */
body .mfp-bg, .mfp-bg{
    background-color:rgba(30, 30, 30, 0.80);
    opacity:1;
}
body .mfp-close, .mfp-close, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, body .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:pointer;
    background-image:url('../images/close-icon.svg');
    background-repeat:no-repeat;
    background-position:center center;
    cursor: pointer;
    width:40px;
    height:40px;
    padding:4px;
    margin:0;
    top: 40px;
    right: 5px;
    text-indent:999px;
    padding:0;
    opacity:1;
}
.container, .container-fluid{
    margin:0 auto;
}
body .mfp-container, .mfp-container{
    cursor:auto;
}
body .mfp-counter, .mfp-counter{
    display:none;
}
body .mfp-arrow:before, .mfp-arrow:before, body .mfp-arrow:after, .mfp-arrow:after {
    display:none;
}
body .mfp-arrow, .mfp-arrow{
    opacity:1;
}
body .mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-left{
    background-image: url('../images/mfpLeftArrow.svg');
    background-repeat:no-repeat;
    background-size:auto;
    background-color:transparent;
    width:40px;
    height:65px;
    margin-left:65px;
}
body .mfp-arrow.mfp-arrow-right, .mfp-arrow.mfp-arrow-right{
    background-image: url('../images/mfpRightArrow.svg');
    background-repeat:no-repeat;
    background-size:auto;
    background-color:transparent;
    width:40px;
    height:65px;
    margin-right:65px;
}
/* Magnific Popup End */

.desktopview{
    display:block;
}
.tabletVersion{
    display:none;
}
.mobileview{
    display:none;
}
.tabletview{
    display: none !important;
}
.bannerImg img{
    width: 100%;
}
.playbtnArea img{
    max-width:48px;
}
/*=============== Default CSS End ==================*/

/* Header Start */
.header{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 0;
    padding:0;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none;
    z-index:9999;
    position: relative;
}
.header-wrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:var(--maroon);
    border:none;
    float:none;
    outline:none;
    border-bottom:9px solid var(--white);
    background-image:url(../images/headerBg.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
}
.header-wrapper-inner{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:50px 0;
    border:none;
    float:none;
    outline:none;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:center;
    align-content:center;
    position:relative;
}
.logo{
    display:block;
    margin:0;
    padding:0;
    width:auto;
    float:none;
    border:none;
    outline:none;
    background-color:transparent;
    position:absolute;
    top:65px;
    left:0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;  
    background-color: var(--white);
    border: 5px solid  var(--maroon);
    
}
.logo img{
    max-width:100%;
    width:200px;
    margin:0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.header-wrapper-inner .btn-common{
    font-weight:600;
    min-width:350px;
}
/* Menu Open */
.menu-wrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    width:auto;
    float:none;
    border:none;
    outline:none;
    background-color:var(--maroon); 
}
.navigation{
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 0 0 260px;
    width:auto;
    float:none;
    border:none;
    outline:none;
    background-color:transparent;
}
/* Menu Close */

/* Header End */

/* Footer Start */
.footer{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    background-color:var(--lblack);
    padding:50px 0;
    float:none;
    border:none;
    outline:none;
}
.footer-bottom{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    background-color:transparent;
    padding:35px 0 0 0;
    float:none;
    border:none;
    outline:none;
}
.footer-bottom p{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    text-align:center;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
}
.footer-bottom p small{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    background-color:transparent;
    padding:26px 0 0 0;
    float:none;
    border:none;
    outline:none;
    text-align: center;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.footer-bottom p small a{
    display:inline-block;
    text-decoration:underline;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.footer-bottom p small a:hover{
    color:var(--yellow);
}
.footer-top{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:flex-start;
    align-content:flex-start;
}
.footer-item-one{
    display:block;
    margin:0;
    padding:0;
    width:30%;
}
.footer-item-one a{
    display:inline-block;
    margin:0 0 17px 0;
    padding:0;
    max-width:200px;
}
.footer-item-one a img{
    display:block;
    margin:0;
    max-width:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.footer-item-one p{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    text-align:left;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height:22px; 
}
.footer-item-two{
    display:block;
    margin:0;
    padding:0;
    width:30%;
}
.footer-item-two ul{
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style:none;
}
.footer-item-two ul li{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 25px;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    text-align:left;
    list-style-type:none;
    list-style:none;
}
.footer-item-two ul li:last-child{
    margin-bottom:0;
}
.footer-item-two ul li a{
    display:inline-block;
    text-align:left;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height:22px; 
    float:none;
    border:none;
    outline:none;
    text-align:left;
    list-style-type:none;
    list-style:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
}
.footer-item-two ul li a:hover{
    color:var(--yellow);
}
.footer-item-three{
    display:block;
    margin:0;
    padding:0;
    width:40%;
}
.footer-item-three h4{
    display:block;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:22px; 
    float:none;
    border:none;
    outline:none;
    text-align:left;
    list-style-type:none;
    list-style:none;
    margin:0 auto 25px;
    padding:0;
    text-transform:uppercase;
    text-decoration: underline;
    cursor:default;  
}
.footer-button{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto 37px;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:flex-start;
    align-content:flex-start;
}
.footer-button .btn{
    min-width:370px;
    font-weight:600;
}
.footer-button .btn:before{
    background-color:var(--white);
}
.footer-button .btn:hover{
    border-color:var(--white);
    color:var(--black);  
}
.social-media-text{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto 0;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    align-content:center; 
}
.social-media{
    display:flex;
    width:auto;
    margin:0;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    align-content:center; 
    gap:0 20px;
    list-style:none;
    list-style-type:none;
}
.social-media li{
    list-style:none;
    list-style-type:none;
    margin:0;
    padding:0;
    display: block;
}
.social-media li a{
    margin:0;
    padding:0;
    display:block;
    cursor:pointer;
}
.social-media li a:hover{
    opacity:0.7;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
}
.social-media li a img{
    margin:0;
    padding:0;
    display:block;
}
.footer-link{
    display:flex;
    width:auto;
    margin:0;
    background-color:transparent;
    padding:0;
    float:none;
    border:none;
    outline:none;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    align-content:center; 
    gap:0 10px;
    list-style:none;
    list-style-type:none;
}
.footer-link li{
    list-style:none;
    list-style-type:none;
    margin:0;
    padding:0;
    display: block;
}
.footer-link li a{
    margin:0;
    padding:0;
    display:block;
    cursor:pointer;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:22px; 
    float:none;
    border:none;
    outline:none;
    text-align:left;
}
.footer-link li a:hover{
    color:var(--yellow);
}
.footer-button.footer-button-mobileOnly{
    display:none;
}
/* Footer End */

/* Start Your Recovery Now Start */
.start-your-recovery{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:var(--white);
    float:none;
    border:none; 
    outline:none;
}
.start-your-recovery-top{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:var(--white);
    float:none;
    border:none; 
    outline:none;  
}
.start-your-recovery-top .trustCont_area{
    background-color: var(--lblack);
    max-width:352px;
    padding:40px 20px;
}
.start-your-recovery-top .trustCont_area .trustheading{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
}
.start-your-recovery-top .trustCont_area  .trustlogo{
    max-width:127px;
}
.start-your-recovery-top .trustCont_area span svg{
    max-width:22px;
    max-height:18px;
}
.start-your-recovery-middle{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 25px 48px 25px;
    background-color:var(--white);
    float:none;
    border:none; 
    outline:none;  
}
.start-your-recovery-middle-inner{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:70px 0;
    background-color:#DBE2E8;
    float:none;
    border:none; 
    outline:none;    
}  
/* Form Start */
.form-container{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    float:none;
    border:none; 
    outline:none;    
    border-radius:0;
}
.form-container .row{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    float:none;
    border:none; 
    outline:none;    
    border-radius: 0;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content: space-between;
    align-items:flex-start;
    align-content:flex-start;
    gap:0 30px;
}
.form-container .row .col{
    display:block;
    width:50%;
    margin:0 0 32px 0;
}
.form-container .row.row-full {
    flex-direction: column;
}
.form-container .row.row-full .col{
    width:100%;
    max-width:100%;
}
.form-container .row .col label{
    display:block;
    width:100%;
    margin:0 auto 5px;
    padding:0;
    color:var(--mgray);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 168.75% */
}
.form-container .row .col label em{
    font-weight:500;
}
.form-container .row .col .form-input{
    display:block;
    width:100%;
    margin:0 auto 0;
    color:var(--mgray);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 168.75% */
    background-color:var(--white);
    border:1px solid var(--white);
    outline:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    max-width:100%;
    padding:10px 15px;
    height:47px;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.form-container .row .col .form-input:focus{
    border-color: var(--mgray);
}
.form-container .row .col textarea.form-input{
    min-height:150px;
    resize: vertical;
}
.custom-radio-button-wrapper{
    display:flex;
    margin:0 auto;
    padding:0;
    background-color: transparent;
    float:none;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:0 20px;
    align-items: center;
    align-content: center;
    justify-content:flex-start;
}
.custom-radio-button-wrapper .custom-radio-button {
    display:block;
    margin:0 ;
    padding:0;
    background-color: transparent;
    float:none;
    position: relative;
    width:50%;
    min-height:50px;
}
.custom-radio-button-wrapper .custom-radio-button  label,
.custom-radio-button-wrapper .custom-radio-button  input {
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.custom-radio-button-wrapper .custom-radio-button  input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}
.custom-radio-button-wrapper .custom-radio-button  input[type="radio"]:checked + label {
    background-color:var(--maroon);
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
.form-container .custom-radio-button-wrapper .custom-radio-button .btn-common{
    border-color:#6F8698;
    color:#6F8698;
    background-color:transparent;
    padding:10px 15px;
    min-width:195px;
}
.form-container .custom-radio-button-wrapper .custom-radio-button .btn-common span{
    color:#6F8698;
    text-align: center;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.4px; /* 127.5% */
    text-transform: uppercase;
}
.form-container .custom-radio-button-wrapper .custom-radio-button .btn-common:hover span{
    color: var(--white);
}
.form-container .custom-radio-button-wrapper .custom-radio-button  input[type="radio"]:checked + label span{
    color: var(--white);
}
.form-container .btn.btn-submit{
    min-width:350px;
    margin:0 auto;
    display:block;
    font-weight:600;
}
.form-container .file-uploader-wrapper{
    display:block;
    width:100%;
    margin:0 auto 0;
    color:var(--mgray);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 168.75% */
    background-color:var(--white);
    border:1px solid var(--white);
    outline:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    max-width:100%;
    padding:10px 15px;
    height:47px;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    position: relative;
}
.form-container .file-uploader-wrapper input[type="file"], .form-container .row .col  .file-uploader-wrapper input[type="file"].form-input{
    position:absolute;
    top:-1px;
    left:-1px;
    z-index:2;
}
.form-container .file-uploader-wrapper .file-uploader, .form-container .row .col .file-uploader-wrapper label.file-uploader{
    display: block;
    background-color:#B0C0CC;
    padding: 8px 10px;
    height:47px;
    color: #FFF;
    text-align: center;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.4px; /* 127.5% */
    text-transform: uppercase;
    margin:0 auto;
    position: absolute;
    top:-1px;
    right:-1px;
    width:126px;
    cursor: pointer;
    z-index:4;
}
.form-container .file-uploader-wrapper .file-uploader span{
    color: #FFF;
    text-align: center;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.4px; /* 127.5% */
    text-transform: uppercase;
    display:inline-block;
}
.form-container .file-uploader-wrapper .file-uploader span.icon-upload{
    position: relative;
    top:5px;
}
.form-container .tc-check-box{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    float:none;
    border:none; 
    outline:none;
    flex-direction: row;
    flex-wrap: nowrap; 
    justify-content:center;
    align-items: center;
    align-content: center; 
}
.form-container .tc-check-box input[type=checkbox] {
    zoom: 1.5;
}
.form-container .tc-check-box label, .form-container .row .col .tc-check-box label{
    display:inline-block;
    width:auto;
    margin:0 0 0 5px;
    padding:0;
    color: #49687A;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 168.75% */
}
.form-container .tc-check-box label a{
    display:inline-block;
    color: #49687A;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; 
    text-decoration: underline;
}
.form-container .tc-check-box label a:hover{
    color:var(--black);
}
/* Form End */
.start-your-recovery-bottom{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:#6F8698;
    float:none;
    border:none; 
    outline:none;  
}
.start-your-recovery-bottom-inner{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:118px 0 160px;
    background-color:transparent;
    float:none;
    border:none; 
    outline:none;  
    text-align: center;
}
.syr-icon{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 15px;
    padding:0;
    background-color:transparent;
    float:none;
    border:none; 
    outline:none;  
    text-align: center;
}
.syr-icon img{
    display:block;
    margin:0 auto;
    max-width:100%;
}
.start-your-recovery-bottom-inner h3{
    display:block;
    margin:0 auto 25px;
    padding:0;
    color: var(--white);
    text-align: center;
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 112% */
    text-transform:capitalize;
}
.start-your-recovery-bottom-inner p{
    display:block;
    margin:0 auto 0;
    padding:0;
    color: var(--white);
    text-align: center;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}
/* Start Your Recovery Now End */

/* Login Popup Start */
.white-popup, .white-popup-block{
    position:relative;
    background-color:var(--white);
    padding:25px;
    width:auto;
    max-width:675px;
    margin:20px auto;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */  
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.white-popup-block-inner{
    display:block;
    margin:0 auto;
    width:100%;
    max-width:100%;
    padding:60px 60px 40px 60px;
    background-color:#B0C0CC;
}
body .white-popup-block .mfp-close, .white-popup-block .mfp-close{
    background-image:url('../images/close-icon.svg');
    background-repeat:no-repeat;
    background-position:center center;
    cursor: pointer;
    width:40px;
    height:40px;
    padding:4px;
    margin:0;
    top:25px;
    right:25px;
}
/* Login Popup Start */

/* CMS Page Start*/
.cms-container{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:30px 0 50px;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none;
}
/* CMS Page End*/

/* Contact Page Wrapper Start */
.contact-wrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 0 0;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none;
}
/* Contact Page Wrapper End */

/* How It Works  Page Start */
.how-it-works-wrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 0 0;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none;
}
.how-it-works-one{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 0 0;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none; 
}
.how-it-works-two{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 25px;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none; 
}
.how-it-works-two-inner{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:130px 0 65px;
    background-color:#F8F9FA;
    border:none;
    float:none;
    outline:none; 
}
.consider-wrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none; 
}
.consider-wrapper h5{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 15px;
    padding:0;
    color: #6F8698;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.4px;
    text-align: center;
}
.consider-wrapper h2{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 40px;
    padding:0;
    color: #334956;
    text-align: center;
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 112% */
    text-align: center;
}
.consider-wrapper-inner {
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:20px 0 0 0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none; 
}
.consider-wrapper-row{
    display:flex;
    width:100%;
    max-width:100%;
    margin:0 auto 62px;
    padding:0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:flex-start;
    align-content:flex-start;
    gap:0 40px;
}
.consider-wrapper-left{
    display:flex;
    width:50%;
    max-width:50%;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none; 
    text-align:right;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content:center;
    align-items:center;
    align-content:flex-end;
}
.consider-wrapper-right{
    display:block;
    width:50%;
    max-width:50%;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none; 
    text-align: left;
}
.consider-wrapper-row h3{
    display:block;
    width:100%;
    margin:0 0;
    padding:0;
    color:var(--mgray);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:22px;
    font-style:normal;
    font-weight:500;
    line-height:28px; /* 127.273% */
    text-align:right;
    max-width:345px;
}
.consider-wrapper-row p{
    display:block;
    width:100%;
    margin:0 0 20px;
    padding:0;
    color:#6F8698;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:27px; /* 150% */
    max-width:496px;
}
.consider-wrapper-row ul, .consider-wrapper-row ol{
    margin:0 0 20px;
    padding:0 0 0 20px;
}
.consider-wrapper-row ul li, .consider-wrapper-row ol li{
    color:#6F8698;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:27px; /* 150% */
    margin:0 0 8px;
}
.how-it-works-three{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:50px 0 30px;
    background-color:var(--white);
    border:none;
    float:none;
    outline:none; 
}
.how-it-works-three .image-wrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0 0 0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none;
    text-align:center; 
}
.how-it-works-three .image-wrapper img{
    display:block;
    max-width:100%;
    width:auto;
    margin:0 auto;
}
.how-it-works-four{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:80px 0 90px;
    background-color:var(--maroon);
    border:none;
    float:none;
    outline:none; 
}
.how-it-works-four-inner{
    display:block;
    width:100%;
    max-width:650px;
    margin:0 auto;
    padding:0;
    background-color:transparent;
    border:none;
    float:none;
    outline:none;   
}
.how-it-works-four h3{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 20px;
    padding:0;
    text-align: center;
    color:var(--white);
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 56px; /* 112% */
}
.how-it-works-four p{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto 40px;
    padding:0;
    text-align: center;
    color:var(--white);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}
.how-it-works-four .btn-common{
    font-weight:600;
    display: block;
    margin:0 auto;
    min-width:350px;
    max-width:350px;
}
.how-it-works-four .btn-common:before{
    background-color: var(--black);
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: default;
}
.mfp-close {
    cursor: pointer !important;
    width:30px !important;
    height:30px !important;
    line-height: 16px !important;
    margin-top: 10px;
}
/* How It Works  Page End */

/* Home Page Start */
.homeWrapper{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
}
.recoveryLawyersArea{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding: 91px 0;
}
.recoveryCont_area{
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.recoveryLeftCont{
    width:40%;
}
.recoveryRightCont{
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-top: 82px;
}
.smallcatiopn{
    color:var(--black);
    font-size: 12px;
    font-weight: var(--midium);
}
.recoveryLeftContInner h1{
    font-size: 50px;
    line-height: 56px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 0;
    color:var(--maroon);
}
.recoveryLeftContInner h1:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    width: 89px;
    background-color: var(--maroon);
    bottom: 0;
    left: 0;
}
.subheading{
    color: var(--mgray);
    font-size: 22px;
    font-weight: var(--midium);
    padding: 15px 0;
    position: relative;
    line-height: 26px;
}
.bannerImg{
    position: relative;
    margin: 0;
    padding: 5px;
    border: 3px solid var(--maroon);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.bannerImg a{
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}
.bannerImg a img{
  display: block;
    margin: 0 auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.playbtnArea{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.videoTtile{
    font-weight: 500;
    font-size: 16px;
    color: var(--dgray);
    line-height:27px;
    font-style: italic;
    text-align: center;
}
.debrecoveryArea{
    width:100%;
    margin: 0 auto;
    padding: 91px 0;
    background-color: #F9FAFB;
}
.debrecoveryArea.productDetails{
 background-color: #ffffff;
 padding-top:50px;
}
.debrecoveryCont_area{
    padding: 0;
    margin: 0;
}
.debrecoveryCont_area h2{
    font-size: 50px;
    line-height: 56px;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
    color: var(--maroon);
}
.debrecoveryCont_area p{
    color: var(--lgray);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--normal);
    line-height: 27px;
}

.threeboxesof-debt{
    padding-top: 60px;
    display: flex;
    flex-direction: row;
    gap: 21.47px;
}
.debtbox{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:0;
    background-color: var(--white);
}
.debrecoveryArea.productDetails .debtbox{
    background-color: #f2f2f2;
}
.debtboxContarea{
    padding: 20px;
}
.debtBoxheading{
    color:var(--lblack);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 100% */
    text-transform: capitalize;
    padding-bottom: 26px;
}
.debtboxContarea h3{
    color:var(--mgray);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 22px;
    text-transform: uppercase;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    /* min-height: 46px; */
}
.debtboxContarea p{
    color:var(--dgray);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.debrecoveryArea.productDetails .debtboxContarea p{
    overflow: visible;
    text-overflow: unset;
    display:block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;  
}
.productDetailsItemWrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    gap:0;
}
.productDetailsItemWrapper .item{
      width: 33.33%;
      padding:15px;
}
.recoveryInsightsCont_area.tabletview {
    background-image: url(./../images/recoveryInsight-tab-img.jpg);
    justify-content: flex-start;
}
.readyToGetPaidArea{
    background-color:var(--maroon) ;
    padding: 65px 0;
}
.readyToGetPaidCont_area{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.readyToGetPaidLeftCont h2{
    font-size: 50px;
    font-style: normal;
    font-weight: var(--thin);
    line-height: 56px;
    color: var(--white);
    margin-bottom: 0;
}
.marronsubheaing{
    font-size: 50px;
    font-style: normal;
    font-weight: var(--midium);
    line-height: 56px;
    color: var(--white);
}
.recoveryButton{
    border-radius: 6px;
    background: #FFF;
    width: 340.855px;
    height: 53.377px;
    color: var(--maroon);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--midium);
    line-height: 20.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.recoveryButton:hover{
    color: var(--white);
}
.recoveryButton:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--dgray);
    transform: translateX(-100%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.recoveryButton:hover:before {
    transform: translateX(0);
}
.recoveryButton span {
    display: inline-block;
    position: relative;
    z-index: 99;
}
.howItWorksArea{
    padding: 138px 0;
}
.howItWorksCont_area{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.howItworksImgArea{
    width: 42%;
}
.howItworksContent{
    width: 58%;
}
.howItworksContent h2{
    color: var(--dgray);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 59.6px;
    margin-bottom: 10px;
}
.howItworksContent .smallcatiopn{
    padding-bottom: 15px;
}
.clickBtn{
    color: var(--lblack);
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 27px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.clickBtn:hover{
    color: var(--maroon);
}
.subheading:before{
    content: none !important;
}

.trustArea{
    padding: 91px 0;
    background-color: var(--lblack);
}
.trustCont_area{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
}
.trustheading{
    color: var(--green);
    text-align: center;
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 51.6px
}
.legaladvantageArea{
    padding: 140px 0;
}
.legaladvantage_cont{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.lawyearImg{
    width: 50%;
}
.legalCont{
    width: 50%;
}
.legalCont h2{
    color: #334956;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 59.6px;
    margin-bottom: 10px;
}
.lawyersCont{
    color:var(--mgray);
    font-family: "IBM Plex Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.icontext{
    color: var(--mgray);
    font-family: "IBM Plex Sans";
    font-size: 18px;
    font-style: italic;
    font-weight: var(--midium);
    line-height: 27px;
    position: relative;
    top:-5px;
    padding-left: 5px;
}
.icontextArea{
    margin-top: 30px;
}
.icontextArea span{
    display: inline-block;
}
.actionbtnArea{
    margin-top: 20px;
}
.actionButton{
    border-radius: 6px;
    background:var(--maroon);
    color:var(--white);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--midium);
    line-height: 20.4px;
    width: 365.332px;
    height: 53.377px;
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.actionButton::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--dgray);
    transform: translateX(-100%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.actionButton:hover:before {
    transform: translateX(0);
}
.actionButton span {
    display: inline-block;
    position: relative;
    z-index: 95;
}
.laestrecoveryArea{
    padding: 132px 0;
    background-color:var(--dgray);
}
.latestrecoveryHeading{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: center;
}
.latestrecoveryHeading h2{
    color: var(--white);
    font-size: 32px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 40px;
    margin: 0;
}
.readallBtn{
    color: var(--white);
    text-align: center;
    font-size: 16px;
    font-style: italic;
    font-weight: var(--midium);
    line-height: 27px; /* 168.75% */
    text-decoration: underline !important;
}
.readallBtn:hover{
    color: var(--black);
}
.recoveryBoxArea{
    display: flex;
    flex-direction: row;
    gap: 36px;
    padding-top: 38px;
}
.recoveryBox{
    width:100%;
    background-color: var(--white);
    padding-top:25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.recoveryBox img{
    width: 70%;
    margin: 0 auto 0;
}
.recoveryBoxCont{
    padding: 25px;
}
.recoveryboxHeading{
    color: var(--dgray);
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px
}

.provenContainerArea{
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.provenInnercontainer{
    width: 100%;
    margin: 0 auto;
    padding: 130px 0;
    background-color: #F9FAFB;
    position: relative;
    /* z-index: 2; */
}
.provenContainerArea:before{
    content: '';
    width: 15px;
    background-color: var(--white);
    height: 100%;
    min-height:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.provenContainerArea:after{
    content: '';
    width: 15px;
    background-color: var(--white);
    height: 100%;
    min-height:100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.provenCont{
    text-align: center;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.provenCont p{
    color: var(--mgray);
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: var(--midium);
    line-height: 28px;
}
.provenCont h2{
    color: #334956;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 36px;
}
.logocont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 41px;
    padding-top: 61px;
}
.testimonialsArea{
    margin: 0;
    padding: 0;
    position: relative;
}
.testimonialsArea{
    padding-top: 69px;
}
.owl-carousel{
    z-index: 999 !important;
}
.testimonialBox{
    border-radius: 15.941px;
    background:  #B0C0CC;
    padding: 42px 47px 29px 47px;
}
.testimonialsCont{
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-style: italic;
    font-weight: var(--thin);
    line-height: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 81px;
}
.clientname{
    color: var(--white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 22px; /* 157.143% */
    text-transform: uppercase;
    padding-top: 28.6px;
}
.designation{
    color: var(--white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--normal);
    line-height: 22px;
}
.owl-carousel .owl-item.center .item .testimonialBox {
    background-color: #6F8698; /* Red background for center */
}

.owl-carousel .owl-item.left-item {
    transform: translateX(-15px);
    z-index: 1;
}
.owl-carousel .owl-item.right-item {
    transform: translateX(15px);
    z-index: 1;
}
/* Home Page End */

/* Common Hero Section Start */
.commonHero{
    display:block;
    margin:0 auto;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    background-color:var(--white);
    background-image:none;
}
.commonHeroInner{
    display:flex;
    margin:0 auto;
    padding:60px 0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    background-color:var(--white);
    background-image:none; 
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    align-content:center;   
    gap:0 50px;
}
.commonHeroInner .commonHeroLeft{
    display:block;
    width:50%;
    margin:0;
    padding:0;
}
.commonHeroLeft h5{
    display:block;
    margin:0 auto 15px;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    color: #6F8698;
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.4px; /* 120% */
}
.commonHeroLeft h1{
    display:block;
    margin:0 auto 25px;
    padding:0 0 15px 0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    color:var(--maroon);
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-size:50px;
    font-style:normal;
    font-weight:700;
    line-height:56px; /* 112% */
    position: relative;
}
.commonHeroLeft h1:after{
    content:'';
    position: absolute;
    width: 100%;
    height: 1px;
    width: 89px;
    background-color: var(--maroon);
    bottom: 0;
    left: 0;
}
.commonHeroLeft h3{
    display:block;
    margin:0 auto 22px;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    color:var(--mgray);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 127.273% */
}
.commonHeroLeft h6{
    display:block;
    margin:0 auto 0;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    color:var(--lblack);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:27px; /* 168.75% */
    text-align:left;
}
.commonHeroLeft p{
    display:block;
    margin:0 auto 30px;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    color:var(--lblack);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:27px; /* 168.75% */
    text-align:left;
}
.commonHeroLeft p a{
    display:inline-block;
    color:var(--lblack);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:27px; /* 168.75% */
}
.commonHeroLeft p a:hover{
    color:var(--maroon);
}
.commonHeroLeft ul{
    display:block;
    margin:0 auto 20px;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    list-style-type:none;
    list-style:none;
}
.commonHeroLeft ul li{
    display:block;
    margin:0 auto 5px;
    padding:0 0 0 32px;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    list-style-type:none;
    list-style:none;
    color:var(--lblack);
    font-family:"IBM Plex Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    position: relative;
}
.commonHeroLeft ul li:before{
    content:'';
    width:25px;
    height:25px;
    background-image:url('../images/li-icon.svg');
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
}
.commonHeroInner .commonHeroRight{
    display:block;
    width:50%;
    margin:0;
    padding:0;
}
/* Common Hero Section End */


/* recovery insights page start */
.recoveryInsightsWrapper{
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.recoveryInsightsWrapper .commonHeroInner{
    padding-bottom:20px;
}
.recoveryInsightsAreabutton_Headingarea{
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 49px 0;
}
.recoveryInsightsAreabutton{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.recoveryInsightsAreabutton button{
    cursor: pointer;
    position: relative;
    border-radius: 8.504px;
    background: #B0C0CC;
    padding: 7px 13px;
    color:var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 22px; /* 157.143% */
    text-transform: uppercase;
    border: none;
}
.recoveryInsightsAreabutton button.active{
    background:var(--dgray);
}
.recoveryInsightsAreabutton button.clearBtn{
    border-radius: 8.504px;
    background:  var(--maroon);
    padding: 7px 13px;
    color:var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 22px; /* 157.143% */
    text-transform: uppercase;
    border: none;
}
.articaleListing{
    padding-bottom: 71px;
}
.threeboxesofArticale{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}
.articaleBox{
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:0;
    background-color: var(--white);
    margin-bottom: 61px;
}
.articaleHeading{
    color: var(--lgray);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding-top: 26px;
}
.articalecont{
    padding-top: 14px;
    color:var(--lblack);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--normal);
    line-height: 22px;
}
.articalecont p{
    margin: 0;
    padding: 0;
}
.readmoreBtnarea a{
    color:var(--lblack);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 22px;
    text-transform: uppercase;
}
.tagArea{
    padding-top: 24px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.tagArea .recoveryInsightsAreabutton button{
    cursor: pointer;
    position: relative;
    border-radius: 8.504px;
    background: #6F8698;
    padding: 6px 10px;
    color:var(--white);
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 155.556% */
    text-transform: uppercase;
    border: none;
}
.loadmoreBtnArea{
    text-align: center;
}
.loadmoreBtn{
    background-color: var(--white);
    border: 1px solid var(--mgray);
    width: 100%;
    max-width: 336.843px;
    height: 53.377px;
    color: var(--mgray);
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.4px;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.loadmoreBtn:hover{
    color: var(--white);
}
.loadmoreBtn:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--dgray);
    transform: translateX(-100%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.loadmoreBtn:hover:after{
    transform: translateX(0);
}
.loadmoreBtn span {
    display: inline-block;
    position: relative;
    z-index: 99;
}
/* recovery insights page start */

/* article details page start */
.backbtnarea{
    margin: 0;
    padding: 0 0  20px 0;
}
.backbtnarea a{
    color: var(--dgray);
    text-align: center;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    text-decoration: underline;
}
.backbtnarea a:hover{
    color: var(--black);
    text-decoration: none;
}
.articleheadingContent{
    padding-bottom: 38px;
    margin: 0 39px;
}
.articleheadingContent h1 {
    font-size: 50px;
    line-height: 56px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 0px;
    position: relative;
}
.articleheadingContent h1:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    width: 89px;
    background-color: var(--maroon);
    bottom: 0;
    left: 0;
}
.authorDateoption{
    padding-top: 20px;
    color: #6F8698;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.4px;
    padding-bottom: 39px;
}
.articlehightText{
    color: var(--lgray);
    font-size: 22px;
    font-style: normal;
    font-weight: var(--normal);
    line-height: 28px; 
}
.imagecaption{
    color: #6F8698;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.4px; 
}
.articaleContArea{
    margin: 37px 39px;
}
.articaleContArea p{
    color: var(--lblack);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.articaleContArea ul{
    margin: 0;
    padding: 0;
    list-style: none;  
}
.articaleContArea ul li{
    margin: 0;
    padding: 0;
    list-style: none;  
    color: var(--lblack);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.articaleContArea h5{
    padding: 0;
    margin: 39px 0 0 0;
    color: #49687A;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.quoteText{
    color: #786F76;
    text-align: center;
    font-size: 24px;
    font-style: italic;
    font-weight: var(--midium);
    line-height: 36px; /* 150% */
}
.quotewriter{
    color: var(--dgray);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--light);
    line-height: 14.4px; /* 120% */
    text-transform: uppercase;
    margin-top: 14px;
}
.quotationarea{
    padding: 62px 0 26px 0;
}
.articledetailstagArea{
    padding: 65px 0;
}
.articledetailstagArea .recoveryInsightsAreabutton button{
    background-color:#B0C0CC ;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 160% */
    text-transform: uppercase;
}
/* article details page end */

[data-scroll-container] {
    /* Should stretch with content */
    overflow: visible !important;
    height: auto !important;
    /* min-height: auto !important; */

}
.comingsoon{
    width: 100%;
    min-height: 100vh;
    background-image: url('../images/bg01.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.comingsoonInner{
   background-color: rgba(255, 255, 255, 0.8);
    max-width: 100%;
    width: 880px;
    padding:80px 20px;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.comingsoonInner span{
    display: block;
    margin:0 auto 40px;
    padding:0;
}
.comingsoonInner span img{
    display: block;
    margin:0 auto;
    width: 400px;
    max-width:100%;
}
.comingsoonInner h1{
    display:block;
    margin:0 auto 25px;
    padding:0 0 15px 0;
    width:100%;
    max-width:100%;
    float:none;
    border:none;
    outline:none;
    color:var(--maroon);
    font-family:"IBM Plex Sans Condensed", sans-serif;
    font-size:50px;
    font-style:normal;
    font-weight:700;
    line-height:56px; /* 112% */
    position: relative;   
    text-align: center;
}