/* @override 
  https://www.teachingchannel.com/wp-content/themes/wp-teachingchannel/assets/css/styles-2025.css?* */
.fnt-avenir,
.fnt-avenir * {
  font-family: Avenir, serif !important;
}

/* @group New Home page */

.loop-pop-course,
.loop-testim,
.loop-testim .has_eae_slider {
  display: flex;
  height: 100%;
}
.bigger-arrows {
	font-size: 20px;
}
html .masthead h1.elementor-heading-title {
  font-family: "Avenir Next";
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px; /* 181.818% */
  text-transform: capitalize;
}

html .masthead h1.elementor-heading-title em {
  background: linear-gradient(91deg, #aa089a 2.6%, #f00 194.38%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Avenir Next";
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  text-transform: capitalize;
  display: block;
}

@media (max-width: 768px) {
  html .masthead h1.elementor-heading-title {
    font-size: 35px;
    line-height: 1.2em;
  }
  .course-highlight-img {
  }
  html .masthead h1.elementor-heading-title {
    font-size: 35px;
  }
}

html .loop-testim {
  border-radius: 0 0 15px 15px;
  border: 1px solid #ffff !important;
  background: #e7caf2 !important;
  box-shadow: 0 4px 4px 0 rgba(208, 204, 220, 0.5) !important;
}

html .loop-testim {
  border-radius: 15px !important;
}

html .loop-testim > div {
  width: calc(100% + 4px);
  margin-right: -5px !important;
}

.loop-pop-course .elementor-heading-title {
  transition: color 0.3s ease;
}
.loop-pop-course:hover .elementor-heading-title {
  color: #110045 !important;
}

.loop-pop-course {
  position: relative;
}

@media (max-width: 768px) {
  html .loop-testim {
    border: none !important;
  }

  html .loop-testim > div {
    width: calc(100% - 2px);
    margin: 1px !important;
  }
}

.invis-hit {
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.invis-hit {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
.invis-hit * {
  height: 100%;
  width: 100%;
  opacity: 0;
}

@media (max-width: 768px) {
  html .masthead.video-bg {
    background-size: 190% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        background-image: none !important;
  }

  html .masthead.video-bg:before {
    display: none;

  }

  html .masthead.video-bg .e-con-inner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: linear-gradient(-180deg, #110045 70%, #63088500 100%) !important;
    }


  html .masthead .elementor-background-video-container:before {
    background-image: none !important;
  }
  html .masthead .elementor-background-video-container {
  
    display: block !important;
    opacity: 1 !important;
    visibility: visible;
    bottom: 0 !important;
    top: auto !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  html .masthead.video-bg .e-con-inner > div:nth-child(2) {
    z-index: 2;
}

  .video-spacer {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
}



  @media(min-width:1024px){
    html .masthead.video-bg   .elementor-background-video, 
    html .masthead.video-bg  .elementor-background-video-embed, 
      html .masthead.video-bg  .elementor-background-video-hosted {
    top: 0 !important;
    transform: translate(-50%, 0%) !important;

  }
}


@media(max-width:768px){
  .testim-carousel {
    padding-bottom: 20px;
    margin-bottom: 20px !important;
  }
}

.testim-carousel .swiper-pagination-bullets {
  padding-top: 0px;
}

.testim-carousel .elementor-widget-loop-carousel .swiper-pagination-bullet {
  background-color: #cc9cde;
  width: 8px;
  height: 8px;
  opacity: 0.5;
}

.testim-carousel
  .elementor-widget-loop-carousel
  .swiper-pagination-bullet-active {
  background-color: #cc9cde;
  opacity: 1 !important;
}
.loop-pop-course .elementor-widget-image img,
.solution-box .elementor-widget-image img,
.testim-carousel .loop-testim .elementor-widget-theme-post-featured-image img {
    border-radius: 0 !important;
}


.loop-pop-course .elementor-widget-image {
	height: 181px;
	overflow:hidden;
		 border-radius:20px 20px 0 0

}

.loop-pop-course .elementor-widget-image img{
	 transition: all 1s;
	 transform-origin: center;
	 object-position:center !important;
	 object-fit:cover;
	 overflow:hidden;
	 width:100%!important;
	 

	
}

.loop-pop-course:hover .elementor-widget-image img{
	  transform: scale(120%, 120%);
}




@media (min-width: 768px) {
  html body .loop-pop-course .e-con-inner {
	display:flex;

	justify-content:space-between !important;

	padding-bottom:0!important;
	
}
  .loop-pop-course > .e-con-inner > div:nth-child(2) {
    height: calc(100% - 260px);


  }
}

.course-highlight {
  background-color: white;
  padding: 0;
  border-radius: 20px;
  gap: 0px !important;
}




.course-highlight-img {
  border-radius: 20px 0 40px 0;
  background: linear-gradient(180deg, #71309b 0%, #aa089a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 129px;
  height: 120px;
}

.course-highlight-txt {
  gap: 0px !important;
  padding: 25px 20px;
}

html .course-highlight .elementor-heading-title {
  font-family: "Avenir Next" !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 145%; /* 29px */
  color: #790da2;
  margin-bottom: 0 !important;
}

html .course-highlight p {
  margin: 0 !important;
}

html .course-highlight p,
html .course-highlight,
html .course-highlight  strong {
  color: #110045;
}

html .course-highlight .course-highlight-txt a {
  color: #790da2 !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600 !important;
  display: block;
}

html .course-highlight .course-highlight-txt a:hover {
  color: #110045 !important;
}

@media (max-width: 768px) {
  .course-highlight-img {
    width: 100%;
    border-top-right-radius: 20px;
    height: auto;
    padding: 20px;
  }

  html body .course-highlight-img img,
  html body .course-highlight-img img[src$=".svg"] {
    width: 60px !important;
  }

  html .course-highlight .course-highlight-txt {
    padding: 40px;
  }
  html .course-highlight .course-highlight-txt p {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 200;
  }

  html .course-highlight .course-highlight-txt p a {
    font-size: 16px;
  }

  .muave-fade {
    background-image: linear-gradient(
      180deg,
      #e7caf2 50%,
      #ffffff 100%
    ) !important;
  }
}

@media (max-width:768px) {
  html .loop-testim .testimonial_container {
    flex-direction: row !important;
  }
}

.btn-alt a.elementor-button {
  border-radius: 10px !important;
  font-size: 28px;
  padding: 10px 20px !important;
  background: #aa089a !important;
  border-color: #aa089a !important;
  border: 2px solid transparent !important;
}
.btn-alt a.elementor-button:hover {
  background-color: transparent !important;
  border: 2px solid white !important;
  color: white !important;
}

.btn-alt:not(.btn-rev) a.elementor-button:hover {
  background-color: #110045 !important;
  border: 2px solid #110045 !important;
}

.solution-box .elementor-heading-title {
  font-family: "Avenir Next" !important;
  font-weight: 600 !important;
}

@media (max-width:768px) {
  html .solution-box,
  html .solution-box > * {
    flex-direction: row !important;
    text-align: center;
    margin: Auto;
    display: block !important;
  }

  html .solution-box .solution-box-content {
    padding: 40px 40px 50px;
  }
}

.btn-alt.btn-rnd a.elementor-button {
  border-radius: 36px !important;
}

.solution-box .elementor-divider .elementor-divider-separator {
  height: 3px !important;
  background: linear-gradient(180deg, #7a0da2 0%, #f00 100%) !important;
}

.solution-box a.elementor-button {
  background: linear-gradient(90deg, #7a0da2 0%, #a8089a 100%) !important;
  text-transform: uppercase !important;
  font-size: 20px;
}

.btn-alt.btn-rev a.elementor-button:hover,
.solution-box .btn-alt.btn-rnd.btn-rev a.elementor-button:hover {
  background: transparent !important;
  border: 2px solid white !important;
  color: white !important;
}
.solution-box-content {
  height: 100%;
  display: flex;
}

.solution-box-content .elementor-widget-text-editor {
  height: 100%;
}

.dont-see-links a{
  font-weight: 900;
  color:#FF8C00;
  text-decoration: underline;
}

.dont-see-links{
  margin-bottom: -20px;
}

.dont-see-links a:hover{
  color:#ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  text-decoration: underline
}
/* @end */