@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Lato:wght@900&family=Source+Sans+Pro&family=Merriweather&display=swap');html, body {max-width: 100% !important;overflow-x: hidden !important;font-family: 'Source Sans Pro', sans-serif;}h1, h2{font-family: 'Lato', sans-serif;font-weight:900;}h3, h4{font-family: 'Lato', sans-serif;font-weight:900;}.farsan{font-family: 'Farsan', cursive;}.medula{font-family: 'Medula One', cursive;}.ptSans{font-family: 'PT Sans Caption', sans-serif;}.yeseva{font-family: 'Yeseva One', cursive;}.playfair{font-family: 'Playfair Display', serif;}.nav-icon {font-size: 1.6rem;margin-right: 1.5rem;}.header {background-color: #fff;position: fixed;}.navbar-nav {margin-bottom: 0 !important;}.hero_section {background-color: #bcf0f750;}.color_img {cursor: pointer;filter: grayscale(100%);margin: 0.5rem 0;}.color_img:hover {filter: grayscale(0%);transition: 0.5s ease;margin-top: 0;}.color_btn {padding: 0.7rem 1.5rem;border: 2px solid #000;color: #000;}.color_btn:hover {background-color: #000;transition: 0.5s ease;border-radius: 1rem;color: #fff;}.banner {background-color: #bcf0f750;padding: 2rem;border-radius: 0.5rem;}.features_section {background-color: #fdedf1;}.color_icon {color: #fc7d9c;}.signup_btn {padding: 0.7rem;border-radius: 0.5rem;background-color: #ed4c78;color: #fff;}.signup_btn:hover {background-color: #000;transition: 0.5s ease;color: #fff;}.footer-color {background-color: #2f575d;}.button_1:hover{background: #000 !important;border-color: #000 !important;color: #fff !important;transition: 0.5s ease;}.chat_bubble {color: #ffffff;padding: 0rem;border-radius: 50%;width: 0rem;height: 0rem;font-size: 0rem;position: fixed;bottom: 1rem;right: 1rem;cursor: pointer;z-index: 2000;opacity: 0;}.chat_bubble_outer {background: #425b76;border: 2px solid #425b76;width: 0rem;height: 0rem;border-radius: 50%;position: fixed;bottom: 1rem;right: 1rem;z-index: 1900;opacity: 0;}.chat_message {background: #ffffff;padding: 1rem;border-radius: 0.5rem;width: 17rem;position: fixed;bottom: 6rem;right: -19rem;box-shadow: 5px 5px 1rem #0000001a;transition: opacity 0.5s ease;z-index: 2000;}.chat_message .close {cursor: pointer;}.chat_box {display: block !important;max-width: 25rem;position: fixed;bottom: 6rem;right: 1rem;box-shadow: 5px 5px 1rem #0000001a;border-radius: 0.5rem;z-index: 2000;}.chat_box_mobile {display: block !important;position: fixed;width: 100vw;height: 100vh;right: 0;bottom: 0;border-radius: 0;z-index: 2000;}.chat_box_head {background: #425b76;padding: 2rem 1rem;}.chat_box_head img {width: 2rem;}.chat_box_content {padding: 2rem 1rem;min-height: 20rem;max-height: 30rem;border-radius: 0 0 0.5rem 0.5rem;}.piofx_toast {position: fixed;box-shadow: 5px 5px 1rem #0000001a;min-height: 10rem;}.piofx_toast_b_l {bottom: 1rem;left: 1rem;}.piofx_toast_t_r {top: 3rem;right: 2rem;z-index: 1200;}.header_text {display: block;}.piofx_alert {width: 20rem;position: fixed;}.piofx_alert_b_l {bottom: 1rem;left: 1rem;}.slick-gutters-3 {margin-right: 0 !important;}.plyr-bg {background: #0fa0ad;color: white;}.plyr--audio .plyr__controls {background: #cafbff;padding: 18px;border: 0px;border-radius: 5px;color: #0fa0ad;}.plyr--full-ui input[type="range"] {color: #52b8c1;}.plyr__control--overlaid {background: rgba(1, 160, 173, 0.9);}.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {background: #52b8c1;}.plyr__control.plyr__tab-focus {box-shadow: 0 0 0 5px rgba(1, 160, 173, 0.9);}.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {background: #52b8c1;}.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] {background: #52b8c1;color: #fff;}.part {background: #e7f2f9;padding: 30px;font-size: 18px;line-height: 30px;border-bottom: 1px solid #cee8f7;}.sidebar {background: #284664;color: white;}.sno {background: #345575;font-weight: bold;width: 100%;border-radius: 15px;padding: 5px;cursor: pointer;}.answered-spot {color: #57b392;}.unanswered {color: #3c5b79;}.box a {color: white;}input.fill {border: 0;border-bottom: 1.5px solid #0b5d6580;outline: none;padding: 5px 8px;background-color: rgba(255, 255, 255, 0.6);margin-bottom: 10px;margin-left: 5px;width: 180px;}.badge-warning {background: #f6e58d;padding: 5px 8px;border: 1px solid #f9ca24;}b {color: #0fa0ad;}.firstletter p::first-letter {font-size: 200%;font-weight: 900;color: #b3a454;}.size18 {font-size: 18px;}.panel {overflow: auto;min-height: 200px;}.leftpanel {background: #fffbe6;font-size: 18px;}.leftpanel b {color: #b3a454;font-size: 18px;}.rightpanel {background: #fff;font-size: 18px;}.heading-box {background: #f7f2d6;padding: 20px;border: 1px solid #e6e1c3;border-radius: 5px;}.bottom-qno {background: #378066;color: white;position: fixed;bottom: 0;left: 0;right: 0;}.bottom-wrap {padding: 10px;}.bottom-pno {background: #a09869;font-weight: bold;width: 100%;border-radius: 15px;padding: 5px;cursor: pointer;}.bottom-sno {background: #2b6f57;font-weight: bold;width: 100%;border-radius: 15px;padding: 5px;cursor: pointer;}.pallete {margin-bottom: 25px;padding-bottom: 10px;}.pallete-control {cursor: pointer;}.bottom-box {width: 50px;margin-right: 8px;margin-bottom: 8px;float: left;color: white;}.bottom-scroll {overflow: auto;height: 80px;padding-top: 5px;}.section {background-color: #438e73;padding: 10px;height: 48px;}.section2 {background-color: #2c6f56;}.section-name {color: #e4dba3;}.button {border: 1px solid #6aa48f;color: #fff;}.prev {margin-right: 3px;}.next {margin-left: 3px;}.button:hover {background-color: #58a086;}.answered {background: #57b392;}.td_answered {background: #e6e9ec;cursor: pointer;}.td_option {cursor: pointer;}.sentence {cursor: pointer;}.sentence_selected {background: yellow;padding: 2px 5px;}a.white {color: white;text-decoration: none;}a.white:hover {color: white;text-decoration: none;cursor: pointer;opacity: 0.8;}a.dark {color: black;text-decoration: none;}a.dark:hover {color: black;text-decoration: none;cursor: pointer;opacity: 0.8;}a.disabled {color: #77b3d2;}a.disabled:hover {color: #77b3d2;}.qno {background: #f6e58d;border: 1px solid #f9ca24;text-align: center;padding: 5px;border-radius: 5px;margin-bottom: 8px;}.question, .option {font-size: 18px;margin-top: 3px;line-height: 30px;}.question {margin-bottom: 10px;}.instructions {font-size: 18px;line-height: 30px;}.speaking, .writing {font-size: 18px;}.speaking b {color: #f1851a;font-weight: 900;}.writing b {color: #dcba2f;font-weight: 900;}.op {background: #dfe6e9;border: 1px solid #b2bec3;text-align: center;padding: 5px;border-radius: 5px;margin-bottom: 8px;}<!-- Scroll button in hero-page --> <!-- Asymmetric Grid Layout --> .grid {background: #EEE;max-width: 1200px;}.grid:after {content: '';display: block;clear: both;}.grid-item {width: 160px;height: 120px;float: left;background: #D26;border: 2px solid #333;border-color: hsla(0, 0%, 0%, 0.5);border-radius: 5px;}.grid-item--width2 {width: 320px;}.grid-item--width3 {width: 480px;}.grid-item--width4 {width: 640px;}.grid-item--height2 {height: 200px;}.grid-item--height3 {height: 260px;}.grid-item--height4 {height: 360px;}.gre-cards:hover {background ː red;}