.ltrrevewwriter p,
.ltrrevewwriter ul {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 40px;
}
.ltrrevewwriter p, .ltrrevewwriter ul {
    text-align: justify;
}

.ltrrevewwriter button {
    cursor: pointer;
}
.exampleartcle h1 {
    text-align: center;
    margin: 0 0 39px 0;
    text-transform: capitalize;
    font-weight: 800;
    font-size: 62px;
    font-weight: 900;
    font-family: 'Open Sans';
}
.exampleartcle p{
    font-size: 17px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle i {
    color: #f6faff;
}
.sas {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    margin: 0 0 42px 0;
    padding: 10px 197px;
}
.exampleartcle h2 {
    font-size: 27px;
    text-transform: capitalize;
    text-align: justify;
    font-weight: 600;
    margin: 0 0 16px 0;
    line-height: 42px;
}

.ltrrevewwriter2 h2 {
    font-size: 55px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 900;
    font-family: 'Open Sans';
    margin: 0 0 16px 0;
    line-height: 84px;
}
.ltrrevewwriter2 img {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 10%;
}
.ltrrevewwriter2 span {
    color: #871717;
}
.rotator {
    display: block;
    max-width: 100%;
    position: absolute;
    opacity: 0.2;
    height: auto;
    transform-origin: 50% 317%;
    backface-visibility: hidden;
    will-change: transform;
    --spin-duration: 20s;
    animation: spin var(--spin-duration) linear infinite;
}
.rotatora {
    display: block;
    max-width: 100%;
    opacity: 0.2;
    height: auto;
    position: absolute;
    transform-origin: 10% 317%;
    backface-visibility: hidden;
    will-change: transform;
    --spin-duration: 20s;
    animation: spin var(--spin-duration) linear infinite;
}
.rotators {
    display: block;
    max-width: 100%;
    position: absolute;
    opacity: 0.2;
    height: auto;
    transform-origin: 20% 317%;
    backface-visibility: hidden;
    will-change: transform;
    --spin-duration: 20s;
    animation: spin var(--spin-duration) linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}



.exampleartcle ul {
    list-style: none;
    margin: 10px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle ul>li {
    border-radius: 217px;
    background: #d5d5df;
    /* border-style: double; */
    clip-path: polygon(10% 0%, 100% 0%, 93% 100%, 0% 100%);
    /* text-align: center; */
    margin: 28px 0 -11px 0;
    padding: 5px 0 5px 42px;
    font-size: 19px;
    text-transform: capitalize;
    font-style: italic;
}
.exampleartcle ul>li:hover{
    animation: jello 3s infinite;
}
.exampleartcle img {
    width: 73%;
    margin: 0;
    position: relative;
    left: 107px;
    animation: bounceOut 12s infinite;
}
.ltrrevewwriter2 button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 401px;
    left: 52%;
    font-weight: 700;
    border: none;
    color: #fff;
    cursor: pointer;
    background: #009a7c;
    border-radius: 12px;
    box-shadow: 1px 1px 1px 1px #009b7d;
}


/**/
.ppask h5 {
    text-transform: capitalize;
    text-align: left;
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 600;
    border-bottom: double 4px darkblue;
    width: 100%;
}
@keyframes shkew {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg); opacity: 0.2;
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg); opacity: 0.5;
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); opacity: 0.9;
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); opacity: 0.5;
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); opacity: 0.2;
    }
}
.ppask.Quest0,.ppask .Quest1,.ppask .Quest2,.ppask .Quest3,.ppask .Quest4,.ppask .Quest5 {
    cursor: pointer;
    border-radius: 12px 0 0 0;
    list-style: none;
    margin: 10px 10px 15px 13px;
    font-size: 19px;
    width: 100%;
    border-bottom: dotted 2px darkblue;
     box-shadow: none; 
    font-style: italic;
    text-transform: capitalize;
    font-weight: 200;
    padding: 10px 0 10px 13px;
    text-align: -webkit-auto;
    font-family: sans-serif;
}
.exampleartcle button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 66%;
    left: -90%;
    width: 73%;
    position: absolute;
    font-weight: 700;
    animation: pulse 2s infinite;
    border: none;
    color: #fff;
    cursor: pointer;
    background: #1a68b2;
    border-radius: 12px;
    box-shadow: 1px 1px 1px 1px #009b7d;
}
.ltrrevewwriter2 {
    margin: 50px 0 50px 0;
    background: #ffffff;
    padding: 34px 40px;
    border-radius: 12px;
}
.ltrrevewwriter2 p {
    margin: -28px 0 20px 32px;
}
.ltrrevewwriter2 button {
    margin: 17px 0 27px 160px;
    padding: 12px;
    font-size: 21px;
}
.ltrrevewwriter2 i {
    color: #66160f;
    font-weight: 800;
    font-size: 24px;
}





















































.ltrrevewwriter3 {
    margin: 36px 0 44px 0;
}
.ltrrevewwriter3 h2 {
    font-size: 27px;
    margin: 0 0 10px 0;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 30px;
}
.ltrrevewwriter3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 7px 0 14px 18px;
    text-align: justify;
}
.ltrrevewwriter3 ul > li {
    margin: -30px 0 5px 23px;
    font-style: italic;
}
.ltrrevewwriter3 p {
    font-size: 16px;
    font-weight: 700;
    text-align: justify;
    color: #00008b;
}
.ltrrevewwriter3 ul > i {
    color: #00008b;
    font-weight: 600;
}
.ltrrevewwriter3 button {
    padding: 10px;
    border: none;
    font-size: 20px;
    font-weight: 700;
}
.ltrrevewwriter3 h4 {
    text-align: center;
    font-size: 27px;
    margin: 0 0 21px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.ltrrevewwriter4 h3 {
    text-align: center;
    margin: 6px 0 17px 0;
    font-size: 31px;
    font-weight: 600;
}
.ltrrevewwriter4 ul {
    display: flex;
    justify-content: space-around;
    font-size: 20px;
    list-style: none;
    margin: 6px 0 53px 0;
}
.ltrrevewwriter7 {
    border-style: double;
    margin: 88px 0 20px 0;
    border-radius: 47px;
    padding: 21px;
}
.ltrrevewwriter5 h5 {
    color: #ff7d71;
    font-size: 23px;
    text-align: center;
    margin: 10px 10px 23px 10px;
    text-transform: capitalize;
    font-weight: 500;
}
.ltrrevewwriter6 h3 {
    text-align: center;
    font-weight: 700;
    margin: 70px 0 0 0;
    font-size: 30px;
    color: #01014c;
    font-family: "Open Sans";
}
.ltrrevewwriter6 ul > li {
    list-style: none;
    font-weight: 500;
    margin: 20px 0 0 0;
    background: #cdcdcd;
    padding: 11px;
    border-radius: 12px 2px 12px 0;
    text-align: justify;
    text-transform: capitalize;
}
.ltrrevewwriter6 p {
    text-align: center;
    padding: 3px 59px;
}
.ltrrevewwriter7 h3 {
    text-align: center;
    font-weight: 700;
    margin: 30px 0 0 0;
    line-height: 45px;
    font-size: 30px;
    color: #01014c;
    text-transform: capitalize;
    font-family: "Open Sans";
}
.ltrrevewwriter7 ul > li {
    list-style: none;
    margin: -30px 0 5px 23px;
    border-radius: 12px 2px 12px 0;
    text-align: justify;
    font-size: 16px;
    text-transform: capitalize;
}
.ltrrevewwriter7 p {
    text-align: center;
    padding: 11px 43px;
}
.ltrrevewwriter7 ul {
    margin: 19px 0 52px 56px;
}
.ltrrevewwriter7 h4 {
    text-transform: capitalize;
    font-weight: 700;
}
.ltrrevewwriter7 ul > i {
    font-size: 17px;
    color: #8b0000;
}
.ltrrevewwriter7 img {
    max-width: 93%;
    margin: 39px 0 0 -22px;
}
.ltrrevewwriter7 button {
    margin: 96px 33px 0 -25px;
    padding: 7px;
    font-weight: 800;
    cursor: pointer;
    color: #fff;
    background: #01014c;
    border-radius: 12px;
    font-size: 28px;
}
.ltrrevewwriter8 {
    margin: 20px 0 54px 22px;
}
.ltrrevewwriter8 h3 {
    text-align: left;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 44px 0 35px 0;
}
.ltrrevewwriter8 ul {
    margin: -20px 0 28px 22px;
    list-style: none;
}
.ltrrevewwriter8 ul > span {
    font-size: 22px;
    font-weight: 600;
    color: #01014c;
}
.ltrrevewwriter8 ul > li {
    margin: -31px 0 10px 26px;
    font-size: 18px;
    text-transform: capitalize;
}
.ltrrevewwriter9 h5 {
    text-transform: capitalize;
    text-align: left;
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 600;
}
.ltrrevewwriter9 h6 {
    font-size: 20px;
    text-transform: capitalize;
}
.ltrrevewwriter9 p {
    margin: 0 0 20px 0;
    font-size: 16px;
}
.ltrrevewwriter5 p {
    padding: 20px;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    text-align: justify;
}
.ltrrevewwriter5 ul {
    margin: 0;
}
.ltrrevewwriter8 img {
    margin: 126px 0 0 0;
    width: 72%;
    filter: grayscale(1);
}
.ans1,
.ans2,
.ans3,
.ans4,
.ans5 {
    padding: 3px;
    width: 100%;
    left: 0;
    text-align: justify;
    top: 0;
    display: none;
    position: relative;
}
.Quest0, .Quest1, .Quest2, .Quest3, .Quest4, .Quest5 {
    cursor: pointer;
    border-radius: 12px 0 0 0;
    list-style: none;
    margin: 10px 10px 15px 2px;
    font-size: 19px;
    width: 100%;
    box-shadow: 0 0 0 1px #00008b;
    font-style: italic;
    text-transform: capitalize;
    font-weight: 200;
    padding: 10px 0 10px 13px;
    text-align: -webkit-auto;
    font-family: sans-serif;
}
.ltrrevewwriter9prev h5 {
    text-align: left;
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 11px 0;
}
.ltrrevewwriter9prev p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.ltrrevewwriter9 {
    margin: 0 0 70px 0;
}
.ltrrevewwriter9 p {
    margin: 0 0 20px 18px;
    font-size: 16px;
    color: #000;
}
.ltrrevewwriter10 h5 {
    text-align: center;
    font-size: 31px;
    text-transform: capitalize;
    margin: 0 0 21px 0;
}
.ltrrevewwriter10 h5 > span {
    border-radius: 12px;
    color: #ff4f00;
    font-size: 34px;
    padding: 7px;
}
.ltrrevewwriter10 input {
    width: 100%;
    padding: 10px;
    font-size: 17px;
    background: wheat;
    font-weight: 700;
}
.ltrrevewwriter10 {
    padding: 23px;
    background: #050550;
    border-radius: 12px;
    margin: 63px 10px 100px 10px;
}
.ltrrevewwriter10 h5 {
    text-align: center;
    font-size: 28px;
    text-transform: capitalize;
    margin: 0 0 21px 0;
    font-weight: 800;
    line-height: 43px;
    color: #fff;
}
.ltrrevewwriter10 button {
    padding: 10px;
    width: 47%;
    border: none;
    font-size: 24px;
    margin: 0 0 0 181px;
    font-weight: 700;
    font-family: sans-serif;
    background: #ff4f00;
    cursor: pointer;
    border-radius: 12px;
    color: #fff;
}
.description span {
    font-weight: 600;
    cursor: pointer;
}
.ltrrevewwriter11 h5 {
    text-align: center;
    margin: 6px 0 15px 0;
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 700;
    color: #050550;
}
.ltrrevewwriter11 ul > i {
    color: #ff4f00;
}
.ltrrevewwriter11 ul > li {
    padding: 0 0 0 11px;
    margin: -34px 0 2px 9px;
    width: 81%;
}
.ltrrevewwriter11 ul {
    margin: 17px 0 0 116px;
    list-style: none;
    line-height: 33px;
}
.ltrrevewwriter11 button {
    margin: 32px 0 62px 280px;
    padding: 13px;
    font-size: 21px;
    background: #050550;
    font-weight: 600;
    color: #fff;
    border-radius: 12px;
    border: none;
}
.ltrrevewwriter12 {
    margin: 0 0 67px 0;
}
.ltrrevewwriter12 h6 {
    font-size: 21px;
    font-weight: 700;
    margin: 11px 0 40px 0;
    text-align: center;
    padding: 4px 0px;
    line-height: 43px;
    position: absolute;
    top: 12%;
    text-transform: capitalize;
    left: 44%;
    text-align: justify;
    width: 51%;
}
   .ltrrevewwriter12 h6 a{text-transform: none;}
.callended {
    width: 42%;
    border-radius: 17px;
}
.exampleartcle {
    border-radius: 24px;
    padding: 60px;
    background-image: url(background-im);
    margin: 0px 0 0px;
}
.bannercont {
    position: absolute;
    left: 72px;
    margin: 30px 0 0 0;
    z-index: 1000;
}
.slidess h2 {
    padding: 40px 15px;
    font-size: 32px;
}
.slidess ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 69%;
    margin: 0 0 0 298px;
    height: 492px;
    outline: 0;
    z-index: 1;
}
.slidess ul {
    line-height: 30px;
}
.sdd h2 {
    font-size: 43px;
    padding: 67px 129px 67px 25px;
    margin: 0;
    line-height: 59px;
    color: #fff;
    font-weight: 900;
    text-transform: capitalize;
    text-align: center;
}
.bannercont {
    position: absolute;
    left: 0;
    margin: 0;
    width: 99%;
    border-radius: 8%;
    margin: 0;
    background: #00008b;
    font-weight: 700;
    clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
    z-index: 1000;
    font-family: sans-serif;
}







.sdd h2 b {
    color: #9acd32;
    font-size: 57px;
    text-shadow: 3px 5px #000;
}
.sdd p {
    font-size: 19px;
    margin: -13px 0 0 15px;
    width: 100%;
    text-transform: capitalize;
    font-family: sans-serif;
}
.slidess .card {
    width: 36%;
    padding: 16px 24px;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.slidess ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 94%;
    margin: 0 0 0 8px;
    height: 492px;
    outline: 0;
    z-index: 1;
}
:root {
    --count: 5;
    --easeInOutSine: cubic-bezier(0.37, 0, 0.63, 1);
    --easing: cubic-bezier(0, 0.37, 1, 0.63);
}
.slidess ul:hover * {
    animation-play-state: paused;
}
.slidess li {
    position: relative;
    height: 340px;
    border-radius: 18px;
    overflow: scroll;
    overflow-x: hidden;
    width: 107%;
    margin: 17px 0 11px -63px;
    animation: rotateCW calc(var(--rotate-speed) * 1s) var(--easing) infinite;
}
.slidess .card {
    width: 100%;
    background: #fff;
    font-family: Inter, sans-serif;
    line-height: 30px;
}
.slidess ::-webkit-scrollbar {
    width: 10px;
    display: block;
}
.slidess a {
    text-decoration: none;
    color: unset;
}
.model-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #3b2ed0;
    display: block;
    text-transform: capitalize;
}
.slidess li:nth-child(2),
li:nth-child(2) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -1s);
}
.slidess li:nth-child(3),
li:nth-child(3) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -2s);
}
.slidess li:nth-child(4),
li:nth-child(4) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -4s);
}
.slidess li:nth-child(5),
li:nth-child(5) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -6s);
}
.slidess li:nth-child(6),
li:nth-child(6) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -8s);
}
.slidess li:nth-child(7),
li:nth-child(7) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -10s);
}
.slidess li:nth-child(8),
li:nth-child(8) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -9s);
}
.slidess li:nth-child(9),
li:nth-child(9) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -14s);
}
.slidess li:nth-child(10),
li:nth-child(10) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -16s);
}
.slidess li:nth-child(11),
li:nth-child(11) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -18s);
}
.slidess li:nth-child(12),
li:nth-child(12) .card {
    animation-delay: calc((var(--rotate-speed) / var(--count)) * -20s);
}
@keyframes rotateCW {
    from {
        transform: translate3d(0, -50%, -1px) rotate(-45deg);
    }
    to {
        transform: translate3d(0, -50%, 0) rotate(-315deg);
    }
}
@keyframes rotateCCW {
    from {
        transform: rotate(45deg);
    }
    to {
        transform: rotate(315deg);
    }
}
@keyframes pulseGlow {
    from {
        background-size: 60%;
    }
    to {
        background-size: 100%;
    }
}
.mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    animation: pulseGlow 5s linear infinite alternate;
}
.mask:after {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    background-image: linear-gradient(180deg, rgba(60, 26, 229, 0) 0, #3c1ae5 50%, rgba(60, 26, 229, 0) 100%);
}
.slidess {
    background: #8383d77d;
    height: 372px;
    border-radius: 335px 22px 22px 335px;
}
.bannercont {
    position: absolute;
    left: 0;
    margin: 0;
    width: 100%;
    border-radius: 8%;
    margin: 0 0 0 -67px;
    background: #00008b;
    font-weight: 700;
    z-index: 1000;
    font-family: sans-serif;
}
/* slider styles */
.slider {
    /* box-shadow: 0.1rem 0.1rem 5px 0 black; */
    overflow: hidden;
    height: 223px;
    width: 94%;
    /* border-radius: 12px; */
    /* background-color: #fdfdfd; */
    position: relative;
    display: flex;
    column-gap: 0.1rem;
}
.slider input {
  display: none;
}
.slide-title {
    padding: 4px 0 3px 21px;
    border-radius: 4px;
    color: #303858;
    font-family: sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    background: #d7d5dd;
    margin: 9px 0 10px 0;
    width: 15%;
}
.slide-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
  font-size: 0.8rem;
  transform: translateX(-100%);
  transition: 0.3s ease-in-out;
}
.slider input:checked ~ .slide-container {
  transform: translateX(100%);
}
.slider input:checked + .radio-btn + .slide-container {
    transform: translateX(0);
    padding: 10px;
    /* background: linear-gradient(45deg, #00024a, #3309c5); */
    backdrop-filter: contrast(1.5);
    /* color: white; */
    border-radius: 12px;
}
.slide-btn:hover {
  background-color: snow;
  color: #3030e9;
}
.radio-btn {
  display: inline-block;
  margin-top: 117%;
  width: calc(var(--base-size) * 0.05);
  height: calc(var(--base-size) * 0.05);
  border-radius: calc(var(--base-size) * 0.05);
  border: 1px solid black;
  cursor: pointer;
  transition: 0.3s;
}
.slide-container > p {
    /* color: #ffffff; */
}
.slide-description p{
    margin: 0;
    padding: 0px 30px 29px 30px;
}
.radio-btn:first-of-type {
  margin-left: 5%;
}
.slider input:checked + .radio-btn {
  background-color: #3030e9;
  width: calc(var(--base-size) * 0.05 * 1.5);
}
.radio-btn::after {
    content: "\f100";
    font: 600 16px FontAwesome;
    position: absolute;
    top: 180px;
    right: 1%;
    margin: 0 6%;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    border-radius: 0.2rem;
    border: 0.1rem solid #3030e9;
    transition: 0.2s;
    transform: translateY(-150%);
    background-color: #050356;
    transition: color 0.2s;
    color: #ffffff;
}
.ssda {
    margin: -40px 45px 40px 0px;
}
.dvs {
    margin: 10px 10px 57px 10px;
}
.dvs h3 {
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    font-family: sans-serif;
    text-transform: capitalize;
    text-align: center;
    margin: 90px 10px 10px 10px;
}
.literatureqw {
    background: #d1d0d0;
    margin: 100px 0 109px 0;
    /* border-radius: 31px; */
}
.literatureqw {
    background: #d1d0d0;
    margin: 100px 0 109px 0;
}
.literatureqw form {
    margin: 0 253px 0 243px;
}
.literatureqw form label {
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 5px 0;
}
/*.literatureqw p {
    margin: -46px 0 0 0;
    padding: 10px 38px 20px 37px;
}*/
.literatureqw form button {
    padding: 10px;
    width: 100%;
    border: none;
    font-size: 19px;
    margin: 10px 0 10px 0;
    text-transform: capitalize;
    font-weight: 700;
    font-family: sans-serif;
    background: #16286b;
    cursor: pointer;
    border-radius: 12px;
    color: #fff;
}
.literatureqw {
    width: 125%;
    margin: 0 0 0 -50px;
    background-image: url(../images/business-proposal-example-pdf.png);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px, rgba(10, 37, 64, 0.35) 0 -2px 6px 0 inset;
    background-position: center;
}
.literatureqw {
    width: 100%;
    margin: 0px 0 0 0px;
    background-image: url(../images/business-proposal-example-pdf.png);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px, rgba(10, 37, 64, 0.35) 0 -2px 6px 0 inset;
    background-position: center;
}
.literatureqw {
    width: 108%;
    height: 476px;
    margin: 109px 0 137px 0;
    /* background-size: cover; */
    background: repeating-linear-gradient(105deg, #bdd2ff, transparent 1713px);
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px, rgba(10, 37, 64, 0.35) 0 -2px 6px 0 inset;
    background-position: center;
}
.literatureqw h3 {
    text-align: center;
    font-size: 54px;
    line-height: 68px;
    font-weight: 800;
    margin: 29px 0 0 0;
}
.literatureqw img {
    position: absolute;
    width: 81%;
    left: 17%;
    margin: 20px 0 0 0;
    border-radius: 0 18px 58px 49px;
    transform-rotate: de;
}
.fr img {
    position: absolute;
    width: 317px;
    left: 2%;
    margin: -10px 0 0 0;
    border-radius: 0;
    transform-rotate: de;
}
.fr {
    padding: 10px 169px;
}
.fr h3 {
    text-align: center;
    font-size: 51px;
    text-transform: capitalize;
    line-height: 60px;
    text-shadow: 2px 3px 160px #ffffff;
    font-weight: 800;
    margin: 0px 0 33px 68px;
    left: 40%;
    width: 90%;
    top: 11%;
}
/*.literatureqws {
    width: 125%;
    border-radius: 12px;
    margin: 75px 0 0 -130px;
    background-image: url(../images/webpk.png);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px, rgba(10, 37, 64, 0.35) 0 -2px 6px 0 inset;
    background-position: center;
}*/
.literatureqws {
    width: 100%;
    border-radius: 12px;
    margin: 75px 0 0 0px;
    background-image: url(../images/webpk.png);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px, rgba(10, 37, 64, 0.35) 0 -2px 6px 0 inset;
    background-position: center;
}
.literatureqws h3 {
    text-align: center;
    font-size: 54px;
    line-height: 68px;
    font-weight: 800;
    margin: 29px 0 0 -40px;
}
/*.literatureqws img {
    position: absolute;
    width: 64%;
    left: 18%;
    margin: 20px 0 0 0;
    border-radius: 0 18px 58px 49px;
    transform-rotate: de;
}*/
.literatureqws img {
    position: absolute;
    width: 85%;
    left: 12%;
    margin: 20px 0 0 0;
    border-radius: 0 18px 58px 49px;
    transform-rotate: de;
}
.frs img {
    position: absolute;
    width: 553px;
    left: 3%;
    margin: -89px 0 0 0;
    border-radius: 12px 0 12px 206px;
    transform-rotate: de;
}
.frs h3 {
    text-align: center;
    font-size: 44px;
    line-height: 82px;
    font-weight: 800;
    margin: 54px -11px 0 147px;
}
@keyframes appearBranch {
    to {
        opacity: 1;
    }
}
@keyframes climbText {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.ltrrevewwriter2 ul > li {
    margin: -43px 0 0 43px;
    text-align: justify;
}
.ltrrevewwriter2 ul {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    margin: 0 0 0 0px;
}
.vertical p {
    text-align: center!important;
    font-family: 'Roboto Slab';
    font-weight: 700;
}
.vertical h2 {
    text-align: center;
    font-size: 41px;
    font-weight: 800;
    margin: 0 0 0 0;
    padding: 101px 10px 10px 10px;
}
.slider input:checked ~ .radio-btn::after {
    z-index: 0;
    font-family: FontAwesome;
    content: "\f101";
    right: -5%;
    top: 180px;
    background: #ff7d71;
    color: #000000;
    font-weight: 600;
    animation: kkpp infinite 1s;
}
.slider:hover{animation: none;}
.slider input:checked ~ .radio-btn:first-of-type::after {
    content: "\f100";
    font-family: FontAwesome;
    right: 1%;
    top: 180px;
    color: #bebdc9;
    background: white;
    font-weight: 600;
}
.slider input:checked + .radio-btn + .slide-container + input + .radio-btn::after {z-index: 1;}
.pinned-note { position: relative; background: #f8f1c6; background: linear-gradient(#f8f1c6 50%, #f8f1c6 98%, #989898 100%); background-size: 1px 34px; border-radius: 5px; border: 1px solid #C4C296; color: #43423d; text-shadow: 0 1px 1px #ffffff; max-width: 480px; margin: 20px auto;}
.pinned-note .nodes { background: radial-gradient(#ffffff 30%, transparent 1%) 0 0, radial-gradient(rgba(0,0,0,1) 1%, transparent 35%) 0 0px; background-size: 30px 30px; background-repeat: repeat-y; margin-left: 8px;}
.pinned-note .no-nodes { background: none; margin-left: -20px;}
.pinned-note .left-strip { border-left: 3px double #989898; margin-left: 40px; padding: 10px 20px 12px 20px; outline: none;}
.pinned-description { font-size: 16px; line-height: 34px; margin: 10px 0; position: relative; top: -2px;}
.anchor-link { font-weight: bold; text-decoration: none;}
.scrolling-wrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding: 15px 0;}
.article-body .pinned-note { display: inline-block; white-space: normal;}
.pinit {position: absolute; right: -20px; top: -15px; width: 60px; height: 60px; background: url('push-pin.svg'); background-size: auto; background-size: cover; margin-left: -30px;}
.first-pinned, .seventh-pinned { transform: rotate(2deg);}
.second-pinned, .eighth-pinned { transform: rotate(-1deg);}
.third-pinned, .ninth-pinned { transform: rotate(5deg);}
.fourth-pinned, .tenth-pinned { transform: rotate(1deg);}
.fifth-pinned, .eleventh-pinned { transform: rotate(-3deg);}
.sixth-pinned, .twelveth-pinned { transform: rotate(1deg);}
.horizontal ::-webkit-scrollbar {
    width: 10px;
}
.pinned-heading {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    margin: 25px 0 10px;
    text-transform: capitalize;
}
 .article-body {
    display: inline-block;
    vertical-align: top;
    animation: bounce 6s infinite;
    margin: 0 20px;
}
.article-body:hover{animation: none;}
.horizontal::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: 10px;
}
.horizontal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c6c6c6;
}
.researchresponse ul>li {
    margin: -39px 0  0 42px;
}
.researchresponse ul>i {
    background: #d9d9eb;
    border-radius: 12px;
    color: #003a5d;
    padding: 10px 10px 10px  6px;
    box-shadow: 2px 2px 2px #74a73b;
}
.researchresponse h2 {
    text-align: left;
    text-transform: capitalize;
    font-size: 58px;
    font-weight: 900;
    margin: 40px 0 30px 0;
}
.researchresponse ul {
    list-style: none;
    margin: 20px 0 10px 74px;
    font-family: sans-serif;
    font-size: 17px;
    text-align: justify;
    line-height: 34px;
}
.tipsd{
    width: 22px;
    backdrop-filter: grayscale(1);
}
.researchprpopdf h4 i {
    padding: 0 0 0 0;
}
.researchprpopdf h3 {
    text-align: center;
    font-size: 38px;
    line-height: 60px;
    font-family: cursive;
    margin: 38px 0 18px 0;
    text-transform: capitalize;
    font-weight: 700;
    font-weight: 700;
}
.researchprpopdf h4 {
    background: #d6d5de;
    padding: 6px 0 6px 12px;
    margin: 11px;
    text-align: left;
    font-size: 21px;
    /* color: white; */
    text-transform: capitalize;
    font-weight: 800;
    border-radius: 9px;
    box-sizing: revert;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 40px;
}
#callended2 {
    width: 54px;
    position: absolute;
    cursor: pointer;
    left: 24%;
    animation: bounce 8s infinite ease-in-out;
}

#callended3 {
    width: 54px;
    position: absolute;
    left: 7%;
    cursor: pointer;
    top: 12px;
    animation: bounce 4s infinite ease-in-out;
}

#callended4 {
    width: 54px;
    position: absolute;
    cursor: pointer;
    left: 32%;
    top: 66px;
    animation: bounce 2s infinite ease-in-out;
    /* animation: pulse 2s infinite; */
    /* animation: blink 3s infinite; */
}
#callended41 {
    width: 41px;
    position: absolute;
    cursor: pointer;
    left: 6%;
    top: 411px;
    animation: bounce 2s infinite ease-in-out;
    /* animation: pulse 2s infinite; */
    /* animation: blink 3s infinite; */
}
/*#callended41 {
    width: 41px;
    position: absolute;
    cursor: pointer;
    left: 6%;
    top: 339px;
    animation: bounce 2s infinite ease-in-out;
}*/
/*#callended31 {
    width: 54px;
    position: absolute;
    left: 73%;
    cursor: pointer;
    top: 64px;
    animation: bounce 4s infinite ease-in-out;
}*/
#callended31 {
    width: 54px;
    position: absolute;
    left: 79%;
    cursor: pointer;
    top: 45px;
    animation: bounce 4s infinite ease-in-out;
}
#callended2:hover {animation: none;}

#callended3:hover {animation: none;}
#callended31:hover {animation: none;}
#callended41:hover {animation: none;}

#callended4:hover {animation: none;}





.scrolling-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 15px 0;
  scrollbar-width: none; /* Hide scrollbar by default (Firefox) */
}

.scrolling-wrapper::-webkit-scrollbar {
  height: 8px; /* Show when needed */
  background: transparent;
}

/* Show scrollbar only on hover */
.scrolling-wrapper:hover {
  scrollbar-width: thin;
}

.scrolling-wrapper:hover::-webkit-scrollbar {
  background: #f6f6f6;
}

.scrolling-wrapper:hover::-webkit-scrollbar-thumb {
  background: #c6c6c6;
  border-radius: 10px;
}



.vertical h2 {
    text-align: center;
    font-size: 41px;
    font-weight: 800;
    margin: 0 0 0 0;
    padding: 40px 10px 10px 10px;
}

.deenam {
    background: #c0953e;
    width: 100%;
    padding: 10px;
    margin: 10px;
    border-radius: 12px;
    height: auto;
    max-width: 46%;
    left: 8px;
    /* color: beige; */
}
.researchprpopdf{

    padding: 10px 87px 10px 87px;

}
.lastp {
    background: #021b4b;
    text-align: center;
    padding: 10px 36px 10px 37px;
    margin: 45px 0 152px 0;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 12px;
}
.dsa {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.lastp h3 {
    font-size: 48px;
    font-weight: 800;
    color: white;
    font-family: 'Open Sans';
    margin: 20px 0 0 0;
}
.lastp p {
    margin: 15px 0px;
    padding: 0px;
    color: #ffffff;
    /* text-indent: 20px; */
}
.acontlast h6 {
    font-size: 43px;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    text-align: center;
    padding: 10px 70px;
    color: white;
    line-height: 73px;
    margin: 51px 0 99px 0;
}
.acontlast {
    background: #0c2a4d;
    color: #c0953e;
    margin: 0 0 159px 0;
}
.acontlast a {
    background: #f9f9ff;
    font-size: 31px;
    padding: 10px;
    border-radius: 12px;
    text-transform: none;
}
.deenam p{
    color: black;
}
/**/
.slider-container {
  position: relative;
}

.h-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  cursor: pointer;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}

.left-h { left: -40px; }
.right-h {
    right: -45px;
}













@media (min-width: 321px) and (max-width: 375px) {
.ltrrevewwriter1 {
    padding: 0px;
    margin: 0px 0 0px;
}
.ltrrevewwriter1 h1 {
    font-size: 22px;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 19px;
    margin: 0 0 0 0px;
}
.akl {
    left: 11%;
    top: 133%;
    font-size: 74px;
}
.ltrrevewwriter1 button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 276px;
    left: 12%;
    width: 73%;
}
.ltrrevewwriter1 img {
    width: 73%;
    margin: 0;
    left: 57px;
}
.literatureqw form {
    margin: 28px 23px 19px 34px;
}
.abl {
    top: 250%;
    font-size: 105px;
}
.ppask h5 {
    width: 61%;
}
.fr h3 {
    font-size: 28px;
    line-height: 40px;
    left: -63px;
    width: 100%;
    top: 38px;
    position: relative;
}
.literatureqw {
    width: 100%;
    height: 1623px;
}

.vertical h2 {
    font-size: 24px;
    margin: 0 0 0 0;
    padding: 44px 10px 36px 10px;
}
.researchresponse h2 {
    font-size: 23px;
    margin: 40px 0 30px 0;
}
.researchprpopdf h3 {
    font-size: 23px;
    margin: 0px 0 18px 0;
}
.literatureqws img {
    position: relative;
    width: 85%;
    left: 12%;
    margin: 20px 0 0 0;
}
.literatureqws h3 {
    font-size: 23px;
    line-height: 38px;
    margin: 23px 0;
}
.slide-title {
    width: 38%;
}
.slider input:checked ~ .radio-btn::after {
     right: -5%;
    top: 180px;
}
.slider input:checked ~ .radio-btn::after {
    right: -5%;
    top: 247px;
}
.radio-btn::after {
    top: 247px;
    right: 7%;
}
.slider input:checked ~ .radio-btn:first-of-type::after {
    right: 6%;
    top: 246px;
}
.slider input:checked + .radio-btn + .slide-container {
    padding: 10px;
    height: 184px;
}
.slider {
    height: 285px;
    width: 94%;
}
.ssda {
    margin: -45px 15px 40px 11px;
}
.dvs h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
    margin: 90px 10px 10px 10px;
}
.dvs {
    margin: 10px 0px 57px 0px;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 22px;
}
.ltrrevewwriter9 h6 {
    font-size: 17px;
}
.callended {
    width: 100%;
    border-radius: 17px;
}
.ltrrevewwriter12 h6 {
    font-size: 17px;
    margin: 18px 0 40px 0;
    padding: 4px 0px;
    line-height: 36px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#callended4 {
    left: 79%;
}
#callended2 {
    left: 68%;
}
#callended3 {
    left: 52%;
    top: 12px;
}
.ltrrevewwriter2 h2 {
    font-size: 20px;
    line-height: 35px;
}
.acl {
    left: 69%;
    top: 554%;
    font-size: 115px;
}
/*new responsive*/
.exampleartcle {
    border-radius: 24px;
    padding: 6px;
    /* background-image: url(background-im); */
    margin: 0px 0 0px;
}
.innerpage_banner {
    margin-bottom: 0px;
}
.exampleartcle h1 {
    margin: 0 0 39px 0;
    font-size: 29px;

}
.exampleartcle p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle img {
    width: 100%;
    margin: 0;
    left: 0;
}
.vertical h2 {
    font-size: 26px;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
}
.fr {
    padding: 10px 16px;
}
.fr img {
    position: relative;
    width: 95%;
    left: 2%;
    margin: -10px 0 0 0;

}
.researchresponse ul {
    margin: 20px 0 10px 0px;
    font-size: 17px;
    line-height: 34px;
}
.researchprpopdf {
    padding: 10px 7px 10px 7px;
}
.researchprpopdf h3 {
    text-align: center;
    font-size: 23px;
    line-height: 35px;
    font-family: cursive;
    margin: 38px 0 18px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.deenam {
    width: 100%;
    padding: 10px;
    margin: 10px;
    height: auto;
    max-width: 86%;
    left: 8px;
}
.lastp {
    padding: 10px 10px 10px 10px;
    margin: 45px 0 46px 0;
    height: auto;
}
.ppask h5 {
    width: 100%;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.ppask.Quest0, .ppask .Quest1, .ppask .Quest2, .ppask .Quest3, .ppask .Quest4, .ppask .Quest5 {
    margin: 10px 10px 15px 13px;
    font-size: 16px;
    width: 100%;
    padding: 10px 0 10px 13px;
}
.ltrrevewwriter2 {
    margin: 50px 0 50px 0;
    padding: 34px 0px;
}
.ltrrevewwriter2 img {
    position: relative;
    width: 100%;
    left: 0%;
    top: 10%;
}
.ltrrevewwriter2 button {
    margin: 17px 0 27px 20px;
    padding: 12px;
    font-size: 21px;
}
.acontlast h6 {
    font-size: 17px;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    text-align: center;
    padding: 10px 3px;
    color: white;
    line-height: 36px;
    margin: 1px 0 99px 0;
}
.acontlast a {
    background: #f9f9ff;
    font-size: 16px;
    padding: 4px;
    border-radius: 12px;
    text-transform: none;
}
.researchprpopdf h4 {
    padding: 6px 0 6px 10px;
    margin: 11px;
    text-align: left;
    font-size: 18px;
}
}
@media (min-width: 376px) and (max-width: 425px) {
.ltrrevewwriter1 {
    padding: 0px;
    margin: 0px 0 0px;
}
.ltrrevewwriter1 h1 {
    font-size: 22px;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 19px;
    margin: 0 0 0 0px;
}
.akl {
    left: 11%;
    top: 133%;
    font-size: 74px;
}
.ltrrevewwriter1 button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 276px;
    left: 12%;
    width: 73%;
}
.ltrrevewwriter1 img {
    width: 73%;
    margin: 0;
    left: 57px;
}
.literatureqw form {
    margin: 28px 23px 19px 34px;
}
.abl {
    top: 250%;
    font-size: 105px;
}
.ppask h5 {
    width: 61%;
}
.fr h3 {
    font-size: 28px;
    line-height: 40px;
    left: -63px;
    width: 100%;
    top: 38px;
    position: relative;
}
.literatureqw {
    width: 100%;
    height: 1623px;
}

.vertical h2 {
    font-size: 24px;
    margin: 0 0 0 0;
    padding: 44px 10px 36px 10px;
}
.researchresponse h2 {
    font-size: 23px;
    margin: 40px 0 30px 0;
}
.researchprpopdf h3 {
    font-size: 23px;
    margin: 0px 0 18px 0;
}
.literatureqws img {
    position: relative;
    width: 85%;
    left: 12%;
    margin: 20px 0 0 0;
}
.literatureqws h3 {
    font-size: 23px;
    line-height: 38px;
    margin: 23px 0;
}
.slide-title {
    width: 38%;
}
.slider input:checked ~ .radio-btn::after {
     right: -5%;
    top: 180px;
}
.slider input:checked ~ .radio-btn::after {
    right: -5%;
    top: 247px;
}
.radio-btn::after {
    top: 247px;
    right: 7%;
}
.slider input:checked ~ .radio-btn:first-of-type::after {
    right: 6%;
    top: 246px;
}
.slider input:checked + .radio-btn + .slide-container {
    padding: 10px;
    height: 184px;
}
.slider {
    height: 285px;
    width: 94%;
}
.ssda {
    margin: -45px 15px 40px 11px;
}
.dvs h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
    margin: 90px 10px 10px 10px;
}
.dvs {
    margin: 10px 0px 57px 0px;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 22px;
}
.ltrrevewwriter9 h6 {
    font-size: 17px;
}
.callended {
    width: 100%;
    border-radius: 17px;
}
.ltrrevewwriter12 h6 {
    font-size: 17px;
    margin: 18px 0 40px 0;
    padding: 4px 0px;
    line-height: 36px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#callended4 {
    left: 79%;
}
#callended2 {
    left: 68%;
}
#callended3 {
    left: 52%;
    top: 12px;
}
.ltrrevewwriter2 h2 {
    font-size: 20px;
    line-height: 35px;
}
.acl {
    left: 69%;
    top: 554%;
    font-size: 115px;
}
/*new responsive*/
.exampleartcle {
    border-radius: 24px;
    padding: 6px;
    /* background-image: url(background-im); */
    margin: 0px 0 0px;
}
.innerpage_banner {
    margin-bottom: 0px;
}
.exampleartcle h1 {
    margin: 0 0 39px 0;
    font-size: 29px;

}
.exampleartcle p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle img {
    width: 100%;
    margin: 0;
    left: 0;
}
.vertical h2 {
    font-size: 26px;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
}
.fr {
    padding: 10px 16px;
}
.fr img {
    position: relative;
    width: 95%;
    left: 2%;
    margin: -10px 0 0 0;

}
.researchresponse ul {
    margin: 20px 0 10px 0px;
    font-size: 17px;
    line-height: 34px;
}
.researchprpopdf {
    padding: 10px 7px 10px 7px;
}
.researchprpopdf h3 {
    text-align: center;
    font-size: 23px;
    line-height: 35px;
    font-family: cursive;
    margin: 38px 0 18px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.deenam {
    width: 100%;
    padding: 10px;
    margin: 10px;
    height: auto;
    max-width: 86%;
    left: 8px;
}
.lastp {
    padding: 10px 10px 10px 10px;
    margin: 45px 0 46px 0;
    height: auto;
}
.ppask h5 {
    width: 100%;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.ppask.Quest0, .ppask .Quest1, .ppask .Quest2, .ppask .Quest3, .ppask .Quest4, .ppask .Quest5 {
    margin: 10px 10px 15px 13px;
    font-size: 16px;
    width: 100%;
    padding: 10px 0 10px 13px;
}
.ltrrevewwriter2 {
    margin: 50px 0 50px 0;
    padding: 34px 0px;
}
.ltrrevewwriter2 img {
    position: relative;
    width: 100%;
    left: 0%;
    top: 10%;
}
.ltrrevewwriter2 button {
    margin: 17px 0 27px 20px;
    padding: 12px;
    font-size: 21px;
}
.acontlast h6 {
    font-size: 17px;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    text-align: center;
    padding: 10px 3px;
    color: white;
    line-height: 36px;
    margin: 1px 0 99px 0;
}
.acontlast a {
    background: #f9f9ff;
    font-size: 16px;
    padding: 4px;
    border-radius: 12px;
    text-transform: none;
}
.researchprpopdf h4 {
    padding: 6px 0 6px 10px;
    margin: 11px;
    text-align: left;
    font-size: 18px;
}
}
@media (min-width: 426px) and (max-width: 576px) {
.ltrrevewwriter1 {
    padding: 0px;
    margin: 0px 0 0px;
}
.ltrrevewwriter1 h1 {
    font-size: 22px;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 19px;
    margin: 0 0 0 0px;
}
.akl {
    left: 11%;
    top: 133%;
    font-size: 74px;
}
.ltrrevewwriter1 button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 276px;
    left: 12%;
    width: 73%;
}
.ltrrevewwriter1 img {
    width: 73%;
    margin: 0;
    left: 57px;
}
.literatureqw form {
    margin: 28px 23px 19px 34px;
}
.abl {
    top: 250%;
    font-size: 105px;
}
.ppask h5 {
    width: 61%;
}
.fr h3 {
    font-size: 28px;
    line-height: 40px;
    left: -63px;
    width: 100%;
    top: 38px;
    position: relative;
}
.literatureqw {
    width: 100%;
    height: 1623px;
}

.vertical h2 {
    font-size: 24px;
    margin: 0 0 0 0;
    padding: 44px 10px 36px 10px;
}
.researchresponse h2 {
    font-size: 23px;
    margin: 40px 0 30px 0;
}
.researchprpopdf h3 {
    font-size: 23px;
    margin: 0px 0 18px 0;
}
.literatureqws img {
    position: relative;
    width: 85%;
    left: 12%;
    margin: 20px 0 0 0;
}
.literatureqws h3 {
    font-size: 23px;
    line-height: 38px;
    margin: 23px 0;
}
.slide-title {
    width: 38%;
}
.slider input:checked ~ .radio-btn::after {
     right: -5%;
    top: 180px;
}
.slider input:checked ~ .radio-btn::after {
    right: -5%;
    top: 247px;
}
.radio-btn::after {
    top: 247px;
    right: 7%;
}
.slider input:checked ~ .radio-btn:first-of-type::after {
    right: 6%;
    top: 246px;
}
.slider input:checked + .radio-btn + .slide-container {
    padding: 10px;
    height: 184px;
}
.slider {
    height: 285px;
    width: 94%;
}
.ssda {
    margin: -45px 15px 40px 11px;
}
.dvs h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
    margin: 90px 10px 10px 10px;
}
.dvs {
    margin: 10px 0px 57px 0px;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 22px;
}
.ltrrevewwriter9 h6 {
    font-size: 17px;
}
.callended {
    width: 100%;
    border-radius: 17px;
}
.ltrrevewwriter12 h6 {
    font-size: 17px;
    margin: 18px 0 40px 0;
    padding: 4px 0px;
    line-height: 36px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#callended4 {
    left: 79%;
}
#callended2 {
    left: 68%;
}
#callended3 {
    left: 52%;
    top: 12px;
}
.ltrrevewwriter2 h2 {
    font-size: 20px;
    line-height: 35px;
}
.acl {
    left: 69%;
    top: 554%;
    font-size: 115px;
}
/*new responsive*/
.exampleartcle {
    border-radius: 24px;
    padding: 6px;
    /* background-image: url(background-im); */
    margin: 0px 0 0px;
}
.innerpage_banner {
    margin-bottom: 0px;
}
.exampleartcle h1 {
    margin: 0 0 39px 0;
    font-size: 29px;

}
.exampleartcle p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle img {
    width: 100%;
    margin: 0;
    left: 0;
}
.vertical h2 {
    font-size: 26px;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
}
.fr {
    padding: 10px 16px;
}
.fr img {
    position: relative;
    width: 95%;
    left: 2%;
    margin: -10px 0 0 0;

}
.researchresponse ul {
    margin: 20px 0 10px 0px;
    font-size: 17px;
    line-height: 34px;
}
.researchprpopdf {
    padding: 10px 7px 10px 7px;
}
.researchprpopdf h3 {
    text-align: center;
    font-size: 23px;
    line-height: 35px;
    font-family: cursive;
    margin: 38px 0 18px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.deenam {
    width: 100%;
    padding: 10px;
    margin: 10px;
    height: auto;
    max-width: 86%;
    left: 8px;
}
.lastp {
    padding: 10px 10px 10px 10px;
    margin: 45px 0 46px 0;
    height: auto;
}
.ppask h5 {
    width: 100%;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.ppask.Quest0, .ppask .Quest1, .ppask .Quest2, .ppask .Quest3, .ppask .Quest4, .ppask .Quest5 {
    margin: 10px 10px 15px 13px;
    font-size: 16px;
    width: 100%;
    padding: 10px 0 10px 13px;
}
.ltrrevewwriter2 {
    margin: 50px 0 50px 0;
    padding: 34px 0px;
}
.ltrrevewwriter2 img {
    position: relative;
    width: 100%;
    left: 0%;
    top: 10%;
}
.ltrrevewwriter2 button {
    margin: 17px 0 27px 20px;
    padding: 12px;
    font-size: 21px;
}
.acontlast h6 {
    font-size: 17px;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    text-align: center;
    padding: 10px 3px;
    color: white;
    line-height: 36px;
    margin: 1px 0 99px 0;
}
.acontlast a {
    background: #f9f9ff;
    font-size: 16px;
    padding: 4px;
    border-radius: 12px;
    text-transform: none;
}
.researchprpopdf h4 {
    padding: 6px 0 6px 10px;
    margin: 11px;
    text-align: left;
    font-size: 18px;
}
}
@media (min-width: 577px) and (max-width: 991px) {
.ltrrevewwriter1 {
    padding: 0px;
    margin: 0px 0 0px;
}
.ltrrevewwriter1 h1 {
    font-size: 22px;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 19px;
    margin: 0 0 0 0px;
}
.akl {
    left: 11%;
    top: 133%;
    font-size: 74px;
}
.ltrrevewwriter1 button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 276px;
    left: 12%;
    width: 73%;
}
.ltrrevewwriter1 img {
    width: 73%;
    margin: 0;
    left: 57px;
}
.literatureqw form {
    margin: 28px 23px 19px 34px;
}
.abl {
    top: 250%;
    font-size: 105px;
}
.ppask h5 {
    width: 61%;
}
.fr h3 {
    font-size: 28px;
    line-height: 40px;
    left: -63px;
    width: 100%;
    top: 38px;
    position: relative;
}
.literatureqw {
    width: 100%;
    height: 1623px;
}

.vertical h2 {
    font-size: 24px;
    margin: 0 0 0 0;
    padding: 44px 10px 36px 10px;
}
.researchresponse h2 {
    font-size: 23px;
    margin: 40px 0 30px 0;
}
.researchprpopdf h3 {
    font-size: 23px;
    margin: 0px 0 18px 0;
}
.literatureqws img {
    position: relative;
    width: 85%;
    left: 12%;
    margin: 20px 0 0 0;
}
.literatureqws h3 {
    font-size: 23px;
    line-height: 38px;
    margin: 23px 0;
}
.slide-title {
    width: 38%;
}
.slider input:checked ~ .radio-btn::after {
     right: -5%;
    top: 180px;
}
.slider input:checked ~ .radio-btn::after {
    right: -5%;
    top: 247px;
}
.radio-btn::after {
    top: 247px;
    right: 7%;
}
.slider input:checked ~ .radio-btn:first-of-type::after {
    right: 6%;
    top: 246px;
}
.slider input:checked + .radio-btn + .slide-container {
    padding: 10px;
    height: 184px;
}
.slider {
    height: 285px;
    width: 94%;
}
.ssda {
    margin: -45px 15px 40px 11px;
}
.dvs h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
    margin: 90px 10px 10px 10px;
}
.dvs {
    margin: 10px 0px 57px 0px;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 22px;
}
.ltrrevewwriter9 h6 {
    font-size: 17px;
}
.callended {
    width: 100%;
    border-radius: 17px;
}
.ltrrevewwriter12 h6 {
    font-size: 17px;
    margin: 18px 0 40px 0;
    padding: 4px 0px;
    line-height: 36px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#callended4 {
    left: 79%;
}
#callended2 {
    left: 68%;
}
#callended3 {
    left: 52%;
    top: 12px;
}
.ltrrevewwriter2 h2 {
    font-size: 20px;
    line-height: 35px;
}
.acl {
    left: 69%;
    top: 554%;
    font-size: 115px;
}
/*new responsive*/
.exampleartcle {
    border-radius: 24px;
    padding: 6px;
    /* background-image: url(background-im); */
    margin: 0px 0 0px;
}
.innerpage_banner {
    margin-bottom: 0px;
}
.exampleartcle h1 {
    margin: 0 0 39px 0;
    font-size: 29px;

}
.exampleartcle p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle img {
    width: 100%;
    margin: 0;
    left: 0;
}
.vertical h2 {
    font-size: 26px;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
}
.fr {
    padding: 10px 16px;
}
.fr img {
    position: relative;
    width: 95%;
    left: 2%;
    margin: -10px 0 0 0;

}
.researchresponse ul {
    margin: 20px 0 10px 0px;
    font-size: 17px;
    line-height: 34px;
}
.researchprpopdf {
    padding: 10px 7px 10px 7px;
}
.researchprpopdf h3 {
    text-align: center;
    font-size: 23px;
    line-height: 35px;
    font-family: cursive;
    margin: 38px 0 18px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.deenam {
    width: 100%;
    padding: 10px;
    margin: 10px;
    height: auto;
    max-width: 86%;
    left: 8px;
}
.lastp {
    padding: 10px 10px 10px 10px;
    margin: 45px 0 46px 0;
    height: auto;
}
.ppask h5 {
    width: 100%;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.ppask.Quest0, .ppask .Quest1, .ppask .Quest2, .ppask .Quest3, .ppask .Quest4, .ppask .Quest5 {
    margin: 10px 10px 15px 13px;
    font-size: 16px;
    width: 100%;
    padding: 10px 0 10px 13px;
}
.ltrrevewwriter2 {
    margin: 50px 0 50px 0;
    padding: 34px 0px;
}
.ltrrevewwriter2 img {
    position: relative;
    width: 100%;
    left: 0%;
    top: 10%;
}
.ltrrevewwriter2 button {
    margin: 17px 0 27px 20px;
    padding: 12px;
    font-size: 21px;
}
.acontlast h6 {
    font-size: 17px;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    text-align: center;
    padding: 10px 3px;
    color: white;
    line-height: 36px;
    margin: 1px 0 99px 0;
}
.acontlast a {
    background: #f9f9ff;
    font-size: 16px;
    padding: 4px;
    border-radius: 12px;
    text-transform: none;
}
.researchprpopdf h4 {
    padding: 6px 0 6px 10px;
    margin: 11px;
    text-align: left;
    font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.ltrrevewwriter1 {
    padding: 0px;
    margin: 0px 0 0px;
}
.ltrrevewwriter1 h1 {
    font-size: 22px;
}
.ltrrevewwriter .container {
    background: #fff9f2;
    padding: 19px;
    margin: 0 0 0 0px;
}
.akl {
    left: 11%;
    top: 133%;
    font-size: 74px;
}
.ltrrevewwriter1 button {
    margin: 0 0 0 12px;
    padding: 12px;
    font-size: 21px;
    top: 276px;
    left: 12%;
    width: 73%;
}
.ltrrevewwriter1 img {
    width: 73%;
    margin: 0;
    left: 57px;
}
.literatureqw form {
    margin: 28px 23px 19px 34px;
}
.abl {
    top: 250%;
    font-size: 105px;
}
.ppask h5 {
    width: 61%;
}
.fr h3 {
    font-size: 28px;
    line-height: 40px;
    left: -63px;
    width: 100%;
    top: 38px;
    position: relative;
}
.literatureqw {
    width: 100%;
    height: 1623px;
}

.vertical h2 {
    font-size: 24px;
    margin: 0 0 0 0;
    padding: 44px 10px 36px 10px;
}
.researchresponse h2 {
    font-size: 23px;
    margin: 40px 0 30px 0;
}
.researchprpopdf h3 {
    font-size: 23px;
    margin: 0px 0 18px 0;
}
.literatureqws img {
    position: relative;
    width: 85%;
    left: 12%;
    margin: 20px 0 0 0;
}
.literatureqws h3 {
    font-size: 23px;
    line-height: 38px;
    margin: 23px 0;
}
.slide-title {
    width: 38%;
}
.slider input:checked ~ .radio-btn::after {
     right: -5%;
    top: 180px;
}
.slider input:checked ~ .radio-btn::after {
    right: -5%;
    top: 247px;
}
.radio-btn::after {
    top: 247px;
    right: 7%;
}
.slider input:checked ~ .radio-btn:first-of-type::after {
    right: 6%;
    top: 246px;
}
.slider input:checked + .radio-btn + .slide-container {
    padding: 10px;
    height: 184px;
}
.slider {
    height: 285px;
    width: 94%;
}
.ssda {
    margin: -45px 15px 40px 11px;
}
.dvs h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
    margin: 90px 10px 10px 10px;
}
.dvs {
    margin: 10px 0px 57px 0px;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 22px;
}
.ltrrevewwriter9 h6 {
    font-size: 17px;
}
.callended {
    width: 100%;
    border-radius: 17px;
}
.ltrrevewwriter12 h6 {
    font-size: 17px;
    margin: 18px 0 40px 0;
    padding: 4px 0px;
    line-height: 36px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#callended4 {
    left: 79%;
}
#callended2 {
    left: 68%;
}
#callended3 {
    left: 52%;
    top: 12px;
}
.ltrrevewwriter2 h2 {
    font-size: 20px;
    line-height: 35px;
}
.acl {
    left: 69%;
    top: 554%;
    font-size: 115px;
}
/*new responsive*/
.exampleartcle {
    border-radius: 24px;
    padding: 6px;
    /* background-image: url(background-im); */
    margin: 0px 0 0px;
}
.innerpage_banner {
    margin-bottom: 0px;
}
.exampleartcle h1 {
    margin: 0 0 39px 0;
    font-size: 29px;

}
.exampleartcle p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.exampleartcle img {
    width: 100%;
    margin: 0;
    left: 0;
}
.vertical h2 {
    font-size: 26px;
    margin: 0 0 0 0;
    padding: 10px 10px 12px 10px;
}
.fr {
    padding: 10px 16px;
}
.fr img {
    position: relative;
    width: 95%;
    left: 2%;
    margin: -10px 0 0 0;

}
.researchresponse ul {
    margin: 20px 0 10px 0px;
    font-size: 17px;
    line-height: 34px;
}
.researchprpopdf {
    padding: 10px 7px 10px 7px;
}
.researchprpopdf h3 {
    text-align: center;
    font-size: 23px;
    line-height: 35px;
    font-family: cursive;
    margin: 38px 0 18px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.deenam {
    width: 100%;
    padding: 10px;
    margin: 10px;
    height: auto;
    max-width: 86%;
    left: 8px;
}
.lastp {
    padding: 10px 10px 10px 10px;
    margin: 45px 0 46px 0;
    height: auto;
}
.ppask h5 {
    width: 100%;
}
.ltrrevewwriter9 h5 {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.ppask.Quest0, .ppask .Quest1, .ppask .Quest2, .ppask .Quest3, .ppask .Quest4, .ppask .Quest5 {
    margin: 10px 10px 15px 13px;
    font-size: 16px;
    width: 100%;
    padding: 10px 0 10px 13px;
}
.ltrrevewwriter2 {
    margin: 50px 0 50px 0;
    padding: 34px 0px;
}
.ltrrevewwriter2 img {
    position: relative;
    width: 100%;
    left: 0%;
    top: 10%;
}
.ltrrevewwriter2 button {
    margin: 17px 0 27px 20px;
    padding: 12px;
    font-size: 21px;
}
.acontlast h6 {
    font-size: 17px;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    text-align: center;
    padding: 10px 3px;
    color: white;
    line-height: 36px;
    margin: 1px 0 99px 0;
}
.acontlast a {
    background: #f9f9ff;
    font-size: 16px;
    padding: 4px;
    border-radius: 12px;
    text-transform: none;
}
.researchprpopdf h4 {
    padding: 6px 0 6px 10px;
    margin: 11px;
    text-align: left;
    font-size: 18px;
}
}
@media (min-width: 1090px) and (max-width: 1280px){
    .fr {
    padding: 10px 30px 0 143px;
}
.literatureqw form {
    margin: 0 109px 0 240px;
}
.fr h3 {
    font-size: 44px;
}
.acontlast h6 {
    font-size: 29px;
    padding: 10px 70px;
    line-height: 73px;
    margin: 11px 0 39px 0;
}
}
@media (min-width: 1290px) and (max-width: 1366px) {
    .fr {
    padding: 10px 30px 0 143px;
}
.literatureqw form {
    margin: 0 109px 0 240px;
}
.fr h3 {
    font-size: 44px;
}

.acontlast h6 {
    font-size: 32px;
    padding: 10px 78px;
    line-height: 73px;
    margin: 0px 0 13px 0;
}
.lastp {
    background: #021b4b;
    text-align: center;
    padding: 10px 36px 10px 37px;
    margin: 45px 0 152px 0;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 12px;
}
}
@media (min-width: 1367px) and (max-width: 1536px) {
        .fr {
    padding: 10px 30px 0 143px;
}
.literatureqw form {
    margin: 0 109px 0 240px;
}
.fr h3 {
    font-size: 44px;
}
.acontlast h6 {
    font-size: 29px;
    padding: 10px 70px;
    line-height: 73px;
    margin: 11px 0 39px 0;
}
.literatureqw form label {
    margin: 0;
    font-size: 15px;d
}
}
select option{background: white;
color: black;}