.input-box {
     border: 1px solid #D8D8D8;
     font-size: 14px;
     font-weight: 400;
     color: black;
     height: 33px;
     width: 100%;
     margin-bottom: 10px;
     border-radius: 5px;
     padding: 0px 5px 0px 5px;

 }

 .signupScreen {
     background-color: white;
     padding: 12px 20px;
     border-radius: 20px;

 }

 .custom-heading {
     font-size: 24px;
     font-weight: 700;
     color: #061938;
     line-height: 34px;
 }

 .custom-subheading {
     font-size: 14px !important;
     font-weight: 400;
     line-height: 18px;
 }

 .custom-description {
     font-size: 14px;
     font-weight: 400;
     color: #7b7b7b;
 }

 .custom-align-center {
     display: flex;
     align-items: center;
     height: 40px;
 }

 .inputNumber {
     color: #747474;
     font-size: 16px;
     height: 40px;
     border-color: #cccc;
     padding-left: 91px !important;
 }

 .mobNumberBox {
     display: grid;
 }

 .max-width {
     width: -webkit-fill-available;
 }

 .registerLink {
     font-size: 14px;
     font-weight: 600;
     color: #f15a2b;
     line-height: 14px;
     cursor: pointer;
 }

 .custom-phonenumber {
     font-size: 16px !important;
     color: black !important;
     width: 100% auto !important;
 }


 .grid-container {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     width: 100%;
 }

 .grid-item {
     border-radius: 8px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     height: fit-content;
 }

 .font-22px {
     font-size: 22px;
     font-weight: 600;
 }

 .register-button {
     background-color: #F15A2B !important;
     color: white !important;
     border-radius: 7px;
     width: 100%;
     padding: 13px;
     border: none;
     margin-top: 13px;
 }


 input.input-box:focus {
     border-color: #c23934;
     outline: none;
 }

 select.input-box:focus {
     border-color: #c23934;
     outline: none;
 }

 select.input-box:not(:focus) {
     border-color: #D8D8D8;
     color: gray;
 }

 .captcha-disable {
     width: 100%;
     padding: 10px 40px 7px 10px;
     border: 1px solid #dcdcdc;
     border-radius: 4px;
     background-color: #f9f9f9;
     text-align: left;
     color: #6c6c6c;
     cursor: not-allowed;
     height: 35px;
 }

 .enter-captcha {
     border-radius: 4px;
     border: 1px solid #dcdcdc;
     font-size: 19px;
     cursor: pointer;
     background-color: #f9f9f9;
     height: 35px;
 }

 .error-message {
     position: relative;
     font-size: 10px;
     color: #c23934;
     margin-top: -20px;
     top: -10px;
     padding: 3px;
 }

 .iti--allow-dropdown {
     width: 100%;
 }

 select.input-box:disabled {
     background-color: #f3f3f3;
     color: #6c757d;
     cursor: not-allowed;
     border: 1px solid #ccc;
     opacity: 1;
 }

 .error-message-checkbox {
     display: block;
     color: #c23934;
     font-size: 10px;
     padding: 8px 0px 0px 5px;
 }

 .successpage-heading {
     font-size: clamp(18px, 5vw, 26px);

     color: black;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 600;
     padding-bottom: 10px;
     padding-top: 10px;
 }

 .successpage-subheading {
     font-size: clamp(20px, 6vw, 28px);
     color: #E8580C;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 600;
     padding-bottom: 16px;

 }

 .successpage-email {
     font-size: clamp(12px, 4vw, 16px);
     color: grey;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 500;
     padding-bottom: 10px;

 }

 html,
 body {
     height: 100%;
     margin: 0;
 }

 #thank-you-page {
     display: none;
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .grandParentContaniner {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .parentContainer {
     text-align: center;
 }

 .iti--separate-dial-code .iti__selected-dial-code {
     margin-left: 6px;
     font-size: 13px;
 }

 #state-select,
 #city-select,
 #campus {
     pointer-events: auto !important;
     z-index: 9999 !important;
     appearance: none !important;
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
     width: 100% !important;
 }


 .newt {
     font-weight: 400;
 }



 /* .tab-btn-custom {
     background-color: #f9f9f9;
     border: 1px solid #ccc;
     border-radius: 8px;
     text-align: left;
     padding: 15px 20px;
     color: #333;
     transition: all 0.3s ease;
     width: 100%;
 }

 .tab-btn-custom:hover {
     background-color: #f1f1f1;
 }

 .tab-btn-custom.active {
     background-color: #007bff;
     color: #fff;
     border-color: #007bff;
 } */




 .overviewTab {
     padding: 60px 0;
 }

 .overviewTab h3 {
     font-size: 52px;
     font-weight: 400;
     line-height: 59.79px;
     text-align: left;
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab h3 {
         font-size: 36px;
         line-height: 43.2px;
     }
 }

 @media only screen and (max-width: 768px) {
     .overviewTab h3 {
         font-size: 28px;
         line-height: 36px;
     }
 }

 .overviewTab h2 {
     font-family: "Helvetica-Bold";
     font-family: Helvetica;
     font-size: 84px;
     font-weight: 700;
     line-height: 96.59px;
 }

 @media only screen and (max-width: 1440px) {
     .overviewTab h2 {
         font-size: 60px;
         line-height: 64.2px;
     }
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab h2 {
         font-size: 60px;
         line-height: 64.2px;
     }
 }

 @media only screen and (max-width: 768px) {
     .overviewTab h2 {
         font-size: 48px;
         line-height: 54px;
     }
 }

 .overviewTab .scrolVertical {
     height: 550px;
     overflow-y: scroll;
     overflow-x: hidden;
     direction: rtl;
 }

 .overviewTab .scrolVertical .tabList {
     direction: ltr;
 }

 .overviewTab .scrolVertical::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 3px #515151;
     background-color: #F5F5F5;
 }

 .overviewTab .scrolVertical::-webkit-scrollbar {
     width: 3px;
     background-color: #F5F5F5;
 }

 .overviewTab .scrolVertical::-webkit-scrollbar-thumb {
     background-color: #515151;
 }

 @media only screen and (max-width: 768px) {
     .overviewTab .scrolVertical {
         overflow-y: initial !important;
         height: auto;
         overflow-x: scroll !important;
         direction: ltr;
     }

     .overviewTab .scrolVertical::-webkit-scrollbar-track {
         -webkit-box-shadow: inset 0 0 3px #515151;
         background-color: #F5F5F5;
     }

     .overviewTab .scrolVertical::-webkit-scrollbar {
         height: 3px;
         background-color: #F5F5F5;
     }

     .overviewTab .scrolVertical::-webkit-scrollbar-thumb {
         background-color: #515151;
     }
 }

 .overviewTab .overviewBox {
     box-shadow: 0px 18px 80px 0px rgba(0, 0, 0, 0.0784313725);
     background-color: #FFFFFF;
     border-radius: 47px;
     margin-top: 1rem;
     height: 100%;
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab .overviewBox {
         padding: 2rem;
     }
 }

 @media only screen and (max-width: 768px) {
     .overviewTab .overviewBox {
         padding: 1.5rem;
     }

     .overviewTab .overviewBox:first-child {
         overflow-x: scroll;
     }

     .overviewTab .overviewBox::-webkit-scrollbar-track {
         -webkit-box-shadow: inset 0 0 3px #515151;
         background-color: #F5F5F5;
     }

     .overviewTab .overviewBox::-webkit-scrollbar {
         height: 3px;
         background-color: #F5F5F5;
     }

     .overviewTab .overviewBox::-webkit-scrollbar-thumb {
         background-color: #515151;
     }
 }

 .overviewTab .overviewBox .tabList {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 @media only screen and (max-width: 768px) {
     .overviewTab .overviewBox .tabList {
         display: flex;
         min-width: 900px;
     }
 }

 .overviewTab .overviewBox .tabList li {
     padding: 1rem 3rem 1rem 2rem;
     font-size: 20px;
     font-weight: 400;
     cursor: pointer;
     line-height: 24px;
     color: #515151;
     position: relative;
     border-radius: 50px;
     min-height: 80px;
     display: flex;
     align-items: center;
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab .overviewBox .tabList li {
         padding: 0.5rem 4rem 0.5rem 1rem;
         font-size: 18px;
         min-height: 60px !important;
     }
 }

 @media only screen and (max-width: 768px) {
     .overviewTab .overviewBox .tabList li {
         white-space: nowrap;
     }
 }

 .overviewTab .overviewBox .tabList li::before {
     background-color: #C4C4C4;
     height: 1px;
     content: "";
     width: 90%;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     position: absolute;
 }

 .overviewTab .overviewBox .tabList li::after {
     content: "";
     background-image: url(../images/arrow.webp);
     width: 120px;
     height: 16px;
     position: absolute;
     right: 1rem;
     top: 50%;
     transform: translateY(-50%);
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab .overviewBox .tabList li::after {
         width: 80px;
         background-position: center right;
     }
 }

 @media only screen and (max-width: 768px) {
     .overviewTab .overviewBox .tabList li::after {
         width: 40px;
     }
 }

 .overviewTab .overviewBox .tabList li:hover,
 .overviewTab .overviewBox .tabList li.active {
     background-color: #ED4B00;
     color: #ffffff;
 }

 .overviewTab .overviewBox .tabContent {
     padding: 2rem;
 }

 .overviewTab .overviewBox .tabContent h4 {
     /* font-family: "Helvetica-Bold"; */
     font-size: 36px;
     font-weight: 700;
     line-height: 41.4px;
     text-align: left;
     color: #000000;
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab .overviewBox .tabContent h4 {
         font-size: 32px;
         line-height: 40.19px;
     }
 }

 @media only screen and (max-width: 768px) {
     .overviewTab .overviewBox .tabContent h4 {
         margin-top: 1.5rem;
     }

     .overviewTab .overviewBox .tabContent {
         padding: 0;
     }
 }

 .overviewTab .overviewBox .tabContent p {
     font-size: 21px;
     line-height: 30px;
     color: #555555;
     margin-bottom: 20px;
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab .overviewBox .tabContent p {
         font-size: 18px;
         line-height: 26px;
     }
 }

 .overviewTab .overviewBox .tabContent ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .overviewTab .overviewBox .tabContent ul li {
     font-size: 20px;
     font-weight: 400;
     line-height: 30px;
     color: #555555;
     position: relative;
     margin-bottom: 20px;
     padding-left: 35px;
 }

 @media only screen and (max-width: 1280px) {
     .overviewTab .overviewBox .tabContent ul li {
         font-size: 18px;
         line-height: 26px;
     }
 }

 .overviewTab .overviewBox .tabContent ul li::before {
     content: "";
     background-image: url(../images/check.webp);
     width: 24px;
     height: 23px;
     position: absolute;
     left: 0;
     top: 0;
 }

 .overviewTab .overviewBox .tabImg {
     text-align: center;
     padding: 40px 40px 0;
 }

 .overviewTab .overviewBox .tabImg img {
     height: 300px;
     width: auto;
 }