body {
background: #FFFFFF;
}
/* html, body {
height: 100%;
padding: 0;
margin: 0;
} */
.body::-webkit-scrollbar{
/* display: none; */
width: 5px;
}
li, p{
font-family: "Helvetica";
}
h1,h2,h3,h4,h5,strong{
font-family: "DM Sans", 'san-serif';
}
h1,h2,h3,h4,h5,h6,p,span,strong,div{
user-select: none !important;
}
/* Track */
.body::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5rem;
}
/* Handle */
.body::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5rem;
}
/* Handle on hover */
.body::-webkit-scrollbar-thumb:hover {
background: #888;
}
.landingslide{
width: auto;
/* height: 500px; */
/* background: #FFFFFF; */
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.07);
color: #252B42;
overflow: hidden;
background-size: cover;
padding-left: 5px;
padding-right: 5px;
}
.textplacediv{
position: relative;
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
border-radius: 20px;
height: 100px;
transition: scale 2s ease;
/* padding: 15px 0; */
}
.textplacediv:hover{
scale: 1.4;
}
.textplacediv h2{
background: transparent;
color: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border: none;
height: 100px;
border-radius: 20px;
}
.videoplay {
height: 400px;
width: 100%;
}
.videoplay2 {
height: 300px;
width: 100%;
}
.breadcrumb{
font-family: 'DM Sans', 'san-serif' !important;
}
.textplacediv label{
position: absolute;
top: 22px;
left: 18px;
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #fff;
padding-right: 12px;
}
.textplacediv textarea{
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
}
.teachlist{
/* padding: 0 23%; */
margin: 0 auto 15px;
}
.teachlist li{
text-align: left;
font-size: 18px;
}
.cpass{
display: flex;
align-items: center;
position: relative;
}
.star{
color: #E74040;
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
position: absolute;
}
.areastar{
left: 15rem;
top: 30%;
}
.laststar{
left: 8.7rem;
}
.fisrtstar{
left: 9.5rem;
}
.phonestar{
left: 8.4rem;
}
.linkstar{
left: 10.8rem;
}
.cpassstar{
left: 10rem;
top: 21%;
}
.emailstar{
left: 6.2rem;
}
.passstar{
left: 5.7rem;
}
.passeye{
position: absolute;
right: 10px;
top: 25%;
cursor: pointer;
}
.smallsrere2{
margin-top: 200px;
}
.adddmargin{
margin-top: 15px;
}
.checkoutbtn{
width: 193px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
}
.checkoutfoot{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.checkfoot1{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 33px;
}
.checkoutbody1{
display: flex;
align-items: center;
justify-content: space-between;
}
.checkoutbody2{
display: flex;
flex-direction: column;
align-items: start;
}
.supercheck{
background-color: #F2F9F4;
padding: 17px 39px;
}
.checkoutbtndiv{
display: flex;
justify-content: center;
}
.chechyou{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
margin: 0;
}
.checkprice{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
margin: 0;
}
.checkname{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
margin: 0;
width: 60%;
text-align: left;
}
.swalCart .swal2-html-container{
margin: 0;
display: block;
height: 400px;
position: relative;
}
.swalCart .swal2-title{
text-align: left;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
}
.anutu{
transition: transform 0.7s ease;
}
.anutu:hover{
transform: scale(1.05);
}
.modebund{
display: flex;
flex-direction: column;
gap: 5px;
}
.modebund h5{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #fff;
}
.modebund span{
font-size: 18px;
}
.discount{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
/* font-size: 15px; */
line-height: 32px;
margin-left: 13px;
}
.newpodne{
display: flex;
flex-direction: column;
gap: 17px;
padding: 27px;
}
.newpodne h2{
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 30px;
text-align: center;
padding: 0 10px;
}
.newpodne h3{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 30px;
text-align: center;
padding: 0 10px;
}
.newpodne h6{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
}
.newpodne p{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.btnnewpo{
display: flex;
align-items: center;
justify-content: center;
height: 57px;
width: 100%;
}
.kl{
margin-top: 17px;
margin-bottom: 25px;
}
.register input, .register select{
height: 52px !important;
}
.termcontact{
font-family: "Helvetica";
}
.navisactive{
color: #1F68B1 !important;
}
.mailtoinput1, .mailtoinput1:active, .mailtoinput1:focus, .mailtoinput1:hover{
display: inline;
width: 30%;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.mailtoinput2, .mailtoinput2:active, .mailtoinput2:focus, .mailtoinput2:hover{
display: inline;
width: 68%;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.mj {
padding-right: 0;
}
.slectnew{
width: 100%;
height: 52px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
/* background: url("public/img/chevrondown.svg") no-repeat right black; */
border: 1px solid #8692A6;
display: inline-block;
border-radius: 6px;
position: relative;
}
.slectnew2{
width: 100%;
height: 59px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
/* background: url("public/img/chevrondown.svg") no-repeat right black; */
display: inline-block;
border-radius: 6px;
position: relative;
}
.slectne{
width: 90%;
height: 67px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
/* background: url("public/img/chevrondown.svg") no-repeat right black; */
border: 1px solid #008024;
display: inline-block;
border-radius: 20px;
position: relative;
color: #737373;
/* padding: 20px; */
}
.slectne select, .slectne select:hover, .slectne select:active, .slectne select:focus{
background: transparent;
-webkit-appearance: none;
width: 100%;
font-size: 1rem;
border: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
color: #737373 !important;
/* padding: 20px; */
width: 100%;
}
.chevrondown{
position: absolute;
right: 0.5rem;
top: 37%;
height: 15px;
z-index: -1;
cursor: pointer;
}
.dropdown-toggle::after {
position: absolute;
right: 0.7rem;
top: 1rem;
transform: scale(2);
color: #1F68B1;
}
.tyuuuo.dropdown-toggle::after {
position: absolute;
right: -5px;
top: 0.7rem;
transform: scale(2);
color: #1F68B1;
}
@media (max-width:768px) {
.tyuuuo.dropdown-toggle::after {
right: -15px;
}
}
.chevrondown2{
position: absolute;
right: 1rem;
top: 37%;
height: 15px;
z-index: -1;
cursor: pointer;
}
.slectnew2 select,
.slectnew2 select:hover,
.slectnew2 select:active,
.slectnew2 select:focus{
background: transparent;
-webkit-appearance: none;
width: 100%;
font-size: 1rem;
height: 17px;
position: absolute;
left: 0;
top: 0;
color: #737373;
padding: 0 0.5rem;
height: 59px;
border: 2px solid #1F68B1;
}
.tct{
font-family: 'DM Sans';
/* font-style: normal; */
font-weight: 600;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
letter-spacing: 0.05em;
}
.sinwt{
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
color: #252B42;
}
.slectnew select,
.slectnew select:hover,
.slectnew select:active,
.slectnew select:focus{
background: transparent;
-webkit-appearance: none;
width: 100%;
font-size: 1rem;
border: 0;
height: 17px;
position: absolute;
left: 0;
top: 0;
color: #737373;
padding: 0 0.5rem;
}
.newinputselect,
.newinputselect:focus,
.newinputselect:hover,
.newinputselect:active{
padding: 15px 5px;
outline: none;
}
.newinputselect2,
.newinputselect2:focus,
.newinputselect2:hover,
.newinputselect2:active,
.newinput2,
.newinput2:focus,
.newinput2:active,
.newinput2:hover{
padding: 15px 15px;
outline: none;
margin-bottom: 15px;
border-radius: 8px;
border: 2px solid #1F68B1;
height: 59px;
}
.newinput2::-webkit-input-placeholder{
content: "*hhh";
}
/* .newinput2:-ms-input-placeholder {
color: red;
} */
/* .newinput2::placeholder{
color: "blue";
} */
/* .register select{
-webkit-appearance: none;
appearance: none;
}
.register select::after{
content: "⌄";
} */
.notifydiv{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.notifydiv2{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.optional{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 136.1%;
position: absolute;
top: -1rem;
right: 0;
}
.imagedate{
font-family: Helvetica;
font-size: 9px;
font-weight: 700;
line-height: 10px;
letter-spacing: 0em;
text-align: left;
/* background-color: #008024; */
/* background-color: -moz-linear-gradient(top, 50%); FF3.6+ */
background-color: rgba(0, 128, 36, 0.5);
backdrop-filter: saturate(150%) blur(5px);
-webkit-backdrop-filter: saturate(150%) blur(5px);
/* opacity: 0.7; */
/* z-index: 10; */
position: absolute;
top: 2rem;
/* left: 4.31px; */
color: #fff;
border-radius: 10px;
left: 28px;
display: flex;
flex-direction: column;
/* align-items: center; */
height: 40px;
width: 81px;
justify-content: center;
padding-left: 7.98px;
padding-right: 17.02px;
}
.imagedate p{
margin: 0;
}
.notify{
display: flex;
/* align-items: center; */
justify-content: center;
gap: 8px;
}
.notify2{
display: flex;
/* align-items: center; */
justify-content: center;
gap: 8px;
}
.notify p, .notify a{
/* font-family: Inter; */
font-size: 12px;
font-weight: 500;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #001A33;
}
.notifydiv input, .notifydiv input:hover, .notifydiv input:active, .notifydiv input:focus{
width: 16.67px;
height: 16.67px;
display: block;
outline: none;
margin-top: -1.2rem;
}
.audio-bar{
height: 11px;
width: 90%;
background-color: #EDEDED;
border-radius: 20px;
padding: 0;
cursor: pointer;
margin-top: -2.5rem;
margin-left: 1.7rem;
/* z-index: 100; */
}
.authpath{
/* font-family: Inter; */
font-size: 48px;
font-weight: 700;
line-height: 58px;
letter-spacing: 0em;
text-align: left;
color: #fff;
position: absolute;
bottom: 114px;
padding: 0 44px 0 80px;
}
.imageauhhh{
position: absolute;
right: 8.6%;
top: 5.2%;
}
.authphone{
display: none;
}
.authlogog{
display: block;
}
.loginclass{
height: 100vh;
}
.audio-seek{
height: 100%;
background-color: #008024;
width: 0%;
border-radius: 20px;
transition: all 0.2sec ease;
}
.imageoflogin{
background-image: url("/public/img/loginforgot.svg");
/* background-position: center; */
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
}
.imageofsignup{
background-image: url("/public/img/changepsignup.svg");
/* background-position: center; */
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
}
.imageofteachsignup{
background-image: url("/public/img/teachreg2.svg");
/* background-position: center; */
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
}
.imageofteachlogin{
background-image: url("/public/img/teachlogin2.svg");
/* background-position: center; */
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
}
.imageofenterprise{
background-image: url("/public/img/enterpriseimg.svg");
/* background-position: center; */
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
}
.loginhead{
/* font-family: 'DM Sans'; */
font-size: 22px;
font-weight: 700;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 5px;
}
.loginpp{
font-family: 'DM Sans';
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #001A33;
margin-bottom: 29px;
}
.donyhavetest{
Font: Inter;
font-weight: 400;
font-size: 14px;
line-height: 16.94px;
text-align: center;
}
.donyhavetest2{
Font: Inter;
font-weight: 400;
font-size: 14px;
line-height: 16.94px;
text-align: center;
margin-bottom: 1rem;
}
.signup{
color: #008024;
cursor: pointer;
}
.newinput{
padding: 20px !important;
height: 64px;
outline: none;
}
.forgott{
color: #E74040;
/* font-family: Inter; */
font-size: 16px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 35px;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.lofinbtn{
background-color: #00BA34 !important;
height: 52px;
margin-bottom: 27px;
width: 100%;
color: #fff;
}
.lofinbtn2{
height: 52px;
margin-bottom: 27px;
width: 100%;
color: #fff;
}
.logindiv{
height: 100%;
padding: 0 13.4%;
display: flex;
flex-direction: column;
/* align-items: center; */
justify-content: center;
text-align: left;
}
.newFooter{
background: #1F68B1;
padding-left: 70px;
padding-right: 70px;
padding-top: 40px;
}
.newFooterText{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 172.9%;
letter-spacing: 0.05em;
color: #FFFFFF;
}
.newFooterHead{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
margin-bottom: 20px;
}
.newFooterLink{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
.newFooterLink:hover{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
.whyBox{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/public/img/landing-banner.png');
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 50px 100px 60px;
background-size: cover;
background-repeat: no-repeat;
height: 500px;
}
/* #bg_container{ height:500px; overflow:hidden; width: 100%; }*/
#bg{ width:100%; height:100%; }
@media (max-width:768px) {
#bg{ width:100%; height:400px; margin-top: 40px;}
}
.whyHead{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 64px;
color: #FFFFFF;
}
.whyText{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 29px;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-top: 1px;
padding-bottom: 1rem;
}
.faqBox{
background: #FFFFFF;
box-shadow: -12px 0px 16px rgba(0, 0, 0, 0.07), 0px 12px 16px rgba(0, 0, 0, 0.07);
border-radius: 4px;
padding: 25px 40px;
height: 456px;
}
.accordion-button{
padding: 0.5rem 1rem;
}
.faqHead{
font-family: 'DM Sans', 'sans-serif';
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 64px;
color: #000D4E;
}
.faqText{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.01em;
color: #1B1C31;
margin-top: 60px;
}
.faqLink{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 29px;
color: #1F68B1;
margin-top: 60px;
}
.faqQuestion{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 29px;
color: #008024;
}
.faqAnswer{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 29px;
color: #252B42;
}
.partnerHead{
font-family: 'DM Sans', 'sans-serif';
font-weight: 700;
font-size: 32px;
line-height: 30px;
color: #000D4E;
text-align: center;
margin-bottom: 20px;
text-transform: uppercase;
}
.ptaOverboard{
background: #F2F2F2;
padding-left: 60px;
padding-right: 60px;
padding-top:10px;
padding-bottom: 10px;
color: #000D4E;
}
.ptaQuestion{
font-size: 24px
}
.partnerBox{
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.1));
border-radius: 4px;
/* width: 200px; */
transition: all 0.7s ease;
/* height: 115.54px; */
}
.partnerBox img:hover{
scale: 1.4;
animation: slideanimation 1s ease 1s;
}
@keyframes slideanimation {
0%{
scale: 1.0;
}
/* 25%{
transform: rotate(45deg);
} */
/* 50%{
scale: 1.4;
} */
/* 75%{
transform: rotate(180deg);
} */
100%{
scale: 1.4;
}
}
.partnerBox img{
height: 120px;
width: 200px;
transition: all 0.7s ease;
}
.teachDiv{
height: 350px;
}
.successText{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
color: #000D4E;
margin: 10px;
}
.successReadMore{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.008em;
text-transform: capitalize;
color: #F98600;
text-align: center;
margin-top: 43px;
/* margin-bottom: ; */
}
.successCourse{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-transform: capitalize;
color: #008024;
margin: 10px;
}
.successHead{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 40px;
/* text-align: center; */
/* text-transform: uppercase; */
color: #000D4E;
margin-bottom: 0px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.successHead h4{
font-family: 'DM Sans', 'sans-serif';
font-weight: 700;
font-size: 32px;
}
.successHead .viewAll {
font-family: 'Helvetica', 'sans-serif';
}
.successHead2{
/* border-radius: 8px 8px 8px 0px; */
/* box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); */
/* padding: 10px 7px; */
height: 250px;
/* width: 330px; */
position: relative;
}
.successHead2 .row{
/* margin-top: 2rem; */
position: absolute;
bottom: -0.5rem;
}
.successhead2{
margin-bottom: 1.5rem;
}
.successhead2 p{
padding-left: 1rem;
padding-right: 1rem;
font-size: 14px;
}
.successHead2 p {
font-family: 'DM Sans', 'sans-serif';
}
.successIcon{
width: 48px;
height: 48px;
border-radius: 50%;
}
.successName{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
}
.successName img{
text-align: left;
}
.successTitle{
display: flex;
flex-direction: column;
}
.successTitle p, .ftyuf{
font-family: 'Helvetica', 'sans-serif';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: #000D4E;
}
.successBoxDiv{
display: flex;
padding: 30px 50px 30px 20px;
}
.successBox{
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); */
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 20px 10px 20px 10px;
transition: all 0.5s ease-in;
width: 330px;
}
.successBox:hover{
background-color: #1F68B1;
color: #fff;
transform: scale(1.1) !important;
z-index: 1000 !important;
/* position: absolute; */
}
.courseBox{
background: #FFFFFF;
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.08);
border-radius: 8px;
width: 100%;
overflow: hidden;
padding-left: 5px;
height: 281px;
/* padding-right: 5px; */
}
.courseBoxHead{
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
height: 104px;
padding: 20px;
font-family: 'Helvetica', 'sans-serif';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
position: relative;
}
.chevron{
font-weight: 300;
font-size: 20px;
cursor: pointer;
}
.chevron_active{
font-weight: 700;
font-size: 20px;
cursor: pointer;
}
.iconCircle{
position: absolute;
width: 48px;
height: 48px;
right: 20px;
bottom: -32px;
border-radius: 50%;
background-image: url('/public/img/Group\ 31873.png');
background-size: 100% 100%;
}
.courseBoxText{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #252B42;
padding: 20px;
padding-top: 25px;
height: 120px;
}
.courseBoxPat{
font-family: 'Helvetica', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #F98600;
padding: 20px;
padding-top: 15px;
}
.courseBoxTab{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 500 !important;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #737373;
margin-right: 5px;
text-decoration: none;
}
.courseBoxTab:active{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #737373;
margin-right: 5px;
text-decoration: none;
}
.teach{
border-radius: 8px;
background-size: cover;
padding: 0;
/* background: url('/public/img/landing-banner.png'); */
/* box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); */
border-radius: 8px;
}
.teachHead{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
/* text-align: center; */
text-transform: uppercase;
color: #000;
}
.teachText{
font-family: 'DM Sans', 'san-serif';
/* font-style: normal; */
font-weight: 400;
font-size: 16px;
line-height: 160.68%;
color: #000;
margin-top: 10px;
}
.teachLink{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 160.68%;
color: #1F68B1;
margin-top: 28px;
}
.pop{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 30px;
color: #000D4E;
text-align: left;
text-transform: uppercase;
}
.viewall{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #1F68B1;
text-align: right;
text-decoration: none;
}
.head1{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
margin-bottom: 20px;
}
.head2{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 46px;
color: #FFFFFF;
text-align: center;
margin-bottom: 22px;
}
.head3{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
text-align: center;
margin-bottom: 44px;
}
.head4{
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #FFFFFF;
background: #008024;
border: 1px solid #008024;
border-radius: 4px;
text-decoration: none;
padding-top: 15.5px;
padding-bottom: 15.5px;
padding-left: 20px;
padding-right: 20px;
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
transition: all 0.7s ease;
}
.head4:hover{
background-color: transparent;
color: #fff;
scale: 1.2;
}
.slide3{
height: fit-content;
background:transparent;
border: none;
}
.landingslider {
width: auto;
height: 500px;
background: #FFFFFF;
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.07);
color: #252B42;
overflow: hidden;
background-size: cover;
padding-left: 5px;
padding-right: 5px;
}
.newHeadersmall{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
}
.overHeader{
position: relative;
top: -85px;
z-index: 5;
}
.overList{
background: #FFFFFF;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding-bottom: 14px;
padding-top: 14px;
padding-left: 30px;
padding-right: 40px;
transition: all 0.7s ease;
}
.overList:hover{
scale: 1.08;
background-color: #E9F0F7;
}
.overListText{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #252B42;
}
.overListLink{
font-family: 'Helvitica', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 17px;
text-align: right;
text-transform: capitalize;
color: #1F68B1;
position: relative;
}
.nav-padding{
padding-left: 50px;
padding-right: 50px;
}
.navigation {
min-height: 80px;
color: #000D4E;
background: #FFFFFF;
box-shadow: 0px 4px 17px rgba(8, 37, 100, 0.17);
font-family: 'Inter', sans-serif;
z-index: 10;
}
.breadcrumPast{
font-family: 'DM Sans', 'san-serif' !important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 95%;
color: #DBDBDB;
text-decoration: none;
}
.breadcrumCurrent{
font-family: 'DM Sans', 'san-serif' !important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 95%;
color: #1F68B1;
text-decoration: none;
}
.course_category{
display: flex;
align-items: center;
justify-content: right;
align-items: right;
margin: 1rem 3rem 0 0;
}
.course_category ul{
display: flex;
align-items: center;
gap: 4rem;
}
.course-box1-hide{
display: none;
}
.owl-carousel5 .owl-nav button.owl-prev {
color: #000!;
background-color: #000;
scale: 3;
}
.course_category_img{
cursor: pointer;
color: #000000;
border-style: none;
}
.pagination-direct-disable{
opacity: 0.5;
}
.navtext {
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
align-items: center;
color: #252B42;
}
.dropdown-item{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #000000;
}
.active {
color: #008024
!important;
font-weight: 700;
}
.button {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
height: 40px;
padding-top: 11px;
margin-left: 10px;
margin-right: 10px;
margin-top: 3px;
}
.buttonPrimary {
color: #FFFFFF;
background: #008024
;
border-radius: 6px;
}
.buttonSecondary {
color: #008024
;
border-radius: 6px;
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
}
.buttonPrimary:hover {
color: #FFFFFF;
box-shadow: 0px 4px 17px rgba(8, 37, 100, 0.17);
}
.buttonSecondary:hover {
color: #008024
;
box-shadow: 0px 4px 17px rgba(8, 37, 100, 0.17);
}
.head {
height: 630px;
}
.headerTest {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 600;
font-size: 62px;
line-height: 120.1%;
color: #000D4E;
}
.headerSmall {
margin-top: 30px;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 136.1%;
color: #898CA6;
}
.imgbanner {
position: absolute;
left: 0%;
top: 50%;
transform: translate(-0%, -50%);
width: 100%;
height: auto;
}
.homeslider {
width: auto;
height: 236px;
margin: 0px 26.0897px;
/* height: 258.41px; */
background: #CCE6D3;
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.07);
padding: 20px;
color: #252B42;
overflow: hidden;
transition: all 0.5s ease;
}
.line h6 {
color: #E74040;
}
.homeslider:hover .line h6 {
color: #FFFFFF;
}
.homeslider:hover {
width: auto;
height: 236px;
margin: 0px 12.0897px;
/* height: 258.41px; */
background: #008024;
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.07);
padding: 25.7863px;
padding-bottom: 50px;
color: #FFFFFF;
overflow: visible;
scale: 1.1;
}
.sectionHeader {
font-family: 'DM Sans', sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 136.1%;
text-align: center;
text-transform: uppercase;
color: #000D4E;
margin-bottom: 10px;
}
.offerh3 {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.0869658px;
color: #252B42;
border-bottom: 2px solid #F98600;
border-width: 25%;
/* padding-bottom */
}
.offerp {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 17px;
letter-spacing: 0.173932px;
color: #737373;
}
.offer:hover .offerh3 {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.0869658px;
color: #FFFFFF;
}
.offer:hover .offerp {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 17px;
letter-spacing: 0.173932px;
color: #FFFFFF;
}
.eventSlider {
height: 480px;
background: #F9F9F9;
border-radius: 14.9124px;
/* background: #000D4E; */
margin: 0px 26.0897px;
}
.eventCard {
height: 480px;
width: 294px;
margin-bottom: 30px;
background: #F9F9F9;
border-radius: 14.9124px;
/* background: #000D4E; */
margin: 0px 26.0897px;
}
.eventTitle {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #032041;
}
.myaccordion{
background: #F2F2F2;
padding: 35px;
}
.eventTime {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #575A65;
}
.eventBrief {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #032041;
}
.eventLink {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 16.7764px;
line-height: 19px;
color: #066AFF;
text-decoration: none;
}
.tab {
cursor: pointer;
}
.timeBox {
width: 120px;
height: 120px;
margin: auto;
}
.timerhead {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #002147;
margin-top: 16px;
}
.timertext {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 900;
font-size: 40px;
line-height: 27px;
text-align: center;
color: #000000;
margin-top: 18px;
margin-bottom: 16px;
}
.timeframe{
background: #FFFFFF;
box-shadow: 0px 0px 28px 2px rgba(0, 0, 0, 0.1);
border-radius: 20px;
}
.eventdetail{
/* font-family: 'Montserrat'; */
font-weight: 600;
font-size: 16px;
line-height: 36px;
color: #002147;
margin-top: 0px;
}
.eventtxt{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #032041;
margin-top: 30px;
}
.eventRegFrame{
width: 100%;
height:fit-content;
margin: auto;
background: #FFFFFF;
box-shadow: 0px 0px 38px 2px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.fc-daygrid-day-number {
color: #000000;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 36px;
text-decoration: none;
}
.fc-col-header-cell-cushion {
color: #000000;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 36px;
text-decoration: none;
}
.fc-button-primary {
background-color: #008024 !important;
color: #FFFFFF !important;
/* border:1px solid #FFFFFF !important; */
}
.fc-toolbar-title {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: #008024
;
}
.course {
height: 437px;
width: 100%;
padding: 17px;
background: #FFFFFF;
box-shadow: 0.891837px 0px 1.78367px 0.891837px rgba(29, 125, 193, 0.1);
border-radius: 8.91837px;
}
.courseTitle {
/* font-family: 'Montserrat'; */
font-style: normal;
margin-top: 17px;
font-weight: 700;
font-size: 19.6204px;
line-height: 17px;
color: #008024
;
}
.courseBreif {
/* font-family: 'Montserrat'; */
font-style: normal;
margin-top: 17px;
font-weight: 400;
font-size: 14.2694px;
line-height: 22px;
color: #1C280B;
}
.innerCourseHeader {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 136.1%;
text-align: center;
text-transform: capitalize;
color: #000D4E;
}
.testImage {
width: 88px;
height: 88px;
border-radius: 137.714px;
background-color: #008024
;
margin-top: 20px;
}
.testText {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.137714px;
color: #1C280B;
margin-top: 22.83px;
}
.testName {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-align: center;
letter-spacing: 0.0688571px;
color: #252B42;
margin-top: 30.37px;
}
.testProf {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
letter-spacing: 0.137714px;
color: #008024
;
margin-top: 13.97px;
}
.contactFrame {
background: #FFFFFF;
box-shadow: 2px 10px 28px rgba(75, 0, 129, 0.12);
border-radius: 10px;
padding: 48px;
}
.contactSubhead {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #000D4E;
}
.contactFields {
border: 1.2px solid #B4BEC8;
box-sizing: border-box;
border-radius: 20px;
width: 100%;
height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.contactFields:focus {
border: 1.2px solid #008024
;
box-sizing: border-box;
border-radius: 20px;
width: 100%;
height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.contactFields:hover {
border: 1.2px solid #008024
;
box-sizing: border-box;
border-radius: 20px;
width: 100%;
height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.contactBtn {
height: 50px;
width: 100%;
background: #008024
;
border-radius: 20px;
}
.contactBtn:hover {
height: 50px;
width: 100%;
border-radius: 20px;
}
.contactText {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: #000D4E;
}
.footerpage {
/* min-height: 120px;
min-height: fit-content; */
background: #008024
;
padding-top: 20px;
padding-bottom: 20px;
}
.footerTextAlign{
text-align: left;
}
.footerLink {
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
text-decoration: none;
margin-left: 15px;
margin-right: 15px;
}
.footersocial{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
text-align: center;
margin-top: 5px;
}
.dashboardcard{
height: 150px;
width: 90%;
border: 1px solid #898CA6;
border-radius: 10px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 40px;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
overflow: hidden;
word-wrap: break-word;
transition: all 0.7s ease;
}
.dashboardcard-x {
height: 150px;
width: 90%;
border: 1px solid #898CA6;
border-radius: 10px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 40px;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
overflow: hidden;
word-wrap: break-word;
transition: all 0.7s ease;
}
.subgreeting{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #000D4E;
}
.dashboardcard:hover, .dashboardcard-x:hover{
height: 150px;
width: 90%;
border: 1px solid #898CA6;
border-radius: 10px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
overflow: hidden;
word-wrap: break-word;
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.3);
}
.dashboardcardIcon{
width: 100px;
height: 100px;
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
border-radius: 50%;
margin-right: 10px;
position: absolute;
}
.dashboardcardiconimage{
position: absolute;
left:50%;
top: 50%;
transform: translate(-50%, -50%);
}
.dashboardcardText{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
/* letter-spacing: 0.05em; */
color: #252B42;
position: absolute;
left: 150px;
top:50%;
transform: translate(0%, -50%);
}
/* login style */
.sideBanner {
background-size: cover;
background-color: #FFFFFF;
height: 100vh;
overflow: hidden;
}
.serviceOverlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.loginImage {
width: 50%;
position: absolute;
top: 40%;
left: 50%;
z-index: 3;
transform: translate(-50%, -30%);
}
input {
border: 1px solid #8692A6;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
input:focus {
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
input:hover {
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
input:active {
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
.searchbardiv{
display: flex;
align-items: center;
position: absolute;
left: -10px;
width: 80%;
display: none;
margin-left: -20px;
}
.searchbar, .searchbar:focus, .searchbar:hover, .searchbar:active{
width: 100%;
height: 36px;
/* position: absolute; */
top: 5px;
background-color: transparent;
left: -30px;
padding-left: 5px;
}
.regBtn1{
border: 1px solid #008024;
border-radius: 4px;
height: 50px;
color: #008024 !important;
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
background: #FFFFFF;
}
.regBtn2{
border: 1px solid #008024;
background: #008024
!important;
border-radius: 4px;
height: 50px;
color: #FFFFFF !important;
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
}
.rightnavbar{
width: 80%;
}
.nav-link{
text-align: center;
display: inline-block;
}
select {
border: 1px solid #8692A6;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
select:focus {
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
select:hover {
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
select:active {
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
background: #FFFFFF;
padding-left: 49px;
padding-right: 49px;
width: 100%;
}
.registerCheck {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #001A33;
}
.forget {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: right;
color: #2B35FF;
}
.loginBtn {
background: #008024
;
border-radius: 6px;
width: 100%;
height: 64px;
}
.loginBtn:hover {
background: #015e1b;
border-radius: 6px;
width: 100%;
height: 64px;
}
.loginHeading {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #000000;
text-align: center;
}
.loginSubHeading {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
text-align: center;
color: #001A33;
margin-bottom: 40px;
}
.btyn{
position: absolute;
left: 50%;
top: 30%;
}
.loginLine {
font-style: normal;
font-weight: normal;
font-size: 15px;
color: #8692A6;
border-bottom: 1px solid #E0E0E0;
}
label {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #696F79;
margin-bottom: 10px;
}
.loginSignup {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #898CA6;
}
.dashboardheader1{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 59px;
color: #000D4E;
height: 459px;
}
.askPta{
width: 90%;
filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
padding-left: 30px;
padding-right: 30px;
padding-top: 80px;
padding-bottom: 80px;
background: #FFFFFF;
border-radius: 40px;
}
.askptaheader{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 120.1%;
color: #000D4E;
text-align: center;
}
.askptaheader2{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 136.1%;
color: #008024
;
text-align: center;
margin-top: 10px;
}
.askptaheader3{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;
color: #737373;
text-align: center;
margin-top: 20px;
}
.givespace1{
position: relative;
}
.givespace2{
position: relative;
}
.bread {
margin-top: 30px;
margin-bottom: 30px;
}
.breadLink {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 95%;
letter-spacing: 0.06em;
color: #1C280B;
text-decoration: none;
}
.breadCurrent {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 95%;
letter-spacing: 0.06em;
color: #A7A8AB;
text-decoration: none;
}
.pageHeader {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 136.1%;
text-transform: uppercase;
color: #000D4E;
margin-bottom: 20px;
}
.pageTitle{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 34px;
letter-spacing: 0.01em;
color: #000D4E;
/* text-transform: uppercase; */
}
.feedcard{
max-width: 373px;
padding: 0px;
margin: 31px;
display: inline-block;
}
.feedcardinner{
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/public/img/courseImage/Rectangle\ 2029.png);
padding-top: 32px;
padding-bottom: 32px;
padding-left: 12px;
padding-right: 12px;
}
.feedbackcategory{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.05em;
color: #07FD4C;
}
.feedbacktitle{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.2px;
text-transform: uppercase;
color: #FFFFFF;
margin-top: 18px;
}
.feedbackdesc{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 27px;
color: #FFFFFF;
margin-top: 9px;
}
.feedbackstar{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 17px;
letter-spacing: 0.2px;
color: #E7AE40;
}
.feedbackrating{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #07FD4C;
display: inline-block;
margin-left: 5px;
}
.feedbackstudentcount{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #FFFFFF;
margin-top: 18px;
}
.feedbackleave{
background: #FFFFFF;
border: 1px solid #008024
;
box-sizing: border-box;
border-radius: 6px;
height: 64px;
margin-top: 20px;
padding-top: 18px;
}
.feedbacktrainername{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 23px;
letter-spacing: 0.2px;
color: #000D4E;
}
.feedbacktrainercoursetitle{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #008024;
margin-top: 4px;
margin-bottom: 7px;
}
.feedbacktrainerpicture{
width: 112px;
height: 112px;
border: 1px solid #D1D7DC;
box-sizing: border-box;
position: absolute;
left: 12px;
top: 0px;
}
.feedbacktrainerstarlist{
position: absolute;
left: 130px;
top: 0px;
}
.feedbacktrainerdesc{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #252B42;
}
.systemfeedbackframe{
background: #FBFBFB;
border: 1px solid #DBDBDB;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 80px;
padding-right: 80px;
}
.systemfeedbackheader{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
color: #252B42;
}
.systemfeedbacklabel{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #252B42;
}
.systemfeedbacktextarea{
background: #FFFFFF;
border: 1px solid #C4C4C4;
width: 100%;
height: 168px;
/* margin-top: 16px; */
}
.feedbackFormPicture{
background: url(/public/img/courseImage/unsplash_UP9DtTjRYpI.png), #7D879A;
min-height: 200px;
max-height: 250px;
background-size: cover;
background-position: top;
width: 100%;
margin-top: 42px;
margin-bottom: 40px;
}
.sideTabBtn{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 40px;
color: #252B42;
text-decoration: none;
white-space: nowrap;
}
.serviceHistory{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #252B42;
}
.profileFrame{
background: #FBFBFB;
border: 4px solid rgba(0, 128, 36, 0.5);
box-sizing: border-box;
padding: 50px;
border-radius: 8px;
/* padding-right: 0px; */
}
.tab {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
text-decoration: none;
background: transparent;
}
.tab:hover {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
border-bottom: 3px solid #FFFFFF;
text-decoration: none;
background: transparent;
}
.tab:visited {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
border-bottom: 3px solid #FFFFFF;
text-decoration: none;
background: transparent;
}
.profileLabel{
/* font-family: 'Nunito'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #252B42;
margin-bottom: 10px;
}
.inputshowonly{
background: #F1F1F1;
height: 50px;
padding-top: 11px;
/* font-family: 'Nunito'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 182.85%;
color: #737373;
border: 2px solid rgba(0, 128, 36, 0.5);
}
.contactTrainerBox{
width: 271px;
margin-left: auto;
margin-right: auto;
}
.contactTrainerImg{
width: 200px;
height: 200px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.contactTrainername{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 18px;
color: #252B42;
text-align: center;
margin-top: 20px;
}
.contactTrainerTaught{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 18px;
color: #737373;
margin-top: 13px;
text-align: center;
}
.contactTrainerBtn{
background: #FFFFFF;
border: 1px solid #008024
;
height: 60px;
width: 100%;
padding-top: 16px;
}
.studentContactTrainerFormHead{
background: #F2F2F2;
box-shadow: 0px 4px 4px rgba(14, 34, 84, 0.08);
border-radius: 4px;
padding: 30px;
}
.errMsg{
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #E74040;
margin-bottom: 2px;
}
.shortHeader{
/* font-family: 'Roboto'; */
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 140.62%;
text-align: center;
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
}
.coursedetailname {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 45px;
line-height: 42px;
text-align: center;
text-transform: capitalize;
color: #000D4E;
}
.coursedetaildate{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 136.1%;
text-transform: capitalize;
color: #1F68B1;
}
.coursedetailaboutcourse{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 26px;
text-transform: capitalize;
color: #000D4E;
margin-top: 70px;
}
.coursedetailaboutcoursecontent{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 32px;
text-transform: capitalize;
color: #252B42;
margin-top: 24px;
}
.bread-crumbs{
padding: 1.5rem 0 1rem 5rem;
}
.breadcrumb-item a{
text-decoration: none;
color: rgba(0, 0, 0, 0.3);
font-family: 'DM Sans', 'san-serif' !important;
}
.breadcrumb-item.active{
font-family: 'DM Sans', 'san-serif' !important;
color: #1F68B1 !important;
}
.rectangleImageDiv{
background-image: url("/public/img/Rectangle2026.png");
background-repeat: no-repeat;
background-size: cover;
height: 300px;
width: auto;
display: flex;
flex-direction: column;
gap: 2rem;
border-radius: 0.5rem;
margin: 0 0.2rem;
}
.rectangleImageDiv h2{
color: #fff;
}
.rectangleImageDiv1{
display: flex;
padding: 2rem 3rem 0;
}
.rectangleImageDiv1 button{
background-color: #008024;
color: #fff;
padding: 0.5rem 1rem;
transition: all 0.5s ease;
border: none;
border-radius: 4px;
height: 48px;
}
.rectangleImageDiv1 button:hover{
background-color: rgba(0, 186, 52, 0.3)
}
.rectangleImageDiv2, .rectangleImageDiv3{
text-align: center;
}
.rectangleImageDiv3{
margin-top: -1rem;
}
.iconCircle1{
width: 68px;
height: 68px;
border-radius: 50%;
background-image: url('/public/img/Group31874.png');
background-size: 100% 100%;
}
.iconCircle2{
width: 78px;
height: 78px;
border-radius: 50%;
background-image: url('/public/img/Group41.png');
background-size: 100% 100%;
position: absolute;
right: 1rem;
bottom: -2rem;
}
.iconCircle3{
width: 78px;
height: 78px;
border-radius: 50%;
background-size: 100% 100%;
position: absolute;
right: 1rem;
bottom: -2rem;
}
.btnyu{
position: absolute;
bottom: 0;
width: 89%;
}
.iconCircleFree{
width: 38px;
height: 38px;
border-radius: 50%;
/* background-image: url('/public/img/Group4.png'); */
background-size: 100% 100%;
position: absolute;
right: 4px;
bottom: 4px;
}
.swiper-button-prev{
margin-left: -3rem !important;
}
.swiper-button-next{
margin-right: -3rem !important;
}
.swiper-wrapper:hover{
overflow-y: visible !important;
}
.swiper{
padding-right: 2.2rem !important;
}
.content-wrapper {
margin: 60px 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
/* gap:20px; */
}
.iconcirclecontainer{
background-color: #fff;
height: 48px;
width: 48px;
position: absolute;
right: 1rem;
bottom: -1.8rem;
border-radius: 50%;
border-width: 1px;
border-style: solid;
border-color: #1F68B1;
z-index: 1;
}
.pagination{
display: flex;
align-items: center;
gap: 2.2rem;
justify-content: center;
margin-top: 3rem;
margin-bottom: 3rem;
}
.pagination div{
display: flex;
align-items: center;
gap: 1.2rem;
}
.page_active{
color: #1F68B1;
cursor: pointer;
}
.page_{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: #BBBAC2;
cursor: pointer;
}
.pagination input{
border: 1px solid #D3D3D3;
box-sizing: border-box;
height: auto;
background: #FFFFFF;
padding-left: 0;
padding-right: 0;
width: auto;
cursor: pointer;
margin-top: -1.2rem;
}
.nav_active{
color: #4E4E4E;
}
.nav_{
color: #BDBDBD;
}
.contentRapper{
/* width: auto; */
padding: 4rem 5rem 2rem;
}
.contentRapper-p{
padding: 4rem 2rem 2rem 15px;
}
.contentRapper h4{
color: #414141;
font-size: 20px;
line-height: 24.2px;
font-weight: 400;
}
.coursecategorycontent2{
background-color: #F2F9F4;
}
.coursecategorycontent2 h5{
font-size: 24px;
margin-top: 1rem;
}
.coursecategorycontent2 p{
font-size: 16px;
}
.coursecategorycontent2 a.btn{
width: 100%;
}
.btnsp{
width: 50% !important;
}
.checkBoxList{
display: flex;
align-items: center;
/* justify-content: top; */
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.checkBoxList p{
line-height: 1.2;
}
.checkBoxList img {
border: none;
box-sizing: border-box;
background: #FFFFFF;
padding-left: 0;
padding-right: 0;
cursor: pointer;
margin-top: -2rem;
}
.tablesection{
background-color: #F4F7FB;
border: 1px solid #3577B9;
padding: 0 1rem;
border-radius: 0.5rem;
margin-top: 3rem;
margin-bottom: 3rem;
height: 320px;
/* #414141 */
}
.tablesection h5{
font-size: 20px;
line-height: 24.2px;
color: #222222;
margin: 1rem 0 1rem 0;
}
.tablesection tr{
padding-bottom: 1rem !important;
}
.tablesection img{
cursor: pointer;
}
.coursebundle div.item{
margin-top: 1rem;
}
.papap{
margin-top: -0.75rem;
}
.courseBox1{
background: #FFFFFF;
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.08);
border-radius: 8px;
width: 100%;
overflow: hidden;
height: 450px;
/* width: 413px; */
/* padding-right: 5px; */
background-color: #F2F9F4;
}
.courseBox-p{
background: #FFFFFF;
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.08);
border-radius: 8px;
width: 100%;
overflow: hidden;
height: fit-content;
/* width: 413px; */
/* padding-right: 5px; */
/* background-color: #F2F9F4; */
}
.courseBox5{
background: #FFFFFF;
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.08);
border-radius: 8px;
width: 100%;
overflow: hidden;
height: 450px;
/* width: 413px; */
/* padding-right: 5px; */
background-color: #F2F9F4;
}
.courseBoxHead1{
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
height: 230px;
padding: 20px;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
position: relative;
}
.become-part {
/* max-width: 919px; */
background: #E9F0F7;
border-radius: 20px;
padding:50px;
justify-content: center;
align-items: center;
border: 0px;
}
.become-part h3 {
font-weight: 700;
font-size: 24px;
line-height: 28px;
display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
color: #008024;
font-family: 'DM Sans', 'sans-serif';
margin: 5px 0;
}
.section-bepart {
position: relative;
width: 100%;
height: auto;
display: flex;
padding:50px 0 30px;
}
.become-part h4 {
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
display: flex;
align-items: center;
text-align: center;
color: #252B42;
}
.become-part p {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
display: flex;
align-items: center;
text-align: center;
color: #252B42;
}
.button-give-me-access {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 20px;
gap: 10px;
font-family: 'Helvetica';
width: 200px;
height: 50px;
background: #008024;
border-radius: 4px;
}
.courseBoxHead1 p{
position: absolute;
top: 35%;
/* width: 50%; */
font-size: 25px !important;
line-height: 36.79px !important;
font-weight: 700 !important;
color: #fff !important;
font-family: 'DM Sans';
}
.courseBoxHead2{
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
height: 175px;
padding: 20px;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
position: relative;
}
.courseBoxHead-p{
background: linear-gradient(97.26deg, #000000 0.87%, #687a8c 100%);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
height: 175px;
padding: 20px;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
position: relative;
}
.courseBoxHead2-1{
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.courseBoxHead2-1 h6{
position: absolute;
bottom: 1rem;
}
.courseBoxHead2-1 p{
line-height: 26px;
}
.courseBoxText1{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #252B42;
padding: 10px 20px 20px 20px;
height: 211px;
position: relative;
}
.courseBoxText-p{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #252B42;
padding: 10px 20px 20px 20px;
height: 211px;
position: relative;
background-color: #fff;
}
.cate_{
position: absolute;
bottom: -1.5rem;
font-family: 'DM Sans';
}
.cate_p{
position: absolute;
bottom: 0.2rem;
font-family: 'DM Sans';
}
.coursebundle h5{
color: #000D4E;
font-size: 18px;
line-height: 24.2px;
font-weight: 600;
margin-bottom: 1rem;
}
.coursebundle h2{
color: #222222;
font-size: 31px;
line-height: 38.73px;
font-weight: 700;
}
.coursebundle p{
color: #1F68B1;
font-size: 16px;
line-height: 19.36px;
font-weight: 700;
}
.viewAll{
color: #1F68B1;
font-size: 16px;
line-height: 19.36px;
font-weight: 700;
text-decoration: none;
}
.coursebundle h4{
color: #414141;
font-size: 20px;
line-height: 24.2px;
font-weight: 400;
}
.text1{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.text1 h5{
margin-bottom: 0.5rem;
}
.text1 a p{
font-size: 14px;
line-height: 24px;
color: #737373;
font-weight: 500;
height: 60px;
/* margin-bottom: 1rem; */
}
.text1 div a{
width: 100%;
}
/* .courseproper{
margin-right: 3rem;
} */
.courseproperitem{
margin-top: 1rem;
/* margin-right: 1rem; */
/* height: 500px; */
margin-bottom: 1rem;
}
.pta-banner{
background-image: url("/public/img/Banner-pta.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 350px;
margin-top: 5rem;
}
.pta-overview-container{
padding: 5rem 5rem 2rem;
}
.pta-header{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 32px;
text-transform: capitalize;
color: #000;
margin-bottom: 1.5rem;
}
.pta-overview-body p{
/* font-family: Inter; */
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
}
.pta-overview-video{
text-align: center;
/* display: flex;
flex-direction: column; */
/* padding: 0 10%; */
margin-top: 1rem;
width: auto;
}
.pta-overview-button{
padding: 1rem 5rem;
}
.becomeheader{
background: url("/public/img/become-back.png");
background-repeat: no-repeat;
background-size: cover;
margin-top: 80px;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
height: 450px;
}
.bheaderleft{
position: absolute;
top: 20%;
left: 5rem;
}
.bheaderleft h4 {
font-weight: 600;
font-size: 40px;
line-height: 48.41px;
color: #fff;
padding-right: 500px;
}
.bacpre{
height: 280px;
}
.bheaderleft p{
font-size: 18px;
font-weight: 400;
line-height: 27px;
/* width: 50%; */
letter-spacing: 0em;
color: #fff;
padding-right: 60px;
}
.smartp{
width: 50%;
}
.bheaderleft span{
font-family: "DM Sans";
}
.bheaderright2{
margin-top: 5rem;
background-image: url("/public/img/becomeright.png");
height: 450px;
/* width: 62%; */
background-repeat: no-repeat;
position: absolute;
right: 12.7%;
text-align: right;
}
.bheaderright{
background-image: url("/public/img/becomeright.png");
height: 450px;
width: 62%;
background-repeat: no-repeat;
position: absolute;
right: 0;
text-align: right;
}
.custombundlecard1{
/* height: 290px; */
border-radius: 20px;
width: 350px;
display: flex;
flex-direction: column;
text-align: center;
background-color: #fff;
margin-top: 65px;
transition: all 0.7s ease;
}
.custombundlecard1:hover{
transform: scale(1.05);
}
.bundlecardhead{
background-color: #008024;
height: 77px;
border-radius: 20px 20px 0 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
/* text-align: center; */
}
.white{
color: #fff;
}
.bundlecardbody{
display: flex;
flex-direction: column;
gap:18px;
padding-bottom: 0.8rem;
}
.button2{
font-family: Montserrat;
}
.bundledate2{
display: flex;
flex-direction: column;
text-align: left;
/* gap: 1px; */
}
.bundledate2 p{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 29px;
margin-bottom: -0.5rem;
margin-top: -0.3rem;
}
.bundledate2 span{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 29px;
}
.bundledate2 h6{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 29px;
}
.becomebody{
margin: 5rem 5rem;
/* overflow-x: hidden; */
}
.becomebody h4{
/* font-family: Inter; */
font-size: 20px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.becomebody p{
/* font-family: Inter; */
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
}
.becomebutton{
display: flex;
align-items: center;
justify-content: left;
gap: 3rem;
position: relative;
}
.becomebutton button {
padding: 0.7rem 2rem;
width: 100%;
}
button.rt{
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.backbec{
background-color: #F2F9F4;
border-radius: 20px;
padding: 3%;
margin-bottom: 1.5rem;
transition: transform 0.7s ease;
}
.backbec:hover{
transform: scale(1.05);
}
.bunbydiv{
transform: rotate(270deg);
position: fixed;
left: -6rem;
top: 15rem;
}
.buybuton{
height: 52px;
width: 199px;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
/* justify-content: space-between; */
}
.backbec h5{
font-weight: 600;
font-size: 20px;
}
.backbec li{
margin-bottom: 6px;
}
.becomebutton button a {
color: #1F68B1;
text-decoration: none;
}
.viewbtn a{
/* padding: 0rem 2rem; */
color: #1F68B1 !important;
}
.viewbtn a:hover{
color: #fff !important;
}
.uij{
height: 300px;
}
.descriptio{
height: 150px;
overflow-y: hidden;
}
.dert{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #222222;
margin-top: 0px;
}
.faqcontainer{
margin-top: 80rem;
padding: 4rem 5rem;
}
.faqcontainer .bread-crumbs{
margin-top: 100px;
}
.faqbody{
margin-top: 1.5rem;
padding: 0 5rem;
}
.faqbody h3{
font-family: Montserrat;
font-size: 24px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: center;
color: #000D4E;
margin-bottom: 2rem;
}
body{
font-family: 'DM Sans', sans-serif;
}
.faq-heading{
border-bottom: #777;
padding: 20px 60px;
}
.faq-container{
display: flex;
justify-content: center;
flex-direction: column;
}
.hr-line{
width: 100%;
margin: auto;
}
.bundleFilter{
margin-bottom: 2rem;
position: absolute;
right: 0rem;
top: 0rem;
width: 100%;
padding-left: 20px;
/* background-color: #E9F0F7; */
/* border: 1px solid#008024 !important; */
}
/* Style the buttons that are used to open and close the faq-page body */
.faq-page {
color: #444;
cursor: pointer;
padding: 15px 60px 15px 20px;
border: none;
outline: none;
transition: 0.4s;
margin: auto;
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
}
.faq-body{
margin: auto;
width: 95%;
padding: auto;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.factive,
.faq-page:hover {
background-color: #F9F9F9;
}
.factive{
color: #008024
!important;
font-weight: 700;
}
/* Style the faq-page panel. Note: hidden by default */
.faq-body {
padding: 5px 5px;
border-radius: 0.5rem;
background-color: #F9F9F9;
display: none;
overflow: hidden;
transition: all 0.5s ease;
margin-top: 0.5rem;
}
.faq-page:after {
content: '\02795';
/* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.factive:after {
content: "\2796";
/* Unicode character for "minus" sign (-) */
}
.freevideocontent{
display: flex;
flex-direction: column;
gap: 1rem;
}
.freevideocontent1{
height: 188px;
/* width: 310px; */
border-radius: 20px;
background-image: url("/public/img/free--vide.jpg");
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.freevideocontent1 iframe{
height: 188px;
border-radius: 20px;
width: 100%;
}
.freevideocontent2 h5{
/* font-family: Inter; */
font-size: 16px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #008024;
}
.freevideocontent2 h6{
/* font-family: Inter; */
font-size: 14px;
font-style: italic;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #F98600;
}
.freevideocontent2 p{
/* font-family: Inter; */
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
color: #888888;
}
.videotitle{
margin-bottom: 3.5rem;
}
.resourceCategory{
/* background: linear-gradient(0deg, #F4F4F4, #F4F4F4), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); */
/* border-radius: 0.5rem; */
background-color: #F4F7FB;
/* border: 0.2px solid rgba(0, 0, 0, 0.1); */
/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); */
border-radius: 20px;
margin-bottom: 1.5rem;
transition: all 0.7s ease;
}
.resourceCategory:hover{
scale: 1.05;
}
.resourcebody{
padding: 8rem 3rem 4rem;
}
.pod{
padding-top: 1rem !important;
}
.resourcebodyt{
padding: 3rem 5rem 0.3rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.podfilter{
z-index: 2;
width: 15%;
/* background-color: #E9F0F7; */
}
.podfilter select, .podfilter select:focus, .podfilter select:active, .podfilter select:hover{
height: 2.5rem;
width: 100%;
padding: 0 5px;
background-color: #E9F0F7;
border: 1px solid #008024;
}
.resourceIcon{
height: 24px;
width: 35.008628845214844px;
cursor: pointer;
}
.blue{
color: blue;
}
.resourcesdetails{
padding: 0.2rem 27.5px 0.3rem;
}
.tyrnt{
width: 100%;
height: 50px;
border: none;
}
.aopo{
background-color: #E5F2E9;
}
.tyrnt span{
color: #008024;
}
.podbanner img{
border-radius: 50%;
width: 100%;
height: 100% !important;
/* width: 310px; */
border-radius: 20px;
}
.podbanner{
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
padding: 3%;
position: relative;
}
.podbody{
display: flex;
flex-direction: column;
justify-content: top !important;
align-items: top;
/* padding: 1rem 0.5rem 1rem; */
/* height: 184px; */
}
.podbodyin{
display: flex;
flex-direction: column;
gap: 11px;
}
.popopod{
font-size: 20px !important;
/* font-family: Helvetica !important; */
}
.h6pod{
overflow: scroll;
padding-right: 1rem;
font-family: Helvetica !important;
}
.h6pod::-webkit-scrollbar{
display: none;
}
.resourcesdetails h2{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #008024;
}
.resourcesdetails h4{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #F98600;
}
.resourcesdetails li {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #252B42;
}
.linkButton{
color: #fff;
text-decoration: none;
}
.linkButton:hover{
color: #fff;
text-decoration: none;
}
.resourceimageHead{
background: url("/public/img/become-back.png");
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
height: 350px;
}
.jhk{
font-family: Helvetica;
font-size: 20px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0em;
text-align: left;
}
.resourcecontent1{
height: 134px;
/* width: 310px; */
border-radius: 20px;
position: relative;
padding: 0 1rem;
}
.resourcecontent2{
padding: 1rem 0.5rem 1rem;
height: 184px;
/* background: linear-gradient(0deg, #F4F4F4, #F4F4F4),
linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); */
}
.resourcecontent{
background-color: #F4F7FB;
border-radius: 20px;
transition: all 0.5s ease;
}
.resourcecontent:hover{
background-color: #D2E1EF;
}
.leftpod1{
display: flex;
flex-direction: column;
align-items: center;
padding: 0.5rem 20px;
}
.leftpod1 img{
width: 100%;
}
.gjy{
background-color: #F4F7FB;
border-radius: 20px;
padding-top: 2rem;
height: fit-content;
}
.playbut{
display: flex !important;
align-items: center;
gap: 2rem;
justify-content: center;
/* display: inline-block; */
}
.gjy h4{
text-align: center;
}
.resourcecontent2 h6, .podbody h6{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 148.02%;
color: #646464;
margin-top: -0.6rem;
}
.resourcecontent2 h5, .podbody h5, .leftpod h5{
/* font-family: Inter; */
font-size: 16px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #252B42;
overflow: hidden;
}
.podnewst{
display: flex;
align-items: center;
justify-content: center;
}
.resourcecontent2 p, .podbody p, .leftpod p{
/* font-family: Inter; */
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
color: #888888;
}
.resourcebody.row{
--bs-gutter-x: 0;
}
.podcastpag{
margin-right: 2rem;
margin-top: -4rem;
}
.filter{
text-align: right;
}
.filter select{
height: 2.5rem;
width: 15%;
padding: 0 0;
background-color: #E9F0F7;
border: 1px solid #008024;
}
.filter select:hover{
height: 2.5rem;
width: 15%;
padding: 0 0;
}
.filter select:active{
height: 2.5rem;
width: 15%;
padding: 0 0;
}
.filter select:focus{
height: 2.5rem;
width: 15%;
padding: 0 0;
}
.filter option{
padding: 0 0;
}
.handonbody{
margin: 4rem 13rem;
position: relative;
}
.righti{
position: absolute;
width: 280px;
top: 20%;
left: -15rem;
z-index: -100;
}
.lefti{
position: absolute;
width: 280px;
z-index: -100;
right: -13rem;
}
.handonleft h2{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #000000;
}
.handonleft p{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 32px;
color: #000000;
}
.careerheadbody{
text-align: center;
margin-top: 1rem;
/* padding: 0 2.5rem;
position: absolute;
top: 18%; */
}
.careerheadbody h2{
/* font-family: Inter; */
font-size: 32px;
font-weight: 700;
line-height: 44px;
letter-spacing: 0em;
text-align: center;
color: #fff;
}
.careerheadbody p{
color: #fff;
/* font-family: Inter; */
font-size: 20px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0em;
text-align: center;
}
/* .careerpathbody{ */
/* display: flex;
flex-direction: column;
gap: 1.5rem; */
/* } */
.careerpathbody h2{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 32px;
}
.careerpathbody p{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
}
.careerpathbody li{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
}
.teachfirst{
display: flex;
flex-direction: column;
gap: 36px;
background-color: #E9F0F7;
height: 365px;
padding: 92px 20% 92px;
}
.h2first{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 133.99%;
text-align: center;
color: #1F68B1;
}
.btnfirst{
display: flex;
align-items: center;
justify-content: center;
gap: 29px;
color: #fff;
}
.tecbtn{
display: flex;
align-items: center;
justify-content: center;
height: 76px;
}
.teachslphead{
background-image: url("/public/img/teachon.png");
height: 400px;
border-radius: 8px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: -10px 6px 0;
}
.teachonbdy{
display: flex;
align-items: center;
justify-content: center;
gap: 5%;
padding: 85px 11.3% 50px;
}
.teachonbdyleft{
width: 50%;
display: flex;
flex-direction: column;
gap: 8px;
}
.teachonbdyleft h2{
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 136.1%;
color: #333333;
text-align: left;
}
.teachonbdyleft p{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 32px;
color: #000000;
}
.teachonbdyright{
width: 60%;
display: flex;
flex-direction: column;
}
.teachonbdyright h4{
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 24px;
}
.teachcir1{
display: flex;
align-items: center;
gap: 2.4%;
}
.teachcir2 p{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 32px;
}
.teachcir2 img{
width: 137.16px;
height: 137.16px;
}
.teachcir2{
display: flex;
flex-direction: column;
gap: 12px;
}
.teachcir2 p{
text-align: center;
}
.teachonbdy2{
display: flex;
align-items: center;
justify-content: center;
gap: 9.17%;
height: 572px;
padding: 0 15.2%;
background-color: #F4F7FB;
}
.teachonbdy2left{
width: 60%;
height: 394px;
}
.teachonbdy2left img{
width: 400px;
height: 334px;
margin-top: 15px;
}
.teachonbdy2right{
display: flex;
flex-direction: column;
gap: 22px;
width: 60%;
}
.teachonbdy2right h3{
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 35.8182px;
line-height: 136.1%;
margin-bottom: 5px;
}
.teachonbdy2right p{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 17.9091px;
line-height: 36px;
}
.tech2rbtn{
display: flex;
align-items: center;
justify-content: center;
height: 58.39px;
width: 60%;
}
.teachbdy3{
padding: 85px 20% 100px;
display: flex;
flex-direction: column;
gap: 6px;
text-align: center;
/* height: 350px; */
}
.teachbdy3 h3{
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 32px;
}
.teachbdy3 p{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
}
.likered{
color: #D60620;
}
.trg{
position: relative;
display: flex;
justify-content: space-between;
}
.sharewith{
position: absolute;
right: 2rem;
top: 0.3rem;
display: block;
transition: all 0.07s ease-in-out;
}
.togglesharewith{
display: none;
}
/* .svg1{
height:800px;
/* color: #EFFFF3;
border-radius: 0 0 -50% -50% ;
} */
.svg2{
overflow:hidden;
position:relative;
}
.svg2::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 30;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 175% 199px;
background-position: 49% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.svg2::before{
background-size: 175% calc(2vw + 199px);
}
}
.svg1{
overflow:hidden;
position:relative;
height: 150px;
}
.svg1::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: -3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 175% 199px;
background-position: 49% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.svg1::before{
background-size: 175% calc(2vw + 199px);
}
}
.svg3{
overflow:hidden;
position:relative;
height: 150px;
}
.svg3::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 175% 199px;
background-position: 49% 100%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.svg3::before{
background-size: 175% calc(2vw + 199px);
}
}
.smartedget{
background-color: #CCE6D3;
}
.stayhidden{
display: none;
}
.hrnorm{
width: 25%;
border: 5px solid #F98600;
}
.hrover{
width: 100%;
}
.contactus{
/* margin: 2rem 5rem; */
margin-top: -2rem;
padding-bottom: 2rem;
background-color: #F9F9F9;
padding: 0 120px;
background-image: url("/public/img/contactback.svg");
background-size: cover;
background-repeat: no-repeat;
}
.mail{
background-color: #E9F0F7;
padding: 2rem 150px;
display: flex;
align-items: center;
justify-content: space-between;
}
.mail2{
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
/* margin-bottom: -3rem; */
}
.mail3{
display: flex;
gap: 2rem;
padding-bottom: 5rem;
}
.plo{
/* font-family: Inter; */
font-size: 24px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
padding: 0 6rem;
}
.contactusfirst{
padding-top: 2rem;
}
input.checkbox, .input.checkbox:hover, input.checkbox:focus, input.checkbox:active{
width: 20px !important;
height: 20px !important;
padding: 0 !important;
}
.rowly{
display: flex;
align-items: center;
justify-content: space-between;
}
.contactusfirst h2{
/* font-family: Inter; */
font-size: 32px;
font-weight: 700;
line-height: 39px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.cvc{
/* font-family: Lato; */
font-size: 18px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
margin-top: 5rem;
}
.hahah{
padding: 2rem 5rem;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #E9F0F7;
gap: 5rem;
}
.juio{
font-family: Helvetica;
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
}
.opop{
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
}
.bdg{
width: 100%;
height: 67px;
margin-top: 0.5rem;
}
.contactusfirst p{
/* font-family: Helvetica; */
/* font-size: 18px; */
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.contactinputdiv{
margin-bottom: 10px;
padding-left: 4px !important;
padding-right: 4px !important;
position: relative;
}
.textaresinputdiv{
padding-left: 4px !important;
padding-right: 4px !important;
}
.contactussec input, select {
border: 1px solid #8692A6;
box-sizing: border-box;
border-radius: 8px;
height: 52px;
background: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.success{
position: absolute;
right: 2%;
top: 28%;
color: #008024
;
width: 29.91px;
height: 29.91px;
}
.successnot{
display: none;
}
.contactussec input:focus, select:focus{
border: 1px solid #8692A6;
outline: none;
box-sizing: border-box;
border-radius: 8px;
height: 52px;
background: #fff;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.mailtoinput1, .mailtoinput2, .mailtoinput1:active, .mailtoinput2:active, .mailtoinput1:hover, .mailtoinput2:hover, .mailtoinput1:focus, .mailtoinput2:focus{
border: 2px solid #008024;
padding-left: 10px;
padding-right: 10px;
outline: none;
}
.textarea4{
width: 100%;
}
.inputsuccess{
border: 1px solid #008024
!important;
}
.inputerror{
border: 1px solid red !important;
}
.inputsuccess:focus{
border: 1px solid #008024
!important;
outline: none;
}
.inputerror:focus{
border: 1px solid red !important;
outline: none;
}
.contactSubmitdisable{
cursor: not-allowed;
background-color: #8692A6;
}
.contactSubmitdisable:hover{
cursor: not-allowed;
background-color: #8692A6;
}
.contactussec{
background-color: #1F68B1;
width: 80%;
padding: 3rem;
border-radius: 8.74px;
border: 4px solid rgba(255, 255, 255, 0.5);
}
.contactussec input:hover, select:hover {
border: 1px solid #8692A6;
box-sizing: border-box;
border-radius: 8px;
height: 52px;
background: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.contactussec input:active, select:active {
border: 1px solid #008024;
box-sizing: border-box;
border-radius: 6px;
height: 52px;
background: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.contactus textarea{
height: 255px;
/* width: 970px; */
left: 235px;
top: 741px;
border-radius: 8px;
padding: 20px;
}
.checbox{
padding-left: 10px;
padding-right: 10px;
}
.checbox input{
height: 24px;
width: 24px;
left: 235px;
top: 1016px;
border-radius: 2px;
padding: 20px;
}
.checbox input:hover{
height: 24px;
width: 24px;
left: 235px;
top: 1016px;
border-radius: 2px;
padding: 20px;
}
.checbox input:active{
height: 24px;
width: 24px;
left: 235px;
top: 1016px;
border-radius: 2px;
padding: 20px;
}
.checbox input:focus{
height: 24px;
width: 24px;
left: 235px;
top: 1016px;
border-radius: 2px;
padding: 20px;
}
.teachonregister.row{
--bs-gutter-x: 0 !important;
}
.regright{
padding: 143px 173px;
}
.regTitle{
text-align: center;
}
.regform .row{
margin-bottom: 40px;
}
.regform label{
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
}
.regTitle h2{
/* font-family: Montserrat; */
font-size: 30px;
font-weight: 700;
line-height: 37px;
letter-spacing: 0em;
text-align: center;
}
.regTitle p{
/* font-family: Inter; */
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: center;
}
.signregdiv{
display: flex;
align-items: center;
justify-content: center;
}
.dynamicdis{
height: 100vh;
overflow: scroll;
/* padding-bottom: 1rem; */
}
.dynamicdis::-webkit-scrollbar{
display: none;
}
.signregdiv2{
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
margin-bottom: 16px;
margin-top: 13px;
}
.signreg img{
cursor: pointer;
}
.aboutuscontainer{
margin: 151px 10%;
}
.aboutuscontainer p, .aboutuscontainer2 p{
font-family: Helvetica;
}
.aboutuscontainer2 h3{
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
}
.aboutuscontainer2{
padding: 0 10%;
background-color: #E9F0F7;
display: flex;
align-items: center;
justify-content: center;
gap: 2.78%;
height: 558px;
position: relative;
}
.ourvalue{
background-color: #fff;
padding: 20px 29px;
position: absolute;
top: 0;
left: 10%;
right: 51%;
height: 333px;
overflow-y: scroll;
}
.ourvalue:hover::-webkit-scrollbar-thumb {
visibility: visible;
background: #888;
}
.listheight{
height: 150px;
overflow-y: scroll;
}
.listheight::-webkit-scrollbar{
width: 2px;
}
.listheight::-webkit-scrollbar-track{
background: #f1f1f1;
border-radius: 5rem;
}
.listheight::-webkit-scrollbar-thumb {
background: #888;
border-radius: 1rem;
visibility: hidden;
transition: 0.3s all linear;
}
.listheight::-webkit-scrollbar-thumb:hover {
background: #888;
visibility: visible;
}
.ourvalue::-webkit-scrollbar{
width: 2px;
}
/* Track */
.ourvalue::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5rem;
}
/* Handle */
/* .ourvalue::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5rem;
} */
/* Handle on hover */
.ourvalue::-webkit-scrollbar-thumb:hover {
background: #888;
}
.ourvalue::-webkit-scrollbar-thumb {
background: #888;
border-radius: 1rem;
visibility: hidden;
transition: 0.3s all linear;
}
.ourteams{
background-color: #008024;
padding: 49px 26px;
color: #fff;
position: absolute;
bottom: 0;
right: 10%;
left: 51%;
height: 333px;
}
.aboutushead{
display: flex;
flex-direction: column;
gap: 28px;
/* background-color: #E9F0F7; */
padding: 110px 1.5rem 130px;
height: 450px;
background: url("/public/img/become-back.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
}
.aboutpartneraffliate{
padding: 0 4.5%;
display: flex;
align-items: center;
justify-content: center;
/* gap: 50px; */
height: 100%;
}
.aboutusnext{
background-color: #008024;
height: 350px;
padding: 61px 0 69.85px;
margin-bottom: 61px;
}
.ourpartners{
display: flex;
align-items: center;
gap: 60px;
/* justify-content: space-between; */
padding: 0 10.23%;
}
.partnerbtn{
height: 42px;
display: flex;
align-items: center;
justify-content: center;
color: #008024;
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 32px;
}
.partnerh3{
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 133.99%;
color: #fff;
}
.partnerusp{
width: 50%;
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #fff;
}
.h2about{
text-align: left;
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 133.99%;
color: #fff;
}
.h2about::after{
content: " Into Expert On Different Level";
color: #fff;
/* display: block; */
}
.aboutushead p{
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #252B42;
}
.aboutuscontainer h3{
/* font-family: Helvetica; */
font-size: 32px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: hsl(0, 0%, 0%);
}
.aboutvission, .aboutmission{
display: flex;
align-items: center;
justify-content: center;
gap: 7.15%;
margin-bottom: 119px;
}
.aboutmission{
height: 387px;
}
.aboutvision{
display: flex;
flex-direction: column;
/* align-items: center; */
justify-content: center;
}
.aboutvision h3{
text-align: left;
}
.aboutdiscuss h3{
font-family: Helvetica;
font-size: 32px;
font-weight: 700;
line-height: 44px;
letter-spacing: 0em;
text-align: center;
padding: 7% 10% 1%;
}
.aboutdiscuss p, .pressreleasebody p{
font-family: 'Helvetica';
}
.aboutp{
/* font-family: Inter; */
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: center;
}
.aboutdiscussimg{
height: 200px;
background-image: url("/public/img/about1.png");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.aboutdiscussimg2{
height: 200px;
background-image: url("/public/img/about2.png");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.pressreleasebody, .successstory{
margin: 4rem 5rem;
}
.smartcommunitybody{
background-color: #F6EFE8;
padding: 68px 139px 68px 139px;
display: flex;
align-items: center;
gap: 118px;
}
.smartcom{
width: 70%;
display: flex;
flex-direction: column;
gap: 20px;
}
.nhjhjdiv{
width: 50%;
}
.smarttitle{
/* font-family: Helvetica; */
font-size: 36px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 10px;
}
.pressreleasebody p{
/* font-family: Inter; */
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
}
.latestresource{
margin-top: 2rem;
position: relative;
margin-bottom: 84px;
}
.latestresource h2, .allnews h2, .presshe{
/* font-family: Helvetica; */
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0px;
text-align: left;
}
.hide{
display: none;
}
.loadig{
animation: loading 0.4s linear infinite;
/* slideanimation 1s ease 1s */
/* animation-name: loading;
animation-duration: 4s;
animation-iteration-count: infinite; */
}
@keyframes loading {
0%{transform: rotate(25deg);}
15%{transform: rotate(45deg);}
25%{transform: rotate(90deg);}
50%{transform: rotate(135deg);}
60%{transform: rotate(180deg);}
75%{transform: rotate(270deg);}
85%{transform: rotate(315deg);}
100%{transform: rotate(360deg);}
}
.datapress{
font-family: 'DM Sans' !important;
font-style: normal;
font-weight: 700 !important;
font-size: 12px !important;
line-height: 32px !important;
}
.allnewcardp{
font-family: Helvetica !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 22px !important;
letter-spacing: 0px !important;
text-align: left !important;
}
.allnewsnewbody2{
display: flex;
flex-direction: column;
gap: 7px;
}
.newheadin{
background-image: url("/public/img/pressonenew.svg");
background-repeat: no-repeat;
background-size: cover;
height: 450px;
width: auto;
border-radius: 0.5rem;
margin: 0 77px;
}
.allnewsnewcard{
height: 369px;
margin-bottom: 54px;
transition: all 0.7s ease;
}
.allnewsnewcard:hover{
scale: 1.1;
border-radius: 20px;
}
.allnewsnewcardhead{
height: 185px;
background-image: url("/public/img/allpress.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.allnews{
margin-top: 3rem;
}
.allnews .viewall{
font-family: 'Helvetica';
font-size: 16px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0px;
text-align: right;
color: #1F68B1;
}
.pressreleasecard1{
background-image: url("/public/img/latestpress.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 416px;
position: relative;
border-radius: 20px;
transition: all 0.7s ease !important;
}
.mySwiper2{
transition: all 0.5s ease !important;
}
/* .pressreleasecard1:hover{
scale: 1.1;
} */
.pressdrtt{
position: absolute;
left: 18px;
bottom: 31px;
}
.pressdate{
font-family: Helvetica;
font-size: 15px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0px;
text-align: left;
color: #fff;
position: absolute;
top: 38px;
left: 18px;
}
.presstitle{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #fff;
}
.pressdetails{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #fff;
}
.mySwiper2{
height: 400px;
}
.pressreadm{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #fff;
display: flex;
align-items: center;
/* justify-content: center; */
gap: 8px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.pressreadm:hover{
text-decoration: none;
color: #948f8f;
}
.newcard{
height: 418px;
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.08);
border-radius: 8px;
background-color: #F2F9F4;
}
.newcard.row{
--bs-gutter-x: 0 !important;
}
.newcardhead{
background-color: #CCE6D3;
height: 175px;
border-radius: 8px 8px 0 0;
padding: 1rem 1rem 0;
}
.newheadcontent h2{
color: #fff;
/* font-family: Inter; */
font-size: 24px;
font-weight: 600;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
padding-left: 1rem;
}
.newheadcontent{
background: linear-gradient(97.26deg, #000000 0.87%, #1F68B1 100%);
height: 135px;
display: flex;
align-items: center;
justify-content: left;
border-radius: 8px;
}
.newcardbody{
padding: 0 1rem;
}
.newcardbodyp{
/* font-family: Inter; */
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0px;
text-align: left;
}
.newheading{
padding-left: 5rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.newh2, .newp{
color: #fff;
}
.newshare{
text-align: right;
display: flex;
align-items: center;
justify-content: right;
gap: 2rem;
}
.newshare img{
cursor: pointer;
}
.storyhead{
margin: 3rem 3rem;
font-family: Helvetica;
font-size: 18px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0px;
color: #252B42;
}
.storyimg{
margin: 3rem 3rem;
cursor: pointer;
}
.videoind{
/* background-image: url("/public/img/videoind.png"); */
height: 213px;
border-radius: 8px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 1rem;
}
.videhead{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px;
text-align: center;
margin-bottom: 2rem;
}
.becomepart{
text-align: center;
padding: 7rem 20% 2rem;
}
.becomepart h4{
font-family: Helvetica;
font-size: 24px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0px;
text-align: center;
color: #252B42;
}
.becomepart h3{
font-family: Helvetica;
font-size: 20px;
font-weight: 700;
line-height: 23px;
letter-spacing: 5.5px;
text-align: center;
color: #008024
;
}
.becomepart p{
font-family: 'Helvetica';
font-size: 14px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: center;
color: #252B42;
}
.footright{
display: flex;
flex-direction: column;
align-items: left;
}
.footright h5{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 40px;
}
.footright h6{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 18px;
}
.storycard{
height: 377px;
/* width: auto; */
box-sizing: border-box;
padding: 20px;
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
border-radius: 8px;
/* margin-right: 2rem; */
margin-bottom: 2rem;
position: relative;
}
.storyproper{
margin-bottom: 4rem;
/* margin-left: 3rem; */
}
.storyhead1{
box-sizing: border-box;
}
.storyhead1 p{
font-family: Helvetica;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #252B42;
overflow-y: hidden;
}
.storyfoot{
margin-top: -0.5rem;
padding-bottom: 0.5rem;
position: absolute;
bottom: 0;
/* display: flex;
align-items: center; */
width: 100%;
}
.storypage .swiper-button-prev{
margin-left: 1rem !important;
top: 20rem !important;
}
.storypage .swiper-button-next{
/* margin-bottom: -9rem !important; */
right: 6rem !important;
top: 20rem !important;
}
.relatedCourse{
height: 80px;
/* border: 1px solid #3577B9; */
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
background-color: #F4F7FB;
/* background-color: #d6dbf3; */
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.08);
/* margin-right: 1rem; */
transition: all 0.5s ease;
}
.relatedCourse a{
text-decoration: none;
color: #000;
text-align: center;
}
.relatedCourse:hover{
height: 80px;
/* border: 1px solid #3577B9; */
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 0.5rem;
background-color: #d6dbf3;
box-shadow: 9px 6px 22px rgba(0, 0, 0, 0.5);
/* margin-right: 1rem; */
}
.coursebundlepage{
margin: 1rem 5rem 5rem;
}
.noError{
display: none !important;
}
.errorDiv{
display: flex;
gap: 0.4rem;
}
.cartpage{
margin: 0rem 4rem 4rem;
position: relative;
/* text-align: center;
display: flex; */
}
.ptbtn{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.cartItemImage{
background-image: url("/public/img/cartitem.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
height: 110px;
width: 150px;
}
/* .cartpage .row{
--bs-gutter-x: unset;
} */
.titlecart{
margin-left: 1rem;
}
.coursebundleedit{
}
.singleCourses{
height: fit-content;
background-color: #E9F0F7;
border-radius: 15px;
padding: 25px;
display: flex;
flex-direction: column;
gap: 20px;
}
.trashcan{
color: #000;
cursor: pointer;
transition: all ease 0.7s;
}
.trashcan:hover{
color: #bcd6f0;
scale: 1.3;
}
.singleCourses-head{
background-color: #fff;
text-align: center;
border-radius: 10px;
}
.courseDisp{
transition: all ease 0.7s;
padding: 5px 0;
}
.courseDisp:hover{
background-color: #E9F0F7;
scale: 1.05;
}
.singleCourses-head h3, .singleCourses-head h4{
text-align: center !important;
margin: 5px 0 !important;
}
.singleCourses-body{
background-color: #fff;
text-align: center;
border-radius: 10px;
padding: 15px 15px 0;
}
.singleCourses-footer{
background-color: #fff;
text-align: center;
border-radius: 10px;
padding: 15px 15px;
display: flex;
align-items: center;
justify-content: center;
}
.deletecust{
/* text-decoration: underline;
cursor: pointer;
color: #008024; */
display: flex;
align-items: center;
width: 250px;
justify-content: center;
transition: all 0.7s ease;
border: 1px solid #E9F0F7;
color: #8cbff2;
}
.deletecust:hover{
color: #fff;
background-color: #8cbff2;
border-color: #8cbff2;
}
.deletecust:disabled{
color: #8cbff2;
cursor: not-allowed;
}
.cartpage h3{
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #252B42;
}
.cartpage h2{
/* font-family: Helvetica, sans-serif; */
font-size: 32px;
font-weight: 700;
line-height: 39px;
letter-spacing: 0.01em;
text-align: left;
color: #000D4E;
margin-bottom: 2rem;
}
.cartpage h4{
font-family: Helvetica, sans-serif;;
font-size: 18px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: #252B42;
margin: 1rem 0;
}
.cartpageul{
padding-left: 1rem;
}
.p1, .cartpageul li{
/* font-family: Lato; */
font-size: 12px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
color: #737373;
margin-bottom: 0;
}
.p2{
/* font-family: Lato; */
font-size: 14px;
font-weight: 500;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
color: #252B42;
}
.p3{
/* font-family: Lato; */
font-size: 16px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #008024;
}
.p4{
/* font-family: Lato; */
font-size: 20px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #000;
}
.deleteb{
display: flex;
justify-content: center;
align-items: center;
}
.deleteb img{
cursor: pointer;
height: 24px;
width: 24px;
}
.paidfor{
display: flex;
align-items: center;
justify-content: space-between;
}
.paymentdetail{
padding: 0 10%;
display: flex;
flex-direction: column;
gap: 10px;
}
.cartBtn{
text-align: center;
}
.payb{
width: 100%;
}
.cartinput, .cartpage input, .cartpage select{
height: 40px;
padding: 0 20px;
outline: none;
}
.cartinput:focus, .cartpage input:focus, .cartpage select:focus{
height: 40px;
padding: 0 20px;
}
.cartinput:hover, .cartpage input:hover, .cartpage select:hover{
height: 40px;
padding: 0 20px;
}
.cartinput:hover, .cartpage input:active, .cartpage select:active{
height: 40px;
padding: 0 20px;
}
.ptotal{
/* font-family: Lato; */
font-size: 36px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
color: #008024
;
}
.rectanglecart{
display: flex;
align-items: center;
justify-content: center;
}
.rectangleImageCart{
background-image: url("/public/img/Rectangle2026.png");
background-repeat: no-repeat;
background-size: cover;
height: 300px;
width: auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
margin: 0 0.2rem;
}
.rectangleImageCart h2{
color: #fff;
}
.paiddiv{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
/* margin: 5rem 0; */
height: 300px;
}
.paiddiv div div{
display: flex;
align-items: center;
justify-content: center;
}
.paiddiv div div .btn{
display: flex;
align-items: center;
justify-content: center;
height: 57px;
}
.paiddiv h4{
/* font-family: Montserrat; */
font-size: 24px;
font-weight: 600;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
color: #000D4E;
margin-bottom: 2rem;
}
.paiddiv p{
/* font-family: Lato; */
font-size: 30px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: center;
color: #252B42;
margin-bottom: 2rem;
}
.paiddiv a{
width: 60%;
}
.star{
color: #E74040;
}
.notice{
/* font-family: Lato; */
font-size: 12px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.02em;
/* text-align: left; */
color: #1F68B1;
display: block;
text-decoration: none;
}
.popularfilter{
margin-bottom: 2rem;
position: absolute;
right: 5rem;
top: 3rem;
width: 100%;
}
.pop-filter{
top: 1rem;
}
.careerheader{
width: 100%;
height: 444px;
}
.careerRight{
background-color: #1F68B1;
height: 100%;
position: relative;
padding: 2rem 77px;
display: flex;
flex-direction: column;
/* justify-items: center; */
justify-content: center;
}
.careerLeft{
background-image: url("/public/img/careerpath.png");
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 50%;
}
.genBTN{
height: 60px;
background: #1F68B1;
border-radius: 5px;
width: 60%;
}
.neweventsup{
background-color: #E9F0F7;
padding: 5% 15%;
}
.newbn{
text-align: center;
color: #252B42;
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
margin-bottom: 20px;
}
.neweveb{
display: flex;
flex-direction: column;
}
.newimg{
width: auto;
border-radius: 20px;
}
.newrt{
background-color: #fff;
padding: 1rem;
border-radius: 20px;
display: flex;
align-items: center;
gap: 0.3rem;
transition: all 0.5s ease;
}
.newrt:hover{
background-color: #D2E1EF;
}
.newrt-active{
background-color: #D2E1EF;
}
/* .calendly-badge-widget{
position: absolute !important;
top: 129.5rem;
left: 19rem;
} */
.calendly-badge-content{
border-radius: 6px !important;
background-color: #fff !important;
border: 1px solid #1F68B1 !important;
color: #1F68B1 !important;
height: 50px;
}
.row.newrt{
--bs-gutter-y: 1.5rem;
--bs-gutter-x: -0.9rem;
}
.row.nmh, .row.ng{
--bs-gutter-x: 0;
/* --bs-gutter-x: -1rem; */
}
.row.abk{
--bs-gutter-x: 1.5rem;
/* --bs-gutter-x: -2.5rem; */
/* --bs-gutter-y: 2.5rem; */
}
.newa{
color: #008024;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-decoration: none;
}
.newp{
color: #8F95AC;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
}
.newh22{
color: #252B42;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
}
.decr{
/* font-family: Inter; */
font-size: 16px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
margin-top: -1rem;
}
.showmodal{
text-align: center !important;
font-family: 'DM Sans' !important;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
}
.careerpathbackup{
background-color: #E9F0F7;
display: flex;
/* align-items: center; */
padding: 78px 138px;
gap: 2rem;
}
.exporeoption{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 35px 138px;
}
.optionb{
font-family: 'Helvetica' !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px !important;
margin: 0;
background: #F4F7FB;
border-radius: 20px;
padding: 13px;
transition: all 0.7s ease;
text-align: center;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
}
.optionb:hover{
color: #fff;
background-color: #008024;
}
.pathoption{
width: 65%;
}
.optionsi{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
/* grid-template-rows: 65px 65px 65px; */
}
.optiooo{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
text-align: center;
margin-bottom: 20px;
}
.exporeoption h2{
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 50px;
width: 35%;
}
.careerpathbackup a{
text-decoration: none;
}
.careerpathbackmid{
background-color: #008024;
padding: 36px 138px 47px;
}
.hjkl{
font-family: Helvetica;
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.careerbtn{
height: 50px;
color: #008024;
font-family: Helvetica;
font-size: 14px;
letter-spacing: 0em;
font-weight: 700;
width: 155px;
display: flex;
justify-content: center;
align-items: center;
}
.yuiops{
margin-top: 29px;
display: flex;
align-items: center;
justify-content: space-between;
/* gap: 34px; */
}
.careerprereq{
padding: 107px 138px;
}
.textcareeer{
font-family: Helvetica !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 32px !important;
letter-spacing: 0em;
}
.btnTO{
display: flex;
align-items: center;
gap: 50px;
}
.internshiphead{
height: 444px;
background-color: #1F68B1;
padding: 84px 165px;
position: relative;
}
.interntext{
display: flex;
flex-direction: column;
/* align-items: center; */
width:40%;
gap: 8px;
}
.interh4{
/* font-family: Helvetica; */
font-size: 32px;
font-weight: 700;
line-height: 44px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.interp{
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.dov.row{
--bs-gutter-x: 0 !important;
}
.interbbtt{
height: 52px;
width: 172px;
display: flex;
align-items: center;
justify-content: center;
}
.bnmj{
/* font-family: Helvetica; */
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
}
.nextinter{
background-color: #E9F0F7;
padding: 75px 92px;
}
.frgt{
width: 50%;
}
.interh{
/* font-family: Helvetica; */
font-size: 32px;
font-weight: 700;
line-height: 37px;
letter-spacing: 0em;
text-align: center;
margin-bottom: 41px;
}
.interroll{
padding: 103px;
}
.interncard{
background-color: #F4F7FB;
border-radius: 20px;
padding: 14px;
/* height: 700px; */
}
.inhgk{
color: #252B42;
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 22px;
height: 30px;
}
.ghyui{
font-family: 'Helvetica';
font-weight: 400;
font-size: 14px;
line-height: 24px;
height: 120px;
margin: 0;
}
.applyintern{
width: 100%;
height: 50px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.swalIntern, .swalpod{
border-radius: 20px !important;
}
.swalpod{
width: 400px;
}
.swalpodinfo{
background-color: #E5E5E5 !important;
text-align: center;
border-radius: 20px !important;
}
.podcl{
display: flex;
flex-direction: column;
gap: 24px;
}
.podcl input{
outline: none;
border-color: #008024;
}
.swalIntern .swal2-html-container h3{
/* font-family: Helvetica; */
font-size: 18px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 34px;
}
.swalIntern .swal2-html-container p{
font-family: 'DM Sans';
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: center;
}
.swalIntern .swal2-html-container input{
width: 90%;
height: 67px;
margin-bottom: 24px;
padding: 20px;
border-radius: 20px;
border-color: #008024;
outline: none;
}
.juty{
width: 70%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.jut{
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.textswall{
border: 1px dashed #B3D9BD;
width: 90%;
border-radius: 8px;
text-align: center;
margin: 0 auto 24px;
position: relative;
height: 135px;
}
.dmsans{
font-family: 'DM Sans', 'san-serif';
}
.textswall input{
height: 100% !important;
background-color: #015e1b;
position: absolute;
/* top: 30px; */
left: 30px;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.textswall label{
position: absolute;
top: 18%;
left: 40%;
cursor: pointer;
}
.swalIntern .swal2-title{
background-color: #1F68B1;
border-radius: 20px 20px 0 0;
display: flex !important;
flex-direction: column !important;
justify-content: left !important;
text-align: left;
gap: 16px;
}
.swalpod .swal2-title{
background-color: #008024;
border-radius: 20px 20px 0 0;
display: flex !important;
flex-direction: column !important;
justify-content: left !important;
text-align: left;
gap: 16px;
}
.swalpl{
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 32px;
color: #fff;
}
.intergreen{
position: absolute;
right: 9rem;
top: 10rem;
/* width: 390px; */
}
.intergreeny{
position: absolute;
right: 8rem;
top: 11rem;
/* width: 390px; */
}
.cvc{
color: #fff;
}
.broski{
/* font-family: Helvetica; */
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: #fff;
margin-bottom: 29px;
}
.broskibtn{
display: flex;
align-items: center;
gap: 26px;
}
.notice{
color: #ff0000;
font-size: 16px;
font-weight: 700;
}
.brokipaa{
height: 50px;
color: #1F68B1;
font-family: Helvetica;
font-size: 14px;
letter-spacing: 0em;
font-weight: 700;
width: 260px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.7s ease;
}
.brokipaa:hover{
transform: scale(1.15);
color: #fff;
background-color: #1F68B1;
}
audio:-webkit-media-controls-play-button{
height: 150px;
}
audio::-webkit-media-controls-volume-slider-container{
display: none !important;
}
audio::-webkit-media-controls-play-button{
background-color: red;
}
audio::-webkit-media-controls-current-time-display{
display: none;
}
audio::-webkit-media-controls-timeline{
width: 2000rem;
}
.timedrat{
/* font-family: Helvetica; */
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
}
.bundlecareer{
height: 52px;
display: flex;
justify-content: center;
align-items: center;
width: 15%;
}
.onecareer{
height: 52px;
display: flex;
justify-content: center;
align-items: center;
width: 20%;
}
.podtrue{
display: none;
}
.podfalse{
display: flex;
}
.mobileview2{
display: none;
}
@media (max-width:381px) {
.successBoxDiv{
display: flex;
padding: 10px 10px 10px 10px;
}
.successBox{
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); */
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px 10px 10px 10px;
transition: all 0.5s ease-in;
width: 330px;
}
.swiper-button-prev{
margin-left: -2rem !important;
display: none;
}
.swiper-button-next{
margin-right: -2rem !important;
display: none;
}
.coursedetailname {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 42px;
text-align: center;
text-transform: capitalize;
color: #000D4E;
}
.shortHeader{
/* font-family: 'Roboto'; */
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 140.62%;
text-align: center;
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
}
.headerTest {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 120.1%;
color: #000D4E;
}
.pageTitle{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 34px;
letter-spacing: 0.01em;
color: #000D4E;
/* text-transform: uppercTItlase; */
}
.profileFrame{
background: #FBFBFB;
border: 4px solid rgba(0, 128, 36, 0.5);
box-sizing: border-box;
padding: 10px;
border-radius: 8px;
}
}
@media (max-width:524px) {
.popularfilter{
margin-bottom: 2rem;
position: absolute;
right: 1rem;
top: 6rem;
width: 100%;
}
.successBoxDiv{
display: flex;
padding: 10px 10px 10px 10px;
}
.successBox{
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); */
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px 10px 10px 10px;
transition: all 0.5s ease-in;
width: 330px;
}
.swiper-button-prev{
margin-left: -2rem !important;
display: none;
}
.swiper-button-next{
margin-right: -2rem !important;
display: none;
}
.newFooter{
background: #1F68B1;
padding-left: 10px;
padding-right: 10px;
padding-top: 40px;
}
.whyBox{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/public/img/landing-banner.png');
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 20px;
padding-bottom: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: fit-content;
}
.whyHead{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 50px;
color: #FFFFFF;
}
.whyText{
font-family: 'DM Sans', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-top: 1px;
padding-bottom: 1rem;
}
.faqText{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.01em;
color: #1B1C31;
margin-top: 22px;
}
.faqLink{
font-family: 'Helvetica', 'san-serif';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 29px;
color: #1F68B1;
margin-top: 16px;
}
.faqHead{
font-family: 'DM Sans', 'sans-serif';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 35px;
color: #000D4E;
}
.faqBox{
background: #FFFFFF;
box-shadow: -12px 0px 16px rgba(0, 0, 0, 0.07), 0px 12px 16px rgba(0, 0, 0, 0.07);
border-radius: 4px;
padding: 10px;
}
.courseBoxTab{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #737373;
margin-right: -12px;
text-decoration: none;
}
.courseBoxTab:active{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #737373;
margin-right: -12px;
text-decoration: none;
}
.teachHead{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 39px;
/* text-align: center; */
text-transform: uppercase;
color: #000;
}
.teach{
border-radius: 8px;
background-size: cover;
/* padding: 10px; */
padding: 0;
/* background: url('/public/img/landing-banner.png'); */
/* box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); */
border-radius: 8px;
}
.overListLink{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 17px;
text-align: center;
text-transform: capitalize;
color: #1F68B1;
position: relative;
height: 50px;
}
.overListText{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #252B42;
text-align: center;
}
.coursedetailname {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 42px;
text-align: center;
text-transform: capitalize;
color: #000D4E;
}
.myaccordion{
background: #F2F2F2;
padding: 5px;
}
.fc-daygrid-day-number {
color: #000000;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 36px;
text-decoration: none;
}
.fc-col-header-cell-cushion {
color: #000000;
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.fc-button-primary {
background-color: #008024 !important;
color: #FFFFFF !important;
}
.fc-toolbar-title {
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 44px;
color: #008024
;
}
#calendar {
overflow: hidden;
}
.profileFrame{
background: #FBFBFB;
border: 4px solid rgba(0, 128, 36, 0.5);
box-sizing: border-box;
padding: 10px;
border-radius: 8px;
}
}
@media (max-width:650px) {
/* .popularfilter{
margin-bottom: 2rem;
position: absolute;
right: 3rem;
top: 3rem;
width: 100%;
} */
.filter select{
height: 2.5rem;
width: 50%;
padding: 0 0;
}
.filter select:hover{
height: 2.5rem;
width: 50%;
padding: 0 0;
}
.filter select:active{
height: 2.5rem;
width: 50%;
padding: 0 0;
}
.filter select:focus{
height: 2.5rem;
width: 50%;
padding: 0 0;
}
}
@media (max-width:992px) {
.successBoxDiv{
display: flex;
padding: 10px 10px 10px 10px;
}
.successBox{
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); */
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px 10px 10px 10px;
transition: all 0.5s ease-in;
width: 330px;
}
.head1{
/* font-family: 'Inter'; */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
margin-bottom: 20px;
}
.head2{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 46px;
color: #FFFFFF;
text-align: center;
margin-bottom: 22px;
}
.head3{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
text-align: center;
margin-bottom: 44px;
}
.whyBox{
height: auto;
}
.head4{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
text-transform: capitalize;
color: #FFFFFF;
background: #008024
;
border: 1px solid #008024
;
border-radius: 4px;
text-decoration: none;
padding-top: 15.5px;
padding-bottom: 15.5px;
padding-left: 20px;
padding-right: 20px;
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.nav-padding{
padding-left: 20px;
padding-right: 20px;
}
.coursedetailname {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 42px;
text-align: center;
text-transform: capitalize;
color: #000D4E;
}
.imgbanner {
position: absolute;
left: 0%;
top: 50%;
transform: translate(-0%, -50%);
width: 0px;
height: 0px;
}
.eventdetail{
/* font-family: 'Montserrat'; */
font-weight: 600;
font-size: 16px;
line-height: 36px;
color: #002147;
margin-top: 20px;
}
.profileFrame{
background: #FBFBFB;
border: 4px solid rgba(0, 128, 36, 0.5);
box-sizing: border-box;
padding: 10px;
border-radius: 8px;
}
}
@media (max-width:768px) {
.searchbardiv, .icon-ford{
margin-left: -20px;
}
.cartpage{
margin: 0rem 0.5rem 4rem;
}
.singleCourses{
padding: 15px;
}
.deleteb{
margin-left: 15px;
}
.paymentdetail{
padding: 0 5px;
display: flex;
flex-direction: column;
gap: 10px;
}
.partnerBox{
width: 150px;
}
.backbec h5{
margin-bottom: 15px;
}
.pop{
font-size: 28px;
}
.content-wrapper {
flex-direction: column-reverse;
margin: 30px 10px;
}
.slackjoin{
height: 57px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.tech2rbtn{
width: 100%;
}
.image-spec {
width:100% !important;
height:100% !important;
}
.overview-text p {
width: unset !important;
}
.overview-lefty {
padding:10px 5px !important;
border:0px solid red;
}
.overview-image {
/* height:380px; */
padding: 0px;
margin-bottom: 20px;
height: 100%;
width: 100%;
}
.overview-right{
padding: 0 15px 10px;
}
.exporeoption h2{
width: unset;
text-align: center;
}
.pathoption {
width: unset;
}
.exporeoption{
display: flex;
flex-direction: column;
gap: 10px;
padding: 35px 20px;
}
.optionsi{
grid-template-columns: 1fr 1fr;
}
.teachonbdy2left{
width: 100%;
height: 394px;
}
.teachonbdy2left img{
width: 100%;
/* height: 320px; */
}
.teachonbdy2right{
width: 100%;
}
.laststar{
left: 8.7rem;
}
.fisrtstar{
left: 9.5rem;
}
.phonestar{
left: 8.3rem;
}
.linkstar{
left: 10.8rem;
}
.areastar{
left: 15rem;
top: 30%;
}
.cpassstar{
left: 10rem;
top: 21%;
}
.emailstar{
left: 6.2rem;
}
.passstar{
left: 5.7rem;
}
.btnfirst{
flex-direction: column;
}
.teachfirst{
height: unset;
padding: 50px 3% 40px;
}
.tecbtn{
width: 150px;
}
.teachonbdy2{
flex-direction: column;
height: unset;
padding: 0 1rem;
}
.teachbdy3{
padding: 4rem 1rem;
text-align: left;
}
.teachonbdyleft{
width: 100%;
}
.teachonbdyright{
width: 100%;
}
.teachlog2{
margin-top: -5rem;
}
.smallsrere2{
margin-top: 56px;
}
.bheaderleft h4 {
padding-right: 0;
}
.bheaderleft p{
padding-right: 0px;
/* width: unset; */
}
.smartp{
width: unset;
}
.bacpre{
height: fit-content;
}
.mobileview1{
opacity: 0.5;
}
.mobileview2{
display: none !important;
}
/* .bunbydiv {
transform: rotate(0deg);
position: absolute;
bottom: 30rem;
top: unset;
left: unset;
}
.buybuton {
height: 52px;
display: flex;
align-items: center;
gap: 1rem;
} */
.bheaderright2, .yyio{
display: none;
}
.kl{
margin: 17px 23px 25px;
}
.bynyu{
width: 100% !important;
margin-top: 17px;
}
.bdg{
margin-top: 14px;
}
.termcontact{
font-size: 14px;
}
.mailtoinput1, .mailtoinput1:active, .mailtoinput1:focus, .mailtoinput1:hover{
width: 100%;
margin-bottom: 14px;
}
.mailtoinput2, .mailtoinpu2:active, .mailtoinput2:focus, .mailtoinput2:hover{
width: 100%;
}
.plo{
padding: 0;
text-align: left;
}
.slectnew select, .slectnew select:hover, .slectnew select:active, .slectnew select:focus{
padding: 0 0.2rem;
}
.notifydiv input, .notifydiv input:hover, .notifydiv input:active, .notifydiv input:focus{
margin-top: -1.1rem;
}
.chevrondown{
right: 0.2rem;
}
.podbodyin{
gap: 5px;
}
.smallsrere{
margin-top: -5rem;
}
.smallsreres{
margin-top: -4.9rem;
}
/* .podbanner img{
width: 137px;
height: 137px;
} */
.imagedate{
left: 1rem;
top: 2.7rem;
}
.popopod{
font-size: 16px !important;
}
.h6pod{
font-size: 12px !important;
padding-right: 0;
}
.podnewst{
display: flex;
flex-direction: column;
justify-content: left;
}
.podimgo{
width: 100px !important;
height: 100px !important;
}
.podbanner img{
height: 100px !important;
}
.resourcecontent2{
height: 135px;
}
.audio-bar{
position: absolute;
bottom: 2.7rem;
padding-right: 2rem;
left: 0;
}
.play-but{
padding-bottom: 0.2rem;
}
.playbut{
display: flex;
justify-content: left;
text-align: left;
width: 100%;
padding-bottom: 0.2rem;
}
.picfoot{
margin-top: 27.13px;
height: 39.97px;
width: 127.61px;
}
.newFooter{
padding: 0 18.09px;
position: relative;
}
.newFooterText{
font-family: 'Helvetica', 'san-serif';
font-size: 12px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.05em;
text-align: left;
}
.footcont{
text-align: center;
margin-bottom: 37.7px;
}
.footcompcont{
flex-direction: column-reverse;
}
.newFooterLink{
border-top: none !important;
}
.foottry{
position: absolute;
bottom: 80.71px;
left: 12.5%;
}
.searchfoot{
display: none;
}
.footresources{
padding: 37.3px 41px;
}
.imageforauth{
display: none;
}
.logindiv{
padding: 0 22px;
}
.authphone{
display: block;
margin-bottom: 5rem;
}
.authlogog{
display: none;
}
.successBox:hover{
background-color: #fff;
color: #000;
transform: scale(1) !important;
z-index: 1000 !important;
/* position: absolute; */
}
.inviewp{
margin-top: 34px !important;
}
.newheadin{
height: 185px;
margin: 0 24px;
}
.broskibtn{
display: flex;
flex-direction: column;
gap: 26px;
}
.tryyyy{
margin-bottom: 1rem;
}
.becomebody{
margin: 3rem 1.7rem;
}
.newimg{
width: 100px;
height: 100px;
}
.neweveb{
padding-left: 0.5rem;
}
.row.abk{
--bs-gutter-x: 0;
}
.neweventsup{
background-color: #E9F0F7;
padding: 5% 23px 54px;
}
.contentRapper, .contentRapper-p{
/* width: auto; */
padding: 1rem 1rem 2rem;
}
.filter{
margin-top: 5rem;
}
.resourcebody{
padding: 2rem 0.5rem 0;
}
.reosupgn{
margin-top: -4rem;
margin-bottom: 79px;
}
.resourcebodyt{
padding: 1.5rem 1.5rem 0.3rem
}
.pta-overview-container{
padding: 1rem 1rem 2rem;
}
/* .careerpathbody{
padding: 0 1rem;
margin-top: 1rem;
} */
.becomeheader{
height: 620px;
margin-top: 0;
}
.btyn{
position: absolute;
/* right: 1rem; */
bottom: 7%;
top: unset;
left: -6.5rem;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
}
.viewbtn, .rt{
height: 80px;
padding: 0 !important;
}
.careerheadbody p{
color: #fff;
/* font-family: Inter; */
font-size: 20px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0em;
text-align: center;
}
.careerheadbody h2{
text-align: center;
}
.handonbody{
margin: 4rem 1rem 1rem;
}
.btnTO{
display: flex;
flex-direction: column;
gap: 0.3rem;
margin-bottom: 1rem;
}
.handonright{
text-align: center;
}
.teachonbdy{
padding: 0 1rem;
flex-direction: column;
}
.teachcir1{
flex-direction: column;
}
.teachslphead{
background-image: url("/public/img/teachon.png");
height: 330px;
border-radius: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 1rem;
}
.picView img{
height: 200px;
width: 100%;
}
.aboutuscontainer{
margin: 67px 24px 0
}
.aboutushead{
padding: 60px 26px 77px;
height: 427px;
}
.aboutushead h2{
margin-top: 1.5rem;
margin-bottom: -1.2rem;
font-size: 26px;
}
.aboutdiscuss h3{
padding: 0;
}
.aboutushead p{
margin-top: 0.2rem;
font-size: 14px;
}
.contactus{
/* margin: 2rem 1rem; */
background-color: #F9F9F9;
padding: 0 20px 10px;
}
.contactusfirst{
padding-top: 0;
}
.contactusfirst h2{
/* font-family: Inter; */
font-size: 24px;
font-weight: 700;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 24px;
}
.cvc{
color: #fff;
}
.cvcdiv{
margin-top: -2rem;
}
.contactcircle{
width: 69px;
height: 69px;
margin-top: 1rem !important;
margin-bottom: 50px !important;
}
.contactussec{
width: 100%;
padding: 29px;
}
.mail{
background-color: #E9F0F7;
padding: 72px 29px;
display: flex;
flex-direction: column;
}
.mail3{
display: flex;
flex-direction: column;
}
.pressreleasebody, .successstory{
margin: 4rem 1rem;
}
.smartcommunitybody{
background-color: #F6EFE8;
padding: 68px 25px 68px;
display: flex;
flex-direction: column-reverse;
gap: 40px;
}
.smartcom{
width: 100%;
}
.nhjhjdiv{
width: 100%;
}
.nhjhj{
width: 332px;
height: 332px;
}
.videoind{
margin-top: 1rem;
}
.bread-crumbs{
padding: 1.5rem 0 1rem 1rem;
}
.newheading{
padding-left: 1rem;
}
.bheaderleft {
position: absolute;
top: 17%;
left: 30px;
/* padding-right: 1rem; */
right: 34px;
}
.anutu{
margin-bottom: 1rem;
}
.successstory{
margin-top: -1rem;
}
.becomepart {
text-align: center;
padding: 1rem 0 0;
}
.swiper-button-prev{
display: none !important;
}
.swiper-button-next{
display: none !important;
}
.storypage .swiper-slide-active{
padding-left: 2rem;
}
.videotest{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
input.text{
width: 30% !important;
}
.nate{
margin-top: -4rem !important;
margin-bottom: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.gjy{
text-align: center;
}
.podfilter{
z-index: 2;
width: 100%;
}
.podfilter select, .podfilter select:focus, .podfilter select:active, .podfilter select:hover{
height: 2.5rem;
width: 100%;
padding: 0 5px;
}
/* .byom{
} */
.nextinter{
padding: 290px 35px 60px;
}
.internshiphead{
padding: 25px 29px;
height: 500px;
}
.textswall label{
left: 33%;
}
.testhandon{
height: 52px;
display: flex;
align-items: center;
width: 40%;
justify-content: center;
}
.lefti{
right: 0;
}
.bundlehandson{
height: 52px;
display: flex;
align-items: center;
width: 55%;
justify-content: center;
}
.handonbody.row{
flex-direction: column-reverse;
gap: 20px;
--bs-gutter-x: 0;
}
.resourcebodyt{
flex-direction: column;
}
.podtrue{
display: inherit;
}
.podfalse{
display: none;
}
.hahah{
padding: 92px 29px 44px;
flex-direction: column;
}
.textswall input{
left: 10px;
}
.interh{
padding: 0 68px;
margin-bottom: 32px;
}
.frgt{
width: 100%;
}
.interroll{
padding: 99px 10px;
}
.interncard{
margin-bottom: 1rem;
}
.intergreen{
Width: 325.45px;
Height: 348.91px;
top: 23rem;
right: 34px;
}
.intergreeny{
Width: 325.45px;
Height: 348.91px;
top: 24rem;
right: 20px;
}
.interntext{
width: 100%;
}
.careerheader.row{
flex-direction: column-reverse;
--bs-gutter-x: 0;
}
.careerpathbackup{
background-color: #E9F0F7;
display: flex;
flex-direction: column-reverse;
/* align-items: center; */
padding: 56px 20px;
gap: 2rem;
}
.careerpathbackmid{
padding: 49px 34px;
}
.btnTO{
display: flex;
flex-direction: row;
}
.careerprereq{
padding: 49px 34px;
}
.yuiops{
flex-direction: column;
gap: 10px;
}
.careerbtn{
width: 90%;
}
.careerheader{
height: fit-content;
}
.careerLeft{
height: 50%;
width: 100%;
}
.stylus{
width: 100% !important;
}
.careerRight{
background-color: #1F68B1;
height: 325px;
position: relative;
padding: 29px 29px;
}
.onecareer{
width: 55%;
}
.bundlecareer{
width: 40%;
}
.careerRight h2{
margin-top: -1.5rem;
font-size: 18px;
}
.careerRight p{
font-size: 16px;
line-height: 20px;
}
.storycard{
height: 400px;
padding: 10px 10px;
}
.storyhead1 p{
font-size: 14px;
}
.aboutvission{
flex-direction: column;
gap: 23.83px;
margin-bottom: 75px;
height: unset;
}
.aboutmission{
flex-direction: column-reverse;
gap: 23.83px;
margin-bottom: 41px;
height: unset;
}
.aboutuscontainer2{
height: 823px;
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
}
.ourteams{
position: unset;
}
.ourvalue{
position: unset;
}
.aboutusnext{
height: unset;
padding-top: 12.5px;
}
.ourpartners{
display: flex;
flex-direction: column;
gap: 3px;
align-items: unset;
padding: 0 23px;
margin-bottom: 24px;
}
.partnerbtn{
width: 50%;
}
.partnerusp{
width: 100%;
}
.aboutpartneraffliate{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
/* grid-template-rows: 120px 0; */
}
.successHead{
text-align: left;
display: flex;
flex-direction: column;
}
.successHead h4 {
margin-top: 20px;
}
.aboutvission img{
width: 348px !important;
height: 293.17px !important;
}
.aboutmission img{
width: 348px !important;
height: 293.17px !important;
}
button.rt{
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
height: 52px;
}
button.viewbtn{
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.aboutvision{
margin-left: 0;
}
.tey .swiper{
padding-right: 1.3rem !important;
}
.podbody h6{
font-size: 12px;
}
.podcastpag{
margin-top: 1rem;
}
.coursebundlepage{
margin: 1rem 1rem 5rem;
}
.faqbody{
padding: 0 0.5rem;
}
.bundleFilter{
margin-bottom: 2rem;
position: absolute;
right: 0;
top: 7.5rem;
width: 100%;
}
.bund-pop{
margin-bottom: 4rem;
}
.bundleFilter select,
.bundleFilter select:focus,
.bundleFilter select:hover,
.bundleFilter select:active{
width: 60%;
}
.text-cente{
margin-top: -2rem;
}
.ptaOverboard{
padding-left: 5px;
padding-right: 5px;
}
.ptaQuestion{
font-size: 18px;
line-height: 1.5;
}
.tempOpt{
margin-left: 40px;
margin-top: -15px;
font-size: 14px;
}
.genBTN{
height: 40px;
width: 100%;
}
.popularfilter{
margin-bottom: 2rem;
position: absolute;
right: 1rem;
top: 7rem;
width: 100%;
}
.pop-filter{
top: 6.5rem;
}
.pop-class{
margin-bottom: 4rem;
}
.headerTest {
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 46px;
line-height: 120.1%;
color: #000D4E;
}
.homeslider {
width: auto;
height: 236px;
margin: 0px 26.0897px;
background: #CCE6D3;
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.07);
padding: 20px;
color: #252B42;
transition: all 0.5s ease-in-out;
}
.homeslider:hover {
width: auto;
height: 300px;
margin: 0px 26.0897px;
background: #008024;
box-shadow: 0px 11.3056px 16.5235px rgba(0, 0, 0, 0.07);
padding: 20px;
color: #FFFFFF;
}
.customPrevBtn {
visibility: hidden;
width: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.customNextBtn {
visibility: hidden;
width: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.owl-carousel {
margin: 0px;
padding: 0px;
}
.dashboardheader1{
/* font-family: 'Montserrat'; */
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 42px;
color: #000D4E;
height: 290px;
}
.givespace1{
position:relative;
}
.givespace2{
position: relative;
visibility: hidden;
}
.profileFrame{
background: #FBFBFB;
border: 4px solid rgba(0, 128, 36, 0.5);
box-sizing: border-box;
padding: 10px;
border-radius: 8px;
}
.footerTextAlign{
text-align: center;
}
.systemfeedbackframe{
background: #FBFBFB;
border: 1px solid #DBDBDB;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.feedbackFormPicture{
background: url(/public/img/courseImage/unsplash_UP9DtTjRYpI.png), #7D879A;
min-height: 100px;
max-height: 250px;
background-size: cover;
width: 100%;
margin-top: 42px;
margin-bottom: 40px;
}
.dashboardcardIcon{
width: 80px;
height: 80px;
background: #1F68B1;
border-radius: 50%;
margin-right: 10px;
position: absolute;
top:30px
}
.dashboardcardText{
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 29px;
/* letter-spacing: 0.05em; */
color: #252B42;
position: absolute;
left: 125px;
top:50%;
transform: translate(0%, -50%);
/* padding-right: 20px; */
}
}
@media (max-width:1257px) {
.sideBanner {
background-color: #FFFFFF;
background-size: cover;
height: 0px;
width: 0px;
visibility: hidden;
}
.rightnavbar{
width: 100%;
}
/* .searchbar{
display: none;
} */
.faqBox{
height: auto;
}
.whyBox{
height: auto;
}
.teachDiv{
height: auto;
}
.successHead2{
/* border-radius: 8px 8px 8px 0px; */
/* box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); */
/* padding: 10px 7px; */
height: 383;
padding: 5px 0;
width: auto;
}
.successhead2 p {
padding: 5px;
padding-top: 10px;
margin-bottom: -1rem;
font-size: 14px;
margin-top: -1rem;
line-height: 1.2rem;
}
}
/* PTA - Overview */
.overview-left, .overview-lefty {
padding:10px 20px;
border:0px solid red;
}
.overview-right {
height:430px;
padding:0 20px 10px;
border:0px solid red;
}
.overview-text {
width: 100%;
display: flex;
flex-direction: column;
gap: 35px;
}
.overview-text-div{
display: flex;
flex-direction: column;
gap: 35px;
}
.row .overview-text{
--bs-gutter-x: 0rem;
}
.overview-text h3 {
/* font-family: 'Helvetica'; */
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 32px;
/* text-transform: capitalize; */
color: #000000;
}
.overview-text p {
/* width: 548px; */
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #000000;
flex: none;
order: 1;
flex-grow: 0;
}
.overview-image {
/* padding:20px; */
justify-content: center;
align-items: center;
height: 100%;
}
.image-spec {
width: 100%;
height: 100%;
background-size: cover;
margin-top: 10px;
max-height: 450px;
}
.previous-button {
box-sizing: border-box;
border: 1px solid #1F68B1;
width: 213px;
height: 60px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.previous-button span {
height: 22px;
/* font-family: 'Roboto'; */
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #1F68B1;
text-align: center;
}
.page-counter {
text-align: center;
display:flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.answer-wrapper {
display: grid;
grid-template-columns: 0.01fr 0.01fr 1fr;
flex-direction: row;
column-gap: 0;
}
.answer-wrapper p {
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140.62%;
color: #585757;
}
.col-basic {
padding:0;
}
.answer-radio[type="radio"]{
appearance: none;
border: 1px solid #d3d3d3;
width: 24px;
height: 24px;
content: none;
outline: none;
border-radius:100%;
border: 1px solid #232121;
margin: 0;
padding:0;
}
.answer-radio[type="radio"]:checked {
appearance: none;
border-radius:100%;
outline: none;
padding: 0;
content: none;
border: none;
}
.answer-radio[type="radio"]:checked::before{
position: absolute;
background:#04c558 ;
accent-color:blue;
border-radius:100%;
color: white !important;
content: "\00A0\2713\00A0" !important;
border: 1px solid #d3d3d3;
font-weight: bolder;
font-size: 16px;
width: 24px;
height: 24px;
}
.border-red {
border: 0px solid red;
}
.alpha {
width: 14px;
height: 28px;
/* font-family: 'Lato'; */
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 140.62%;
color: #585757;
flex: none;
order: 1;
flex-grow: 0;
}
.col-x-wrapper {
/* display: inline-block; */
display: flex;
flex-direction: row;
align-items: start;
}
.ordered-list {
list-style-type: none;
list-style-position: unset;
}
.check-box-location {
position: relative;
height: 26px;
width: 26px;
padding: 0;
}
/* @media (max-width : 700px) {
.container-fluid {
width: 370px;
}
}
*/
@media (max-width: 400px) {
.content-wrapper {
flex-direction: column-reverse;
}
.overview-left {
margin-top: 10px;
}
.content-wrapper {
margin: 5px 5px;
}
.page-counter {
flex-direction: column;
}
.swal-sm-width {
width: 300px !important;
}
.previous-button {
width: 90px;
height: 40px;
}
}
/* PTA - Overview */
@media (max-width: 450px) {
.become-part {
padding: 30px;
border: 0px;
text-align: justify;
}
}