/*Dossier*/
body {display: flex; min-height: 100vh;flex-direction: column;    font-family: calibri, sans-serif; font-size: 1.1rem;}
#features_variants .features-title h4{text-align: center;}
#eligibility .eligibility-title h4{text-align: center;}
#documentation .documentation-title h4{	text-align: center;}
#eligibility .dossier-tab th{display: list-item;list-style-type: disc;}
#eligibility .dossier-tab{margin-left: 107px;line-height: 30px;font-size: 1.2rem;bottom: 0;top: 0;clear: both;}
.dossier-tab  tr{border-bottom: none !important; }
.dossier-tab   td, th {padding: 4px 5px;display: table-cell;text-align: left;vertical-align: middle;border-radius: 2px;}
#onload .dossier-tab th{display: list-item;list-style-type: disc;}
#onload .dossier-tab{margin-left: 43px;line-height: 2.5;font-size: 1.2rem;bottom: 0;top: 0;clear: both;}
#documentation .collapsible-body .dossier-tab th{display: list-item;list-style-type: disc;}
#documentation .dossier-tab{margin-left: 60px;line-height: 30px;font-size: 1.2rem;bottom: 0;top: 0;clear: both;}
#features_variants .title-dossier {position: relative;top: 0; padding-bottom: 0;}
#features_variants .mob-screen img{padding: 135px 0;}
#aboutus .about-content p {font-size: 1.1rem;text-align: justify;}
#aboutus .about-title{margin-top: 12%;}
#documentation .dossier-tab th{display: list-item;  list-style-type: disc;}
#personal-img img{max-width: 61%;height: auto;bottom: 60px;position: relative;}
#meraloan .intro-video .video {width: 90%;}
/*#meraloan .features{ overflow: hidden;clear: both;width: 100%;}*/
#work {background: #f2f4f8;background: -moz-linear-gradient(left, #f2f4f8 0, #f2f4f8 33%, #f2f4f8 70%);
    background: -webkit-linear-gradient(left, #f2f4f8 0, #f2f4f8 33%, #f2f4f8 70%);background: linear-gradient(to right, #f2f4f8 0, #f2f4f8 33%, #f2f4f8 70%);}
#work {padding: 3px 0;top: -64px;position: relative;height: auto !important;}
.container {margin: 0 auto; max-width: 1280px;width: 98%;}
.header-wrapper {padding: 4% 0;}
#work .intro-video {top: 0;bottom: 0; position: relative; transform: translate(0, -1%);}
#work .intro-video .video {width: 90%;}
#work .intro-video .video {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 16px; margin: 0 auto;}
.features .logo {display: table-cell;float: left;}
.header-wrapper {display: inline-block; width: 100%;}
#work .features  span{font-size: 0.93rem;  line-height: 40px;margin-left: 20px;text-align: justify; }
#work .features   h6 {font-size: 1.1rem;line-height: 30px;line-height: 20px; font-family: inherit; font-weight: bold;}
#work .features .logo {display: table-cell; margin-left: 20px; width: 60px !important;font-size: 1.1rem; line-height: 30px;line-height: 18px; font-family: inherit;font-weight: bold;}
#video_homepage {width: 100%; height: 100vh;}
#work .mob-screen{ background-color: white;}
#work .container { margin: 0 auto;  max-width: 1280px;width: 99%;}
/*Mobile view*/
#product_home .title{color: black;}
#work .product-content .title {padding: 20px 0;text-transform: capitalize;}
#products  img{line-height: 40px;}
#products .eligibility p{ margin: -66px 60px 0;font-size: 1.3rem;line-height: 4;;color: black;}
#products .eligibility {line-height: 40px;}
#products .card{ border-radius: 10px !important;}
#eligibility_criteria .card{ height: 295px;} 
#products .title { color: black; margin-left: 20px; position: relative; top: -20px; padding-bottom: 0px!important;}
#first-eleg { margin-top: -25px;}

.description a:hover{
    background-color: #26a349;
    color: white;
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
/*Dossier*/
.brand-logo img {padding: 0px 0 0 0;}
#onload .dossier-tab {margin-left: 20px;line-height: 30px; font-size: 1.2rem;bottom: 0;top: 0;clear: both;}
#eligibility .dossier-tab {margin-left: 20px;line-height: 30px;font-size: 1.2rem;bottom: 0;top: 0;clear: both;}
#features_variants .title-dossier{position: relative;top: 0 !important; padding-bottom: 0!important;}
#documentation .dossier-tab {margin-left: 20px; line-height: 30px;font-size: 1.2rem;bottom: 0;top: 0;clear: both;}
#documentation .dossier-tab th{display: list-item;  list-style-type: disc;}
#eligibility .btn-large {height: 54px;line-height: 54px;font-size: 15px; padding: 0 28px; width: 100%;}


#meraloan {padding: 0px 0 !important;}
#sliderimage { height: auto;  padding: 0 0; position: relative;}
#work { height: auto !important;}
#work .title {position: relative;    top: 0px;    padding-bottom: 0px;}
#work .features span {font-size: 1.0rem;    line-height: 20px;    float: left;   margin-left: 20px;}
#work .features h6 {font-size: 1.1rem;    font-weight: 900;   line-height: 40px;}
#work .features .logo {display: table-cell;    margin-left: 20px;    width: 60px !important;    font-size: 1.1rem;    line-height: 30px;    line-height: 40px;    font-family: inherit;  font-weight: bold;}
#work .intro-video {top: 0;    bottom: 0;    position: relative;    transform: translate(0, 1%);}
#work .meraloan-content {padding: 0px 0 0 0;}
#work .intro-video .video {width: 100%;    -webkit-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 16px;   margin: 0 auto;}
#video_homepage {width: 100%;    height: 220px;    border-radius: 7px;   text-align: center;}
.features .text {display: table-cell;    float: left;    line-height: 4;    font-size: 1.0rem;}
#documentation .container {margin: 0 auto;    max-width: 1280px;    width: 100%;}
#products .eligibility p {margin: -65px 60px 0;font-size: 1.1rem;line-height: 65px;color: black;width: 100%;}
#products .title {color: black;   margin-left: 20px;}
#work {padding: 0 0;        top: 20px;    position: relative;    height: auto !important;}
#products .title {position: relative;    top: -20px;    padding-bottom: 0px!important;}
#eligibility_criteria .card { height: 240px;}
#first-eleg{margin-top: -26px;}
#products {background: #214986;  top: 20px;  height: 720px !important;  position: relative;}
#footer-copyright .container {width: 93% !important;}
}
