.TermsAndCondtions {
background-color: #331506;
padding: 70px 0;
}
.tactabPannel{
display:none;
}
.termsAndcondtionTitle h1 {
font-family: var(--vulf-regular);
font-weight: 400;
line-height: 110%;
letter-spacing: -0.96px;
font-size: 48px;
color: white;
}
.TermsAndConditionsWrap {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.TermsAndCondtions {
padding: 70px 0 53px;
}
.TermsAndConditionsWrap {
display: block;
}
.termsAndcondtionTitle h1 {
margin-bottom: 63px;
}
.termsAndondtionCollTwo svg {
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
right: -17%;
}
} .tacTabbing {
padding: 87px 0 0px;
}
.tacNav {
display: flex;
align-items: center;
padding: 0px 20px;
cursor: pointer;
}
.tacNav span {
font-family: var(--public-regular);
font-size: 20px;
color: #55220a;
line-height: normal;
text-align: start;
border-radius: 0;
margin: 10px 0;
display: inline-block;
width: -webkit-fill-available;
}
.tacNavActive {
background-color: #ffe1d2 !important;
padding: 15px 20px;
}
.tacNav svg {
display: none;
}
.tacTabNavs {
width: 40%;
}
.tactabPannels {
width: 60%;
padding-left: 60px;
}
.tacTabWrap {
display: flex;
}
.TacPannelTitle h3 {
font-family: var(--vulf-regular);
line-height: normal;
margin-bottom: 40px;
font-size: 48px;
color: #55220a;
font-weight: 400;
}
.tacPanneldiscription p {
font-family: var(--public-regular);
color: #4b4b4b;
font-size: 16px;
font-weight: 400;
line-height: normal;
}
.tacPanneldiscription li {
font-family: var(--public-regular);
color: #4b4b4b;
font-size: 16px;
font-weight: 400;
line-height: normal;
}
.plus_and_minus {
display: none;
}
.bordertac {
display: none;
}
.paddingDesktop120 {
padding-bottom: 120px;
}
@media (max-width: 992px) {
.tacTabbing {
padding: 74px 0;
}
.tacTabWrap {
display: block;
}
.tacTabNavs {
display: none;
}
.tactabPannels {
width: 100%;
padding: 0;
}
.plus_and_minus {
display: block;
}
.minusBtn {
display: none;
}
.TacPannelTitle {
position: relative;
cursor: pointer;
}
.plus_and_minus {
position: absolute;
display: block;
top: 0;
right: 0;
}
.TacPannelTitle h3 {
max-width: 85%;
font-size: 18px;
margin: 0;
}
.tacPanneldiscription p:first-of-type {
margin-top: 26px;
}
.tacPanneldiscription p {
font-size: 14px;
}
.tacPanneldiscription li {
font-size: 14px;
}
.bordertac {
display: block;
margin: 31px 0 53px;
}
.bordertac svg {
width: 100%;
height: 100%;
}
.paddingDesktop120 {
padding-bottom: 0px;
}
} .privacy-policy-content {
max-width: 1300px;
margin: 0 auto;
padding: 80px 20px;
} .container-privacy-policy-content p {
color: #45525e;
font-family: var(--public-regular);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
display: inline-block;
}
.container-privacy-policy-content p.space {
padding: 10px 0;
display: block;
min-height: 10px;
}
.container-privacy-policy-content li {
color: #45525e;
font-family: var(--public-regular);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
} .container-privacy-policy-content h1,
.container-privacy-policy-content h2,
.container-privacy-policy-content h3,
.container-privacy-policy-content h4,
.container-privacy-policy-content h5,
.container-privacy-policy-content h6 {
color: #333;
font-family: var(--vulf-regular);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: var(--Line-height-text-lg, 28px);
margin: 0;
} .container-privacy-policy-content strong,
.container-privacy-policy-content b {
color: #333;
font-family: var(--vulf-regular);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
}
.container-privacy-policy-content ol,
.container-privacy-policy-content ul {
margin: 0;
}
@media (min-width: 290px) and (max-width: 762px) {
.container-privacy-policy-content p {
font-size: 16px;
}
.container-privacy-policy-content li {
font-size: 16px;
}
.container-privacy-policy-content p.space {
padding: 5px 0;
display: block;
min-height: 5px;
}
}.home_banner {
background-color: #ffe1d2;
padding: 80px 0;
}
.banner_wrapper {
display: flex;
align-items: center;
}
.bannerText {
width: 50%;
}
.bannerImg {
width: 50%;
}
.bannerText h1 {
color: #551f17;
font-weight: 400;
font-family: var(--vulf-regular);
line-height: 110%;
font-size: 48px;
letter-spacing: -0.96px;
max-width: 518px;
}
.bannerText p {
color: #55220a;
font-family: var(--public-regular);
font-weight: 400;
font-size: 16px;
margin: 13px 0 24px;
max-width: 518px;
line-height: normal;
}
.HomePageSearchWrapper {
max-width: 518px;
}
@media (max-width: 992px) {
.home_banner {
padding: 70px 0;
}
.banner_wrapper {
display: block;
}
.bannerText {
width: 100%;
}
.bannerImg {
width: 100%;
padding-top: 40px;
}
.bannerImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bannerText p {
margin: 16px 0 27px;
font-size: 14px;
}
}   .HappyFaceMarquee img {
margin: 0px 30px !important;
}
.greenMarquee {
display: flex;
background: #56c271;
padding: 12px 0;
overflow: hidden;
position: relative;
} .homeStatics {
background-color: #fff;
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 34px 72px;
}
.greenMarquee div {
margin: 0 6.48px;
}
.homeStaticWrap {
display: flex;
align-items: center;
}
.homeStaticWrap p {
font-family: var(--vulf-regular);
margin: 0;
padding-left: 8px;
color: #1d4126;
font-size: 20px;
max-width: 205px;
}
.HomeStaticWraps {
position: relative;
top: -77px;
} .homeAboutSec {
background-color: #112717;
padding: 0px 0 100px;
}
.homeAboutWrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.whoWeAre p {
font-family: var(--vulf-regular);
font-weight: 400;
color: #c7ebd0;
font-size: 16px;
margin-bottom: 9px;
}
.whoWeAre .heading {
font-family: var(--vulf-regular);
font-weight: 400;
color: #c7ebd0;
font-size: 16px;
margin-bottom: 9px;
}
.whoWeAre h2 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #fbf9f7;
line-height: 140%;
font-size: 32px;
}
.whoWeAre .description {
font-family: var(--vulf-regular);
font-weight: 400;
color: #fbf9f7;
line-height: 140%;
font-size: 32px;
}
.LearnMoreAboutUs p {
font-family: var(--vulf-regular);
color: #c7ebd0;
font-weight: 400;
font-size: 16px;
margin-bottom: 9px;
line-height: normal;
}
.LearnMoreAboutUs h3 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #fbf9f7;
line-height: 140%;
font-size: 32px;
padding: 10px 0 18px;
}
.LearnMoreAboutUs p:nth-of-type(2) {
margin: 20px 0 45px;
}
.LearnMoreAboutUs h2 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #fbf9f7;
line-height: 140%;
font-size: 32px;
}
.LearnMoreAboutUs .heading {
font-family: var(--vulf-regular);
font-weight: 400;
color: #c7ebd0;
font-size: 16px;
margin-bottom: 9px;
}
.LearnMoreAboutUs a {
font-family: var(--public-regular);
font-size: 16px;
color: #fff;
background: #39814b;
line-height: 110%;
letter-spacing: -0.32px;
margin: 0;
display: inline-block;
padding: 16px 13px 14px;
} .HappyFaceTitle {
margin-bottom: 3.2vw;
}
.HappyFaceTitle p {
font-family: var(--vulf-regular);
color: #c7ebd0;
font-size: 16px;
}
.HappyFacecSlider svg {
width: 100%;
height: 100%;
object-fit: cover;
}
.FaceImg {
width: 98px;
height: 98px;
max-width: 98px;
max-height: 98px;
border-radius: 50%;
background: #DACEC4;
object-fit: cover;
}
@media (max-width: 992px) {
.LearnMoreAboutUs h3 {
font-size: 24px;
}
.HomeStaticWraps {
top: -90px;
}
.homeAboutSec {
padding: 0px 0 40px;
}
.homeAboutWrap {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
.whoWeAre h2 {
line-height: 110%;
margin-bottom: 40px;
}
.LearnMoreAboutUs p {
margin-bottom: 18px;
}
.LearnMoreAboutUs h2 {
margin-bottom: 24px;
font-size: 24px;
}
.LearnMoreAboutUs p:nth-of-type(2) {
margin: 20px 0 40px;
}
.HappyFaceTitle p {
display: none;
}
.HappyFacecSlider {
padding-top: 30px;
}
.staticWrapper {
margin-bottom: 0;
}
.HappyFaceMarquee img {
margin: 0px 10px !important;
}
.FaceImg {
width: 71px;
height: 71px;
max-width: 71px;
max-height: 71px;
border-radius: 50%;
background: #DACEC4;
object-fit: cover;
}
.connecterImg {
width: 29px;
height: 29px;
}
}  .HomePageCourses {
padding: 96px 0 101px;
position: relative;
overflow: hidden;
}
.HomeCoursesBg {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #ecdfd9;
bottom: 600px;
}
.homeCourseSecHeadings {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.homeCourseSecHeadings h2 {
font-family: var(--vulf-regular);
color: #2f2d2b;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -0.72px;
margin: 0;
}
.homeCourseSecHeadings a {
background: #aa4515;
font-family: var(--public-regular);
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -0.32px;
display: inline-block;
padding: 16px 11px 14px;
text-decoration: none; }
.HomeCourses {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 29px;
margin-bottom: 10px;
}
.home-courses-slide {
max-width: 404px;
}
@media (max-width: 1220px) {
.HomeCourses {
display: block !important;
}
}
@media (max-width: 992px) {
.HomePageCourses {
padding: 74px 0 75px;
position: relative;
}
.homeCourseSecHeadings {
display: block;
margin-bottom: 40px;
}
.homeCourseSecHeadings h2 {
margin-bottom: 24px;
}
.HomeCoursesBg {
bottom: -327px;
}
}
@media (max-width: 762px) {
.home-courses-slide {
max-width: 294px;
}
}  .courseExporeCatagory {
max-width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
}
.courseExporeLink {
width: 50%;
}
.courseCatagory {
width: 50%;
}
.courseExporeLinkItems h2 {
font-family: var(--vulf-regular);
font-weight: 400;
line-height: 110%;
font-size: 32px;
color: #fff;
}
.courseExporeLinkItems p {
font-family: var(--public-regular);
font-weight: 400;
line-height: 110%;
font-size: 16px;
color: #fff;
line-height: 110%;
margin: 15px 0;
}
.courseExporeLinkItems a {
font-family: var(--public-regular);
font-weight: 400;
padding: 15px;
font-size: 16px;
background-color: #ebb82d;
color: #55420f;
line-height: 110%; letter-spacing: -0.32px;
display: inline-block;
}
.courseCatagory img {
width: 100%;
height: 100%;
object-fit: cover;
}
.allCoursesWrapper {
background: #332809;
margin: 50px auto;
}
@media (max-width: 992px) {
.allCoursesWrapper {
margin-bottom: 74px;
}
.courseExporeCatagory {
max-width: 100%;
display: block;
padding: 44px 0 27px;
}
.courseExporeLink {
width: calc(100% - 36px);
margin: 0 auto;
padding-bottom: 27px;
}
.courseCatagory {
width: 100%;
}
.courseCatagory img {
width: 100%;
height: 100%;
object-fit: cover;
}
.courseExporeLinkItems p {
margin: 18px 0 24px;
}
.courseExporeLinkItems a {
padding: 12px;
}
}
@media (max-width: 1220px) {
.courseExporeCatagory {
max-width: 95%;
}
}
@media (max-width: 1040px) {
.courseExporeCatagory {
max-width: 100%;
}
}  .LearningExperiance {
padding: 80px 0;
}
.learningExpSecHeading {
text-align: center;
margin-bottom: 60px;
}
.learningExpSecHeading h2 {
font-size: 16px;
color: #591547;
line-height: normal;
font-family: var(--vulf-regular);
font-weight: 400;
margin-bottom: 14px;
display: inline-block;
visibility: hidden;
}
.learningExpSecHeading h3 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #4f4a48;
font-size: 36px;
line-height: 110%; visibility: hidden;
}
.LearningExperianceImgAndAccordian {
display: flex;
}
.LearningExpImg {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.LearningExpirianceAccordian {
width: 50%;
}
.LearningExpImg svg {
width: 394px;
height: 394px;
object-fit: cover;
} .learnAccTitle {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}
.learnAccTitle h4 {
font-family: var(--vulf-regular);
font-weight: 400;
font-size: 28px;
line-height: 110%;
color: #4f4a48;
padding: 25px 0;
max-width: 63%;
margin-left: 10px;
}
.learnExpAccordianContent p {
font-family: var(--public-medium);
line-height: normal;
font-weight: 500;
font-size: 16px;
color: #4f4a48;
max-width: 425px;
margin-bottom: 25px;
margin-left: 60px;
}
.accordianPannelWrapper svg {
width: 100%;
height: 100%;
}
.plus_and_minus {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 25px 0;
}
.plus_and_minus img {
width: 25px;
height: 25px;
}
.minusBtn {
display: none;
}
.learnExpAccordianContent {
display: none;
}
.accordianHeaderIcon img {
width: 50.221px;
height: 50.221px;
object-fit: cover;
}
@media (max-width: 992px) {
.LearningExperiance {
padding: 0px 0 74px;
}
.learningExpSecHeading span {
margin-bottom: 18px;
}
.learningExpSecHeading h2 {
margin: 0;
}
.learningExpSecHeading {
margin-bottom: 40px;
max-width: 333px;
margin-left: auto;
margin-right: auto;
}
.LearningExperianceImgAndAccordian {
display: block;
}
.LearningExpImg {
width: 100%;
}
.LearningExpirianceAccordian {
width: 100%;
}
.LearningExpImg svg {
width: 236.913px;
height: 236.989px;
}
.learnAccTitle h4 {
font-size: 18px;
}
.learnExpAccordianContent p {
font-size: 14px;
}
}   .sustainableEthicalDesign {
padding: 100px 0;
background-color: #f9f4f2;
}
.DesignEthicalSecHeading {
max-width: 744px;
text-align: center;
margin: 0 auto;
padding: 0px 20px;
}
.DesignEthicalSecHeading h2 {
line-height: 110%;
font-size: 36px;
letter-spacing: -0.72px;
font-family: var(--vulf-regular);
color: #2f2d2b;
margin-bottom: 22px;
visibility: hidden;
}
.DesignEthicalSecHeading p {
font-family: var(--public-regular);
font-size: 16px;
color: #4f4a48;
line-height: 140%;
visibility: hidden;
}
.DesignEthicalSlides {
display: flex;
height: auto;
}
.DesignEthicalImage {
width: 50%;
}
.DesignEthicalImage img {
width: 100%;
height: 100%;
object-fit: cover;
}
.DesignEthicalSlidesText {
width: 50%;
position: relative;
display: flex;
align-items: center;
}
.DesignEthicalSlidesTextAndCategoryWrap {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 10px;
height: 100%;
}
.DesignEthicalSlidesTextWrap {
padding: 65px 60px 0px;
}
.DesignEthicalSlidesTextWrap h3 {
font-family: var(--vulf-regular);
color: #fff;
font-size: 36px;
font-weight: 400;
line-height: 110%;
letter-spacing: -0.72px;
margin-bottom: 33px;
}
.DesignEthicalSlidesTextWrap p {
font-family: var(--vulf-regular);
font-size: 20px;
font-style: normal;
font-weight: 400;
margin-bottom: 20px;
line-height: 110%;
color: #fff;
} .EthicalDesignSlider {
overflow: hidden;
margin-bottom: 30px;
} .progressBarDesignEthical {
width: 200px;
height: 8px;
background-color: #ecdfd9;
margin-right: 20px;
}
.progressBarFillDesignEthical {
height: 100%;
background-color: #4f4a48;
width: 0;
transition: width 0.3s ease;
}
.sliderNavigationsDesignEthical {
display: flex;
align-items: center;
justify-content: center;
padding: 0px 18px 0 18px;
}
.customSliderButtonsDesignEthical {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 13px;
}
.customSliderButtonsDesignEthical button {
background-color: transparent;
padding: 0;
border: none;
cursor: pointer;
} @media (max-width: 992px) {
.DesignEthicalImage img {
aspect-ratio: 1.54724409449;
}
.sustainableEthicalDesign {
padding: 74px 0 77px;
}
.DesignEthicalSecHeading h2 {
margin-bottom: 18px;
}
.DesignEthicalSecHeading p {
font-size: 14px;
max-width: 332px;
margin: 0 auto 40px;
}
.DesignEthicalSlidesTextWrap h3 {
font-size: 24px;
}
.DesignEthicalSlides {
display: block !important;
}
.DesignEthicalImage {
width: 100%;
}
.DesignEthicalSlidesText {
width: 100%;
}
.marquee_sustainableImag img {
width: 100%;
}
.DesignEthicalSlidesTextWrap {
padding: 37px 33px 37px;
}
}  .courseBeniFits {
padding: 0 131px 112px 131px;
}
.courseBeniFitsSecHeadings {
max-width: 646px;
margin: 0 auto;
text-align: center;
}
.courseBeniFitsSecHeadings h2 {
font-family: var(--vulf-regular);
color: #4f4a48;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 110%; margin-bottom: 30px;
visibility: hidden;
}
.courseBeniFitsSecHeadings h2 > span {
color: #307fe2;
font-weight: 400;
display: inline-block;
}
.courseBeniFitsSecHeadings p {
color: #4f4a48;
font-family: var(--public-regular);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
max-width: 557px;
margin: 0 auto;
visibility: hidden;
}
.courseBeniFitsTextAndIcons {
text-align: center;
visibility: hidden;
}
.courseBeniFitsTextAndIcons h3 {
color: #4f4a48;
font-family: var(--vulf-regular);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 110%;
padding-top: 14px;
max-width: 244px;
margin: 0 auto;
}
.courseBeniFitsTextAndIconsWrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 42px;
column-gap: 10px;
margin-top: 30px;
max-width: 811px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
}
.courseBeniftsBorder {
max-width: 1056px;
margin: 0 auto;
}
.courseBeniftsBorder svg {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.courseBeniFits {
padding: 0 0 74px 0;
}
.courseBeniFitsSecHeadings h2 {
max-width: 470px;
font-size: 36px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
}
.courseBeniFitsSecHeadings p {
font-size: 14px;
max-width: 557px;
}
.courseBeniFitsTextAndIconsWrapper {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 0px;
}
.courseBeniftsBorder {
display: none;
}
}
@media (max-width: 662px) {
.courseBeniFitsTextAndIconsWrapper {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 0;
}
.courseBeniFitsSecHeadings h2 {
max-width: 333px;
}
}  .videoPlayTestimonials {
background-color: #3b0e2f;
padding: 44px 0 120px;
}
.videoPlayWrapper {
display: flex;
align-items: center;
}
.videoPlayInfoColum {
width: 50%;
display: flex;
align-items: center;
}
.videoPlaysColum {
width: 50%;
}
.videoPlayInfo {
max-width: 475px;
}
.videoPlayInfo h2 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #e5b8d9;
font-size: 16px;
margin-bottom: 24px;
display: inline-block;
visibility: hidden;
}
.videoPlayInfo h3 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #fff;
font-size: 32px;
line-height: 110%; margin-bottom: 24px;
visibility: hidden;
}
.videoPlayInfo p {
font-family: var(--public-regular);
font-weight: 400;
color: #e5b8d9;
font-size: 16px;
line-height: normal;
visibility: hidden;
}
.videoPlaysColum img {
width: 100%;
height: 100%;
object-fit: cover;
} .textMarqueeWrap {
margin-bottom: 73px;
align-items: center;
display: inline-flex;
}
.textMarqueeWrap img {
margin: 0px 10px;
}
.textMarqueeWrap h5 {
font-family: var(--vulf-regular);
font-weight: 400;
display: inline-block;
color: #e5b8d9;
font-size: 24px;
margin: 0 12px;
} @media (max-width: 992px) {
.videoPlayTestimonials {
padding: 10px 0 57px;
}
.videoPlayWrapper {
display: block;
}
.videoPlayInfoColum {
width: calc(100% - 18px);
margin: 0 auto;
}
.videoPlaysColum {
width: calc(100%);
margin-right: auto;
}
.videoPlayInfo h2 {
margin-bottom: 16px;
}
.videoPlayInfo h3 {
font-size: 24px;
margin-bottom: 18px;
}
.videoPlayInfo p {
font-size: 14px;
margin-bottom: 46px;
}
.textMarqueeWrap h5 {
font-size: 14px;
margin: 0;
}
.textMarqueeWrap {
margin-bottom: 37px;
}
} .homeBlogs {
background-color: #23081c;
padding-top: 73px;
padding-bottom: 73px;
}
.blogSectionHeadings {
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 71px;
position: relative;
overflow: hidden;
}
.blgHeading h2 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #cb71b3;
display: inline-block;
font-size: 16px;
line-height: normal;
margin-bottom: 23px;
}
.blgHeading h3 {
font-family: var(--vulf-regular);
font-weight: 400;
color: #fff;
font-size: 32px;
line-height: normal;
line-height: 110%; letter-spacing: -0.64px;
}
.goToBlogPage a {
font-family: var(--public-regular);
font-weight: 400;
color: #fff;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.32px;
background: #932376;
display: inline-block;
padding: 16px;
}
.goToBlogPage-2 {
display: none;
}
.goToBlogPage-2 a {
font-family: var(--public-regular);
font-weight: 400;
display: inline-block;
color: #fff;
font-size: 16px;
line-height: 110%;
letter-spacing: -0.32px;
background: #932376;
padding: 16px;
} .blogSliderMain {
width: 100%;
overflow: visible;
}
.blogSliderSlide {
width: 100%;
}
.blog-card-link {
display: block;
text-decoration: none;
color: inherit;
}
.blogSlideTitle {
font-family: var(--public-regular);
font-weight: 400;
color: #fff;
font-size: 16px;
line-height: normal;
margin-top: 23px;
margin-bottom: 32px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blogCategoryDateReadTime {
font-family: var(--public-regular);
font-weight: 400;
line-height: 110%;
letter-spacing: -0.28px;
color: #e5b8d9;
font-size: 13px;
display: flex;
justify-content: space-between;
}
.blogReadTime {
display: flex;
align-items: center;
}
.blogReadTime img {
width: 18px;
height: auto;
object-fit: cover;
}
.blogReadTime span {
margin-left: 7px;
}
.blogCategoryDate span {
margin-right: 15px;
}
.blogSlideImg {
width: 100%;
aspect-ratio: 1200 / 650; 
overflow: hidden;
}
.blogSlideImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blogProgressBar {
width: 200px;
height: 8px;
background-color: #761c5e;
overflow: hidden;
}
.blogProgressBarFill {
height: 100%;
background-color: #be4ea0;
width: 0;
transition: width 0.3s ease;
}
.blogSliderNavigation {
display: flex;
align-items: center;
justify-content: center;
padding-top: 52px;
}
.blogSliderButtons {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-left: 17px;
}
.blogSliderButtons button {
background: transparent;
padding: 0;
margin: 0px;
border: none;
cursor: pointer;
} .blogProgressBar.hide-navigation {
display: none;
}
.blogSliderButtons button svg {
height: 24px;
}
@media (max-width: 992px) {
.blogSliderButtons button svg {
height: 24px;
}
.blgHeading h2 {
margin-bottom: 18px;
}
.blgHeading h3 {
font-size: 24px;
}
.goToBlogPage {
display: none;
}
.goToBlogPage-2 {
display: block;
}
.goToBlogPage a {
font-size: 14.477px;
}
.goToBlogPage-2 a {
font-size: 14.477px;
padding: 12px;
}
.blogSectionHeadings {
margin-bottom: 40px;
}
.blogSlideTitle {
font-size: 14px;
margin: 20px 0 25px;
}
.blogCategoryDateReadTime {
font-size: 12px;
}
.homeBlogs {
padding-top: 56px;
padding-bottom: 41px;
}
.blogSliderNavigation {
padding-top: 43px;
padding-bottom: 40px;
}
.blogReadTime img {
width: 16px;
}
}  .HomePageMasterClass {
padding: 96px 0 101px;
position: relative;
overflow: hidden;
}
.HomeMasterClassBg {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #331506;
bottom: 400px; }
.homeMasterClassSecHeadings {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.homeMasterClassSecHeadings h2 {
font-family: var(--vulf-regular);
color: #fbf9f7;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.72px;
margin: 0;
}
.homeMasterClassSecHeadings a {
background: #aa4515;
font-family: var(--public-regular);
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -0.32px;
display: inline-block;
padding: 16px 11px 14px;
text-decoration: none;
}
.HomeMasterClassSecTitleAndParagraph {
display: flex;
justify-content: space-between;
margin-bottom: 94px;
}
.HomeMasterClassSecTitleAndParagraph h2 {
font-family: var(--vulf-regular);
color: #ffb38f;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 110%;
max-width: 619px;
visibility: hidden;
}
.HomeMasterClassSecTitleAndParagraph ul li {
font-family: var(--public-regular);
list-style-type: unset;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%;
margin-bottom: 30px;
}
.HomeMasterClassSecTitleAndParagraph ul {
margin: 0;
max-width: 467px;
visibility: hidden;
}
.HomeMasterClasses {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 29px;
margin-bottom: 10px;
}
.HomePageMasterClass {
position: relative;
}
.HomeMasterClassSecTitleAndParagraph {
background: #331506;
position: relative;
z-index: 7;
}
@media (min-width: 1500px) {
.HomePageMasterClass::after {
display: block;
}
.HomePageMasterClass::before {
display: block;
}
}
@media (max-width: 992px) {
.HomePageMasterClass {
padding: 90px 0 65px;
position: relative;
}
.homeMasterClassSecHeadings {
display: block;
margin-bottom: 40px;
}
.homeMasterClassSecHeadings h2 {
margin-bottom: 24px;
line-height: 110%;
} .HomeMasterClassBg {
bottom: 1423px;
}
.HomeMasterClasses {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 10px;
}
.HomeMasterClassSecTitleAndParagraph {
display: block;
margin-bottom: 50px;
}
.HomeMasterClassSecTitleAndParagraph h2 {
font-size: 24px;
margin-bottom: 29px;
}
.HomeMasterClassSecTitleAndParagraph ul {
margin-left: 17px;
}
.HomeMasterClassSecTitleAndParagraph ul li {
margin-bottom: 24px;
}
.HomePageMasterClass::after {
display: none;
}
}