@font-face {
     font-family: Arimo;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: Arimo;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: Arimo;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: Arimo;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: Lato;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: Lato;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: Lato;
     src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.eot');
     src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.woff2') format('woff2'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.woff') format('woff'), url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap 
}
 html {
     overflow-x: hidden 
}
 body {
     position: relative;
     overflow-x: hidden;
     color: #222222;
     font-family: Lato;
     font-weight: normal;
}
 p {
     font-size: 17px;
     line-height: 28px;
}
 h1 {
     color: #003c57;
     font-size: 35px;
     font-weight: 700;
     margin-bottom: 35px;
     display: inline-block;
     width: 100% 
}
 p {
     font-size: 18px;
     color: #222;
     font-weight: normal;
     display: inline-block 
}
 img {
     max-width: 100% 
}
 input {
     font-family: Lato;
}
 b, strong {
     font-weight: 700;
}
 a, a:hover {
     transition: all .3s ease 
}
 ul {
     list-style: none 
}
 i.fas, i.fab {
     color: #243757;
     font-size: 16px;
     text-align: center 
}
 .followicons a {
     margin: 0 0.3em 
}
 .footerBottom .followicons {
     margin-left: 10px;
     margin-top: 2px 
}
 .footer-autocruitment-logo {
     display: flex;
     justify-content: center;
     align-items: center;
     align-self: center 
}
 .footerBottom ul {
     margin-bottom: 0;
}
 .header {
     width: 100%;
     display: inline-block;
     background: #fff 
}
 a.toplogo {
     padding: 0;
     display: flex;
     align-items: start;
     transition: all 0.5s 
}
 a.toplogo img {
     margin: 0;
     transition: all 0.5s;
     flex-shrink: 0 
}
 .topnavbar {
     padding: 0 15px 
}
 .navbar-nav li {
     font-family: Lato;
     font-weight: bold;
     padding: 0 40px;
}
 .navbar-nav li.last-item {
     padding-right: 0;
}
 .navbar-nav li:first-child {
     padding-left: 0;
}
 .navbar-nav li a {
     color: #505457;
     font-size: 22px 
}
 .customnav ul.topnavbarul li a.nav-link {
     font-size: 22px;
     color: #222;
     line-height: 28px;
     font-weight: bold;
     padding: 0!important;
     margin-bottom: 0px;
     font-family: Arimo;
}
 .customnav .navbarbtn {
     background: #fff;
     height: 35px;
     width: 40px;
     padding: 0 7px 
}
 .icon-bar {
     background: #f27c76;
     width: 100%;
     height: 2px;
     display: inline-block;
     float: left 
}
 .customnav ul.topnavbarul li a.nav-link:focus, .customnav ul.topnavbarul li a.nav-link:hover, .customnav ul.topnavbarul li a.nav-link:active, .customnav ul.topnavbarul li a.nav-link.active {
     color: #f9a51a;
}
 .customnav {
     background: #fff;
     padding: 25px 15px 
}
 .customnav ul.topnavbarul li.last-item a {
     font-weight: bold;
     vertical-align: middle;
     background: #f9a51a;
     color: #fff;
     font-size: 22px;
     border-radius: 6px;
     width: 200px;
     height: 70px;
     line-height: 71px;
     text-align: center;
     position: relative;
     overflow: hidden;
     z-index: 1;
     display: inline-block;
     padding: 0;
     font-family: Arimo;
     text-transform: uppercase;
}
 .customnav ul.topnavbarul li.last-item a:hover {
     color: #222;
     background-color: #fcd807;
}
 .customnav ul.topnavbarul li.last-item a.nav-link:focus {
     color: #222;
     background: #fcd807;
     outline: none 
}
 .customnav ul.topnavbarul li.last-item a.nav-link::before {
     content: '';
     z-index: -1;
     position: absolute;
     top: 50%;
     left: 100%;
     margin: -15px 0 0 1px;
     width: 55px;
     height: 30px;
     border-radius: 50%;
     background: #fcd807;
     -webkit-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-transform: scale3d(1, 2, 1);
     transform: scale3d(1, 2, 1);
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) 
}
 .customnav ul.topnavbarul li.last-item a.nav-link:hover:before {
     -webkit-transform: scale3d(9, 9, 1);
     transform: scale3d(9, 9, 1) 
}
 .navbar .container {
     align-items: end 
}
 .col-md-12.iframDiv {
     margin-top: 15px 
}
 .footerBottom .col-md-4.text-right ul {
     list-style: none;
     margin: 0px;
     padding: 0px 
}
 .footerBottom .col-md-4.text-right ul li {
     text-align: right 
}
 footer.site-footer {
     width: 100%;
     background: #6c8faa;
     position: relative;
     z-index: 9;
}
 .footerTop {
     padding-top: 44px;
     padding-bottom: 44px;
     position: relative 
}
 .footerTop .container {
     position: relative 
}
 .footerTop h3 {
     font-size: 22px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     font-family: 'Oswald', sans-serif;
     margin-bottom: 49px;
}
 .footerTop ul {
     list-style: none;
     margin: 0;
     padding: 0px 
}
 .footerTop ul li {
     display: block;
     margin-right: 0;
     line-height: 28px;
}
 .footerTop ul li a {
     color: #fff;
     font-size: 16px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     position: relative;
}
 .footerTop ul li a {
     position: relative;
     display: inline-block;
}
 .footerTop ul li a:hover, .contact-details a:hover {
     color: #fcd807;
     padding-left: 20px;
}
 .footerTop ul li a::before, .contact-details a::before {
     width: 0;
     height: 2px;
     background: #fff;
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     transition: all 0.3s;
}
 .footerTop ul li a:hover::before, .contact-details a:hover::before {
     width: 10px;
}
 .footerTop ul li .fas, .footerTop ul li .fab {
     color: #fff;
     font-size: 24px 
}
 .footerTop ul li:last-child {
     margin-right: 0px 
}
 .footer-bottom-right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .followicons i {
     color: #fff;
}
 .footerTop h3 span {
     position: relative;
}
 .footerTop h3 span::before {
     content: "";
     background: #fff;
     width: 83%;
     height: 2px;
     position: absolute;
     bottom: -24px;
}
 .footerBottom, .footerBottom a {
     font-size: 16px;
     color: #fff;
     font-weight: 400;
}
 @media only screen and (min-width:992px) {
     .fixed-me {
         transition: all 0.5s 
    }
     .fixed-me {
         background-color: #fff!important;
         padding: 7px 2vw!important;
         margin-bottom: 0px;
         position: fixed;
         top: 0;
         z-index: 888;
         width: 100% 
    }
     .navbar-me {
         transition: all 0.5s 
    }
     .navbar-me {
         padding: 25px 0px;
         background-color: #fff;
         top: 0px;
         border: 0px;
         border-radius: 0px 
    }
     .fixed-me a.toplogo img {
         transition: all 0.5s;
         max-width: 80% 
    }
     .fixed-me ul.topnavbarul li.last-item a {
         font-size: 20px;
         border-radius: 6px;
         width: 201px;
         height: 50px;
         line-height: 51px;
         text-align: center;
         position: relative;
         overflow: hidden;
         z-index: 1;
         display: inline-block;
         padding: 0 
    }
     .navbar-expand-lg .navbar-nav.topnavbarul {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         flex: 0 0 100%;
         align-items: center 
    }
}
 #nav-icon1 {
     width: 30px;
     height: 30px;
     position: relative;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     top: 0px;
     margin-top: 7px 
}
 #nav-icon1:hover, #nav-icon1:focus {
     outline: 0 
}
 #nav-icon1.open {
     top: 0px 
}
 #nav-icon1 span {
     display: block;
     position: absolute;
     height: 2px;
     width: 100%;
     background: #585858;
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out 
}
 #nav-icon1 span:nth-child(1) {
     top: 0px 
}
 #nav-icon1 span:nth-child(2) {
     top: 10px 
}
 #nav-icon1 span:nth-child(3) {
     top: 20px 
}
 #nav-icon1.open span:nth-child(1) {
     top: 8px;
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     transform: rotate(135deg) 
}
 #nav-icon1.open span:nth-child(2) {
     opacity: 0;
     left: -60px 
}
 #nav-icon1.open span:nth-child(3) {
     top: 8px;
     -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
     transform: rotate(-135deg) 
}
 .body_section {
     margin: 0;
     position: relative;
     width: 100% 
}
 .bannercontent {
     padding: 0;
     position: relative;
     margin: 0 auto;
     width: 100%;
     background: #6c8faa url('../images/banner-bg.webp?cache=none') no-repeat left top;
     height: 700px;
     background-size: cover;
     margin-top: 111px;
    /*display: flex;
    */
     justify-content: space-between;
     align-items: center;
     align-self: center;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .bannercontent h1 {
     font-size: 54px;
     color: #fff;
     font-weight: bold;
     text-transform: inherit;
     margin: 0;
     padding-bottom: 25px;
     font-family: Arimo;
     line-height: 1.3;
}
 .bannercontent h1 span {
     font-size: 36px;
     font-weight: 400;
}
 .banner-text .banner-heading p {
     font-size: 20px;
     line-height: 25px;
     margin-top: 13px;
}
 .bannercontent h2 {
     font-size: 24px;
     color: #fff;
     font-weight: bold;
     margin: 0;
     font-family: Arimo;
     line-height: 30px;
     padding-bottom: 0;
}
 .banner-content p, .banner-heading p, .banner-content ul li {
     color: #48575c;
}
 .bannercontent h3 {
     font-size: 22px;
     color: #fff;
     font-weight: bold;
     text-transform: inherit;
     margin: 0;
     padding-bottom: 18px;
     font-family: Lato;
     line-height: 26px 
}
 .banner-text p {
     color: #fff;
     font-size: 20px;
     line-height: 25px;
     margin: 10px 0 0px 0;
}
 .banner-text {
     margin: 0 0 0px 2.77vw;
     height: 100%;
     left: 0;
     color: #fff;
     padding-right: 0;
     max-width: 790px;
     display: flex;
     justify-content: center;
     flex-direction: column;
     padding: 0 30px;
     padding-left: 0;
     z-index: 99;
     position: relative;
}
 .do-you-suffer h1{
    color: #807e7f
}
 .banner-btn {
     position: relative;
}
 .banner-btn a.qualifybtn {
     margin-left: 0 !important;
     top: 0 !important;
}
 .bannercontent img {
     position: absolute;
     left: -10px;
     top: -14px !important;
}
 p.banner-subheading {
     color: #fff;
     font-size: 21px;
     margin: 0px 
}
 .yelowcolr {
     color: #d1995a 
}
 .banner-content {
     margin-top: 15px;
}
 .banner-right {
     position: absolute;
     right: 0;
     top: 0;
}
 .banner-right img {
     left: auto !important;
     top: auto !important;
     position: relative;
}
 .banner-content p {
     font-size: 19px;
     font-weight: normal;
     line-height: 26px;
     padding-bottom: 0;
     color: #fff;
     margin-bottom: 5px;
     font-family: Lato;
     margin-top: 0;
}
 .banner-content ul li ul {
     padding-left: 0;
}
 .banner-content ul {
     margin: 0;
     padding: 0px 
}
 .banner-content ul li {
     margin-left: 0px 
}
 .banner-content ul li {
     padding: 0;
     list-style: none;
     color: #fff;
     font-size: 20px;
     margin-bottom: 2px;
     font-weight: normal;
     position: relative;
     line-height: 32px;
}
 .banner-content ul li::before {
     content: '';
     width: 15px;
     height: 4px;
     position: absolute;
     left: 0px;
     background: #fff;
     top: 15px;
     border-radius: 0;
}
 .banner-content ul li ol {
     padding-left: 0px 
}
 .banner-content ul li ol li {
     padding-left: 20px;
     position: relative 
}
 .banner-bottom {
     margin-top: 20px;
}
 .banner-bottom p {
     margin: 0;
     font-size: 17px !important;
     line-height: 23px;
}
 .banner-content ul li ol li:before {
     content: '–';
     position: absolute;
     left: 0px;
     background: none;
     top: 0px 
}
 .banner-content ul + p {
     margin-top: 15px;
     font-size: 17px;
     line-height: 26px;
}
 .banner-content ul li {
     position: relative;
     padding-left: 22px 
}
 .banner-content ul li .fas {
     position: absolute;
     left: 0px;
     top: 10px;
     font-size: 7px;
     color: #585858;
}
 .banner-btn span {
     position: absolute;
     top: -30px;
     font-size: 24px;
     left: 35px;
     color: #ffffff 
}
 .banner-btn a.qualifybtn {
     max-width: 538px;
     width: 100%;
     text-align: center;
     font-family: Arimo;
     background: #fcd807;
     color: #222;
     font-size: 22px;
     font-weight: bold !important;
     border-radius: 6px;
     height: auto;
     padding: 0;
     cursor: pointer;
     margin: 0;
     overflow: hidden;
     z-index: 1;
     display: inline-block;
     text-transform: uppercase;
     line-height: inherit;
     padding: 24px 40px;
}
 .banner-btn a.qualifybtn:hover {
     text-decoration: none;
     color: #fff;
     background: #f9a51a;
}
 .banner-btn a.qualifybtn::before {
     content: '';
     z-index: -1;
     position: absolute;
     top: 50%;
     left: 100%;
     margin: -15px 0 0 1px;
     width: 55px;
     height: 30px;
     border-radius: 50%;
     background: #f9a51a;
     -webkit-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-transform: scale3d(1, 2, 1);
     transform: scale3d(1, 2, 1);
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) 
}
/*.banner-btn a.qualifybtn:hover:before {
     -webkit-transform: scale3d(9, 9, 1);
     transform: scale3d(9, 9, 1) 
}
*/
 .banner-content h3 {
     font-size: 30px;
     font-weight: bold 
}
 .banner-point {
     font-size: 18px;
     line-height: 26px;
     margin-top: 15px;
}
 .bannerRight {
     max-width: 1200px;
     text-align: center;
     padding: 0 30px;
     margin: 0 auto;
     width: 45% 
}
 .participant-text {
     background-color: transparent;
     color: #222;
     height: auto;
     line-height: 25px;
     border-radius: 5px;
     text-align: center;
     text-transform: uppercase;
     text-align: center;
     font-size: 19px;
     max-width: 247px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     font-family: Arimo;
     font-weight: bold;
     padding: 0 12px;
     border: 2px dotted #f9a51a;
}
 #studyinfo-CTA-image .desktopView .col-sm-6 img {
     height: auto;
}
 .participant-text div {
     padding: 0 22px;
     width: 100%;
     word-break: break-word;
}
 .nd-row {
     margin-top: 30px 
}
 #studyinfo-CTA-image {
     padding: 74px 0 69px;
     position: relative;
     z-index: 1;
}
 #studyinfo-CTA-image::before {
     content: url(../images/3-tile-bg.webp);
     position: absolute;
     z-index: -1;
     bottom: -6px;
     left: 0;
}
 #studyinfo-CTA-image .desktopView .col-sm-6 img{
    border-radius: 5px;
}
 #studyinfo-CTA-image h2 {
     color: #505456;
     margin: 0 auto 41px auto 
}
 #studyinfo-CTA-image h2 span {
     color: #1c5658 
}
 .aboutContent h3 {
     color: #f9a51a;
     font-size: 22px;
     font-weight: bold;
     line-height: 1.2;
     margin-bottom: 25px !important;
     font-family: Arimo;
}
 .aboutContent h3.aboutTitle {
     position: relative;
     margin-top: 0px;
     margin-right: 3px;
}
 .aboutContent h3.aboutTitle span {
     background-color: #7e212c;
     color: #fff;
     margin-bottom: 4px;
     padding: 0 5px;
     display: inline-block 
}
 .aboutContent p {
     font-size: 18px;
     font-weight: normal;
     line-height: 24px;
     margin-bottom: 0;
}
 .takepart-study {
     background: #fcd807 url(../images/takepart-bg.webp) no-repeat center center;
     padding: 12px 15px;
     border-radius: 5px;
     margin-top: 0;
     background-size: cover;
     background-repeat: no-repeat;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border: 4px dotted #f9a51a;
}
 .takepart-study h3 {
     color: #222;
     font-size: 17px;
     font-weight: normal;
     margin: 0px 0 10px !important;
     line-height: 24px;
     font-family: Lato;
}
 .takepart-study h3::before {
     display: none 
}
 .takepart-study p {
     color: #fff;
     margin: 0px 0 0;
     font-size: 16px !important;
     font-weight: normal;
     line-height: 18px;
}
 .takepart-study p:first-child {
     font-family: Arimo;
     font-weight: bold;
     font-size: 20px !important;
     line-height: 27px;
     margin-bottom: 15px;
     text-align: left;
     color: #222222;
}
 .takepart-study p.mB0 {
     margin-bottom: 0px;
}
 .takepart-study ul li ul {
     margin-top: 0;
}
 .takepart-study ul {
     margin: 4px 0 0px 0px;
     padding: 0px;
     list-style: none 
}
 .takepart-study ul li {
     font-size: 17px;
     color: #222;
     font-weight: 400;
     position: relative;
     padding-left: 25px;
     margin-bottom: 2px;
     line-height: 24px;
}
 .takepart-study ul li::before {
     content: '';
     width: 10px;
     height: 10px;
     position: absolute;
     left: 0;
     background: #222;
     top: 7px;
     border-radius: 50%;
}
 .takepart-study ul li:last-child {
     margin-bottom: 0px 
}
 .takepart-study ul li .fas {
     color: #fff;
     font-size: 7px;
     position: absolute;
     left: 0px;
     top: 8px 
}
 #about-condition ul {
     margin:0px 0 30px 0;
     padding: 0px;
     list-style: none;
}
 #about-condition ul li {
     position: relative;
     padding-left: 25px;
     color: #222;
     font-size: 18px;
     line-height: 24px;
}
 #about-condition ul li::before {
     content: '';
     width: 9px;
     height: 9px;
     position: absolute;
     display: inline-block;
     left: 0px;
     background: transparent;
     top: 7px;
     border-radius: 50%;
     border: 2px solid #f9a51a;
}
 #about-condition ul {
     padding-left: 0;
}
 #about-condition ul li .fas {
     color: #03c7af;
     font-size: 10px;
     position: absolute;
     left: 0px;
     top: 8px;
}
 .takepart-study ul ol {
     list-style: none;
     padding-left: 0 
}
 .takepart-study ul ol li:before {
     content: '–';
     background: none;
     top: 0 
}
 .takepart-study a.qualifybtn {
     max-width: 232px;
     font-size: 20px;
     height: 56px;
     line-height: 53px;
     text-transform: inherit;
     margin: 23px 0 0 0;
     color: #196d6f;
     padding: 0px;
     display: block;
     font-weight: 600 
}
 .takepart-study a.qualifybtn:hover {
     text-decoration: none;
     background: #1e262b;
     color: #fff 
}
 .takepart-study a.qualifybtn::before {
     content: '';
     z-index: -1;
     position: absolute;
     top: 50%;
     left: 100%;
     margin: -15px 0 0 1px;
     width: 55px;
     height: 30px;
     border-radius: 50%;
     background: #1e262b;
     -webkit-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-transform: scale3d(1, 2, 1);
     transform: scale3d(1, 2, 1);
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) 
}
 .takepart-study a.qualifybtn:hover:before {
     -webkit-transform: scale3d(9, 9, 1);
     transform: scale3d(9, 9, 1) 
}
 .qualify-red-btn a.qualifybtn {
     border: 2px solid #6c8faa;
     font-weight: 600 
}
 h2.mainheading {
     font-size: 38px;
     line-height: 1.5;
     text-align: center;
     margin: 0 0 62px;
     font-weight: bold;
     font-family: Arimo;
     position: relative;
     display: table 
}
 h2.mainheading:after {
     background: #222;
     width: 86%;
     content: "";
     height: 1px;
     margin: 0px auto 0;
     bottom: 0;
     display: block 
}
 #aboutDisease h2.mainheading:after {
     background: #505456;
     margin-top: 17px;
     width: 37% 
}
 #faq h2 {
     margin-right: auto;
     margin-left: auto 
}
 #signup h2 {
     margin-right: auto;
     margin-left: auto 
}
 #faq {
     background: #f9a51a;
     width: 100%;
     background-size: cover;
     padding: 60px 0px 90px 
}
 .faq-outer ul {
     padding: 0 0 0 0;
     margin-left: 0 
}
 .faq-outer ul li {
     color: #fff 
}
 .faq-outer ul li i {
     margin-right: 6px;
}
 .faq-flow-diagram {
     background-color: #fff;
     padding: 20px;
     margin: 0 auto 20px;
     max-width: 560px;
     border-radius: 10px 
}
 .faq-outer ul li i {
     position: absolute;
     left: 0;
     top: 3px;
     font-size: 14px;
}
 .faq-outer ul li {
     position: relative;
     padding-left: 25px;
}
 .faq-outer ul li::before {
     content: '';
     width: 10px;
     height: 10px;
     position: absolute;
     left: 0px;
     background: #fff;
     top: 8px;
     border-radius: 50%;
}
 .faq-flow-diagram .flow-diagram {
     margin-bottom: 0px 
}
 #faq h2.mainheading {
     margin-bottom: 59px;
     color: #fff;
     font-size: 50px;
     padding: 0 15px 
}
 #faq h2.mainheading:after {
     background: #fff;
     width: 86%;
     margin: 10px auto 0;
}
 .dark-blue-color {
     color: #30314a 
}
 h1.mainheading.white-border-bottom:after {
     border-bottom: 2px solid #fff;
     max-width: 180px 
}
 ul.points {
     width: 100%;
     display: inline-block;
     margin: 0;
     padding: 0;
     list-style: none 
}
 ul.points li {
     list-style: none;
     width: 100%;
     margin: 0 0 22px 0;
     padding: 0 
}
 ul.points li:last-child {
     margin-bottom: 0px 
}
 .qualify-red-btn {
     display: flex;
     justify-content: space-evenly;
     position: relative;
     margin: 77px auto 25px;
}
 @-moz-document url-prefix() {
     .qualify-red-btn {
         margin: 76px auto 25px;
    }
}
 .qualify-red-btn img {
     margin-right: 6px;
     position: relative;
     top: -26px;
     height: 57px;
}
 a.qualifybtn {
     max-width: 540px;
     margin-top: 26px;
     width: 100%;
     text-align: center;
     background: #fff;
     color: #6c8faa;
     font-size: 18px;
     font-family: Arimo;
     font-weight: bold;
     border-radius: 6px;
     height: 52px;
     line-height: 46px;
     padding: 0;
     cursor: pointer;
     margin: 0;
     position: relative;
     overflow: hidden;
     z-index: 1;
     display: inline-block;
     padding: 0;
}
 a.qualifybtn:hover {
     text-decoration: none;
     color: #fff;
     background: #6c8faa;
     border-color: #6c8faa;
}
 a.qualifybtn::before {
     content: '';
     z-index: -1;
     position: absolute;
     top: 50%;
     left: 100%;
     margin: -15px 0 0 1px;
     width: 55px;
     height: 30px;
     border-radius: 50%;
     background: #6c8faa;
     -webkit-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-transform: scale3d(1, 2, 1);
     transform: scale3d(1, 2, 1);
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) 
}
 a.qualifybtn:hover:before {
     -webkit-transform: scale3d(9, 9, 1);
     transform: scale3d(9, 9, 1) 
}
 .takepart .container {
     position: relative 
}
 #faq .card-header {
     border-bottom: 0px 
}
 #faq .card {
     background-color: transparent;
     margin-bottom: 5px 
}
 #faq .card-header {
     background-color: #fff 
}
 .black-color {
     color: #505456 
}
 .blue-color {
     color: #30314a 
}
 .cream-color {
     color: #dfe2db 
}
 .white-color {
     color: #fff 
}
 .grey-color {
     color: #222 
}
 a.faqbtn {
     max-width: 402px;
     width: 100%;
     text-align: center;
     background: #52575b;
     color: #EBF5F9;
     font-size: 25px;
     font-weight: 800;
     border: 3px solid #fff;
     border-radius: 35px;
     height: 70px;
     line-height: 66px;
     padding: 0;
     cursor: pointer;
     margin: 0;
     position: relative;
     overflow: hidden;
     z-index: 1;
     display: inline-block;
     text-transform: uppercase 
}
 a.faqbtn:hover {
     text-decoration: none;
     color: #505456;
     background: #CEECEB 
}
 a.faqbtn:before {
     content: '';
     z-index: -1;
     position: absolute;
     top: 50%;
     left: 100%;
     margin: -15px 0 0 1px;
     width: 55px;
     height: 30px;
     border-radius: 50%;
     background: #CEECEB;
     -webkit-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-transform: scale3d(1, 2, 1);
     transform: scale3d(1, 2, 1);
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) 
}
 a.faqbtn:hover:before {
     -webkit-transform: scale3d(9, 9, 1);
     transform: scale3d(9, 9, 1) 
}
 .card-body p {
     color: #fff;
     font-size: 18px;
     line-height: 24px;
}
 .faq-bg {
     padding: 69px 0 80px 0;
     background: #fff 
}
 .faq-outer {
     display: inline-block;
     width: 100% 
}
 .faq-outer .card-header {
     background: transparent;
     border-radius: 25px 5px;
     cursor: pointer;
     padding: 0px 
}
 .faq-outer .card-header h5 {
     color: #222;
     font-size: 22px;
     font-weight: bold;
     padding: 18px 19px;
     font-family: Lato;
}
 .faq-outer .card-header h5.mb-0 {
     border-bottom: 0px 
}
 .faq-outer .card {
     border: 0;
     border-radius: 0px;
     margin: 0 0 0px 
}
 .faq-outer .card-body {
     background: transparent;
     color: #fff;
     border-radius: 0;
     font-size: 18px;
     font-family: Lato;
     font-weight: normal;
     padding-top: 25px;
     padding-bottom:26px 
}
 .faq-outer h5.mb-0:before {
     float: left!important;
     line-height: 18px;
     width: 11px;
     height: 11px;
     content: '-';
     margin: 4px 19px 0 0;
     font-size: 36px;
     font-weight: bold;
}
 .faq-outer h5.mb-0.collapsed:before {
     float: left!important;
     line-height: 18px;
     width: 11px;
     height: 11px;
     content: '+';
     margin: 3px 19px 0 0;
     font-size: 28px;
     font-weight: bold;
}
 .faq-outer ul.points {
     margin: 10px 0 0 
}
 #signup h1 {
     margin-bottom: 40px 
}
 #signup h2 {
     padding-top: 72px;
     margin-bottom: 33px;
     color: #fff;
     font-size: 50px 
}
 #signup h2.mainheading::after {
     background-color: #fff;
     margin: 10px auto 0;
}
 #signup p {
     color: #fff;
     font-size: 18px;
     line-height: 24px;
     padding-bottom: 0px;
     margin: 0 
}
 #signup p strong {
     display: block 
}
 iframe {
     height: 2500px;
     overflow: auto;
     display: block;
     width: 100% 
}
 .form-bg {
     background: #6c8faa url('../images/sign-up.webp?cache=none') no-repeat right top;
     width: 100%;
     padding-top: 0;
     background-position: left top;
     width: 100%;
     padding-top: 0;
     padding-bottom: 50px;
     background-size: cover 
}
 .topform label{
    color:#555557
}
 #signup hr {
     max-width: 100%;
     background: #fff;
     margin: 30px 0 30px 
}
 #about-condition {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .aboutperiscope {
     background:#fff url('../images/about-img.webp') no-repeat center center;
     background-size: cover;
     width: 100%;
     padding-top: 80px;
     padding-bottom: 100px;
     font-size: 18px;
     font-weight: normal;
     line-height: 24px 
}
 .periscopeStudies {
     background: #fff url('../images/about-pd-bg.webp') no-repeat center center;
     width: 100%;
     padding-top: 80px;
     padding-bottom: 66px;
     font-size: 18px;
     font-weight: normal;
     line-height: 24px;
     background-size: cover;
}
 #studyinfo {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .aboutperiscope h2 {
     margin: 0 auto 59px;
     color: #222;
     font-size: 50px 
}
 h2.mainheading span {
     color: #6c8faa;
}
 #about-condition h2 {
     color: #222;
     line-height: 1;
}
 #about-condition h2 small {
     font-weight: bold;
     color: #f9a51a;
}
 #about-condition h2::after {
     background-color: #222;
     margin: 20px auto 0;
}
 .aboutperiscope h2::after {
     width: 86%;
     background-color: #f9a51a;
     margin: 10px auto 0;
}
 .aboutperiscope p {
     color: #222;
     font-size: 18px;
     line-height: 24px;
     width: 100%;
     margin: 0;
}
 #about-condition p {
     color: #222;
}
 #about-condition p strong.middle-heading {
     color: #222;
}
 .participateStudy {
     border-radius: 10px;
     padding: 20px 15px;
     background: #fcd807 url(../images/btm-takepart-bg.webp) no-repeat center center;
     background-size: cover;
     border: 4px dotted #f9a51a;
}
 .rise-study-part {
     font-size: 18px;
     color: #505456;
     line-height: 24px 
}
 .rise-study-part p:first-child {
     margin: 44px 0 49px 
}
 .participateStudy ul {
     margin: 7px 0;
     padding: 0px;
     list-style: none 
}
 .participateStudy li {
     color: #222;
     margin-bottom: 0;
     padding-left: 25px;
     font-size: 17px;
     line-height: 26px;
     position: relative;
}
 .participateStudy li::before {
     content: '';
     width: 10px;
     height: 10px;
     position: absolute;
     left: 0px;
     background: #222;
     top: 8px;
     border-radius: 50%;
}
 .participateStudy li i.fas {
     position: absolute;
     left: 0px;
     font-size: 7px;
     color: #fff;
     top: 9px 
}
 .participateStudy ul li ul {
     margin: 5px 0 5px 5px;
     font-size: 18px 
}
 .participateStudy ul li ul li {
     font-size: 18px 
}
 .participateStudy li ol {
     list-style: none;
     padding-left: 0px 
}
 .participateStudy li ol li {
     background: none;
     position: relative 
}
 .pbtm strong {
     color: #222222;
     font-weight: normal 
}
 .participateStudy li ol li:before {
     content: '–';
     position: absolute;
     left: 0px;
     padding-right: 10px 
}
 .participateStudy h3 {
     font-size: 20px;
     color: #222;
     font-family: Arimo;
     font-weight: bold;
     margin-bottom: 7px;
     line-height: 28px;
}
 .participateStudy p {
     color: #222;
     font-size: 18px;
     line-height: 24px;
}
 .aboutperiscopeBox {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 50px;
}
 .aboutperiscopeBox p {
     margin-bottom:0px;
     margin-left: 0px 
}
 .aboutperiscopeBox .wd47 > p + p{
    margin-top: 15px;
}
 .aboutperiscopeBox .wd47 {
     width: 47% 
}
 .aboutperiscopeBox .flow-diagram {
     margin-top: 12px 
}
 .aboutperiscopeBox .flow-diagram p {
     text-align: left!important 
}
 .pivotal-study {
     position: relative;
     background: url(../images/flow-bg-orange.webp) no-repeat left top;
     height: 113px;
     max-width: 519px;
     background-size: contain 
}
 .pivotal-study span.flow-diagram-heading {
     font-weight: bold;
     font-size: 19px;
     color: #f48155;
     position: absolute;
     top: -10px 
}
 .pivotal-study p {
     line-height: 19px;
     font-size: 17px;
     color: #505456;
     padding: 14px 20px 14px 0px;
     margin-top: 5px 
}
 .follow-up-study {
     position: relative;
     background: url(../images/flow-bg-blue.webp) no-repeat left top;
     background-size: contain;
     height: 152px;
     margin-top: 20px;
     max-width: 517px 
}
 .follow-up-study span.flow-diagram-heading {
     font-weight: bold;
     font-size: 19px;
     color: #3571a6;
     position: absolute;
     top: -10px 
}
 .mt30 {
     margin-top: 30px 
}
 .follow-up-study p {
     line-height: 19px;
     font-size: 17px;
     color: #505456;
     padding: 14px 20px 14px 0px;
     margin-top: 8px 
}
 .aboutDisease {
     background: #fafafa;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     width: 100%;
     padding-top: 70px;
     background-position: bottom center;
     padding-bottom: 28px;
     font-size: 18px;
     font-weight: normal;
     line-height: 24px 
}
 .aboutDisease h2 {
     margin: 0 auto 55px;
     color: #505456 
}
 .aboutDisease p {
     color: #505455 
}
 .source-reference-outer {
     background-color: #7f95ac 
}
 .aboutDisease p sup {
     font-size: 10px 
}
 p.ulTitle {
     font-size: 18px;
     color: #fff;
     font-weight: normal;
     margin-bottom: 0px;
     margin-top: 5px 
}
 .aboutDisease ul {
     display: flex;
     justify-content: space-between;
     align-items: self-start;
     margin: 0;
     padding: 7px 0 18px 0;
     flex-flow: row wrap;
     margin-left: 0px 
}
 .aboutDisease li {
     color: #505455;
     width: 100%;
     margin-bottom: 7px;
     padding-left: 20px;
     position: relative 
}
 .aboutDisease li .fas {
     position: absolute;
     left: 0;
     font-size: 7px;
     top: 9px;
     color: #505455 
}
 .aboutDisease li.no-bullet {
     background-image: none 
}
 .aboutDisease strong {
     color: #fff 
}
 .sources-box {
     background-color: #fcd807;
     border-radius: 5px;
     padding: 27px 26px;
     font-family: Lato;
     margin-top: 40px;
     margin-right: 15px;
     margin-left: 15px;
     width: 100%;
     border: 4px dotted #f9a51a;
}
 .sources-box strong {
     margin-bottom: 10px;
     font-family: Arimo;
}
 .source-link {
     display: table;
     color: #222;
     float: none;
     vertical-align: top 
}
 .source-link div {
     display: table-cell;
     float: none;
     vertical-align: top 
}
 .source-link, .source-link a {
     color: #222;
     margin-bottom: 0px 
}
 .source-link a {
     pointer-events: none;
}
 .source-link .source-num {
     padding-right: 5px 
}
 .sources-box strong, .sources-box a {
     display: block;
     color: #222;
     word-break: break-all;
     font-size: 20px;
     text-decoration: none;
}
 .sources-box a:hover {
     text-decoration: none 
}
 .footerBottom .col-md-4.text-right ul {
     list-style: none;
     margin: 0px;
     padding: 0px 
}
 .footerBottom .col-md-4.text-right ul li {
     text-align: right 
}
 footer.site-footer {
     width: 100% 
}
 .footerTop {
     padding-top: 94px;
     padding-bottom: 40px;
     position: relative;
}
 .footerTop .container {
     position: relative 
}
 .footerTop h3 {
     font-size: 22px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     font-family: Arimo;
}
 .footerTop ul {
     list-style: none;
     margin: 23px 0 0 0;
     padding: 0px 
}
 .footerTop ul li .fas, .footerTop ul li .fab {
     color: #fff;
     font-size: 24px 
}
 .footerTop ul li:last-child {
     margin-right: 0px 
}
 #myBtn {
     width: 50px;
     height: 50px;
     float: right;
     background: #fcd807;
     text-align: center;
     line-height: 47px;
     border-radius: 100%;
     cursor: pointer;
     position: absolute;
     right: 25px;
     top: -25px;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 #myBtn .fas {
     font-size: 26px;
     margin: 11px 0 0 0px;
     font-weight: 600;
     color: #222;
     line-height: 28px 
}
 .footerTop {
     width: 100% 
}
 .footerTop p {
     color: #fff;
     font-size: 16px;
     line-height: 22px;
     font-weight: 400;
     padding-right: 0;
}
 .footerBottom {
     padding: 30px 0;
     border-top: 1px solid #fff;
}
 .footerBottom, .footerBottom a {
     font-size: 16px;
     color: #fff;
     font-weight: normal;
     font-family: 'open sans';
}
 .footerBottom a {
     font-weight: bold;
}
 .footerBottom a:hover {
     text-decoration: none 
}
 .footer-logo {
     margin-bottom: 5px;
     max-width: 100%;
}
 .reference-links strong {
     margin-top: 3px;
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 0px 
}
 .reference-links p {
     margin-bottom: 0px 
}
 .reference-links strong, .reference-links p {
     display: block;
     width: 100%;
     line-height: 20px 
}
 .reference-links a {
     font-size: 14px;
     line-height: 16px 
}
 .medical-prof {
     max-width: 527px;
     margin: 0 auto;
     background-color: #f3a96c;
     padding: 30px 15px;
     border-radius: 5px;
     margin-top: 20px;
     color: #505456;
     line-height: 24px;
     text-align: center;
     font-size: 18px;
     text-transform: none;
     font-weight: bold 
}
 .pbtm {
     margin: 62px 0 0 0px 
}
 #signup .sealltext strong {
     font-size: 18px;
     margin-bottom: 2px;
     font-weight: bold;
     font-family: Arimo;
}
 .video_box {
     padding: 0 0 50px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
     column-gap: 30px;
}
 @media (min-width:1441px) {
     .banner-point {
         margin-top: 40px;
         font-size: 19px;
         line-height: 1.9;
    }
}
 @media only screen and (min-width:1200px) {
     @-moz-document url-prefix() {
        /* #studyinfo-CTA-image .qualify-red-btn {
             margin-bottom: 25px;
        }
         */
    }
}
 @media only screen and (min-width:1200px) {
     @supports (-ms-ime-align: auto) {
         .pic-mob.mr-0 {
             padding-right:0px 
        }
         .takepart-study {
             padding-right: 44px 
        }
    }
}
 @media only screen and (min-width:991px) {
     .pic-mob-mb {
         display: none 
    }
     .aboutstudy-pic {
         display: block;
         padding-right: 0;
    }
     .banner-btn {
         margin: 40px 0 10px 0;
         text-align: left;
         padding-left: 0;
         margin-left: 0 !important;
    }
     @supports (-ms-ime-align:auto) {
         .qualify-red-btn {
             display: flex;
             justify-content: space-evenly;
             position: relative 
        }
         .qualify-red-btn img {
             margin-right: 20px;
             position: relative;
             top: -29px 
        }
    }
     .periscopeStudies .row, .faq-outer {
         padding: 0 15px;
    }
}
 @media only screen and (max-width:991px) {
     #studyinfo-CTA-image .aboutContent h3.aboutTitle {
         font-size: 20px;
         line-height: 24px;
         text-align: center;
    }
     .customnav ul.topnavbarul li a.nav-link {
         font-size: 16px;
    }
     .navbar-nav li {
         margin-bottom: 6px !important;
         padding: 0;
    }
     .navbar-nav li.last-item {
         margin-top: 10px;
    }
     .sources-box strong, .sources-box a {
         font-size: 16px;
    }
     .card-body p {
         font-size: 16px;
         line-height: 22px !important;
    }
     .aboutperiscope p, .participateStudy li, .faq-outer .card-body p {
         font-size: 16px;
         line-height: 22px;
    }
     #about-condition ul li {
         font-size: 16px;
         line-height: 22px !important;
    }
     #signup p {
         font-size: 16px;
         line-height: 22px !important;
    }
     .banner-content ul li br {
         display: none;
    }
     .takepart-study {
         width: 100% 
    }
     .pic-mob-mb {
         display: block 
    }
     .pivotal-study {
         background: url(../images/flow-bg-orange-IPAD.webp) no-repeat left top;
         height: 122px 
    }
     .pivotal-study p {
         margin-top: 2px 
    }
     .follow-up-study p {
         margin-top: 5px 
    }
     .follow-up-study {
         background: url(../images/flow-bg-blue-IPAD.webp) no-repeat left top;
         height: 202px;
         margin-top: 30px 
    }
     .aboutperiscopeBox .flow-diagram {
         margin-bottom: 30px 
    }
     .banner-content p {
         color: #fff;
    }
     .banner-content ul li {
         color: #fff;
    }
     .banner-content ul li .fas {
         color: #fff;
    }
     .aboutperiscope {
         font-size: 16px;
         line-height: 22px;
    }
     .copyrightAutocruitment .col-lg-4 {
         text-align: center!important;
    }
     .copyrightAutocruitment .footer-autocruitment-logo {
         margin: 10px 0;
    }
     .footerBottom ul {
         padding: 0;
    }
     .footerTop p {
         font-size: 16px;
         line-height: 22px;
    }
     .footerTop h3 {
         font-size: 16px;
    }
     #signup .sealltext strong {
         font-size: 20px;
    }
     .qualify-red-btn {
         margin: 40px auto 30px;
    }
     .takepart-study ul li::before, .participateStudy li::before, .faq-outer ul li::before {
         top: 7px;
         width: 8px;
         height: 8px;
    }
     .banner-btn a.qualifybtn:hover {
         color: #fff;
         background: #fff;
    }
     #studyinfo-CTA-image::before, #about-condition::after, #studyinfo::after, #studyinfo::before {
         content: none;
    }
     .video_box {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         row-gap: 30px;
         -webkit-column-gap: inherit;
         -moz-column-gap: inherit;
         column-gap: inherit;
    }
}
 @media only screen and (min-width:992px) and (max-width:1200px) {
     .navbar-nav li {
         padding: 0 10px;
    }
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
     .pivotal-study span.flow-diagram-heading, .follow-up-study span.flow-diagram-heading {
         font-size: 17px 
    }
     .pivotal-study p, .follow-up-study p {
         font-size: 17px!important;
         margin-top: 0px!important;
         padding-right: 9px!important 
    }
     .customnav ul.topnavbarul li.last-item a {
         width: 100px;
         height: 50px;
         line-height: 50px 
    }
     .faq-flow-diagram .pivotal-study p {
         font-size: 18px!important;
         margin-top: 4px!important 
    }
     .faq-flow-diagram .follow-up-study p {
         font-size: 18px!important;
         margin-top: 7px!important 
    }
     .footerTop h3 {
         font-size: 18px;
    }
     a.toplogo img {
         width: 103px;
         max-width: 100%;
    }
     .customnav ul.topnavbarul li a.nav-link {
         font-size: 16px;
    }
}
 @media only screen and (max-width:991px) {
     .sources-box {
         padding: 25px 
    }
     .source-reference-outer {
         background-color: #bbe5ef 
    }
     .aboutDisease li.no-bullet {
         display: none!important 
    }
     .takepart-study p {
         margin-bottom: 10px!important 
    }
     .desktopView .col-md-12 {
         padding: 0px!important 
    }
     .aboutContent h3.aboutTitle span {
         display: inline;
         margin-bottom: 0px;
         font-size: 15px;
         background-color: transparent 
    }
     .banner-content ol {
         padding: 0px 
    }
     .bannercontent h2 span {
         padding: 0;
         margin: 0;
         font-size: 22px 
    }
     .banner-content h3 {
         font-size: 22px 
    }
     .aboutperiscope h2 {
         margin-bottom: 15px 
    }
     .takepart-study h3 {
         margin-bottom: 9px!important 
    }
     .aboutDisease ul {
         padding-top: 0px;
         padding-bottom: 10px 
    }
     .bannercontent {
         margin-top: 0px 
    }
     .bannercontent h1 strong.study {
         display: block;
         font-weight: 500;
         padding-bottom: 5px!important 
    }
     .takepart-study {
         margin-top: 15px;
         padding: 20px 
    }
     .banner-text {
         background-color: transparent;
         background: none;
    }
     .banner-content ul li {
         margin-bottom: 0;
    }
     .bannercontent h1 span {
         letter-spacing: 4px 
    }
     a.qualifybtn-border, a.faqbtn, .banner-btn a.qualifybtn {
         font-size: 17px;
         padding: 20px 10px;
    }
     .banner-bottom {
         background: transparent;
         padding: 0;
         margin-top: 0;
    }
     .banner-content p {
         font-size: 18px;
         line-height: 24px;
         width: 100%;
        /* text-align: left;
         */
    }
     p.banner-subheading {
         font-size: 18px;
         line-height: 24px;
         margin-bottom: 15px 
    }
     .banner-content ul li {
         font-size: 16px;
         left: 0px 
    }
     .banner-content ul {
         margin-top: 0px 
    }
     .banner-content {
         margin: 25px 0px 20px 0px;
         width: 100%;
         text-align: center 
    }
     #banner-cta-image .qualifybtn {
         top: 0;
         max-width: 600px;
         font-size: 18px;
         line-height: 1.4;
         height: auto;
         padding: 15px 20px;
         width: auto;
    }
     .customnav ul.topnavbarul li.last-item a {
         height: 50px;
         line-height: 50px;
         font-size: 16px !important 
    }
     .bannercontent {
         background-image: none;
         background: #6c8faa;
         text-align: center 
    }
     .banner-heading, .banner-content {
         background: transparent;
    }
     .banner-heading {
         padding: 0;
    }
     .banner-content {
         padding-top: 10px;
         padding-bottom: 0;
         margin-bottom: 0;
    }
     .banner-text {
         width: 100%;
         left: 0px;
         margin-top: 0px 
    }
     .abouthight h2, .aboutsection h2 {
         padding-bottom: 10px 
    }
     #faq h2.mainheading, .aboutperiscope h2, #signup h2, .aboutDisease h2 {
         margin-bottom: 40px 
    }
     #faq.faq-bg {
         padding-bottom: 30px;
         padding-top: 30px!important 
    }
     .aboutDisease li {
         margin-bottom: 10px 
    }
     .aboutDisease ul li br {
         display: none 
    }
     .navbar-nav li {
         margin-bottom: 10px 
    }
     .aboutDisease {
         padding: 35px 0 
    }
     .aboutDisease li {
         text-align: left;
         width: 100% 
    }
     .aboutDisease p {
         display: block;
         text-align: center;
         font-size: 18px 
    }
     .aboutContent h3, .takepart-study h3 {
         font-size: 16px;
         line-height: 22px;
         text-align: left;
    }
     .aboutContent h3 {
         margin-bottom: 10px!important 
    }
     .aboutContent .col-md-6.pic-mob {
         max-width: 100%;
         flex: 0 0 100% 
    }
     .takepart-study {
         margin-bottom: 30px 
    }
     .aboutstudy-pic {
         text-align: center 
    }
     .bannercontent h1 strong.study {
         font-size: 28px 
    }
     .bannercontent {
         height: auto;
         overflow: hidden 
    }
     .banner-text {
         position: relative;
         margin: 0px;
         padding: 20px 15px;
         top: 0px;
         max-width: 100% 
    }
     .bannercontent h1, .bannercontent h1 span {
         margin-bottom: 0px 
    }
     .banner-btn span {
         position: inherit;
         display: block;
         text-align: center;
         left: 0px 
    }
     .bannercontent {
         padding: 40px 15px 0 
    }
     a.toplogo img {
         margin: 0 auto;
         max-width: 100px;
         margin-top: 0px 
    }
     .body_section {
         padding-top: 97px 
    }
     .navbarbtn {
         position: relative;
         top: -2px 
    }
     .topnavbar .container {
         max-width: 96% 
    }
     .navbar-me {
         padding: 15px 0px;
         background-color: #fff;
         top: 0px;
         border: 0px;
         border-radius: 0px 
    }
     h1.mainheading {
         font-size: 30px;
         margin-bottom: 20px 
    }
     .text-sm-center {
         text-align: center 
    }
     .participateStudy p {
         color: #222;
    }
     #about-condition h2 br {
         display: none;
    }
     .bannercontent h1 {
         line-height: 42px;
         font-size: 30px;
         margin-bottom: 21px!important;
         color: #f3cb83 
    }
     .bannercontent h1 span {
         font-size: 26px;
         letter-spacing: 0;
    }
     .bannercontent h1 strong.study {
         line-height: 300;
         font-size: 16px 
    }
     .participateStudy h3 {
         font-size: 20px 
    }
     #studyinfo h2, #aboutDisease h2, #studyinfo-CTA-image h2, h2.heading, #faq h2.mainheading, #signup h2 {
         font-size: 24px 
    }
     #studyinfo-CTA-image {
         padding: 40px 0 
    }
     #studyinfo-CTA-image h2 {
         margin-bottom: 30px 
    }
     .takepart, .aboutsection, .abouthight, .footerTop {
         padding: 40px 0 
    }
     .bannercontent {
         padding-top: 0;
         padding-bottom: 0;
    }
     .banner-btn {
         text-align: center;
         margin: 20px auto 0 auto;
         width: 90% 
    }
     .bannercontent img {
         display: block;
         margin: 0 auto;
         left: inherit;
         top: inherit;
         position: relative;
    }
     .bannercontent h1, .bannercontent h1 strong.study {
         width: 100%;
         margin: 5px 0 0px 0;
         padding: 0 0 
    }
     .bannercontent img {
         top: -42px 
    }
     .customnav {
         padding: 7px 15px;
    }
     .topnavbarul {
         margin-top: 20px 
    }
     a.qualifybtn {
         margin-top: 10px 
    }
     #signup h2 {
         padding-top: 40px 
    }
     .aboutperiscope {
         padding: 40px 0;
         background-image: none;
    }
     .banner-btn a.qualifybtn {
         margin: 0px 
    }
     .faq-outer .card-body p {
         font-size: 16px 
    }
     .faq-outer ul li, .aboutperiscopeBox p, .participateStudy li, .aboutContent p, .aboutDisease p, .aboutDisease li {
         font-size: 16px !important;
         line-height: 22px !important;
    }
     .footerTop h2 {
         font-size: 18px 
    }
     .bannercontent h1 {
         font-size: 26px;
         line-height: 1.3;
         color: #fff;
    }
     .bannercontent h2 {
         font-size: 16px;
         line-height: 22px;
         color: #fff 
    }
     .aboutContent h3.aboutTitle {
         margin-top: 0px 
    }
     .banner-btn a.qualifybtn {
         height: auto;
         line-height: 40px;
         margin-left: 0 !important;
         line-height:1.4;
    }
     #aboutDisease p.text-sm-center {
         text-align: left!important 
    }
     .aboutContent p {
         text-align: center 
    }
     .takepart-study p {
         text-align: left;
    }
     .form-bg {
         background-image: none;
    }
     h2.mainheading, #faq h2.mainheading, #signup h2 {
         font-size: 30px;
         line-height: 42px;
    }
     #faq {
         background-image: none 
    }
     .aboutDisease {
         background-image: none;
         background-color: #e8f1f9 
    }
     .pic-mob-mb.mobile-view {
         max-width: 100%;
         flex: 0 0 100%;
         text-align: center;
         margin: 0 auto 
    }
     .footer-autocruitment-logo {
         flex-direction: column 
    }
     .footer-autocruitment-logo .followicons {
         margin-left: 0px;
         margin-top: 10px 
    }
     #studyinfo-CTA-image .desktopView .row {
         max-width: 580px;
         margin: 0 auto 
    }
     #studyinfo-CTA-image .desktopView .row.nd-row {
         margin-top: 30px 
    }
     #studyinfo-CTA-image .participant-text {
         max-width: 260px 
    }
     .banner-text p {
         color: #fff;
         font-size: 16px;
         line-height: 22px;
         margin: 20px 0 10px 0;
    }
     .banner-content p {
         margin-top: 0;
         margin-bottom: 0;
    }
     .banner-bottom p {
         font-size: 14px !important;
         line-height: 19px;
    }
     .banner-text .banner-heading p {
         font-size: 16px;
         line-height: 22px;
    }
     .takepart-study ul li {
         font-size: 16px;
         line-height: 22px;
    }
     .takepart-study p {
         font-size: 16px !important;
         line-height: 22px !important;
    }
     a.toplogo img {
         margin: 0 auto;
         max-width: 100px;
         margin-top: 0px;
    }
     .takepart-study p:first-child {
         font-size: 16px !important;
         line-height: 22px;
    }
     .banner-right {
         display: none;
    }
}
 @media only screen and (min-width:768px) and (max-width:991px) {
     .footer-logo {
         max-width: 100%;
         margin-bottom: 5px;
    }
     .footerBottom, .footerBottom a {
         font-size: 16px 
    }
     .topnavbarul {
         margin-top: 20px 
    }
     .faq-flow-diagram {
         max-width: 378px 
    }
     .faq-flow-diagram .flow-diagram {
         max-width: 338px;
         margin: 0 auto 
    }
     .footerTop h3 {
         height: 44px;
         margin-bottom: 15px;
    }
     .footerTop h3 span {
         position: relative;
         display: inline-block;
         height: 30px;
    }
}
 @media only screen and (max-width:767px) {
     .footerBottom {
         text-align: center;
    }
     .footerTop {
         text-align: center;
    }
     .footerTop .col-md-3 {
         margin-bottom: 30px;
    }
     .footer-bottom-right {
         text-align: center !important;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-top: 0;
    }
     #studyinfo-CTA-image .qualify-red-btn a {
         font-size: 16px !important;
         max-width: 100%;
         width: auto;
         padding: 10px 15px !important;
    }
     .bannercontent img {
         top: -15px !important;
    }
     .banner-btn a.qualifybtn {
         margin-top: 10px !important;
    }
     .faq-outer .card-header h5 {
         font-size: 16px !important;
    }
     .footerTop h3 {
         font-size: 18px;
    }
     .faq-flow-diagram {
         max-width: 380px 
    }
     .aboutperiscopeBox .flow-diagram {
         margin: 12px auto 30px auto;
         max-width: 338px;
    }
     #faq h2.mainheading::after {
         width: 86% 
    }
     .footerBottom .col-md-4.text-right ul li {
         text-align: center 
    }
     #studyinfo-CTA-image .participant-text {
         max-width: 225px;
         height: auto;
         font-size: 16px;
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         height: auto;
         width: 100%;
    }
     .qualify-red-btn {
         margin: 17px auto 26px 
    }
     .aboutperiscopeBox .wd47 {
         width: 100%;
         margin-bottom: 20px 
    }
     .aboutperiscopeBox .wd47:last-child {
         margin-bottom: 0px 
    }
     .participateStudy {
         padding: 30px 25px;
         margin: 0 0 25px 0;
    }
     .video_box {
         padding: 0 0 25px 0;
    }
     .removeMargin {
         margin: 0px 
    }
     .qualify-red-btn {
         display: inline-block;
         text-align: center;
         width: 100%;
    }
     .qualify-red-btn img {
         top: 0;
         margin: 0 auto 20px;
         display: block;
    }
     .qualify-red-btn a {
         line-height: inherit!important;
         height: auto!important;
         font-size: 13px!important;
         padding: 15px 10px!important 
    }
     .customnav ul.topnavbarul li a.nav-link {
         font-size: 14px 
    }
     .aboutContent h3 {
         margin: 0 0 30px 
    }
     .takepart-study h3 {
         margin: 0 0 20px 
    }
     .aboutContent h3:before {
         left: -11px;
         top: 5px 
    }
     .faq-outer::before {
         left: 27px 
    }
     .banner-btn a.qualifybtn {
         max-width: inherit 
    }
     .customnav ul.topnavbarul li a.nav-link {
         font-size: 16px 
    }
     a.qualifybtn {
         height: auto;
         line-height: 52px;
         width: 100%;
         padding: .375rem .75rem 
    }
     a.qualifybtn-border, a.qualifybtn {
         max-width: 100%;
         padding: .375rem .75rem;
         line-height: 42px;
         height: auto;
         margin: 0 auto 
    }
     .faq-outer .card-header h5 {
         padding-left: 40px;
         font-size: 18px;
         line-height: 21px 
    }
     .faq-outer h5.mb-0:before {
         position: absolute;
         left: 15px 
    }
     .form-bg {
         padding-top: 0 
    }
     .footerBottom .row {
         padding: 0 15px 
    }
     .footer-logo {
         max-width: 160px 
    }
     .footer-logo {
         margin-right: 0px 
    }
     .faq-bg {
         background-color: #fff;
         background-image: none;
         padding: 40px 0 
    }
     h1.mainheading {
         margin-bottom: 30px;
         padding-right: 5px;
         padding-left: 5px 
    }
     a.qualifybtn-border {
         max-width: 98% 
    }
     .footerTop {
         padding: 30px 0 0 0 
    }
     .participant-text {
         height: 284px 
    }
     .qualify-red-btn img {
         top: 0;
    }
     .copyrightAutocruitment .footer-autocruitment-logo {
         margin: 10px 0 
    }
     .copyrightAutocruitment .col-md-4 {
         text-align: center!important 
    }
     .aboutperiscopeBox p, .participateStudy h3, .participateStudy p {
         text-align: left;
    }
     #aboutDisease p.text-sm-center {
         text-align: center!important 
    }
     .participateStudy p {
         display: block 
    }
     #banner-cta-image .qualifybtn {
         font-size: 16px;
    }
     .footerTop h3 span::before {
         bottom: -15px;
         width: 100%;
    }
     .footerTop h3 {
         font-size: 20px;
         margin-bottom: 25px;
    }
     .footerTop ul li br {
         display: none;
    }
     .footer-logo {
         margin-bottom: 30px;
         max-width: 100%;
    }
}
 @media (min-width:480px) and (max-width:489px) {
     #studyinfo-CTA-image .qualify-red-btn a {
         font-size: 17px !important;
    }
}
 @media only screen and (max-width:479px) {
     .pivotal-study {
         background: url(../images/flow-bg-orange-mobile.webp) no-repeat left top;
         max-width: 290px;
         margin: 0 auto 
    }
     .follow-up-study {
         background: url(../images/flow-bg-blue-mobile.webp) no-repeat left top;
         max-width: 290px;
         margin: 30px auto 0 
    }
     .pivotal-study p, .follow-up-study p {
         font-size: 15px!important 
    }
     .bannercontent h1 strong.study {
         margin-bottom: 10px 
    }
     .follow-up-study span.flow-diagram-heading, .pivotal-study span.flow-diagram-heading {
         font-size: 18px 
    }
     a.qualifybtn-border, a.faqbtn, .banner-btn a.qualifybtn {
         font-size: 15px 
    }
     #banner-cta-image .qualifybtn {
         padding: 15px 20px;
    }
     .bannercontent img {
         top: -12px 
    }
     .banner-btn {
         width: 100% 
    }
     .footerBottom .row {
         display: block;
         width: 100%;
         text-align: center;
         margin: 0px 
    }
     .footer-logo {
         margin: 10px auto 
    }
}
 @media only screen and (max-width:400px) {
}
 @media (max-width:374px) {
     #studyinfo-CTA-image .qualify-red-btn a {
         font-size: 16px !important;
    }
}
 @media (min-width:1199px) {
     .navbar-expand-lg .navbar-collapse {
         display: -webkit-box!important;
         display: -ms-flexbox!important;
         display: flex!important;
         -ms-flex-preferred-size: auto;
         flex: 0 0 88% 
    }
     a.toplogo {
         align-items: center;
         margin-right: 0px;
         flex: 0 0 11% 
    }
     .navbar-me {
         padding: 6px 2vw 
    }
     .banner-content ul li::before {
         position: absolute;
    }
     .banner-content ul li {
         padding-left: 25px 
    }
     .banner-content ul li ul {
         padding-left: 0px 
    }
     .banner-bottom p {
         font-size: 16px;
    }
}
 @media (max-width:1199px) {
     .takepart-study p:first-child {
         margin-bottom: 15px;
    }
     .takepart-study {
         padding: 30px 20px;
    }
     .footerTop p {
         padding-right: 0;
    }
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
     .navbar-me {
         padding: 5px 2vw;
    }
     .participant-text {
         height: 289.16px;
         max-width: 203px;
         font-size: 16px;
         line-height: 24px;
    }
     .bannercontent {
         margin-top: 95px;
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         height: auto;
         width: 100%;
    }
     .fixed-me ul.topnavbarul li.last-item a {
         height: 40px !important;
         line-height: 40px !important;
    }
     .aboutContent h3.aboutTitle {
         line-height: normal;
    }
     .aboutContent p {
         font-size: 16px;
         line-height: 22px;
    }
}
 @media only screen and (max-width:575px) {
     #studyinfo-CTA-image .desktopView .col-sm-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 48%;
         flex: 0 0 48%;
         max-width: 48%!important;
         height: auto!important;
         margin: 0px auto!important;
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
         align-items: center;
         padding: 0px 
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         max-width: none!important;
         height: auto;
    }
     #studyinfo-CTA-image .desktopView .row.nd-row {
         margin-top: 7px!important 
    }
}
 @media only screen and (min-width:992px) and (max-width:1300px) {
     .bannercontent {
         height: 530px;
         background-position: 0px;
    }
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
     .bannercontent {
         background-position: left 0px top;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1440px) {
     .banner-btn {
         margin: 40px auto 0 
    }
}
 @media only screen and (min-width:1200px) and (max-width:1441px) {
     .customnav ul.topnavbarul li a.nav-link {
         font-size: 18px;
    }
     .navbar-nav li {
         padding: 0 15px;
    }
     .customnav ul.topnavbarul li.last-item a {
        width: 155px;
        height: 60px;
        line-height: 60px;
    }
     .fixed-me ul.topnavbarul li.last-item a {
        height: 51px;
        line-height: 51px;
    }
     section.bannercontent {
         margin-top: 107px;
    }
     .navbar-me {
         padding: 6px 2vw;
    }
}
 @media all and (-ms-high-contrast:none) and (min-width:993px) {
     .navbar-expand-lg .topnavbarul.navbar-nav {
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
    }
    /*.navbar-expand-lg .navbar-collapse {
         flex: 0 0 86% 
    }
    */
     .participant-text {
         display: block;
         padding-top: 0 
    }
     a.qualifybtn {
         max-width: 540px 
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
     .participant-text div {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         height: 100%;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 @media all and (-ms-high-contrast:none) and (min-width:1200px) {
     .participant-text {
         padding-top: 0;
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:991px) and (max-width:1599px) {
     .fixed-me {
         padding: 18px 2vw!important 
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:768px) and (max-width:991px) {
     .qualify-red-btn img {
         margin-right: 20px!important 
    }
     a.qualifybtn {
         font-size: 16px;
    }
     #studyinfo-CTA-image .participant-text {
         display: inline-block;
         padding-top: 0 
    }
     .qualify-red-btn img {
         left: 0px;
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:992px) and (max-width:1199px) {
     a.qualifybtn {
         font-size: 16px;
         max-width: 448px!important 
    }
     .banner-btn a.qualifybtn {
         font-size: 16px!important 
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:991px) {
     .qualify-red-btn {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:767px) {
     .qualify-red-btn img {
         margin: 0 auto 20px !important;
    }
     #studyinfo-CTA-image .participant-text {
         display: inline-block 
    }
     .participant-text div {
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 100%;
         padding: 0 5px 
    }
     .qualify-red-btn {
         -webkit-box-pack: inherit;
         -ms-flex-pack: inherit;
         justify-content: inherit;
    }
}
 @media only screen and (min-width:768px) and (max-width:991px) {
     .participant-text {
         height: auto;
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         height: auto;
         width: 100%;
    }
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
     .bannercontent h1 {
         font-size: 27px;
         padding-bottom: 12px;
         line-height: 1.2;
         padding-right: 20px;
    }
     .bannercontent h3 {
         font-size: 18px;
         line-height: 300 
    }
     .banner-content {
         margin-top: 10px;
    }
     .banner-text {
         position: inherit;
         left: inherit;
         top: inherit;
         max-width: 430px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         margin: 0 0 0 3.5vw;
         padding: 0 27px;
         padding-left: 0;
    }
     .banner-btn {
         margin: 15px auto 0;
         width: 100%;
    }
     .banner-btn a.qualifybtn {
         max-width: 100%;
         font-size: 18px;
         width: auto;
         padding: 14px 30px;
    }
     .banner-bottom {
         margin-top: 12px;
    }
     .banner-content p, .banner-content ul li, p.banner-subheading {
         font-size: 17px;
         line-height: 22px;
    }
     .banner-content ul li::before {
         top: 10px 
    }
     .qualify-red-btn a.qualifybtn {
         font-size: 16px 
    }
     .bannercontent h2 span {
         padding: 0;
         font-size: 21px 
    }
     .bannercontent h2 {
         line-height: 300 
    }
     .banner-content h3 {
         font-size: 21px 
    }
     .bannercontent img {
         left: -10px;
    }
     .banner-text p {
         font-size: 13px !important;
         margin: 0 0 0px 0;
         line-height: 15px;
    }
     .bannercontent h2 {
         font-size: 16px;
         line-height: 20px;
    }
     .banner-text .banner-heading p {
         font-size: 16px;
         margin-top: 10px;
         line-height: 20px;
    }
     .bannercontent h1 span {
         font-size: 26px;
    }
     .banner-point {
         font-size: 16px;
         line-height: 22px;
    }
     .bannercontent {
         height: 410px;
    }
     .navbar-expand-lg .navbar-nav.topnavbarul {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
    }
     .banner-content p {
         padding-bottom: 0;
    }
     .banner-content ul + p {
         margin-top: 7px;
    }
     .banner-right {
         width: 560px;
    }
}
 @media only screen and (max-width: 1750px) and (min-width: 1441px) {
     .bannercontent {
         margin-top: 101px;
         background-position: top left 0;
         height: 554px;
    }
     .banner-text .banner-heading p{
         font-size: 18px;
         line-height: 24px;
         margin-top: 12px;
    }
     .banner-btn {
         margin: 25px 0 0;
         text-align: left;
         padding-left: 0;
         margin-left: 0;
    }
     .customnav ul.topnavbarul li a.nav-link {
         font-size: 20px;
    }
     .banner-content p {
         padding-bottom: 0;
    }
     .banner-bottom {
         margin-top: 15px;
    }
     .bannercontent h1 {
         font-size: 44px;
    }
     .banner-text {
         max-width: 640px !important;
    }
     .bannercontent h2 {
         font-size: 20px;
         line-height: 24px;
    }
     .banner-bottom p {
         line-height: normal;
         font-size: 16px !important;
    }
     .banner-right {
         width: 775px;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1700px) {
     .banner-point {
         margin-top: 30px;
         font-size: 17px;
    }
     .banner-text {
         max-width: 730px;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1300px) {
    /* .bannercontent {
         background: #b3bdbe url('../images/banner-bg.webp') no-repeat center right -250px 
    }
     */
     .banner-btn .qualifybtn.btnscroll {
         top: 0px !important;
         max-width: 100%;
         font-size: 18px;
         padding: 15px 40px;
    }
     .banner-btn {
         max-width: 480px;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1441px) {
     .bannercontent h1 {
         font-size: 36px;
         padding-bottom: 16px;
    }
     .bannercontent h1 span {
         font-size: 30px;
    }
     .bannercontent h2 {
         font-size: 17px;
         line-height: 22px;
         padding-bottom: 0;
    }
     .banner-text {
         max-width: 560px 
    }
     .bannercontent {
         height: 480px;
         margin-top: 101px;
         background-position: top left 0;
    }
     .banner-right {
         width: 650px;
    }
     .banner-btn {
         margin: 20px 0 0;
         width: 100%;
    }
     .banner-content p {
         padding-bottom: 0px;
    }
     .banner-text .banner-heading p {
         font-size: 16px;
         line-height: normal;
         margin-top: 13px;
    }
     .banner-content {
         margin-top: 20px;
    }
     .banner-content ul li::before {
         top: 11px;
    }
     .banner-btn a.qualifybtn {
         max-width: 100%;
         width: auto;
         font-size: 20px;
         padding: 15px 40px;
    }
     .banner-content ul li {
         font-size: 18px;
         line-height: 27px;
    }
     .banner-bottom p {
         font-size: 14px !important;
         line-height: normal;
    }
     .banner-bottom {
         margin-top: 12px;
    }
}
 @media only screen and (min-width:1302px) and (max-width:1441px) {
}
 @media only screen and (min-width:1200px) and (max-width:1260px) {
     .bannercontent {
         background-position: top left 0px;
    }
}
/* @media only screen and (min-width:1441px) and (max-width:1600px) {
     .bannercontent {
         background: #b3bdbe url('../images/banner-bg.webp') no-repeat center right -170px 
    }
}
 */
 @media only screen and (min-width:768px) and (max-width:991px) {
     .qualify-red-btn img {
         margin-right: -50px;
         width: 47px;
         height: 57px;
         top: -17px;
         left: 18px;
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:768px) and (max-width:991px) {
     .qualify-red-btn img {
         left: 0px;
    }
}
 @media only screen and (max-width:1024px) {
     .faq-outer .card-header h5 {
         padding-left: 40px;
         font-size: 22px 
    }
     .faq-outer h5.mb-0:before {
         position: absolute;
         left: 15px 
    }
}
 @media only screen and (max-width:991px) {
     .rise-study-part p:first-child {
         margin: 40px 0 30px 
    }
     .banner-content ul li {
         padding-left: 20px;
         line-height: 28px;
    }
     .banner-content ul li::before {
         top: 13px;
         width: 12px;
         height: 3px;
    }
     .banner-content ul li .fas {
         top: 10px 
    }
     .banner-content {
         margin-top: 0px 
    }
     .banner-content ul {
         text-align: left;
         padding-left: 5px;
    }
     .faq-outer .card-header h5 {
         font-size: 18px 
    }
     .banner-content ul li ul {
         padding-left: 10px;
    }
}
 @media only screen and (min-width:1200px) {
     .bannercontent {
         margin-top: 107px 
    }
     .flow-diagram {
         margin-bottom: 30px 
    }
     .takepart-study {
        min-height: 354px;
    }
     .site-footer .container {
         max-width: 1280px;
    }
}
 @media only screen and (min-width:1701px) and (max-width:1800px) {
}
 @media only screen and (min-width:1600px) and (max-width:2000px) {
     .bannercontent {
         margin-top: 107px 
    }
}
 @media only screen and (min-width:1441px) and (max-width:1700px) {
     .navbar-nav li {
         padding: 0 25px;
    }
}
 @media only screen and (min-width:1400px) and (max-width:1599px) {
     .bannercontent {
         margin-top:107px;
    }
}
 @media (min-width:768px) and (max-width:991px) {
     @supports (-ms-ime-align: auto) {
         .qualify-red-btn {
             display:flex;
             flex-direction: column;
             align-items: center;
             margin: 0px!important 
        }
         .qualify-red-btn img {
             width: 47px;
             position: inherit!important;
             margin: 15px 0 10px 0!important;
             top: inherit!important 
        }
    }
}
 @media (max-width:767px) {
     #faq .card {
         margin-left: 15px;
         margin-right: 15px 
    }
     @supports (-ms-ime-align:auto) {
         .qualify-red-btn {
             display: flex;
             flex-direction: column;
             align-items: center;
             margin: 0px!important 
        }
         .qualify-red-btn img {
             width: 47px;
             position: inherit!important;
             margin: 5px 0 10px 0!important;
             top: inherit!important 
        }
    }
}
 @media (min-width:992px) {
     @supports (-ms-ime-align: auto) {
         .qualify-red-btn {
             display:flex;
             justify-content: space-evenly;
             position: relative 
        }
         .qualify-red-btn img {
             margin-right: 20px;
             position: relative;
             top: -29px 
        }
    }
}
 @media only screen and (max-width:360px) {
     #studyinfo-CTA-image .desktopView .col-sm-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%!important;
         height: auto!important;
         margin: 0px 0px!important;
         padding: 0px!important;
         margin-bottom: 30px!important;
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         max-width: 100% 
    }
     #studyinfo-CTA-image .col-sm-6.participant-text {
         height: auto !important;
         margin-bottom: 30px !important;
         padding: 50px 10px !important;
    }
     .participant-text div {
         font-size: 16px;
         line-height: 22px;
    }
     #studyinfo-CTA-image .row.nd-row .mb30 {
         margin-bottom: 30px!important 
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         max-width: 100% !important;
         width: 100%;
    }
}
 @media only screen and (min-width:234px) and (max-width:319px) {
     a.toplogo img {
         max-width: 69px;
    }
     .customnav {
         padding: 20px 15px;
    }
     .footerTop {
         padding: 35px 0px;
    }
}
 @media only screen and (max-width:233px) {
     a.toplogo img {
         max-width: 100px;
    }
     .customnav {
         padding: 23px 15px;
    }
}
 @media only screen and (max-width:400px) {
}
 @media only screen and (max-width:374px) {
     #banner-cta-image .qualifybtn {
         font-size: 16px;
    }
}
 @media only screen and (max-width:319px) {
     #banner-cta-image .qualifybtn {
         font-size: 16px;
         line-height: 1.4;
         padding: 15px 12px;
         height: auto;
    }
}
 @media only screen and (min-width:480px) and (max-width:991px) {
     .banner-btn a.qualifybtn {
         font-weight: 500;
         font-size: 16px 
    }
     .qualify-red-btn a {
         font-weight: 500;
         font-size: 18px !important;
    }
     .aboutContent h3.aboutTitle span {
         font-weight: 500;
         font-size: 20px!important 
    }
     .aboutContent h3.aboutTitle {
         padding: 10px 
    }
     a.qualifybtn {
         max-width: 450px;
    }
}
 @media (max-width:575px) {
     #studyinfo-CTA-image .participant-text.col-sm-6 {
         font-size: 15px !important;
         line-height: 22px !important;
    }
     .banner-content {
         padding: 0;
    }
}
 @media only screen and (min-width:361px) and (max-width:380px) {
     #studyinfo-CTA-image .participant-text.col-sm-6 {
         font-size: 15px !important;
         line-height: 20px !important;
    }
}
 @media only screen and (min-width:412px) and (max-width:575px) {
     #studyinfo-CTA-image .participant-text.col-sm-6 {
         font-size: 16px !important;
         line-height: 24px !important;
         padding: 0 5px;
    }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         max-width: 100%!important;
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:575px) {
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:360px) {
     .participant-text div {
         font-size: 14px;
         line-height: 20px;
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:320px) and (max-width:575px) {
     body #studyinfo-CTA-image .participant-text {
         display: inline-block!important 
    }
     .participant-text div {
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 100%;
         padding: 0 5px 
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 img {
         max-width: 100%!important 
    }
     #studyinfo-CTA-image .desktopView .nd-row.row {
         margin-top: 15px!important 
    }
     #studyinfo-CTA-image .desktopView .col-sm-6 {
         display: inline-block!important 
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:233px) {
     a.toplogo img {
         max-width: 100px;
    }
}
 html.ie10 .participant-text div {
     display: block!important;
     padding-top: 0px!important 
}
 @media only screen and (min-width:419px) and (max-width:455px) {
     html.ie10 #studyinfo-CTA-image .col-sm-6.participant-text div {
         padding-top: 73px!important;
    }
}
 @media only screen and (min-width:456px) and (max-width:490px) {
     html.ie10 #studyinfo-CTA-image .col-sm-6.participant-text div {
         padding-top: 80px!important;
    }
}
 @media only screen and (min-width:491px) and (max-width:500px) {
     html.ie10 #studyinfo-CTA-image .col-sm-6.participant-text div {
         padding-top: 99px!important;
    }
}
 @media only screen and (min-width:501px) and (max-width:539px) {
     html.ie10 #studyinfo-CTA-image .col-sm-6.participant-text div {
         padding-top: 119px!important;
    }
}
 @media only screen and (min-width:540px) and (max-width:575px) {
     html.ie10 #studyinfo-CTA-image .col-sm-6.participant-text div {
         padding-top: 127px!important;
    }
}
 @media only screen and (min-width:360px) and (max-width:575px) {
     html.ie10 .col-sm-6.participant-text div {
         display: inline-block !important;
         text-align: center;
         vertical-align: middle;
         padding-top: 55px !important;
    }
     html.ie10 #studyinfo-CTA-image .desktopView .col-sm-6 img {
         max-width: 100%!important 
    }
}
 @media only screen and (min-width:768px) and (max-width:992px) {
     html.ie10 #studyinfo-CTA-image .participant-text {
         padding-top: 115px!important 
    }
}
 @media only screen and (min-width:993px) and (max-width:1199px) {
     html.ie10 #studyinfo-CTA-image .participant-text {
         padding-top: 82px!important 
    }
}
 @media only screen and (min-width:1200px) {
     html.ie10 #studyinfo-CTA-image .participant-text {
         padding-top: 115px!important 
    }
}
 @media only screen and (min-width:576px) and (max-width:767px) {
     html.ie10 .participant-text div {
         padding-top: 103px!important 
    }
}
 @media only screen and (min-width:1199px) {
}
 @media only screen and (min-width:1751px) {
     a.toplogo {
         flex: 0 0 8%;
    }
}
 @media only screen and (max-width:991px) {
     .bannerRight {
         display: none 
    }
}
 @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:992px) {
     .bannerRight img {
         max-width: 80% 
    }
}
 @media only screen and (max-width:319px) {
     .pivotal-study, .follow-up-study {
         background-size: 100% 
    }
     .pivotal-study p, .follow-up-study p {
         font-size: 13px!important 
    }
}
 @media only screen and (max-width:400px) {
     .faq-flow-diagram {
         margin: 0 -20px;
         padding-top: 30px;
         padding-right: 5px;
         padding-left: 5px 
    }
}
 html.ie10 .bannerRight {
     width: 45%!important 
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: Portrait) {
     .aboutperiscope {
         padding: 70px 0 !important;
    }
     #faq.faq-bg {
         padding: 70px 0 !important;
    }
     .aboutperiscope h2 {
         margin-bottom: 50px;
    }
     .aboutDisease {
         padding: 70px 0 !important 
    }
     #signup h2 {
         padding-top: 70px;
    }
}
 @media only screen and (min-width: 992px) {
     @media not all and (min-resolution:.001dpcm) {
         @media {
            /*#studyinfo-CTA-image .qualify-red-btn {
                margin: 29px auto 30px !important
            }
             .takepart-study {
                 padding: 20px 20px;
            }
             .footerTop {
                 padding-top: 53px;
                 padding-bottom: 53px;
            }
             .footerBottom {
                 padding-top: 52px;
                 padding-bottom: 52px;
            }
            */
        }
    }
}
 @media only screen and (max-width: 768px) {
     .faq-outer h5.mb-0:before {
        margin: 1px 19px 0 0;
    }
     .faq-outer h5.mb-0.collapsed:before {
        margin: 1px 19px 0 0;
    }
}
 @media (max-width: 480px) {
}