.readMoreDiv{box-shadow:none;border:var(--border-line);border-top:none}.pageSection{background:var(--color-white);border-radius:4px;padding:20px;margin-bottom:20px;border:var(--border-line)}.pageSection h2{font-size:18px;line-height:28px;padding:8px 20px;margin:0;margin-bottom:20px;justify-content:space-between;align-items:center;font-weight:500;background:#f5f5f5;text-transform:uppercase;position:relative}.pageSection h2 a{font-size:14px;line-height:24px;color:var(--color-red);font-weight:500;text-transform:capitalize}.pageSection p{font-size:15px;line-height:24px;padding-bottom:15px}.pageSection .greyBtn{color:#787878;padding:5px 14px;border-radius:24px;border:var(--border-line);background:var(--color-white);margin-right:10px;margin-bottom:20px;font-size:14px;line-height:24px;font-weight:500;display:inline-block;text-decoration:none}.predictorFromSection{background:var(--color-white);border-radius:4px;padding:20px;margin-bottom:20px;border:var(--border-line);padding:30px}.predictorFromSection p{font-weight:700;font-size:15px;line-height:24px;padding-bottom:30px}.percentile_div{border:1px solid #BFDBFE;background-color:#F2F6FF;padding:20px;border-radius:22px;;position:relative}.percentile_div h2{font-size:24px!important;line-height:37px;font-weight:700;color:#0B66C2}.predictorFromSection.predictedDiv .percentile_div{text-align:center}.percentile_div p{font-size:14px;padding-bottom:10px;color:#282828;font-weight:400}.userNotLogin{position:absolute;left:0;bottom:0;right:0;top:0;height:100%;background-image:linear-gradient(to bottom,#F2F6FF00 0,#1E55D1 100%,#1E55D1 100%,#1E55D1 100%);border-radius:22px;z-index:11}button.userNotLoginMessage{color:#fff;position:absolute;inset:auto 0 50px 0;margin:0 auto;width:fit-content;font-size:20px;line-height:37px;font-weight:600;border:1px solid #fff;padding:5px 30px!important;border-radius:40px;cursor:pointer;background-color:#1E55D1}.attempt__div{margin-top:30px;width:100%}.attempt__div>button{width:100%;background-color:#FF4E53;height:44px;display:flex;align-items:center;justify-content:center;font-weight:600;line-height:18px;font-size:16px;border:0;border-radius:10px;color:#fff;gap:10px;margin-top:30px}.percentage__check ul{display:flex;list-style:none;padding:0;margin:0;gap:15px;align-items:center}.percentage__check ul li{position:relative;width:50%}.percentage__check ul li img{position:absolute;right:10px;top:12px}.percentage__check ul li input{width:100%;height:36px;border-radius:5px;color:#fff;font-size:12px;font-weight:400;line-height:24px;border:1px solid #0B66C2;background-color:#0B66C2;padding:10px}.percentage__check ul li input::placeholder{color:#fff;opacity:1}.percentage__check ul li input::-webkit-input-placeholder{color:#fff}.percentage__check ul li input:-ms-input-placeholder{color:#fff}.percentage__check ul li input::-ms-input-placeholder{color:#fff}.percentage__check input:focus{outline:1px solid #8ca5be}.demo_div{position:absolute;right:15px;top:20px}.demo_div>a{background-color:#0B66C2;width:auto;height:auto;color:#fff;font-size:14px;line-height:16px;font-weight:600;padding:10px 45px;border-radius:20px;text-decoration:none;pointer-events:none}.circular-progress{position:relative;height:113px;width:113px;border-radius:50%;background:conic-gradient(#FF4E53 0deg,#fff 0deg);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:20px auto 35px;box-shadow:0 0 19px -2px #888}.square-progress{position:relative;height:50px;width:50%;background:conic-gradient(#FF4E53 0deg,#fff 0deg);display:flex;align-items:center;justify-content:center;flex-direction:row;margin:20px auto 35px;box-shadow:0 0 19px -2px #888;border-radius:4px}.square-progress .progress-text{font-size:18px;margin-left:10px}.circular-progress::before{position:absolute;content:'';width:100px;height:100px;border-radius:50%;background-color:#fff}.progress-value{position:relative;font-size:30px;font-weight:700;color:#FF4E53;margin-bottom:0;padding-bottom:0}.progress-text{font-size:14px;color:#0B66C2;line-height:21px;position:relative}.messageDiv{background-image:linear-gradient(to bottom,#FFFAE7,#B4D9FF);border:1px solid #D8D8D8;padding:20px;border-radius:16px;text-align:left;margin-top:15px}.messageBox{border-bottom:2px solid #B1D5F9A8;padding-bottom:20px;margin-bottom:20px;position:relative}.messageBox p:first-child{font-weight:700;font-size:14px;line-height:21px;display:flex;gap:15px}.messageBox p{font-weight:400;font-size:12px;line-height:16px}.circleTick{width:20px;height:20px;display:inline-block;background-color:#FF4E53;border-radius:50%;position:relative}.circleTick::before{position:absolute;content:'';height:9px;width:5px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);top:5px;left:8px}.streamLocationCollegeCards{position:relative;margin:10px 0}.streamLocationCollegeCards .latestInfoList.row{flex-wrap:nowrap;display:flex;gap:10px;padding:5px 0}.collegeCarousel{width:216px;background:#fff;border-radius:8px;padding:10px;display:flex;gap:10px;flex-shrink:0;box-shadow:0 0 9px 1px #00000014}.over{pointer-events:none;opacity:0}.collegelogo{width:24px;height:24px;display:flex;flex-shrink:0}.collegeNameBlock p{font-size:12px!important;line-height:18px!important}.collegeNameBlock span{color:#666;font-size:11px}.messageBox:last-child{margin-bottom:0;border:0;padding-bottom:0}.predictorFromSection.looseCollege .messageBox{padding-bottom:10px;border:0;margin-bottom:0}.predictorFromSection.looseCollege .messageBox span{font-size:17px;font-weight:600;line-height:21px}.locationBlock{margin-left:-10px}.percentileForm{background-color:#00000075;position:fixed;height:100%;top:0;left:0;width:100%;z-index:11;display:flex;align-items:center;justify-content:center}.rankPercentile{width:340px;height:auto;padding:20px;background-color:#fff;border-radius:20px;position:relative}.rankPercentile h2{text-align:center;font-size:18px;font-weight:500;line-height:27px;margin-bottom:25px}.inputField{width:100%;height:100%;padding-left:40px;font-size:14px;font-weight:400;line-height:1.71;color:#282828;border:solid 1px #d8d8d8;border-radius:4px;border-radius:20px}.rankDialCode{border-radius:20px 0 0 20px!important}.closeRankModal{width:30px;height:30px;border:1px solid #fff;border-radius:50%;background:#fff0;top:-36px;right:5px;position:absolute}.closeRankModal::before,.closeRankModal:after{content:'';width:1px;height:15px;position:absolute;transform:rotate(45deg);background-color:#fff;top:6px}.closeRankModal:after{transform:rotate(-45deg)}.submitButton{background-color:#FF4E53;height:40px;width:100%;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;gap:5px}.gradientPredictor,.looseCollege,.percentileForm{display:none}.loader{width:25px;padding:5px;aspect-ratio:1;border-radius:50%;background:#fff;--_m:conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}@media (max-width:1023px){.messageBox .latestInfoListContainer .scrollRight,.messageBox .latestInfoListContainer .scrollLeft{display:block!important}}@media (max-width:768px){.predictorFromSection{padding:10px}.percentage__check ul{flex-wrap:wrap;gap:10px}.percentage__check ul li{flex-grow:1}.demo_div a{padding:8px 15px}.messageBox p:first-child{text-wrap:wrap}.userNotLoginMessage{padding:6px 30px}}