/*
Theme Name: AiBootcamp
Description: AiBootcamp Child Theme
Template: hello-elementor
Version: 1.2.8
Tags: four-columns, right-sidebar, full-width-template
Text Domain: aibootcamp

This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.
*/







.anim-title,
.anim-btn.elementor-widget-button{
  overflow: hidden;
}
.anim-title .elementor-heading-title,
.anim-title p {
  opacity: 0;
  transform: translate3d(0, 80%, 0) rotateZ(0deg) skew(10deg, 8deg);
  transform-style: preserve-3d;
  transition: all 1.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.anim-title.animated .elementor-heading-title,
.anim-title.animated p {
  opacity: 1;
  transform: translate3d(0px, 0%, 0px)
    scale3d(1, 1, 1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg, 0deg);
}
.anim-btn.elementor-widget-button .elementor-button{
  transform: translateY(70px) !important;
  transition: all 0.9s;
}
.anim-btn.elementor-widget-button.animated .elementor-button{
  transform: translateY(0px) !important;
}
.anim-bx {
  will-change: transform;
  transform: translate3d(0,0,0) scale3d(0.8,0.8,1) skew(0deg, -10deg);
  transform-style: preserve-3d;
  transition: transform 0s; /* avoid CSS transitions interfering */
}











.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.marquee__inner {
  display: inline-flex;
  flex-wrap: nowrap;
  will-change: transform;
  animation: marquee-left linear infinite;
  animation-duration: var(--marquee-speed, 30s);
}

.marquee__inner > span {
  display: inline-flex;
  align-items: center;
  margin-right: 198px;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  line-height: var(--e-global-typography-accent-line-height);
  color: #fff;
}

.marquee__inner > span > span{
  display: inline-flex;
  padding-left: 90px;
}
.marquee__inner img {
  width: 100px;
  padding: 0 40px;
  display: inline-block !important;
}

@keyframes marquee-left {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--marquee-width))); }
}
.marquee__inner.marquee__right {
  animation-name: marquee-right;
}
@keyframes marquee-right {
  from { transform: translateX(calc(-1 * var(--marquee-width))); }
  to   { transform: translateX(0); }
}

.marquee__inner.marquee__banner {
  animation: marqueeBannerRightScroll 10s linear infinite;
}
.marquee__inner.marquee__banner > span {
  font-size: 120px;
  line-height: 1.5;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
@keyframes marqueeBannerRightScroll {

  from { transform: translateX(calc(-1 * var(--marquee-width))); }
  to   { transform: translateX(0); }
}
.big-marquee .marquee__inner span {
  font-size: 140px;
  font-weight: 800;
  line-height: 1;
  color: var( --e-global-color-primary );
}
.big-marquee img {
  line-height: 1 !important;
  object-position: center;
  height: 160px;
  width: 170px;
  object-fit: contain;
  margin-top: 0px;
}
.big-marquee .marquee__inner {
  animation-duration: 120s;
}


/* Include box css star here */


.resigter-pop .dialog-close-button{
  border-radius: 50%;
  padding: 7px;
  right: -13px !important;
  top: -13px !important;

}


.flip-btn-th .elementor-button-text {
  position: relative;
  display: inline-block;
}

.flip-btn-th a{
  overflow:hidden;
}
.flip-btn-th .elementor-button-text::before {
  content: "Back to Home";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(36px);
  transition: transform 0.3s ease; 
}

.flip-btn-th a:hover .elementor-button-text::before {
  transform: translateY(36px);
}

/* Original text ko bhi animate karo */
.flip-btn-th .elementor-button-text {
  transition: transform 0.3s ease;
}

.flip-btn-th a:hover .elementor-button-text {
  transform: translateY(-36px); 
}

.inbox-wrapper{
  position:relative;
}
.include-box{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.include-box.ibox1{
  inset: 6% auto auto 4%;
}

.include-box.ibox2{
  inset: auto auto -1% 8%;
}
.include-box.ibox3{
  inset: auto 3% -2% auto;
}
.include-box.ibox4{
  inset: 0% 0% auto auto;

}
.include-box.ibox5{
  inset: 72% auto auto 40%;

}

/* Include box css end here */

.main-banner .elementor-background-video-container:before{
  z-index: 0 !important;
}
.main-banner .elementor-background-video-hosted{
  opacity: 0.02 !important;
}
.footer-menu-hov .elementor-icon-list-item a {
  position: relative;
  text-decoration: none;
}
.footer-menu-hov .elementor-icon-list-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px; 
  background-color: var( --e-global-color-4787a8f ); 
  transform: scaleX(0);
  transform-origin: left; 
  transition: transform 0.4s ease;
}
.footer-menu-hov .elementor-icon-list-item a:hover::after {
  transform: scaleX(1);
  transform-origin: left; 
}
.ai-faq .e-n-accordion-item{
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.ai-faq .e-n-accordion-item-title-icon{
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
}

.ai-faq .e-n-accordion-item-title-icon {
  transition: background-color 0.4s ease, transform 0.4s ease !important;
}


.ai-faq .e-n-accordion-item-title-icon svg {
  transition: fill 0.4s ease, color 0.4s ease !important;
}

.ai-faq .e-n-accordion-item[open] 
.e-n-accordion-item-title-icon {
  background-color: #003060;
  transition: all 0.4s !important;

}
.ai-faq .e-n-accordion-item[open] 
.e-n-accordion-item-title-icon svg{
  color: #fff !important;
  fill: #fff !important;
  transition: all 0.4s !important;
}


.img-carousal img{
  padding: 20px !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  aspect-ratio: 1;
  object-fit: contain;
  filter: grayscale(100%);
  transition: all 0.3s !important;
}

.img-carousal img:hover{
  filter: grayscale(0%);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.img-carousal .swiper-pagination{
  bottom: -20px !important;
}
.colored-title .elementor-heading-title{
  background: linear-gradient(
    90deg,
    #003060 40%, 
    #059ace 70% 
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.flip-btn, .home-banner-btn {
  overflow: hidden !important;
}
.flip-btn button{
  overflow: hidden !important;
}
.flip-btn .elementor-button .elementor-button-text,
.flip-btn .elementor-button .elementor-button-text::after{
  transition: transform 0.5s ease-in-out !important;
}

.flip-btn .elementor-button:hover .elementor-button-text{
  transform: translateY(-40px) !important;
}

.flip-btn .elementor-button .elementor-button-text::after {
  content: attr(data-text) !important;
  background: transparent !important;
  transform: translateY(30px) !important;
  position: absolute !important;

}
.flip-btn .elementor-button .elementor-button-text::after{
  width: 100%;
  left: 0;
  transform: translateY(40px) !important;
}
.skills-box .elementor-testimonial-name{
  padding-bottom: 15px;
}

/* thankyou page css start here */
/* 
.gradient-text{
color: #059ace;
background-image: linear-gradient(45deg, #059ace , #2FA5A7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.shadow-txt:before{
content: "";
position: absolute;
bottom: -1px;
left: -1px;
height: calc(100% + 2px);
width: calc(100% + 2px);
background: #FFF;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(219, 254, 255, 0.1) 100%);
z-index: 0;
}
.shadow-txt p{
position: relative;
}

.banner-img {
will-change: left, top, transform;
}

.gradient-bg1{
background-image: radial-gradient(circle at 11% 18%, #2fa5a791, #fff0 36%), radial-gradient(circle at 24%, #059ace80, #fff0 39%);
}
.gradient-bg2{
background: #059ace;
background: radial-gradient(circle at 11% 18%, rgba(43, 136, 193, 0.2), #fff0 36%), radial-gradient(circle at 24%, rgba(47, 165, 167, 0.2), #fff0 39%);

} */



.marque-border{
  --border-angle: 0turn;

  border: 3px solid transparent;
  border-radius: 2em;

  background: conic-gradient(from var(--border-angle), #52586E, #003060 5%, #003060 60%, #52586E 95%) padding-box, conic-gradient(from var(--border-angle), transparent 25%, #059ace, #2FA5A7 99%, transparent) border-box;

  animation: border-spin 5s linear infinite;
}

@keyframes border-spin {
  to {
    --border-angle: 1turn;
  }
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}



/* thankyou page css end here */

.top-bar a{
  display: block;
  width: 100%;
  padding: 10px 20px !important;
}
header .elementor-sticky--effects .bg-blur{
  background-color: #ffffffad;
}
.banner-vid img{
  aspect-ratio: 1 !important;
}
.elementor-button-info .elementor-button-icon{
  position: relative;
}
.elementor-button-info .elementor-button-icon:before,
.elementor-button-info .elementor-button-icon:after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  background-image: url('/wp-content/uploads/2026/01/right-arrow-svgrepo-com-1.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 9px;
  scale: 1.1;
}
.elementor-button-info .elementor-button-icon:after{
  left: 19px;
  scale: 1.3;
}
.elementor-button-info .elementor-button-icon svg,
.elementor-button-info .elementor-button-icon:before,
.elementor-button-info .elementor-button-icon:after{
  animation: glowBlink 1.5s ease-in-out infinite;
}
.elementor-button-info .elementor-button-icon:before{
  animation-delay: 0.25s;
}
.elementor-button-info .elementor-button-icon:after{

  animation-delay: 0.5s;
}
@keyframes glowBlink {
  0% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}


.gradient-text{
  color: #059ace;
  background-image: linear-gradient(45deg, #059ace , #2FA5A7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.shadow-txt{
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0));
  background: #fff;
}
.shadow-txt:before{
  /*  content: "";
  position: absolute;
  bottom: -1px;
  left: -1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  background: #FFF;
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(219, 254, 255, 0.1) 100%);
  z-index: 0; */
}
.shadow-txt p{
  position: relative;
}

.banner-img {
  transition: transform 0.1s ease !important;
  will-change: top, transform;
}

.gradient-bg1{
  /*  background-image: radial-gradient(circle at 11% 18%, #801afd33, #fff0 36%), radial-gradient(circle at 24%, #ed746c26, #fff0 39%); */
  background-image: radial-gradient(circle at 15% 25%, #2fa5a747, #fff0 36%), radial-gradient(circle at 24%, #059ace3d, #fff0 39%);
}
.gradient-bg2{
  background: #059ace;
  background: radial-gradient(circle at 11% 18%, rgba(43, 136, 193, 0.2), #fff0 36%), radial-gradient(circle at 24%, rgba(47, 165, 167, 0.2), #fff0 39%);

}





.progress-container{
  position: relative;
}
.prog-bar-left .prog-fill{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}
.prog-bar-left .prog-fill:before{
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(180deg, #6c1afd00, #059ace 56%, #003060);
  filter: blur(2px);
}
.prog-fill .elementor-icon{
  position: absolute;
  bottom: -18px;
  left: -7.5px;
}
.partner-slider .elementor-carousel-image{
  background-size: contain;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.4s;
}
.partner-slider a:hover .elementor-carousel-image{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}


.bg-blur{
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
}


.testim-name .elementor-image-box-title{
  margin-top: 0;
}

.topbar-notification .elementor-alert-title,
.topbar-notification .elementor-alert{
  text-align: center;
}
.topbar-notification .elementor-alert{
  padding: 8px !important
}
.img-bg-top-right:before,
.img-bg-bt-left:before{
  content: "";
  position: absolute;
  height: calc(100% + 60px);
  width: calc(100% + 90px);
  left: 0;
  top: -60px;
  background: #059ace;
  background: linear-gradient(90deg,rgba(43, 136, 193, 1) 0%, rgba(47, 165, 167, 1) 70%);
  z-index: -1;
  border-radius: 15px;
}
.img-bg-bt-left:before{
  left: -90px;
  top: auto;
  bottom: -60px;
}
.curriculum-cards{
  /*height: 600px;*/
  /*overflow-y: scroll;*/
}
.curriculum-tab .e-n-tab-title .e-n-tab-title-text{
  transition: all 0.3s;
}
.curriculum-tab .e-n-tab-title .e-n-tab-title-text:after{
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: transparent;
}

.curriculum-tab .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.curriculum-tab .e-n-tab-title:hover .e-n-tab-title-text{
  color: #059ace;
  background-image: linear-gradient(45deg, #059ace, #2FA5A7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.curriculum-tab .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after{
  background: #059ace;
  background: linear-gradient(90deg, rgba(43, 136, 193, 1) 0%, rgba(47, 165, 167, 1) 70%);
}
.curriculum-tab .e-n-tabs-heading{
  border-bottom: 1px solid var( --e-global-color-39ddeee );
}
.partner-slider{
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 1) 88%, rgba(0, 0, 0, 0));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 1) 88%, rgba(0, 0, 0, 0));
}
.img-slider .swiper{
  overflow: visible;
}
.partner-slider .swiper-wrapper,
.img-slider .swiper-wrapper{
  transition-timing-function: linear !important;
}
.img-slider .swiper img{
  aspect-ratio: 1;
  object-fit: cover;
}

.gradient-border {
  position: relative;
  background: transparent;
  border-radius: 10px;
  z-index: 1;
}

.gradient-border::before,
.testim-text .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: linear-gradient(135deg, #059ace, #2FA5A7);
  /*background: linear-gradient(135deg, #003060, #2FA5A7);*/
  border-radius: inherit;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.testim-video img{
  aspect-ratio: 3/4 !important;
  opacity: 0;
}
.testim-video .elementor-custom-embed-play{
  left: 52px;
  top: auto;
  bottom: 20px;
}





.glow-svg svg,
.glow-img img{
  filter: drop-shadow(0 4px 6px rgba(255, 255, 255, 0.9));
}
.banner-vid .elementor-custom-embed-play {
  width: 70px !important;
  height: 70px !important;

}
.banner-vid .elementor-custom-embed-play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130%;
  height: 130%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  animation: pulseGlow 2s infinite ease-out;
  z-index: -1;
}

@keyframes pulseGlow{
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.7;
  }
  70% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
}
.curricculum-slider .swiper{
  overflow: visible;
}

.show-br-mob br{
  display: none;
}


.testim-text .swiper-slide{
  background-color: transparent;
  background-image: radial-gradient(at top right, var(--e-global-color-accent) 0%, var(--e-global-color-primary) 100%);
  border-radius: 15px;
}
.testim-text .elementor-testimonial{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testim-text .elementor-testimonial__footer{
  padding: 10px;
  border: 1px solid #FFFFFF2B;
  border-radius: 5px;
}
.testim-text .elementor-main-swiper{
  width: 100% !important;
}
.testim-text .elementor-swiper-button{
  border-radius: 50px;
  padding: 12px;
  background-color: var( --e-global-color-accent );
  background-image: url('/wp-content/uploads/2026/01/left-arrow-svgrepo-com-1.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  left: calc(50% - 50px) !important;
  top: auto !important;
  bottom: -85px;
}
.testim-text .elementor-swiper-button:hover{
  background-color: #299496;
}
.testim-text .elementor-swiper-button-next{
  background-image: url('/wp-content/uploads/2026/01/left-arrow-svgrepo-com-2.svg');
  left: auto !important;
  right: calc(50% - 50px) !important;
}
.testim-text .elementor-swiper-button svg{
  opacity: 0;
}
.btn-tip:before{
  content: "";
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var( --e-global-color-primary );
  position: absolute;
  left: 49%;
  top: -8px;
}
.ai-faq .e-n-accordion-item-title{
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .resigter-pop .dialog-close-button {
    border-radius: 50%;
    padding: 5px;
    right: 5px;
    top: 5px;
  }
}
@media screen and (max-width: 767px) {
  dotlottie-wc {
    width: 300px !important;
    height: 300px !important;
  }
  .big-marquee .marquee__inner span {
    font-size: 40px !important;

  }
  .big-marquee img {
    height: 40px !important;
  }
  .marquee__inner > span > span {
    display: inline-flex;
    padding-left: 50px;
  }
  .remove-br-mob br{
    display: none;
  }
  .shadow-txt{
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0));
    background: #fff;
  }
  .testim-name .elementor-image-box-wrapper{
    display: flex;
    flex-direction: row;
    gap: 15px;
  }
  .testim-name .elementor-image-box-content{
    width: calc(100% - 65px);
  }
  .ai-faq .e-n-accordion-item-title-header{
    width: calc(100% - 40px);
  }
  .ai-faq .e-n-accordion-item-title-icon{
    height: 30px;
    width: 30px;
  }
  .show-br-mob br{
    display: block;
  }
}