body, html, h1, h2, h3, h4, h5, h6, p, ul, li, a{ font-family: "Poppins", Sans-serif !important;}
body, p, a, button{ font-size: 14px !important;}
.container{ max-width: 1240px; margin: auto; width: 100%;}
.primary-color{color:#5B47ED !important;}
.coursesBox .tags{display: flex; padding:6px 12px; background:#fff; border-radius:65px; margin-bottom:15px;}
.coursesBox .footer{display: flex; gap: 15px; flex-direction:column; margin-top:15px;}
.coursesBox .footer .days{display: flex; align-items:center; gap:5px; color:#23BDEE;}
.coursesBox .footer .certificate{display: flex; align-items:center; gap:5px; color:#FEFCCA;}
.coursesBox .footer .certificate svg{fill:#FEFCCA;}
.coursesBox .box-footer .btn-wraper a.elementskit-btn svg, .servicesBox .box-footer .btn-wraper a.elementskit-btn svg{width: 28px;height: 28px; background: #fff;fill: #000;padding: 7px;
    border-radius: 36px;transform: rotate(-24deg);margin-left: 10px;}
.coursesBox .box-footer .btn-wraper a.elementskit-btn, .servicesBox .box-footer .btn-wraper a.elementskit-btn{ padding:6px 6px 6px 12px !important;}
.coursesBox:hover .box-footer .btn-wraper a.elementskit-btn{ padding:6px 6px 6px 20px !important; border:2px solid #fff;}
.coursesBox:hover .box-footer .btn-wraper a.elementskit-btn svg{background:#23BDEE;fill: #fff;}
.servicesBox .box-footer .btn-wraper a.elementskit-btn svg{background: #25282B;fill: #fff !important;}
.servicesBox .box-footer .btn-wraper a.elementskit-btn svg path{stroke: #ffffff !important;fill: #fff !important;}
.servicesBox:hover .box-footer .btn-wraper a.elementskit-btn{ padding:6px 6px 6px 20px !important; border:2px solid #25282B;}
.servicesBox:hover .box-footer .btn-wraper a.elementskit-btn svg{background:#23BDEE;fill: #fff;}
.testimonialWrapper .swiper-button-next, .testimonialWrapper .swiper-button-prev{ position:relative;}
.testimonialWrapper .swiper-button-prev{margin-left: 45%; margin-top: 30px;}
.testimonialWrapper .swiper-button-next{margin-left: 51%; margin-top: -50px;}
.testimonialWrapper .swiper-button-next svg, .testimonialWrapper .swiper-button-prev svg{ fill:#fff;}
.btn-arrow svg{ transform: rotate(-25deg);}.footer-contact-icon svg{ height:28px !important; width: 28px !important;}
.btn-wraper.download-brochure button.elementskit-btn{background:#FEFCCA !important; padding:10px 15px !important; color:#333333 !important; font-weight:600;border-radius: 36px 36px 36px 36px; border:1px solid #FEFCCA;}
.courses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}
.download-brochure button{ display: flex; align-items: center; gap: 5px;}
.download-brochure button img{ height: 18px;}
.course-card {
  background: linear-gradient(120deg, #11008B, #003445);
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
}
.course-image {
  position: relative;
}
.course-card .course-meta svg{fill:#FEFCCA; width: 16px;height: 16px;}
.course-card .course-meta span{ display: flex; align-items: center; gap: 5px;}
.course-card .course-meta .days{color:#23BDEE;}
.course-card .course-meta .certificate{color:#FEFCCA;}
.course-card, .course-card .course-image img, .course-card a{transition: all .4s ease;} 
.course-image{height: 220px; overflow:hidden;}
.course-image img {
  width: 100%;
     height: 220px;
    object-fit: cover;
    object-position: center center;
}
.course-card:hover .course-image img{transform: scale(1.1);}
.course-pdf {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff3;
  padding: 8px 14px;
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.course-content {
  padding: 15px;
}
.course-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.course-desc {
  opacity: 0.9;
  margin-bottom: 20px;
}
.course-content .tag{ margin-bottom: 10px; color: #FEFDFF;}
.servicesBox img{ height:220px !important; object-fit:cover;}
.course-meta span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}
.course-card .box-footer{ display: flex;align-items: center;gap: 10px;  padding: 15px 15px 20px 15px;}
.course-card .box-footer .btn-wraper .course-btn, .blog-wrapper .elementskit-post-image-card .btn-wraper a {
	background-color: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 36px 36px 36px 36px;
    color: #fff;
    text-decoration: none;
    padding: 6px 6px 6px 15px;
    display: inline-flex; align-items: center;
}
.course-card .box-footer .btn-wraper a svg, .circular-arrow-1 svg {
    width: 28px !important;
    height: 28px !important;
    background: #fff !important;
    fill: #000 !important;
    padding: 7px;
    border-radius: 36px;
    transform: rotate(-24deg);
    margin-left: 10px;
}
.course-card:hover .box-footer .btn-wraper a, .blog-wrapper .elementskit-post-image-card:hover .btn-wraper a{padding: 6px 6px 6px 20px;}
.course-card:hover .box-footer .btn-wraper a svg, .blog-wrapper .elementskit-post-image-card:hover .btn-wraper a svg {
    background: #23BDEE !important;
    fill: #fff !important;
}

.focus-color{  background: linear-gradient(to right, #5B47ED, #00C1FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.course-hero-btn{    background-color: #5B47ED;
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 30px 20px 30px;}
.course-hero-btn svg{ width:20px;fill:#fff;} 
.inner-course-hero.inner-hero-img img{ height:280px !important;}

.sticky-header {
  transition: all 0.3s ease;
}

.sticky-header.scrolled {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
 position: fixed;top: 0;left: 0; z-index: 10;
}
#brochure-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#brochure-popup .popup-inner {
    background: #fff;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    border-radius: 12px;
    position: relative;
}
.inner-hero-img img{
	    width: 100%;
    max-width: 100%;
    height: 139px;
    object-fit: cover;
    object-position: center center;
    border-radius: 60px 60px 60px 60px;
}
#brochure-popup .popup-container{
      padding: 30px;
    background: #fff;
    border-radius: 32px;position: relative;
}#brochure-popup .popup-container h3{ text-align: center;}
#brochure-popup .popup-container .close-popup{    width: 16px;
    position: absolute;
    top: 15px;
    right: 15px; cursor: pointer;}
    button.disabled,
input[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.course-details-inner{ background-color: #F9F9FF;}
.icon-lists .elementskit-infobox{align-items: self-start !important;}
h1.innerHeroTitle{ font-weight: bold; color:#fff;}
.iconBox-style-2:hover svg{filter: invert(32%) sepia(96%) saturate(7498%) hue-rotate(248deg) brightness(96%) contrast(103%);}
.accordionSection{box-shadow:0px 0px 25px rgba(0, 0, 0, 0.15);}
.hero-carausel .slide-item{ display: flex; align-items: flex-end; width: 100%;flex-direction: column; position: relative;}
.hero-carausel img{ max-height: 500px; object-fit: cover; object-position: center; width: 100%; border-radius: 36px;}
.hero-carausel .slide-item h5{ position: absolute; top: -100px; right: 150px; background: #F2F4FF; border-radius: 12px; color: #333; font-size: 14px; padding: 5px 10px;width: max-content;}
.hero-carausel .slide-item span{ position: absolute; top: -50px; right: 150px; background: #5B47ED; border-radius: 12px; color: #fff; font-size: 14px; padding: 5px 10px;width: max-content;}
.hero-carausel .carousel-indicators button:hover{ background-color: #23BDEE;}
.hero-content-section .ekit-heading__description p{ font-size: 18px !important;}
.fs-6 p{ font-size: 16px !important;}
.partnerSection{}
.blog-wrapper h2 a{ font-size: 18px !important;}
.cirtificate-gallery .gallery-item .gallery-icon { background: #FAF9C2; padding: 15px !important; border-radius: 12px; transition: 0.4s ease-out;}
.cirtificate-gallery .gallery-item .gallery-icon a img{ height: 250px;object-fit: cover;object-position: left top; transition: 0.4s ease-out;}
.cirtificate-gallery .gallery-item .gallery-icon:hover a img{transform: scale(1.1); transition: 0.4s ease-out;}
.extra-content{
max-height:0;
overflow:hidden;
transition:max-height 0.4s ease;
}

.extra-content.show{
max-height:600px; /* adjust if needed */
}
.download-brochure:has(.brochure-btn.disabled) {
background:#fff ; border-radius:24px;
}
.blog-wrapper .elementskit-post-image-card a img{ min-height:265px; max-height:265px;}
@media (max-width: 767px) {
  .elementor-heading-title{ font-size: 26px !important;line-height: 32px !important;}
  h4{ font-size: 20px !important;line-height: 24px !important;}
}
@media (max-width: 576px) {
  .header-container .elementor-element.e-con{ padding-left: 0px; padding-right: 0px;}
  .hero-carausel.carousel{ display: none;}
  .heroBtn, .heroBtn a{ width: 100%;}
  .hero-content h1{ font-size: 22px !important;}
  .hero-content h2 {font-size: 28px !important;}
  .hero-content-section .ekit-heading__description p { font-size: 14px !important;}
  .course-card .box-footer {align-items: self-start;flex-direction: column;}
  .footer-container h2{ font-size: 18px !important;}
}