:root{
    --whiteColor:#fff;
    --gray950: #0A0A0A;
    --gray800: #262626;
    --gray500: #6c6c6c;
    --gray600: #525252;
    --gray200: #E5E5E5;
    --gray100: #F5F5F5;
    --violate300: #90E5A3;
    --violate200: #C1F1CB;
    --violate100: #DFF9E4;
    --violate50: #F1FCF2;
    --green: #28A745;
    --greenHover: #00711a;
    --blue800: #154FB9;
    --blue300: #8CD3FF;
    --blue100: #D9EFFF;

}

body{ font-family: Raleway; background-color: var(--gray100); }
img{ width: 100%; height: 100%;}
.pad120{ padding: 120px 0;}
.pad80{ padding: 80px 0;}
.marginT80{ margin-top: 80px;}
p, ul li{ font-family: "Open Sans", serif; margin: 0; font-size: 16px; font-weight: 500; line-height: 1.4; color: var(--gray800);}
section ul li + li{ margin-top: 8px;}
ul{ margin: 0;}
h4{ font-size: 24px; font-weight: 600; line-height: 1.2; color: var(--gray950); margin: 0;}
.button{ border-radius: 8px; background-color: var(--green); padding: 12px 16px; font-size: 16px; font-weight: 600; font-family: "Open Sans"; color: var(--whiteColor); text-decoration: none; display: block; width: fit-content; transition: all 0.5s linear; border: none;}
.button:hover{ background-color: var(--greenHover); color: var(--whiteColor);}

.button.white{ background: var(--whiteColor); color: var(--green);}

.maindivSection{ display: flex; flex-direction: column; gap: 56px; }

.navigationSection.navbar{ padding: 22px 0; position: fixed; top: 0; width: 100%; left: 0; background-color: transparent !important; z-index: 999;}
.navigationSection .navigationBG{ width: 100%; display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; padding: 12px 20px; background-color: var(--whiteColor); border-radius: 12px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(25px); border: 1px solid var(--BlackColors-Black10, rgba(0, 0, 0, 0.10));}
.navigationSection.navbar-expand-lg .navbar-collapse{ justify-content: space-between;}
.navigationSection.navbar-expand-lg .navbar-collapse .navbar-nav{ flex: 1; justify-content: center;}
.navigationSection.navbar-expand-lg .navbar-nav .nav-link{ padding: 12px 18px; font-size: 16px; color: var(--gray950); }
.navigationSection.navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ color: var(--green); }


.homeBannerSection.eventBanner{ background: url(../images/eventbannerBG.jpg)no-repeat; background-size: cover; padding-top: 160px; background-position: center;}
.homeBannerSection{ background: url(../images/bannerBG.jpg)no-repeat; background-size: cover; padding-top: 160px; background-position: center;}
.homeBannerText{ padding: 30px 0; display: flex; flex-direction: column; gap: 24px;}
.homeBannerText h1{ font-size: 70px;font-weight: 600;line-height: 1.15; margin: 0; color: var(--gray950);}
.homeBannerText h4{  color: var(--green);}
.homeBannerText ul li{ color: var(--gray950); }
.video-container{ background-color: var(--whiteColor); padding: 16px; border-radius: 32px; box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.10); }
.video-container .videoThumbnail{ border-radius: 24px; border: 1px solid #D4D4D4; overflow: hidden; position: relative; cursor: pointer;}
.video-container video#youtube-video {  height: 100%;  width: 100%;}
.videoThumbnailImg{ aspect-ratio: 16 / 10; object-fit: cover;}
.video-container .videoThumbnail .play-button{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 64px; height: 64px; padding: 12px; border-radius: 80px; background-color: rgba(255, 255, 255, 0.20); backdrop-filter: blur(32px); }
.video-container iframe{border-radius: 24px; aspect-ratio: 16 / 9; height: auto; }
.video-container video{border-radius: 24px;  }
.video-container.active .videoThumbnail{ display: none;}
.video-container.active iframe{ display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9;}
.video-container.active video{ display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9;}
.downloadBrochureModal .modal-header{ border: none; padding: 0; }
.downloadBrochureModal .modal-content{ padding: 20px; background-color: var(--whiteColor); border-radius: 12px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(25px); border: 1px solid var(--BlackColors-Black10, rgba(0, 0, 0, 0.10));}
.downloadBrochureModal .modal-body{ padding: 0; display: flex; flex-direction: column; gap: 10px;}
.downloadBrochureModal .modal-dialog{ max-width: 800px;}
.error_box{ color: red;}


.downloadBrochureModal .maindivSection{ gap: 30px;}
.downloadBrochureForm , .courseRegisterForm{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px; }
.inputBox { display: flex; flex-direction: column; gap: 4px; width: calc(50% - 12px);}
.inputBox label.error{ color: red;}
.inputBox input, .inputBox textarea, .inputBox select, .inputBox .dropdownSelect { padding: 12px; border-radius: 12px; font-size: 14px; border: 1px solid var(--gray200); line-height: 1.2; color: var(--gray950);width: 100%; }
.inputBox .dropdownSection select:focus-visible, .inputBox input:focus-visible, .inputBox textarea:focus-visible{ outline: none;}
.inputBox label { font-size: 14px; font-weight: 500; color: var(--gray800); font-weight: 500; }
.inputBox label span{ color: red;}
.downloadBrochureForm .button, .courseRegisterForm .button{ width: 100%;}
.inputBox .dropdownSection { position: relative;}
.inputBox .dropdownSection select{ appearance: none;}
.inputBox .dropdownSection::after { content: ''; position: absolute; top :10px;  margin: auto; right: 10px; background: url(../images/dropdown.svg) no-repeat; background-size: contain; height: 22px; width: 22px;}
.inputBox .errorText{ display: none;}

.courseRegisterForm .inputBox{ width: 100%;}
.errorMessage{ color: red; font-size: 14px;}

#starContainer{ position: relative; overflow: hidden;}
#starContainer .star { position: absolute; color: orange; font-size: 20px; opacity: 0; pointer-events: none; animation: blink 5s infinite ease-in-out;}
@keyframes blink { 0%, 100% {   opacity: 0;   transform: scale(1) rotate(0deg); } 50% {   opacity: 1;   transform: scale(1.5) rotate(180deg); } }


.owl-carousel * {
    pointer-events: auto;
    touch-action: auto;
}
.mainTitle{ text-align: center;}
.mainTitle h2{ font-size: 48px; font-weight: 600; line-height: 1.2; color: var(--gray950); margin: 0;}
.mainTitle p.green{ font-size: 20px; color: var(--green);}
.mainTitle p{  max-width: 814px; margin: 0 auto;  margin-top: 16px;}
.aiMLTrainingText{ margin-top: 32px; display: flex; flex-direction: column; gap: 16px;}
.aiMLTrainingText ul li span{ font-weight: 500; }
.bespokeTrainingSection{ display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;}
.bespokeTrainingSection .owl-carousel .owl-stage-outer{ overflow: visible;}
.bespokeTrainingSection .bespokeTrainingImg{ flex: 1;}
.bespokeTrainingSection .bespokeTrainingAccordionContainer{ display: flex; flex-wrap: wrap; gap: 20px;}
.bespokeTrainingSection .bespokeTrainingAccordionContainer .swiper-wrapper{ gap: 20px;}
.bespokeTrainingSection .bespokeTrainingAccordionContainer .bespokeTrainingAccordion{ padding: 10px; border-radius: 16px 16px 0 0; padding-bottom: 40px; min-height: 610px; display: flex; flex-direction: column; justify-content: space-between;}
.bespokeTrainingSection .bespokeTrainingAccordionContainer .bespokeTrainingAccordion.active{ background-color: var(--violate100); border: 1px solid var(--gray950); position: relative;}    
.bespokeTrainingSection .bespokeTrainingAccordionContainer .bespokeTrainingAccordion.active::after{ content: ''; height: 4px; background-color: var(--violate100); width: 100%; position: absolute; bottom: -2px; left: 0;}
.bespokeTrainingSection .bespokeTrainingAccordionContainer .bespokeTrainingAccordion iframe{ aspect-ratio: 16 / 9; height: auto; border-radius: 16px; margin-bottom: 16px;}
.bespokeTrainingSection .bespokeTrainingImg img{ object-fit: cover; border-radius: 24px; border: 1px solid #D4D4D4;}
.bespokeTrainingSection .bespokeTrainingImg .video-container{ border: 1px solid var(--gray950);  padding: 0; border-radius: 0; background-color: transparent; box-shadow:none; padding: 20px 10px; background-color: var(--violate100);  }.bespokeTrainingSection .bespokeTrainingImg .video-container:empty{display: none !important;}
.bespokeTrainingAccordion{ cursor: pointer; transition: all 0.5s linear;}
.bespokeTrainingAccordion:hover{ background-color: var(--whiteColor);}
.bespokeTrainingAccordion .bespokeTrainingAccordionText{ margin-top: 16px; display: flex; flex-direction: column; gap: 8px;}
.bespokeTrainingAccordion .bespokeTrainingAccordionTitle h6{ font-size: 16px; font-weight: 500; line-height: 1.2; color: var(--gray950); margin: 0;}
.bespokeTrainingAccordion .bespokeTrainingAccordionText p{ font-size: 16px; font-weight: 400; line-height: 1.2; color: var(--gray600);  display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.bespokeTrainingAccordion.active .bespokeTrainingAccordionText{ display: flex;}
.bespokeTrainingAccordion.active { border-color: var(--green);}
.bespokeTrainingAccordion .button{ margin-top: 15px; display: flex;align-items: center; gap: 10px;}
.bespokeTrainingAccordion .button svg{ fill: var(--whiteColor); transition: all 0.5s linear;}
.bespokeTrainingAccordion.active .button svg{ rotate: 90deg;}
.bespokeTrainingDetails.trainingModulesBoxes .trainingModulesBox{ width: calc(33.33% - 16px);}
.bespokeTrainingDetails.trainingModulesBoxes .trainingModulesBox h4{ min-height: auto;}

.trainingModulesBoxes{ display: flex; flex-wrap: wrap; gap: 24px;}
.trainingModulesBoxes .trainingModulesBox{ width: calc(25% - 18px); border-radius: 16px; border: 2px solid var(--violate200); padding: 24px; display: flex; flex-direction: column; gap: 20px;  background-color: var(--whiteColor); position: relative; overflow: hidden;}
.trainingModulesBoxes .trainingModulesBox::before{ content: ''; position: absolute; right: 0px; top: 0px; width: 206px; height: 307px; background: url(../images/glow.png)no-repeat; background-size: contain;}
.trainingModulesBoxes .trainingModulesBox img{ height: 70px; width: 70px; padding: 17px; background-color: var(--violate50); border-radius: 12px; }
.trainingModulesBoxes .trainingModulesBox ul{ padding: 0; margin: 0; list-style: none;}
.trainingModulesBoxes .trainingModulesBox ul li + li{ margin-top: 12px;}
.trainingModulesBoxes .trainingModulesBox ul li{ font-size: 14px; font-weight: 400; padding-left: 28px; position: relative;}
.trainingModulesBoxes .trainingModulesBox ul li::before{ content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../images/checkCircle.svg) no-repeat; background-size: contain;  }
.trainingModulesBoxes .trainingModulesBox h4{min-height: 60px;}

.trainingHighlightsPoint{ display: flex; flex-wrap: wrap; gap: 34px; }
.trainingHighlightsPoint .trainingHighlightsPointBox{ width: calc(16.66% - 28.33px); text-align: center; display: flex; flex-direction: column; gap: 16px; position: relative;}
.trainingHighlightsPoint .trainingHighlightsPointBox:not(:last-child)::after{ content: ''; position: absolute; top: 0; right: -17px; width: 2px ; height: 100%;  background: url(../images/line.png)no-repeat; background-size: contain; }
.trainingHighlightsPoint .trainingHighlightsPointBox img{ height: 70px; width: 70px; margin: 0 auto;border-radius: 12px; background-color: var(--violate50); padding: 17px; }
.trainingHighlightsPoint .trainingHighlightsPointBox i{ height: 70px; width: 70px; margin: 0 auto;border-radius: 12px; background-color: var(--violate50); padding: 17px; font-size: 20px; color: var(--green); display: flex ; align-items: center; justify-content: center;}
.trainingHighlightsPoint .trainingHighlightsPointBox p{ font-size: 18px; color: var(--gray950); }
.trainingClass { display: flex; flex-wrap: wrap; gap: 24px; }
.trainingClass .demoClass{ width: calc(50% - 12px); padding: 24px; border-radius: 16px; border: 1px solid var(--gray200);  background-color: var(--whiteColor);}
.trainingClass .demoClass .demoClassTitle{ display: flex; justify-content: space-between; gap: 20px; align-items: center; border-bottom: 1px solid var(--gray200); padding-bottom: 16px; margin-bottom: 16px;}
.trainingClass .demoClass .demoClassTitle .status{ border-radius: 999px; border: 1px solid var(--blue300); padding: 4px 20px; color: var(--blue800); background-color: var(--blue100); font-size: 14px; font-weight: 600; font-family: "Open Sans"; }
.trainingClass .demoClass .demoClassTitle .status.paid{ border-color: var(--violate300); background-color: var(--violate100); color: var(--green);  }
.trainingClass .demoClass .demoClassText{  border-bottom: 1px solid var(--gray200); padding-bottom: 16px; margin-bottom: 16px;}
.trainingClass .demoClass .demoClassText p { line-height: 1.4;}
.trainingClass .demoClass .demoClassText p.strikethrough{ text-decoration: line-through;   text-decoration-color: var(--gray600);}
.trainingClass .demoClass .button{ margin: 0 auto;}

.mentorBoxes{ display: flex; flex-wrap: wrap; gap: 24px; align-items: center;}
.mentorBoxes .mentorBox{ width: calc(33.33% - 16px); border-radius: 24px; border: 1px solid #D4D4D4; overflow: hidden; margin: 0 auto;}
.mentorBoxes .mentorBox img{ object-fit: cover;}
.mentorDetails{ flex: 1; display: flex; flex-direction: column; gap: 30px;}
.mentorMainDetails ul{ column-count: 2;     padding-left: 1rem;}
.industryExperience ul{ padding-left: 1rem;}
.mentorMainDetails ul li span, .industryExperience ul li span{ font-weight: 700; color: var(--gray500);}
.industryExperience{ display: flex; flex-direction: column; gap: 15px;}
.industralExpFlex{ display: flex; gap: 30px;}
.industralExpFlex .industralExp{ flex: 1; display: flex; gap: 5px;}
.industralExpFlex .industralExp i{ color: var(--green); margin-top: 3px;}
.industralExpFlex .industralExp p span{ font-weight: 700;}

.testimonialSection { background-color: var(--gray950); position: relative; overflow: hidden; background: url("../images/testimonials-bg.jpg") no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
.testimonialSection::before{content: ''; position: absolute; top: 0; background-color: var(--gray950); opacity: 0.8; width: 100%; height: 100%  ; z-index: 0;}
.testimonialSection .maindivSection{ position: relative;}
.testimonialSection :where(h2, h4, p){ color: #fff !important;}
.testimonialSlider img{ height: 100px; width: 100px; border-radius: 100px; border: 5px solid var(--gray600); object-fit: cover; margin: 0 auto;}
.testimonialSlider { display: flex; gap: 20px; flex-direction: column; text-align: center;}
.testimonial .slick-dots li button::before{ display: none;}
.testimonial.slick-dotted.slick-slider{ margin: 0;}
.testimonial .slick-dots{ margin-top: 40px; position: unset;}
.testimonial .slick-dots li button { height: 10px; width: 10px; background-color: var(--gray600); border-radius: 10px; margin: 0 auto;}
.testimonial .slick-dots li.slick-active button{ background-color: var(--green);}

.aiTransformationDetails{ display: flex; flex-direction: column; gap: 20px;}
.aiTransformationList { display: flex; gap: 30px; flex-direction: row; align-items: flex-start;}
.aiTransformationList ul{ flex: 2;}
.aiTransformationList .aiTransformationImg{ flex: 1; position: sticky; top: 0; overflow: hidden; border-radius: 20px;}
.aiTransformationImg img{ transition: all 0.5s linear;}
.aiTransformationImg:hover img{ transform: scale(1.1);}
.aiTransformationImg:hover .aiTransformationImgText{ opacity: 1;}
.aiTransformationImgText{ display: flex; opacity: 0; transition: all 0.5s linear; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #0a0a0ab2; position: absolute; bottom: 0; left: 0; width: 100%; }
.aiTransformationImgText h6{ font-size: 22px; margin: 0; font-weight: 700; color: var(--whiteColor);  }
.aiTransformationImgText p{ color: var(--whiteColor);}
.aiTransformationImgText a{ color: var(--whiteColor); transition: all 0.5s linear;}
.aiTransformationImg .aiTransformationImgText a:hover{ color: var(--green);}


.footerMainDiv{ display: flex; flex-wrap: wrap; gap: 24px;}
.footerMainDiv .footerLogoSection{ flex: 3; max-width: 530px; display: flex; flex-direction: column; gap: 24px;}
.footerMainDiv .footerLinks{ flex: 1;}
.footerLogoSection .footerLogo a img{ height: 36px; width: fit-content;}
.footerLogoSection .footerLogo a{ display: flex;}
.footerLogoSection .footerSocialMedia{  display: flex;  align-items: center; gap: 6px;}
.footerLogoSection .footerSocialMedia a{ display: flex; padding: 8px;}
.footerLogoSection .footerSocialMedia a img{ height: 24px;}
.footerLogoSection .footerDescription p{ color: var(--green);}
.footerLinks h5{ font-weight: 500; font-size: 20px; color: var(--gray950); line-height: 1.2; margin: 0; margin-bottom: 20px;}
.footerLinks ul{ margin: 0; padding: 0; list-style: none;}
.footerLinks ul li a{ font-size: 16px; color: var(--gray600); line-height: 1.2; text-decoration: none; margin: 0; display: flex; gap: 8px; font-weight: 400;}
.footerLinks ul li a img{ width:18px; object-fit: contain;}
.footerLinks ul li + li{ margin-top: 16px;}
.footerSection{ padding: 60px 0 40px;}
.navigationSection.navbar.positionUnset{ position: unset;}
.thankYouSection { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 100px 0; padding-top: 130px; }
.thankYouSectionText{ max-width: 700px; text-align: center; margin: 0 auto;}
.thankYouSectionText .button {  margin: 0 auto; margin-top: 60px;}

.thankYouSectionText .tickImg{ height: 100%;  width: 100%; max-width: 180px; margin: 0 auto;  aspect-ratio: 1 / 1; border-radius: 300px; padding: 40px;  background-color: var(--blue800); margin-bottom: 40px;}

.thankYouSection .mainLogo img{ height: 60px;}
.thankYouNav .navigationBG{ justify-content: center;}

.homeBannerSection.blogListSection{ background: none; padding: 80px 0; padding-top: 160px;}
.padb80{ padding-bottom: 80px;}
.padt140{ padding-top: 140px;}
.blogListSection .blog_carouselText { padding: 20px; background-color: var(--whiteColor);}
.blog_txt a{ text-decoration: none;}
.blog_txt h4, .blog_txt h4 * { font-size: 25px !important; color: var(--gray950) !important;  margin: 0 !important; margin-top: 40px !important; margin-bottom: 20px !important;}
.blog_txt p, .blog_txt p * { font-size: 16px !important; color: var(--gray800) !important; margin: 0 !important;}
.blog_carouselTextDate { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; margin-top: 20px;}
.featuredArticleTitle { border-bottom: 1px solid var(--gray200); padding-bottom: 5px; }
.featuredArticleBlogs { margin-top: 20px; }
.featuredArticleBlogs a { display: flex; gap: 20px; align-items: center; text-decoration: none;}
.featuredArticleBlogsImg { max-width: 200px;  aspect-ratio: 5 / 3;}
.featuredArticleBlogsImg img { object-fit: cover;}
.featuredArticleBlogsText h6, .blog_carouselText h6 { font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--gray950); margin: 0;}
.featuredArticleBlogsText h6, .blog_carouselText h6 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.featuredArticleBlogs a:hover h6 {  text-decoration: underline; }
.featuredArticleBlogsSecion .featuredArticleBlogs + .featuredArticleBlogs { padding-top: 30px; margin-top: 30px; border-top: 1px solid var(--gray200);}
.latestArticlesSection .featuredArticleTitle { border: none; padding: 0; display: flex; gap: 10px; align-items: flex-end;}
.latestArticlesSection .featuredArticleTitle h4 { align-items: baseline; display: flex ; flex-grow: 1; gap: .5rem; margin: 0; }
.latestArticlesSection .featuredArticleTitle h4::after { background-color: var(--blue800); border: none; content: ""; display: block; flex-grow: 1; height: 2px;}
.latestArticlesSection .featuredArticleTitle a { font-size: 16px; color: var(--blue800);}
.latestArticlesSection .featuredArticleBlogsSecion { display: flex; flex-wrap: wrap; margin: -12px;}
.latestArticlesSection .featuredArticleBlogsSecion .featuredArticleBlogs { padding: 12px; width: 50%; margin: 0; border: none;}
.latestArticlesSection .featuredArticleTitle { margin-bottom: 40px; }
.latestArticlesSection .featuredArticleBlogsText { padding-bottom: 20px; border-bottom: 1px solid var(--gray200);}

.recent_popular-post .blog_boxes{flex-direction: column;margin: 0;gap: 8px;}
.recent_popular-post .blog_box{flex: 0 0 100%;padding: 0;}
.recent_popular-post .blog_box a{display: inline-flex;align-items: center;gap: 15px;border-radius: 10px;background-color: var(--GrayScale-50);}
.recent_popular-post .blog_box img{flex: 0 0 35%;border-radius: 6px;}
.recent_popular-post .blog_box h3{margin: 0;font-size: 14px;}
.recent_popular-post .nav{gap: 8px;}
.recent_popular-post .nav-item{flex: 1;}
.recent_popular-post .nav-link{color: var(--GrayScale-500);padding: 8px 20px;border-radius: 10px;font-size: 16px;transition: all 0.4s linear;width: 100%;background-color: var(--GrayScale-100);}
.recent_popular-post .nav-link.active,.recent_popular-post .nav-link:hover{background-color: var(--GrayScale-900-F);color: var(--white-100);}
.recent_popular-post .nav + .tab-content{margin-top: 15px;}
.recent_popular-post .slick-slide{ padding: 15px;}
.recent_popular-post .blog_carouselText h6{ margin: 20px 0;}
.recent_popular-post .slick-prev:before { content: '‹';  line-height: 0;}
.recent_popular-post .slick-next:before { content: '›'; line-height: 0; }
.recent_popular-post .slick-prev,.recent_popular-post .slick-next{ background-color: var(--blue800); border-radius: 50px; width: 30px; height: 30px;}
.blogRecentSection{ background-color: var(--whiteColor);}

.breadCrumb{ display: flex; gap: 10px; list-style: none; padding: 0; margin: 0; margin-top: 20px;}
.breadCrumb li{ display: flex; gap: 5px; align-items: center; font-size: 16px; color: var(--GrayScale-700);}
.breadCrumb li img{ transform: rotate(90deg); height: 15px;}
.breadCrumb li a{ color: var(--blue800); line-height: 1;}

.homeBannerSection.blogListSection.blogDetailsSection{ padding-top: 120px; padding-bottom: 60px;}
.blogsingle_Img img{     aspect-ratio: 16 / 9; object-fit: cover; width: 100%; object-position: center; border-radius: 10px; overflow: hidden;}

.blogPublisherSection{ margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0; border: solid var(--gray200); border-width: 1px 0;}
.blogPublisherSection .blogPublisher,.blogPublisherSection .blogPublisherDate{ width: 50%;}
.blogPublisherSection .blogPublisher{ display: flex; gap: 10px; align-items: center;}
.blogPublisherSection .blogBannerText p{ color: var(--GrayScale-700);}
.blogPublisherSection .blogPublisher img{ height: 30px; width: auto; max-width: auto;  }
.blogPublisherSection .blogPublisherDate{ text-align: right; }
.blogBannerText h1 { font-size: 64px; font-weight: 700; line-height: 1.2; color: var(--white-100); margin: 0; margin-bottom: 24px;}

.blogBannerSection.pad80{ padding-top: 0;}

.blog_txt h2, .blog_txt h2 *{ font-size: 40px !important; color: var(--gray950) !important;   margin: 0 !important;  margin-top: 40px !important; margin-bottom: 20px !important;  font-weight: 700;}
.blog_txt h3, .blog_txt h3 *{ font-size: 30px !important; color: var(--gray950) !important;   margin: 0 !important;  margin-top: 40px !important; margin-bottom: 20px !important;  font-weight: 700;}
.blog_txt h4, .blog_txt h4 *{ font-size: 25px !important; color: var(--gray950) !important;   margin: 0 !important;  margin-top: 40px !important; margin-bottom: 20px !important;  font-weight: 700;}
.blog_txt h5, .blog_txt h5 *{ font-size: 22px !important; color: var(--gray950) !important;   margin: 0 !important;  margin-top: 40px !important; margin-bottom: 20px !important;  font-weight: 700;}
.blog_txt h6, .blog_txt h6 *{ font-size: 20px !important; color: var(--gray950) !important;   margin: 0 !important;  margin-top: 20px !important; margin-bottom: 20px !important;  font-weight: 700;}
.blog_txt p, .blog_txt p *{ font-size: 16px !important; color: var(--gray800) !important;   margin: 0 !important;  font-weight: 400; }
.blog_txt p + p{ margin-top: 15px !important; }
.blog_carouselTextDate p { font-size: 16px; color: var(--gray500) !important;}

.recent_popular_Title { text-align: center; margin-bottom: 40px; }
.recent_popular_Title h2{ font-size: 48px; font-weight: 700; line-height: 1.2; color: var(--GrayScale-900-F); margin: 0; text-align: center;}


.blogPublisherSection .blogPublisherDate p{ font-size: 18px; }
.blogPublisherSection .blogPublisherDate p + p{ font-size: 14px; margin-top: 5px; }
.blogpageBannerText { padding-bottom: 40px; margin-bottom: 40px;  border-bottom: 1px solid var(--gray200);  }

.amazonBluePringText{ width: 100%; display: flex; flex-direction: column; gap: 30px;   padding-top: 40px; }
.amazonBluePringTextLink{ display: flex; align-items: center; gap: 20px;}
.amazonBluePringTextLink .readers{ flex: 1;}
.amazonBluePringTextLink  a, .knowMoreArun a{ color: var(--blue800); text-decoration: none; font-size: 16px; font-weight: 500;}
.knowMoreArun h5, .amazonBluePringTextLink h5{ font-size: 20px; line-height: 1.4; margin: 0; margin-bottom: 10px; font-weight: 600;}
.partnersSection .row{ gap:20px 0;}
.partnersSection .mainTitle{ margin-bottom: 36px;}
.partnersSection .partnersImg{ border-bottom: 16px; overflow: hidden;}

section{ scroll-margin-top: 80px;}

.topHeaderSection{ background-color: var(--green); padding: 10px 0;}
.topHeaderSection .topEvent{ display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.topHeaderSection .topEvent .button{ padding: 5px 20px; background-color: var(--whiteColor); color: var(--green); font-size: 14px; white-space: nowrap;}
.topHeaderSection .topEvent p{ color: var(--whiteColor); font-size: 16px;}

.eventBanner .homeBannerText{padding: 0;}
.eventBanner .homeBannerText h1{ color: var(--whiteColor); font-size: 48px;}
.eventBanner .homeBannerText h4{ color: var(--whiteColor);}

.registerNow .mainTitle{ text-align: left;}
.eventDetails{ margin-top: 30px;}
.eventDetails p + p{ margin-top: 16px;}

.keyTopics{ margin-top: 40px;}
.keyTopics h4{ margin-bottom: 20px;}
.agendaDetails{ border-left: 2px solid var(--green); padding-left: 10px;}
.agendaDetails .agendaPoint p{ font-weight: 700;}

.speakersSection{ display: flex; flex-wrap: wrap; gap: 30px;}
.speakersSection .speakersDetails{ width: calc(33.33% - 20px); text-align: center;     border-radius: 16px; border: 2px solid var(--violate200); padding: 24px; display: flex; flex-direction: column; gap: 20px; background-color: var(--whiteColor); position: relative; overflow: hidden;}
.speakersDetails .speakersImg img{ aspect-ratio: 1 / 1; max-width: 150px; max-height: 150px; border-radius: 100px; object-fit: cover;}

.eventForm{ border-radius: 16px; border: 2px solid var(--violate200); padding: 24px; background-color: var(--whiteColor);}
.eventForm .downloadBrochureForm .inputBox{ width: 100%;}

.traningVideo{ position: sticky; top: 100px;}
.courseDetails{ display: flex; flex-direction: column; gap: 20px;}

@media (min-width: 1366px) {
    .container { max-width: 1232px; }
}

@media (min-width: 1200px) {
    .blog_Section .container {  max-width: 1100px;}
}

@media (max-width: 1366.98px){
    .homeBannerText{ padding: 0;}
    .homeBannerSection{ padding-top: 160px;}
    .homeBannerText h1{ font-size: 65px;}
    .homeBannerText h4{ font-size: 22px;}
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .navigationSection.navbar-expand-lg .navbar-nav .nav-link{ padding: 10px; font-size: 14px;}
    .navButton .button{ font-size: 14px;}
  }

@media (max-width: 1200.98px){
    .mentorBoxes{ align-items: unset;}
}
@media (max-width: 991.98px){
    .pad120{ padding: 80px 0;}

    .navigationSection .navbar-toggler{ padding: 0; height: 28px; width: 28px; border: 0; padding: 6px 3px; border-radius: 0;display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}
    .navigationSection .navbar-toggler:focus{ box-shadow: none;}
    .navigationSection .navbar-toggler span{ height: 1.5px; width: 100%; background-color: var(--gray950); border-radius: 5px; display: block; transition: all 0.5s linear;}
    .navigationSection .navbar-toggler span:nth-child(3){ width:65%;}

    .navigationSection .navbar-toggler[aria-expanded="true"]{ justify-content: flex-start; position: relative;}
    .navigationSection .navbar-toggler[aria-expanded="true"] span{  position: absolute; top: 0; bottom: 0; margin: auto; width: 80%;}
    .navigationSection .navbar-toggler[aria-expanded="true"] span:first-child{ transform: rotate(-45deg);}
    .navigationSection .navbar-toggler[aria-expanded="true"] span:nth-child(2){ opacity: 0;}
    .navigationSection .navbar-toggler[aria-expanded="true"] span:nth-child(3){ transform: rotate(45deg); width: 80%;}

    .navigationSection.navbar-expand-lg .navbar-collapse .navbar-nav{ margin-top: 50px ; text-align: center;}
    .navButton { margin-top: 20px; margin-bottom: 50px;}
    .navButton .button{ margin: 0 auto; }

    .homeBannerSection{ padding-top: 140px;}
    .video-container{ margin-top: 40px;}
    .bespokeTrainingSection .bespokeTrainingImg .video-container{width: 100%; margin: 0; }
    .bespokeTrainingSection .bespokeTrainingImg{ width: 100%;}
    .aiMLTrainingContainer{ padding: 0;}
    .bespokeTrainingDetails.trainingModulesBoxes .trainingModulesBox{ width: calc(50% - 12px);}
    .trainingHighlightsPoint .trainingHighlightsPointBox{ width: calc(33.33% - 22.66px);}

    .footerMainDiv .footerLogoSection{ flex: unset; width: 100%;}
    .footerMainDiv .footerLinks{ flex: unset; width: calc(33.33% - 16px);}
    .trainingModulesBoxes .trainingModulesBox h4{ min-height: unset;}
    .mentorDetails{ flex: 1 0 100%;}

    .aiTransformationImgText{ opacity: 1;}
    .aiTransformationImgText h6{ font-size: 18px;}
    .aiTransformationImgText p{ font-size: 14px;}

    .homeBannerSection.blogListSection .featuredArticleSection {  margin-top: 64px; }
    .latestArticlesSection .featuredArticleBlogsSecion .featuredArticleBlogs{ width: 100%;}
    .bespokeTrainingSection{ flex-direction: column;}

    .eventForm{ margin-top: 40px;}

    
}

@media (max-width: 767.98px){
    .pad120{ padding: 60px 0;}
    .pad80{ padding: 40px 0;}
    .padt140{ padding-top: 80px;}
    .marginT80{ margin-top: 40px;}
    .footerSection{ padding: 30px 0 20px;}
    h4{ font-size: 20px;}
    p, ul li{ font-size: 14px;}
    .maindivSection{ gap: 30px;}
    .partnersSection .mainTitle{ margin-bottom: 10px;}

    .homeBannerSection{ padding-top: 140px;}
    .homeBannerText h1{ font-size: 40px;}
    .homeBannerText{ gap: 20px;}
    .mainTitle h2{ font-size:30px;}
    .mainTitle p.green{ font-size: 16px;}

    .eventBanner .homeBannerText h1{ font-size: 30px;}
    .eventBanner .homeBannerText h4{ font-size: 20px;}

    .mentorBoxes .mentorBox{ width: calc(50% - 12px);}
    .mentorMainDetails ul{ column-count: 1;}
    .industralExpFlex{ flex-direction: column; gap: 10px;}
    .aiTransformationList{ flex-direction: column;}
    .thankYouSectionText .tickImg{ max-width: 100px; padding: 30px;}

    .blog_txt h4, .blog_txt h4 *{ font-size: 20px !important; margin: 15px 0 !important;}
    .blog_txt p, .blog_txt p *{ font-size: 14px;}
    .latestArticlesSection .featuredArticleTitle a{ display: none;}

    .breadCrumb .desktop{ display: none;}
    .breadCrumb{ gap: 5px;}
    .breadCrumb li img{ transform: rotate(-90deg);}

    .blog_txt h2, .blog_txt h2 *{ font-size: 32px !important;}
    .blog_txt h3, .blog_txt h3 *{ font-size: 25px !important;}
    .blog_txt h4, .blog_txt h4 *{ font-size: 22px !important;}
    .blog_txt h5, .blog_txt h5 *{ font-size: 18px !important;}
    .blogBannerText h1{ font-size: 32px;}

    .homeBannerSection.blogListSection.blogDetailsSection{ padding-bottom: 40px;}
    .amazonBluePringTextLink{ flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .amazonBluePringText{ gap: 20px;}
    .amazonBluePringTextLink a, .knowMoreArun a{ font-size: 14px;}
    .knowMoreArun h5, .amazonBluePringTextLink h5{ font-size: 18px; margin-bottom: 8px;}

    .recent_popular_Title h2{ font-size: 32px;}
    .speakersSection .speakersDetails{ width: calc(50% - 15px);}
    .topHeaderSection .topEvent{ flex-direction: column; align-items: flex-start;}
}

@media (max-width: 567.98px){
    .trainingHighlightsPoint{ gap: 24px;}
    .trainingHighlightsPoint .trainingHighlightsPointBox { width: calc(50% - 12px); }
    .trainingModulesBoxes .trainingModulesBox{ width: 100%;}
    .trainingClass .demoClass{ width: 100%;}

    .footerMainDiv .footerLinks{  width: calc(50% - 12px);}
    .footerMainDiv .footerLinks.reachUs{ width: 100%;}
    .footerMainDiv .footerLogoSection{ gap: 12px;}
    .footerLinks ul li a{ font-size: 14px;}
    .footerLinks h5{ font-size: 16px;}

    .downloadBrochureForm{ flex-direction: column; }
    .inputBox{ width: 100%;}
    .featuredArticleBlogs a{ flex-direction: column; }
    .featuredArticleBlogsImg{ max-width: 100%;}
    .latestArticlesSection .featuredArticleBlogsSecion .featuredArticleBlogs{ width: 100%;}
    .recent_popular-post .slick-prev, .recent_popular-post .slick-next{ top: 105%;}
    .recent_popular-post .slick-prev{left: 40%;}
    .recent_popular-post .slick-next{right: 40%;}
    .blogRecentSection{ padding-bottom: 80px;}

    .blogPublisherSection{ flex-direction: column;}
    .blogPublisherSection .blogPublisher, .blogPublisherSection .blogPublisherDate{ width: 100%;}
    .blogPublisherSection .blogPublisherDate{ text-align: left; margin-top: 20px;}
    .speakersSection .speakersDetails{padding: 15px; }
    .speakersDetails .speakersImg img{ max-width: 80px; max-height: 80px;}
    .video-container{ padding: 10px;}
    
    .bespokeTrainingDetails.trainingModulesBoxes .trainingModulesBox{ width: 100%;}
}

@media (max-width: 367.98px){
    .recent_popular-post .slick-prev{left: 30%;}
    .recent_popular-post .slick-next{right: 30%;}
}