html {
font-size: 14px;
}
html, body {
margin: 0;
padding: 0;
}
body {
font-family: Poppins, Arial, Helvetica, sans-serif;
color: #222;
background: #fff;
}
h1 {
font-weight: 400;
}
h4,
h5,
h6 {
font-weight: 300;
}
h1 {
font-size: 2.75rem;
font-weight:400;
}
/* h2{
font-size: 2.5rem;
font-weight:400;
} */
h3 {
font-size: 1.75rem;
font-weight:400;
}
h4 {
font-size: 1rem;
}
h6{
font-size: 1.5rem;
font-weight: 400;
color: #575757;
line-height: 36px;
}
p{
font-size: 1.125rem;
color: #575757;
}
.reveal{
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
}
/* header css */
header li:hover {
cursor: pointer;
}
header {
position: fixed;
background: #fff;
z-index: 9;
top: 0;
left: 0;
right: 0;
width: 100vw;
/* padding: 0 3.75rem; */
border-bottom: 1px solid #0000000f;
/* text-transform: uppercase; */
}
.consumer-first-nav{
text-transform: capitalize;
}
header a{
text-decoration: none;
color: #000;
}
header a:hover, header li a:hover{
color: #0A54CD !important;
}
header li {
font-size: 1rem;
padding: 0 2rem;
height: 85px;
display: flex;
align-items: center;
}
header a {
font-size: 1rem;
color: #575757;
}
.consumer-subnavigation a, .consumer-subnavigation li{
color: #000 !important;
font-weight: 400 !important;
}
header a span.active{
font-weight: 500!important;
color: #000000!important;
}
header a span.active::before {
position: absolute;
content: "";
width: 61px;
height: 4px;
background: #0A54CD;
bottom: -10px;
left: 0;
}
header .login {
font-size: 0.875rem;
font-weight: 600;
color: #222;
padding: 0 2rem;
}
.gray-c, .gray-c{
display:none;
}
.btn-primary {
background-color: #0A54CD;
padding: 0.75rem 2.5rem;
font-size: 1rem;
font-weight: 500;
text-align: center;
color: #fff;
border-radius:30px;
width: auto;
border-color: #0A54CD;
}
.btn-primary:hover{
background-color: #fff;
color: #0A54CD;
}
.show {
display: block !important;
}
.hidden {
display: none;
}
.subnavigation h4,
.consumer-subnavigation h4 {
color: #97a3b7;
font-weight: 600;
}
.subnavigation ul,
.consumer-subnavigation ul {
padding-left: 0;
list-style-type: none;
/* width: 250px; */
height: inherit;
overflow: auto;
max-height: 65vh;
margin-left: -1rem;
margin-right: -1rem;
}
.subnavigation li,
.consumer-subnavigation li {
display: flex;
align-items: center;
padding-right: 2rem;
color: #111b29;
font-weight: 600;
padding: 0.5rem;
}
.subnavigation li:hover,
.consumer-subnavigation li:hover {
background-color: #E6EEFA;
color: #0A54CD;
}
/* popup */
#popupForm .modal-dialog-centered .modal-body,
#popupForm .modal-dialog-centered .modal-header{
background-color: #fcf7ef !important;
}
.popup-form{
color:#0a54cd !important;
}
.modal-dialog{
max-width: 800px !important;
}
select.form-control,
input.form-control {
width: 100% !important;
}
/* service pop-up */
/* banner-section css */
@media screen and (width: 1440px) and (height: 900px) {
.home-video-banner {
position: relative;
width: 100%;
height: 88vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1024px) and (height: 768px) {
.home-video-banner {
position: relative;
width: 100%;
height: 73vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1280px) and (height: 720px) {
.home-video-banner {
position: relative;
width: 100%;
height: 98vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1280px) and (height: 1024px) {
.home-video-banner {
position: relative;
width: 100%;
height: 69vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1536px) and (height: 864px) {
.home-video-banner {
position: relative;
width: 100%;
height: 100vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1024px) and (height: 1366px) {
.home-video-banner {
position: relative;
width: 100%;
height: 41vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1280px) and (height: 960px) {
.home-video-banner {
position: relative;
width: 100%;
height: 75vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 2560px) and (height: 1600px) {
.home-video-banner {
position: relative;
width: 100%;
height: 90vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (width: 1600px) and (height: 1200px) {
.home-video-banner {
position: relative;
width: 100%;
height: 74vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (max-width: 767px){
.home-video-banner {
position: relative;
width: 100%;
height: 45vh !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.banner-section {
margin-left: 6px;
}
.carousel-item h2{
font-size: 1.5rem !important;
color: #0A54CD !important;
font-weight: 300 !important;
}
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
right: 0px !important;
}
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
left:-6px;
}
.video-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
overflow: hidden;
}
.background-video {
display: inherit;
}
}
.banner-section h1 {
font-family: Poppins;
font-size: 3.5rem;
font-weight: 600;
text-transform: capitalize;
color: #000;
}
.banner-section p{
color: #5F5B53;
font-size: 1.125rem;
}
.banner-section h6{
font-size: 1.125rem;
color: #5F5B53;
}
.banner-section h4{
font-size: 2.875rem;
font-weight: 600;
}
.banner-section h4 span{
font-size: 1.125rem;
font-weight: 400;
color: #5F5B53;
color: #000;
}
.banner-section .btn-primary{
margin-left: 1rem;
}
.home-video-banner {
position: relative;
width: 100%;
height: 120vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 10%;
}
.video-container {
position: absolute;
top: 0;
left: 0;
height: auto;
width: 100%;
z-index: 0;
}
.background-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.first-banner {
position: relative;
z-index: 2;
text-align: center;
color: white;
padding: 1.5rem;
width: 90%;
max-width: 1200px;
}
.banner-section {
margin-bottom: 0;
padding-bottom: 0;
}
.banner-heading h2 {
font-size: 1.5rem !important;
color:#0A54CD !important;
font-weight:300 !important;
}
/* Ensure text visibility */
.first-banner h1,
.first-banner h2 {
text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
/* --------------------------------- */
.home-video-banner h1,
.home-video-banner h2,
.home-video-banner p {
color: #fff !important;
}
.no-arrow::after {
background-image: none;
}
.no-arrow {
padding: 0 20px;
}
.event-detail-bar-content .content-div ul {
list-style-type: disc;
}
.stratagist-card .stratagist-body img{
width: 8rem;
height: auto;
border-radius: 50%;
}
.top-admits-home .image-container img{
width: 80%;
padding: 1rem;
}
.home-slider-arrow .slick-prev.slick-arrow,
.home-slider-arrow .slick-next.slick-arrow{
background: unset;
border: 0;
}
.home-slider-arrow .slick-next.slick-arrow svg{
background: #eee;
border-radius: 50%;
transform: rotate(180deg);
position: absolute;
right: 0;
top: 45%;
z-index: 14;
}
.home-slider-arrow .slick-prev.slick-arrow svg{
background: #eee;
border-radius: 50%;
position: absolute;
left: 0;
top: 45%;
z-index: 14;
}
.testimonial-slider.home-slider-arrow .slick-next.slick-arrow svg{
background: #eee;
border-radius: 50%;
transform: rotate(180deg);
position: absolute;
right: 25px;
top: 45%;
z-index: 14;
}
/* .webinar-slider .slick-slide {
padding: 2rem;
box-sizing: border-box;
} */
@media (max-width: 767px) {
.video-container {
display: none !important;
}
.video-overlay {
background: #0a54cd7d !important;
z-index: -1 !important;
}
.webinar-slider .col-md-4{
width: 93% !important;
}
header {
width: auto !important;
}
.first-banner {
position: absolute;
top: 25%;
left: 20px;
right: 10px;
text-align: center;
padding: 0 10px;
}
.mobile-slide {
display: none !important;
}
.mobile-main{
display: block !important;
}
/* Hide carousel arrows if they’re only on the first slide */
.carousel-control-prev,
.carousel-control-next {
display: none !important;
}
.home-video-banner h1 {
font-size: 1.5rem !important;
}
.home-video-banner p {
margin: 10px 0;
}
.background-video {
width: 100vw;
height: 60vh;
object-fit: fill;
}
.banner-section h1 {
font-size: 1.5rem !important;
}
.mobile-main p{
font-size:0.813rem !important;
}
.mobile-main a{
font-size:0.75rem !important;
background-color: #0A54CD;
padding: 10px 24px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.carousel-item {
height: 100vh;
}
/* .first-banner {
position: absolute;
top: 30%;
left: 20px;
right: 20px;
text-align: center;
padding: 0 20px;
} */
.background-video {
width: 100vw;
height: 100vh;
object-fit:inherit;
}
}
@media (max-width: 1100px) {
.logo {
width: 150px;
}
header {
padding: 15px;
}
}
header a {
text-decoration: none;
}
.hide {
display: none;
opacity: 0;
}
.slideIn {
animation: slideIn 0.5s linear forwards;
}
@keyframes slideIn {
0% {
opacity: 0;
transform: translateX(125%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/* custom scrollbar */
.subnavigation ul,
.consumer-subnavigation ul {
/* Set a fixed height and width for the container */
/* height: 50vh; */
width: 300px;
/* Enable scrolling */
overflow: auto;
/* Customize the scrollbar */
scrollbar-width: thin; /* "thin", "auto", or "none" */
scrollbar-color: #f3f3f3; /* scrollbar-thumb and scrollbar-track colors */
}
.subnavigation ul::-webkit-scrollbar,
.consumer-subnavigation ul::-webkit-scrollbar {
width: 5px; /* Set the width of the scrollbar */
}
.subnavigation ul::-webkit-scrollbar-thumb,
.consumer-subnavigation ul::-webkit-scrollbar-thumb {
background-color: #f3f3f3; /* Set the color of the thumb */
border-radius: 71px;
}
.subnavigation ul::-webkit-scrollbar-track,
.consumer-subnavigation ul::-webkit-scrollbar-track {
background-color: transparent; /* Set the color of the track */
}
.active-bg {
background-color: #f6f6f6;
}
.step-2 li,
.step-3 li {
position: relative;
}
.step-2 li::after,
.step-3 li::after {
position: absolute;
right: 1rem;
background-image: url("../images/arrow.png");
content: "";
top: 0;
bottom: 0;
height: 24px;
width: 24px;
margin: auto;
}
.mobile-container {
max-width: 480px;
margin: auto;
background-color: #fff;
height: 500px;
color: #000;
border-radius: 10px;
}
.topnav {
overflow: hidden;
position: relative;
}
.topnav #myLinks {
display: none;
}
.topnav a {
text-decoration: none;
font-size: 17px;
display: block;
}
.topnav a.icon {
display: block;
position: absolute;
right: 0;
top: 0;
}
#myLinks {
display: block;
padding-top: 2rem;
}
#mylinks .card-body{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0
}
.respo-accordian .card-header {
font-weight: 600;
font-size: 14px;
padding: 0;
background-color: transparent;
border-bottom: none;
}
.respo-accordian button {
color: #212529;
padding: 0;
text-decoration: none;
}
.respo-accordian button:hover {
color: #212529;
/* padding: 0; */
text-decoration: none;
}
.respo-accordian .card-body,
.respo-accordian .card-body:hover {
padding: 0;
}
.respo-accordian li {
padding: 0.5rem 1rem !important;
}
.respo-accordian ul,
.respo-accordian li {
padding: 0.5rem 0;
list-style-type: none;
font-weight: 600;
font-size: 14px;
margin-bottom: 0;
text-transform: none;
}
.respo-accordian #accordionstartup .btn-link {
position: relative;
}
.respo-accordian #accordionstartup .btn-link::after {
position: absolute;
right: 0;
content: "";
top: 0;
height: 24px;
width: 24px;
bottom: 0;
margin: auto;
background-image: url("../images/arrow.png");
}
.respo-accordian .btn-link {
width: 100%;
text-align: left;
font-size: 14px;
font-weight: 600;
}
.respo-accordian .card {
border: none !important;
}
#myLinks {
transition: all 0.5s;
}
.slidestar {
right: -100%;
height: calc(100vh - 65px);
position: absolute;
background: #fff;
}
.slideLeft {
right: 0;
top: 56px;
width: 100%;
background-color: #fff;
padding: 1rem 1.5rem;
height: calc(100vh - 0px);
overflow: auto;
}
.btn.focus,
.btn:focus {
box-shadow: none !important;
}
.respo-accordian #headingOne button,
.respo-accordian #headingOne6 button {
padding: 0 !important;
}
.respo-accordian .accordion button,
.accordion6 button {
position: relative;
}
.respo-accordian #headingOne::after,
.respo-accordian #headingOne6::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-image: url("../images/drop-down-arrow.png");
height: 7px;
width: 12px;
}
.respo-accordian #headingOne2::after,
.respo-accordian #headingOne3::after,
.respo-accordian #headingOne4::after,
.respo-accordian #headingOne5::after,
.respo-accordian #headingOne7::after,
.respo-accordian #headingOne8::after,
.respo-accordian #headingOne9::after,
.respo-accordian #headingOne10::after,
.respo-accordian #headingOne11::after,
.respo-accordian #headingOne12::after,
.respo-accordian #headingOne13::after {
background-image: none;
}
.respo-accordian .card {
padding: 1rem;
}
.collapse{
padding-top: 1rem;
}
#headingOne [aria-expanded="true"],
#headingOne6 [aria-expanded="true"] {
color: #171100;
font-weight: bold;
}
.respo-accordian .btn-link {
display: flex;
align-items: center;
width: auto;
}
#headingOne2 [aria-expanded="true"],
#headingOne3 [aria-expanded="true"],
#headingOne4 [aria-expanded="true"],
#headingOne5 [aria-expanded="true"],
#headingOne7 [aria-expanded="true"],
#headingOne8 [aria-expanded="true"],
#headingOne9 [aria-expanded="true"],
#headingOne10 [aria-expanded="true"],
#headingOne11 [aria-expanded="true"],
#headingOne12 [aria-expanded="true"],
#headingOne13 [aria-expanded="true"],
#headingOne101 [aria-expanded="true"],
#headingOne102 [aria-expanded="true"],
#headingOne103 [aria-expanded="true"],
#headingOne104 [aria-expanded="true"],
#headingOne105 [aria-expanded="true"],
#headingOne106 [aria-expanded="true"],
#headingOne107 [aria-expanded="true"],
#headingOne108 [aria-expanded="true"],
#headingOne109 [aria-expanded="true"],
#headingOne110 [aria-expanded="true"] {
padding: 0.5rem 0;
}
#hamburger span:nth-child(2) {
width: 28px;
height: 2px;
border-radius: 2px;
display: block;
background-color: #000;
}
#hamburger span:nth-child(1) {
width: 20px;
margin-left: auto;
margin-bottom: 5px;
height: 2px;
border-radius: 2px;
display: block;
background-color: #000;
}
#hamburger span:nth-child(3) {
/* .hamburger::before, .hamburger::after{ */
width: 20px;
height: 2px;
border-radius: 2px;
margin-top: 5px;
margin-left: auto;
display: block;
background-color: #000;
}
.topnav a.icon {
display: flex;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
align-items: center;
}
.close {
transition: all.5s;
}
.close span:nth-child(2) {
opacity: 0;
}
.close span:nth-child(3) {
transform: rotate(45deg) translate(-10px);
}
.close span:nth-child(1) {
transform: rotate(-45deg) translate(-10px);
}
.consumer-subnavigation {
position: absolute !important;
top: 80% !important;
/* right: 0 !important; */
background-color: white !important;
padding: 1rem;
display: none !important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.arrow:hover .consumer-subnavigation,
.arrow .consumer-subnavigation:hover {
display: block !important;
}
.subnavigation {
position: absolute !important;
top: 100% !important;
right: 0 !important;
background-color: white !important;
display: none !important;
}
.arrow:hover .subnavigation,
.arrow .subnavigation:hover {
display: block !important;
}
.submenu-wrapper li {
height: max-content;
}
/* Numbers */
.numbers-wrapper {
box-shadow: 10px 0 10px 5px rgba(0, 0, 0, 0.1);
}
.numbers-wrapper .row.py-4{
padding: 2rem !important;
}
.admission-rates-slider p {
font-size:1rem;
color:rgba(87,87,87,0.75)
}
.numbers bdi{
font-size: 2.25rem;
font-weight: 600;
padding-right: 0.5rem;
}
.numbers bdi.color1{
width: 6rem;
}
.numbers bdi.color2{
width: 5rem;
}
.numbers bdi.color3{
width: 7rem;
}
.numbers bdi.color4{
width: 8rem;
}
.numbers span{
font-size: 1rem;
/* line-height: 1.5rem; */
color: #5F5B53;
font-weight:normal;
}
/* .numbers span strong{
font-size: 0.875rem;
color: #000;
} */
.color1 {
color: #00A9A5;
}
.color2 {
color: #D47885;
}
.color3 {
color: #0A54CD;
}
.color4 {
color: #E6B45F;
}
.color5 {
color: #00A9A5;
}
@media(max-width:991px){
.numbers bdi {
font-size: 1.5rem;
}
}
/* take the leap css start */
.take-the-leap h2{
font-size: 2.875rem;
font-weight: 500;
}
.take-the-leap h5{
font-size: 1.75rem;
font-weight: 400;
}
.take-the-leap p{
font-size: 1.125rem;
color: rgba(87,87,87,0.8);
}
.take-the-leap p span{
color: #0A54CD;
}
/* take the leap css end */
/* our services css start */
.service-cards .card {
position: relative;
overflow: hidden;
border: none;
border-radius: 0;
cursor: pointer;
}
.service-cards .card-header{
position: absolute;
bottom: 7%;
border-bottom: 0;
color: #fff;
width: -webkit-fill-available;
}
.service-cards .card .card-img img {
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
object-fit: cover;
}
.service-cards .custom-border-1{
border-bottom: 10px solid #D47885;
}
.service-cards .custom-border-2{
border-bottom: 10px solid #00A9A5;
}
.service-cards .custom-border-3{
border-bottom: 10px solid #D75FD1;
}
.service-cards .custom-border-4{
border-bottom: 10px solid #0A54CD;
}
.service-cards .custom-border-5{
border-bottom: 10px solid #E6B45F;
}
.service-cards .card .card-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
padding: 10px;
transform: translateY(100%);
transition: all 0.2s ease-in-out;
opacity: 0;
}
.service-cards .card:hover .card-img img{
border: none;
}
.service-cards .card:hover .card-content {
transform: translateY(0);
opacity: 1;
border-top: 10px solid #D47885;
}
.our-services .card-header::before {
content: "";
position: absolute;
bottom: -6px;
left: 45%;
width: 10%;
height: 3px;
background-color: #fff;
border-radius: 12px;
}
.overlay {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
height: 25%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
z-index: 0;
}
.service-cards .card-content h5 {
color: #000;
font-size: 1.25rem;
margin-bottom: 10px;
}
.service-cards .card-content h6 {
color: #000;
font-size: 1.125rem;
margin-bottom: 10px;
}
.service-cards .card-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.service-cards .card-content li {
color: #000;
font-size: 0.75rem;
padding: 0.3rem 0;
}
.our-services{
background-image: url('../images/service-bg-blue.png');
background-position: right;
background-size: auto;
background-repeat: no-repeat;
}
@media (min-width: 768px){
.service-cards.col-md-2 {
width: 19.666667%;
}
}
/* our-services css end */
/* testimonials section css start */
.testimonials-section{
background-color: #EBF8F8;
overflow: hidden;
}
.testimonials-section .view-all a{
color: #000000;
font-weight: 500;
font-size: 1.25rem;
}
.testimonial-subheader{
color: #575757;
margin-bottom: 0;
}
.testimonial-slider .slick-list{
padding: 0 2rem 0 0;
}
.testimonial-slider .card-head {
position: relative;
}
.top-half-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%;
z-index: 1;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.testimonial-slider .bg-1{
background-color: #EBF8F8;
}
.testimonial-slider .bg-2{
background-color: #FBF1F3;
}
.testimonial-slider .bg-3{
background-color: #E6EEFA;
}
.testimonial-slider .bg-4{
background-color: #FCF7EF;
}
.testimonial-slider .bg-5{
background-color: #EBF8F8;
}
.testimonial-slider .card-img{
position: relative;
z-index: 2;
display: flex;
justify-content: center;
}
.testi-card .card{
border-radius: 20px;
border-color: transparent;
box-shadow: 0 0 20px 0 #0000001A;
}
.testi-card h6{
color: #0A54CD;
font-size: 1.125rem;
}
.testi-card .card-body p{
font-size: 1rem;
color: rgba(87,87,87,0.75);
}
.client-data::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.client-data::-webkit-scrollbar {
width: 6px;
height: 50px !important;
}
.client-data::-webkit-scrollbar-thumb {
background-color: #2065ce;
border-radius: 10px;
height: 30px;
}
.client-data{
height: 10rem;
overflow-y: auto;
}
@media (max-width:768px) {
.our-services {
background-size: cover;
}
.numbers-wrapper .row.py-4 {
padding: 2.5rem 1rem !important;
}
.testimonial-slider .slick-list{
padding: 0 0 0 0.938rem;
}
}
/* testimonials section css end */
.top-admits {
position: relative;
overflow: hidden;
}
.top-admits::before {
content: "";
position: absolute;
top: 0;
left: -5%;
z-index: -1;
width: 49%;
height: 100%;
background-image: url(../images/top-admits-bg.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.top-admits::after {
content: "";
position: absolute;
bottom: 0;
right: -17%;
z-index: -1;
width: 50%;
height: 50%;
background-image: url(../images/top-admits-btm-bg.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.top-admits-cards {
/* display: inline-block; */
position: relative;
cursor: pointer;
padding-bottom: 1px;
}
.image-container {
position: relative;
display: inline-block;
padding: unset;
}
.number {
position: absolute;
top: 0;
/* left: 10px; */
width: 100%;
height: 100%;
color: white;
text-align: center;
line-height: 1;
font-size: 8rem !important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.numb-bg-1 {
background-color: #5794F8;
}
.numb-bg-2{
background-color: #D47885;
}
.numb-bg-3{
background-color: #E6B45F;
}
.top-admits-cards:hover .image-container img{
opacity: 0;
}
.top-admits-cards:hover .number {
opacity: 1;
visibility: visible;
}
.top-admits-cards img{
padding: 4rem;
}
/* top admits section css end */
/* admission-rates section css start*/
.admission-rates-slider .card .card-title{
font-size: 1.929rem;
font-weight: 600;
}
.admission-rates-slider .card .card-text{
font-size: 1.125rem;
}
.admission-rates-slider .card p.text-end,
.admission-rates-slider .card p.text-start{
font-size: 0.875rem;
}
.admission-rates-slider .bg-1{
background-color: #EBF8F8;
}
.admission-rates-slider .bg-2{
background-color: #FBF1F3;
}
.admission-rates-slider .bg-3{
background-color: #E6EEFA;
}
.admission-rates-slider .bg-4{
background-color: #FCF7EF;
}
.admission-rates-slider .bg-5{
background-color: #EBF8F8;
}
.admission-rates-slider .card .card-img-top{
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
/* padding-left: 1.5rem !important;
padding-right: 1.5rem !important; */
}
.p-1{
padding: 0.25rem 0.35rem !important
}
.admission-rates-slider .card{
border: 0;
/* border-radius: 15px; */
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.admission-rates-slider .slick-list{
padding: 1rem 0 3rem 0 !important;
}
.admission-rates h5{
font-weight:inherit;
}
/* admission-rates section css end */
/* webinar-section css start */
.webinar-section {
background-image: url('../images/webinar-bg.png');
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
}
.view-all a{
text-decoration: none;
font-size: 1.25rem;
color: #0A54CD;
position:relative;
}
.webinar-section .card{
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.webinar-section .card-img-top{
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.webinar-section .card-footer{
background-color: #fff;
border: none;
border-radius:15px;
}
.webinar-section .card-title{
font-size: 1.25rem;
font-weight: 500;
}
.webinar-section .card-text{
font-size: 1rem;
color: rgba(0,0,0,.5);
}
.webinar-section .card-footer .text-end p{
font-size: 0.875rem;
font-weight: 600;
color: #D47885;
}
.webinar-slider .slick-list{
padding: 1rem 2rem 3rem 0rem !important;
}
/* webinar-section css end */
/* blog-section css start */
.blogs-section{
background-image: url('../images/blog-bg.png');
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}
.blogs-section .view-all a{
color: #fff !important;
}
.blogs-slider .card{
border-radius:0.938rem;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-cards img{
border-top-right-radius: 0.938rem;
border-top-left-radius: 0.938rem;
}
.blogs-slider .card-img-top{
border-top-right-radius: unset;
border-top-left-radius: unset;
}
.blogs-slider .card .card-body h5{
font-size: 1.25rem;
color: #999999;
}
.blogs-slider .card .card-title{
color: #000 !important;
font-size: 1.25rem;
font-weight: 600;
}
.blogs-slider .card-body p{
color: rgba(0,0,0,.5);
font-size: 1.125rem;
}
.blogs-slider .slick-list{
padding: 1rem 2rem 3rem 0rem !important;
}
.video-slider .slick-list {
padding: 1rem 2rem 3rem 0rem !important;
}
.video-slider .card {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: 0;
border-radius:0.938rem;
}
.achievers-club h3 {
font-weight:400;
}
.video-slider video{
border-top-right-radius: 0.938rem;
border-top-left-radius: 0.938rem;
}
/***** responsive video-testimonials ********/
@media (min-width:1500px){
.achievers-club .card-title{
font-size:1.5rem;
}
@media (min-width:2000px){
.achievers-club .card-title{
font-size:1.75rem;
}
}
.blog-content-details img {
max-width: 100%;
height: 100%;
padding: 2rem 0;
}
/* blog-section css start */
/* Summer-Program */
.summer-opportunities .btn-primary{
width: fit-content;
}
/* admission-support section css start */
.bread-crumbs a{
color: #5F5B53;
font-size: 1rem;
text-decoration: none;
}
.bread-crumbs a.active{
color: #5794F8;
font-weight: 400;
}
.admission-support-banner h1,
.personal-branding-banner h1,
.who-are-we-banner h1,
.tech-banner h1,
.testimonials-banner h1{
font-size: 2.75rem;
font-weight: 400;
}
.admission-support-banner h2,
.personal-branding-banner h2,
.who-are-we-banner h2,
.tech-banner h2,
.banner-section h2{
font-size: 1.5rem;
color: #0A54CD;
font-weight: 300;
}
.admission-support-banner p,
.personal-branding-banner p{
color:rgba(0,0,0,0.5)
}
.support-tabs .nav-tabs{
border: none;
box-shadow: 0px 0px 12px 0px #0000001F;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.support-tabs .number-div img {
left: -3rem;
position: relative;
z-index: -1;
}
.support-tabs .number-content {
margin-left: unset;
margin-top: -2.4rem;
}
.preparation-list .preparation-heading,
.we-help-list .preparation-heading{
font-size: 1.25rem;
font-weight: 500;
margin-bottom:0;
/* color: #0A54CD; */
}
/* .preparation-list p,
.we-help-list p{
font-size: 1.5rem;
color: #575757;
} */
.preparation-list,
.we-help-list,
.scholarship-list{
list-style-type: disc;
padding-left: 2rem;
text-align: left;
font-size: 1.5rem;
}
.scholarship p{
font-size: 1.5rem;
color: #575757;
}
/* .Why-profile p,
.summer-programs p{
font-size: 1.5rem;
color: #575757;
} */
.counseling-lists,
.catch-list,
.summer-programs-lists{
list-style-type: disc;
/* padding-left: 2rem;
text-align: left;
font-size: 1.5rem; */
}
.catch-section p{
font-size: 1.5rem;
}
.about-program p{
font-size:1.438rem;
}
.offer-table h3{
font-size: 2.25rem;
font-weight: 500;
color: #0A54CD;
}
.offer-table .offer-list li{
list-style-type: disc;
text-align: left;
font-size: 1.5rem;
}
.offer-table .included-list{
column-count:unset;
}
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid black;
padding: 10px 20px;
}
@media (max-width: 767px) {
.video-slider .slick-list{
padding:0 !important;
}
.take-the-leap h5{
font-size: 1.5rem;
}
.support-tabs .nav-tabs {
justify-content: flex-start !important;
}
.support-tabs .number-div img{
left:0;
}
.top-admits-cards img{
padding: 1rem;
}
.top-admits-cards{
display:grid;
}
.numbers-wrapper.admission-rates {
display: flex;
flex-direction: column;
align-items: center; /* Centers all items */
text-align: center;
}
.numbers {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* margin-bottom: 15px; */
}
.numbers span{
text-align:center;
}
.testimonial-subheader {
font-size: 1.25rem;
}
.testimonial-slider.home-slider-arrow .slick-next.slick-arrow svg {
background: #eee;
border-radius: 50%;
transform: rotate(180deg);
position: absolute;
right: 8px;
top: 46%;
z-index: 14;
}
.testimonial-slider.home-slider-arrow .slick-prev.slick-arrow svg {
background: #eee;
border-radius: 50%;
position: absolute;
left: 8px;
top: 46%;
z-index: 14;
}
}
.sticky-container {
position: -webkit-sticky;
position: sticky;
top: 85px;
background: #fff;
z-index: 2;
}
}
@media(max-width:991px){
.sticky-container{
top: 57px
}
}
.support-tabs .nav-link{
border: none;
font-size: 1.125rem;
color: #575757;
font-weight: 500;
position: relative;
width: max-content;
padding-top:.75rem;
padding-bottom:.75rem
}
.support-tabs .nav-link.active{
color: #0A54CD;
font-weight: 500;
}
.support-tabs .nav-link.active::before{
content: '';
position: absolute;
bottom: 0;
left: 6%;
width: 10%;
height: 4px;
background-color: #0A54CD;
border-radius: 15px;
}
.support-tabs .nav-link:hover{
color: #0A54CD;
}
.support-tabs .nav-link:hover::before{
content: '';
position: absolute;
bottom: 0;
left: 6%;
width: 88%;
height: 4px;
background-color: #0A54CD;
border-radius: 15px;
}
.support-tabs .tab-content h3{
font-size: 2.5rem;
color: #000000;
font-weight:400;
}
.support-tabs .tab-content p{
font-size: 1.125rem;
color: #575757;
}
.tab-content-header {
position: relative;
}
.tab-content-header h3 {
position: relative;
z-index: 1;
}
.tab-content-header .numb-1{
font-size: 7rem;
color:#00A9A5;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -10%;
z-index: 0;
}
.tab-content-header.personalized-num-1 .numb-1{
top: -118%;
left: -8%;
}
.tab-content-header .numb-1{
font-size: 7rem;
color:#E6B45F;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -6%;
z-index: 0;
}
.tab-content-header .numb-2{
font-size: 7rem;
color:#E6B45F;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -6%;
z-index: 0;
}
.tab-content-header .numb-3{
font-size: 7rem;
color:#E6B45F;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -6%;
z-index: 0;
}
.tab-content-header .numb-4{
font-size: 7rem;
color:#00A9A5;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -8%;
z-index: 0;
}
.tab-content-header .numb-5{
font-size: 7rem;
color:#E6B45F;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -6%;
z-index: 0;
}
.tab-content-header .numb-6{
font-size: 7rem;
color:#D47885;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -70%;
left: -8%;
z-index: 0;
}
.tab-content-header .numb-7{
font-size: 7rem;
color:#0A54CD;
font-weight: 700;
opacity: 0.5;
position: absolute;
top: -119%;
left: -8%;
z-index: 0;
}
.content-div{
padding-top: 3rem;
padding-bottom: 3rem;
}
.right-content .content-div {
order: 1;
}
.left-content, .right-content{
opacity: 0;
transform: translateY(100px);
transition: opacity 0.5s ease, transform 1s ease;
}
.left-content.active-5, .right-content.active-5{
opacity: 1;
transform: translateY(0);
}
.content-3{
background-color: #FBF1F3;
z-index: -2;
}
.content-7{
background-color: #E6EEFA;
}
.content-3 .text-end, .content-7 .text-end{
padding: 4rem 0;
}
.number-banner {
background-color: #E6B45F;
}
.number-banner h2{
font-size: 5.5rem;
}
.number-banner h2 bdi{
color: #fff !important;
}
.number-banner p{
font-size: 2rem;
color: #fff !important;
}
/* admission-support section css end */
/* Footer */
.page-id-71 .footer-bg-1, page-id-73 .footer-bg-1,
.page-id-75 .footer-bg-1, .page-id-753 .footer-bg-1,
.page-id-569 .footer-bg-1, .page-id-571 .footer-bg-1, .page-id-578 .footer-bg-1 {
background-color:rgba(0, 169, 165, 1);
}
.page-id-77 .footer-bg-1, .page-id-9 .footer-bg-1 {
background-color:rgba(230, 180, 95, 1);
}
.page-id-580 .footer-bg-1, .page-id-90 .footer-bg-1,
.page-id-584 .footer-bg-1, .page-id-586 .footer-bg-1 {
background-color:rgba(212, 120, 133, 1)
}
.footer-bg-1{
background: #5794F8;
}
.footer-bg-2{
background: #00A9A5;
}
.footer-bg-3{
background: #D47885;
}
.footer-bg-4{
background: #E6B45F;
}
.footer a:hover {
cursor: pointer;
font-weight: 400;
color: #000 !important;
}
.footer-banner-section {
border-radius: 1.313rem;
position: absolute;
top: -7rem;
left: 0;
right: 0;
width: 93%;
}
.footer-banner-section h6 {
font-weight: 500;
font-size: 2.5rem;
color: #FFFFFF;
}
.footer-banner-section span {
font-weight: 400;
font-size: 1.25rem;
color: #fff;
}
.content-wrapper {
justify-content: space-around !important;
}
.content-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2.313rem 0rem;
}
.decoration-none{
text-decoration: none;
}
.request-loader {
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 9.375rem;
width: 9.375rem;
border-radius: 100%;
/* background: #FFFFFF; */
border: 2px solid #fff;
}
.request-loader span {
font-size: 1.5rem;
text-align: center;
}
.request-loader::before {
opacity: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
height: 100% ;
width: 100% ;
border: 1px solid #fff;
border-radius: 100%;
/* -webkit-animation-name: ripple; */
animation-name: ripple;
/* -webkit-animation-duration: 3s; */
animation-duration: 3s;
/* -webkit-animation-delay: 0.5s; */
animation-delay: 0.5s;
/* -webkit-animation-iteration-count: infinite; */
animation-iteration-count: infinite;
/* -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1); */
animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
}
@keyframes ripple {
0% {
opacity: 0;
transform: scale3d(1, 1, 1);
}
20%{
opacity: 1;
transform: scale3d(1.025, 1.025, 1);
}
to {
opacity: 0;
transform: scale3d(1.25, 1.25, 1);
}
}
/* our-mission & values */
.our-mission h2{
font-size: 3.25rem;
font-weight: 500;
}
.our-mission h3{
font-size: 2rem;
color: #0A54CD;
font-weight: 600;
}
.our-mission{
background-color: #E6EEFA;
}
.our-mission p{
font-size: 1.5rem;
}
.join-us-module span {
color: #0A54CD;
font-size: 2.5rem;
line-height: 60px;
}
/* Faq Section */
.faq-banner h1{
font-size: 2.6rem;
font-weight: 500;
}
.faq-banner h2{
font-size: 2.25rem;
color: #0A54CD;
font-weight: 600;
}
.faq-section button.accordion-button.collapsed {
border-radius: 15px!important;
background: #FFF;
padding: 2rem;
font-size: 1.5rem;
color: #575757;
font-weight: 500;
}
.faq-section .accordion-button::after {
content: '';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
padding: 1rem;
background-size: cover;
display: inline-block;
transition: transform 0.3s ease;
}
/* .faq-section .accordion-button:not(.collapsed)::after {
transform: rotate(180deg);
} */
.faq-section .accordion-button:not(.collapsed)::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z'/%3E%3C/svg%3E");
padding: 1rem;
background-size: cover;
}
.faq-section .accordion-button:focus {
box-shadow: none;
}
.faq-section .accordion-button:not(.collapsed) {
color: #D47885;
font-size: 1.5rem;
background: transparent;
font-weight: 500;
padding-bottom:0!important;;
}
.faq-section .accordion {
--bs-accordion-border-color: transparent;
--bs-accordion-border-width: 0 ;
}
/* College Essay Guidance */
.essay-card-section {
background-color:rgba(230,238,250,0.3);
}
.essay-card-section h2,
.who-we-card-section h2{
font-size: 3rem;
font-weight: 500;
}
.who-we-card-section p{
color: rgba(87,87,87,0.75);
font-size: 1.25rem;
margin-bottom: 0;
}
.essay-cards .bg-1,
.who-we-cards .bg-1{
background-color: #EBF8F8;
}
.essay-cards .bg-2,
.who-we-cards .bg-2{
background-color: #FBF1F3;
}
.essay-cards .bg-3,
.who-we-cards .bg-1{
background-color: #E6EEFA;
}
.essay-cards .bg-4,
.who-we-cards .bg-4{
background-color: #FCF7EF;
}
.essay-cards .bg-5,
.who-we-cards .bg-5{
background-color: #EBF8F8;
}
.essay-cards .bg-6,
.who-we-cards .bg-6{
background-color: #FCF7EF;
}
.essay-cards,
.who-we-cards{
border: none;
box-shadow: 0px 0px 20px 0px #0000001A;
}
.essay-cards .card-header,
.who-we-cards .card-header{
border: none;
height: 7rem;
display: flex;
justify-content: center;
align-items: center;
}
.essay-cards .card-header h4,
.who-we-cards .card-header h4{
font-size: 1.5rem;
font-weight: 500;
}
.essay-cards .card-text,
.who-we-cards .card-text{
font-size: 1rem;
color: rgba(87,87,87,0.75);
}
.college-essays .essay-subheading,
.college-essays p,
.coaching-subheading{
font-family: Poppins, Arial, Helvetica, sans-serif;
color: #575757;
font-size: 1.25rem;
margin-bottom: 0;
}
.how-essay-subheading{
color: #0A54CD;
font-size: 1.5rem;
margin-bottom: 0;
}
.founders-module h3{
color: #0A54CD;
font-size: 2rem;
line-height: 60px;
}
.founders-module p{
font-size: 1.5rem;
font-weight: 400;
color: #575757;
line-height: 36px;
}
/* .whats-included h3{
font-size: 2.25rem;
font-weight: 500;
color: #0A54CD;
} */
.included-list,
.coaching-list {
font-size: 1.5rem;
column-count: 2;
column-gap: 20px;
list-style-position: inside;
}
.included-list {
list-style-type: none;
margin-bottom:0;
}
.included-list li{
padding: 0 1.5rem 1.25rem 1rem;
/* text-indent: -1.5em; */
color: rgba(87,87,87,1);
font-size: 1.125rem;
font-weight: 400;
position:relative;
}
.included-list li:before {
content: "";
display: inline-block;
width: 1.125rem;
height: 15px;
background-image: url(../images/college-essay-guidance/blue-tick.png);
background-size: contain;
margin-right: 10px;
background-repeat: no-repeat;
position:absolute;
left:-1rem;
top:.5rem;
}
.how-essay-cards .card{
border-radius: 15px;
border-color: transparent;
box-shadow: 0 0 20px 0 #0000001A;
height: 100%;
}
.how-essay-cards h3{
font-size: 2.25rem;
width: 80% !important;
}
.how-essay-cards p{
font-size: 1.5rem;
color: #575757;
}
.how-essay-cards .card-head{
height: 14rem;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.how-essay-cards .card-head.bg-1{
background-color: #00A9A5;
}
.how-essay-cards .card-head.bg-2{
background-color: #E6B45F;
}
.how-essay-cards .card-head.bg-3{
background-color: #D47885;
}
.how-essay-cards img{
right: 0;
bottom: 0;
width: 35%;
}
.why-ivyleap,
.what-drives{
background-color: #E6EEFA;
}
/* .why-ivyleap p,
.what-drives p{
font-size: 1.5rem;
color: #575757;
} */
.why-ivyleap .blue-sub,
.what-drives .blue-sub{
font-size: 1.5rem;
color: #0A54CD;
}
.our-edge-points ol li{
font-size: 1.25rem;
color: #000000;
padding-bottom: 2rem;
font-weight: 400;
padding-left: 0.5rem;
position: relative;
}
.our-edge-points ol {
list-style: none;
padding: 1rem 0rem 0 3rem;
}
.our-edge-points ol li:first-child {
counter-reset:index;
}
.our-edge-points ol li::before {
content: counter(index);
counter-increment:index;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: white;
position: absolute;
left: -35px;
font-size: 0.875rem;
font-weight: 600;
}
.webinar-workshop-banner h1{
font-size: 2.75rem;
font-weight: 400;
}
.webinar-workshop-banner p{
color: rgba(0,0,0,0.5);
}
.webinar-workshop-banner h2{
font-size: 1.5rem;
color: #0A54CD;
font-weight: 300;
}
.webinar-events-section .card{
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.webinar-events-section .card-img-top{
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.webinar-events-section .card-footer{
background-color: #fff;
border: none;
}
.webinar-events-section .card-title{
font-size: 1.25rem;
font-weight: 500;
}
.webinar-events-section .card-text{
font-size: 1rem;
color: #575757;
}
.webinar-events-section .card-footer .text-end p{
font-size: 0.875rem;
font-weight: 600;
color: #D47885;
}
.card-strip{
background-color:#5794F8;
;
position: absolute;
border-top-left-radius: 15px;
padding: 0.5rem 2rem
}
.card-strip.bg-2{
background-color: #5794F8;
}
.card-strip p{
color: #fff;
font-size: 0.875rem;
}
.card-img-sec{
position: relative;
}
.on-demand .sub-para{
font-size: 1.5rem;
color: #575757;
}
.on-demand-cards .card{
border-radius: 15px;
border-color: transparent;
border: 0;
box-shadow: 0px 0px 20px 0px #0000001A;
}
.on-demand-cards .btn-primary{
padding: 0.8rem 2rem;
}
.on-demand-cards h3{
font-size: 1.5rem;
width: 80% !important;
}
.on-demand-cards p{
font-size: 1.125rem;
color: #575757;
}
.on-demand-cards .card-head{
height: 14rem;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.on-demand-cards .card-head.bg-1{
background-color: #EBF8F8;
}
.on-demand-cards .card-head.bg-2{
background-color: #FBF1F3;
}
.on-demand-cards .card-head.bg-3{
background-color: #FCF7EF;
}
.on-demand-cards img{
right: 0;
bottom: 0;
width: 35%;
}
.meet-experts{
background-color: #EBF8F8;
overflow: hidden;
}
.meet-experts .sub-para{
color: #575757;
font-size: 1.5rem;
}
.meet-experts-slider h3{
font-size: 2.5rem;
}
.meet-experts-slider h4{
font-size: 1.5rem;
color: #0A54CD;
}
.meet-experts-slider p{
font-size: 1.5rem;
}
.meet-experts-slider .slick-arrow{
border: 0;
background: none;
bottom: 5rem;
position: absolute;
z-index: 1;
}
.meet-experts-slider .next-arrow{
left: 3.5rem;
}
.webinar-clips{
overflow: hidden;
}
.webinar-clips .sub-para{
color: #575757;
font-size: 1.5rem;
}
.clip-cards {
border-radius: 20px;
height: 30rem;
}
.clip-cards h3{
font-size: 2.75rem;
color: #fff;
}
.clip-cards h5{
font-size: 1.5rem;
color: #fff;
}
.clip-cards p{
font-size: 1.5rem;
color: #fff;
}
.clip-cards.bg-1{
background-color: #D47885;
}
.clip-cards.bg-2{
background-color: #00A9A5;
}
.clip-cards.bg-3{
background-color: #E6B45F;
}
.clip-cards.bg-4{
background-color: #5794F8;
}
.clip-cards.bg-5{
background-color: #00A9A5;
}
.clip-card-slider a {
text-decoration: none;
}
.clip-container{
position: absolute;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
}
.clip-card-content p{
padding-right: 4rem;
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-10%, -50%);
}
.clip-card-slider .slick-current {
transform: scale(1.01) !important;
transition: transform 0.3s ease;
}
.clip-card-slider .slick-slide {
transform: scale(0.8);
transition: transform 0.3s ease;
}
.clip-card-content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.events-banner h1{
font-size: 2.75rem;
}
.events-banner p{
font-size: 1.125rem;
color: #5F5B53;
}
.event-detail-bar ul{
border: none;
box-shadow: 0px 0px 12px 0px #0000001F;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
list-style: none;
display: flex;
}
.event-detail-bar li p{
font-size: 1rem;
color: #171100;
font-weight: 600;
}
.how-help h4{
color: #0A54CD;
font-size: 1.5rem;
}
.how-help h3{
font-size: 2.5rem;
color: #000;
}
.how-help , .how-help p{
font-size: 1.5rem;
color: #575757;
}
.how-help .content-div{
order: 1;
padding: unset;
}
.meet-speaker{
background-color: #FBF1F3;
overflow: hidden;
}
.meet-speaker h3{
font-size: 2.5rem;
font-weight: 500;
}
.meet-speaker h4{
color: #0A54CD;
font-size: 1.5rem;
font-weight: 500;
}
.meet-speaker p{
color: #575757;
font-size: 1.5rem;
}
.form-sec {
background-color: #FCF7EF;
}
.form-sec label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 1.125rem;
}
.form-sec label span{
color: red;
}
/* blogs css start */
.blogs-banner h2{
font-size: 1.5rem;
color: #0A54CD;
font-weight: 300;
}
.blogs-banner p{
font-weight: 400;
color: rgba(0,0,0,.5);
}
.blog-tabs .nav-tabs {
border: none;
box-shadow: 0px 0px 12px 0px #0000001F;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-left: 8rem;
}
.blog-tabs .nav-link{
border: none;
font-size: 1rem;
color: #575757;
font-weight: 600;
position: relative;
width: max-content;
}
.blog-tabs .nav-link.active{
color: #0A54CD;
font-weight: 600;
}
.blog-tabs .nav-link.active::before{
content: '';
position: absolute;
bottom: 0;
left: 6%;
width: 10%;
height: 4px;
background-color: #0A54CD;
border-radius: 15px;
}
.blog-tabs .nav-link:hover{
color: #0A54CD;
}
.blog-tabs .nav-link:hover::before{
content: '';
position: absolute;
bottom: 0;
left: 6%;
width: 88%;
height: 4px;
background-color: #0A54CD;
border-radius: 15px;
}
.blog-tabs .nav-tabs::-webkit-scrollbar {
width: 2px;
height: 4px;
}
.blog-tabs .nav-tabs::-webkit-scrollbar-track {
background: #f1f1f1;
}
.blog-tabs .nav-tabs::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 12px;
}
.blog-tabs .nav-tabs::-webkit-scrollbar-thumb:hover {
background: #555;
}
.blog-search {
position: relative;
}
.blog-search{
display:none;
}
.input-with-icon {
position: relative;
display: inline-block;
}
.input-with-icon input {
padding:10px 30px;
border-radius: 25px;
border-color: #000000;
border: 1px solid;
width: 100%;
}
.blog-search input::placeholder {
color: #575757;
}
.input-with-icon img {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
[type=search] {
outline-offset: 0 !important;
}
.rounded-pill {
background-color: transparent !important;
border-color: #0A54CD !important;
color: #0A54CD;
padding: 0.5rem 1rem;
margin-bottom: 1rem !important;
margin-right: 0.5rem;
font-size: 1rem;
border: 1px solid;
display: inline-block;
}
.blog-cards{
box-shadow: 0px 0px 20px 0px #0000001A;
border: 0;
border-radius: 6px;
height:100%;
}
.blog-cards h3{
font-size: 1.25rem;
color: #000000;
font-weight:400;
}
.blog-cards h6{
font-weight: 400;
font-size: 1rem;
color: #999;
margin-bottom:0.125rem;
}
.blogs-slider .card .card-title {
font-weight:500;
}
.blog-cards .card-body a{
text-decoration: none;
}
.blog-details-banner h2{
font-weight: 600;
}
/* pagination css */
.pagination {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.pagination .pages {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
width: 20rem;
}
.page-numbers {
cursor: pointer;
background-color: white;
color: #999;
border-radius: 50%;
height: 3rem;
width: 3rem;
display: flex;
align-items: center;
justify-content: center;
transition: .4s ease;
}
.page-numbers.current {
font-size: 1rem;
color: #fff;
background-color: #0A54CD;
height: 3rem;
width: 3rem;
}
.pagination button {
padding: 0.5rem 1rem;
background-color: #ffffff00;
color: #0A54CD;
border: none;
cursor: pointer;
margin: 0 5px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination button:hover {
color: #0A54CD;
}
.blog-details p{
position: relative;
color: #575757;
font-size: 1rem;
}
/* .blog-details p:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: -5px;
bottom: 0;
margin:auto;
height: 22px;
width: 1px;
background-color: #575757;
} */
.blog-navigation{
position: sticky;
top: 10rem;
}
.blog-navigation{
padding-left: 0.5rem;
list-style-type: none;
}
.blog-navigation li{
margin-bottom: 10px;
position: relative;
}
.blog-navigation li::before {
content: "";
display: inline-block;
width: 0.4rem;
height: 0.6rem;
background-image: url(../images/resources/blog-nav-black.png);
background-size: cover;
margin-right: 10px;
}
.blog-navigation li:has(a.active)::before {
background-image: url(../images/resources/blog-nav-blue.png) !important;
}
.blog-navigation a {
color: #000;
text-decoration: none;
font-size: 1.125rem;
}
.blog-navigation a.active {
color: #0A54CD;
}
.blog-navigation h3{
font-size: 1.25rem;
color: #000;
}
.blog-navigation li a{
font-size: 1rem;
}
.blog-content-details h2{
font-size: 2.25rem;
color: #000;
}
.blog-content-details h3{
font-size: 1.5rem;
padding: 1.5rem 0;
}
.blog-content-details p{
color: #000000;
font-size: 1.25rem;
}
/* blogs css end */
/* our tech css start */
.on-track-section ul{
list-style-type:disc;
}
.tech-banner p {
font-size: 1.125rem;
color: #575757;
}
.tech-banner .btn {
font-size: 1.125rem;
}
.superchargeapp-module span {
color: #0A54CD;
font-size: 2.5rem;
line-height: 60px;
}
.number-content{
margin-top: -2.1rem;
margin-left: 1.2rem;
}
.number-content p {
font-size: 1.125rem;
color: #575757;
}
.mission-module ol,
.roadmap-module ol {
list-style-type: none;
counter-reset: my-counter;
padding: 0;
}
.right-mission{
background-image: url(../images/mission-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 3rem 0rem;
}
.left-mission{
background-image: url(../images/right-mission-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 3rem 0rem;
}
/* Style for the list items */
.mission-module li,
.roadmap-module li {
position: relative;
counter-increment: my-counter;
margin-bottom: 10px;
font-size: 20px;
font-weight: 400;
color: #000000;
}
/* Style for the circle background */
.mission-module li::before,
.roadmap-module li::before {
content: counter(my-counter);
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
background-color:#FFFFFF; /* You can change the background color */
color: #000000; /* You can change the text color */
margin-right: 10px;
box-shadow: 0px 0px 20px 0px #0000001A;
font-weight: 600;
font-size: 15px;
}
.mission-module h2{
color: #00A9A5;
font-size: 3rem;
}
.mission-module h3{
font-size: 2rem;
}
.student-module{
background-image: url('../images/about-us/bg-student.png');
background-repeat: no-repeat;
background-size:cover;
padding: 6rem 0rem;
}
.roadmap-module h2{
color: #E6B45F;
font-size: 3rem;
}
.roadmap-module h3{
font-size: 2rem;
}
.control-module{
background-color: #FBF1F3;
}
.control-module h3{
font-size: 2rem;
}
.control-module h2{
color: #D47885;
font-size: 3rem;
}
.get-started-list li {
display:inline-block;
padding:0.5rem 2rem 0 2rem;
font-size: 1.25rem;
position:relative;
}
.get-started-list li:after {
background-color: #0d1224;
border-radius: 25px;
content: "";
height: .5rem;
position: absolute;
right: -4px;
top: 1.125rem;
width: .5rem;
}
/* our tech css end */
/* our mentor css start */
/* our mentor */
.card-top1{
box-shadow: 0px 6.705638408660889px 30.175369262695312px 0px #7373731A;
background: #EBF8F8;
}
.card-top2{
box-shadow: 0px 6.705638408660889px 30.175369262695312px 0px #7373731A;
background: #FBF1F3;
}
.card-top3{
box-shadow: 0px 6.705638408660889px 30.175369262695312px 0px #7373731A;
background: #FCF7EF;
}
.mentor-card,
.mentor-detail-card {
box-shadow: 0px 0px 20px 0px #0000001A;
border-radius: 15px;
}
.mentor-detail-card {
box-shadow: 0px 0px 20px 0px #0000001A;
border-radius: 15px;
padding: 0.1rem;
}
.mentor-detail-card .card-body {
padding: 1.5rem;
}
.mentor-card li {
font-size: 1.25rem;
font-weight: 400;
color: #575757;
padding: 0.3rem;
list-style-type: disc;
}
.mentor-header{
position: relative;
/* background: #ebf8f8; */
padding: 1rem;
border-radius: 15px 15px 0 0;
}
.expert-tags li span{
border: 1px solid #0A54CD;
background-color: #fff;
color: #0A54CD;
display: inline-block;
border-radius: 10rem;
padding: 0.25rem 1rem;
font-size: 0.75rem;
font-weight: 600;
margin-right: 0.75rem;
margin-bottom: 0.5rem;
cursor: pointer;
}
.expert-tags ul{
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.mentor-detail-card h5 {
font-size: 20px;
font-weight: 600;
color: #171100;
}
.mentor-detail-card h6 {
font-size: 16px;
font-weight: 400;
/* color: #0A54CD; */
}
.card-top {
display: flex;
align-items: center;
margin-bottom: -3rem;
padding-top: 2rem;
}
.card-top p {
font-size: 16px;
color: blue;
}
.review-wrapper .card-body {
padding: 1.3rem;
}
.student-university .card-body {
padding: 1rem;
}
/* parent's testimonials css */
.experts-section img{
width: 35%;
height: auto;
border-radius: 100%;
}
.experts-section ul{
list-style-type: disc;
}
.parents-wrapper .card-body {
padding-top: 11rem !important;
}
.parents-wrapper .card-top {
display: block;
margin-bottom: -13rem;
}
/* */
.card-badge {
position: absolute;
top: 10%;
right: 4%;
}
.head-c{
color:#000000;
}
.main-c{
color: #0A54CD;
}
.main-bg{
background-color: #5794F8!important;
}
.head-c{
color:#000000;
}
.main-c{
color: #0A54CD;
display:none;
}
.main-bg{
background-color: #5794F8!important;
}
.green-c{
color: #00A9A5;
}
.green-dark{
background: #00A9A5;
}
.yellow-c{
color: #E6B45F;
}
.yellow-dark{
background: #E6B45F;
}
.red-c{
color: #D47885;
}
.red-dark{
background: #D47885!important;
}
.green-bg{
background: #EBF8F8;
}
.red-bg{
background: #FBF1F3;
}
.yellow-bg{
background: #FCF7EF;
}
.blue-bg{
background: #E6EEFA;
}
/* our mentor css end */
/* success stories css start */
.student-university .card .card-text{
font-size: 1.125rem;
}
.student-university .card p.text-end{
font-size: 0.875rem;
color: #000000;
}
.student-university .bg-1{
background-color: #EBF8F8;
}
.student-university .bg-2{
background-color: #FBF1F3;
}
.student-university .bg-3{
background-color: #E6EEFA;
}
.student-university .bg-4{
background-color: #FCF7EF;
}
.student-university .bg-5{
background-color: #EBF8F8;
}
.student-university .card .card-img-top{
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.p-1{
padding: 0.25rem 0.35rem !important
}
.student-university .card{
border: 0;
border-radius: 15px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.student-university .slick-list{
padding: 3rem 0!important;
}
.review-wrapper .mentor-detail-card,
.parents-wrapper .mentor-detail-card{
box-shadow: 0px 0px 20px 0px #0000001A;
border-radius: 15px;
padding: 0.1rem;
background: #ffffff;
}
.review-wrapper .card-top {
display: block;
margin-bottom: -9rem;
}
.review-wrapper .mentor-header,
.parents-wrapper .mentor-header{
text-align: center;
}
.review-wrapper .card-body {
padding-top: 7rem!important;
}
.review-videos .card{
box-shadow: 0px 0px 20px 0px #0000001A;
border-radius: 17px;
border:none;
}
.news-module .video-thumbnail{
border-radius: 15px!important;
}
.latest-news .mentor-card a{
text-decoration: none;
}
.video-thumbnail{
height: auto;
max-width: 100%;
}
.play-btn{
position: absolute!important;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 50%;
transform: translatey(-50%);
}
.review-videos video{
border-radius: 15px 15px 0 0;
cursor: pointer;
width: 100%;
height: 38vh;
object-fit: cover;
}
.review-videos h5 {
color: #171100!important;
}
.review-btn{
display: block;
margin-left: auto;
margin-right: 0;
}
.check-fields .col,
.form-control,
#course {
background: #ffffff;
border-radius: 6px;
/* text-align: center; */
padding: 10px 18px!important;
font-size: 18px;
border: none;
width: 100%;
color: #8D9396;
}
.form-control:focus {
box-shadow: none;
}
.check-fields .col
{
cursor: pointer;
}
.contact-form p, .form p {
color: #000000;
}
.client-data {
margin-bottom: 2rem;
}
textarea {
height: 10rem !important;
}
input[type="checkbox"] {
display: none;
}
.required:after {
content:" *";
color: red;
}
.form-floating>label,
#course{
color: #8D9396;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
transform: scale(.85) translateY(-2rem) translateX(.15rem);
}
/* .student-form{
padding-bottom: 20rem!important;
} */
.story-footer{
border-radius: 1.313rem;
position: unset;
background:#5794F8;
margin-top:-7rem
}
.overlay-text{
position: absolute;
top: 0;
/* left: 10px; */
width: 100%;
height: 100%;
color: white;
text-align: center;
line-height: 1;
font-size: 15rem;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
padding: 2rem;
border-radius: 15px 15px 0 0;
}
.image-container {
position: relative;
display: inline-block;
padding: unset;
}
.insights-card:hover .image-container img {
opacity: 0;
}
.insights-card:hover .overlay-text {
opacity: 1;
visibility: visible;
}
select::-ms-expand {
display: none;
}
.selectdiv:after {
content: '>';
font: 23px "Consolas", monospace;
color: #333;
transform: rotate(90deg);
right: 21px;
top: 63px;
padding: 0 0 2px;
position: absolute;
pointer-events: none;
width: 11px;
height: 20px;
}
.selectdiv select {
appearance: none;
display: block;
}
.news-wrapper .mentor-card{
box-shadow: 0px 0px 20px 0px #0000001A;
border-radius: 0;
height: 100%;
}
.news-wrapper h6{
color:#171100 ;
font-weight: 500;
}
.news-wrapper h5{
color: #8A8A8A;
font-weight: 400;
}
.news-wrapper .mentor-card img {
width: 100%;
/* height: auto; */
display: block;
margin: 0 auto;
aspect-ratio: 404/257;
}
.overlay-card{
border-radius: 15px;
background: #FFF;
/* Web */
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
.card-img-overlay{
background: rgb(44 44 44 / 60%);;
border-radius: 15px 15px 0 0;
color: #ffffff;
}
.card-img-overlay h6 {
font-weight: 500;
color: #ffffff;
}
.card-img-overlay h5 {
font-weight: 600;
color: #fff;
}
.btn-student-app{
border: 1px solid #0A54CD;
background-color: #fff;
color: #0A54CD;
display: inline-block;
border-radius: 10rem;
padding: 10px 20px;
font-size: 1rem;
font-weight: 600;
margin-right: 0.75rem;
margin-bottom: 0.5rem;
cursor: pointer;
}
.btn-student-app:hover {
color: #ffffff;
background: #0a52c8;
}
.hidden {
display: none;
}
.view-more:not(:checked) ~ label,
.view-more:checked ~ .hidden {
display: inline-flex;
}
.view-more,
.view-more:checked ~ label {
display: none;
}
.view-btn{
background-color: #0A54CD;
padding: 0.938rem 2.5rem;
font-size: 18px;
font-weight: 600;
text-align: center;
color: #ffffff;
border-radius:30px;
width: auto;
border-color: #0A54CD;
cursor: pointer;
}
.view-btn:hover{
background-color: #fff;
color: #0A54CD;
}
.academic-card,
.honour-card,
.stratagist-card{
border: 1px solid #B3B3B3;
border-radius: 15px;
height: 100%;
}
.academic-card ul li:before {
content: "";
position: absolute;
transform: translateY(-50%);
top: 50%;
border-radius: 50%;
left: -5%;
margin-top: 0; /* half bullet height */
width: 5px;
height: 5px;
background: #575757;
}
.academic-card ul li{
position: relative;
color: #575757;
font-weight: 400;
font-size: 1rem;
margin-left: 8%;
}
span.btn-award {
background: #FBF1F3;
color: #D47885;
padding: 5px 15px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 600;
}
.honour-card ul li{
font-size: 0.8rem;
color: #000000;
}
.stratagist-top{
background-color: #D47885;
border-radius: 15px 15px 0 0;
}
.stratagist-top h5 {
color: #ffffff;
font-size: 1.25rem;
font-weight: 600;
}
.stratagist-top p {
color: #ffffff;
font-size: 1.125rem;
}
.stratagist-body h5,
.stratagist-body p {
font-size: 1rem;
}
button.accordion-button.collapsed {
border-radius: 15px!important;
background: #FFF;
padding: 50px;
font-size: 2.25rem;
color: #575757;
font-weight: 500;
}
.accordion-button::after {
background: url(../images/successful-college/lock-svg.png);
padding: 1rem;
background-size: cover;
}
.accordion-button.content-open::after {
background: url(/wp-content/uploads/2024/05/unlockoriginal.png);
padding: 1rem;
background-size: cover;
}
.accordion-button:not(.collapsed)::after {
background: url(../images/successful-college/chevron-left.png);
transform: rotate(360deg);
padding: 1rem;
background-size: cover;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-button:not(.collapsed) {
color: #D47885;
font-size: 2.25rem;
background: transparent;
font-weight: 500;
padding-bottom:0!important;;
}
.accordion-item {
border: 1px solid #B3B3B3!important;
border-radius: 15px!important;
margin: 20px 0;
}
a.btn.btn-accordion {
color: #0A54CD;
padding: 0.6rem 0.9rem;
border: 1px solid #0A54CD;
border-radius: 50px;
}
button.btn-close {
background: url(../images/successful-college/close.png);
background-repeat: no-repeat;
margin-left: auto;
}
.modal-dialog{
max-width: 600px;
border-radius: 15px;
}
button.btn.btn-lg.btn-block {
border: 0.5px solid #B3B3B3;
border-radius: 6px;
padding: 0.8rem 2.8rem;
font-size: 0.9rem;
color: #000000;
}
.form-middle-line::before, .form-middle-line::after {
background-color: #B3B3B3;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 21%;
}
.form-middle-line::before {
right: 1.5em;
margin-left: -50%;
}
.form-middle-line::after {
left: 1.5em;
margin-right: -50%;
}
.sign-in .form-control {
border-radius: 6px!important;
border: 0.5px solid var(--Grey-500, #B3B3B3)!important;
background: var(--Light-Light-1, #FFF)!important;
}
.app-inner-banner h6,
.app-inner-banner span{
font-size: 1.5rem;
}
.testimonials-banner h2{
font-size: 2rem;
color: #0A54CD;
font-weight: 600;
}
/* success stories css end */
/* Footer */
footer {
margin-top: 12rem;
filter: drop-shadow(0px 0px 1.25rem rgba(0, 0, 0, 0.25));
position:relative;
background: #fff;
padding: unset;
text-align: left;
}
.page-id-77 footer, .page-id-79 footer, .page-id-73 footer, .page-id-75 footer,
.page-id-571 footer, .page-id-88 footer, .page-id-580 footer, .page-id-90 footer {
margin-top: 5rem;
}
.page-id-7 footer {
margin-top: 0;
}
.footer-wrapper h5 {
font-weight: 700;
font-size: 1.5rem;;
}
.footer-wrapper a,
.d-cultter, .contact-links p {
margin-bottom: 1.25rem;
font-size: 1rem;
color: #5F5B53;
text-decoration: none;
}
footer label {
margin-bottom: 0.625rem;
display: block;
font-weight: 400;
font-size: .875rem;
color: #000000;
}
.footer-wrapper {
padding-top: 11rem;
margin-top: -5rem;
}
.contact-links bdi {
font-weight:600;
}
footer .border-top {
width: 90%;
border-top: 1px solid rgba(0,0,0,0.3) !important;
}
.footer-box-text h4,
.footer-box-text p{
color: #FFFFFF;
}
.footer-wrapper h5 {
font-weight: 500;
font-size: 1.25rem;
border-bottom: 1px solid rgba(89, 85, 75, 1) !important;
/* width: 72%; */
/* padding-bottom: 22px; */
color:#000;
position: relative;
}
.footer-wrapper h5::after {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 72%;
border-bottom: 1px solid rgba(0,0,0,0.3);
}
.copyright {
font-size: 0.875rem;
color: #575757;
}
.right-content.active-5{
position:relative;
}
.right-content.Summer-Program.active-5:before,
.eu-admission-process.right-content.active-5:before{
content: '';
background-image: url(http:/wp-content/uploads/2024/10/Rectangle-39781.png);
width: 15%;
height: 100%;
display: block;
background-size: cover;
position: absolute;
right: 0px;
bottom: 0;
z-index: -1;
}
.card.blog-cards .card-title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.5;
min-height:4rem;
}
.uk-tab-pane .tab-content-header .numb-2{
top: -117%;
}
.uk-tab-pane .tab-content-header .numb-3{
top: -71%;
}
.essay-coaching {
background-color:rgba(251, 241, 243, 0.4);
}
.included-list li{
break-inside:avoid;
}
/* .page-template-interview-prep footer,
.page-template-home footer,
.page-template-college-essay-guidance footer,
.page-template-news footer,
.page-template-success-stories footer,
.page-template-college-admission-support.page-template-page-templatescollege-admission-support-php.page.page-id-71.logged-in.admin-bar.user-registration-page footer{
margin-top:unset;
} */
.page-template-interview-prep .testimonials-section,
.page-template-home .blogs-section,
.page-template-college-essay-guidance .why-ivyleap,
.page-template-news .insta-module,
.page-template-success-stories .student-form,
.page-template-college-admission-support.page-template-page-templatescollege-admission-support-php.page.page-id-71.logged-in.admin-bar.user-registration-page .last-module-addmission{
padding-bottom:10rem !important;
}
/* .page-template-home .blogs-slider .card .card-title{
min-height:96px;
} */
.custom-dropdown {
background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.7071%2014.7071C12.3166%2015.0976%2011.6834%2015.0976%2011.2929%2014.7071L6.29289%209.70711C5.90237%209.31658%205.90237%208.68342%206.29289%208.29289C6.68342%207.90237%207.31658%207.90237%207.70711%208.29289L12%2012.5858L16.2929%208.29289C16.6834%207.90237%2017.3166%207.90237%2017.7071%208.29289C18.0976%208.68342%2018.0976%209.31658%2017.7071%209.70711L12.7071%2014.7071Z%22%20fill%3D%22%23000000%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 23px;
padding-right: 30px;
}
.page-template-webinars-and-workshops .meet-experts-slider .slick-arrow{
bottom: 7rem;
}
.blog-tags .post-content{
color:#111;
}
.consumers.active {
color: #ff0000;
font-weight: bold;
}
.page-template-college-admission-support .tab-content-header .uk-module-four{
top: -52%;
}
.page-template-college-admission-support .tab-content-header .numb-3.eu-module-three{
top:-40%;
}
.tab-content-header .numb-6.eu-visa-interview{
top: -116%;
}
.tab-content-header .numb-5.post-admission,
.tab-content-header .numb-6.interview-preparation{
top: -117%;
}
.eu-admission-process .numb-4{
top:-30%;
}
.view-all a::before,
.view-all a::after {
content: '';
height: 14px;
width: 14px;
position: absolute;
transition: all .35s ease;
opacity: 0;
}
.view-all a::before {
content: '';
right: -1rem;
top: -0.438rem;
border-top: 3px solid #0A54CD;
border-right: 3px solid #0A54CD;
transform: translate(-100%, 50%);
}
.blogs-section .view-all a::before {
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: translate(-100%, 50%);
}
.view-all a:after {
content: '';
left: -1rem;
bottom: -0.438rem;
border-bottom: 3px solid #0A54CD;
border-left: 3px solid #0A54CD;
transform: translate(100%, -50%)
}
.blogs-section .view-all a:after {
content: '';
left: -1rem;
bottom: -0.438rem;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
transform: translate(100%, -50%)
}
.view-all a:hover:before,
.view-all a:hover:after{
transform: translate(0,0);
opacity: 1;
}
.view-all a:hover{
color: #0A54CD;
}
.get-started-btn p{
position:relative;
}
.get-started-btn .wpcf7-spinner{
position:absolute;
}
.iti__dropdown-content{
width:328px !important;
}
.dial-number p{
margin-bottom:0;
}
.select-wrapper{
position:relative;
}
.iti .iti__selected-dial-code{
visibility:hidden;
}
.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel.form-control.iti__tel-input {
text-align:end;
}
@media(max-width:767px) {
html{
font-size: 16px;
}
.footer-wrapper h5::after {
width:100%
}
.footer-wrapper a, .d-cultter, .contact-links p {
margin-bottom:0.5rem;
}
.page-template-interview-prep .testimonials-section, .page-template-home .blogs-section,
.page-template-college-essay-guidance .why-ivyleap,
.page-template-news .insta-module,
.page-template-success-stories .student-form,
.page-template-college-admission-support.page-template-page-templatescollege-admission-support-php.page.page-id-71.logged-in.admin-bar.user-registration-page .last-module-addmission{
padding-bottom:9rem !important;
}
.admission-rates-slider .slick-list {
padding: 1rem 0 !important;
}
/* .on-track-section h2{
font-size: 2.5rem !important;
} */
h2 {
font-size: 1.75rem !important;
font-weight:500;
}
h3 {
font-size: 1.5rem;
font-weight:400;
}
h4 {
font-size: 2.125rem;
}
h6 {
font-size: 1.2rem;
}
/* footer {
margin-top: 10rem;
} */
.footer-banner-section{
width: 100%;
border-radius: unset !important;
}
.footer-banner-section h6{
font-size: 22px;
}
.footer-banner-section span{
font-size: 14px;
}
.request-loader{
height: 100px;
width: 100px;
}
.footer-wrapper {
padding-top: 8rem;
}
.content-wrapper {
padding: 2.313rem 0.88rem !important;
}
.leap-img{
display: none;
}
.banner-section h4 span{
display: block;
}
.banner-section h1{
font-size: 2rem;
}
.banner-section p br {
display: none;
}
.numbers bdi.color1 {
width: 8rem;
}
.numbers bdi.color2 {
width: 7rem;
}
.numbers bdi {
width: 9rem;
text-align: center;
}
.numbers-wrapper .col-6{
padding-right: 1rem !important;
width: auto;
}
.number {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
text-align: center;
line-height: 1;
font-size: 3rem !important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.image-container{
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.webinar-section{
background-size: cover;
}
.webinar-section .view-all a{
color: #fff;
}
.webinar-slider .slick-list {
padding:0 !important;
}
.blogs-section .view-all a{
color: #000 !important;
}
.content-div{
padding-top:4rem;
padding-bottom:4rem;
}
.right-content .content-div {
order: 0;
}
.swal-modal{
width: 383px!important;
}
.uk-tab-pane .last-module-addmission h3{
font-size:2.25rem;
}
.postgraduate-numb .tab-content-header .numb-1 {
font-size: 5rem;
top: -38%;
left: -2%;
}
.tab-content-header.personalized-num-1 .numb-1{
top: -42%;
left: -2%;
}
.tab-content-header .numb-1 {
font-size: 5rem;
top: -42%;
left: -2%;
}
.uk-tab-pane .tab-content-header .numb-2{
top: -55%;
}
.postgraduate-numb .tab-content-header .numb-2,
.postgraduate-numb .tab-content-header .numb-3{
top: -56%;
}
.tab-content-header .numb-2{
font-size: 6rem;
top: -55%;
left: -2%;
}
.page-template-college-admission-support .tab-content-header .numb-3.eu-module-three{
top: -55%;
}
.uk-tab-pane .tab-content-header .numb-3{
top: -57%;
}
.tab-content-header .numb-3 {
font-size: 6rem;
top: -55%;
left: -2%;
}
.page-template-college-admission-support .tab-content-header .uk-module-four {
top: -38%;
}
.eu-admission-process .tab-content-header .numb-4 {
font-size: 5rem;
top: -40%;
left: -2%;
}
.tab-content-header .numb-4{
font-size: 5rem;
top: -40%;
left: -2%;
}
.postgraduate-numb .tab-content-header .numb-5,
.postgraduate-numb .tab-content-header .numb-6{
top:-43%;
}
.tab-content-header .numb-5 {
font-size: 5rem;
top: -40%;
left: -2%;
}
.tab-content-header .numb-6{
font-size: 5rem;
top: -24%;
left: -2%;
}
.tab-content-header .numb-7{
font-size: 5rem;
top: -42%;
left: -2%;
}
.top-admits::before {
width: 100%;
height: 100%;
background-size: cover;
}
.included-list {
column-count: 1;
}
.meet-experts-slider .slick-arrow {
left: 9rem;
bottom: -1.5rem;
}
.meet-experts-slider .next-arrow {
left: 13rem;
}
.clip-img{
display: flex;
justify-content: end;
}
.clip-img img{
width: 40%;
}
.clip-cards h5 {
font-size: 1rem;
}
.clip-card-content p {
padding-right: 7rem;
}
.clip-cards h3 {
font-size: 1.75rem;
}
.clip-cards p{
font-size: 1rem;
}
.clip-cards {
height: 20rem;
}
.play-icon img{
width: 60px
}
.play-icon{
left: 50%;
}
.blog-content .order-md-2 {
display: none;
}
.superchargeapp-module span {
font-size: 2rem;
}
.blogs-section {
background-position: center;
background-size: auto;
background-repeat: no-repeat;
}
.support-tabs .tab-content h3 {
font-size: 1.5rem;
color: #000000;
}
.support-tabs .tab-content p {
font-size: 1rem;
color: #000000;
}
}
@media (min-width:1301px) {
.left-content .content-div{
padding-left: 7rem!important;
}
}
@media (min-width:1400px) {
.top-admits-cards {
display:inline;
}
}
@media (min-width:900px) and (max-width: 1300px) {
html{
font-size: 14px;
}
}
@media (min-width:768px) and (max-width: 999px){
.support-tabs .tab-content p {
font-size: 1.25rem !important;
color: #575757;
}
.support-tabs .tab-content h3 {
font-size: 1.438rem;
color: #000000;
}
}
@media (min-width:1023px) and (max-width: 1199px){
.support-tabs .tab-content p {
font-size: 1.3rem !important;
color: #575757;
}
.sticky-container {
position: -webkit-sticky;
position: sticky;
top: 56px;
background: #fff;
z-index: 2;
}
.tab-content-header.personalized-num-1 .numb-1 {
top: -118%;
left: -4%;
}
}
@media (min-width:768px) and (max-width: 1200px) {
.footer-banner-section h6{
font-size: 22px;
}
.footer-banner-section span{
font-size: 14px;
}
.footer-wrapper .justify-content-md-center{
padding-right: 0rem !important;
padding-left: 1rem !important;
}
.request-loader{
height: 100px;
width: 100px;
}
.footer-wrapper {
padding-top: 8rem;
}
.footer-wrapper .col-md-9 .justify-content-between{
justify-content: flex-start !important;
}
}
@media(min-width:1600px){
.footer-sub-row{
padding-left: 5rem !important;
}
/* .testi-card .card{
height: 37rem;
} */
}
@media(min-width:1800px){
html {
font-size: 16px;
}
/* .testi-card .card{
height: 34rem;
} */
}
/* tablet css fix */
@media (min-width: 768px) and (max-width: 1100px){
.web-menu {
display: none !important;
}
.topnav, .slidestar{
display: block !important;
}
.banner-section .ps-md-5 {
padding-left: 1rem!important;
}
.banner-section h1{
font-size: 2.5rem;
}
.banner-section h5{
font-size: 1.2rem;
}
.banner-section p{
font-size: 1rem;
}
.banner-section .py-md-5 {
padding-top: 0rem!important;
}
.banner-section h4{
font-size: 2rem;
}
.banner-section h4 span{
font-size: 1rem;
display: flex;
}
.take-the-leap h2 {
font-size: 2.4rem;
}
.take-the-leap h5 {
font-size: 2rem;
}
.take-the-leap p {
font-size: 1.2rem;
}
.service-cards .card-header, .service-cards .card-content h6{
font-size: 1rem;
}
.service-cards .card-content li{
font-size: 0.5rem;
}
}
.consumers {
position: relative;
display: inline-block;
}
.consumers::after {
content: "";
display: block;
width: 0;
height: 4px;
background-color: #0A54CD;
position: absolute;
bottom: -10px;
left: 0;
transition: width 0.3s;
}
.consumers:hover::after {
width: 100%;
}
.success-link {
position: relative;
display: inline-block;
}
.success-link::after {
content: "";
display: block;
width: 0;
height: 4px;
background-color: #0A54CD;
position: absolute;
bottom: -10px;
left: 0;
transition: width 0.3s;
}
.success-link:hover::after {
width: 100%;
}
.leap-img{
animation-name: fade-in-1;
animation-duration: 2s;
}
@keyframes fade-in-1 {
from {
opacity: 0;
transform: translateX(-100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* success stories form css */
/* Hide default radio buttons */
/* .wpcf7-form-control-wrap input[type="radio"] {
display: none;
}
/* Custom radio button style */
.student-form label{
font-size: 1rem;
}
.wpcf7-form-control-wrap .wpcf7-list-item {
display: inline-block;
cursor: pointer;
padding: 8px 16px;
border-radius: 5px;
background-color: #fff;
width: 45%;
}
/* Styling when radio button is checked */
.wpcf7-form-control-wrap input[type="radio"]:checked + .wpcf7-list-item {
background-color: #007bff; /* Active background color */
color: #fff; /* Text color when checked */
}
/* Hover effect */
.wpcf7-form-control-wrap .wpcf7-list-item:hover {
background-color: #e9ecef; /* Hover background color */
}
.wpcf7-list-item {
display: inline-block;
margin: 0 1rem 0rem 0rem;
}
.wpcf7-not-valid-tip {
font-size: 0.875rem;
}
.form-sec br{
display: none;
}
/* ipad css fixes */
@media (min-width: 768px) and (max-width: 1100px) {
html {
font-size: 12px;
}
.slideLeft {
top: 49px;
}
br {
display: none;
}
.footer-wrapper .row.px-lg-5 {
justify-content: center;
}
.footer-wrapper .col-md-4 {
width: 20%;
}
.footer-wrapper .col-md-8 .row .col-md-3 {
width: 30%;
}
.footer-wrapper .col-md-8 .row .col-md-5 {
width: 40%;
}
.footer-wrapper .col-md-8 .row .col-md-4.contact-links {
width: 30%;
}
}
@media (min-width: 1921px){
h1{
font-size:5rem;
}
h2{
font-size: 2.5rem;
}
p{
font-size: 1.25rem;
}
.admission-rates-slider p{
font-size: 1rem;
}
.footer-wrapper .contact-links p {
font-size:1rem;
}
}
@media (min-width: 1920px) {
.container {
max-width: 80%;
}
}
@media (min-width: 1921px) and (max-width: 5210px) {
html {
font-size: 18px;
}
}
@media screen and (min-width: 1826px) and (max-width: 1920px) {
html {
font-size: 16px;
}
}
@media screen and (min-width: 1681px) and (max-width: 1825px) {
html {
font-size: 16px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
html {
font-size: 16px;
}
}
.admission-rates-slider .card .card-text{
color: #0A54CD;
}
.grecaptcha-badge{
display: none !important;
}