html {
   font-size: 1.48148vmin !important;
}

* {
   user-select: none;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

html,
body,
#main {
   background: #0f0073;
}

#main::after {
   content: "";
   position: fixed;
   right: 33px;
   top: 31px;
   width: 190px;
   height: 45px;
   background-image: url(../images/H_MasterLogo_Mono_NEG_RGB.svg);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   z-index: 99 !important;
}


.colorYellow {
   color: #ffff00;
}

.colorWhite {
   color: #fff;
}

.colorBlue {
   color: #0f0073;
}

@font-face {
   font-family: 'LibreBold';
   src: url(../fonts/LibreFranklin-Bold.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'LibreBoldItalic';
   src: url(../fonts/LibreFranklin-BoldItalic.ttf);
   font-weight: normal;
   font-style: normal;
   text-transform: uppercase;
}

@font-face {
   font-family: 'LibreSemiBoldItalic';
   src: url(../fonts/LibreFranklin-SemiBoldItalic.ttf);
   font-weight: normal;
   font-style: normal;
   text-transform: uppercase;
}

@font-face {
   font-family: 'LibreMediumItalic';
   src: url(../fonts/LibreFranklin-MediumItalic.ttf);
   font-weight: normal;
   font-style: normal;
   text-transform: uppercase;
}

@font-face {
   font-family: 'LibreLightItalic';
   src: url(../fonts/LibreFranklin-LightItalic.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ArimoBold';
   src: url(../fonts/Arimo-Bold.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ArimoRegular';
   src: url(../fonts/Arimo-Regular.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ArimoMedium';
   src: url(../fonts/Arimo-Medium.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ArimoSemiBold';
   src: url(../fonts/Arimo-SemiBold.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ArimoSemiBoldItalic';
   src: url(../fonts/Arimo-SemiBoldItalic.ttf);
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'ArimoBoldItalic';
   src: url(../fonts/Arimo-BoldItalic.ttf);
   font-weight: normal;
   font-style: normal;
}

body,
#main {
   font-family: 'ArimoRegular';
}

.LibreBold {
   font-family: 'LibreBold';
}

.LibreBoldItalic {
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.LibreSemiBoldItalic {
   font-family: 'LibreSemiBoldItalic';
}

.LibreMediumItalic {
   font-family: 'LibreMediumItalic';
}

.LibreLightItalic {
   font-family: 'LibreLightItalic';
}

.ArimoBold {
   font-family: 'ArimoBold';
}

.ArimoMedium {
   font-family: 'ArimoMedium';
}

.ArimoBoldItalic {
   font-family: 'ArimoBoldItalic';
}

.ArimoRegular {
   font-family: 'ArimoRegular';
}

.ArimoSemiBold {
   font-family: 'ArimoSemiBold';
}

.ArimoSemiBoldItalic {
   font-family: 'ArimoSemiBoldItalic';
}

/* screen1 styles starts */
.Adl_scr1_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url("../images/adl_scrn1bg.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_scr1_hero {
   position: absolute;
   top: 188px;
   left: 0;
   width: 1920px;
   text-align: center;
}

.Adl_scr1_brand {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 42px;
}

.Adl_scr1_detective-icon {
   position: relative;
   width: 355px;
   height: 360px;
   background-image: url(../images/adl_scrn1searchicon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;

   animation: detectiveZoom 3s ease-in-out infinite;
}

@keyframes detectiveZoom {

   0%,
   100% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.06);
   }
}

.Adl_scr1_brand-copy {
   text-align: left;
   line-height: 0.84;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr1_title {
   font-size: 138px;
   font-weight: 900;
   letter-spacing: -5px;

}

.Adl_scr1_title-second {
   margin-top: 12px;
   font-size: 132px;
   letter-spacing: -4px;
}

.Adl_scr1_tagline {
   margin-top: 32px;
   margin-left: 8px;
   font-size: 37px;
   line-height: 1;
   font-weight: 700;
   letter-spacing: 0.5px;
   white-space: nowrap;
   text-transform: uppercase;
}

.Adl_scr1_steps {
   position: absolute;
   left: 344px;
   top: 630px;
   width: 1255px;
   height: 130px;
   display: grid;
   grid-template-columns: 1fr 1fr 1.55fr;
   border: 2px solid rgba(255, 255, 255, 0.9);
   background: #0f0073;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr1_step {
   position: relative;
   padding: 25px 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.Adl_scr1_step_child2 {
   padding-left: 114px;
}

.Adl_scr1_step:last-child {
   border-right: 0;
}

.Adl_scr1_step-small {
   font-size: 29px;
   font-weight: 700;
   line-height: 1.05;
   text-transform: uppercase;
}

.Adl_scr1_step-emphasis {
   display: inline-block;
   margin-top: 3px;
   font-size: 37px;
   line-height: 1;
   letter-spacing: 0.3px;
   text-transform: uppercase;
   position: relative;
   top: 8px;
}

.Adl_scr1_step:nth-child(3) .Adl_scr1_step-small {
   font-size: 29px;
}

.Adl_scr1_step:nth-child(3) .Adl_scr1_step-emphasis {
   font-size: 38px;
}

.Adl_scr1_cta {
   position: absolute;
   left: 50%;
   top: 858px;
   transform: translateX(-50%);
   width: 590px;
   height: 98px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   border: 0;
   border-radius: 60px;
   background: #ffff00;
   font-size: 35px;
   font-weight: 900;
   letter-spacing: 0.5px;
   cursor: pointer;
   box-shadow: 0 4px 20px #0f0073;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 1s forwards;
}

.Adl_scr1_cta:hover {
   box-shadow:
      0 7px 28px #0f0073;
}

.Adl_scr1_arrow {
   position: relative;
   width: 30px;
   height: 30px;
   background-image: url("../images/adl_scrn1arrows.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_scr1_zicid {
   font-size: 24px;
   position: absolute;
   bottom: 30px;
   left: 30px;
   line-height: 34px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 1s forwards;
}

/* screen1 styles end */

/* screen2 styles starts */
.Adl_scr2_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url("../images/Adl_ScanningThumb.gif");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

/* screen2 styles end ..........*/

/* screen3 styles starts ..........*/
.Adl_scr3_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_scr3_content {
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-top: 79px;
   text-transform: uppercase;
}

.Adl_scr3_title {
   position: relative;
   z-index: 2;
   font-size: 67px;
   line-height: 1;
   text-align: center;
   color: #ffffff;
}

.Adl_scr3_titleHighlight {
   font-size: 73px;
   font-weight: 900;
   display: inline-block;
   vertical-align: top;
   line-height: 1;
}

.Adl_scr3_subtitle {
   margin-top: 52px;
   font-size: 29px;
   line-height: 1.2;
   font-weight: 700;
   text-align: center;
   color: #ffffff;
}

.Adl_scr3_cards {
   width: 91%;
   max-width: 1740px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 75px;
   margin-top: 108px;
}

.Adl_scr3_card {
   position: relative;
   height: 595px;
   border: 3px solid #6068dd;
   border-radius: 15px;
   background:
      linear-gradient(180deg,
         rgba(16, 19, 104, .95) 0%,
         rgba(8, 10, 91, .98) 100%);
   overflow: hidden;
   cursor: pointer;
   box-shadow:
      0 0 0 1px rgba(255, 255, 255, .1),
      0 8px 20px rgba(0, 0, 0, .25);
   animation: zoom-effect 1s ease-in-out 1;
}

.visitedCard {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   /* background: #ffff00;
   background: #fff; */
   background: #2b2a2a;
   border-radius: 14px;
   opacity: 0.4;
   display: none;
   z-index: 10;
   pointer-events: none;
}

/* Completed / visited case */
.Adl_scr3_card.visited .visitedCard {
   display: block;
}

.Adl_scr3_card:hover {
   transform: translateY(-8px);
   border-color: #ffff00;
   box-shadow:
      0 12px 30px rgba(0, 0, 0, .35),
      0 0 20px rgba(255, 255, 0, .18);
}

.Adl_scr3_imageWrap {
   width: 100%;
   height: 382px;
   position: relative;
   overflow: hidden;
}

.Adl_scr3_image1,
.Adl_scr3_image2,
.Adl_scr3_image3,
.Adl_scr3_image4 {
   position: absolute;
   width: 363px;
   height: 359px;
   background-image: url(../images/adl_cardImg1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   border-radius: 10px;
   border-bottom: 1px solid #fff;
   margin: 5px;
}

.Adl_scr3_image2 {
   background-image: url(../images/adl_cardImg2.png);
}

.Adl_scr3_image3 {
   background-image: url(../images/adl_cardImg3.png);
}

.Adl_scr3_image4 {
   background-image: url(../images/adl_cardImg4.png);
}

.Adl_scr3_cardContent {
   position: relative;
   z-index: 2;
   margin-top: 7px;
   padding: 0 22px 20px;
}

.Adl_scr3_cardTitle {
   display: block;
   font-size: 45px;
   line-height: 1.05;
   font-weight: 900;
   font-style: italic;
   text-transform: uppercase;
   font-family: 'LibreBoldItalic';
   color: #ffffff;
}

.Adl_scr3_cardSubtitle {
   display: block;
   margin-top: 5px;
   font-size: 42px;
   line-height: 1;
   font-style: italic;
   font-weight: 400;
   text-transform: uppercase;
   color: #ffffff;
   font-family: 'LibreLightItalic';
}

.Adl_scr3_tags {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   margin-top: 24px;
}

.Adl_scr3_tag {
   display: inline-block;
   padding: 5px 11px 4px;
   border-radius: 12px;
   background: #ffff00;
   color: #10106f;
   font-size: 18px;
   line-height: 1;
   font-weight: 900;
   text-transform: uppercase;
   white-space: nowrap;
}

.Adl_scr3_cta {
   position: absolute;
   left: 50%;
   bottom: 88px;
   transform: translateX(-50%);
   width: max-content;
   max-width: 92%;
   padding: 13px 30px 12px;
   background: #ffff00;
   color: #08086d;
   font-size: 36px;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   font-family: 'ArimoSemiBoldItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 1s forwards;
}

.Adl_scr3_ctaHighlight {
   margin-left: 8px;
   font-weight: 900;
   font-size: 44px;
   color: #090a75;
   font-family: 'LibreBoldItalic';
   display: inline-block;
   vertical-align: middle;
   line-height: 1;
}

/* screen3 styles end ..........*/

/* <!-- ------***************************-paincase1 screen starts ************************************************************************--> */
.Adl_scr3_paincase1_bg,
.Adl_scr3_paincase2_bg,
.Adl_scr3_paincase3_bg,
.Adl_scr3_paincase4_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_scr3_paincase1_content {
   width: 100%;
   height: 100%;
   position: relative;
   padding: 70px 82px 40px;
}

.Adl_scr3_paincase1_left {
   width: 62%;
   height: 100%;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase1_title {
   font-size: 62px;
   line-height: 0.95;
   color: #ffffff;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;

}

.Adl_scr3_paincase1_titleHighlight {
   display: block;
   margin-top: 8px;
   color: #ffff00;
   font-weight: 900;
}

.Adl_scr3_paincase1_description {
   margin-top: 22px;
   font-size: 41px;
   line-height: 1.2;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;

}

.Adl_scr3_paincase1_label {
   display: inline-block;
   margin-top: 97px;
   padding: 10px 28px;
   border-radius: 25px;
   background: #ffff00;
   color: #080b72;
   font-size: 37px;
   line-height: 1;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;

}

.Adl_scr3_paincase1_symptoms {
   width: 91%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 70px;
   row-gap: 41px;
   margin-top: 72px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase1_symptom {
   display: flex;
   align-items: center;
   min-height: 42px;
}

.Adl_scr3_paincase1_number {
   flex-shrink: 0;
   width: 58px;
   height: 58px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 18px;
   border-radius: 50%;
   background: #ffff00;
   color: #151579;
   font-size: 32px;
   font-weight: 700;
   box-shadow: 0 0 4px rgba(255, 255, 255, .25);

}

.Adl_scr3_paincase1_symptomText {
   font-size: 29px;
   line-height: 1.15;
   color: #ffffff;

}

.Adl_scr3_paincase1_imageSection {
   background-image: url(../images/adl_scrn3_img1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   position: absolute;
   top: 139px;
   right: 75px;
   width: 580px;
   height: 653px;
   animation: zoom-effect 1s ease-in-out 1;
}

.Adl_scr3_paincase1_patientInfo {
   position: absolute;
   left: 78px;
   right: 32px;
   bottom: 55px;
   min-height: 165px;
   padding: 25px 35px;
   display: flex;
   align-items: center;

}

.Adl_scr3_paincase1_patientText {
   width: 58%;
   font-size: 30px;
   line-height: 1.22;
   color: #ffffff;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;

}

.Adl_scr3_paincase1_buttons {
   position: absolute;
   right: 120px;
   bottom: 35px;
   display: flex;
   align-items: center;
   gap: 18px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase1_button {
   min-width: 130px;
   padding: 12px 40px;
   border: 2px solid #ffff00;
   border-radius: 38px;
   background: transparent;
   font-size: 31px;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   transition: all .2s ease;
}

.Adl_scr3_paincase1_button:hover {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase1_nextButton {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase1_nextButton:hover {
   background: #ffffff;
   border-color: #ffffff;
}

/* <!-- paincase1 screen end --> */

/* <!-- all screens magnifying image screen2 starts --> */
.Adl_scr3_paincase1_sc2_bg,
.Adl_scr3_paincase2_sc2_bg,
.Adl_scr3_paincase3_sc2_bg,
.Adl_scr3_paincase4_sc2_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_Magnifying.gif);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

/* <!-- all screens magnifying image screen2 end --> */

/* pain case1 q1 starts=============================== */
.Adl_pcase1_q1_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q1-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 126px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase1_q1-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q1-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase1_q1-box {
   width: 100%;
   min-height: 620px;
   padding: 86px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;

}

.Adl_pcase1_q1 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q1_highlight {
   color: #ffff00;
}

.Adl_pcase1_q1_instruction {
   margin: 0 0 32px 0;
   color: #ffffff;
   font-size: 33px;
   line-height: 1.2;
   text-align: center;
   font-family: 'ArimoRegular';
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q1_answers {
   width: 992px;
   max-width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 2px;
   row-gap: 20px;
   padding-bottom: 91px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase1_q1_answer {
   width: 89%;
   height: 169px;
   padding: 23px 28px;
   display: flex;
   align-items: center;
   border: 1px solid #fff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;

}

.Adl_pcase1_q1_answer:hover {
   transform: translateY(-3px);
   background: linear-gradient(90deg, #11118f, #15159d);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase1_q1_answer.selected {
   background: linear-gradient(90deg, #1717a5, #2020b2);
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase1_q1_answer-icon1,
.Adl_pcase1_q1_answer-icon2,
.Adl_pcase1_q1_answer-icon3,
.Adl_pcase1_q1_answer-icon4 {
   margin-right: 25px;
   position: relative;
   width: 110px;
   height: 110px;
   background-image: url(../images/Adl_case1_q1icon1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase1_q1_answer-icon2 {
   background-image: url(../images/Adl_case1_q1icon2.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase1_q1_answer-icon3 {
   background-image: url(../images/Adl_case1_q1icon3.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase1_q1_answer-icon4 {
   background-image: url(../images/Adl_case1_q1icon4.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase1_q1_answer-text {
   color: #ffffff;
   font-size: 33px;
   line-height: 1.15;
   /* font-weight: 600; */
   font-family: 'ArimoRegular';
}

/* ============ case1 q1 RESULT SCREEN ========== */
.Adl_pcase1_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q1_result-content {
   width: 900px;
   max-width: 90%;
   padding: 60px;
}

.Adl_pcase1_q1_result-content h1 {
   margin: 0 0 25px 0;
   font-size: 75px;
   line-height: 1;
   font-weight: 800;
}

.Adl_pcase1_q1_result-content p {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
}

/* =====case1 Q1  CORRECT SCREEN starts=========== */

.Adl_pcase1_correct_box,
.Adl_pcase1_wrong_box,
.Adl_pcase1_q3_wrong_box {
   width: 88%;
   height: 78%;
   position: absolute;
   top: 11%;
   left: 6%;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #fff;
}


.Adl_pcase1_correctTxt,
.Adl_pcase2_correctTxt {
   position: absolute;
   top: 131px;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_correctTxt::before,
.Adl_pcase1_q3_correctTxt::before,
.Adl_pcase2_correctTxt::before,
.Adl_pcase2_q3_correctTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/correct_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase1_correct_bg h1 {
   color: #ffff00;
}

.Adl_pcase1_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q1_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   position: relative;
   z-index: 2;
}

.Adl_pcase1_q1_result-icon {
   width: 130px;
   height: 130px;
   margin-bottom: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 75px;
   font-weight: 700;
   line-height: 1;
}

.Adl_pcase1_q1_result-title {
   margin: 0 0 25px 0;
   font-size: 72px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   text-transform: uppercase;
}

.Adl_pcase1_q1_result-message {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
   color: #ffffff;
}

.Adl_qz_pc1_q1_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 49px;
   color: #fff;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc1_q1_correct_highlight {
   color: #ffff00;
   font-weight: 700;
}

.Adl_qz_pc1_q1_correct_sub-message {
   position: absolute;
   top: 74%;
   width: 100%;
   font-size: 49px;
   line-height: 24px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* =====case1 Q1  CORRECT SCREEN end = ===== */
/* ========case1 q1 WRONG SCREEN============*/
.Adl_pcase1_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase1_wrongTxt,
.Adl_pcase2_wrongTxt {
   position: absolute;
   top: 145px;
   font-size: 76px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   color: #ffff00;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_wrongTxt::before,
.Adl_pcase2_wrongTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/incorrect_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_qz_pc1_q1_wrong_message {
   position: absolute;
   top: 41%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc1_q1_wrong_sub-message {
   position: absolute;
   top: 66%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case1 q1 end=============================== */

/* pain case1 q2 starts=============================== */
.Adl_pcase1_q2_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q2-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase1_q2-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q2-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase1_q2-box {
   width: 100%;
   height: 681px;
   padding: 48px 15px 30px 106px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase1_q2 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q2_highlight {
   color: #ffff00;
}

.Adl_pcase1_q2_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 42px;
   line-height: 63px;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q2_answers {
   width: 102%;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase1_q2_answer {
   width: 90%;
   height: 374px;
   padding: 23px 35px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 1px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase1_q2_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase1_q2_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase1_q2_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase1_q2_answer-title {
   margin-top: 34px;
   color: #ffff00;
   font-size: 51px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_pcase1_q2_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 56px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase1_q2_answer-description {
   margin-top: 35px;
   width: 100%;
   color: #ffffff;
   font-size: 26px;
   line-height: 1.15;
   font-weight: 600;
   font-family: 'ArimoSemiBold';
   text-align: left;
}

.Adl_pcase1_q2_answer:focus {
   outline: none;
}

.Adl_pcase1_q2_answer:active {
   transform: translateY(0);
}


/* ============ case1 q2 RESULT SCREEN ========== */
.Adl_pcase1_q2_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase1_q2_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase1_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_qz_pc1_q2_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 48px;
   line-height: 22px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   line-height: 51px;
   text-align: center;
}

.Adl_pcase1_correctTxt2,
.Adl_pcase1_wrongTxt2 {
   margin-top: 360px;
   margin-left: 8px;
   font-size: 48px;
   line-height: 60px;
   font-weight: 700;
   font-family: 'ArimoBold';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case1 q2 ends=============================== */

/* pain case1 q3 starts=============================== */
.Adl_pcase1_q3_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q3-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase1_q3-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   font-style: italic;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q3-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase1_q3-box {
   width: 100%;
   height: 681px;
   padding: 32px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase1_q3 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q3_highlight {
   color: #ffff00;
}

.Adl_pcase1_q3_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 30px;
   line-height: 38px;
   text-align: center;
   font-family: 'ArimoSemiBold';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q3_answers {
   width: 68%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase1_q3_answer {
   width: 91%;
   height: 434px;
   padding: 23px 28px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 2px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase1_q3_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase1_q3_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase1_q3_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase1_q3_answer-title {
   margin: 0;
   color: #fff;
   font-size: 50px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_OralTbtImg {
   margin-top: 0px;
   margin-left: 32px;
}

.Adl_TopicalGelImg {
   margin-top: 84px;
   margin-left: 0px;
}

.Adl_pcase1_q3_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 50px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase1_q3_answer:focus {
   outline: none;
}

.Adl_pcase1_q3_answer:active {
   transform: translateY(0);
}

/* ============ case1 q3 RESULT SCREEN ========== */
.Adl_pcase1_q3_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase1_q3_q3_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase1_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase1_q3_correctTxt {
   position: absolute;
   top: 86px;
   left: 32%;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q3_correctTxt1,
.Adl_pcase1_q3_correctTxt2,
.Adl_pcase1_q3_correctTxt3,
.Adl_pcase1_q3_correctTxt4 {
   position: absolute;
   top: 299px;
   left: 25%;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;

   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase1_q3_correctTxt2 {
   top: 53%;
   font-family: 'LibreSemiBoldItalic';
   font-size: 47px;
   left: 36%;
}

.Adl_pcase1_q3_correctTxt3 {
   top: 63%;
}

.Adl_pcase1_q3_correctTxt4 {
   top: 77%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}

.Adl_pcase1_q3_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase1_q3_wrongTxt,
.Adl_pcase2_q3_wrongTxt,
.Adl_pcase3_q3_wrongTxt,
.Adl_pcase4_q3_wrongTxt {
   position: absolute;
   top: 86px;
   left: 37%;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase1_q3_wrongTxt::before,
.Adl_pcase2_q3_wrongTxt::before,
.Adl_pcase3_q3_wrongTxt::before,
.Adl_pcase4_q3_wrongTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/notfit_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase1_q3_wrongTxt1,
.Adl_pcase1_q3_wrongTxt2,
.Adl_pcase1_q3_wrongTxt3,
.Adl_pcase1_q3_wrongTxt4 {
   position: absolute;
   top: 299px;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;

}

.Adl_pcase1_q3_wrongTxt2 {
   top: 51%;
}

.Adl_pcase1_q3_wrongTxt3 {
   top: 66%;
}

.Adl_pcase1_q3_wrongTxt4 {
   top: 80%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}

/* pain case1 q3 ends=============================== */

/* <!-- why advil1 starts-------------------- --> */
.Adl_whyAdvil_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #120078;
   overflow: hidden;
   color: #ffffff;
}

.Adl_whyAdvil_logo {
   position: absolute;
   top: 30%;
   left: 70px;
   width: 657px;
   height: 629px;
   background-image: url(../images/whyAdvil_logo.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   animation: zoom-effect 1s ease-in-out 1;
}

.Adl_whyAdvil_halo span {
   font-size: 7px;
   vertical-align: top;
   margin-left: 1px;
}

.Adl_whyAdvil_left {
   position: absolute;
   left: 135px;
   top: 103px;
   width: 30%;
   height: 239px;
}

.Adl_whyAdvil_title {
   display: flex;
   flex-direction: column;
   line-height: 0.95;
   font-size: 91px;
   font-style: italic;
   letter-spacing: -1px;
   text-transform: uppercase;

   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_whyAdvil_titleWhite {
   color: #ffffff;
   font-family: 'LibreMediumItalic';
}

.Adl_whyAdvil_titleYellow {
   color: #ffff00;
   font-family: 'ArimoBoldItalic';
}

.Adl_whyAdvil_content {
   position: absolute;
   left: 43%;
   right: 20px;
   top: 121px;
   bottom: 42px;
   font-family: 'ArimoMedium';
}

.Adl_whyAdvil_contentBox {
   position: relative;
   width: 96%;
   height: 90%;
   box-sizing: border-box;
   border: 1.5px solid #ffffff;
   border-radius: 20px;
   padding: 29px 18px 42px 53px;
}

.Adl_whyAdvil_list {
   margin: 0;
   padding: 0;
   list-style: none;
   padding-top: 23px;

}

.Adl_whyAdvil_list li {
   position: relative;
   margin: 0 0 32px 0;
   padding-left: 16px;
   color: #ffffff;
   font-size: 33px;
   line-height: 41px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;

}

.Adl_whyAdvil_list li::before {
   content: "•";
   position: absolute;
   left: -21px;
   top: -1px;
   color: #ffff00;
   font-size: 45px;
   font-weight: 900;
}

.Adl_whyAdvil_list sup {
   font-size: 7px;
   line-height: 0;
   vertical-align: super;
   margin-left: 1px;
}

.Adl_whyAdvil_bg .Adl_refIcon {
   bottom: 38px;
}

/* <!-- why advil1 end-------------------- --> */

/* <!-- case1 case resolved scroll screen starts --> */
.Adl_pc1_scrollscr_bg,
.Adl_pc1_endscr_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #120078;
   overflow: hidden;
   color: #ffffff;
   font-family: 'ArimoRegular';

}

.Adl_pc1_scrollscr_header {
   position: absolute;
   z-index: 20;
   top: 29px;
   left: 49px;
   width: 100%;
   height: 151px;
   padding: 22px 20px;
   box-sizing: border-box;
   background: #100078;
   font-family: 'LibreBoldItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pc1_scrollscr_brand {
   position: absolute;
   top: 18px;
   right: 18px;
   color: #fff;
   font-size: 13px;
   font-weight: 900;
   letter-spacing: -0.5px;
}

.Adl_pc1_scrollscr_header h1 {
   margin: 0;
   color: #ffff00;
   font-size: 69px;
   line-height: 1;
   font-family: 'LibreBoldItalic';
}

.Adl_pc1_scrollscr_header h2 {
   margin: 4px 0 12px;
   font-size: 51px;
   line-height: 1.1;
   font-family: 'ArimoBold';
}

.Adl_pc1_scrollscr_header p {
   margin: 0;
   font-size: 42px;
   line-height: 1.8;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pc1_scrollscr_content {
   position: absolute;
   left: 138px;
   right: 0;
   top: 337px;
   bottom: 0;
   overflow: hidden;
}

/* ======HORIZONTAL SCROLL======================= */
.Adl_pc1_scrollscr_scroll {
   width: 100%;
   height: 76%;
   overflow-x: auto;
   overflow-y: hidden;

   /*
   * Smooth horizontal scrolling
   */
   scroll-behavior: smooth;

   /*
   * Hide scrollbar visually
   */
   scrollbar-width: none;
   -ms-overflow-style: none;

   /*
   * Allow touch swipe
   */
   touch-action: pan-x;
}

.Adl_pc1_scrollscr_scroll::-webkit-scrollbar {
   display: none;
}

.Adl_pc1_scrollscr_track {
   position: relative;
   width: max-content;
   min-width: 0;
   height: 309px;
   padding: 20px 0 0 36px;
   box-sizing: border-box;
   display: flex;
   gap: 5px;
}

.Adl_pc1_scrollscr_line {
   position: absolute;
   top: 10px;
   left: 310px;
   width: calc(100% - 310px);
   min-width: 0;
   border-top: 3px dashed #ffff00;
}

.Adl_pc1_scrollscr_item {
   position: relative;
   flex: 0 0 541px;
   width: 541px;
   padding-top: 30px;
   box-sizing: border-box;
}

.Adl_pc1_scrollscr_connector {
   position: absolute;
   top: 0;
   left: 50%;
   width: 0;
   height: 62px;
   border-left: 3px dashed #ffff00;
   transform: translateX(-50%);
}

.Adl_pc1_scrollscr_connector::before {
   content: "";
   position: absolute;
   top: -17px;
   left: -10px;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #ffff00;
}

.Adl_pc1_scrollscr_card {
   position: relative;
   top: 37px;
   width: 504px;
   height: 312px;
   box-sizing: border-box;
   border: 2px solid rgba(255, 255, 255, .55);
   border-radius: 14px;
   background: #100078;
   overflow: hidden;
}

.Adl_pc1_scrollscr_cardImg {
   position: absolute;
   top: -13px;
   left: -13px;
   width: 105%;
   height: 113%;
   background-image: url(../images/adl_scrlImg1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pc1_scrollscr_patient_overlay {
   position: absolute;
   left: 16px;
   right: 0;
   bottom: 20px;
   padding: 28px 11px 9px;
   /* background: linear-gradient(transparent,
         rgba(16, 0, 120, .97)); */
   color: #fff;
   font-size: 28px;
   line-height: 1.15;
}

.Adl_pc1_scrollscr_patient_overlay strong {
   color: #ffff00;
}

.Adl_pc1_scrollscr_number {
   position: absolute;
   top: 26px;
   left: 26px;
   width: 52px;
   height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #ffff00;
   color: #100078;
   font-size: 25px;
   font-weight: 900;
}

.Adl_pc1_scrollscr_card:not(.Adl_pc1_scrollscr_patient) {
   padding: 71px 33px 26px;
}

.Adl_pc1_scrollscr_card p {
   margin-top: 38px;
   font-size: 28.5px;
   line-height: 1.15;
}

.Adl_pc1_scrollscr_card p strong {
   color: #ffff00;
   font-family: 'ArimoBold';
}

.Adl_pc1_scrollscr_head_icon {
   position: absolute;
   right: 20px;
   bottom: 12px;
   width: 79px;
   height: 89px;
   background-image: url(../images/adl_scrll_card3_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* <!-- case1 case resolved scroll screen end --> */

/* <!-- case1 end screen starts --> */
.Adl_pc1_endscr_img {
   position: absolute;
   top: 26%;
   left: 31%;
   width: 803px;
   height: 531px;
   background-image: url(../images/adl_pc1endscrImg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;


}

/* <!-- case1 end screen end --> */

/**************************************** pain case1 screen end********************************************************************* */

/**************************************** pain case2 screen starts ********************************************************************/

.Adl_scr3_paincase2_content {
   width: 100%;
   height: 100%;
   position: relative;
   padding: 70px 82px 40px;
}

.Adl_scr3_paincase2_left {
   width: 62%;
   height: 100%;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase2_title {
   font-size: 62px;
   line-height: 0.95;
   font-weight: 700;
   color: #ffffff;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase2_titleHighlight {
   display: block;
   margin-top: 8px;
   color: #ffff00;
   font-weight: 900;
}

.Adl_scr3_paincase2_description {
   margin-top: 22px;
   font-size: 41px;
   line-height: 1.2;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase2_label {
   display: inline-block;
   margin-top: 97px;
   padding: 10px 28px;
   border-radius: 25px;
   background: #ffff00;
   color: #080b72;
   font-size: 37px;
   line-height: 1;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase2_symptoms {
   width: 91%;
   display: grid;
   /* grid-template-columns: 1fr 1fr; */
   /* column-gap: 40px; */
   row-gap: 30px;
   margin-top: 72px;
}

.Adl_scr3_paincase2_symptom {
   display: flex;
   align-items: center;
   min-height: 42px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase2_number {
   flex-shrink: 0;
   width: 58px;
   height: 58px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 18px;
   border-radius: 50%;
   background: #ffff00;
   color: #151579;
   font-size: 32px;
   font-weight: 700;
   box-shadow: 0 0 4px rgba(255, 255, 255, .25);
}

.Adl_scr3_paincase2_symptomText {
   font-size: 29px;
   line-height: 1.15;
   color: #ffffff;
}

.Adl_scr3_paincase2_imageSection {
   background-image: url(../images/adl_scrn3_img2.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   position: absolute;
   top: 139px;
   right: 75px;
   width: 580px;
   height: 653px;
   animation: zoom-effect 1s ease-in-out 1;
}

.Adl_scr3_paincase2_patientInfo {
   position: absolute;
   left: 78px;
   right: 32px;
   bottom: 55px;
   min-height: 165px;
   padding: 25px 35px;
   display: flex;
   align-items: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase2_patientText {
   width: 60%;
   font-size: 30px;
   line-height: 1.22;
   color: #ffffff;
}

.Adl_scr3_paincase2_buttons {
   position: absolute;
   right: 120px;
   bottom: 35px;
   display: flex;
   align-items: center;
   gap: 18px;
   font-family: 'ArimoBoldItalic';
}

.Adl_scr3_paincase2_button {
   min-width: 130px;
   padding: 12px 40px;
   border: 2px solid #ffff00;
   border-radius: 38px;
   background: transparent;
   font-size: 31px;
   font-weight: 700;
   font-style: italic;
   cursor: pointer;
   transition: all .2s ease;
}

.Adl_scr3_paincase2_button:hover {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase2_nextButton {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase2_nextButton:hover {
   background: #ffffff;
   border-color: #ffffff;
}

/* <!-- paincase2 screen end --> */

/* pain case2 quiz starts =======================================================*/

/* pain case2 q1 starts=============================== */
.Adl_pcase2_q1_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q1-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 126px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase2_q1-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q1-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase2_q1-box {
   width: 100%;
   min-height: 620px;
   padding: 86px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;

}

.Adl_pcase2_q1 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q1_highlight {
   color: #ffff00;
}

.Adl_pcase2_q1_instruction {
   margin: 0 0 32px 0;
   color: #ffffff;
   font-size: 33px;
   line-height: 1.2;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q1_answers {
   width: 992px;
   max-width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 2px;
   row-gap: 20px;
   padding-bottom: 91px;
}

.Adl_pcase2_q1_answer {
   width: 89%;
   height: 169px;
   padding: 23px 28px;
   display: flex;
   align-items: center;
   border: 1px solid #fff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase2_q1_answer:hover {
   transform: translateY(-3px);
   background: linear-gradient(90deg, #11118f, #15159d);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase2_q1_answer.selected {
   background: linear-gradient(90deg, #1717a5, #2020b2);
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase2_q1_answer-icon1,
.Adl_pcase2_q1_answer-icon2,
.Adl_pcase2_q1_answer-icon3,
.Adl_pcase2_q1_answer-icon4 {
   margin-right: 25px;
   position: relative;
   width: 110px;
   height: 110px;
   background-image: url(../images/Adl_case2_q1icon1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase2_q1_answer-icon2 {
   background-image: url(../images/Adl_case2_q1icon2.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase2_q1_answer-icon3 {
   background-image: url(../images/Adl_case2_q1icon3.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase2_q1_answer-icon4 {
   background-image: url(../images/Adl_case2_q1icon4.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase2_q1_answer-text {
   color: #ffffff;
   font-size: 33px;
   line-height: 1.15;
   font-family: 'ArimoRegular';
}


/* ============ case2 q1 RESULT SCREEN ========== */
.Adl_pcase2_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q1_result-content {
   width: 900px;
   max-width: 90%;
   padding: 60px;
}

.Adl_pcase2_q1_result-content h1 {
   margin: 0 0 25px 0;
   font-size: 75px;
   line-height: 1;
   font-weight: 800;
}

.Adl_pcase2_q1_result-content p {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
}

/* =====case2 Q1  CORRECT SCREEN starts=========== */

.Adl_pcase2_correct_box,
.Adl_pcase2_wrong_box,
.Adl_pcase2_q3_wrong_box {
   width: 88%;
   height: 78%;
   position: absolute;
   top: 11%;
   left: 6%;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #fff;
}

.Adl_pcase2_correct_bg h1 {
   color: #ffff00;
}

.Adl_pcase2_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q1_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   position: relative;
   z-index: 2;
}

.Adl_pcase2_q1_result-icon {
   width: 130px;
   height: 130px;
   margin-bottom: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 75px;
   font-weight: 700;
   line-height: 1;
}

.Adl_pcase2_q1_result-title {
   margin: 0 0 25px 0;
   font-size: 72px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   text-transform: uppercase;
}

.Adl_pcase2_q1_result-message {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
   color: #ffffff;
}

.Adl_qz_pc2_q1_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 49px;
   color: #fff;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc2_q1_correct_highlight {
   color: #ffff00;
   font-weight: 700;
}

.Adl_qz_pc2_q1_correct_sub-message {
   position: absolute;
   top: 74%;
   width: 100%;
   font-size: 49px;
   line-height: 24px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* =====case2 Q1  CORRECT SCREEN end = ===== */
/* ========case2 q1 WRONG SCREEN============*/
.Adl_pcase2_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}


.Adl_qz_pc2_q1_wrong_message {
   position: absolute;
   top: 41%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc2_q1_wrong_sub-message {
   position: absolute;
   top: 66%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}


/* pain case2 q1 end=============================== */

/* pain case2 q2 starts=============================== */
.Adl_pcase2_q2_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q2-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase2_q2-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q2-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase2_q2-box {
   width: 100%;
   height: 681px;
   padding: 48px 15px 30px 106px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase2_q2 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q2_highlight {
   color: #ffff00;
}

.Adl_pcase2_q2_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 42px;
   line-height: 63px;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q2_answers {
   width: 102%;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase2_q2_answer {
   width: 90%;
   height: 374px;
   padding: 23px 35px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 1px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase2_q2_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase2_q2_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase2_q2_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase2_q2_answer-title {
   margin-top: 34px;
   color: #ffff00;
   font-size: 51px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_pcase2_q2_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 56px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase2_q2_answer-description {
   margin-top: 35px;
   width: 100%;
   color: #ffffff;
   font-size: 26px;
   line-height: 1.15;
   font-weight: 600;
   font-family: 'ArimoSemiBold';
   text-align: left;
}

.Adl_pcase2_q2_answer:focus {
   outline: none;
}

.Adl_pcase2_q2_answer:active {
   transform: translateY(0);
}


/* ============ case2 q2 RESULT SCREEN ========== */
.Adl_pcase2_q2_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase2_q2_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase2_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
}

.Adl_qz_pc2_q2_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 48px;
   line-height: 22px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   line-height: 51px;
   text-align: center;
}

.Adl_pcase2_correctTxt2,
.Adl_pcase2_wrongTxt2 {
   margin-top: 347px;
   margin-left: 3px;
   font-size: 48px;
   line-height: 60px;
   font-family: 'ArimoBold';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case2 q2 ends=============================== */

/* pain case2 q3 starts=============================== */
.Adl_pcase2_q3_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q3-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase2_q3-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q3-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase2_q3-box {
   width: 100%;
   height: 681px;
   padding: 32px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase2_q3 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q3_highlight {
   color: #ffff00;
}

.Adl_pcase2_q3_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 30px;
   line-height: 38px;
   text-align: center;
   font-family: 'ArimoSemiBold';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q3_answers {
   width: 68%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase2_q3_answer {
   width: 91%;
   height: 434px;
   padding: 23px 28px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 2px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase2_q3_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase2_q3_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase2_q3_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase2_q3_answer-title {
   margin: 0;
   color: #fff;
   font-size: 50px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_pcase2_q3_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 50px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase2_q3_answer:focus {
   outline: none;
}

.Adl_pcase2_q3_answer:active {
   transform: translateY(0);
}

/* ============ case2 q3 RESULT SCREEN ========== */
.Adl_pcase2_q3_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase2_q3_q3_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase2_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase2_q3_correctTxt {
   position: absolute;
   top: 86px;
   left: 32%;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase2_q3_correctTxt1,
.Adl_pcase2_q3_correctTxt2,
.Adl_pcase2_q3_correctTxt3,
.Adl_pcase2_q3_correctTxt4 {
   position: absolute;
   top: 299px;
   left: 25%;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase2_q3_correctTxt2 {
   top: 53%;
   font-family: 'LibreSemiBoldItalic';
   font-size: 47px;
   left: 36%;
}

.Adl_pcase2_q3_correctTxt3 {
   top: 63%;
}

.Adl_pcase2_q3_correctTxt4 {
   top: 77%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}


.Adl_pcase2_q3_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase2_q3_wrongTxt1,
.Adl_pcase2_q3_wrongTxt2,
.Adl_pcase2_q3_wrongTxt3,
.Adl_pcase2_q3_wrongTxt4 {
   position: absolute;
   top: 299px;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase2_q3_wrongTxt2 {
   top: 51%;
}

.Adl_pcase2_q3_wrongTxt3 {
   top: 66%;
}

.Adl_pcase2_q3_wrongTxt4 {
   top: 80%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}

/* pain case2 q3 ends=============================== */

/* <!-- case2 case resolved scroll screen starts --> */
.Adl_pc2_scrollscr_bg,
.Adl_pc2_endscr_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #120078;
   overflow: hidden;
   color: #ffffff;
   font-family: 'ArimoRegular';

}

.Adl_pc2_scrollscr_header {
   position: absolute;
   z-index: 20;
   top: 29px;
   left: 49px;
   width: 100%;
   height: 151px;
   padding: 22px 20px;
   box-sizing: border-box;
   background: #100078;
   font-family: 'LibreBoldItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pc2_scrollscr_brand {
   position: absolute;
   top: 18px;
   right: 18px;
   color: #fff;
   font-size: 13px;
   font-weight: 900;
   letter-spacing: -0.5px;
}

.Adl_pc2_scrollscr_header h1 {
   margin: 0;
   color: #ffff00;
   font-size: 69px;
   line-height: 1;
   font-weight: 900;
   font-family: 'LibreBoldItalic';
}

.Adl_pc2_scrollscr_header h2 {
   margin: 4px 0 12px;
   font-size: 51px;
   line-height: 1.1;
   font-weight: 800;
   font-family: 'ArimoBold';
}

.Adl_pc2_scrollscr_header p {
   margin: 0;
   font-size: 42px;
   line-height: 1.8;
   font-family: 'ArimoRegular';
}

.Adl_pc2_scrollscr_content {
   position: absolute;
   left: 138px;
   right: 0;
   top: 337px;
   bottom: 0;
   overflow: hidden;
}

/* ======HORIZONTAL SCROLL======================= */
.Adl_pc2_scrollscr_scroll {
   width: 100%;
   height: 76%;
   overflow-x: auto;
   overflow-y: hidden;

   /*
   * Smooth horizontal scrolling
   */
   scroll-behavior: smooth;

   /*
   * Hide scrollbar visually
   */
   scrollbar-width: none;
   -ms-overflow-style: none;

   /*
   * Allow touch swipe
   */
   touch-action: pan-x;
}

.Adl_pc2_scrollscr_scroll::-webkit-scrollbar {
   display: none;
}

.Adl_pc2_scrollscr_track {
   position: relative;
   width: max-content;
   min-width: 0;
   height: 309px;
   padding: 20px 0 0 36px;
   box-sizing: border-box;
   display: flex;
   gap: 5px;
}

.Adl_pc2_scrollscr_line {
   position: absolute;
   top: 10px;
   left: 310px;
   width: calc(100% - 310px);
   min-width: 0;
   border-top: 3px dashed #ffff00;
}

.Adl_pc2_scrollscr_item {
   position: relative;
   flex: 0 0 541px;
   width: 541px;
   padding-top: 30px;
   box-sizing: border-box;
}

.Adl_pc2_scrollscr_connector {
   position: absolute;
   top: 0;
   left: 50%;
   width: 0;
   height: 62px;
   border-left: 3px dashed #ffff00;
   transform: translateX(-50%);
}

.Adl_pc2_scrollscr_connector::before {
   content: "";
   position: absolute;
   top: -17px;
   left: -10px;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #ffff00;
}

.Adl_pc2_scrollscr_card {
   position: relative;
   top: 37px;
   width: 504px;
   height: 312px;
   box-sizing: border-box;
   border: 2px solid rgba(255, 255, 255, .55);
   border-radius: 14px;
   background: #100078;
   overflow: hidden;
}


.Adl_pc2_scrollscr_cardImg {
   position: absolute;
   top: -13px;
   left: -13px;
   width: 105%;
   height: 113%;
   background-image: url(../images/adl_case2_scrlImg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}


.Adl_pc2_scrollscr_patient_overlay {
   position: absolute;
   left: 16px;
   right: 0;
   bottom: 20px;
   padding: 28px 11px 9px;
   color: #fff;
   font-size: 28px;
   line-height: 1.15;
}

.Adl_pc2_scrollscr_patient_overlay strong {
   color: #ffff00;
}

.Adl_pc2_scrollscr_number {
   position: absolute;
   top: 26px;
   left: 26px;
   width: 52px;
   height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #ffff00;
   color: #100078;
   font-size: 25px;
   font-weight: 900;
}

.Adl_pc2_scrollscr_card:not(.Adl_pc2_scrollscr_patient) {
   padding: 71px 33px 26px;
}

.Adl_pc2_scrollscr_card p {
   margin-top: 38px;
   font-size: 28.5px;
   line-height: 1.15;

}

.Adl_pc2_scrollscr_card p strong {
   color: #ffff00;
   font-weight: 900;
}

.Adl_pc2_scrollscr_head_icon {
   position: absolute;
   right: 20px;
   bottom: 12px;
   width: 79px;
   height: 89px;
   background-image: url(../images/adl_pc2scrll_card3_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* <!-- case2 case resolved scroll screen end --> */

/* <!-- case2 end screen starts --> */
.Adl_pc2_endscr_img {
   position: absolute;
   top: 26%;
   left: 31%;
   width: 803px;
   height: 531px;
   background-image: url(../images/Adl_pc2endscrImg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;

}

/* <!-- case2 end screen end --> */

/* pain case2 screen end********************************************************************* */

/* pain case3 screen starts********************************************************************* */

.Adl_scr3_paincase3_content {
   width: 100%;
   height: 100%;
   position: relative;
   padding: 70px 82px 40px;
}

.Adl_scr3_paincase3_left {
   width: 62%;
   height: 100%;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase3_title {
   font-size: 62px;
   line-height: 0.95;
   color: #ffffff;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase3_titleHighlight {
   display: block;
   margin-top: 8px;
   color: #ffff00;
   font-weight: 900;
}

.Adl_scr3_paincase3_description {
   margin-top: 22px;
   font-size: 41px;
   line-height: 1.2;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase3_label {
   display: inline-block;
   margin-top: 97px;
   padding: 10px 28px;
   border-radius: 25px;
   background: #ffff00;
   color: #080b72;
   font-size: 37px;
   line-height: 1;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase3_symptoms {
   width: 105%;
   display: grid;
   grid-template-columns: 2fr 2fr;
   column-gap: 106px;
   row-gap: 41px;
   margin-top: 72px;

}

.Adl_scr3_paincase3_symptom {
   display: flex;
   align-items: center;
   min-height: 42px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase3_number {
   flex-shrink: 0;
   width: 58px;
   height: 58px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 18px;
   border-radius: 50%;
   background: #ffff00;
   color: #151579;
   font-size: 32px;
   font-weight: 700;
   box-shadow: 0 0 4px rgba(255, 255, 255, .25);
}

.Adl_scr3_paincase3_symptomText {
   font-size: 29px;
   line-height: 1.15;
   color: #ffffff;
}

.Adl_scr3_paincase3_imageSection {
   background-image: url(../images/adl_scrn3_img3.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   position: absolute;
   top: 139px;
   right: 75px;
   width: 580px;
   height: 653px;
   animation: zoom-effect 1s ease-in-out 1;
}

.Adl_scr3_paincase3_patientInfo {
   position: absolute;
   left: 78px;
   right: 32px;
   bottom: 55px;
   min-height: 165px;
   padding: 25px 35px;
   display: flex;
   align-items: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase3_patientText {
   width: 58%;
   font-size: 30px;
   line-height: 1.22;
   color: #ffffff;
}

.Adl_scr3_paincase3_buttons {
   position: absolute;
   right: 120px;
   bottom: 35px;
   display: flex;
   align-items: center;
   gap: 18px;
}

.Adl_scr3_paincase3_button {
   min-width: 130px;
   padding: 12px 40px;
   border: 2px solid #ffff00;
   border-radius: 38px;
   background: transparent;
   font-size: 31px;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   transition: all .2s ease;
}

.Adl_scr3_paincase3_button:hover {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase3_nextButton {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase3_nextButton:hover {
   background: #ffffff;
   border-color: #ffffff;
}

/* <!-- paincase3 screen end --> */

/* pain case3 q1 starts=============================== */
.Adl_pcase3_q1_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q1-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 126px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase3_q1-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q1-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase3_q1-box {
   width: 100%;
   min-height: 620px;
   padding: 86px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;

}

.Adl_pcase3_q1 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q1_highlight {
   color: #ffff00;
}

.Adl_pcase3_q1_instruction {
   margin: 0 0 32px 0;
   color: #ffffff;
   font-size: 33px;
   line-height: 1.2;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q1_answers {
   width: 992px;
   max-width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 2px;
   row-gap: 20px;
   padding-bottom: 91px;
}

.Adl_pcase3_q1_answer {
   width: 89%;
   height: 169px;
   padding: 23px 28px;
   display: flex;
   align-items: center;
   border: 1px solid #fff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase3_q1_answer:hover {
   transform: translateY(-3px);
   background: linear-gradient(90deg, #11118f, #15159d);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase3_q1_answer.selected {
   background: linear-gradient(90deg, #1717a5, #2020b2);
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase3_q1_answer-icon1,
.Adl_pcase3_q1_answer-icon2,
.Adl_pcase3_q1_answer-icon3,
.Adl_pcase3_q1_answer-icon4 {
   margin-right: 25px;
   position: relative;
   width: 110px;
   height: 110px;
   background-image: url(../images/Adl_case3_q1icon1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase3_q1_answer-icon2 {
   background-image: url(../images/Adl_case3_q1icon2.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase3_q1_answer-icon3 {
   background-image: url(../images/Adl_case3_q1icon3.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase3_q1_answer-icon4 {
   background-image: url(../images/Adl_case3_q1icon4.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 125px;
}

.Adl_pcase3_q1_answer-text {
   color: #ffffff;
   font-size: 33px;
   line-height: 1.15;
   font-family: 'ArimoRegular';
}

/* ============ case3 q1 RESULT SCREEN ========== */
.Adl_pcase3_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q1_result-content {
   width: 900px;
   max-width: 90%;
   padding: 60px;
}

.Adl_pcase3_q1_result-content h1 {
   margin: 0 0 25px 0;
   font-size: 75px;
   line-height: 1;
   font-weight: 800;
}

.Adl_pcase3_q1_result-content p {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
}

/* =====case3 Q1  CORRECT SCREEN starts=========== */

.Adl_pcase3_correct_box,
.Adl_pcase3_wrong_box,
.Adl_pcase3_q3_wrong_box {
   width: 88%;
   height: 78%;
   position: absolute;
   top: 11%;
   left: 6%;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #fff;
}


.Adl_pcase3_correctTxt,
.Adl_pcase2_correctTxt {
   position: absolute;
   top: 131px;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_correctTxt::before,
.Adl_pcase3_q3_correctTxt::before,
.Adl_pcase2_correctTxt::before,
.Adl_pcase2_q3_correctTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/correct_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase3_correct_bg h1 {
   color: #ffff00;
}

.Adl_pcase3_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q1_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   position: relative;
   z-index: 2;
}

.Adl_pcase3_q1_result-icon {
   width: 130px;
   height: 130px;
   margin-bottom: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 75px;
   font-weight: 700;
   line-height: 1;
}

.Adl_pcase3_q1_result-title {
   margin: 0 0 25px 0;
   font-size: 72px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   text-transform: uppercase;
}

.Adl_pcase3_q1_result-message {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
   color: #ffffff;
}

.Adl_qz_pc3_q1_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 49px;
   color: #fff;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc3_q1_correct_highlight {
   color: #ffff00;
   font-weight: 700;
}

.Adl_qz_pc3_q1_correct_sub-message {
   position: absolute;
   top: 74%;
   width: 100%;
   font-size: 49px;
   line-height: 24px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* =====case3 Q1  CORRECT SCREEN end = ===== */
/* ========case3 q1 WRONG SCREEN============*/
.Adl_pcase3_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase3_wrongTxt,
.Adl_pcase2_wrongTxt {
   position: absolute;
   top: 145px;
   font-size: 76px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   color: #ffff00;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_wrongTxt::before,
.Adl_pcase2_wrongTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/incorrect_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_qz_pc3_q1_wrong_message {
   position: absolute;
   top: 41%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc3_q1_wrong_sub-message {
   position: absolute;
   top: 66%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case3 q1 end=============================== */

/* pain case3 q2 starts=============================== */
.Adl_pcase3_q2_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q2-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase3_q2-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q2-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase3_q2-box {
   width: 100%;
   height: 681px;
   padding: 48px 15px 30px 106px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase3_q2 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q2_highlight {
   color: #ffff00;
}

.Adl_pcase3_q2_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 42px;
   line-height: 63px;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q2_answers {
   width: 102%;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase3_q2_answer {
   width: 90%;
   height: 374px;
   padding: 23px 35px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 1px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase3_q2_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase3_q2_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase3_q2_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase3_q2_answer-title {
   margin-top: 34px;
   color: #ffff00;
   font-size: 51px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_pcase3_q2_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 56px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase3_q2_answer-description {
   margin-top: 35px;
   width: 100%;
   color: #ffffff;
   font-size: 26px;
   line-height: 1.15;
   font-weight: 600;
   font-family: 'ArimoSemiBold';
   text-align: left;
}

.Adl_pcase3_q2_answer:focus {
   outline: none;
}

.Adl_pcase3_q2_answer:active {
   transform: translateY(0);
}


/* ============ case3 q2 RESULT SCREEN ========== */
.Adl_pcase3_q2_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase3_q2_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
}

.Adl_qz_pc3_q2_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 48px;
   line-height: 22px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   line-height: 51px;
   text-align: center;
}

.Adl_pcase3_correctTxt2,
.Adl_pcase3_wrongTxt2 {
   margin-top: 360px;
   margin-left: 8px;
   font-size: 48px;
   line-height: 60px;
   font-weight: 700;
   font-family: 'ArimoBold';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case3 q2 ends=============================== */

/* pain case3 q3 starts=============================== */
.Adl_pcase3_q3_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q3-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase3_q3-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   font-style: italic;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q3-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase3_q3-box {
   width: 100%;
   height: 681px;
   padding: 32px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase3_q3 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q3_highlight {
   color: #ffff00;
}

.Adl_pcase3_q3_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 30px;
   line-height: 38px;
   text-align: center;
   font-family: 'ArimoSemiBold';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q3_answers {
   width: 68%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase3_q3_answer {
   width: 91%;
   height: 434px;
   padding: 23px 28px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 2px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase3_q3_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase3_q3_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase3_q3_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase3_q3_answer-title {
   margin: 0;
   color: #fff;
   font-size: 50px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_OralTbtImg {
   margin-top: 0px;
   margin-left: 32px;
}

.Adl_TopicalGelImg {
   margin-top: 84px;
   margin-left: 0px;
}

.Adl_pcase3_q3_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 50px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase3_q3_answer:focus {
   outline: none;
}

.Adl_pcase3_q3_answer:active {
   transform: translateY(0);
}

/* ============ case3 q3 RESULT SCREEN ========== */
.Adl_pcase3_q3_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase3_q3_q3_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase3_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase3_q3_correctTxt {
   position: absolute;
   top: 86px;
   left: 32%;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q3_correctTxt1,
.Adl_pcase3_q3_correctTxt2,
.Adl_pcase3_q3_correctTxt3,
.Adl_pcase3_q3_correctTxt4 {
   position: absolute;
   top: 299px;
   left: 25%;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase3_q3_correctTxt2 {
   top: 53%;
   font-family: 'LibreSemiBoldItalic';
   font-size: 47px;
   left: 36%;
}

.Adl_pcase3_q3_correctTxt3 {
   top: 63%;
}

.Adl_pcase3_q3_correctTxt4 {
   top: 77%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}


.Adl_pcase3_q3_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase3_q3_wrongTxt {
   position: absolute;
   top: 86px;
   left: 37%;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase3_q3_wrongTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/notfit_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase3_q3_wrongTxt1,
.Adl_pcase3_q3_wrongTxt2,
.Adl_pcase3_q3_wrongTxt3,
.Adl_pcase3_q3_wrongTxt4 {
   position: absolute;
   top: 299px;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;

}

.Adl_pcase3_q3_wrongTxt2 {
   top: 51%;
}

.Adl_pcase3_q3_wrongTxt3 {
   top: 66%;
}

.Adl_pcase3_q3_wrongTxt4 {
   top: 80%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}

/* pain case3 q3 ends=============================== */

/* <!-- case3 case resolved scroll screen starts --> */
.Adl_pc3_scrollscr_bg,
.Adl_pc3_endscr_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #120078;
   overflow: hidden;
   color: #ffffff;
   font-family: 'ArimoRegular';

}

.Adl_pc3_scrollscr_header {
   position: absolute;
   z-index: 20;
   top: 29px;
   left: 49px;
   width: 100%;
   height: 151px;
   padding: 22px 20px;
   box-sizing: border-box;
   background: #100078;
   font-family: 'LibreBoldItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pc3_scrollscr_brand {
   position: absolute;
   top: 18px;
   right: 18px;
   color: #fff;
   font-size: 13px;
   font-weight: 900;
   letter-spacing: -0.5px;
}

.Adl_pc3_scrollscr_header h1 {
   margin: 0;
   color: #ffff00;
   font-size: 69px;
   line-height: 1;
   font-family: 'LibreBoldItalic';
}

.Adl_pc3_scrollscr_header h2 {
   margin: 4px 0 12px;
   font-size: 51px;
   line-height: 1.1;
   font-family: 'ArimoBold';
}

.Adl_pc3_scrollscr_header p {
   margin: 0;
   font-size: 42px;
   line-height: 1.8;
   font-family: 'ArimoRegular';
}

.Adl_pc3_scrollscr_content {
   position: absolute;
   left: 138px;
   right: 0;
   top: 337px;
   bottom: 0;
   overflow: hidden;
}

/* ======HORIZONTAL SCROLL======================= */
.Adl_pc3_scrollscr_scroll {
   width: 100%;
   height: 76%;
   overflow-x: auto;
   overflow-y: hidden;

   /*
   * Smooth horizontal scrolling
   */
   scroll-behavior: smooth;

   /*
   * Hide scrollbar visually
   */
   scrollbar-width: none;
   -ms-overflow-style: none;

   /*
   * Allow touch swipe
   */
   touch-action: pan-x;
}

.Adl_pc3_scrollscr_scroll::-webkit-scrollbar {
   display: none;
}

.Adl_pc3_scrollscr_track {
   position: relative;
   width: max-content;
   min-width: 0;
   height: 309px;
   padding: 20px 0 0 36px;
   box-sizing: border-box;
   display: flex;
   gap: 5px;
}

.Adl_pc3_scrollscr_line {
   position: absolute;
   top: 10px;
   left: 310px;
   width: calc(100% - 310px);
   min-width: 0;
   border-top: 3px dashed #ffff00;
}

.Adl_pc3_scrollscr_item {
   position: relative;
   flex: 0 0 541px;
   width: 541px;
   padding-top: 30px;
   box-sizing: border-box;
}

.Adl_pc3_scrollscr_connector {
   position: absolute;
   top: 0;
   left: 50%;
   width: 0;
   height: 62px;
   border-left: 3px dashed #ffff00;
   transform: translateX(-50%);
}

.Adl_pc3_scrollscr_connector::before {
   content: "";
   position: absolute;
   top: -17px;
   left: -10px;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #ffff00;
}

.Adl_pc3_scrollscr_card {
   position: relative;
   top: 37px;
   width: 504px;
   height: 312px;
   box-sizing: border-box;
   border: 2px solid rgba(255, 255, 255, .55);
   border-radius: 14px;
   background: #100078;
   overflow: hidden;
}

.Adl_pc3_scrollscr_cardImg {
   position: absolute;
   top: -13px;
   left: -13px;
   width: 105%;
   height: 113%;
   background-image: url(../images/adl_pc3_scrlImg1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pc3_scrollscr_patient_overlay {
   position: absolute;
   left: 16px;
   right: 0;
   bottom: 20px;
   padding: 28px 11px 9px;
   color: #fff;
   font-size: 28px;
   line-height: 1.15;
}

.Adl_pc3_scrollscr_patient_overlay strong {
   color: #ffff00;
}

.Adl_pc3_scrollscr_number {
   position: absolute;
   top: 26px;
   left: 26px;
   width: 52px;
   height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #ffff00;
   color: #100078;
   font-size: 25px;
   font-weight: 900;
}

.Adl_pc3_scrollscr_card:not(.Adl_pc3_scrollscr_patient) {
   padding: 71px 33px 26px;
}

.Adl_pc3_scrollscr_card p {
   margin-top: 38px;
   font-size: 28.5px;
   line-height: 1.15;
}

.Adl_pc3_scrollscr_card p strong {
   color: #ffff00;
   font-family: 'ArimoBoldItalic';
}

.Adl_pc3_scrollscr_head_icon {
   position: absolute;
   right: 20px;
   bottom: 12px;
   width: 109px;
   height: 89px;
   background-image: url(../images/adl_pc3scrll_card3_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}


/* <!-- case3 case resolved scroll screen end --> */

/* <!-- case3 end screen starts --> */
.Adl_pc3_endscr_img {
   position: absolute;
   top: 26%;
   left: 31%;
   width: 803px;
   height: 531px;
   background-image: url(../images/Adl_pc3endscrImg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;


}

/* <!-- case3 end screen end --> */
/* pain case3 screen end********************************************************************* */

/* pain case4 screen starts********************************************************************* */

.Adl_scr3_paincase4_content {
   width: 100%;
   height: 100%;
   position: relative;
   padding: 70px 82px 40px;
}

.Adl_scr3_paincase4_left {
   width: 62%;
   height: 100%;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase4_title {
   font-size: 62px;
   line-height: 0.95;
   color: #ffffff;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase4_titleHighlight {
   display: block;
   margin-top: 8px;
   color: #ffff00;
   font-weight: 900;
}

.Adl_scr3_paincase4_description {
   margin-top: 22px;
   font-size: 41px;
   line-height: 1.2;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_scr3_paincase4_label {
   display: inline-block;
   margin-top: 97px;
   padding: 10px 28px;
   border-radius: 25px;
   background: #ffff00;
   color: #080b72;
   font-size: 37px;
   line-height: 1;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase4_symptoms {
   width: 91%;
   display: grid;
   grid-template-columns: 2fr 2fr;
   column-gap: 70px;
   row-gap: 41px;
   margin-top: 72px;
}

.Adl_scr3_paincase4_symptom {
   display: flex;
   align-items: center;
   min-height: 42px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase4_number {
   flex-shrink: 0;
   width: 58px;
   height: 58px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 18px;
   border-radius: 50%;
   background: #ffff00;
   color: #151579;
   font-size: 32px;
   font-weight: 700;
   box-shadow: 0 0 4px rgba(255, 255, 255, .25);
}

.Adl_scr3_paincase4_symptomText {
   font-size: 29px;
   line-height: 1.15;
   color: #ffffff;
}

.Adl_scr3_paincase4_imageSection {
   background-image: url(../images/adl_scrn3_img4.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   position: absolute;
   top: 139px;
   right: 75px;
   width: 580px;
   height: 653px;
   animation: zoom-effect 1s ease-in-out 1;

}

.Adl_scr3_paincase4_patientInfo {
   position: absolute;
   left: 78px;
   right: 32px;
   bottom: 55px;
   min-height: 165px;
   padding: 25px 35px;
   display: flex;
   align-items: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_scr3_paincase4_patientText {
   width: 59%;
   font-size: 30px;
   line-height: 1.22;
   color: #ffffff;
}

.Adl_scr3_paincase4_buttons {
   position: absolute;
   right: 120px;
   bottom: 35px;
   display: flex;
   align-items: center;
   gap: 18px;
}

.Adl_scr3_paincase4_button {
   min-width: 130px;
   padding: 12px 40px;
   border: 2px solid #ffff00;
   border-radius: 38px;
   background: transparent;
   font-size: 31px;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   transition: all .2s ease;
}

.Adl_scr3_paincase4_button:hover {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase4_nextButton {
   background: #ffff00;
   color: #0c0d76;
}

.Adl_scr3_paincase4_nextButton:hover {
   background: #ffffff;
   border-color: #ffffff;
}

/* <!-- paincase4 screen end --> */

/* pain case4 q1 starts=============================== */
.Adl_pcase4_q1_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q1-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 126px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase4_q1-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q1-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase4_q1-box {
   width: 100%;
   min-height: 620px;
   padding: 86px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;

}

.Adl_pcase4_q1 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q1_highlight {
   color: #ffff00;
}

.Adl_pcase4_q1_instruction {
   margin: 0 0 32px 0;
   color: #ffffff;
   font-size: 33px;
   line-height: 1.2;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q1_answers {
   width: 992px;
   max-width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 2px;
   row-gap: 20px;
   padding-bottom: 91px;
}

.Adl_pcase4_q1_answer {
   width: 89%;
   height: 169px;
   padding: 23px 28px;
   display: flex;
   align-items: center;
   border: 1px solid #fff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase4_q1_answer:hover {
   transform: translateY(-3px);
   background: linear-gradient(90deg, #11118f, #15159d);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase4_q1_answer.selected {
   background: linear-gradient(90deg, #1717a5, #2020b2);
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase4_q1_answer-icon1,
.Adl_pcase4_q1_answer-icon2,
.Adl_pcase4_q1_answer-icon3,
.Adl_pcase4_q1_answer-icon4 {
   margin-right: 25px;
   position: relative;
   width: 110px;
   height: 110px;
   background-image: url(../images/Adl_case4_q1icon1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase4_q1_answer-icon2 {
   background-image: url(../images/Adl_case4_q1icon2.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase4_q1_answer-icon3 {
   background-image: url(../images/Adl_case4_q1icon3.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase4_q1_answer-icon4 {
   background-image: url(../images/Adl_case4_q1icon4.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase4_q1_answer-text {
   color: #ffffff;
   font-size: 32px;
   line-height: 1.15;
   font-family: 'ArimoRegular';
}

/* ============ case4 q1 RESULT SCREEN ========== */
.Adl_pcase4_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q1_result-content {
   width: 900px;
   max-width: 90%;
   padding: 60px;
}

.Adl_pcase4_q1_result-content h1 {
   margin: 0 0 25px 0;
   font-size: 75px;
   line-height: 1;
   font-weight: 800;
}

.Adl_pcase4_q1_result-content p {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
}

/* =====case4 Q1  CORRECT SCREEN starts=========== */

.Adl_pcase4_correct_box,
.Adl_pcase4_wrong_box,
.Adl_pcase4_q3_wrong_box {
   width: 88%;
   height: 78%;
   position: absolute;
   top: 11%;
   left: 6%;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #fff;
}


.Adl_pcase4_correctTxt {
   position: absolute;
   top: 131px;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;

}

.Adl_pcase4_correctTxt::before,
.Adl_pcase4_q3_correctTxt::before,
.Adl_pcase2_correctTxt::before,
.Adl_pcase2_q3_correctTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/correct_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pcase4_correct_bg h1 {
   color: #ffff00;
}

.Adl_pcase4_q1_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q1_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   position: relative;
   z-index: 2;
}

.Adl_pcase4_q1_result-icon {
   width: 130px;
   height: 130px;
   margin-bottom: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 75px;
   font-weight: 700;
   line-height: 1;
}

.Adl_pcase4_q1_result-title {
   margin: 0 0 25px 0;
   font-size: 72px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   text-transform: uppercase;
}

.Adl_pcase4_q1_result-message {
   margin: 0;
   font-size: 32px;
   line-height: 1.4;
   color: #ffffff;
}

.Adl_qz_pc4_q1_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 49px;
   color: #fff;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc4_q1_correct_highlight {
   color: #ffff00;
   font-weight: 700;
}

.Adl_qz_pc4_q1_correct_sub-message {
   position: absolute;
   top: 74%;
   width: 100%;
   font-size: 49px;
   line-height: 24px;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* =====case4 Q1  CORRECT SCREEN end = ===== */
/* ========case4 q1 WRONG SCREEN============*/
.Adl_pcase4_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase4_wrongTxt,
.Adl_pcase2_wrongTxt {
   position: absolute;
   top: 145px;
   font-size: 76px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   color: #ffff00;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_wrongTxt::before,
.Adl_pcase2_wrongTxt::before {
   content: "";
   position: absolute;
   top: -19px;
   left: -179px;
   width: 140px;
   height: 140px;
   background-image: url(../images/incorrect_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_qz_pc4_q1_wrong_message {
   position: absolute;
   top: 41%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   font-family: 'ArimoBold';
   line-height: 67px;
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc4_q1_wrong_sub-message {
   position: absolute;
   top: 66%;
   width: 100%;
   font-size: 49px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case4 q1 end=============================== */

/* pain case4 q2 starts=============================== */
.Adl_pcase4_q2_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q2-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase4_q2-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q2-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase4_q2-box {
   width: 100%;
   height: 681px;
   padding: 48px 15px 30px 106px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase4_q2 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q2_highlight {
   color: #ffff00;
}

.Adl_pcase4_q2_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 42px;
   line-height: 63px;
   text-align: center;
   font-family: 'ArimoRegular';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q2_answers {
   width: 102%;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase4_q2_answer {
   width: 90%;
   height: 374px;
   padding: 23px 35px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 1px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   box-shadow:
      inset 0 0 50px rgba(65, 100, 255, 0.18),
      0 20px 60px rgba(0, 0, 0, 0.20);
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase4_q2_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase4_q2_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase4_q2_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase4_q2_answer-title {
   margin-top: 34px;
   color: #ffff00;
   font-size: 51px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_pcase4_q2_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 56px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase4_q2_answer-description {
   margin-top: 35px;
   width: 100%;
   color: #ffffff;
   font-size: 26px;
   line-height: 1.15;
   font-weight: 600;
   font-family: 'ArimoSemiBold';
   text-align: left;
}

.Adl_pcase4_q2_answer:focus {
   outline: none;
}

.Adl_pcase4_q2_answer:active {
   transform: translateY(0);
}


/* ============ case4 q2 RESULT SCREEN ========== */
.Adl_pcase4_q2_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_pcase4_q2_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase4_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
}

.Adl_qz_pc4_q2_correct_message {
   position: absolute;
   top: 39%;
   width: 100%;
   font-size: 48px;
   line-height: 22px;
   font-weight: 600;
   color: #fff;
   font-family: 'ArimoRegular';
   line-height: 51px;
   text-align: center;
}

.Adl_pcase4_correctTxt2,
.Adl_pcase4_wrongTxt2 {
   margin-top: 360px;
   margin-left: 8px;
   font-size: 48px;
   line-height: 60px;
   font-weight: 700;
   font-family: 'ArimoBold';
   text-align: center;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* pain case4 q2 ends=============================== */

/* pain case4 q3 starts=============================== */
.Adl_pcase4_q3_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q3-wrapper {
   width: 1720px;
   max-width: 90%;
   position: relative;
   top: 109px;
   left: 101px;
   z-index: 2;
}

.Adl_pcase4_q3-title {
   margin: 0 0 28px 0;
   color: #ffffff;
   text-align: center;
   font-size: 70px;
   line-height: 1.1;
   font-style: italic;
   text-transform: uppercase;
   font-family: 'LibreMediumItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q3-title span {
   color: #ffff00;
   font-family: 'LibreBoldItalic';
}

.Adl_pcase4_q3-box {
   width: 100%;
   height: 681px;
   padding: 32px 62px 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.Adl_pcase4_q3 {
   margin: 0 0 8px 0;
   color: #ffffff;
   font-size: 49px;
   line-height: 1.2;
   font-weight: 800;
   text-align: center;
   font-family: 'ArimoBold';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q3_highlight {
   color: #ffff00;
}

.Adl_pcase4_q3_instruction {
   margin: 0 0 75px 0;
   color: #ffffff;
   font-size: 30px;
   line-height: 38px;
   text-align: center;
   font-family: 'ArimoSemiBold';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q3_answers {
   width: 68%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 0;
   padding-bottom: 88px;
}

.Adl_pcase4_q3_answer {
   width: 91%;
   height: 434px;
   padding: 23px 28px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   border: 2px solid #fff;
   border-radius: 20px;
   background: #0f0073;
   color: #ffffff;
   cursor: pointer;
   text-align: left;
   transition:
      background 0.2s ease,
      transform 0.2s ease,
      border 0.2s ease,
      box-shadow 0.2s ease;
   box-sizing: border-box;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase4_q3_answer:hover {
   transform: translateY(-3px);
   background: #1b12ba;
   box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.25);
}

.Adl_pcase4_q3_answer.selected {
   background: #1b12ba;
   border: 3px solid #ffff00;
   box-shadow: 0 0 15px rgba(255, 255, 0, 0.25);
}

.Adl_pcase4_q3_answer-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.Adl_pcase4_q3_answer-title {
   margin: 0;
   color: #fff;
   font-size: 50px;
   line-height: 1;
   font-weight: 800;
   font-style: italic;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
}

.Adl_OralTbtImg {
   margin-top: 0px;
   margin-left: 32px;
}

.Adl_TopicalGelImg {
   margin-top: 84px;
   margin-left: 0px;
}

.Adl_pcase4_q3_answer-pain {
   margin-top: 5px;
   color: #ffffff;
   font-size: 50px;
   line-height: 1;
   font-family: 'LibreLightItalic';
   text-transform: uppercase;
}

.Adl_pcase4_q3_answer:focus {
   outline: none;
}

.Adl_pcase4_q3_answer:active {
   transform: translateY(0);
}

/* ============ case4 q3 RESULT SCREEN ========== */
.Adl_pcase4_q3_result-screen {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background-image: url(../images/adl_scrn1bg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   overflow: hidden;
}

.Adl_pcase4_q3_q3_result-content {
   width: 100%;
   max-width: 1000px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.Adl_pcase4_q3_correct_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase4_q3_correctTxt {
   position: absolute;
   top: 86px;
   left: 32%;
   color: #ffff00;
   font-size: 69px;
   font-family: 'LibreBoldItalic';
   text-transform: uppercase;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pcase4_q3_correctTxt1,
.Adl_pcase4_q3_correctTxt2,
.Adl_pcase4_q3_correctTxt3,
.Adl_pcase4_q3_correctTxt4 {
   position: absolute;
   top: 299px;
   left: 25%;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pcase4_q3_correctTxt2 {
   top: 53%;
   font-family: 'LibreSemiBoldItalic';
   font-size: 47px;
   left: 36%;
}

.Adl_pcase4_q3_correctTxt3 {
   top: 63%;
}

.Adl_pcase4_q3_correctTxt4 {
   top: 77%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}

.Adl_pcase4_q3_wrong_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   overflow: hidden;
   font-size: 30px;
   color: #fff;
}

.Adl_pcase4_q3_wrongTxt1,
.Adl_pcase4_q3_wrongTxt2,
.Adl_pcase4_q3_wrongTxt3,
.Adl_pcase4_q3_wrongTxt4 {
   position: absolute;
   top: 299px;
   font-family: 'ArimoRegular';
   text-align: center;
   font-size: 37px;
   line-height: 48px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;

}

.Adl_pcase4_q3_wrongTxt2 {
   top: 51%;
}

.Adl_pcase4_q3_wrongTxt3 {
   top: 66%;
}

.Adl_pcase4_q3_wrongTxt4 {
   top: 80%;
   left: 40%;
   font-size: 32px;
   font-weight: 400;
}

/* pain case4 q3 ends=============================== */

/* <!-- case4 case resolved scroll screen starts --> */
.Adl_pc4_scrollscr_bg,
.Adl_pc4_endscr_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #120078;
   overflow: hidden;
   color: #ffffff;
   font-family: 'ArimoRegular';

}

.Adl_pc4_scrollscr_header {
   position: absolute;
   z-index: 20;
   top: 29px;
   left: 49px;
   width: 100%;
   height: 151px;
   padding: 22px 20px;
   box-sizing: border-box;
   background: #100078;
   font-family: 'LibreBoldItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0s forwards;
}

.Adl_pc4_scrollscr_brand {
   position: absolute;
   top: 18px;
   right: 18px;
   color: #fff;
   font-size: 13px;
   font-weight: 900;
   letter-spacing: -0.5px;
}

.Adl_pc4_scrollscr_header h1 {
   margin: 0;
   color: #ffff00;
   font-size: 69px;
   line-height: 1;
   font-family: 'LibreBoldItalic';
}

.Adl_pc4_scrollscr_header h2 {
   margin: 4px 0 12px;
   font-size: 51px;
   line-height: 1.1;
   font-family: 'ArimoBold';
}

.Adl_pc4_scrollscr_header p {
   margin: 0;
   font-size: 42px;
   line-height: 1.8;
   font-family: 'ArimoRegular';
}

.Adl_pc4_scrollscr_content {
   position: absolute;
   left: 138px;
   right: 0;
   top: 337px;
   bottom: 0;
   overflow: hidden;
}

/* ======HORIZONTAL SCROLL======================= */
.Adl_pc4_scrollscr_scroll {
   width: 100%;
   height: 76%;
   overflow-x: auto;
   overflow-y: hidden;

   /*
   * Smooth horizontal scrolling
   */
   scroll-behavior: smooth;

   /*
   * Hide scrollbar visually
   */
   scrollbar-width: none;
   -ms-overflow-style: none;

   /*
   * Allow touch swipe
   */
   touch-action: pan-x;
}

.Adl_pc4_scrollscr_scroll::-webkit-scrollbar {
   display: none;
}

.Adl_pc4_scrollscr_track {
   position: relative;
   width: max-content;
   min-width: 0;
   height: 309px;
   padding: 20px 0 0 36px;
   box-sizing: border-box;
   display: flex;
   gap: 5px;
}

.Adl_pc4_scrollscr_line {
   position: absolute;
   top: 10px;
   left: 310px;
   width: calc(100% - 310px);
   min-width: 0;
   border-top: 3px dashed #ffff00;
}

.Adl_pc4_scrollscr_item {
   position: relative;
   flex: 0 0 541px;
   width: 541px;
   padding-top: 30px;
   box-sizing: border-box;
}

.Adl_pc4_scrollscr_connector {
   position: absolute;
   top: 0;
   left: 50%;
   width: 0;
   height: 62px;
   border-left: 3px dashed #ffff00;
   transform: translateX(-50%);
}

.Adl_pc4_scrollscr_connector::before {
   content: "";
   position: absolute;
   top: -17px;
   left: -10px;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #ffff00;
}

.Adl_pc4_scrollscr_card {
   position: relative;
   top: 37px;
   width: 504px;
   height: 312px;
   box-sizing: border-box;
   border: 2px solid rgba(255, 255, 255, .55);
   border-radius: 14px;
   background: #100078;
   overflow: hidden;
}

.Adl_pc4_scrollscr_cardImg {
   position: absolute;
   top: -13px;
   left: -13px;
   width: 105%;
   height: 113%;
   background-image: url(../images/adl_pc4_scrlImg1.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_pc4_scrollscr_patient_overlay {
   position: absolute;
   left: 16px;
   right: 0;
   bottom: 20px;
   padding: 28px 11px 9px;
   color: #fff;
   font-size: 28px;
   line-height: 1.15;
}

.Adl_pc4_scrollscr_patient_overlay strong {
   color: #ffff00;
}

.Adl_pc4_scrollscr_number {
   position: absolute;
   top: 26px;
   left: 26px;
   width: 52px;
   height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #ffff00;
   color: #100078;
   font-size: 25px;
   font-weight: 900;
}

.Adl_pc4_scrollscr_card:not(.Adl_pc4_scrollscr_patient) {
   padding: 71px 33px 26px;
}

.Adl_pc4_scrollscr_card p {
   margin-top: 38px;
   font-size: 28.5px;
   line-height: 1.15;
}

.Adl_pc4_scrollscr_card p strong {
   color: #ffff00;
   font-family: 'ArimoBoldItalic';
}

.Adl_pc4_scrollscr_head_icon {
   position: absolute;
   right: 20px;
   bottom: 12px;
   width: 79px;
   height: 89px;
   background-image: url(../images/adl_pc4scrll_card3_icon.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* <!-- case4 case resolved scroll screen end --> */

/* <!-- case4 end screen starts --> */
.Adl_pc4_endscr_img {
   position: absolute;
   top: 26%;
   left: 31%;
   width: 803px;
   height: 531px;
   background-image: url(../images/Adl_pc4endscrImg.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;

}

/* <!-- case4 end screen end --> */

/* pain case4 screen end********************************************************************* */

/* <!-- Thank you screen starts--> */
.Adl_Tnqscrn_bg {
   position: relative;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
}

.Adl_Tnqscrn_border {
   width: 63%;
   height: 51%;
   position: absolute;
   top: 25%;
   left: 19%;
   background: #0f0073;
   border: 5px solid #fff;
   border-radius: 21px;
   font-size: 47px;
   text-align: center;
   animation: zoom-effect 1s ease-in-out 1;
}

.Adl_Tnqscrn_Txt1 {
   padding-top: 90px;
}

.Adl_Tnqscrn_Txt2 {
   padding-top: 92px;
   line-height: 86px;
}

.Adl_Tnqscrn_Txt span {}

/* <!-- Thank you screen ends--> */

/* All cases next/confirm  buttons starts**********************************************************************/

/* All cases q1 confirm buttons */
.Adl_pcase1_q1_confirm-button,
.Adl_pcase2_q1_confirm-button,
.Adl_pcase3_q1_confirm-button,
.Adl_pcase4_q1_confirm-button {
   height: 65px;
   width: 255px;
   margin-top: -39px;
   margin-left: 44%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   border: none;
   border-radius: 30px;
   background: #ffff00;
   color: #11117f;
   font-size: 31px;
   font-weight: 800;
   font-style: italic;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   transition:
      transform 0.2s ease,
      background 0.2s ease;
}

.Adl_pcase1_q1_arrow,
.Adl_pcase2_q1_arrow,
.Adl_pcase3_q1_arrow,
.Adl_pcase4_q1_arrow {
   position: relative;
   width: 24px;
   height: 24px;
   background-image: url(../images/adl_scrn1arrows.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* All cases Q1 result screen next button */
.Adl_qz_pc1_q1_correct_next-button,
.Adl_qz_pc2_q1_correct_next-button,
.Adl_qz_pc3_q1_correct_next-button,
.Adl_qz_pc4_q1_correct_next-button,
.Adl_qz_pc1_q1_wrong_next-button,
.Adl_qz_pc2_q1_wrong_next-button,
.Adl_qz_pc3_q1_wrong_next-button,
.Adl_qz_pc4_q1_wrong_next-button {
   height: 65px;
   width: 212px;
   position: absolute;
   bottom: 3%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   border: none;
   border-radius: 30px;
   background: #ffff00;
   color: #11117f;
   font-size: 31px;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc1_q1_correct_next-button-arrow,
.Adl_qz_pc2_q1_correct_next-button-arrow,
.Adl_qz_pc3_q1_correct_next-button-arrow,
.Adl_qz_pc4_q1_correct_next-button-arrow,
.Adl_qz_pc1_q1_wrong_next-button-arrow,
.Adl_qz_pc2_q1_wrong_next-button-arrow,
.Adl_qz_pc3_q1_wrong_next-button-arrow,
.Adl_qz_pc4_q1_wrong_next-button-arrow {
   position: relative;
   width: 24px;
   height: 24px;
   background-image: url(../images/adl_scrn1arrows.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

/* All cases Q1 result screen next button */

/* All cases question2 next buttons */
.Adl_qz_pc1_q2_correct_next-button,
.Adl_qz_pc2_q2_correct_next-button,
.Adl_qz_pc3_q2_correct_next-button,
.Adl_qz_pc4_q2_correct_next-button,
.Adl_qz_pc1_q2_wrong_next-button,
.Adl_qz_pc2_q2_wrong_next-button,
.Adl_qz_pc3_q2_wrong_next-button,
.Adl_qz_pc4_q2_wrong_next-button {
   height: 65px;
   width: 220px;
   position: absolute;
   bottom: 3%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   border: none;
   border-radius: 33px;
   background: #ffff00;
   color: #11117f;
   font-size: 31px;
   font-weight: 800;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc1_q2_correct_next-button-arrow,
.Adl_qz_pc2_q2_correct_next-button-arrow,
.Adl_qz_pc3_q2_correct_next-button-arrow,
.Adl_qz_pc4_q2_correct_next-button-arrow,
.Adl_qz_pc1_q2_wrong_next-button-arrow,
.Adl_qz_pc2_q2_wrong_next-button-arrow,
.Adl_qz_pc3_q2_wrong_next-button-arrow,
.Adl_qz_pc4_q2_wrong_next-button-arrow {
   position: relative;
   width: 24px;
   height: 24px;
   background-image: url(../images/adl_scrn1arrows.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* All cases question3 next buttons */
.Adl_qz_pc1_q3_correct_next-button,
.Adl_qz_pc2_q3_correct_next-button,
.Adl_qz_pc3_q3_correct_next-button,
.Adl_qz_pc4_q3_correct_next-button,
.Adl_qz_pc1_q3_wrong_next-button,
.Adl_qz_pc2_q3_wrong_next-button,
.Adl_qz_pc3_q3_wrong_next-button,
.Adl_qz_pc4_q3_wrong_next-button {
   height: 65px;
   width: 213px;
   position: absolute;
   bottom: 3%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   border: none;
   border-radius: 33px;
   background: #ffff00;
   color: #11117f;
   font-size: 31px;
   font-weight: 800;
   font-family: 'ArimoBoldItalic';
   cursor: pointer;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_qz_pc1_q3_correct_next-button-arrow,
.Adl_qz_pc2_q3_correct_next-button-arrow,
.Adl_qz_pc3_q3_correct_next-button-arrow,
.Adl_qz_pc4_q3_correct_next-button-arrow,
.Adl_qz_pc1_q3_wrong_next-button-arrow,
.Adl_qz_pc2_q3_wrong_next-button-arrow,
.Adl_qz_pc3_q3_wrong_next-button-arrow,
.Adl_qz_pc4_q3_wrong_next-button-arrow {
   position: relative;
   width: 24px;
   height: 24px;
   background-image: url(../images/adl_scrn1arrows.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.Adl_whyAdvil_next-button {
   position: absolute;
   left: 52%;
   bottom: -30px;
   transform: translateX(-50%);
   width: 219px;
   height: 68px;
   padding: 0;
   border: none;
   border-radius: 38px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   background: #ffff00;
   color: #160080;
   font-size: 32px;
   font-weight: 800;
   cursor: pointer;
   z-index: 5;
   font-family: 'ArimoBoldItalic';
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_whyAdvil_nextArrow {
   position: relative;
   width: 24px;
   height: 24px;
   background-image: url(../images/adl_scrn1arrows.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* scroll screen next button */
.Adl_pc1_scrollscr_next,
.Adl_pc2_scrollscr_next,
.Adl_pc3_scrollscr_next,
.Adl_pc4_scrollscr_next {
   position: absolute;
   z-index: 30;
   right: 78px;
   bottom: 5%;
   width: 254px;
   height: 77px;
   border: 0;
   border-radius: 48px;
   background: #ffff00;
   font-family: 'ArimoBoldItalic';
   color: #100078;
   font-size: 37px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in 0.5s forwards;
}

.Adl_pc1_scrollscr_next_icon,
.Adl_pc2_scrollscr_next_icon,
.Adl_pc3_scrollscr_next_icon,
.Adl_pc4_scrollscr_next_icon {
   position: relative;
   width: 24px;
   height: 24px;
   background-image: url(../images/adl_scrn1arrows.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;

}

/* view another case buttons */
.Adl_pc1_endscr_cta,
.Adl_pc2_endscr_cta,
.Adl_pc3_endscr_cta,
.Adl_pc4_endscr_cta {
   position: absolute;
   left: 52%;
   top: 858px;
   transform: translateX(-50%);
   width: 529px;
   height: 114px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
   border: 0;
   border-radius: 60px;
   background: #ffff00;
   font-size: 35px;
   font-weight: 900;
   letter-spacing: 0.5px;
   cursor: pointer;
   box-shadow: 0 4px 20px #0f0073;
   font-family: 'ArimoBoldItalic';
   text-transform: uppercase;
   text-align: left;
   line-height: 39px;
}

.Adl_pc1_endscr_cta_arrow,
.Adl_pc2_endscr_cta_arrow,
.Adl_pc3_endscr_cta_arrow,
.Adl_pc4_endscr_cta_arrow {
   position: relative;
   left: 10px;
   width: 30px;
   height: 30px;
   background-image: url("../images/adl_scrn1arrows.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

/* All cases next/confirm  buttons ends**********************************************************************/


/* Advil references screen starts */
.Adl_references_bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 1920px;
   height: 1080px;
   background: #0f0073;
   overflow: hidden;
   color: #fff;
   z-index: 99;
   display: none;

}

.Adl_references_header {
   position: absolute;
   top: 65px;
   left: 35px;
   font-size: 40px;
   font-family: 'ArimoBold';
   color: #ffffff;
}

/* ======SCROLL CONTAINER============= */
.Adl_references_scroll {
   position: absolute;
   top: 135px;
   left: 35px;
   right: 35px;
   bottom: 50px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 35px;
   box-sizing: border-box;
   scroll-behavior: smooth;
}

/* ==SCROLLBAR========= */
.Adl_references_scroll::-webkit-scrollbar {
   width: 12px;
}

.Adl_references_scroll::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.15);
   border-radius: 10px;
}

.Adl_references_scroll::-webkit-scrollbar-thumb {
   background: #ffffff;
   border-radius: 10px;
}


.Adl_references_scroll::-webkit-scrollbar-thumb:hover {
   background: #eeeeee;
}

/* Firefox */
.Adl_references_scroll {
   scrollbar-width: thin;
   scrollbar-color: #ffffff rgba(255, 255, 255, 0.15);
}

/* ========REFERENCE LIST========= */
.Adl_references_list {
   margin: 0;
   padding-left: 42px;
   color: #ffffff;
   font-size: 22px;
   font-weight: 500;
   line-height: 1.25;
}

.Adl_references_list li {
   padding-left: 8px;
   margin-bottom: 15px;
   color: #ffffff;
   font-family: 'ArimoRegular';
}

.Adl_references_list u {
   color: #ffffff;
   text-decoration: underline;
   cursor: pointer;
}

.Adl_references_close {
   position: fixed;
   right: 46px;
   bottom: 50px;
   width: 75px;
   height: 75px;
   background: url(../images/close_icon.png) no-repeat;
   background-size: 100% 100%;
   cursor: pointer;
   border: none;

}

.Adl_refIcon {
   position: fixed;
   right: 46px;
   bottom: 50px;
   width: 85px;
   height: 85px;
   background: url(../images/info-icon.png) no-repeat;
   background-size: 100% 100%;
   z-index: 9 !important;
}


/* Advil references screen end */
.splitscreenIcon {
   position: fixed;
   right: 143px;
   bottom: 131px;
   width: 73px;
   height: 73px;
   background: url(../images/Split_icon_yellow.png) no-repeat;
   background-size: 100% 100%;
   z-index: 9 !important;
}
.Adl_Tnqscrn_bg .splitscreenIcon{
    right: 152px;
    bottom: 54px;
}
/* =========================================================
   RIGHT CONTENT ARROWS
   Animation starts from RIGHT → LEFT
========================================================= */

.Adl_Anim_Arrow1,
.Adl_Anim_Arrow2,
.Adl_Anim_Arrow3,
.Adl_Anim_Arrow4 {
   position: absolute;
   bottom: 230px;
   width: 45px;
   height: 70px;
   background-image: url(../images/adl_singlearrow.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   opacity: 0.25;
   animation: arrowPulse 2s ease-in-out infinite;
}

.Adl_Anim_Arrow1 {
   right: 140px;
   animation-delay: 0s;
}

.Adl_Anim_Arrow2 {
   right: 108px;
   animation-delay: 0.3s;
}

.Adl_Anim_Arrow3 {
   right: 76px;
   animation-delay: 0.6s;
}

.Adl_Anim_Arrow4 {
   right: 43px;
   animation-delay: 0.9s;
}

@keyframes arrowPulse {
   0% {
      opacity: 0.2;
      filter: brightness(0.8);
   }

   30% {
      opacity: 1;
      filter: brightness(1.4);
   }

   55% {
      opacity: 1;
      filter: brightness(1.2);
   }

   80% {
      opacity: 0.35;
      filter: brightness(0.9);
   }

   100% {
      opacity: 0.2;
      filter: brightness(0.8);
   }
}

/* text from top */
@keyframes slideUp {
   0% {
      opacity: 0;
      transform: translate3d(0, 25px, 0);
   }

   60% {
      opacity: 1;
   }

   100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      /* filter: blur(0); */
   }
}


/* Animations zoom effect*/
@keyframes zoom-effect {
   0% {
      transform: scale(0.8);
   }

   50% {
      transform: scale(1.1);
   }

   100% {
      transform: scale(1);
   }
}

/* Animations zoom out effect*/
@keyframes zoom-outeffect {
   from {
      transform: scale(1);
      opacity: 1;
   }

   to {
      transform: scale(0);
      opacity: 0;
   }
}


/* Animations fadeIn*/
@keyframes fadeIn {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}