/*.primaryBtn{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--yellowColor2);} .primaryBtn:hover{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--yellowColor2);} .primaryBtn:focus{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--yellowColor2);} .primaryBtn:active{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--yellowColor2);} .secondaryBtn{border: 2px solid var(--yellowColor2); color: var(--whiteColor); font-size: var(--fontsize16); padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius: 56px;} .secondaryBtn:focus{border: 2px solid var(--yellowColor2); color: var(--whiteColor); font-size: var(--fontsize16); padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius: 56px; } .secondaryBtn:active{border: 2px solid var(--yellowColor2); color: var(--whiteColor); font-size: var(--fontsize16); padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius: 56px; } .secondaryBtn:hover{border: 2px solid var(--yellowColor2); color: var(--whiteColor); font-size: var(--fontsize16); padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius: 56px; } */ .slick-dots li button:before{color:var(--yellowColor2);} .slick-dots li.slick-active button:before{color:var(--yellowColor2);} .slick-dots li.slick-active button:before{color:var(--yellowColor2);} /*Homepage Css Start */ .page-template-vidyadaan-php .site{padding-top: 0;} .vidyadaanLandingWrapper{display: flex; width: var(--fullwidth);} .vidyadaanLandingWrapper .vidyadaanLandingContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .vidyadaanLandingWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding-top:0px;} .vidyadaanLandingWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: center; margin:0 auto;} .vidyadaanLandingWrapper .heroWrapper .heroContainer .heroRight p {font-family:intersemibold; font-size:var(--fontsize18); text-align: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{color: var(--whiteColor); line-height: 60px; align-items: center; gap:20px; display: flex; font-family:bricolagebold; font-size:var(--fontsize48);} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1 span{background-image:url(../images/industry-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width: 224px; height: 79px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize43);} .vidyadaanLandingWrapper .heroWrapper .heroContainer h2{color:var(--whiteColor); display: flex; font-family:interbold; font-size:var(--fontsize16); gap:10px; align-items: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h2 span{background: var(--defaultGradient); color: transparent; -webkit-background-clip: text;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:intersemibold; font-size:var(--fontsize34);} .vidyadaanLandingWrapper .heroWrapper .heroContainer p{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanLandingWrapper .heroWrapper .heroContainer i{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor); font-style: italic;} .vidyadaanLandingWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth); justify-content: flex-start;} .vidyadaanLandingWrapper .heroWrapper .heroForm a{margin-left:10px;} .vidyadaanLandingWrapper .heroWrapper .heroSlider{display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanLandingWrapper .heroWrapper .items{display: flex; position: relative; gap:25px; width: var(--fullwidth); justify-content: center; align-items: flex-start;flex-direction: column;} .vidyadaanLandingWrapper .heroWrapper .items .overlay{position: absolute; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .items .overlayContainer{position: absolute; max-width: var(--maxWidth); margin:0 auto; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .items .mainImage{object-fit: cover; width: var(--fullwidth);} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlay{display: flex; position: static; width: var(--fullwidth); justify-content:flex-start; flex-direction: row;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer{display: flex; align-items: center; position: static; width: var(--fullwidth); justify-content:flex-start; flex-direction: row;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .left{display: flex; gap:20px; flex-direction: column; max-width: 50%; width: var(--fullwidth);} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right{display: flex;width: var(--fullwidth); max-width: 50%;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper{ background-color:var(--whiteColor); padding: 20px; border-radius: 20px; width: var(--fullwidth);} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper h3{color:var(--blackColor); gap:5px; flex-direction: row; margin:0 0 20px;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper h3 span{ display: flex; color:var(--yellowColor2);} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper .ff-el-form-control{font-size:var(--fontsize14);} .vidyadaanLandingWrapper .webinarsWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer h2{color: var(--whiteColor); justify-content: center; gap:10px; align-items: center; text-align: center; display: flex; margin-bottom:10px; font-family:bricolagebold; font-size:var(--fontsize28);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer h3{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:bricolagebold; font-size:var(--fontsize18);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer h2 strong{margin-left:0px; color:var(--whiteColor); font-family:bricolagebold; margin-bottom: 5px; font-size:var(--fontsize30);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading{display: flex; gap:20px; align-items: center; justify-content: space-between; width: var(--fullwidth); margin: 0 0 20px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading span{background-image:url(../images/online-courses-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:313px; height:70px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading a{display: flex; align-items: center; gap:5px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading div{flex:1; display: flex; align-items: flex-start; flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading p{color: var(--whiteColor); width: var(--fullwidth); margin-bottom:10px; font-family:inter; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper{ display: flex; width: 100%; flex-direction: column; padding: 15px 0;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent{display: flex; gap:20px; justify-content: space-between; flex-direction: column; flex:1; transition: all 0.2s ease; border-radius: 10px 10px; right:0; padding: 10px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper h4{color:var(--blackColor); font-size: var(--fontsize16); font-family:interbold; font-weight: 700; line-height: 48px; margin: 0 0 0px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items > a{display: flex; flex:1} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .courseThumb{max-height: none; overflow: hidden; max-width: 249px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .courseThumb img{border-radius: 5px 5px 0 0; aspect-ratio: 1/1; object-fit: cover; border-radius: 20px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items {display: flex; gap: 40px; position: relative; transition: all 0.2s ease; border-bottom:1px solid var(--whiteColor); margin:0px; border-radius:0px; width: 100%; padding:20px 0;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items h2{color:var(--whiteColor); align-items: flex-start; justify-content: flex-start; text-align: left; font-size: var(--fontsize16); font-family:bricolagebold; font-weight: 700; line-height: initial; margin: 0 0 10px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items p{display: flex; width: 100%; gap:5px; color: var(--yellowColor); font-size: var(--fontsize14); align-items: center; margin-bottom: 5px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .block div{display: flex; align-items: center; gap:10px; color:var(--whiteColor); font-size: var(--fontsize14);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .block div span{display: flex; align-items: center; gap:10px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .actions{display: flex; width: 100%;} .vidyadaanLandingWrapper .webinarsWrapper .coursesSlider{width: var(--fullwidth); flex-direction: column; gap:0px; display: flex;} .vidyadaanLandingWrapper .legendsWrapper{display: flex; width: var(--fullwidth); padding:50px 0;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer h2{color: var(--whiteColor); width: var(--fullwidth); justify-content: center; gap:10px; align-items: center; text-align: center; display: flex; margin-bottom:40px; font-family:bricolagebold; font-size:var(--fontsize28);} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer h3{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:bricolagebold; font-size:var(--fontsize18);} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer h4{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize18);} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer h2 strong{margin-left:0px; color:var(--whiteColor); font-family:bricolagebold; margin-bottom: 5px; font-size:var(--fontsize30);} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer h2 span{background-image:url(../images/legenda-says-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:398px; height:71px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .legendsWrapper .legendsSlider{width: var(--fullwidth); flex-direction: column; gap:0px; display: flex;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items {display: flex; background-color: var(--blackColor4); border-radius: 24px; padding: 30px; gap: 40px; position: relative; transition: all 0.2s ease; border-bottom:0px solid var(--whiteColor); width: 100%;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items h2{color:var(--whiteColor); align-items: flex-start; justify-content: flex-start; text-align: left; font-size: var(--fontsize16); font-family:bricolagebold; font-weight: 700; line-height: initial; margin: 0 0 10px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items p{display: flex; width: 100%; gap:5px; color: var(--whiteColor); font-size: var(--fontsize14); align-items: center; margin-bottom: 5px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left{flex:1; display: flex; align-items: center; gap:15px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left .thumb{display: flex; max-width: 120px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left .thumb img{aspect-ratio: 1/1; border-radius: 100%; object-fit: cover;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .right{flex:1; display: flex; flex-direction: column;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left .thumbContent{display: flex; flex:1; flex-direction: column;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .right span{justify-content: flex-start; display: flex; align-items: flex-start;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .right p + span{justify-content: flex-end; display: flex; align-items: flex-end;} .vidyadaanLandingWrapper .legendsWrapper .slick-slide {margin-right:10px; margin-left:10px;} .vidyadaanLandingWrapper .whoWeAreWrapper{display: flex; width: var(--fullwidth); padding:80px 0; background-image:url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/02/28030813/vidyadaan-whoweare-bg.jpg); background-size: cover; background-repeat: no-repeat; } .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:0px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer h2{color: var(--whiteColor); width: var(--fullwidth); justify-content: flex-start; gap:10px; align-items: center; text-align: center; display: flex; margin-bottom:20px; font-family:bricolagebold; font-size:var(--fontsize28);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer h2 span{background-image:url(../images/legenda-says-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:398px; height:71px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer p{font-size:var(--fontsize14); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol{grid-template-columns: repeat(3,minmax(0,1fr)); width: var(--fullwidth); gap:20px; display: grid; margin:0; padding:0;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li{margin:30px 0 0; ransition: all 0.2s ease; flex-direction: column; overflow: hidden; gap:10px; border-radius: 20px; padding:25px; background: linear-gradient(180deg, rgba(54,54,54,1) 0%, rgba(255,255,255,0) 100%); display: flex; width: 100%;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .thumb{display: flex; gap:10px;font-size:var(--fontsize16); font-family:bricolagebold; color:var(--whiteColor); align-items: center; width: var(--fullwidth);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .thumbContent div{display: flex; flex-direction: column; flex:1} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .thumbContent span{display: flex; transition: all 0.2s ease; width: 32px; height: 32px; border-radius: 4px; align-items: center; justify-content: center; background-color: var(--whiteColor);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .thumbContent span i{color:var(--blackColor); transform: rotate(-45deg);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .thumbContent{display: flex; gap:20px; align-items: flex-end; justify-content: space-between; width: var(--fullwidth);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li h3{font-size:var(--fontsize24); width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:bricolagebold;color:var(--yellowColor); text-transform: uppercase;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li p{font-size:var(--fontsize14); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .actions{display: flex; align-items: flex-start;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .actions a{display: flex; align-items: center; gap:10px; color:var(--whiteColor); font-size:var(--fontsize14);} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol li .actions a i{width: 32px; height: 32px; border-radius: 100%; background-color: var(--yellowColor); display: flex; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .messagesWrapper{display: flex; width: var(--fullwidth); padding: 50px 0; margin:0px auto 0; background: var(--blackColor3);} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:50px 0; flex-direction: column;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer h3{color: var(--whiteColor); width: auto; display: flex; gap:5px; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer h3 span{color: var(--yellowColor);} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer p{color: var(--whiteColor); width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol{align-items: center; gap:80px; display: flex; width: var(--fullwidth); margin:0; padding:0;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li{margin:0; flex-direction: column; position: relative; align-items: flex-start; gap:10px; padding:0px; border-radius: 8px; display: flex; width: 100%;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer .actions{display: flex; gap:15px; align-items: center;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer .actions a{display: flex; align-items: center; gap:5px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:first-child .actions{position: absolute; top:0; display: flex; align-items: center; justify-content: center; right:0; bottom:0; left:0;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:first-child{max-width: 30%} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:last-child{max-width: 70%} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li p + p{margin:10px 0} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li h6{color: var(--yellowColor); font-size:var(--fontsize14); } .vidyadaanLandingWrapper .whatisVidyadaanWrapper{display: flex; width: var(--fullwidth); padding: 50px 0; margin:0px auto 0; background: var(--blackColor);} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:50px 0; flex-direction: column;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer h2{color: var(--whiteColor); align-items: center; width: auto; display: flex; gap:5px; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer p{color: var(--whiteColor); width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol{align-items: center; gap:80px; display: flex; width: var(--fullwidth); margin:0; padding:0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li{margin:0; flex-direction: column; position: relative; align-items: flex-start; gap:20px; padding:0px; border-radius: 8px; display: flex; width: 100%;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer .actions{display: flex; gap:15px; align-items: center;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer .actions a{display: flex; align-items: center; gap:5px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:last-child .actions{position: absolute; top:0; display: flex; align-items: center; justify-content: center; right:0; bottom:0; left:0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:first-child{max-width: 70%} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:last-child{max-width: 30%} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer h2 span{background-image:url(../images/vidyadaan-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:216px; height:73px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .whyVidyadaanWrapper{display: flex; width: var(--fullwidth); padding: 50px 0; margin:0px auto 0; background: var(--blackColor);} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:50px 0; flex-direction: column;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer h2{color: var(--whiteColor); align-items: center; width: auto; display: flex; gap:5px; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer h3{color: var(--yellowColor); align-items: center; width: auto; display: flex; gap:5px; margin-bottom:0px; font-family:interbold; font-size:var(--fontsize24);} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer p{color: var(--whiteColor); width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol{align-items: flex-start; gap:80px; display: flex; width: var(--fullwidth); margin:0; padding:0;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li{margin:0; flex-direction: column; position: relative; align-items: flex-start; gap:20px; padding:0px; border-radius: 8px; display: flex; width: 100%;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer .actions{display: flex; gap:15px; align-items: center;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer .actions a{display: flex; align-items: center; gap:5px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:first-child .actions{position: absolute; top:0; display: flex; align-items: center; justify-content: center; right:0; bottom:0; left:0;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:first-child{max-width: 30%} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:first-child img{border-radius: 24px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:last-child{max-width: 70%} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer h2 span{background-image:url(../images/vidyadaan-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:216px; height:73px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ul li {color: var(--whiteColor); max-width: none; display: list-item; margin-inline-start:20px; list-style-type: disc; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ul li:first-child{max-width: none} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ul li:last-child{max-width: none} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer p span{color: var(--yellowColor2);} .vidyadaanLandingWrapper .vidyadaanWrapper{display: flex; width: var(--fullwidth); padding:80px 0; background-image:url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/02/28030512/vidyadaan-bg.jpg); background-size: cover; background-repeat: no-repeat; } .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:0px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer h2{color: var(--whiteColor); width: var(--fullwidth); justify-content: flex-start; gap:10px; align-items: center; text-align: center; display: flex; margin-bottom:20px; font-family:bricolagebold; font-size:var(--fontsize28);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer p{font-size:var(--fontsize14); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol{grid-template-columns: repeat(3,minmax(0,1fr)); width: var(--fullwidth); gap:80px; display: grid; margin:0; padding:0;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li{margin:50px 0 0; transition: all 0.2s ease; flex-direction: column; overflow: hidden; gap:10px; border-radius: 0px; padding:0px; display: flex; width: 100%;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li .thumb{display: flex; gap:10px;font-size:var(--fontsize16); font-family:bricolagebold; color:var(--whiteColor); align-items: center; width: var(--fullwidth);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li .thumbContent div{display: flex; flex-direction: column; flex:1} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li .thumbContent span{display: flex; transition: all 0.2s ease; width: 32px; height: 32px; border-radius: 4px; align-items: center; justify-content: center; background-color: var(--whiteColor);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li .thumbContent span i{color:var(--blackColor); transform: rotate(-45deg);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li .thumbContent{display: flex; gap:20px; align-items: flex-end; justify-content: space-between; width: var(--fullwidth);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li h3{font-size:var(--fontsize18);border-bottom: 1px solid var(--whiteColor); width: var(--fullwidth); margin:0px 0 0; padding: 0 0 10px; font-family:interbold;color:var(--yellowColor); text-transform: uppercase;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li p{font-size:var(--fontsize14); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li .actions{display: flex; align-items: flex-start;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper{display: flex; width: var(--fullwidth); padding:80px 0; } .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:0px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer h2{color: var(--whiteColor); width: var(--fullwidth); justify-content: flex-start; gap:10px; align-items: center; text-align: center; display: flex; margin-bottom:20px; font-family:bricolagebold; font-size:var(--fontsize28);} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer p{font-size:var(--fontsize14); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol{grid-template-columns: repeat(3,minmax(0,1fr)); width: var(--fullwidth); gap:80px; display: grid; margin:0; padding:0;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li{margin:0px 0 0; background: linear-gradient(0deg, rgba(66,66,66,1) 0%, rgba(54,54,54,1) 100%); transition: all 0.2s ease; flex-direction: column; overflow: hidden; gap:15px; border-radius:12px; padding:15px; display: flex; width: 100%;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li h3{font-size:var(--fontsize35); width: var(--fullwidth); margin:0px 0 0; padding: 0 0 0px; font-family:bricolagebold;color:var(--yellowColor); text-transform: uppercase;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li p{font-size:var(--fontsize16); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:bricolagebold; color:var(--whiteColor);} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li i{width: 88px; background-color: var(--blackColor4); height: 88px; display: flex; align-items: center; justify-content: center; border-radius: 100%} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li:nth-child(1) h3{color: var(--yellowColor2);} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li:nth-child(2) h3{color: var(--primaryColor);} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol li:nth-child(3) h3{color: #E96842;} .vidyadaanLandingWrapper .bepartWrapper{display: flex; width: var(--fullwidth); padding:80px 0; } .vidyadaanLandingWrapper .bepartWrapper .bepartContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:0px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer h2{color: var(--whiteColor); width: var(--fullwidth); justify-content: center; gap:10px; align-items: center; text-align: center; display: flex; margin-bottom:20px; font-family:bricolagebold; font-size:var(--fontsize28);} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer p{font-size:var(--fontsize14); justify-content: center; text-align: center; align-items: center; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol{grid-template-columns: repeat(3,minmax(0,1fr)); width: var(--fullwidth); gap:80px; display: grid; margin:60px 0 0; padding:0;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li{margin:0px 0 0; align-items: center; background: linear-gradient(0deg, rgba(66,66,66,1) 0%, rgba(54,54,54,1) 100%); transition: all 0.2s ease; flex-direction: column; overflow: hidden; gap:15px; border-radius:12px; padding:15px; display: flex; width: 100%;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li h3{font-size:var(--fontsize24); text-align: center; width: var(--fullwidth); margin:0px 0 0; padding: 0 0 0px; font-family:bricolagebold; color:var(--whiteColor); } .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li p{font-size:var(--fontsize14); text-align: center; justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li i{width: 49px; font-size:var(--fontsize28); background-color: var(--blackColor4); height: 49px; display: flex; align-items: center; justify-content: center; color:var(--yellowColor2); border-radius: 100%} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer h2 span{background-image:url(../images/vidyadaan-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:216px; height:73px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li .actions{display: flex; align-items: flex-start;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li .actions a{display: flex; align-items: center; gap:10px; color:var(--whiteColor); font-size:var(--fontsize14);} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol li .actions a i{width: 32px; height: 32px; color:var(--whiteColor); border-radius: 100%; background-color: var(--yellowColor2); display: flex; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .testimonialsWrapper{display: flex; width: var(--fullwidth); padding:50px 0; background-color: var(--blackColor3);} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: flex-start; max-width: var(--maxWidth); gap:50px; margin:0 auto;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .testimonialsSlider{display: flex; width: var(--fullwidth); width: var(--fullwidth);} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .items{ padding:20px; gap:20px; display: flex; flex-direction: column; border-radius: 12px; background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(255,255,255,0) 100%);} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .items .thumb{display: flex; border-bottom: 1px solid var(--whiteColor); width: var(--fullwidth); gap:10px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .items .thumb i{width: 32px; display: flex; align-items: center; justify-content: center; height: 32px; border-radius: 100%; bordeR:1px solid var(--whiteColor)} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .items .thumb img{border-radius: 100%;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .items .thumb div{display: flex; flex-direction:column; flex:1} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer p{font-size:var(--whiteColor); font-size:var(--fontsize14); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer h3{color: var(--whiteColor); display: flex; flex-direction: column; margin:0; padding: 0; font-family:interbold; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock{display: flex; gap:40px;justify-content: space-between; align-items: center; width: var(--fullwidth); } .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock div:first-child{flex-direction: column; display: flex; gap:10px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock a{display: flex; gap:10px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer h2{color:var(--whiteColor); font-family:interbold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer h2 span{background-image:url(../images/testimonials-ribbon.png); background-repeat: no-repeat; color:var(--blackColor); align-items: center; justify-content: center; display: inline-flex; width:353px; height: 70px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .slick-slider {margin:0 -15px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .slick-slide {margin-right:15px; margin-left:15px;} .vidyadaanLandingWrapper .associaltedPartnersWrapper{display: flex; width: var(--fullwidth); padding: 50px 0; margin:0px auto 0; background: var(--whiteColor);} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer{display: flex; width: var(--fullwidth); gap:20px; max-width: var(--maxWidth); margin:0 auto; align-items: center; padding:0px 0; flex-direction: column;} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer h3{color: var(--blackColor); width: auto; display: flex; flex-direction: column; margin-bottom:20px; font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer p{color: var(--blackColor); width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize18);} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer .block{display: flex; justify-content: center; width: var(--fullwidth); } .vidyadaanLandingWrapper .getInTouchWrapper{display: flex; width: var(--fullwidth); padding:50px 0;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer{display: flex; width: var(--fullwidth); border-radius: 24px; padding: 30px; background-color: var(--yellowColor2); align-items: center; max-width: var(--maxWidth); gap:50px; margin:0 auto;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .left{max-width:50%; display: flex; position: relative; width: var(--fullwidth); flex-direction: column;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .shape{width:584px; top:0; height: 584px; background-color: var(--mecatPrimaryColor); background: linear-gradient(180deg, rgba(219, 115, 36, 0.26) 0.08%, rgba(241, 141, 58, 0.00) 58.16%); border-radius: 100%; position: absolute; left:0; right:0; bottom:0; } .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .right{max-width:50%; display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer h3{color: var(--blackColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize48);} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer p{font-size:var(--whiteColor); font-size:var(--fontsize14); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol{display: flex; margin:0; padding: 0; flex-direction: column; width: var(--fullwidth); gap:10px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li{display: flex; color: var(--blackColor); margin:0; justify-content: space-between; align-items: center; background-color: var(--whiteColor); padding: 10px; border-radius: 5px; width: var(--fullwidth);} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li div{display: flex; gap:5px; font-size:var(--fontsize14); align-items: center; flex:1} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li a{color: var(--blackColor);} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li div a{color: var(--primaryColor);} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li a i{transform: rotate(-40deg);} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li:last-child a i{transform: none;} /*Homepage Css Start */ .vidyadaanInternalPageWrapper .heroWrapper.withColor{background-color: var(--blackColor4); align-items: center; justify-content: center; height: 200px;} .vidyadaanInternalPageWrapper .heroWrapper.withColor .items .overlay{position:static;} .vidyadaanInternalPageWrapper .heroWrapper.withColor .heroContainer{max-width: var(--maxWidth);} .vidyadaanInternalPageWrapper .heroWrapper.withColor .items .overlay .overlayContainer{position:static; padding:0;} .vidyadaanInternalPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding-top:0px;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: center; margin:0 auto;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer .heroRight p {font-family:intersemibold; font-size:var(--fontsize18); text-align: center;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer h1{color: var(--whiteColor); align-items: center; gap:20px; display: flex; font-family:bricolagebold; font-size:var(--fontsize34);} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer h1 span{background-image:url(../images/industry-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width: 224px; height: 79px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize43);} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer h2{color:var(--whiteColor); display: flex; font-family:interbold; font-size:var(--fontsize16); gap:10px; align-items: center;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer h2 span{background: var(--defaultGradient); color: transparent; -webkit-background-clip: text;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:intersemibold; font-size:var(--fontsize34);} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer p{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer i{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor); font-style: italic;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth); justify-content: flex-start;} .vidyadaanInternalPageWrapper .heroWrapper .heroForm a{margin-left:10px;} .vidyadaanInternalPageWrapper .heroWrapper .heroSlider{display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanInternalPageWrapper .heroWrapper .items{display: flex; position: relative; gap:25px; width: var(--fullwidth); justify-content: center; align-items: flex-start;flex-direction: column;} .vidyadaanInternalPageWrapper .heroWrapper .items .overlay{position: absolute; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; align-items: center; justify-content: center;} .vidyadaanInternalPageWrapper .heroWrapper .items .overlayContainer{position: absolute; max-width: var(--maxWidth); margin:0 auto; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; padding: 20px; align-items: flex-start; justify-content: center;} .vidyadaanInternalPageWrapper .heroWrapper .items .mainImage{object-fit: cover; width: var(--fullwidth);} .vidyadaanInternalPageWrapper .pageWrapper{padding: 50px; display: flex; width: var(--fullwidth);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer{padding:0px; max-width: var(--maxWidth); gap:60px; margin:0 auto; display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem.withColor{padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem{display: flex; align-items: flex-start; width: var(--fullwidth); gap:40px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem .left{display: flex; width: var(--fullwidth); max-width: 25%} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem .right{display: flex; gap:20px; flex-direction: column; width: var(--fullwidth); max-width: 75%} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer h3{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize26);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer h4{color: var(--yellowColor); width: var(--fullwidth);text-align: center; display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize26);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer h5{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize18);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer p{font-size:var(--whiteColor); width: var(--fullwidth); text-align: center; font-size:var(--fontsize14); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer h4.textalignLeft{text-align: left} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer h3.textalignLeft{text-align: left} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer p.textalignLeft{text-align: left} .vidyadaanInternalPageWrapper .pageWrapper .blockItemWrapper{display: flex; justify-content: center; align-items: center; gap:20px; text-align: center; width: var(--fullwidth); flex-direction: column;} .vidyadaanInternalPageWrapper .pageWrapper .blockItemWrapper a{color:var(--yellowColor2); font-size:var(--fontsize14); text-decoration:underline;} .vidyadaanInternalPageWrapper .pageWrapper .blockItemWrapper a:hover{color:var(--yellowColor2); font-size:var(--fontsize14); text-decoration:none;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem.withColumn{flex-direction: column;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem2{display: flex; align-items: flex-start; width: var(--fullwidth); gap:40px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem2 .left{display: flex; width: var(--fullwidth); max-width:50%} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem2 .right{display: flex; gap:20px; flex-direction: column; width: var(--fullwidth); max-width: 50%} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn{display: flex; flex-direction: column; align-items: flex-start; width: var(--fullwidth); gap:20px; padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h4{color: var(--yellowColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize16);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h3{text-align: center;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h3 + p{text-align: center; width: var(--fullwidth);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem{display: flex; align-items: flex-start; width: var(--fullwidth); gap:40px; padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{display: grid; gap:30px; grid-template-columns: repeat(4,minmax(0,1fr)); margin:0; padding:0; } .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol{display: grid; gap:30px; grid-template-columns: repeat(3,minmax(0,1fr)); margin:0; padding:0; } .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{display: flex; align-items: center; flex-direction: column; gap:10px; width: var(--fullwidth); margin:0; padding:0;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem{display: flex; flex-direction: column; align-items: flex-start; width: var(--fullwidth); gap:10px; padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem ol li h4{color: var(--yellowColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize16);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem h3{text-align: center;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem h3 + p{text-align: center; width: var(--fullwidth);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem ol{display: grid; gap:30px; grid-template-columns: repeat(4,minmax(0,1fr)); margin:30px 0 0; padding:0; } .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem ol li{display: flex; flex-direction: column; gap:10px; width: var(--fullwidth); margin:0; padding:0;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem h3{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize26);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem h4{color: var(--yellowColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize26);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem h5{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize18);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem p{font-size:var(--whiteColor); font-size:var(--fontsize14); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanLandingWrapper .aboutWrapper.newbg{background-image:url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/03/04123929/howcanbeaguru-bg.png); background-size: cover; background-repeat: no-repeat;} .vidyadaanLandingWrapper .aboutWrapper.newbg2{background-image:url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/03/05030938/contribute-bg.png); background-size: cover; background-repeat: no-repeat;} .vidyadaanLandingWrapper .aboutWrapper{display: flex; width: var(--fullwidth); padding: 50px 0; margin:0px auto 0; background: var(--blackColor); background-image:url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/02/28031550/creative-warriors-about-bg.png); background-size: cover; background-repeat: no-repeat;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer{display: flex; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:50px 0; flex-direction: column;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer h3{color: var(--whiteColor); width: auto; display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize32);} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer p{color: var(--whiteColor); width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:80px; display: grid; margin:0; padding:0;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer ol li{margin:0; flex-direction: column; gap:30px; padding:0px; border-radius: 8px; display: flex; width: var(--fullwidth); max-width: 50%} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer ol li .actions{display: flex; align-items: flex-start; width: var(--fullwidth); justify-content:flex-start;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection{display: flex; flex-direction: column; width: 100%;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .accordion{ transition: all 0.2s ease; flex-direction: row; justify-content: space-between; border-left: 0px none; padding-left: 0; border-bottom:0px solid var(--blackColor); margin-top: 8px; cursor: pointer; background-color:var(--whiteColor); font-size:var(--fontsize18);color:var(--blackColor); padding: 15px; border-radius:10px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .panel { transition: all 0.2s ease; padding:0px; opacity: 0; display: none; visibility: hidden; font-size: 15px; line-height:30px; background-color:var(--blackColor); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .accordion.active:after {content: "\2212";} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .accordion.active, .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordion:hover { border-bottom:0px solid var(--whiteColor);} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .accordion.active{border-bottom:0px none; border-radius:10px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .accordion.active + .panel{padding:18px; flex-direction: column; gap:20px; border-bottom:0px solid var(--whiteColor); color: var(--whiteColor); border-radius: 0px; border-top:0px none; opacity: 1; visibility: visible; display: flex; max-height: inherit !important;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .accordionSection .accordion:after {content: '\002B'; color: var(--blackColor); font-weight: bold; float: right; margin-left: 5px;} .vidyadaanCoursesPageWrapper .heroWrapper.withColor{background-color: var(--blackColor4); align-items: center; justify-content: center; height: 200px;} .vidyadaanCoursesPageWrapper .heroWrapper.withColor .items .overlay{position:static;} .vidyadaanCoursesPageWrapper .heroWrapper.withColor .heroContainer{max-width: var(--maxWidth);} .vidyadaanCoursesPageWrapper .heroWrapper.withColor .items .overlay .overlayContainer{position:static; padding:0;} .vidyadaanCoursesPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding-top:0px;} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: center; margin:0 auto;} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer .heroRight p {font-family:intersemibold; font-size:var(--fontsize18); text-align: center;} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer h1{color: var(--whiteColor); align-items: center; gap:20px; display: flex; font-family:bricolagebold; font-size:var(--fontsize34);} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer h1 span{background-image:url(../images/industry-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width: 224px; height: 79px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize43);} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer h2{color:var(--whiteColor); display: flex; font-family:interbold; font-size:var(--fontsize16); gap:10px; align-items: center;} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer h2 span{background: var(--defaultGradient); color: transparent; -webkit-background-clip: text;} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:intersemibold; font-size:var(--fontsize34);} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer p{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer i{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor); font-style: italic;} .vidyadaanCoursesPageWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth); justify-content: flex-start;} .vidyadaanCoursesPageWrapper .heroWrapper .heroForm a{margin-left:10px;} .vidyadaanCoursesPageWrapper .heroWrapper .heroSlider{display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanCoursesPageWrapper .heroWrapper .items{display: flex; position: relative; gap:25px; width: var(--fullwidth); justify-content: center; align-items: flex-start;flex-direction: column;} .vidyadaanCoursesPageWrapper .heroWrapper .items .overlay{position: absolute; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; align-items: center; justify-content: center;} .vidyadaanCoursesPageWrapper .heroWrapper .items .overlayContainer{position: absolute; max-width: var(--maxWidth); margin:0 auto; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; padding: 20px; align-items: flex-start; justify-content: center;} .vidyadaanCoursesPageWrapper .heroWrapper .items .mainImage{object-fit: cover; width: var(--fullwidth);} .vidyadaanCoursesPageWrapper .pageWrapper{padding: 50px; display: flex; width: var(--fullwidth);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer{padding:0px; max-width: var(--maxWidth); gap:30px; margin:0 auto; display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn{display: flex; flex-direction: column; align-items: flex-start; width: var(--fullwidth); gap:20px; background-color:transparent; } .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h4{color: var(--yellowColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize16);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h3{text-align: center;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h3 + p{text-align: center; width: var(--fullwidth);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem{display: flex; align-items: flex-start; width: var(--fullwidth); gap:40px; padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{display: grid; gap:30px; grid-template-columns: repeat(5,minmax(0,1fr)); margin:0; padding:0; } .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol{display: grid; gap:30px; grid-template-columns: repeat(3,minmax(0,1fr)); margin:0; padding:0; } .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{display: flex; color:var(--whiteColor); font-size: var(--fontsize16); align-items: center; flex-direction: column; gap:10px; width: var(--fullwidth); margin:0; padding:0;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .courseThumb{display: flex; width: var(--fullwidth);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .courseContent{display: flex; color:var(--whiteColor); width: var(--fullwidth);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .courseContent{display: flex; flex-direction: column;transition: all 0.2s ease; border-radius: 10px 10px; padding:0 10px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li h4{color:var(--blackColor); font-size: var(--fontsize16); font-family:interbold; font-weight: 700; line-height: 48px; margin: 0 0 0px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li > a{display: flex; flex-direction: column; width: var(--fullwidth); gap:15px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .courseThumb{max-height: none; overflow: hidden;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .courseThumb img{border-radius: 5px 5px 0 0; border-radius: 20px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items {display: flex; position: relative; transition: all 0.2s ease; border:2px solid var(--whiteColor); max-width: 330px; margin: 10px 7px; border-radius:20px 20px 10px 10px; background-color:var(--whiteColor); width: 100%; padding:0; flex-direction: column;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items h2{color:var(--blackColor); justify-content: flex-start; text-align: left; font-size: var(--fontsize16); font-family:bricolagebold; font-weight: 700; line-height: initial; margin: 0 0 10px; min-height: 70px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .duration{display: flex; width: 100%; gap:5px; color: var(--blackColor); font-size: var(--fontsize14); align-items: center; margin-bottom: 5px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .duration span{color:var();} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .duration i{color: var(--blackColor);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .rating{display: flex; width: 100%; font-size: var(--fontsize12); font-family:inter; color: var(--blackColor); align-items: center; margin-bottom: 5px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .rating i{ margin-right: 5px; color:var(--yellowColor);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .offeredBy{display: flex; font-size: var(--fontsize10); margin: 10px 0; align-items: center; color: var(--blackColor); width: 100%; justify-content: center;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .offeredBy span{font-size: var(--fontsize10); color: #8E9AB6;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .offeredBy img{max-width: 50px; margin: 0 5px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .actions{display: flex; border-top:1px solid var(--lightBlackColor); align-items: center; justify-content: space-between; width: 100%;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .actions span{font-size: var(--fontsize12); color: var(--blackColor);} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .actions div{display: flex; align-items: center;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .actions div del{font-size: var(--fontsize12); color: var(--whiteColor); margin-right: 5px;} .vidyadaanCoursesPageWrapper .pageWrapper .pageContainer .gridBlockItem ol .items .actions div ins{font-size: var(--fontsize18); outline: 0px none; text-decoration: none; color:#219653; font-family:interbold; } .vidyadaanCoursesPageWrapper .filtersBlock{display: flex; width:var(--fullwidth); justify-content: space-between; align-items: center; background-color: var(--blackColor5); padding: 10px; border-radius: 10px;} .vidyadaanCoursesPageWrapper .filtersBlock .courseCount{font-size:var(--fontsize16); color:var(--whiteColor);} .vidyadaanCoursesPageWrapper .filtersBlock .gridList{font-size:var(--fontsize18); color:var(--whiteColor); display: flex; align-items: center; gap:15px;} .vidyadaanCoursesPageWrapper .filtersBlock .gridList a{font-size:var(--fontsize18); color:var(--whiteColor); display: flex; align-items: center; gap:15px;} .vidyadaanCoursesPageWrapper .filtersBlock .searchBlock{display: flex; position: relative; align-items: center;} .vidyadaanCoursesPageWrapper .filtersBlock .searchBlock input[type="search"]{ bordeR:0px none; border-radius: 15px; padding:5px 10px 5px 30px; font-size:var(--fontsize14);} .vidyadaanCoursesPageWrapper .filtersBlock .searchBlock i{position: absolute; color:var(--blackColor); left:10px;} .marginTop20{margin-top: 20px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor{background-color: var(--blackColor4); align-items: center; justify-content: center; height: 200px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor .items .overlay{position:static;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor .heroContainer{max-width: var(--maxWidth);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor .items .overlay .overlayContainer{position:static; padding:0;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding-top:0px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: center; margin:0 auto;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer .heroRight p {font-family:intersemibold; font-size:var(--fontsize18); text-align: center;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h1{color: var(--whiteColor); align-items: center; gap:20px; display: flex; font-family:bricolagebold; font-size:var(--fontsize34);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h1 span{background-image:url(../images/industry-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width: 224px; height: 79px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize43);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h2{color:var(--whiteColor); display: flex; font-family:interbold; font-size:var(--fontsize16); gap:10px; align-items: center;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h2 span{background: var(--defaultGradient); color: transparent; -webkit-background-clip: text;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:intersemibold; font-size:var(--fontsize34);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer p{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer i{font-size:var(--fontsize16); margin:0px 0 0px; padding: 0; font-family:inter;color:var(--whiteColor); font-style: italic;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth); justify-content: flex-start;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroForm a{margin-left:10px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroSlider{display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items{display: flex; position: relative; gap:25px; width: var(--fullwidth); justify-content: center; align-items: flex-start;flex-direction: column;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .overlay{position: absolute; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; align-items: center; justify-content: center;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .overlayContainer{position: absolute; max-width: var(--maxWidth); margin:0 auto; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; padding: 20px; align-items: flex-start; justify-content: center;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .mainImage{object-fit: cover; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper{padding: 50px; display: flex; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .pageContainer{padding:0px; max-width: var(--maxWidth); gap:30px; margin:0 auto; display: flex; width: var(--fullwidth); flex-direction: column;} .vidyadaanOnlineSessionsPageWrapper .pageContainer h3{color: var(--yellowColor2); display: flex; flex-direction: column; text-align: center; font-family:intersemibold; font-size:var(--fontsize34);} .vidyadaanOnlineSessionsPageWrapper .pageContainer p{color: var(--whiteColor); text-align: center; font-family:inter; font-size:var(--fontsize14);} .vidyadaanOnlineSessionsPageWrapper .onlineSessionSlider{display: flex; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .onlineSessionSlider .slick-track{ display: flex; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .onlineSessionSlider .slick-list{ display: flex; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .onlineSessionSlider .items{display: flex; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper {display: flex; width:var(--fullwidth); justify-content: center; border-bottom:0px solid #E6EBF7;} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper {display: flex; gap:15px; align-items: center; justify-content: center; width:100%; margin: 0; padding:0px;} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper a{border: 0px solid #E6EBF7; background-color: var(--lightBlackColor); text-wrap:nowrap; justify-content: center; font-size: var(--fontsize15); color:var(--whiteColor); margin-left:0px; padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius:6px; } .vidyadaanOnlineSessionsPageWrapper .tabsWrapper a:hover{background: var(--primaryColor); color: var(--whiteColor); color: var(--whiteColor);} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper a.active{background: var(--primaryColor); color: var(--whiteColor);} .vidyadaanOnlineSessionsPageWrapper .tabcontents{display: none; width: 100%; display: flex; align-items: flex-start; flex-direction: column;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn{display: flex; flex-direction: column; align-items: flex-start; width: var(--fullwidth); gap:20px; padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h4{color: var(--yellowColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize16);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h3{text-align: center;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn h3 + p{text-align: center; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem{display: flex; align-items: flex-start; width: var(--fullwidth); gap:40px; padding:20px; border-radius: 20px; background-color: var(--blackColor4);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{display: grid; width: var(--fullwidth); gap:30px; grid-template-columns: repeat(4,minmax(0,1fr)); margin:0; padding:0; } .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol{display: grid; gap:30px; grid-template-columns: repeat(3,minmax(0,1fr)); margin:0; padding:0; } .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{display: flex; border:1px solid var(--whiteColor); align-items: center; flex-direction: column; gap:10px; width: var(--fullwidth); margin:0; padding:10px; border-radius: 10px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li a{width: var(--fullwidth); flex-direction: column; display: flex;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .courseContent{display: flex; width: var(--fullwidth); flex-direction: column; gap:10px; padding: 10px 0 0} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .courseThumb{display: flex; width: var(--fullwidth); flex-direction: column; min-height: 224px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .courseThumb img{object-fit: cover; max-height: 224px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li p{text-align: left} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li h2{color:var(--yellowColor2);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .blockContent{display: flex; flex-direction: column; width: var(--fullwidth);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .blockContent span{display: flex; gap:5px; font-size:var(--fontsize14); align-items: center; color:var(--whiteColor);} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .blockContent span i{display: flex; font-size:var(--fontsize16); align-items: center; color:var(--whiteColor);} /*Responsive css Start Css*/ @media (max-width: 480px) { /*body { background-color: red; }*/ .vidyadaanLandingWrapper .heroWrapper{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroContainer{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider .items{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .items .overlay .overlayContainer{padding: 20px; gap: 10px; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h2{c line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28); text-align: center; line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1 span{ height: auto; background-size:cover; padding: 8px; width: auto; font-size: var(--fontsize28); } .vidyadaanLandingWrapper .heroWrapper .heroContainer p{text-align: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer p br{display: none;} .vidyadaanLandingWrapper .heroWrapper .items .mainImage{object-fit: cover; height: 100%;} .vidyadaanLandingWrapper .heroWrapper .items .actions{justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .items .overlay .overlayContainer{flex-direction: column; gap:20px;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .left{max-width:none;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right{max-width:none;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper h3{font-size: var(--fontsize20);} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer{padding: 30px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading{flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading div{flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading h2{flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items{flex-direction: column; align-items: center; gap: 20px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent{gap: 20px; align-items: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent .block{align-items: center; flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items h2{text-align: center; line-height: 25px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items p{text-align: center; justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .block div{justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .actions{justify-content: center;} .vidyadaanLandingWrapper .legendsWrapper{padding: 30px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items{flex-direction: column;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left{flex-direction: column;} .vidyadaanLandingWrapper .whoWeAreWrapper{padding: 30px;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .messagesWrapper{padding: 30px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer{padding: 0;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol{flex-direction: column; gap:30px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:first-child{max-width: none;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:last-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer h3{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li p + p{margin: 0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer{padding: 0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol{flex-direction: column; gap:30px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:first-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:last-child{max-width: none;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .whyVidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer{padding: 0;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol{flex-direction: column; gap:30px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:first-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:last-child{max-width: none;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .vidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol{ gap:30px; grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li{margin-top: 20px;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper{padding: 30px;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol{ gap:30px; grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .bepartWrapper{padding: 30px;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol{ gap:30px; grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .testimonialsWrapper{padding:30px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock{flex-direction: column;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock div:first-child{text-align: center;} .vidyadaanLandingWrapper .testimonialsWrapper h2 span{font-size: var(--fontsize24);} .vidyadaanLandingWrapper .associaltedPartnersWrapper{padding: 30px;} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer h3{font-size: var(--fontsize24); text-align: center;} .vidyadaanLandingWrapper .getInTouchWrapper{padding: 30px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer{flex-direction: column; padding: 20px; gap:30px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .left{max-width: none;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .right{max-width: none;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer h3{font-size: var(--fontsize24); text-align: center;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li{gap:10px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li div{flex-direction: column; text-align: center;} .vidyadaanInternalPageWrapper .heroWrapper .items .overlayContainer{padding: 20px;} .vidyadaanInternalPageWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28);} .vidyadaanInternalPageWrapper .pageWrapper{padding: 20px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer{flex-direction: column;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem{flex-direction: column;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem .left{max-width: none;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .blockItem .right{max-width: none;} .vidyadaanInternalPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanLandingWrapper .aboutWrapper{padding: 0;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer{padding: 30px;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer ol li{max-width: none;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem ol{ grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .overlayContainer{padding: 20px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper{padding: 30px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper{flex-wrap: wrap;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper h3{font-size: var(--fontsize28);} } /* Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { /* body { background-color: yellow; }*/ .vidyadaanLandingWrapper .heroWrapper{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroContainer{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider .items{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .items .overlay .overlayContainer{padding: 20px; gap: 10px; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h2{c line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28); text-align: center; line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1 span{ height: auto; background-size:cover; padding: 8px; width: auto; font-size: var(--fontsize28); } .vidyadaanLandingWrapper .heroWrapper .heroContainer p{text-align: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer p br{display: none;} .vidyadaanLandingWrapper .heroWrapper .items .mainImage{object-fit: cover; height: 100%;} .vidyadaanLandingWrapper .heroWrapper .items .actions{justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer{padding: 30px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading{flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading div{flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading h2{flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items{flex-direction: column; align-items: center; gap: 20px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent{gap: 20px; align-items: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent .block{align-items: center; flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items h2{text-align: center; line-height: 25px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items p{text-align: center; justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .block div{justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .actions{justify-content: center;} .vidyadaanLandingWrapper .legendsWrapper{padding: 30px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items{flex-direction: column;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left{flex-direction: column;} .vidyadaanLandingWrapper .whoWeAreWrapper{padding: 30px;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .messagesWrapper{padding: 30px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer{padding: 0;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol{flex-direction: column; gap:30px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:first-child{max-width: none;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:last-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer h3{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li p + p{margin: 0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer{padding: 0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol{flex-direction: column; gap:30px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:first-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:last-child{max-width: none;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .whyVidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer{padding: 0;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol{flex-direction: column; gap:30px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:first-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:last-child{max-width: none;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .vidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol{ gap:30px; grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li{margin-top: 20px;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper{padding: 30px;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol{ gap:30px; grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .bepartWrapper{padding: 30px;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol{ gap:30px; grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanLandingWrapper .testimonialsWrapper{padding:30px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock{flex-direction: column;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock div:first-child{text-align: center;} .vidyadaanLandingWrapper .testimonialsWrapper h2 span{font-size: var(--fontsize24);} .vidyadaanLandingWrapper .associaltedPartnersWrapper{padding: 30px;} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer h3{font-size: var(--fontsize24); text-align: center;} .vidyadaanLandingWrapper .getInTouchWrapper{padding: 30px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer{flex-direction: column; padding: 20px; gap:30px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .left{max-width: none;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .right{max-width: none;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer h3{font-size: var(--fontsize24); text-align: center;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li{gap:10px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li div{flex-direction: column; text-align: center;} .vidyadaanInternalPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(1,minmax(0,1fr));} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .items .overlay .overlayContainer{flex-direction: column; gap:20px;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .left{max-width:none;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right{max-width:none;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper h3{font-size: var(--fontsize20);} .vidyadaanLandingWrapper .aboutWrapper{padding: 0;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer{padding: 30px;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer ol li{max-width: none;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem ol{grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .overlayContainer{padding: 20px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper{padding: 30px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper{flex-wrap: wrap;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper h3{font-size: var(--fontsize28);} } /* Media Query for Tablets Ipads portrait mode */ @media (min-width: 768px) and (max-width: 1024px){ /*body { background-color: blue; }*/ .vidyadaanLandingWrapper .heroWrapper{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroContainer{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider .items{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .items .overlay .overlayContainer{padding: 20px; gap: 10px; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h2{c line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28); text-align: center; line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1 span{ height: auto; background-size:cover; padding: 8px; width: auto; font-size: var(--fontsize28); } .vidyadaanLandingWrapper .heroWrapper .heroContainer p{text-align: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer p br{display: none;} .vidyadaanLandingWrapper .heroWrapper .items .mainImage{object-fit: cover; height: 100%;} .vidyadaanLandingWrapper .heroWrapper .items .actions{justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer{padding: 30px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading{flex-direction: row;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading div{flex-direction: row;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesHeading h2{flex-direction: row;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items{flex-direction: row; align-items: center; gap: 20px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent{gap: 20px; align-items: flex-start;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .courseContent .block{align-items: center; flex-direction: column;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items h2{text-align: center; line-height: 25px;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items p{text-align: center; justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .block div{justify-content: center;} .vidyadaanLandingWrapper .webinarsWrapper .webinarsContainer .coursesWrapper .coursesSlider .items .actions{justify-content: center;} .vidyadaanLandingWrapper .legendsWrapper{padding: 30px;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items{flex-direction: column;} .vidyadaanLandingWrapper .legendsWrapper .legendsContainer .legendsSlider .items .left{flex-direction: column;} .vidyadaanLandingWrapper .whoWeAreWrapper{padding: 30px;} .vidyadaanLandingWrapper .whoWeAreWrapper .whoWeAreContainer ol{grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanLandingWrapper .messagesWrapper{padding: 30px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer{padding: 0;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol{flex-direction: row; gap:30px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:first-child{max-width: none;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li:last-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer h3{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .messagesWrapper .messagesContainer ol li p + p{margin: 0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer{padding: 0;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol{flex-direction: row; gap:30px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:first-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer ol li:last-child{max-width: none;} .vidyadaanLandingWrapper .whatisVidyadaanWrapper .whatisVidyadaanContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .whyVidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer{padding: 0;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol{flex-direction: row; gap:30px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:first-child{max-width: none; gap: 15px;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer ol li:last-child{max-width: none;} .vidyadaanLandingWrapper .whyVidyadaanWrapper .whyVidyadaanContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .vidyadaanWrapper{padding: 30px;} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol{ gap:30px; grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanLandingWrapper .vidyadaanWrapper .vidyadaanContainer ol li{margin-top: 20px;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper{padding: 30px;} .vidyadaanLandingWrapper .vidyadaanCounterWrapper .vidyadaanCounterContainer ol{ gap:30px; grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanLandingWrapper .bepartWrapper{padding: 30px;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer h2{font-size: var(--fontsize24); flex-wrap: wrap;} .vidyadaanLandingWrapper .bepartWrapper .bepartContainer ol{ gap:30px; grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanLandingWrapper .testimonialsWrapper{padding:30px;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock{flex-direction: column;} .vidyadaanLandingWrapper .testimonialsWrapper .testimonialsContainer .headingBlock div:first-child{text-align: center;} .vidyadaanLandingWrapper .testimonialsWrapper h2 span{font-size: var(--fontsize24);} .vidyadaanLandingWrapper .associaltedPartnersWrapper{padding: 30px;} .vidyadaanLandingWrapper .associaltedPartnersWrapper .associaltedPartnersContainer h3{font-size: var(--fontsize24); text-align: center;} .vidyadaanLandingWrapper .getInTouchWrapper{padding: 30px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer{flex-direction: row; padding: 20px; gap:30px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .left{max-width: none;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer .right{max-width: none;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer h3{font-size: var(--fontsize24); text-align: left;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li{gap:10px;} .vidyadaanLandingWrapper .getInTouchWrapper .getInTouchContainer ol li div{flex-direction: row; text-align: left;} .vidyadaanInternalPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(3,minmax(0,1fr));} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .items .overlay .overlayContainer{flex-direction: row; gap:20px;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .left{max-width:none;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right{max-width:none;} .vidyadaanLandingWrapper .heroWrapper .shishyaPage .overlayContainer .right .formWrapper h3{font-size: var(--fontsize20);} .vidyadaanLandingWrapper .aboutWrapper{padding: 0;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer{padding: 30px;} .vidyadaanLandingWrapper .aboutWrapper .aboutContainer ol li{max-width: none;} .vidyadaanInternalPageWrapper .pageWrapper .pageContainer .videoGridBlockItem ol{grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .overlayContainer{padding: 20px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper{padding: 30px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(3,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper{flex-wrap: wrap;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper h3{font-size: var(--fontsize28);} } /* Media Query for Laptops and Desktops */ @media (min-width: 1025px) and (max-width: 1280px){ /*body { background-color: green; }*/ .vidyadaanLandingWrapper .heroWrapper{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroContainer{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .heroSlider .items{height: 100vh} .vidyadaanLandingWrapper .heroWrapper .items .overlay .overlayContainer{padding: 20px; gap: 10px; align-items: center; justify-content: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h2{c line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28); text-align: center; line-height: normal;} .vidyadaanLandingWrapper .heroWrapper .heroContainer h1 span{ height: auto; background-size:cover; padding: 8px; width: auto; font-size: var(--fontsize28); } .vidyadaanLandingWrapper .heroWrapper .heroContainer p{text-align: center;} .vidyadaanLandingWrapper .heroWrapper .heroContainer p br{display: none;} .vidyadaanLandingWrapper .heroWrapper .items .mainImage{object-fit: cover; height: 100%;} .vidyadaanLandingWrapper .heroWrapper .items .actions{justify-content: center;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .items .overlayContainer{padding: 20px;} .vidyadaanOnlineSessionsPageWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize28);} .vidyadaanOnlineSessionsPageWrapper .heroWrapper.withColor{padding: 20px; height: 100px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper{padding: 30px;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem.withColumn ol{grid-template-columns: repeat(2,minmax(0,1fr));} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li{align-items: center;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper .pageContainer .gridBlockItem ol li .thumbContent{text-align: center;} .vidyadaanOnlineSessionsPageWrapper .tabsWrapper{flex-wrap: wrap;} .vidyadaanOnlineSessionsPageWrapper .pageWrapper h3{font-size: var(--fontsize28);} } /* Media Query for Large screens */ @media (min-width: 1281px) { /*body { background-color: white; }*/ } /*Responsive css ends Css*/