JEE Main Exam Date 2026: Notification, Dates, Syllabus & Pattern

.mkt-banner-slider-wrapper .banner-inner-wrapper .banner-text {
width: 100% !important;
margin-left: 2%;
}
.mkt-banner-slider-wrapper .banner-inner-wrapper .banner-text h2 {
margin-bottom: 10px !important;
}
.about {
position: relative;
text-align: left;
margin: 0 0 36px 0;
font-size: 34px;
line-height: 1;
color: #29343e;
}
.about:after {
content: " ";
width: 58px;
height: 3px;
background: #f0444b;
margin: auto;
position: absolute;
bottom: -15px;
left: 0;
z-index: 2;
}
.pointer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
-moz-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.pointer li {
line-height: inherit;
padding: 0 0 0 18px !important;
position: relative;
margin-bottom: 20px;
width: 100%;
font-size: 14px;
padding: 0 0 0 15px;
color: #59626b;
}
.pointer li:before {
width: 8px;
height: 8px;
content: " ";
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
display: inline-block;
background: #2fbcd9;
position: absolute;
top: 4px;
left: 0;
}
.mrtp40 {
margin-top: 40px;
}
.card {
min-height: 100px;
margin-bottom: 35px;
border: 1px solid #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
background: #ffffff;
min-height: 110px;
height: auto;
box-shadow: 0 0 31px rgba(117, 117, 117, 0.4);
-webkit-box-shadow: 0 0 31px rgba(117, 117, 117, 0.4);
padding-bottom: 30px;
}
.card h3 {
font-size: 24px;
line-height: 1.2;
color: #0098d5;
font-weight: 700;
border-bottom: 1px solid #cfcfcf;
padding: 0;
text-align: center;
}
.card figure {
background: #f7f8fa;
text-align: center;
}
.card .card-content {
width: 100%;
padding: 20px 20px 10px 20px;
}

.card ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
-moz-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin: 0 20px;
}
.card ul li {
line-height: inherit;
padding-left: 18px;
position: relative;
margin-bottom: 5px;
width: 100%;
font-size: 14px;
padding: 0 0 0 0 !important;
color: #59626b;
}
.card ul li .img {
float: left;
margin-right: 10px;
}
.card ul li .img img {
padding-top: 2px;
}
.card ul li span {
margin-left: 5px;
}
.card:hover {
background: #fff;
border: 1px solid #0098d7;
}
.card:hover h3 {
padding: 0;
background: #f7f8fa;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
}
.desc {
padding-bottom: 15px;
}
.desc span {
display: block;
font-weight: bold;
font-size: 15px;
color: #3c3c3c;
padding-top: 10px;
}
.desc p {
display: inline;
font-size: 15px;
line-height: inherit;
}
.about span {
color: #00a7e2;
}

.mkt-form-wrapper .mkt-form-header h3 {
color: #ffffff;
font-size: 24px;
margin-bottom: 0;
}
.mkt-banner-slider-wrapper .banner-inner-wrapper .banner-text h2 {
/**display: none;**/
margin-bottom: 0 !important;
font-size: 50px;
width: 70%;
}
.mkt-banner-slider-wrapper .banner-inner-wrapper p {
display: none;
}
#__eedivChatMain {
display: none;
}
#eeChatContainer {
display: none;
}
.mkt-form-wrapper .mkt-form-header h3 {
color: #ffffff !important;
margin-bottom: 0 !important;
}
#mainWrapper #talk-to-expert-btn {
top: 200px;
left: -54px;
right: unset;
transform: rotate(-90deg);
z-index: 1000;
}
.sub_heading {
color: #fff;
font-size: 25px;
padding-top: 0;
line-height: 22px;
}
.sub_heading span {
color: #ffc800;
font-family: Roboto Bold;
font-size: 27px;
padding: 0 10px 0 0;
display: inline-block !important;
font-family: inherit;
font-weight: bold;
}
.hashtag {
color: #fff;
font-family: Roboto Bold;
font-size: 18px;
background: rgba(0, 0, 0, 0.1);
display: inline-block;
padding-right: 10px;
font-family: inherit;
}
.table {
display: table;
width: 98%;
min-width: 300px;
table-layout: fixed;
color: #7f7f7f;
font-size: 15px;
font-family: "inherit";
margin-bottom: 0 !important;
max-width: 100%;
background-color: transparent;
margin: 1% 3% 0 0;
}
.table-header-row {
background-color: #0098d5;
background-color: #0098d5;
border-bottom: 1px solid #bfd2da;
font-size: 22px;
color: #fff;
padding: 0 20px;
text-align: center;
font-family: "DINCondensed";
}
.table-header-row td {
background-color: #0098d5 !important;
}
.table td,
.table th {
padding: 0.75rem;
vertical-align: top;
border: 1px solid #dee2e6;
font-family: Roboto;
}
.table td {
background: #fbfbfb;
}
.qualified {
width: 31%;
margin: 2% 1% 5% 1%;
float: left;
background: #fbfbfb;
padding: 20px 15px;
border: 1px dashed #dadada;
}
.qualified .num {
font-size: 48px;
color: #0098d5;
font-weight: 500;
line-height: 50px;
}
.qualified span {
color: #474c52;
}
.qualified h3 {
font-weight: 600;
font-size: 18px;
color: #2e2e2e;
margin: 5px 0 0;
}
/**** testimonial css ****/
.testimonial-wrapper {
box-shadow: 0 6px 21px rgba(0, 0, 0, 0.13);
-webkit-box-shadow: 0 6px 21px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 6px 21px rgba(0, 0, 0, 0.13);
-ms-box-shadow: 0 6px 21px rgba(0, 0, 0, 0.13);
display: block;
float: left;
}
.image-wrapper {
width: 50%;
float: left;
}
.text-wrapper {
float: left;
width: 44%;
margin: 2% 0 0 3%;
}

.sclass {
color: #7b7b7b;
font-size: 16px;
position: relative;
}
.simage {
float: left;
margin-right: 21px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.13);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
}
.simage img {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
/**** testimonial css ends ****/
.advantages ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
-moz-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin: 0 20px 0 5px;
}
.advantages ul li {
line-height: inherit;
padding-left: 18px;
position: relative;
margin-bottom: 15px;
width: 100%;
font-size: 14px;
padding: 0 0 0 0 !important;
color: #59626b;
}
.advantages ul li .img {
float: left;
margin-right: 10px;
}
.advantages ul li span {
margin-left: 5px;
}
.ui-widget.ui-widget-content {
z-index: 1000 !important;
}
.sname {
font-size: 16px;
color: #29343e;
margin-top: 7px;
padding-top: 10px;
position: relative;
}
.sname:after {
content: " ";
width: 36px;
height: 3px;
background: #f0444b;
position: absolute;
bottom: -10px;
left: 72px;
}
.suline {
color: #7b7b7b;
font-size: 16px;
position: relative;
}
.suline:after {
content: " ";
width: 36px;
height: 3px;
background: #f0444b;
position: absolute;
bottom: -9px;
left: 72px;
}
.advantages_title {
color: #59626b;
margin-bottom: 5px;
font-size: 20px;
line-height: inherit;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
}
.mrtp30 {
margin-top: 30px;
}
.aaakshncert {
list-style: disc;
font-family: "Roboto", sans-serif;
color: #000000 !important;
line-height: 23px;
font-size: 14px;
margin-left: 25px;
}
ul.aaakshncert {
margin-top: 5px !important;
margin-bottom: 20px !important;
}
ul.aaakshncert li {
line-height: 26px;
padding: 0px !important;
margin: 0px !important;
}
table#clstm tr td p {
line-height: 24px;
}
.mkt-customlayout p {
line-height: 23px !important;
}
.mkt-form-header p {
color: #fff !important;
padding: 10px 0px 0px !important;
margin: 0px !important;
font-size: 18px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.mkt-banner-slider-wrapper .banner-inner-wrapper .banner-text h2 {
text-align: center;
margin-bottom: 20px !important;
font-size: 24px !important;
}
.mkt-banner-slider-wrapper .banner-inner-wrapper p {
font-size: 15px !important;
text-align: center;
}
.mkt-banner-slider-wrapper .banner-inner-wrapper .slider-btn-group {
margin-top: -10px !important;
}
.slider-btn-group p {
margin-bottom: 10px !important;
}
.sub_heading {
font-size: 20px;
text-align: center;
}
.sub_heading span {
font-size: 20px;
padding: 0 0 0 0;
}
.about {
font-size: 24px !important;
line-height: 32px;
}
.card figure img {
width: 80% !important;
}
.mkt-banner-slider-wrapper {
height: 230px !important;
background-position: 24% 50% !important;
}
.mkt-form-wrapper .mkt-form-header h3 {
color: #ffffff !important;
margin-bottom: 0 !important;
}
#drop_select {
width: 100%;
}
.result-wrapper {
padding-bottom: 20px;
float: left;
}
.qualified {
width: 100%;
}
.image-wrapper {
width: 100%;
}
.text-wrapper {
width: 95%;
padding-bottom: 25px;
}
}

.banneertop img {
margin-top: 31px;
}
.mkt-form-block {
position: fixed;
top: 150px;
z-index: 999;
right: 32px;
}
.text-wrapper {
float: left;
width: 42%;
margin: 2% 0 0 5%;
padding: 12px 30px;
}
.footerbottom {
background: #2f2e2e;
text-align: center;
color: #fff;
padding: 10px;
}
ul.smarterchoise li {
width: 330px;
float: left;
display: inline-flex;
height: 62px;
}
ul.smarterchoise img {
height: 37px;
margin-right: 20px;
}
.mrtp40 {
margin-top: 40px;
clear: both;
}

.form_head {
color: #fff;
font-size: 19px;
}
.banner-mob {
display: none;
}
.social-link-block {
padding: 9px !important; /*margin: 0px auto!important; text-align: center!important; display: block!important; */
line-height: 38px;
}
.social_icon {
background: #2f2e2e;
}
.offerings p {
font-family: "Roboto", sans-serif;
color: #59626b !important;
line-height: 23px;
}

ul.smarterchoise li {
width: 330px;
float: left;
display: inline-flex;
height: 62px;
color: #59626b !important;
}

.ansolution {
clear: both;
}

ul.default-tab-links {
margin: 0px !important;
width: 100%;
min-width: 100%;
}
p.sub-desc {
text-align: left !important;
margin: 0px !important;
}
h3.head-title {
text-align: left !important;
}

.mkt-form-wrapper .mkt-form-header {
padding: 10px !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
select,
textarea {
height: 32px !important;
padding: 7px 15px !important;
}

.banneertop {
min-height: 400px;
background: #27a0f9;
padding-top: 117px;
padding-left: 48px;
font-size: inherit;
color: #fff;
line-height: 46px;
}

span.neetexam {
font-size: 67px;
font-weight: 800;
}

span.bng {
font-size: 49px;
color: #b4eff7;
font-weight: 800;
text-transform: uppercase;
}

p.neets {
font-size: 19px;
color: #fff;
text-transform: uppercase;
background: #233e4e;
width: 397px;
padding-left: 9px;
}

p.nexp {
font-size: 22px;
text-transform: uppercase;
color: #fff;
margin: 0px;
}

p.ncount {
margin: 0px;
}

span.totalslection {
font-size: 21px;
color: #fff;
text-transform: uppercase;
}

.banner-left {
}

.banner-right {
font-size: 34px;
text-align: center;
}

span.neetrecount {
color: #fff;
font-size: 47px;
font-weight: 900;
}

span.totalslection {
font-size: 19px;
color: #fff;
text-transform: uppercase;
}

.banneertop {
min-height: 400px;
background: url(https://d29zwu34e1ouns.cloudfront.net/Aakash/s3fs-public/banner_single_image/2020-03/medical_10.png);
padding-top: 74px;
padding-left: 48px;
font-size: inherit;
color: #fff;
line-height: 46px;
background-size: cover;
background-repeat: no-repeat;
}

@media only screen and (max-width: 680px) {
.text-wrapper {
width: 100%;
}
.qualified {
width: 100%;
text-align: center;
}
.banner-mob {
display: inherit;
}
img.bntop {
display: none;
}
.banneertop img {
margin-top: 14px;
}
}

.mkt-customlayout h1 {
font-size: 28px;
}
.mkt-customlayout h2 {
font-size: 21px;
}
.mkt-customlayout p {
margin-top: 10px;
margin-bottom: 20px;
}
.mkt-customlayout ul {
margin-top: 5px !important;
margin-bottom: 20px !important;
list-style: disc !important;
font-family: "Roboto", sans-serif;
color: #000000 !important;
line-height: 23px;
font-size: 14px;
margin-left: 25px;
}

.mkt-customlayout ul li {
padding-top: 4px !important;
padding-bottom: 4px !important;
}

.mkt-customlayout table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

.mkt-customlayout td,
th {
border: 1px solid #dddddd;
text-align: left;
}

.mkt-customlayout tr:nth-child(even) {
background-color: #dddddd;
}

td p {
margin-bottom: 10px !important;
}
@media only screen and (max-width: 600px) {
} /*start*/
.aaakshncert {
list-style: disc;
font-family: "Roboto", sans-serif;
color: #000000 !important;
line-height: 23px;
font-size: 14px;
margin-left: 25px;
}
ul.aaakshncert {
margin-top: 5px !important;
margin-bottom: 20px !important;
}
ul.aaakshncert li {
line-height: 26px;
padding: 0px !important;
margin: 0px !important;
}
.mkt-customlayout p {
line-height: 23px !important;
}
.mkt-form-header p {
color: #fff !important;
padding: 10px 0px 0px !important;
margin: 0px !important;
font-size: 18px;
text-transform: uppercase;
}
.mkt-form-block {
position: fixed;
top: 150px;
z-index: 999;
right: 32px;
}
.mkt-form-wrapper .mkt-form-header {
padding: 10px !important;
}
input[type="text"],
input[type="email"],
select {
height: 32px !important;
padding: 7px 15px !important;
}
* {
margin: 0px;
}
.mkt-customlayout h1 {
font-size: 28px;
}
.mkt-customlayout h2 {
font-size: 21px;
}
.mkt-customlayout p {
margin-top: 10px;
margin-bottom: 20px;
}
.mkt-customlayout ul {
margin-top: 5px !important;
margin-bottom: 20px !important;
list-style: disc !important;
font-family: "Roboto", sans-serif;
color: #000000 !important;
line-height: 23px;
font-size: 14px;
margin-left: 25px;
}
.mkt-customlayout ul li {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.mkt-customlayout table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.mkt-customlayout td {
border: 1px solid #dddddd;
text-align: left;
}
.mkt-customlayout tr:nth-child(even) {
background-color: #dddddd;
}
td p {
margin-bottom: 10px !important;
}
@media all {
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
div,
span,
h2,
p,
a,
img,
ul,
li,
form {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
a,
a:hover,
a:focus {
text-decoration: none;
outline: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
*:focus {
outline: none !important;
}
input[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-tap-highlight-color: white;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 13px;
line-height: 1;
background: #0098d5;
display: inline-block;
padding: 12.5px;
border: none;
color: #ffffff;
}
input[type="submit"]:focus {
outline: none;
}
}
@media all {
h2 {
font-size: 24px;
line-height: 1.5;
}
p {
font-size: 14px;
line-height: 1.3;
color: #000000;
margin-bottom: 20px;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
li {
font-size: 14px;
line-height: 1.5;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
input[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-tap-highlight-color: white;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 13px;
line-height: 1;
background: #0098d5;
display: inline-block;
padding: 12.5px;
border: none;
color: #ffffff;
}
input[type="submit"]:focus {
outline: none;
}
input[type="text"] {
height: 42px;
width: 100%;
font-size: 13px;
line-height: 1;
font-weight: 400;
color: #838383;
background-color: #ffffff;
padding: 0;
margin: 0;
display: block;
border: 1px solid #e8e8e8;
padding: 10px 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
outline: none;
font-family: "Roboto", sans-serif;
}
}
@media all {
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
a,
div,
form,
h1,
h2,
h3,
img,
li,
ol,
p,
span,
strong,
table,
tbody,
td,
tr,
ul {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
ol,
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
a,
a:focus,
a:hover {
text-decoration: none;
outline: 0;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:focus {
outline: 0 !important;
}
strong {
font-weight: 700;
}
input[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-tap-highlight-color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 13px;
line-height: 1;
background: #0098d5;
display: inline-block;
padding: 12.5px;
border: none;
color: #fff;
}
input[type="submit"]:focus {
outline: 0;
}
}
@media all {
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
div,
span,
h1,
h2,
h3,
p,
a,
img,
strong,
ol,
ul,
li,
form,
table,
tbody,
tr,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
ol,
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
a,
a:hover,
a:focus {
text-decoration: none;
outline: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*:focus {
outline: none !important;
}
strong {
font-weight: 700;
}
h1 {
font-size: 42px;
line-height: 1.2;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width: 991px) {
h1 {
font-size: 33px;
line-height: 1.2;
}
}
h2 {
font-size: 24px;
line-height: 1.5;
}
h3 {
font-size: 21px;
line-height: 1;
}
p {
font-size: 14px;
line-height: 1.3;
color: #000000;
margin-bottom: 20px;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
li {
font-size: 14px;
line-height: 1.5;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
input[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-tap-highlight-color: white;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 13px;
line-height: 1;
background: #0098d5;
display: inline-block;
padding: 12.5px;
border: none;
color: #ffffff;
}
input[type="submit"]:focus {
outline: none;
}
input[type="text"],
input[type="email"],
select {
height: 42px;
width: 100%;
font-size: 13px;
line-height: 1;
font-weight: 400;
color: #838383;
background-color: #ffffff;
padding: 0;
margin: 0;
display: block;
border: 1px solid #e8e8e8;
padding: 10px 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
outline: none;
font-family: "Roboto", sans-serif;
}
select {
background-image: url("https://dcx0p3on5z8dw.cloudfront.net/themes/classroom/images/arrow-down.png");
background-repeat: no-repeat;
background-position: right center;
background-color: #ffffff;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
cursor: pointer;
text-transform: capitalize;
padding-right: 40px;
}
.mkt-form-wrapper .marketing-form .mkt-form-btn .form-submit.button {
font-size: 13px;
line-height: 1;
font-weight: 400;
color: #ffffff;
background-color: #0098d5;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid transparent;
display: inline-block;
text-align: center;
cursor: pointer;
padding: 12.5px 25px;
text-transform: uppercase;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
min-width: 250px;
vertical-align: middle;
font-weight: 600;
}
.mkt-form-wrapper
.marketing-form
.mkt-form-btn
.form-submit.button:hover {
background-color: #ffffff;
border: 1px solid #0098d5;
color: #0098d5;
}
table {
width: 100%;
font-size: 14px;
}
@media (max-width: 991px) {
table {
width: 800px;
}
}
table tr td {
border-left: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
}
table tr td:last-child {
border-right: 1px solid #cacaca;
}
table tr td {
padding: 15px;
min-width: 80px;
color: #000000;
vertical-align: middle;
}
table tbody tr td {
background: #f9f9f9;
}
table tbody tr:nth-child(2n + 1) td {
background: #ffffff;
}
table a {
color: #0098d5;
font-weight: 700;
}
.mkt-prev-next-section ul {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.mkt-page-body {
max-width: 1290px;
margin: 0 auto;
padding: 0 15px;
}
.mob-wrap {
position: relative;
font-size: 13px;
line-height: 1.2;
}
.mob-wrap .mkt-otp-link {
position: absolute;
top: 13px;
right: 14px;
}
.mob-wrap .mkt-otp-link a {
color: #2fbcd9;
}
.mkt-form-block {
position: absolute;
top: 150px;
z-index: 2;
}
@media (max-width: 1279px) {
.mkt-form-block {
top: 135px;
}
}
@media (max-width: 991px) {
.mkt-form-block {
position: static;
transform: none;
padding: 0;
order: -1;
}
}
.mkt-form-outer {
width: 380px;
float: right;
opacity: 0;
}
@media (max-width: 991px) {
.mkt-form-outer {
opacity: 1;
width: 100%;
margin-bottom: 20px;
animation: none;
}
}
.mkt-form-wrapper {
width: 100%;
box-shadow: 0 0 31px rgba(117, 117, 117, 0.4);
-webkit-box-shadow: 0 0 31px rgba(117, 117, 117, 0.4);
-moz-box-shadow: 0 0 31px rgba(117, 117, 117, 0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
}
.mkt-form-wrapper .mkt-form-header {
padding: 20px;
text-align: center;
background-image: url("https://dcx0p3on5z8dw.cloudfront.net/themes/classroom/images/market-form-bg.png");
background-repeat: no-repeat;
background-position: center;
background-color: #09375f;
background-size: cover;
}
.mkt-form-wrapper .marketing-form {
background: #ffffff;
padding: 20px;
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
-moz-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.mkt-form-wrapper .marketing-form input,
.mkt-form-wrapper .marketing-form Select {
width: 100%;
}
.mkt-form-wrapper .marketing-form > .js-form-item,
.mkt-form-wrapper .marketing-form > div {
width: 100%;
margin-bottom: 15px;
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form > .js-form-item,
.mkt-form-wrapper .marketing-form > div {
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
.mkt-form-wrapper .marketing-form > .js-form-item,
.mkt-form-wrapper .marketing-form > div {
width: 100%;
}
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form .mob-wrap {
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
.mkt-form-wrapper .marketing-form .mob-wrap {
width: 100%;
}
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form .mob-wrap .js-form-item {
width: 100%;
}
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form .otp-mob-wrap {
width: auto;
max-width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
.mkt-form-wrapper .marketing-form .otp-mob-wrap {
max-width: 100%;
}
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form .otp-mob-wrap .js-form-item {
width: 100%;
}
}
.mkt-form-wrapper .marketing-form .mkt-form-btn {
width: 100%;
}
.mkt-form-wrapper .marketing-form .mkt-form-btn .form-submit.button {
width: 100%;
min-width: auto;
white-space: normal;
line-height: 1.4;
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form .mkt-form-btn .form-submit.button {
width: 50%;
min-width: 250px;
}
}
@media (max-width: 479px) {
.mkt-form-wrapper .marketing-form .mkt-form-btn .form-submit.button {
width: 100%;
min-width: auto;
}
}
@media (max-width: 991px) {
.mkt-form-wrapper .marketing-form .mkt-form-btn {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
.mkt-form-wrapper .marketing-form .mkt-otp-msg span {
color: #f0444b;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
.mkt-page-body {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
-moz-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
padding: 30px 15px !important;
}
@media (max-width: 991px) {
.mkt-page-body {
padding: 20px 15px !important;
}
}
.mkt-product-col {
width: calc(100% - 380px);
width: -webkit-calc(100% - 380px);
padding-right: 30px;
}
@media (max-width: 991px) {
.mkt-product-col {
width: 100%;
padding-right: 0;
}
}
.mkt-customlayout ul li {
padding: 10px 0;
}
.slideDown {
animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
opacity: 1;
}
.right_barsku {
width: 380px;
max-width: 100%;
}
@media (max-width: 991px) {
.right_barsku {
margin-top: 0px !important;
}
}
.right_barsku ul {
background: #f3f7fc;
padding: 0 10px;
}
.right_barsku ul li {
padding: 10px 0 10px 15px;
border-bottom: 1px solid #ffffff;
position: relative;
}
.right_barsku ul li:before {
content: "\2022";
font-size: 25px;
position: absolute;
left: 0;
color: #2fbcd9;
top: 10px;
line-height: 1;
}
.right_barsku a {
color: #2fbcd9;
font-size: 15px;
line-height: 1.5;
display: block;
}
.right_barsku a:hover {
text-decoration: underline;
}
.mkt_tc_wrapper {
line-height: 0.5;
margin-top: 10px;
}
.mkt_tc_wrapper .form-item-tnc {
display: inline;
}
.mkt_tc_wrapper input.form-checkbox {
width: auto;
vertical-align: middle;
margin: 5px 0 5px 0;
}
.mkt_tc_wrapper .mkt_tc {
font-size: 10px;
}
}
.card-item {
background: #fff;
border-radius: 8px;
padding: 1.25rem;
margin-bottom: 1.25rem;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.card-item h2 {
margin-top: 0;
font-size: 1.5rem;
color: #1a1a1a;
}

.highlight-box {
background-color: #eaf4ff;
border-left: 0.25rem solid #007bff;
padding: 1rem;
margin-top: 1rem;
}

.highlight-box h3 {
margin: 0 0 0.625rem;
color: #0056b3;
font-size: 1rem;
}

.highlight-box ul li {
padding: 0.25rem 0 !important;
font-size: 0.875rem;
}

table {
margin-top: 1rem;
}

table,
th,
td {
border: 1px solid #ccc !important;
}

td {
padding: 0.5rem;
font-size: 0.875rem;
vertical-align: top;
}

.custom-table td:first-child:not(.custom-td) {
font-weight: bold;
background-color: #003466 !important;
width: 33%;
color: #fff;
}
.custom-table tbody tr td {
background: #fff !important;
}
.head-content {
background-color: #003466;
padding: 0.75rem;
border-radius: 0.5rem;
color: #fff !important;
text-align: center;
line-height: normal;
}

@media (min-width: 601px) {
.head-content {
font-size: 1.5rem !important;
}
}
@media (max-width: 600px) {
.card-item h2 {
font-size: 1.25rem;
}
.head-content {
font-size: 1.25rem !important;
}

td {
font-size: 0.875rem;
padding: 0.5rem;
}

.highlight-box h3 {
font-size: 1rem;
}

.highlight-box ul li {
font-size: 13px;
}
}
.custom-td {
background-color: #fff !important;
color: #000 !important;
}
.mb-20 {
margin-bottom: 1.25rem;
}
.fw-bold {
font-weight: bold;
}
.m-0 {
margin: 0 !important;
padding: 0 !important;
}
body {
margin: 0;
font-family: Arial, sans-serif;
}

.menu12-bar {
margin-bottom: 20px;
overflow-x: auto;
white-space: nowrap;
display: flex;
gap: 3px;
padding: 2px 10px;
background-color: #f5f5f5;
border-bottom: 1px solid #ccc;
scroll-behavior: smooth;
}

.menu12-bar::-webkit-scrollbar {
display: none; /* Hide scrollbar (still scrollable) */
}

.menu12-item {
display: inline-block;
padding: 8px 16px;
background-color: #ffffff;
color: #333;
border: 1px solid #ddd;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
flex-shrink: 0;
}

.menu12-item:hover {
background-color: #e0e0e0;
}

@media (max-width: 768px) {
.menu12-item {
font-size: 13px;
padding: 6px 12px;
}
}
/* =========================
MOBILE RESPONSIVE FIXES
(NO CONTENT CHANGES)
========================= */

/* 1) Make all elements size sanely */
*,
*::before,
*::after {
box-sizing: border-box;
}

/* 2) Prevent horizontal overflow caused by fixed widths */
html,
body {
max-width: 100%;
overflow-x: hidden;
}

/* 3) Ensure media never overflows */
img,
video,
iframe {
max-width: 100% !important;
height: auto !important;
display: block;
}

/* Your first hero image is inside <p><img ...></p> */
p > img {
width: 100% !important;
height: auto !important;
}

/* 4) Make long tables scroll on mobile instead of breaking layout */
table {
width: 100% !important;
max-width: 100% !important;
}
table[style*="width"] {
width: 100% !important;
} /* overrides inline width: 865px/881px */
table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

/* Keep table cells readable */
th,
td {
word-break: normal;
white-space: normal;
}

/* 5) Page padding on small screens */
@media (max-width: 768px) {
body {
margin: 0 !important;
padding: 12px !important;
}

/* headings scale */
h1.head-content {
padding: 12px !important;
}

/* card spacing tighter on mobile */
.card-item {
padding: 1rem !important;
margin-bottom: 1rem !important;
}

/* highlight box spacing */
.highlight-box {
padding: 0.875rem !important;
}

/* Download button fits smaller screens */
.download-btn {
width: 100%;
text-align: center;
padding: 12px 16px;
}
}

/* 6) Menu bar already scrollable; just make it a bit nicer on very small widths */
@media (max-width: 480px) {
.menu12-bar {
padding: 6px 10px !important;
gap: 6px !important;
}
.menu12-item {
padding: 8px 10px !important;
font-size: 12px !important;
}
}
.download-btn {
display: inline-block;
background-color: #0056d2; /* Aakash Blue */
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
padding: 12px 24px;
border-radius: 50px;
box-shadow: 0 4px 10px rgba(0, 86, 210, 0.3);
transition: all 0.3s ease;
margin-top: 10px;
}

.download-btn:hover {
background-color: #003c99; /* Darker Blue on Hover */
box-shadow: 0 6px 15px rgba(0, 86, 210, 0.5);
transform: translateY(-2px);
}

.download-btn span {
margin-left: 8px;
font-size: 18px;
vertical-align: middle;
}
body {
font-family: Arial, Helvetica, sans-serif;
background: #fff;
color: #222;
margin: 20px;
}
h2 {
color: #0b63ce;
font-size: 1.3rem;
margin-top: 24px;
margin-bottom: 8px;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
}
th,
td {
border: 1px solid #dbe2ef;
padding: 10px 12px;
text-align: left;
font-size: 0.95rem;
}
th {
background: #f3f6ff;
color: #0b63ce;
}
tr:nth-child(even) {
background: #fafbff;
}
caption {
caption-side: top;
text-align: left;
font-weight: bold;
margin-bottom: 6px;
color: #0b63ce;
}
@media (max-width: 600px) {
table,
thead,
tbody,
tr,
th,
td {
display: block;
width: 100%;
}
thead {
display: none;
}
tr {
margin-bottom: 10px;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 8px;
}
td {
border: none;
display: flex;
justify-content: space-between;
padding: 6px 8px;
}
td::before {
content: attr(data-label);
font-weight: bold;
color: #555;
}
}

/* =========================
TABLE ALIGNMENT FIX (DESKTOP + MOBILE)
Paste at END of your <style>
========================= */

/* 1) Restore real table rendering on desktop (your earlier `table{display:block}` breaks alignment) */
table {
display: table !important;
width: 100% !important;
max-width: 100% !important;
border-collapse: collapse !important;
table-layout: fixed; /* keeps columns aligned */
}

thead {
display: table-header-group !important;
}
tbody {
display: table-row-group !important;
}
tr {
display: table-row !important;
}
th,
td {
display: table-cell !important;
vertical-align: top !important;
word-break: break-word;
}

/* 2) Kill inline fixed widths like 865px/881px */
table[style*="width"] {
width: 100% !important;
}

/* 3) Google-sheet pasted tables (the ones with data-sheets-root) */
table[data-sheets-root] {
table-layout: fixed !important;
}
table[data-sheets-root] colgroup col {
width: auto !important;
}

/* Make first row look like a header in those pasted tables */
table[data-sheets-root] > tbody > tr:first-child > td {
font-weight: 700;
background: #003466;
color: #fff;
}

/* 4) Mobile: allow horizontal scroll ONLY for wide sheet tables */
@media (max-width: 768px) {
table[data-sheets-root] {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
table[data-sheets-root] tr,
table[data-sheets-root] td,
table[data-sheets-root] th {
display: table-row !important;
}
}

/* 5) Mobile stacked layout ONLY when you opt-in via class */
@media (max-width: 600px) {
table.stack-table,
table.stack-table thead,
table.stack-table tbody,
table.stack-table tr,
table.stack-table th,
table.stack-table td {
display: block !important;
width: 100% !important;
}

table.stack-table thead {
display: none !important;
}

table.stack-table tr {
margin-bottom: 10px;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 8px;
background: #fff;
}

table.stack-table td {
border: none !important;
display: flex !important;
justify-content: space-between;
gap: 12px;
padding: 6px 8px !important;
}

table.stack-table td::before {
content: attr(data-label);
font-weight: 700;
color: #555;
flex: 1;
}

table.stack-table td > * {
flex: 1;
text-align: right;
}
}