/* starting   first sections by Wajid  */



@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); 



@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Manrope:wght@200..800&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");







:root {--Manrope: "Manrope", sans-serif;--Outfit: "Outfit", sans-serif;--Poppins: "Poppins", sans-serif;--plus-jakarta-sans: "Plus Jakarta Sans", sans-serif;--Anton: "Anton", sans-serif;--brand-color: #0eaa8c;--overlay: #0eaa8ccc;--h1-headings-size: 74px;--h2-headings-size: 44px;--p-size: 18px;--banner-peragraph-size: 18px;--size-18: 15px;--size-40: 30px;}







body {



  background-color: #fff;







  font-family: var(--Manrope);



}







ul,



p,



h1,



h2,



h3,



h4,



h5,



h6 {



  margin-bottom: 0px !important;



}



@media (min-width: 1500px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 1520px !important;

    }

   

}

 

 

  

/* 1200px (xl) */

@media (max-width: 1200px) {

  :root {

    --h1-headings-size: 62px;

    --h2-headings-size: 42px;

    --p-size: 18px;

     --size-40: 30px;

  }

}



/* 1024px */

@media (max-width: 1024px) {

  :root {

    --h1-headings-size: 56px;

    --h2-headings-size: 38px;

    --p-size: 16px;

    --size-40: 24px;

  }

}



/* 992px (lg) */

@media (max-width: 992px) {

  :root {

    --h1-headings-size: 50px;

    --h2-headings-size: 34px; 

      --size-18: 14px;

  }

}



/* 768px (md) */

@media (max-width: 768px) {

  :root {

    --h1-headings-size: 44px;

    --h2-headings-size: 28px;

    --p-size: 14px;

    --size-40: 26px;

  }

}



/* 576px (sm) */

@media (max-width: 576px) {

  :root {

    --h1-headings-size: 38px; 

    --p-size: 16px; 

  }

}



/* 480px (xs custom) */

@media (max-width: 480px) {

  :root {

    --h1-headings-size: 38px; 

  }

}


.am-bodywrap.header-transparent .proschool-top-section {
    padding-bottom: 0px;
	overflow: visible;
	background: #fff0;
}

.proschool-top-section {
    height: auto;
    background: linear-gradient(266.56deg, rgba(0, 0, 0, 0.4) 2.55%, rgba(0, 0, 0, 0.97) 100.48%);
    width: 100%;
    max-width: 100%;
    position: relative;
    padding-bottom: 200px;
}

.proschool-top-section.home {
    overflow: hidden;
}

.proschool-top-section .header-btn .am-header_user .am-orderwrap {
    display: none !important;
}



 .mian-banner-sliders {



    display: flex;



    gap: 10px;



    transform: rotate(10.14deg);



    z-index: -1;



    position: absolute;



    width: 200%;



    max-width: 107%;



    height: 237%;



    background-color: #000;



    left: -5%;



    top: -34%;



}



section.proschool-top-section.is-workshop {
    padding: 0;
    background: #00604e;
	overflow: visible;
}



.mian-banner-sliders .div-slider {



     width: calc(100% / 7 - 10px);



    display: flex;



    flex-direction: column;



    justify-content: center;



    gap: 10px;



    height: 3000px;



}





.clarity-vedio-section {

    padding: 0 50px;

}

.mian-banner-sliders .div-slider img {



  max-width: 100%;







  width: 100%;







  height: 400px;







  object-fit: cover;



}







.main-banner {



  overflow: hidden;







  position: relative;







  height: 894px;







  height: 894px;



}







.proschool-nav-links ul {



  margin: 0px !important;



}







.proschool-nav .proschool-nav-links {



  margin-left: 60px;



}


.speak-gallery-item-first-item-main .speak-gallery-item-first-item-video .speak-gallery-author-description {
    background: var(--brand-color);
    border-radius: 10px;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ffffff;
}

.speak-gallery-item-first-item-main .speak-gallery-item-first-item-video .speak-gallery-author-description p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
}

.speak-gallery-item-first-item-main .speak-gallery-item-first-item-video .speak-gallery-author-description span {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
}




.run-marqueue-bottom {



     animation: marqueue-bottom 35s linear infinite;



}







.run-marqueue-up {



  animation: marqueue-up 35s linear infinite;



}







@keyframes marqueue-bottom {



  0% {



       transform: translateY(0);



  }







  100% {



     transform: translateY(-1505px);



  }



}







@keyframes marqueue-up {



  0% {



    transform: translateY(-1505px);



  }







  100% {



    transform: translateY(0);



  }



}







.proschool-top-section header {



  display: flex;







  justify-content: space-between;







  align-items: center;







  padding: 36px 0;



}







.proschool-nav {



  display: flex;







  align-items: center;



}







.proschool-nav-links ul.main-ul li {



  display: inline-block;







  padding-right: 40px;







  position: relative;



}







.proschool-nav-links ul.main-ul li.last-child {



  padding-right: 0px;



}







.proschool-nav-links ul.main-ul li a {



  color: #ffffff;







  font-family: var(--Manrope);







  font-weight: 600;







    font-size: var(--size-18);







  line-height: 20px;







  letter-spacing: 0.5px;







  text-decoration: none;







  position: relative;







  padding-bottom: 4px;



}







.proschool-nav-links ul.main-ul li a::before {



  content: "";







  position: absolute;







  left: 0;







  bottom: 0;







  height: 2px;







  width: 0;







  background-color: var(--brand-color);







  transition: width 0.5s ease;



}







.proschool-nav-links ul.main-ul li a:hover::before {



  width: 100%;



}







.proschool-nav-links ul.main-ul li a span {



  margin-left: 8px;







  font-size: 12px;



}







.proschool-nav-links ul.main-ul li:hover .hidden-ul {



  display: block;



}







.proschool-nav-links ul.main-ul li .hidden-ul {



  display: none;







  position: absolute;







  width: 200px;







  background-color: transparent;







  padding: 10px 0 0;







  top: 25px;



}







.proschool-nav-links ul.main-ul li .hidden-ul li {



  width: 100%;







  background-color: #fff;







  padding: 0 20px;



}







.proschool-nav-links ul.main-ul li .hidden-ul li:first-child {



  padding-top: 10px;







  border-top-left-radius: 5px;







  border-top-right-radius: 5px;



}







.proschool-nav-links ul.main-ul li .hidden-ul li:last-child {



  padding-bottom: 20px;







  border-bottom-left-radius: 10px;







  border-bottom-right-radius: 10px;



}







.proschool-nav-links ul.main-ul li .hidden-ul li a {



  color: #505050;







  padding: 10px 0;







  display: block;







  position: relative;



}







.proschool-nav-links ul.main-ul li .hidden-ul li a::before {



  content: "";







  position: absolute;







  left: 0;







  bottom: 0;







  height: 2px;







  width: 0;







  background-color: var(--brand-color);







  transition: width 0.5s ease;



}







.proschool-nav-links ul.main-ul li .hidden-ul li a:hover::before {



  width: 100%;



}







.header-btn button {
    outline: none;
    transition: 0.3s ease;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--size-18);
    line-height: 20px;
    border-radius: 6px;
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
    padding: 13px 20px;
    color: #fff;

}







.header-btn button:hover {



  border: 1px solid #fff;







  background-color: #fff;







  color: var(--brand-color);



}







.mobile-toggle {



  display: none;







  background: transparent;







  border: none;







  background-color: var(--brand-color);







  color: #fff;







  font-size: 24px;







  cursor: pointer;







  z-index: 1000;







  padding: 6px 10px;







  border-radius: 5px;



}

.mobile-toggle i.fas.fa-bars {
  font-size: 18px;
}







.mobile-menu {



  position: fixed;







  top: 0;







  right: -100%;







  width: 300px;







  height: 100vh;







  background-color: white;







  z-index: 9999;







  transition: right 0.4s ease;







  padding: 80px 25px 30px;







  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);







  overflow-y: auto;



}







.mobile-menu.active {



  right: 0;



}







.mobile-menu ul {



  list-style: none;



}







.mobile-menu ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 2px;
}







.mobile-menu ul li:last-child {



  border-bottom: none;



}







.mobile-menu ul li a {



  color: #1e293b;







  text-decoration: none;







    font-size: var(--size-18);







  font-weight: 600;







  display: flex;







  align-items: center;







  justify-content: space-between;



}







.mobile-menu .sub-menu {



  max-height: 0;







  overflow: hidden;







  transition: max-height 0.4s ease;







  margin-left: 15px;







  margin-top: 10px;



}







.mobile-menu .sub-menu.active {



  max-height: 500px;



}







.mobile-menu .sub-menu li {



  margin-bottom: 10px;







  border-bottom: none;







  padding-bottom: 0;



}







.mobile-menu .sub-menu li a {



  font-size: 16px;







  font-weight: 500;







  color: #64748b;



}







.mobile-menu .mobile-btn {



  margin-top: 30px;







  text-align: center;



}







.mobile-menu .mobile-btn button {



  background-color: var(--brand-color);







  padding: 12px 25px;







  border: none;







  color: white;







  border-radius: 8px;







  font-weight: 600;







  font-size: 16px;







  cursor: pointer;







  width: 100%;



}







.close-menu {



    position: absolute;
    top: 25px;
    right: 25px;
    background: transparent;
    border: none;
    color: #fff;
    background-color: var(--brand-color);
    padding: 4px 9px;
    border-radius: 8px;
    font-size: 22px;
    cursor: pointer;



}







.overlay {



  position: fixed;







  top: 0;







  left: 0;







  width: 100%;







  height: 100%;







  background-color: rgba(0, 0, 0, 0.5);







  z-index: 99;







  display: none;



}







.overlay.active {



  display: block;



}







@media (max-width: 1100px) {

.am-header_user_menu .am-usermenu-dropdown.am-dropdown_admin {
    display: block !important;
	box-shadow: none;
}



  .mobile-menu.active ul {



      padding: 0;



  }



 







  .mobile-menu.active ul .menu-link i {



      display: none;



  }







  .am-header_user {



      justify-content: end;



  }







  .proschool-nav-links,



  .header-btn {



    display: none;



  }







  .mobile-toggle {



    display: flex;
        justify-content: center;
        align-items: center;



  }



}







.proschool-top-section .banner-div {padding-top: 100px;width: 100%;max-width: 908px;}







.proschool-top-section .banner-div h6 {font-family: var(--Manrope);font-weight: 500;font-size: var(--size-18);line-height: 25px;color: #ffffff;margin-bottom: 18px !important;}







.proschool-top-section .banner-div h1 {



  font-family: var(--Outfit);







  font-weight: 400;







  font-size: var(--h1-headings-size);







  line-height: 100%;







  letter-spacing: -2px;







  text-transform: capitalize;







  color: #fff;







  margin-bottom: 1px;



}







.proschool-top-section .banner-div h1:nth-child(4) {



  margin-top: 1px;







  padding-bottom: 8px;







  position: relative;







  margin-bottom: 21px;







  width: max-content;



}







.proschool-top-section .banner-div h1 span {



    margin: 0;



    padding: 0 0;



    font-family: Outfit;



    font-weight: 400;



    line-height: 100%;



    text-transform: capitalize;



    letter-spacing: -4px;



    position: relative;



    z-index: 99;



}







.proschool-top-section .banner-div h1 span::before {



    background-color: #0eaa8c75;



    content: "";



    position: absolute;



    width: 106%;



    left: -4px;



    transform: rotate(1deg);



    top: 18%;



    bottom: 0; 



    z-index: -1;



}







.proschool-top-section .banner-div p {font-family: var(--Manrope);font-weight: 400;font-size: var(--banner-peragraph-size);line-height: 150%;color: #ffffff;width: 800px;margin-bottom: 25px !important;margin-top: 21px;}







.proschool-top-section .banner-div button {



  padding: 16px 21px;







  font-family: var(--Poppins);







  font-weight: 500;







    font-size: var(--size-18);







  line-height: 24.34px;







  color: #fff;







  border-radius: 6px;







  transition: 0.3s ease;



}





.proschool-top-section .banner-div .banner-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

.proschool-top-section .banner-div .btn-1 {
  background-color: var(--brand-color);
  border: 1px solid var(--brand-color);
  font-family: Manrope;
  font-weight: 600;
  font-size: var( --size-18);
  line-height: 25px;
  color: hsla(0, 0%, 100%, 1);
  text-decoration: unset;
  border-radius: 6px;
  padding: 13px 14px;
  display: inline-flex;
  transition: .3s;
  gap: 12px;
}



.proschool-top-section .banner-div .btn-1 span img {

    margin-top: -2px;

    max-width: 18px;

}



.proschool-top-section .banner-div .btn-1 span {
    display: flex;
}



.proschool-top-section .banner-div button span {



  margin-left: 12px;







    font-size: var(--size-18);







  display: inline-block;



}







.proschool-top-section .banner-div .btn-1:hover {



  background-color: #ffffff33;







  border: 0.5px solid #ffffff;







  color: #fff;



}







.proschool-top-section .banner-div .btn-2 {



  border: 0.5px solid hsla(0, 0%, 100%, 1);







  background: hsla(0, 0%, 100%, 0.2);







  font-family: Manrope;







  font-weight: 600;







    font-size: var( --size-18);







  line-height: 25px;







  color: hsla(0, 0%, 100%, 1);







  text-decoration: unset;







  border-radius: 6px;







  padding: 13px 20px;



    transition: .3s;



}







.proschool-top-section .banner-div .btn-2:hover {



  background-color: var(--brand-color);







  border: 0.5px solid var(--brand-color);



}







.brands-section {



  position: relative;







  background-color: #fff;







  overflow: hidden;



}







.brands-section::after {



  content: "";







  width: 100%;







  height: 100%;







  position: absolute;







  bottom: 0;







  background: linear-gradient(



    90deg,



    #ffffff 0%,







    rgba(255, 255, 255, 0) 50%,







    #ffffff 100%



  );



}







.brands-slider {



  display: flex;







  align-items: center;



}







.brands-section .brands-slider .slide {



  padding: 0 25px;



}







.brands-section .slick-track {



  display: flex;







  align-items: center;



}







.clarity-vedio-section {



  background-color: #fff;







  overflow: hidden;



}







.clarity-vedio-section .clarity-content {display: flex;justify-content: space-between;padding-top: 70px;align-items: end;}





.clarity-vedio-section .clarity-content button {

    border: 1px solid var(--brand-color);

    padding: 6px 16px;

    font-family: var(--Manrope);

    font-weight: 600;

    font-size: var(--size-18);

    line-height: 1.2em;

    color: var(--brand-color);

    border-radius: 60px;

    cursor: default;

    transition: 0.3s ease;

    background: #ffffff;

    margin-bottom: 16px;

    display: flex;

    align-items: center;

}







.clarity-vedio-section .clarity-content button svg {margin-right: 4px;width: 17px;}







.clarity-vedio-section .clarity-content h2 {font-family: var(--Outfit);font-weight: 500;font-size: var(--h2-headings-size);line-height: 97%;letter-spacing: -2px;color: #000000;margin-bottom: 7.54px;}







.clarity-vedio-section .clarity-content h2 span {



  background-color: var(--overlay);







  color: #ffffff;







  display: inline-block;







  rotate: 1deg;



}







.clarity-vedio-section .clarity-content p {

    font-family: var(--Manrope);

    font-weight: 600;

    font-size: var(--p-size);

    line-height: 150%;

    color: #505050;

    width: 100%;

    max-width: 536px;

    margin-bottom: 0;

}







.clarity-vedio-section .clarity-vedio {padding: 70px 0 50px;border-radius: 20px;width: 100%;height: 788px;}







.clarity-vedio-section .clarity-vedio .vedio {



  height: 100%;







  border-radius: 20px;







  position: relative;



}







.clarity-vedio-section .clarity-vedio .vedio #video-thumb {



  position: absolute;







  width: 100%;







  height: 100%;







  top: 0;







  left: 0;







  cursor: pointer;







  object-fit: cover;







  border-radius: 20px;



}







.clarity-vedio-section .clarity-vedio .vedio #video-wrapper {



  width: 100%;







  height: 0;







  border-radius: 20px;



}







#clarityVideo {



  display: none;



}







.clarity-vedio-section .clarity-vedio h2 {



  font-family: var(--plus-jakarta-sans);



    width: max-content;



  font-weight: 600;







  font-size:var(--h2-headings-size);







  line-height: 140%;







  color: #ffffffb2;







  position: absolute;







  top: 50%;







  left: 50%;







  margin: 0;



transform: translate(-50%, -50%);



}







.clarity-vedio-section .clarity-vedio .play-btn {



  border: 12.96px solid #fafafa;







  width: 130px;







  height: 130px;







  position: absolute;







  bottom: -24.24px;







  right: -32px;







  border-radius: 50%;







  background: var(--brand-color);







  display: flex;







  justify-content: center;







  align-items: center;







  transition: 0.5s ease;







  cursor: pointer;







  z-index: 100;







  transition: 0.3s;



}



.clarity-vedio-section .clarity-vedio .play-btn .play-icon {

    width: 40px;

    height: auto;

}



#clarityVideo {



  cursor: pointer;



}







.play-btn .pause-icon {



  display: none;



}







.play-btn.active .play-icon {



  display: none;



}







.play-btn.active .pause-icon {



  display: block;



}







.clarity-vedio-section .clarity-vedio .play-btn:hover {



  box-shadow: inset 0 0 0px 6px var(--brand-color);







  background: #fff;



}







.clarity-vedio-section .clarity-vedio .play-btn:hover svg path {



  fill: var(--brand-color);







  stroke: var(--brand-color);



}







.mentorship-section {background-color: #f2f2f2;padding: 100px 0;overflow: hidden;}







.mentorship-section .proschool- {



  padding: 150px 0;



}







.mentorship-content {text-align: center;margin-bottom: 50px;}







.mentorship-content button {

    border: 1px solid var(--brand-color);

    padding: 6px 16px;

    font-family: var(--Manrope);

    font-weight: 600;

    font-size: var(--size-18);

    line-height: 1.2em;

    color: var(--brand-color);

    border-radius: 60px;

    cursor: default !important;

    transition: 0.3s ease;

    background: #fff0;

    display: flex;

    align-items: center;

    margin: auto;

    margin-bottom: 20px;

}







.mentorship-content h2 {

  font-family: var(--Outfit);

  font-weight: 500;

  font-size: var(--h2-headings-size);

  line-height: 97%;

  text-transform: capitalize;

  color: #000000;

  margin-bottom: 18px !important;

}





.mentorship-content h2 span {



  background-color: #0eaa8ce5;







  color: #ffffff;







  display: inline-block;







  rotate: 1deg;



}







.mentorship-content p {font-family: var(--Manrope);font-weight: 500;font-size: var(--p-size);letter-spacing: 0%;color: #505050;}







.mentorship-section .row {



  margin-left: -17.5px;







  margin-right: -17.5px;



}







.mentorship-section .row .col-xl-4 {

    margin-bottom: 20px;

}


.mentorship-section .row .col-xl-4.mentorship-card-course-category {
    display: none !important;
}


.mentorship-section .row .mentorship-card-course-category[data-cat="agentic-ai"],
.mentorship-section .row .mentorship-card-course-category[data-cat="web-development"],
.mentorship-section .row .mentorship-card-course-category[data-cat="professional-communication-skills-for-tech-graduates"],
.mentorship-section .row .mentorship-card-course-category[data-cat="sales-psychology-and-conversion-mastery"],
.mentorship-section .row .mentorship-card-course-category[data-cat="n8n-work-flow-automation"],
.mentorship-section .row .mentorship-card-course-category[data-cat="modern-headless-wordpress-development"] {
    display: block !important;
}

.mentorship-section .row .mentorship-card-course-category[data-cat="agentic-ai-no-code-22"] {
    display: none !important;
}

.mentorship-section .row .mentorship-card-course-category.coming-soon {
    pointer-events: none;
	user-select: none;
}

.mentorship-section .row .mentorship-card-course-category.coming-soon .mentorship-card .profile .button button {
    display: none;
}

.mentorship-card-course-category.coming-soon .mentorship-card .img {
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
}

.mentorship-section .row .mentorship-card-course-category.coming-soon .mentorship-card .img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000000b0;
    z-index: 9;
}

.mentorship-section .row .mentorship-card-course-category.coming-soon .mentorship-card .img::after {
    content: 'Coming Soon';
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99;
    color: #fff;
    font-family: 'Manrope';
    font-size: 24px;
    font-weight: 600;
}









.data-filter-course {

    margin-bottom: 20px;

    overflow: auto;

    max-width: 1372px;

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 20px;

	display: none;

}



.data-filter-course ul {

    list-style: none;

    display: flex;

    flex-wrap: nowrap;

    padding: 0;

    margin: 0;

    gap: 20px;

    justify-content: center;

}

.data-filter-course ul li {

    min-width: 255px;

    border: 1px solid #B7B7B7;

    border-radius: 6px;

    padding: 20px;

    display: flex

;

    align-items: center;

    transition: 0.3s;

    gap: 22px;

    cursor: pointer;

    background-size: 204%;

    background-position: -117% 0;

    position: relative;

    overflow: hidden;

    background-color: #fff;

}

.data-filter-course ul li rect {

    fill-opacity: 0.7;

}



.data-filter-course ul li > svg {

    width: 30px;

    height: auto;

    z-index: 999;

}



.data-filter-course ul  .data-filter-course-title {

    width: calc(100% - 52px);

    display: flex;

    z-index: 999;

    justify-content: space-between;

    align-items: end;

}



.data-filter-course ul .data-filter-course-title span {

    font-family: Manrope;

    font-weight: 600;

    font-size: 16px;

    line-height: 18px;

    letter-spacing: 0.5px;

    vertical-align: middle;

    color: #00000066;

    transition: 0.3s;

}



.data-filter-course ul li:hover, .data-filter-course ul li.active {

    border-color: #0EAA8C;

}

.data-filter-course ul li:hover::before, .data-filter-course ul li.active::before {

    left: 0;

    opacity: 1;

    width: 100%;

    background: #0EAA8C;

}

.data-filter-course ul li:hover svg, .data-filter-course ul li.active svg {

    filter: invert(1);

}

.data-filter-course ul li::before {

    position: absolute;

    left: 0;

    content: '';

    height: 100%;

    top: 0;

    bottom: 0;

    z-index: 0;

    background: radial-gradient(circle at left center, #0EAA8C 15%, rgb(255, 255, 255) 90%);

    width: 30%;

    border-radius: 2px;

    transition-duration: 0.4s;

}

.data-filter-course ul li:hover .data-filter-course-title span, .data-filter-course ul li.active .data-filter-course-title span {

    color: #fff;

}

.data-filter-course ul li:hover  rect, 

.data-filter-course ul li.active  rect{

    fill-opacity:1;

}



.data-filter-course ul .data-filter-course-title svg {

    transition: 0.3s;

}



.data-filter-course ul li:hover .data-filter-course-title svg,.data-filter-course ul li.active .data-filter-course-title svg {

    transform: rotate(92deg);

}



.data-filter-course ul li:hover .data-filter-course-title svg,.data-filter-course ul li.active .data-filter-course-title svg path{

     fill-opacity:1;

}

.data-filter-course ul li:hover .data-filter-course-title svg path, .data-filter-course ul li.active .data-filter-course-title svg path {

    fill-opacity: 1;

}

.mentorship-card {border: 1px solid #b7b7b7;background: #ffffff;border-radius: 22px;padding: 20px;transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;}







.mentorship-card:hover {transform: translateY(-4px) scale(1.005);box-shadow: 0 0px 50px 0px rgb(167 167 167 / 17%);filter: brightness(1.05);background-color: #fff;border-color: #fff0;}







.mentorship-card .img {border-radius: 12px;overflow: hidden;margin-bottom: 8px;}







.mentorship-card .img img, .mentorship-card .img, .mentorship-card .img a {
	border-radius: 12px;
	transition: 0.8s ease;
	transform-origin: center center;
	width: 100%;
	height: 300px;
	background-color: #ddd;
	object-fit: cover;
	color: #fff0;
	text-decoration: unset;
}







.mentorship-card .img img:hover {
	transform: scale(1.04);
}







.mentorship-card:hover .content .profile .button button {background-color: var(--brand-color);border: 1px solid var(--brand-color);}







.mentorship-card:hover .content .profile .button button svg path {



  fill: #fff;



}







.mentorship-card h2 {}





.mentorship-card h2 a {

    text-decoration: none;

    color: #000000;

    font-family: var(--Outfit);

    font-weight: 500;

    font-size: 22px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 9px;

}





.mentorship-card p {

    font-family: var(--Manrope);

    font-weight: 500;

    font-size: var(--size-18);

    color: #505050;

    margin-bottom: 14px !important;

	display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}







.mentorship-card ul.list-icon {



  padding-left: 0px;







  margin-bottom: 18.27px;



}







.mentorship-card ul.list-icon li {display: flex;align-items: center;font-family: var(--Manrope);font-weight: 500;font-size: var(--size-18);line-height: 24px;color: #505050;list-style-type: none;margin-bottom: 7px;}







.mentorship-card ul.list-icon li svg {



  margin-right: 9px;



}







.mentorship-card ul.list-icon li svg path {



  stroke: var(--brand-color);



}







.mentorship-card .profile {display: flex;align-items: center;justify-content: space-between;margin-top: 18px;}







.mentorship-card .profile .avatar-name .name {



  width: calc(100% - 85px);



}







.mentorship-card .profile .avatar-name {display: flex;align-items: center;width: calc(100% - 68px);justify-content: start;gap: 12px;}







.mentorship-card .profile .avatar-name .avatar {width: 50px;height: 50px;border-radius: 1000px;overflow: hidden;border: 1.1px solid #000000;display: flex;}







.mentorship-card .profile .avatar-name .avatar img {



  width: 100%;







  height: 103%;







  border-radius: 1000px;







  object-fit: cover;



}







.mentorship-card .profile .avatar-name .name h6 {



  margin-bottom: 1px;



}







.mentorship-card .profile .avatar-name .name h6 a {font-family: var(--Manrope);font-weight: 600;font-size: 16px;line-height: 22.01px;color: #000000;text-decoration: none;}







.mentorship-card .profile .avatar-name .name p {font-family: var(--Manrope);font-weight: 400;font-size: 14px;line-height: 22.01px;color: #505050;margin-bottom: 0px !important;}



.mentorship-card .profile .avatar-name .name p {



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}







.mentorship-card .profile .button button {border: 1.5px solid #000000;border-radius: 1000px;overflow: hidden;width: 50px;height: 50px;background-color: transparent;display: flex;align-items: center;justify-content: center;transition: 0.5s ease;}







.mentorship-card .profile .button button svg path {



  fill: #000000;



}







.mentorship-card .profile .button button:hover {



  background-color: var(--brand-color);







  border: 1.5px solid var(--brand-color);



}







.mentorship-card .profile .button button:hover svg path {



  fill: #ffffff;



}







.meet-the-minds-section {



    padding: 100px 0 100px;



    background: #ffffffd4;



    background-size: cover;



    background-position: top right;


	overflow: hidden;


}



.meet-the-minds-section .minds-content {display: flex;flex-direction: column;justify-content: space-between;align-items: center;margin-bottom: 50px;}







 

.meet-the-minds-section .minds-content h2 {

  font-family: var(--Outfit);

  font-weight: 500;

  font-size: var(--h2-headings-size);

  line-height: 1.5em;

  text-align: center;

  text-transform: capitalize;

  color: #000000;

  margin-bottom: 18px !important;

}







.meet-the-minds-section .minds-content h2 span {



  background-color: var(--overlay);







  color: #ffffff;







  display: inline-block;







  rotate: 1deg;



}







.meet-the-minds-section .minds-content p {



  font-family: var(--Manrope);







  font-weight: 600;







  font-size: var(--p-size);







    line-height: 1.5em;







  color: #505050;







  margin: 0px !important;



}







.meet-the-minds-section .row {



  margin-left: -10.515px;







  margin-right: -10.515px;



}







.meet-the-minds-section .row .col-xl-3 {



  padding: 22px 10.515px 0;



}







.meet-the-minds-section .minds-card {



  border-radius: 0px;



  overflow: hidden;



  min-height: 250px;



  position: relative;



  transition: transform 0.3s ease, box-shadow 0.3s ease;



}







.meet-the-minds-section .minds-card img {

  width: 100%;

  height: 100%;

  min-height: 250px;

  transition: 0.6s;
  
  object-fit: cover;

}







.meet-the-minds-section .minds-card:hover img {



  transform: scale(1.05);



}







.meet-the-minds-section .minds-card:hover {



  box-shadow: 0 0px 50px 0px rgb(167 167 167 / 17%);



}







.meet-the-minds-section .minds-card::before {content: "";background: linear-gradient(180deg, rgb(0 0 0 / 0%) 49.99%, #000000 100.02%);position: absolute;inset: 0;width: 100%;height: 100%;z-index: 99;}







.minds-card-content {display: flex;flex-direction: column;align-items: center;justify-content: end;position: absolute;bottom: 35px;width: 100%;padding: 0 10px;z-index: 999;}







.minds-card-content .name h3 {font-family: var(--Anton);font-weight: 400;font-size: var(--size-40);line-height: 1.2em;letter-spacing: 0;text-transform: capitalize;color: #ffffff;text-align: center;margin-bottom: 8px !important;}



 

.minds-card-content .name {

  width: 100%;

}

.mentorship-content button svg {

    margin-right: 4px;

    width: 17px;

}



.mentorship-card .profile .button button svg {

    width: 12px;

    height: auto;

}



.workshops-icon-button svg {

    margin-right: 4px;

    width: 17px;

}



.testiomials-main button.slick-arrow i {font-size: 15px;}





@media (max-width: 1400px) {



  .data-filter-course ul {

       justify-content: start;

  }

}

 

@media (max-width: 1024px) {

 





  .success-bottom {



    flex-wrap: wrap;



  }



}







.minds-card-content .name p {font-family: var(--Outfit);font-weight: 500;font-size: var(--size-18);line-height: 23px;text-transform: capitalize;color: #fff;width: 100%;justify-self: center;margin: auto;text-align: center;}




.am-userinfo_content .am-booking-calander_header {
    display: none !important;
}


.minds-card-content .space {



    border: 1.88px solid #ffffff82;



    width: 130.95px;



    margin: 10px 0 8px 0;



}



.minds-card-content .reviews {



    display: flex



;



    align-items: center;



    justify-content: space-between;



    gap: 7px;



}







.minds-card-content .reviews h6 {



  font-family: var(--Manrope);







  font-weight: 300;







  font-size: 16px;







  line-height: 150%;







  color: #ffffff;



margin: 0;

    text-align: center;
    width: max-content;



}







.minds-card-content .reviews h6 span {



  font-weight: 600;



}

.testiomials-main button.slick-arrow {
    height: fit-content;
}







.minds-card-content .reviews i {



  color: #ffc72f;







  font-size: 11px;



}







.meet-the-minds-section .proschool-col {padding: 0 10px;margin-bottom: 20px;flex: 0 0 25%;}


.meet-the-minds-section .proschool-col:nth-child(n+5) {
    flex: 0 0 20%;
}








/* ProSchool Container Like bootstrapp responsive */







 



 

 



/* ProSchool row of 5 card on extralarge screen full responsive */







.proschool-row {



  display: flex;



  justify-content: center;



  flex-wrap: wrap;







  box-sizing: border-box;



}







@media (max-width: 1399px) {



  .testiomials-main button.custom-next-arrow.slick-arrow, .testiomials-main button.custom-prev-arrow.slick-arrow {}



 

 







  .meet-the-minds-section .minds-content h2 {

    

    line-height: 1.2em;



  }







  .mentorship-section {



    padding: 80px 0;



  }







  .meet-the-minds-section {



    padding: 80px 0;



  }







  .proschool-top-section .banner-div {



    padding-top: 70px;







    padding-bottom: 20px;



  }







 





 



}







@media (max-width: 992px) {



.testiomials-main button.custom-next-arrow.slick-arrow, .testiomials-main button.custom-prev-arrow.slick-arrow {

    top: -1px !important;

}







.am-similaruser-list.am-similar-tutor.pro-school-coaching-slider-main li {



   width: 350px;



}



  .clarity-vedio-section .clarity-vedio .play-btn {



    width: 100px;







    height: 100px;



  }







  .clarity-vedio-section .clarity-content p {



    width: 100%;







    justify-self: center;







    text-align: center;



  }











  .mentorship-section {



    padding: 60px 0;



  }







  .meet-the-minds-section {



    padding: 60px 0;



  }







  .proschool-top-section .banner-div {



    padding-top: 50px;







    padding-bottom: 20px;







    width: 100%;



  }





 



 



}







@media (max-width: 768px) {

	.pro-turning-content-career-list {
      padding: 20px 20px 20px 10px;
  }

  .pro-school-work-card-image img {
    height: auto;
  }

  .explore-trainers-container .explore-trainers {
    padding: 9px 17px 10px 17px;
  }

  .clarity-vedio-section .clarity-vedio .vedio #video-thumb {
    object-position: left;
  }

  .proschool-top-section .banner-div .banner-actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }


  .pro-school-work-containwer.container .row, .proschool-container .row, .wp-proschool-container .row {



      margin: 0;



  }




.wp-pro-school-learner-to-lead .row {



    flex-wrap: nowrap;



    overflow-x: scroll;



}



  .clarity-vedio-section .clarity-vedio .play-btn {



        border: 3px solid #fafafa;



        right: 10px;



        bottom: 10px;



        top: unset;



        width: 50px;



        height: 50px;



  }







.clarity-vedio-section .clarity-vedio .play-btn svg {



    width: 20px;



    height: 20px;



}











  .mentorship-section {



    padding: 30px 0;



  }







  .meet-the-minds-section {



    padding: 30px 0;



  }







  .proschool-top-section .banner-div {



    padding-top: 30px;







    padding-bottom: 20px;



  }







  .proschool-top-section {



    height: auto;



     padding-bottom: 50px;



  }



    .mian-banner-sliders {



        max-width: 207%;



    }







}







/* ending   first sections by Wajid  */







/* Starting workshops section */







.pro-school-workshops-bg {
	background: #f2f2f2;
	overflow: hidden;
	padding: 100px 0 76px 0;
}







.pro-school-work-containwer.container {



  max-width: 1690px;



}







.pro-workshops-main {



  display: flex;







  justify-content: center;



}







.workshops-icon-button {

    border: 1px solid var(--brand-color);

    padding: 3px 16px;

    font-family: var(--Manrope);

    font-weight: 600;

    font-size: var(--size-18);

    line-height: 1.2em;

    color: var(--brand-color);

    border-radius: 60px;

    cursor: default !important;

    transition: 0.3s ease;

    background: #fff0;

    display: flex;

    align-items: center;

    margin: auto;

    margin-bottom: 20px;

}







.workshops-icon-button h6 {



    color: var(--brand-color);



    margin: 0;



    font-family: Manrope;



    font-weight: 600;



    font-size: var(--size-18);



    line-height: 36.1px;



    text-align: center;



    text-transform: capitalize;



}



.pro-schoolwork-heading-hands h2 {

  font-family: Outfit;

  font-weight: 500;

  margin: 0 0 18px 0 !important;

  font-size: var(--h2-headings-size) !important;

  line-height: 1.2em !important;

  text-align: center;

  text-transform: capitalize;

  color: #000000;

}







.pro-schoolwork-heading-hands span {



  color: #ffffff;







  background: var(--overlay);







  display: inline-block;







  rotate: 1deg;



}







.pro-schoolwork-heading-hands p {



  font-family: Manrope;







  font-weight: 600;







  font-size: var(--p-size) !important;







  line-height:1.5em !important;







  text-align: center;







  color: #505050;







  margin:0;



}


.pro-school-cards-main .no-workshop-found p {
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--p-size) !important;
    line-height: 1.5em !important;
    text-align: center;
    color: #505050;
    margin: 0;
}







.pro-school-cards-main {margin: 50px 0px 0px 0px !important;}







.pro-school-work-section-card {
	margin: 0;
	padding: 16px;
	border-radius: 22px;
	transition: 0.3s;
	border: 0.92px solid #B7B7B7;
	background: #FFFFFF;
	margin-bottom: 24px;
}


.pro-school-work-section-card:hover {
	transform: scale(1.003);
	box-shadow: 0 0px 50px 0px rgb(167 167 167 / 17%);
	filter: brightness(1.05);
	background-color: #fff;border-color: #fff0;
}

.pro-school-work-section-card .pro-school-work-card-image {
    overflow: hidden;
	border-radius: 12px;
}


.pro-school-work-card-image img {

    width: 100%;
    height: 225px;
    border-radius: 12px;
    object-fit: cover;
    transition: 1s;

}

.pro-school-work-section-card:hover .pro-school-work-card-image img {
    transform: scale(1.04);
}







.pro-school-card-title-work a {



  text-decoration: none;



}





.pro-school-card-title-work {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0px 0px 0px;
}

.pro-school-work-section-card .workshop-status-badge::after {
    content: '';
    display: flex;
    width: 10px;
    height: 10px;
    border-radius: 50%;
	--pulse-color: rgba(0, 0, 0, 0);
}

.pro-school-work-section-card .workshop-status-badge.active::after {
    background-color: #1E7F43;
    --pulse-color: rgba(30, 127, 67, 0.6);
    animation: pulseDot 1.6s infinite ease-in-out;
}

.pro-school-work-section-card .workshop-status-badge.upcoming::after {
    background-color: #1A56DB;
    --pulse-color: rgba(26, 86, 219, 0.6);
    animation: pulseDot 1.6s infinite ease-in-out;
}

@keyframes pulseDot {
    0% {
        box-shadow: 0 0 0 0 var(--pulse-color);
        transform: scale(1);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(0,0,0,0);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
        transform: scale(1);
    }
}

.pro-school-card-title-work h3 {
	font-family: Outfit;
	font-weight: 500;
	font-size: 18px;
	color: #000000;
	line-height: 1.5em;
	text-transform: capitalize;
}

.pro-school-card-title-work .workshop-status-badge {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-school-card-title-work .workshop-status-badge span {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    z-index: 9;
    transform: translateY(-40px);
	padding: 5px 10px;
    font-family: 'Outfit';
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.pro-school-card-title-work .workshop-status-badge:hover span {
    transform: translateY(-27px);
    opacity: 1;
}

.pro-school-card-title-work .workshop-status-badge.active span {
    background-color: #1E7F43;
    color: #fff;
}

.pro-school-card-title-work .workshop-status-badge.upcoming span {
    background-color: #1A56DB;
    color: #fff;
}

.pro-school-card-title-work .workshop-status-badge span::after {
    content: "";
    position: absolute;
    bottom: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.pro-school-card-title-work .workshop-status-badge.active span::after {
	border-top: 6px solid #1E7F43;
}

.pro-school-card-title-work .workshop-status-badge.upcoming span::after {
	border-top: 6px solid #1A56DB;
}






.card-timings-work {



  display: flex;







  gap: 10px;



 



}



.card-timings-work svg{

  width: 18px;

  height: auto;

}



.proschool-work-card-timings {margin: 10px 0px 0px 0px;display: flex;flex-direction: column;gap: 2px;}







.proschool-work-card-timings .card-timings-work svg path {



  stroke: var(--brand-color);



}







.card-timings-work span {



  font-family: Manrope;







  font-weight: 400;







    font-size: var(--size-18);







  color: #505050;







  line-height: 24px;







  margin: 0px;



}







.pro-school-work-card-price-action {display: flex;justify-content: space-between;margin: 14px 0px 0px 0px;}



.pro-school-work-card-price-action .work-card-dollar h4 {font-family: Outfit;font-weight: 500;font-size: 22px;line-height: 1.5em;color: #000000;margin-bottom: 0;}







.pro-school-work-card-price-action .work-card-button button {background: var(--brand-color);padding: 7px 10px;margin: 0px;border-radius: 6px;color: #ffffff;border: 1px solid var(--brand-color);font-family: Manrope;font-weight: 600;font-size: 14px;line-height: 150%;text-align: center;}







.pro-school-work-card-price-action .work-card-button a {



  text-decoration: none;



}







.pro-school-work-card-price-action .work-card-button button:hover {



  background: transparent;







  border: 1px solid var(--brand-color);







  color: #0eaa8c;







  transition: 0.3s;



}







/* ending workshops section */







/* Starting Section Success That Speaks for Itself  */







.speaks-gallery-main-section-bg {background: #f2f2f2;padding: 100px 0;overflow: hidden;}



 





.pro-school-gallery-first-section {



  display: flex;







  align-items: center;







  justify-content: space-between;



}



.pro-school-success-itself-heading h2 {

  margin: 0;

    margin-bottom: 0px;

  font-family: Outfit;

  font-weight: 500;

  font-size: var(--h2-headings-size) !important;

  letter-spacing: -1.13px;

}

 





.pro-school-success-itself-heading span {



  background: var(--overlay);







  color: #ffffff;







  display: inline-block;







  rotate: 1deg;



}







.pro-school-success-graph-heading p {



  margin: 0;







  font-family: Manrope;







  font-weight: 600;







  font-size:var(--p-size) !important;







  line-height: 1.5em;







  color: #505050;







  width: 477px;



}



.pro-school-speaks-gallery-cideos-data {

    margin-top: 50px;

}



.speak-gallery-item-first-item-video {



    display: flex;



    flex-direction: column;



    justify-content: space-between;



    align-items: center;



    border-radius: 17.6px;



    position: relative;



    overflow: hidden;



}







.speak-gallery-item-first-item-video .video-wrapper {



  position: relative;
    height: 418px;
    display: flex;
    justify-content: center;
    align-items: center;



}







.speak-gallery-item-first-item-video video#myVideo {



  width: 100%;







  height: 100%;







  object-fit: cover;







  border-radius: 17px 17px 0 0;



}







.speak-gallery-item-first-item-video .video-wrapper-2 {



  position: relative;







  width: 100%;







  overflow: hidden;







  height: 203px;



    display: flex;
    justify-content: center;
    align-items: center;



}







.video-wrapper-3 {



    position: relative;



    height: 418px;



    width: 100%;



    overflow: hidden;


	display: flex;
    justify-content: center;
    align-items: center;



}







.video-wrapper-4 {



  position: relative;







  height: 423px;







  width: 100%;







  overflow: hidden;



	display: flex;
    justify-content: center;
    align-items: center;



}







.video-wrapper-5 {



  position: relative;







  height: 192px;







  width: 100%;







  overflow: hidden;


	display: flex;
    justify-content: center;
    align-items: center;


}







.speak-gallery-margin-items {



  margin: 26px 0px 0px 0px;



}







.speak-gallery-item-first-item-video .video-wrapper video {



  width: 100%;







  height: 100%;







  border-radius: 17px 17px 0 0;







  object-fit: cover;







  display: block;



}







.speak-gallery-item-first-item-video .custom-play-btn {



  position: absolute;





  cursor: pointer;







  z-index: 2;



}







.speak-gallery-item-first-item-video .custom-play-btn svg {



  width: 60px;







  height: 60px;







  pointer-events: all;



}



.speak-gallery-item-first-item-description {



    background: var(--overlay);



    width: 100%;



    border-radius: 0px 0px 17px 17px;



    display: flex;



    justify-content: space-between;

	
	flex-wrap:wrap;

    padding: 7px 16px;



    position: absolute;



    bottom: 0;



}





.speak-gallery-item-first-item-description h6 {

  font-family: Manrope;

  font-weight: 500;

  font-size: 12px;

  line-height: 1.6em;

  color: #ffffff;

  margin: 0;

    margin-bottom: 0px;

  padding: 0;

}





.speakgallery-pro-school-items-counter {



    margin: 26px 0px 0px 0px;



    background: var(--brand-color);



    border-radius: 17px;



    padding: 12px 15px;



    width: 100%;



    min-height: 203px;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



}



.speakgallery-pro-school-items-counter h6 {font-family: Plus Jakarta Sans;font-weight: 700;font-size: 40px;color: #ffffff;margin: 0;max-width: 220px;width: 100%;}







.speakgallery-pro-school-items-counter p {font-family: Plus Jakarta Sans;font-weight: 500;font-size: 16px;color: #ffffff;}







/* Ending Section Success That Speaks for Itself  */







/* starting Where Coaching Meets Consultation */







.pro-school-coaching-meets-main {



    padding: 100px 0px 100px 0px;



    overflow: hidden;



}



.pro-school-coaching-meets.container {



  max-width: 1690px;



    width: 100%;



}







.pro-school-coaching-seassion-button {



  display: flex;







  justify-content: center;



}







.pro-school-coaching-seassion-button h6 {font-family: Manrope;font-weight: 700;font-size: 20px;text-transform: capitalize;width: fit-content;background: linear-gradient(157.66deg, #0eaa8c 14.61%, #005747 104.35%);box-shadow: 0px 4px 18.5px 0px #00000087;color: #ffffff;padding: 9px 10px;margin: 0px;}







.pro-school-coaching-heading-data h2 {

    font-family: Outfit;

    font-weight: 500;

    font-size: var(--h2-headings-size) !important;

    line-height: 1.2em !important;

    text-align: center;

    text-transform: capitalize;

    margin: 22px 0px 0px 0px;

    color: #000000;

}





.pro-school-coaching-heading-data p {font-family: Manrope;font-weight: 600;font-size: var(--p-size);text-align: center;color: #505050;margin: 14px 0px 0px 0px;}







.pro-school-coaching-cards {



  border: 1px solid #00000033;







  border-radius: 12px;







  padding: 24px;



}







.pro-school-coaching-picture img {



  width: 100%;



}







.coaching-author-name-logo {



  display: flex;







  align-items: center;







  gap: 13px;







  margin: 27px 0px 27px 0px;



}







.coaching-author-name h5 {



  font-family: Outfit;







  font-weight: 500;







  font-size: 32px;







  line-height: 32.36px;







  color: #000000;







  margin: 0;



}







.coaching-author-name a {



  text-decoration: none;



}







.coaching-author-name p {



  margin: 4px 0px 0px 0px;







  font-family: Manrope;







  font-weight: 400;







  font-size: 12px;







  line-height: 15.33px;



}







.coaching-logos-reviews-details-1 {



  display: flex;







  gap: 4.5px;



}







.coaching-logos-reviews-details-1 h6 {



  font-family: Manrope;







  font-weight: 700;







  font-size: 22px;







  color: #505050;



}







.coaching-logos-reviews-details-1 span {



  font-family: Manrope;







  font-weight: 400;







  font-size: 22px;



}







.coaching-logos-reviews-details {



  display: flex;







  gap: 10px;







  margin: 12px 0px 0px 0px;



}







.coaching-logos-reviews-details svg path {



  stroke: var(--brand-color);



}







.coaching-logos-reviews-details h6 {



  font-family: Manrope;







  font-weight: 400;







  font-size: 22px;







  color: #505050;







  margin: 0;



}







.coachings-slots-buttons {



  margin: 27px 0px 0px 0px;



}







.coachings-slots-buttons h6 {



  margin: 0;







  background: var(--brand-color);







  display: flex;







  justify-content: center;







  padding: 17px;







  border-radius: 7px;







  color: #ffffff;







  font-family: Inter;







  font-weight: 500;







    font-size: var(--size-18);







  text-align: center;







  border: 1px solid var(--brand-color);



}







.coachings-slots-buttons h6:hover {



  background: #fff;







  border: 1px solid #00000066;







  color: #000000;







  transition: 0.3s;



}







.coachings-slots-buttons a {



  text-decoration: none;



}







.coachings-slots-buttons p {



  display: flex;







  justify-content: center;







  padding: 17px;







  border-radius: 7px;







  color: #000000;







  font-family: Inter;







  font-weight: 500;







    font-size: var(--size-18);







  text-align: center;







  border: 1px solid #00000066;







  margin: 9px 0px 0px 0px;



}







.coachings-slots-buttons p:hover {



  border: 1px solid var(--brand-color);







  background: var(--brand-color);







  color: #ffffff;







  transition: 0.3s;



}







.pro-school-coaching-slider-main.slick-initialized.slick-slider {



  margin: 53px 0px 0px 0px;



  padding: 0;



}







.pro-school-coaching-slider-main.slick-initialized.slick-slider .slick-track {



  display: flex;







  gap: 28px;



}

.pro-school-coaching-slider-main.slick-initialized.slick-slider .slick-track .slick-slide {
    width: 400px;
}







.coaching-view-button h6 {



  border: 1px solid var(--brand-color);







  width: fit-content;







  padding: 16px 32px;







  border-radius: 12px;







  font-family: Manrope;







  font-weight: 500;







    font-size: var(--size-18);







  color: var(--brand-color);



}







.coaching-view-button h6:hover {



  background-color: var(--brand-color);







  color: #ffffff;







  transition: 0.3s;



}







.coaching-view-button {



  display: flex;







  justify-content: center;







  margin: 55px 0px 0px 0px;



}







.coaching-view-button a {



  text-decoration: none;



}







/* Ending Where Coaching Meets Consultation */







/* faq */







.ProSchool-faq {



  background-color: #f2f2f2;







  color: #fff;







  padding: 150px 0px;







  display: flex;







  flex-direction: column;







  align-items: center;



}







.ProSchool-faq-question-header.active .ProSchool-faq-toggle-btn {



  transform: rotate(0deg);







  color: #636d79;



}







.ProSchool-faq-question-header .ProSchool-faq-toggle-btn {transition: 0.3s;font-size: 31px;}







.ProSchool-faq-header {



  text-align: center;







  margin-bottom: 40px;



}







.ProSchool-faq-title span {



  background: var(--overlay);







  color: #fff;







  display: inline-block;







  transform: rotate(1deg);



}





 

.ProSchool-faq-title {

  color: #000000;



  margin: 0px 0 18px 0 !important;



  font-family: Outfit;



  font-weight: 500;



  font-size: var(--h2-headings-size);



  line-height: 60px;



  vertical-align: middle;



}





.ProSchool-faq-subtitle {



  color: #505050;







  font-weight: 600;







  font-size: var(--p-size);







  line-height: 31.8px;







  text-align: center;







  font-family: "Manrope";



}







.ProSchool-faq-content {



  display: grid;







  grid-template-columns: repeat(2, 1fr);







  gap: 20px;







  width: 100%;







  max-width: 1690px;



}







.ProSchool-faq-item {background-color: #fff;border-radius: 7px;overflow: hidden;transition: all 0.3s ease-in-out;}







button.ProSchool-faq-toggle-btn {margin: -18px 0 3px 0px;}







.ProSchool-faq-question-header {display: flex;justify-content: space-between;align-items: center;padding: 22px 17px;cursor: pointer;position: relative;font-family: "outfit";}







.ProSchool-faq-question {font-weight: 500;font-size: 18px;color: #000000;margin: 0px;font-family: "outfit";}







.ProSchool-faq-toggle-btn,



.ProSchool-faq-close-btn {



  background: none;







  border: none;







  color: var(--brand-color);







  font-size: 1.8em;







  cursor: pointer;







  padding: 0 10px;







  transition: transform 0.3s ease;



}







.ProSchool-faq-toggle-btn:hover,



.ProSchool-faq-close-btn:hover {



  transform: scale(1.1);



}







.ProSchool-faq-item {



  height: fit-content;



}







.ProSchool-faq-answer {padding: 0px 19px 24px;opacity: 1;}







.ProSchool-faq-answer {font-weight: 400;font-size: 16px;color: #505050;font-family: "Manrope";}







.ProSchool-faq-item-open .ProSchool-faq-toggle-btn {



  transform: rotate(45deg);



}







@media (max-width: 768px) {

  .pro-school-work-card-price-action .work-card-dollar h4 {



    font-size: 18px;



    line-height: 38px;



  }

.pro-school-coaching-slider-main.slick-initialized.slick-slider .slick-track .slick-slide {
    width: 290px;
}



  .ProSchool-faq-title {



    line-height: 42px;







    margin: 0 0 25px 0;



  }

    .wp-pro-school-learner-header h2{

        margin-bottom: 10px !important; 

}





  .ProSchool-faq-subtitle {



    font-size: 20px;







    line-height: 24px;



  }



.ProSchool-faq-question-header.active {

  padding-bottom: 6px;

}



  .ProSchool-faq-question {



      font-size: var(--size-18);



  }







  .ProSchool-faq-answer {



    font-size: 12px;







    padding: 0 20px 15px 20px;



  }







  .ProSchool-faq-question-header {



    padding: 14px 18px !important;



  }







  .ProSchool-faq-toggle-btn {



    font-size: 30px;



  }







  .ProSchool-faq-content {



    gap: 15px;







    max-width: 100%;



  }







  .ProSchool-faq-content {



    grid-template-columns: 1fr;



  }



}







/* faq */







/* review-slider */







.testiomials-main {



  background: #fff !important;







  position: relative;







  padding:  0px 20px;







  overflow: hidden;






  margin: 70px 0 70px 0;



}







.wp-pro-school-testimonials-header {



  text-align: left;







  margin-bottom: 65px;



}







.wp-pro-school-testimonials-header h2 {

  font-weight: 500;

  font-size: var(--h2-headings-size);

  color: #000000;

  letter-spacing: -1.5px;

  margin: 0 0 28px 0;

  font-family: "outfit";


}







.wp-pro-school-testimonials-header h2 span {



  background-color: var(--overlay);







  color: #fff;







  display: inline-block;







  padding: 0 12px;







  rotate: 1deg;



}







.wp-pro-school-testimonials-header p {



  margin-top: 20px;







  font-weight: 600;







  font-size: var(--p-size);







  color: #505050;







  letter-spacing: 0.2px;







  font-family: "Manrope";



}





 





.wp-pro-school-slide {background: #fff;border-radius: 21px;padding: 35px;width: 400px;display: flex;flex-direction: column;margin-right: 21px;border: 1px solid #e7e7e7;}







.wp-pro-school-stars {color: #fbc02d;font-size: 21px;margin: -12px 0 10px 0;}







.wp-pro-school-title {font-weight: 500;font-size: 18px;color: #111111;letter-spacing: -0.4px;font-family: "outfit";margin-bottom: 6px;}







.wp-pro-school-text {color: #505050;font-weight: 400;font-size: 14px;margin: 6px 0 0 0;font-family: "Manrope";}







.wp-pro-school-user-info {display: flex;align-items: center;gap: 10px;padding: 23px 0 0 0;margin-top: auto;}







.wp-pro-school-avatar {



  width: 52px;







  height: 52px;







  background: #000;







  border-radius: 50%;



}

.wp-pro-school-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}







.wp-pro-school-user-details {



  font-size: 14px;



}







.wp-pro-school-user-details .name {font-weight: 600;font-size: 16px;color: #111111;font-family: "manrope";}







.swiper-button-next,



.swiper-button-prev {



  color: #000;



}







.role {



  font-weight: 400;







    font-size: var(--size-18);







  color: #505050;







  font-family: "manrope";



}







.testiomials-main button.custom-prev-arrow.slick-arrow {

    top: 10%;right: 58px;position: absolute;background: #fff !important;border: 1px solid #e7e7e7;border-radius: 6px;padding: 12px 15px;transition: .3s;}







.testiomials-main button.custom-prev-arrow.slick-arrow:hover {



  color: #fff;







  background: var(--brand-color) !important;



}







.testiomials-main button.custom-next-arrow.slick-arrow {

    top: 10%;right:0;position: absolute;background: #fff !important;border: 1px solid #e7e7e7;transition: .3s;border-radius: 6px;padding: 12px 15px;}







.testiomials-main button.custom-next-arrow.slick-arrow:hover {



  color: #fff;







  background: var(--brand-color) !important;



}







/* Responsive Design for Mobile */







@media (max-width: 768px) {



  .testiomials-main {



    padding: 60px 0px;



  }







  .wp-pro-school-testimonials-section button {



    display: none !important;



  }







  .wp-pro-school-testimonials-header {



    text-align: center;







    margin-bottom: 40px;



  }







  .wp-pro-school-testimonials-header h2 {



    letter-spacing: -0.5px;







    line-height: 1.2;



  }







  .wp-pro-school-testimonials-header p {



      font-size: var(--size-18);







    margin-top: 10px;



  }





    .wp-pro-school-slide {

        width: 320px;

        margin-right: 0;

        padding: 20px;

    }



  .wp-pro-school-stars {



      font-size: var(--size-18);







    margin: 0 0 10px 0;



  }







  .wp-pro-school-title {



      font-size: var(--size-18);



  }







  .wp-pro-school-text {



    font-size: 12px;



  }







  .wp-pro-school-user-info {



    flex-direction: row;







    gap: 8px;







    margin: 20px 0 0 0;



  }







  .wp-pro-school-avatar {



    width: 42px;







    height: 42px;



  }







  .wp-pro-school-user-details .name {



    font-size: 16px;



  }







  .role {



    font-size: 14px;



  }







  .testiomials-main button.custom-prev-arrow.slick-arrow,



  .testiomials-main button.custom-next-arrow.slick-arrow {



    top: auto;







    bottom: -50px;







    right: 50%;







    transform: translateX(50%);







    padding: 10px 15px;







    font-size: 16px;



  }







  .testiomials-main button.custom-prev-arrow.slick-arrow {



    left: 20%;







    right: auto;



  }







  .testiomials-main button.custom-next-arrow.slick-arrow {



    right: 20%;



  }



}







/* review-slider */







 



/* learn to lead */





 



.wp-pro-school-learner-to-lead {overflow: hidden;background-color: #f2f2f2;padding: 100px 20px;}





 

.wp-pro-school-learner-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  margin-bottom: 50px;

  padding: 0;

}







.wp-pro-school-learner-header h2 {



    width: 444px;



    font-weight: 500;



font-size: var(--h2-headings-size);



    letter-spacing: -1.13px;



    font-family: "outfit";



    color: #000;



    margin-bottom: 0 !important;

}



.wp-pro-school-learner-header h2 span {



  color: #fff;







  background-color: var(--overlay);







  rotate: 1deg;







  display: inline-block;







  margin: 0 4px;







  padding: 0 6px;



}







.wp-pro-school-learner-header p {



  color: #505050;







  font-weight: 500;







  font-size: var(--p-size);







  line-height: 1.5em;







  width: 477px;







  margin: 0px 0 24px 0px;







  letter-spacing: 0.8px;







  font-family: "Manrope";



}







.wp-pro-school-learner-grid {



  display: grid;







  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));







  gap: 24px;



}







.wp-pro-school-learner-card {



    background-color: #fff;



    border-radius: 16px;



    overflow: hidden;



    padding: 16px;



    transition: 0.3s;



}



.wp-pro-school-learner-card:hover {



  transform: translateY(-5px);



}







.wp-pro-school-learner-img img {



  width: 100%;







  height: auto;







  display: block;







  border-radius: 12px;



}







.wp-pro-school-learner-info h4 {



  color: #000000;







  font-weight: 600;







  font-size: 24px;







  line-height: 27.88px;







  margin: 15px 0px 7px -2px;







  font-family: "outfit";



}







.wp-pro-school-learner-info p {



  color: #505050;







  font-weight: 400;







    font-size: var(--size-18);







  line-height: 25.63px;







  margin: 0px 0 0 -2px;







  letter-spacing: 0.4px;







  font-family: "Manrope";



}







.wp-pro-school-learner-footer {



  display: flex;







  justify-content: space-between;







  align-items: center;







  margin-top: 36px;



}







.wp-pro-school-learner-to-lead .col-md-4 {



    width: 20%;



    margin: 0 0 34px 0;



    padding: 0 8px;



}







.view-profile {



  color: var(--brand-color);







  font-weight: 600;







    font-size: var(--size-18);







  line-height: 25.63px;







  text-decoration: unset;







  margin: -2px 0 2px -3px;







  font-family: "outfit";



}







a.view-profile:hover {



  color: #000000;



}







.linkedin-icon svg {



  display: inline-block;







  vertical-align: middle;







  transition: transform 0.3s;



}







.linkedin-icon svg path {



  fill: var(--brand-color);



}







.linkedin-icon:hover svg {



  transform: scale(1.1);



}







/* Responsive for Mobile */







@media (max-width: 768px) {



  .wp-pro-school-learner-to-lead {



    padding: 40px 0px;



  }







  .wp-pro-school-learner-header {



    flex-direction: column;







    align-items: flex-start;







    margin-bottom: 30px;



  }







  .wp-pro-school-learner-header h2 {



    width: 100%;



    line-height: 1.2;







    margin-bottom: 15px !important;



  }







  .wp-pro-school-learner-header p {



    width: 100%;







    font-size: 16px;







    line-height: 24px;







    margin: 0 0 20px 0;







    letter-spacing: 0.5px;



  }







  .wp-pro-school-learner-grid {



    grid-template-columns: 1fr;







    gap: 20px;



  }







  .wp-pro-school-learner-card {



    padding: 14px;



  }







  .wp-pro-school-learner-info h4 {



      font-size: var(--size-18);







    margin: 12px 0 5px 0;



  }







  .wp-pro-school-learner-info p {



    font-size: 14px;







    line-height: 22px;







    margin: 0;



  }







  .wp-pro-school-learner-footer {



    margin-top: 20px;



  }







  .view-profile {



    font-size: 14px;



  }







  .wp-pro-school-learner-to-lead .col-md-4 {



    width: 100%;







    margin: 0 0 20px 0;



  }







  .wp-pro-school-learner-to-lead .row {



    margin: 0;



  }



}







/* Responsive for Mobile */







/* learn-to-leader */







/* growth era*/







.wp-pr0school-gwowth {width: 100%;max-width: 1920px;margin: 0 auto;padding: 100px 0;background: #fff;display: flex;justify-content: center;}







.wp-pr0school-gwowth-container {width: 100%;border-radius: 33px;display: flex;align-items: center;justify-content: space-between;padding: 50px 50px 50px 49px;margin-top: 0;background: radial-gradient(50% 50% at 46.2% 50%, #212121 0%, #141414 87%);}







.wp-pr0school-gwowth-content {flex: 1;color: #fff;max-width: 560px;margin-right: 30px;}







.wp-pr0school-gwowth-content h2 {



  font-weight: 500;







 font-size: var(--h2-headings-size);






  color: #fff;







  letter-spacing: -1.5px;







  margin: -27px 0 20px 0;







  font-family: "outfit";



}



.wp-pr0school-gwowth-content p {

  font-weight: 600;

 font-size: var(--p-size); 


  color: #ffffffcc;

  margin: 14px 0 60px 0;

    margin-bottom: 60px;

  line-height: 1.5em;

  font-family: "Manrope";
	
	text-align: justify;

}



.wp-pr0school-gwowth-btn {background: var(--brand-color);color: #fff;text-decoration: none;border-radius: 10px;transition: background 0.3s ease;padding: 18px 16px;font-family: Manrope;font-weight: 600;font-size: var(--size-18);line-height: 100%;text-align: center;display: inline-block;margin-top: 28px;}







.wp-pr0school-gwowth-btn:hover {



  background: #fff;







  color: var(--brand-color);



}







.wp-pr0school-gwowth-video {



    position: relative;




    display: flex



;



    align-items: center;



    justify-content: center;



    width: 100%;



}

.wp-pr0school-gwowth-video.growth {
max-width: calc(100% - 560px) !important;

}


.wp-pr0school-gwowth-video.right-side-video {

  max-width: 100%;

}

.wp-pr0school-gwowth-video video {

	

    width: 100%;



    border-radius: 12px;



    height: 445px;



    object-fit: cover;



}







.wp-pr0school-gwowth-play {



  position: absolute;







  top: 50%;







  left: 50%;







  transform: translate(-50%, -50%);



 







  border-radius: 12px;







  cursor: pointer;







}











/* Responsive for Mobile */







@media (max-width: 768px) {



	.pro-school-blogs-section {

    	padding: 50px 0 0 0;

    }



  .wp-pr0school-gwowth {



    padding: 50px 0px;







    display: block;



  }







  .wp-pr0school-gwowth-container {



    flex-direction: column;



    text-align: center;



  }






  .wp-pr0school-gwowth-content {



    max-width: 100%;







    margin-bottom: 25px;



  }







  .wp-pr0school-gwowth-content h2 {



    line-height: 1.2;







    margin: 0 0 15px 0;



  }







  .wp-pr0school-gwowth-content p {

    font-size: 15px;

    line-height: 24px;

    margin: 16px 0 0 0 !important;

    text-align: left;

  }





  .wp-pr0school-gwowth-btn {



font-size: 16px;



        padding: 14px 24px;



        display: block;



        width: fit-content;

 



  }







  .wp-pr0school-gwowth-video {



    max-width: 100%;







    margin: 0 auto;



  }







}







/* growth era*/







/*  Lernen in Action*/







.wp-proschool-learn-to-act-section {background-color: #f2f2f2;padding: 100px 0;color: #fff;}







.wp-proschool-learn-to-act-header {



  text-align: center;







  margin-bottom: 40px;







  padding: 0 20px;



}





.wp-proschool-learn-to-act-title {

  font-weight: 500;

  font-size: var(--h2-headings-size);

  line-height: 1.2em;

  text-align: center;

  text-transform: capitalize;

  color: #000000;

  margin-bottom: 18px !important;

  font-family: "Outfit";

}







.wp-proschool-learn-to-act-title span {



  color: #fff;







  background: var(--overlay);







  display: inline-block;



    font-weight: 600;



  rotate: 1deg;



}



.wp-proschool-learn-to-act-subtitle {



    color: #505050;



    font-family: Manrope;



    font-weight: 600;



    font-size: var(--p-size);



    line-height:1.5em;



    text-align: center;



}







.wp-proschool-learn-to-act-slider {



  display: flex;



   width: 3000px;







  overflow-x: auto;







  scroll-snap-type: x mandatory;







  -webkit-overflow-scrolling: touch;







  padding: 0 20px 20px;







  gap: 30px;



}



.wp-proschool-learn-to-act-slider::-webkit-scrollbar {



  display: none;



}







.wp-proschool-learn-to-act-slider {



  -ms-overflow-style: none;







  scrollbar-width: none;



}







.wp-proschool-learn-to-act-card {display: inline-block;min-width: 400px;margin: 0 15.5px;transition: 0.4s;border-radius: 12px;overflow: hidden;position: relative;width: 100%;border: 4px solid #fff;max-width: 100%;}







.wp-proschool-learn-to-act-card img {width: 100%;height: 400px;object-fit: cover;border-radius: 12px;}







.wp-proschool-learn-to-act-card:hover {



  transform: translateY(-5px);



}







.wp-proschool-learn-to-act-image-container {



  width: 100%;



}







.wp-proschool-learn-to-act-image {



  width: 100%;







  height: 100%;







  object-fit: cover;







  object-position: center top;







  display: block;



}



 .wp-proschool-learn-to-act-content {position: absolute !important;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 47.19%, rgb(14 170 140 / 38%) 100%), linear-gradient(180.05deg, rgba(0, 0, 0, 0) 48.07%, rgba(0, 0, 0, 0.74) 99.95%);border-radius: 12px;padding: 0 0;color: #fff;object-fit: cover;display: flex;flex-direction: column;justify-content: end;padding: 25px;}



.wp-proschool-learn-to-act-card-title {
	font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #fff;
    font-family: "Outfit";
    margin-bottom: 10px !important;
}







.wp-proschool-learn-to-act-card-description



 {color: #fff;font-weight: 400;font-size: 12px;line-height: 16px;font-family: 'Manrope';}



.wp-proschool-learn-to-act-slider {



  margin-top: 25px;



}







.wp-proschool-learn-to-act-slider-main {



  width: 100%;







  overflow: hidden;







  background: #f2f2f2;







  position: relative;



}







.wp-proschool-learn-to-act-slider {



  display: flex;







  gap: 0px;







  overflow: initial;







  animation: marquee-move2 20s linear infinite;



}







.wp-proschool-box {



  flex: 0 0 auto;







  width: 250px;







  height: 150px;







  background: #203ec7;







  color: #fff;







  display: flex;







  align-items: center;







  justify-content: center;







  border-radius: 10px;







    font-size: var(--size-18);







  font-weight: 600;



}







/* Marquee animation */







@keyframes marquee-move2 {



  0% {



    transform: translateX(-30%);



  }







  100% {



    transform: translateX(0%);



  }



}







.wp-proschool-learn-to-act-slider-main-2 {



    width: 100%;



    overflow: hidden;



    background: #f2f2f2;



    padding: 35px 0;



    position: relative;



}







.wp-proschool-learn-to-act-slider-2 {



  display: flex;



    width: 3000px;



  gap: 0px;







  animation: marquee-move 20s linear infinite;



}







/* Marquee animation */







@keyframes marquee-move {



  0% {



    transform: translateX(0%);



  }







  100% {



    transform: translateX(-50%);



  }



}







/*  Lernen in Action-media-query*/







@media (max-width: 768px) {







  .wp-proschool-learn-to-act-card-title {



    font-size: 20px;







    line-height: 20px;







  }







  .wp-proschool-learn-to-act-card-description {







    font-weight: 400;







    font-size: 16px;







    line-height: 24.1px;



  }



}







/*  Lernen in Action-media-query*/







/*  Lernen in Action*/







/* footer */







 





.wp-proschool-footer {



  background-color: var(--proschool-dark-bg);







  color: var(--proschool-text-color);



}







.wp-proschool-footer-top {



  padding:61px 0;







  border-bottom: 1px solid rgba(255, 255, 255, 0.1);







  background: #000000;



}







.wp-proschool-footer-top .wp-proschool-container {



  display: flex;







  flex-wrap: wrap;







  justify-content: space-between;







  gap: 40px;



}







.wp-proschool-footer-column {



  flex: 1;







  min-width: 300px; /* Adjust as needed for responsiveness */



}







/* About Section */







.wp-proschool-footer-about {



  max-width: 751px;



}







.wp-proschool-footer-logo {



  display: flex;







  align-items: center;







  gap: 10px;







  margin-bottom: 20px;



}







.wp-proschool-footer-logo img {



  height: 26px; /* Adjust logo size */







  width: auto;



}







.wp-proschool-footer-logo span {



  font-size: 2.2em;







  font-weight: 700;







  color: var(--proschool-text-color);



}







.wp-proschool-footer-description {

  font-weight: 400;

  font-size: var(--size-18);

  line-height: 24px;

  letter-spacing: 0.5px;

  color: #ffffffb2;

  font-family: "Manrope";

  margin-bottom: 21px !important;

}





.wp-proschool-footer-contact-info p {



  font-weight: 600;



  font-size: 16px;



  line-height: 24px;



  letter-spacing: 0px;



  color: #fff;



  font-family: "Manrope";



  display: flex; 



  margin: 0;



  align-items: center;



  gap: 10px;



}







.wp-proschool-footer-contact-info .wp-proschool-icon {



  color: var(--proschool-primary-blue);



  display: flex;



  font-size: 1.1em;



}







.wp-proschool-social-links {



  display: flex;







  gap: 15px;







  margin-top: 30px;



}







.wp-proschool-social-icon {



  display: flex;







  justify-content: center;







  align-items: center;







  width: 42px;







  height: 42px;







  border-radius: 50%;







  color: #fff;







  font-size: 1em;







  text-decoration: unset;







  background: #262626;



}







.wp-proschool-social-icon:hover {



  background-color: var(--proschool-primary-blue);







  color: var(--brand-color);



}







.wp-proschool-footer-subscribe {



  max-width: 743px;







  margin-left: auto;



}







.wp-proschool-footer-heading {color: #ffffff;margin-bottom: 9px !important;font-weight: 500;font-size: 28px;line-height: 100%;font-family: "outfit";}







.wp-proschool-subscribe-text {



  font-weight: 400;



  font-size: var(--size-18);



  line-height: 28px;



  color: #ffffffcc;



  letter-spacing: 0.5px;



  margin-bottom: 30px !important;



  font-family: "Manrope";



}







.wp-proschool-subscribe-form {



  display: flex;







  gap: 22px;







  flex-wrap: wrap; /* Allow wrapping on smaller screens */



}







.wp-proschool-email-input-wrapper {



  flex-grow: 1;







  display: flex;







  align-items: center;







  background-color: #0eaa8c33;







  gap: 5px;







  border-radius: 8px;







  padding: 10px 25px;



}







.wp-proschool-email-input-wrapper .wp-proschool-icon {



  color: var(--proschool-light-gray);







  margin-right: 4px;



}







.wp-proschool-email-input {



  background: none;



  border: none;



  color: #ffffffb2;



  font-weight: 400;



  font-size: 17.88px;



  line-height: 100%;



  outline: none;



  width: 100%;



}







.wp-proschool-email-input::placeholder {



  color: var(--proschool-light-gray);







  opacity: 0.7;



}







.wp-proschool-subscribe-btn {



  border: none;



    font-family: 'Manrope';



  border-radius: 10px;







  padding: 21px 35px;







  background: var(--brand-color);







  color: #fff;







  font-weight: 600;







    font-size: var(--size-18);







  line-height: 150%;







  transition: 0.3s;







  text-align: center;



}







.wp-proschool-subscribe-btn:hover {



  background: #fff;







  color: var(--brand-color);



}







/* Bottom Footer Section */







.wp-proschool-footer-bottom {



  background-color: var(--brand-color);







  padding: 22px 0;







  color: #ffff;







  font-weight: 600;







    font-size: var(--size-18);







  line-height: 20px;







  letter-spacing: 0.5px;



}







.wp-proschool-bottom-content {



  display: flex;







  justify-content: space-between;







  align-items: center;







  flex-wrap: wrap;







  gap: 20px;



}







.wp-proschool-footer-nav ul {



  list-style: none;







  margin: 0;







  padding: 0;







  display: flex;







  flex-wrap: wrap;







  gap: 30px;



}







.wp-proschool-footer-nav ul li a {



    color: var(--proschool-text-color);



    text-decoration: none;



      font-size: var(--size-18);



    font-weight: 600;



    transition: opacity 0.3s ease;



    font-family: "Manrope";



}







.wp-proschool-footer-nav ul li a:hover {



  opacity: 0.8;



}



.wp-proschool-copyright {



    color: var(--proschool-text-color);



    font-family: Outfit;



    font-weight: 500;



      font-size: var(--size-18);



    line-height: 100%;



}







.wp-proschool-footer-contact-info {



  font-weight: 400;







  font-size: 16px;







  line-height: 24px;







  letter-spacing: 0.5px;







  color: #fff;







  display: flex;







  gap: 15px;



}







/* Responsive adjustments */







@media (max-width: 992px) {



  .wp-proschool-footer-top .wp-proschool-container {



    flex-direction: column;







    align-items: center;







    text-align: center;



  }







  .wp-proschool-footer-column {



    min-width: unset;







    width: 100%;



    margin-bottom: 20px;



    max-width: 100%; 



  }







  .wp-proschool-footer-subscribe {



    margin-left: unset;



  }











  .wp-proschool-subscribe-form {



    justify-content: center;



  }



}







@media (max-width: 768px) {



  .wp-proschool-footer-top {



    padding: 40px 0;



  }



  .clarity-vedio-section .clarity-vedio .play-btn {

    width: 69px;

    height: 69px;

    bottom: -20px;

    right: -20px;

  }



  .wp-proschool-footer-heading {



    font-size: 1.5em;



  }







  .wp-proschool-subscribe-btn {



    width: 100%;







    padding: 15px 25px;



  }







  .wp-proschool-bottom-content {



    flex-direction: column;







    text-align: center;



  }







  .wp-proschool-footer-nav ul {



gap: 20px !important;



  }



}







@media (max-width: 480px) {



  .wp-proschool-footer-logo span {



    font-size: 1.8em;



  }







  .wp-proschool-footer-description,



  .wp-proschool-footer-contact-info p,



  .wp-proschool-subscribe-text,



  .wp-proschool-footer-nav ul li a,



  .wp-proschool-copyright {



    font-size: 0.85em;



            flex-wrap: nowrap;



        justify-content: start;



        text-align: start;



  }



}







/* footer */







.success-section {



  padding: 100px 20px;



  display: flex;



  flex-direction: column;



  justify-content: space-between;



}







.success-bottom {display: flex;flex-direction: row;gap: 56px;margin: 50px 0px 62px 0px;}







 

.success-top {

  display: flex;



  justify-content: space-between;



  align-content: center;



  gap: 50px;



}



.success-left {



  flex: 1 1 50.95%;



    width: 100%;



  padding: 5.84px 0px;



}







.success-right {



  flex: 1 1 45.38%;



}







.success-top p {

max-width: 628px;

  font-family: "Manrope", sans-serif;

  font-weight: 600;

  font-size: var(--p-size);

  line-height: 1.5em;

  color: #505050;

  align-content: center;



 



}







 



.success-heading {



  font-weight: 500;







  font-size: var(--h2-headings-size);







  line-height: 1.2em;







  letter-spacing: -1.13px;







  margin: 0px;







  color: #000000;







  font-family: "Outfit";



}







.success-heading span {



  background-color: var(--overlay);







  color: #ffffff;







  display: inline-block;







  rotate: 1deg;



}







.success-stats {



    padding: 39px 58.18px 39px 58.18px;



    display: flex



;



    justify-content: space-between;



    margin-bottom: 77px;



    background-color: #0EAA8C08;



    border: 0.5px solid #00000033;



    border-radius: 19.56px;



}







.success-card {



  text-align: center;



}







.success-card-middle-line {



  width: 2px;



  background: linear-gradient(



    0deg,



    rgba(61, 61, 61, 0) 0%,



    #121212 48.56%,



    rgba(61, 61, 61, 0) 100%



  );



}







.success-avgSalary {



  width: 116px;



}







.success-hiring {



  width: 138.78px;



}







.success-salary {



  width: auto;



}







.success-card h3 {color: var(--brand-color);margin: 0px 0px 16px 0px;font-family: Outfit;font-weight: 500;font-size: 38px;line-height: 1.5em;letter-spacing: -1.31px;vertical-align: middle;}







.success-card p {font-weight: 500;font-size: 14px;line-height: 1.5em;text-transform: capitalize;color: var(--brand-color);margin: 0px auto;font-family: 'Outfit';max-width: 142px;}







.background-gradient p {color: #fff;background: linear-gradient(157.66deg, #0eaa8c 14.61%, #005747 104.35%);transform: rotate(1deg);padding: 2px 0;margin-top: -1px;}







.success-logos {



  display: flex;







  flex-direction: column;







  gap: 14px;



}







.success-logos img {

    max-width: 115px;

    height: 50px;

    object-fit: contain;

}





.success-logo-wrapper {



  max-width: 738px;







  margin: auto;







  width: 100%;







  overflow: hidden;



}







.success-logo-row1 {



  display: flex;







  gap: 61.5px;







  animation: success-scroll-lefts 45s linear infinite;



}







.success-logo-row2 {



  display: flex;







  gap: 61.5px;







  animation: success-scroll-right 45s linear infinite;



}







.success-video-thumb {



  position: relative;







  width: 100%;







  max-width: 767px;







  height: 455px;







  border-radius: 12px;



}







.success-video-thumb video {



  width: 100%;







  border-radius: 12px;







  background-color: #000;







  border-radius: 10px;



}







.success-video-thumb .video-used-thumbnail {



  position: absolute;







  z-index: 999;







  width: 100%;







  max-width: 767px;







  height: 455px;







  top: -1px;



}







.success-video-thumb .video-used-thumbnail img {



  width: 100%;







  height: auto;



}







.success-video-thumb .video-used-thumbnail svg {



  position: absolute;







  top: 50%;







  cursor: pointer;







  left: 50%;







  transform: translate(-50%, -50%);



}







.success-video-thumb .video-used-thumbnail svg rect {



  transition: 0.3s;



}







.success-video-thumb .video-used-thumbnail svg:hover rect {



  fill: #000;







  fill-opacity: 1;



}







.success-marquee {



  overflow: hidden;







  max-width: 1590px;







  width: 100%;







  margin: 62px auto 0px auto;



}







.success-marquee-content {display: flex;animation: success-scroll-left 24s linear infinite;}



.success-tag {white-space: nowrap;background: #00000012;padding: 10px 20px;margin: 0 10px;border-radius: 11.4px;font-size: 15px;font-family: Outfit;font-weight: 400;line-height: 20.56px;text-align: center;vertical-align: middle;}







@keyframes success-scroll-left {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-1111px);



  }



}











@keyframes success-scroll-lefts {



  0% {



    transform: translateX(0);



  }







  100% {



    transform:translateX(-284%);



  }



}







@keyframes success-scroll-right {



  0% {



    transform:translateX(-284%);



  }







  100% {



    transform: translateX(0%);



  }



}







/* RESPONSIVE */







@media (max-width: 480px) {



  .success-top {



    flex-direction: column;







    padding: 0px 15px;



  }







  .success-bottom {



    flex-direction: column;



  }







  .success-stats {



    flex-direction: column;







    align-content: center;







    flex-wrap: wrap;







    align-items: center;







    gap: 30px;



  }







  .border-right {



    border-right: 0px;







    border-image: none;







    padding-right: 0px;







    margin-bottom: 10px;



  }







  .success-video-thumb .video-used-thumbnail,



  .success-video-thumb {



    height: auto;



  }



}







/* ali bhai css */







form.am-switch-language {



  display: none !important;



}







.am-header_user_menu {



  position: relative;



}







@font-face {



  font-family: icomoon;







  src: url(/build/assets/icomoon-D2saRODn.eot?11qu6n);







  src: url(/build/assets/icomoon-D2saRODn.eot?11qu6n#iefix)



      format("embedded-opentype"),



    url(/build/assets/icomoon-SCEJmd6z.ttf?11qu6n) format("truetype"),



    url(/build/assets/icomoon-H1dGgZwX.woff?11qu6n) format("woff"),



    url(/build/assets/icomoon-Cc2_NawR.svg?11qu6n#icomoon) format("svg");







  font-weight: 400;







  font-style: normal;







  font-display: block;



}







.am-header_user_menu .am-usermenu-dropdown.am-dropdown_admin {



  width: 250px;







  display: none;



}







.am-icon-sign-out-02:before {



  content: "";







  color: #585858;



}







.am-icon-user-01:before {



  content: "";







  color: #585858;



}







.am-header_user_menu .am-usermenu-dropdown {



  right: 0;







  top: 100%;







  padding: 8px;







  width: 350px;







  display: none;







  z-index: 999;







  margin: 10px 0 0;







  position: absolute;







  background: #fff;







  border-radius: 10px;







  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),



    0px 8px 8px -4px rgba(16, 24, 40, 0.03);







  width: 250px;







  display: none;







  position: absolute;



}







.am-header_user_menu .am-usermenu-dropdown > ul li > a {



  padding: 10px;







  gap: 10px;







  display: flex;







  align-items: center;







  text-decoration: none;







  border-radius: 10px;







  color: #585858;







  font: 500 0.875rem / 1.4285714286em "Roboto", serif;



}







.am-header_user_menu .am-usermenu-dropdown > ul li > a i::before {



  font-size: 20px;







  font-weight: 500;



}







.am-header_user_menu .am-usermenu-dropdown > ul li.am-header_user_signout a {



  color: #f04438;



}







.am-header_user_menu .am-usermenu-dropdown > ul li + li {



  margin-top: 2px;



}







.am-header_user_menu .am-usermenu-dropdown > ul li + li {



  margin-top: 2px;



}







[class^="am-icon-"],



[class*=" am-icon-"] {



  font-family: icomoon !important;







  speak: never;







  font-style: normal;







  font-weight: 400;







  font-variant: normal;







  text-transform: none;







  line-height: 1;







  -webkit-font-smoothing: antialiased;







  -moz-osx-font-smoothing: grayscale;



}







.am-header_user_menu .am-usermenu-dropdown > ul {



  margin: 0;







  padding: 0;







  list-style: none;







  overflow-y: auto;







  min-height: 82px;







  margin-right: -5px;







  overflow-x: hidden;







  scrollbar-gutter: stable;







  max-height: calc(100vh - 300px);



}







.am-user_info {



  gap: 8px;







  display: flex;







  padding: 6px 10px;







  margin-bottom: 6px;







  align-items: center;



}







.am-user_info figure {



  flex: none;







  width: 36px;







  margin-bottom: 0px;







  height: 36px;







  border-radius: 10px;







  background: #ebebea;







  background-size: 40px 100%;







  background-clip: padding-box;







  background-repeat: no-repeat;







  background-position: left -40px top 0;







  animation: skeleton-wave 1.2s ease infinite;







  background-image: linear-gradient(



    90deg,



    rgba(255, 255, 255, 0),



    rgba(255, 255, 255, 0.5),



    rgba(255, 255, 255, 0)



  );



}







.am-user_name h6 {



  gap: 8px;







  margin: 0;







  align-items: center;







  display: inline-flex;







  color: #585858;







  font: 500 0.875rem / 1.4285714286em "Roboto", serif;



}







.am-user_name > span {



  opacity: 0.6;







  display: block;







  word-break: break-word;







  color: #585858;







  font: 400 0.75rem / 1.5em "Roboto", serif;



}







.am-user_name h6 a {



  color: rgba(0, 0, 0, 0.7);







  text-decoration: none;



}







.am-user_info figure img {



  width: 100%;







  height: 100%;







  object-fit: cover;







  border-radius: 10px;



}







.am-header_user_menu img {



  border-radius: 10px;



}







.am-icon-layer-01:before {



  content: "";







  color: #585858;



}







.ProSchool-faq-content-saprate .ProSchool-faq-item + .ProSchool-faq-item {margin-top: 18px;}





 







.wa-tutor-card {



background: #fff;



overflow: hidden;



font-family: Arial, sans-serif;



border: 1.24px solid hsla(0, 0%, 0%, 0.2);



padding: 12px;



opacity: 1;



border-radius: 12px;

}







.wa-tutor-card-header {



  position: relative;



}





 .wa-tutor-avatar img {

    width: 100%;

    display: block;

    height: auto;

    opacity: 1;

    border-radius: 12px;

    background-color: #D9D9D9;

    height: auto;

    object-fit: cover;

    min-height: 250px;

}

.wa-availability-badge svg {

    width: 9px;

}





.wa-availability-badge {



position: absolute;



left: 7px;



top: 7px;



padding: 2px 14px;



border-radius: 70px;



background: hsla(0, 0%, 0%, 0.65);



font-family: Outfit;



font-weight: 500;



font-size: 15px;



line-height: 32.36px;



letter-spacing: 0.43px;



vertical-align: middle;



color: hsla(135, 84%, 66%, 1);



display: flex;



align-items: center;



gap: 6px;

}



.wa-price-badge-main {position: absolute;background: #00b894;min-width: 163px;opacity: 1;left: 0;transform: rotate(1deg);font-family: Outfit;font-weight: 600;font-size: 24px;line-height: 33.01px;letter-spacing: 0.69px;vertical-align: middle;color: #fff;border-radius: 0;width: max-content;bottom: -10px;text-align: center;display: flex;align-items: center;gap: 12px;padding: 5px 10px;}



.wa-price-badge .currency {font-weight: 600;font-size: 18px;margin: 0px 2px 0px 2px;}







.wa-tutor-info {padding: 4px 0 0 0;}



.wa-price-badge-starts {font-family: Outfit;font-weight: 500;font-size: 12px;line-height: 16px;letter-spacing: -0.5px;text-transform: capitalize;text-align: start;}



.wa-tutor-name {



  margin: 0;



  font-size: unset;



  font-weight: bold;



}







.wa-tutor-name a {color: #000000;text-decoration: none;font-family: Outfit;font-weight: 500;font-size: 26px;line-height: 32.36px;letter-spacing: 0.43px;vertical-align: middle;transition: 0.3s;}



.wa-tutor-tagline {
    margin-top: 6px;
    font-family: Manrope;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: 0.43px;
    color: #505050;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}







.wa-tutor-rating {



  margin-top: 12px;







  font-size: 0.9rem;







  color: #f5a623;







  margin-bottom: 4px;



}







.wa-tutor-meta {margin-top: 6px;font-size: 0.85rem;color: #555;margin-bottom: 4px;}



.wa-tutor-meta {



    display: flex



;



    align-items: center;



}



.wa-tutor-meta span {



    display: flex;



    color: #505050;



}



.wa-tutor-meta span p {font-family: Manrope;font-weight: 400;font-size: 12px;line-height: 150%;color: #505050;margin: 0 5px;}



.wa-tutor-meta i {



  margin-right: 6px;



}

  .wa-tutor-meta svg {

    width: 14px;

    margin-right: 4px;

    height: auto;

  }

  .wa-tutor-meta span, .wa-tutor-meta span p {

    font-size: 12px;

  }





.wa-tutor-actions {



  display: flex;







  flex-direction: column;







  gap: 8px;







  padding: 0;



}







.wa-btn {



  display: inline-block;







  text-align: center;







  padding: 10px;







  border-radius: 6px;







  font-size: 0.95rem;







  text-decoration: none;







  font-weight: bold;



}







.wa-btn-primary {



  background: #00b894;







  color: #fff;



}







.wa-tutor-rating svg {width: 14px;margin-top: -2px;margin-right: 7px;height: auto;}



.wa-tutor-rating span {



    display: flex;



}



.wa-tutor-rating {



    margin-top: 12px;



    font-size: 0.9rem;



    color: #f5a623;



    margin-bottom: 4px;



    width: 100%;



    display: flex;



}



.wa-tutor-rating span p {margin: 0;font-family: Manrope;font-weight: 400;font-size: 18px;line-height: 150%;}



.wa-tutor-rating span {font-family: Manrope;font-weight: 600;font-size: 18px;line-height: 150%;color: hsla(0, 0%, 31%, 1);letter-spacing: -0.2px;}







.wa-tutor-meta span {font-family: Manrope;font-weight: 600;font-size: 12px;line-height: 150%;letter-spacing: -0.3px;}







.wa-tutor-meta svg {margin-top: 2px;margin-right: 9px;width: 15px;height: auto;}







.wa-tutor-card .wa-tutor-actions {



  margin-top: 26px;



}







.wa-tutor-card .wa-tutor-actions .am-likebtn,



.wa-tutor-card .wa-tutor-actions a.am-white-btn {



  display: none;



}







.wa-tutor-card .wa-tutor-actions .am-btn {



  width: 100%;



  font-weight: 500;



    font-size: var(--size-18);



  line-height: 150%;



  text-align: center;



  background: hsla(168, 85%, 36%, 1);



  padding: 17px 0;



  color: #fff;



  display: block;



  border-radius: 7px !important;



  text-decoration: unset;



  font-family: Manrope;



}







.wa-tutor-card .wa-tutor-actions .wa-btn-outline:hover {



  background: hsla(0, 0%, 0%, 1);







  color: #fff;



}







.wa-tutor-card .wa-tutor-actions .wa-btn.wa-btn-outline:hover {



  color: #fff;



}







.wa-tutor-card .wa-tutor-actions .wa-btn.wa-btn-outline {



  width: 100%;



  font-weight: 500;



    font-size: var(--size-18);



  line-height: 150%;



  text-align: center;



  padding: 17px 0;



  border-radius: 7px !important;



  border: 0.39px solid hsla(0, 0%, 0%, 0.4);



  box-shadow: 0px -3.73px 17.39px 0px hsla(0, 0%, 100%, 0.13) inset;



  color: hsla(0, 0%, 0%, 1);



  transition: 0.3s;



  font-family: Manrope;



}



.wa-tutor-name a:hover {



  color: hsla(168, 85%, 36%, 1);



}







.am-similaruser-btn {



  display: none !important;



}







.am-similar-tutor-list-home li {



  list-style: none;



}



.am-similar-tutor-list-home {



    max-width: 1715px;



    margin: auto;



    padding: 0 20px;



}







.am-similar-tutor-list-home .slick-list.draggable {



    overflow: initial;



}



.am-account-switch {



  border-radius: 10px;



  padding: 10px;



  margin: 14px 10px;



  background-color: #f7f7f7;



}







.am-switch-title {



  color: #585858;



  margin-bottom: 4px;



  font: 500 0.875rem / 1.4285714286em "Roboto", serif;



}







.am-switch-description {



  color: #585858;



  opacity: 0.6;



  padding-right: 10px;



  font: 400 0.75rem / 1.5em "Roboto", serif;



}







.am-account-switch .am-btn {



  margin-top: 10px;



  padding: 4px 12px;



  height: 32px;



  min-width: auto;



  font: 600 0.75rem / 1.5em "Roboto", serif;



}



.am-header_user_notify i,



.am-header_user_chat i {



  font-size: 16px;



}



.am-header_user_notify,



.am-header_user_chat {



  flex: none;



  width: 40px;



  height: 40px;



  display: flex !important;



  align-items: center;



  position: relative;



  border-radius: 10px;



  background: #fff;



  justify-content: center;



  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),



    0px 2px 4px -2px rgba(16, 24, 40, 0.06);



  color: inherit;



  text-decoration: inherit;



}



.am-notifywrap {



  position: relative;



}



.am-header_user {



  gap: 14px;



  flex: none;



  display: flex;



  margin-left: 4px;



  align-items: center;



}



.am-notifywrap .am-allnotifications {



  right: 0;



  top: 100%;



  width: 380px;



  z-index: 9999;



  display: none;



  padding: 20px 0;



  position: absolute;



  margin: 10px 0 0 0;



  border-radius: 20px;



  background: #fff;



  max-height: calc(100vh - 90px);



  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),



    0px 4px 6px -2px rgba(16, 24, 40, 0.03);



}



.am-notifywrap .am-allnotifications_title {



  align-items: center;



  margin-bottom: 10px;



  padding: 0 16px 10px;



  justify-content: space-between;



  border-bottom: 1px solid #eaeaea;



}



.am-notifywrap .am-allnotifications_title h2 {



  margin: 0;



  color: #000;



  font: 500 1rem / 1.5em "Roboto", serif;



}



.am-notifywrap .am-notify-caughtup {



  padding: 20px;



  margin-top: 30px;



  border-radius: 10px;



}



.am-notifywrap .am-notify-caughtup h4 {



  text-align: center;



  color: rgba(0, 0, 0, 0.7);



  font: 600 0.875rem / 1.4285714286em "Roboto", serif;



}



.am-notifywrap .am-notify-caughtup span {



  display: block;



  text-align: center;



  font: 400 0.75rem / 1.5em "Roboto", serif;



  color: rgba(88, 88, 88, 0.8);



}



.am-usermenu-dropdown .am-account-switch {



  border-radius: 10px;



  padding: 10px;



  margin: 14px 10px;



  background-color: #f7f7f7;



}



.am-usermenu-dropdown .am-switch-title {



  color: #585858;



  margin-bottom: 4px;



  font: 500 0.875rem / 1.4285714286em "Roboto", serif;



}



.am-header_user_menu .am-shimmer.userImg {



  margin: 0;



}







.am-header_user_menu .am-shimmer.userImg img {



  width: 40px;



  height: 40px;



}



.am-user_name h6 .am-tooltip-text {



  width: max-content !important;



}



.am-tooltip-text {



  left: 50%;



  bottom: 0;



  opacity: 0;



  width: 250px;



  padding: 12px;



  max-height: 96px;



  position: absolute;



  border-radius: 10px;



  transition: all 0.3s;



  pointer-events: none;



  background: #182230;



  transform: translateX(-50%);



  -webkit-box-orient: vertical;



  display: -webkit-box !important;



  -webkit-line-clamp: 4 !important;



  color: rgba(255, 255, 255, 0.8) !important;



  font: 500 0.75rem / 1.5em "Roboto", serif !important;



  box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);



}



.am-tooltip-text::before {



  left: 50%;



  content: "";



  width: 0.6em;



  height: 0.6em;



  bottom: -0.2em;



  position: absolute;



  background: #182230;



  transform: translate(-50%) rotate(45deg);



}



.am-custom-tooltip:hover .am-tooltip-text {



  opacity: 1;



  bottom: 30px;



  visibility: visible;



  pointer-events: auto;



}



.am-custom-tooltip {



  padding: 4px;



  cursor: pointer;



  color: #fff;



  position: relative;



  transition: all 0.2s;



  color: #585858;



  font: 400 0.8125rem / 1.2307692308em "Roboto", serif;



}







.wa-tutor-actions {



  display: none !important;



}







.testiomials-main .slick-track {



  display: flex;



}







@media (max-width: 1800px) {



  .pro-school-work-containwer.container,



  .proschool-container,



  .wp-proschool-container {



    padding-left: 30px !important;



    padding-right: 30px !important;



  }



}







@media (max-width: 1700px) {



 

 

  .wa-tutor-name a {

 

        line-height: 130%;



  }







 





.wp-pro-school-learner-header p {



    margin: 0;



}







}



@media (max-width: 1668px) {



  .pro-school-cards-main .col-lg-3.col-md-6 {



      padding: 0 8px;



  }

 



}



@media (max-width: 1600px) {



 







.clarity-vedio-section .clarity-vedio {



    height: 700px;



  }





  





  





.wp-proschool-footer-contact-info p {



    font-size: 13px;



}







.mentorship-section, .pro-school-workshops-bg, .speaks-gallery-main-section-bg,  .wp-pr0school-gwowth, .ProSchool-faq {



    padding: 100px 20px;



}

 .wp-proschool-learn-to-act-section {



    padding: 100px 20px;



}





.wp-pr0school-gwowth-container {



    margin-top: 0px;



}







 







 .pro-school-work-section-card {



padding: 20px 20px 20px 20px !important;



  }







}







@media (max-width: 1500px) {

  .pro-school-card-title-work h3 {

    font-size: 18px;

    line-height: 1.3em;

  }

  .wp-pr0school-gwowth-content { 

      margin-right: 30px;

  }

  .pro-school-work-card-price-action .work-card-dollar h4 {

  font-size: 21px;

  line-height: 1.5em;

}

  .pro-school-work-card-price-action .work-card-button button {

    font-size: 13px;

  }

  .proschool-work-card-timings {

    margin-top: 12px;

  }

  .pro-school-work-card-price-action {

    margin-top: 14px;

  }

  .card-timings-work span {

    font-size: 14px;

  }

  .card-timings-work svg {

    width: 16px;

    height: auto;

  }

  .wp-pro-school-learner-info h4 { 



    font-size: 20px;



    line-height: 27.88px;



    margin: 15px 0px 4px -2px;



  }



  .wp-pro-school-learner-info p { 



    font-size: 13px;



    line-height: 18.63px; 



}



  .speak-gallery-item-first-item-description {



      flex-direction: column;



  }



  



 









}



 





@media (max-width: 1300px) {



  







.wp-proschool-footer-contact-info {



    flex-wrap: wrap;



    gap: 8px 15px;



} 

  .pro-school-card-title-work h3 {

    font-size: 16px; 

  }



}







@media (max-width: 1200px) {

.pro-school-coaching-slider-main.slick-initialized.slick-slider .slick-track {
	gap: 12px;
}

.speak-gallery-item-first-item-video .custom-play-btn svg {

  width: 60px;

  height: auto;

  pointer-events: all;

}

  .wp-pr0school-gwowth .wp-pr0school-gwowth-video{

    max-width: 50% !important;

  }

  .proschool-row{

	display: grid;
    grid-template-columns: repeat(3, 1fr);

  }

  .speak-gallery-item-first-item-description h6:last-child {

  font-size: 10px;

}

.wa-availability-badge {

    font-size: 15px;

    padding: 4px 12px;

    gap: 6px;

    left: 10px;

    top: 10px;

}



.wa-tutor-name a {

    font-size: 26px;

}



.wa-price-badge {

    font-size: 20px;

}



.wa-price-badge .currency {

    font-size: 16px;

}



.wa-price-badge-starts {

    font-size: 12px;

}



.wa-price-badge-main {

    padding: 4px 7px;

    bottom: -1px;

    left: 0px;

}

 

.wa-tutor-info {

    padding-top: 0;

}



.wa-tutor-rating span,.wa-tutor-rating span p {

    font-size: 17px;

}



.wa-tutor-rating {

    margin-top: 2px;

    margin-bottom: 8px;

}



.wa-tutor-rating svg {

    width: 14px;

    margin-top: 2px;

}



 



 



.wa-tutor-meta svg {

    width: 18px;

}

 

 





.clarity-vedio-section .clarity-vedio {



    height: 600px;



  }











.wp-pro-school-learner-to-lead .col-md-4 {



    width: 33.33%;



}











.success-card h3 {



    margin: 0px 0px 10px 0px;



    font-size: 40px;



    line-height: 50px;



    letter-spacing: 0;



}







.success-stats {



    padding: 30px 40px 30px 40px;



}







.wp-pr0school-gwowth-container {



    padding: 50px 40px;



    gap: 20px;



}





 





 .pro-school-work-section-card {



    padding: 15px 15px 15px 15px;



  }







.wp-pr0school-gwowth-container{



    margin: 0px;



}

 





.success-bottom {



    flex-direction: column;



}







.success-left {



    flex: 1 1 100%;



}







.success-right {



  	flex: unset;



     width: 100%;



}




.success-video-thumb {



    max-width: 100%;



    overflow: hidden;



    height: auto;



    border-radius: 20px;



}







.success-video-thumb .video-used-thumbnail {



    max-width: 100%;



    height: auto;



    top: -2px;



}







.success-left .success-card {



    width: calc(100% / 3) !important;



}







.success-logo-wrapper{



    max-width: 100%;



}





 















.speakgallery-pro-school-items-counter {



    padding: 20px 35px;



}







.speakgallery-pro-school-items-counter h6 {



    font-size: 50px;



}







.speakgallery-pro-school-items-counter p {



    font-size: 17px;



    margin: 0;



}







.wp-proschool-learn-to-act-card img {



    height: auto;



    min-height: 350px;



}







.wp-proschool-container.wp-proschool-bottom-content {



    justify-content: center;



}







.pro-school-workshops-bg .col-lg-3 {



    width: 33.33%;



}







.wp-proschool-learn-to-act-section {



    padding: 100px 0;



}




.mentorship-section .row .col-xl-4 {width: 50%;}




.mentorship-card {



    padding: 20px;



}







.mentorship-card h2 a{



    font-size: 20px;





}







.mentorship-card p {





}







.mentorship-card ul.list-icon li{





}







.mentorship-card .profile .avatar-name .avatar {



    width: 50px;



    height: 50px;



}







.mentorship-card .profile .button button{



    width: 50px;



    height: 50px;



}







.mentorship-card .profile .button button svg{



    width: 12px;



}







.proschool-top-section .banner-div p {



    width: 100%;



}







}















@media (max-width: 1100px) {



  .speaks-gallery-rows-main .col-md-6 {



      width: 100%;



      margin-top: 20px;



  }



    .speaks-gallery-rows-main .col-md-3 {



      width: 50%;



  }









 

}







@media (max-width: 1024px) {



 





.speaks-gallery-main-section-bg {



        padding: 70px 15px;



    }











}







@media (max-width: 991px) {



 

 







.proschool-row {



    gap: 0px 10px;

	grid-template-columns: repeat(2, 1fr);

}





.meet-the-minds-section .proschool-col {
    padding: 0;
    margin-bottom: 0;
}


.clarity-vedio-section .clarity-vedio {



    height: 500px;



  }







.wp-proschool-footer-description {



    text-align: left;



    font-size: 16px;



}







.wp-proschool-footer-heading {



    text-align: left;



}







.wp-proschool-subscribe-text {



    text-align: left;



font-size: 16px;



}







.wp-proschool-bottom-content {



    justify-content: center;



}







.wp-proschool-footer-nav ul {



    gap: 50px;



}







.wp-proschool-footer-bottom{



    padding: 30px 0;



}







.pro-school-workshops-bg .col-lg-3 {



    width: 50%;



}







.pro-school-coaching-seassion-button h6 {



    font-size: var(--p-size);



    box-shadow: 0px 4px 18.5px 0px #00000014;



    padding: 13px 16px;



}







    .wp-pro-school-learner-to-lead .col-md-4 {



        width: 50%;



    }







.ProSchool-faq-question-header {



    padding: 17px 20px;



}









 





.clarity-vedio-section .clarity-content {



    padding-top: 40px;



}







.clarity-vedio-section .clarity-vedio {



    padding: 50px 0;



}







    .mentorship-section, .pro-school-workshops-bg, .speaks-gallery-main-section-bg, .wp-proschool-learn-to-act-section, .wp-pr0school-gwowth, .ProSchool-faq, .success-section, .pro-school-coaching-meets-main {



        padding: 70px 0;



    }







.pro-school-coaching-heading-data h2 {



    margin: 15px 0px 0px 0px;



}







.pro-school-coaching-heading-data p {



    margin: 10px 0px 0px 0px;



}







.wp-proschool-learn-to-act-title {



    margin-bottom: 14px !important;



}







.wp-proschool-learn-to-act-header {



    margin-bottom: 30px;



}







.success-stats {



    padding: 20px;



  }







.mentorship-card h2 a {



   font-size: 18px;



}







    .mentorship-section .row .col-xl-4 {



        width: 50%;



    }











}







@media (max-width: 768px) {

  .mentorship-section .row .mentorship-card-course-category.coming-soon .mentorship-card .img::after {
    font-size: 18px;
  }




  .clarity-vedio-section .clarity-vedio {



      height: 400px;



    }







  .proschool-row {




      padding-bottom: 10px;



        gap: 15px;



  }







   







.pro-school-work-containwer.container, .proschool-container, .wp-proschool-container {



        padding-left: 15px !important;



        padding-right: 15px !important;



}







.pro-school-coaching-meets.container {



    padding: 0 20px;



}











.proschool-top-section .banner-div p {



      font-size: var(--size-18);



}







.pro-school-workshops-bg .col-lg-3 {



    width: 100%;



}



   .wp-pro-school-learner-to-lead





    .wp-pro-school-learner-to-lead .row {



        gap: 0px 20px;



    }







     



.success-stats {



    flex-direction: column;



    gap: 20px;



  }



  .success-left .success-card {



    width: 100% !important;



  }



  .success-card-middle-line {



    width: 60%;



    background: linear-gradient(



      50deg,



      rgba(61, 61, 61, 0) 0%,



      #121212 48.56%,



      rgba(61, 61, 61, 0) 100%



    );



    height: 2px;



    align-self: center;



  }



  .success-card p {



    max-width: fit-content;



    padding: 5px 10px;



  }







.speakgallery-pro-school-items-counter {



    margin: 15px 0px 0px 0px;



}







.speak-gallery-item-first-item-main {



        margin-top: 15px;



    }


.speak-gallery-item-first-item-main .speak-gallery-item-first-item-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.speak-gallery-margin-items {



    margin: 0px;



}







.speak-gallery-item-first-item-video .video-wrapper, .speakgallery-pro-school-items-counter, .speak-gallery-item-first-item-video .video-wrapper-2, .video-wrapper-3, .video-wrapper-4, .video-wrapper-5 {



    height: 300px;



}







.speakgallery-pro-school-items-counter{



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



}







.success-bottom{



    margin: 50px 0px 50px 0px;



}







.pro-school-gallery-first-section {



    align-items: start;



    gap: 10px;



}







.wp-pro-school-learner-header{



        padding: 50px 0px 0px 0px;



    }







    .testiomials-main {



        padding: 50px 0px;



    }







    .mentorship-section, .pro-school-workshops-bg, .speaks-gallery-main-section-bg, .wp-proschool-learn-to-act-section, .wp-pr0school-gwowth, .ProSchool-faq, .success-section, .pro-school-coaching-meets-main {



        padding: 50px 0;



    }









    







.wp-proschool-learn-to-act-slider-main-2, .wp-proschool-learn-to-act-slider {



    padding: 5px 0px 5px 0px;



    margin: 0px;


    gap: 10px;



}

.wp-pr0school-gwowth-container {
  padding: 20px 15px 15px 15px !important;
}






.speak-gallery-item-first-item-video .video-wrapper {



    width: 100%;



}







.speak-gallery-item-first-item-video .custom-play-btn svg {



    width: 60px;



    height: auto;



}







.mentorship-card {



  padding: 14px 13px;



}

.pro-school-work-section-card {
  padding: 14px 13px !important;
}







.minds-card-content .name p {
    width: fit-content;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}







.wp-pr0school-gwowth-container {



        padding: 30px 20px;



        gap: 20px;



    }







}







@media (max-width: 550px) {
  .testiomials-main .slick-track {
      gap: 12px;
  }

    .proschool-top-section .banner-div h1 span{

    letter-spacing: -2px;  

    }

    .wp-pro-school-slide {
      width: 280px;
      justify-content: space-between;
  }

  .wp-proschool-learn-to-act-card { 

    min-width: 280px;
    max-width: 280px;
    margin: 0;

  }

    .wp-proschool-learn-to-act-content { 

    padding: 18px;

    }

  .wa-tutor-avatar img {



      height: auto;



  }

  .wp-proschool-learn-to-act-card-title {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 6px !important;

  }

 .wp-proschool-learn-to-act-card-description {

    font-size: 12px;

    line-height: 16px;

  }

  .wa-availability-badge {

    left: 10px !important;

    top: 10px !important;

    font-size: 10px !important;

    padding: 0 12px !important;

  }

  .wa-availability-badge svg {

    width: 5px;

    }

    .wa-tutor-meta span, .wa-tutor-meta span p {

        font-size: 11px !important;

        }

  .wa-tutor-tagline {

    font-size: 14px;

    margin-bottom: 12px;

  }



  .wa-tutor-meta svg {



    width: 12px;



    height: auto;



}



.wa-tutor-card {



    padding: 10px;



}



.am-similar-tutor-list-home {



    padding: 0 6px;



}



.am-similaruser-list.am-similar-tutor.pro-school-coaching-slider-main {



    padding-left: 0;



}



.am-similaruser-list.am-similar-tutor.pro-school-coaching-slider-main li {



    width: 276px;



}



 



  .wa-tutor-rating {



    margin-top: 7px;



}



  .wa-tutor-rating svg {



    width: 10px;



    height: auto;



    margin-top: 0px;



}

  .wa-price-badge {

    font-size: 17px;

    padding: 0px 0px;

  }

  .wp-pro-school-learner-to-lead .col-md-4 {

        width: 90%;

    }

 .wa-price-badge-main {

  gap: 4px;

}

  .wa-price-badge .currency {

    font-size: 14px;

  }

  .wa-price-badge-starts {

    font-size: 10px;

    line-height: 1.3em;

  }

  .proschool-top-section .banner-div .btn-1 {



        display: inline-block;



        width: fit-content;



        padding: 16px 11px;



        font-size: 14px;



  }



.proschool-top-section .banner-div .btn-2 {



    display: inline-block;



    width: fit-content;



    padding: 16px 11px;



    font-size: 14px;



}


.proschool-top-section .banner-div .btn-1 span {
    display: flex;
}







.mentorship-section .row .col-xl-4 {



        width: 100%;


    }











.wp-pr0school-gwowth-play svg {



    width: 50px;



}















}











@media (max-width: 390px) {



  

    .proschool-top-section .banner-div h1 {

        font-size: 34px !important;

    }



.wp-proschool-footer-nav ul {



gap: 10px 20px !important;



justify-content: center;



}









 





.mentorship-card .profile {



    margin-top: 15px;



}







.mentorship-card ul.list-icon {



    margin-bottom: 0;



}



















.mentorship-card .profile .avatar-name .name h6 a {



    font-size: 14px;



}











.mentorship-card .profile .avatar-name .name p {



    font-size: 10px;



    line-height: 19px;



}











   







.mentorship-card h2 {



    line-height: 24px;



    margin-bottom: 11px;



}







.mentorship-card .profile .avatar-name .avatar {



        width: 40px;



        height: 40px;



    }







.mentorship-card .profile .button button {



        width: 40px;



        height: 40px;



    }







.mentorship-card .profile .avatar-name {



    width: calc(100% - 50px);



}







.mentorship-card .profile .avatar-name .name {



    width: calc(100% - 66px);



}



.minds-card-content .name p {



        font-size: 15px;



    }







 















.card-timings-work span {



    font-size: 13px;



}







.proschool-work-card-timings {



    margin: 10px 0px 0px 0px;



}











.pro-school-work-card-price-action {



    margin: 17px 0px 5px 0px;



}







.wa-tutor-card {



    padding: 10px;



}







.wa-availability-badge {



    font-size: 14px;



}







.wa-price-badge {



    font-size: 25px;



    padding: 4px 3px;



}







.wa-price-badge .currency {



    font-size: 20px;



}







  .wa-tutor-tagline {

    font-size: 12px;

    line-height: 16px;

  }



.wa-tutor-rating span p,



.wa-tutor-rating span {



    font-size: 16px;



}











}



 

 

 

.brands-section .brands-slider img {

    height: 36px;

    max-width: 148px;

    object-fit: contain;

    margin: 0 15px;

}





.brands-section {



    margin-top: 30px;



}







@media (max-width: 400px) and (min-width: 320px) {

 



     .proschool-top-section .banner-div p {



        font-size: 14px;



        margin: 18px 0;



    }



    .proschool-top-section .banner-div h6 { 



        font-size: 14px; 



        margin-bottom: 12px;



    }



        .proschool-top-section .banner-div .btn-1 {



        display: inline-block;



        width: fit-content;



        padding: 10px 8px;



        font-size: 12px;



    }



    .proschool-top-section .banner-div .btn-1 span img {



        width: 12px;



    }



    .proschool-top-section .banner-div .btn-2 {



        display: inline-block;



        width: fit-content;



        padding: 10px 8px;



        font-size: 12px;



    }

 



  .minds-card-content .reviews h6 { 



      font-size: 12px; 



  }

 



body  .pro-schoolwork-heading-hands h2{



        font-size: 26px;

 



    }



    .speak-gallery-item-first-item-description h6 {



      font-family: Manrope;



      font-weight: 500;



      font-size: 11px;



      line-height: 16.63px;



    }



  .speaks-gallery-rows-main .col-md-3 {



      width: 100%;



  }



  .wp-pr0school-gwowth-video video { 



      height: 230px; 



  }



  .am-similar-tutor-list-home {



    padding: 0 5px;



}



}



.proschool-container .wp-pr0school-gwowth-video {



    max-width: 100%;



}



.wp-pr0school-gwowth .wp-pr0school-gwowth-video {



    max-width: 65%;



}



.wp-pro-school-testimonials-section {



    position: relative;



}



/* =========================

   Breakpoints

========================= */

@media (max-width: 1720px) {

   .clarity-vedio-section .clarity-vedio .play-btn {

    width: 130px;

    height: 130px;

    bottom: -30px;

    right: -30px;

  }

}

 

 

/* 1200px (xl) */

@media (max-width: 1200px) {

	.minds-card-content .name h3 {
    font-size: 18px;
}


  .wp-pr0school-gwowth-container {

    padding: 24px;

    border-radius: 15px;

  }

  .wp-pr0school-gwowth-btn {

    font-size: 14px;

  }

 .clarity-vedio-section .clarity-content p {

    max-width: 400px;

  }

  .success-top {

    flex-direction: column;

    justify-content: center;

    align-content: center;

    width: 100%;

    gap: 10px;

  }

  .success-heading {

    text-align: center;

  }

  .success-top p {

    max-width: 80%;

    text-align: center;

    margin: auto; 

  }

  .wa-availability-badge {

    font-size: 15px;

    padding: 4px 12px;

    gap: 6px;

    left: 10px;

    top: 10px;

}

 

.clarity-vedio-section .clarity-vedio .play-btn {

  width: 100px;



  height: 100px;



  border: 4px solid #fff;



}

.clarity-vedio-section .clarity-vedio .play-btn svg {

  width: 32px;

}

}



/* 1024px */

@media (max-width: 1024px) {

 .clarity-vedio-section .clarity-content {

    flex-direction: column;

    justify-content: center;

    gap: 20px;

    align-items: center;

  }

  .clarity-vedio-section .clarity-content p {

    max-width: 100%;

    text-align: center;

  }

  .clarity-vedio-section .clarity-content > div {

    text-align: center;

  }

  .clarity-vedio-section .clarity-content > div button{

    margin-left:auto;

    margin-right:auto;

  }

.pro-schoolwork-heading-hands p {

  margin-top: 15px;

}

  .mentorship-content h2 { 

    margin-bottom: 15px !important;

  }

  .wp-proschool-subscribe-btn {

    padding: 10px 14px;

    width: 100%;

    font-size: 15px;

  }

}



/* 992px (lg) */

@media (max-width: 992px) {

    .clarity-vedio-section {

        padding: 0 0;

    }

    .proschool-top-section .banner-div .btn-1 span img {

        width: 18px;

    }

    h3.success-heading,

      .clarity-vedio-section .clarity-content h2 {

          letter-spacing: -1px;

      }

  .wp-pr0school-gwowth .wp-pr0school-gwowth-video {

    max-width: 100% !important;

  }

  .pro-school-success-graph-heading p {

      text-align: center;

      width: 100%;

  }


.wp-pr0school-gwowth-content h2 br {

    display: none;

}

.wp-pr0school-gwowth-content h2 {

  margin: 0;

    margin-bottom: 0px;

}

.wp-pr0school-gwowth-content {

  max-width:100%;

  text-align: left;

  margin-right: 0;

}

  .meet-the-minds-section .minds-content {

    gap: 10px;

  }

  .mentorship-content p {

      max-width: 80%;

      margin: auto; 

    }

  .proschool-row {
    padding-bottom: 17px;

  }

  .proschool-top-section .banner-div p {

    font-size: 16px;

  }

  .proschool-top-section .banner-div .btn-1, .proschool-top-section .banner-div .btn-2 {

    padding: 10px 13px;

    border-radius: 5px;
	
	display: flex;

  }

 .workshops-icon-button,

  .mentorship-content button,

 .clarity-vedio-section .clarity-content button {

    padding: 2px 15px;

    font-size: 15px;

    margin-bottom: 15px;

  }

  .workshops-icon-button svg,

   .mentorship-content button svg ,

  .clarity-vedio-section .clarity-content button svg 

  {

    width: 15px;

    margin-right: 0px;

  }

  .pro-school-gallery-first-section{

    flex-direction: column;

    align-items: center;

  }

  .pro-school-success-itself-heading h2 {

      width: 100%;

      max-width: 100%;

      text-align: center;

      margin-bottom: 4px !important;

  }

}



/* 768px (md) */

@media (max-width: 768px) {

  .wa-tutor-info {

    padding-top: 0;

}

  .meet-the-minds-section .minds-content p {

    text-align: center; 

}

 .clarity-vedio-section .clarity-vedio .play-btn .play-icon {

    width: 29px;

  }

  .clarity-vedio-section .clarity-vedio .play-btn {

    width: 100px;

    height: 100px;

    bottom: -30px;

    right: -30px;

  }

  .mentorship-section .row {

    margin-left: -14px;
    margin-right: -14px;

  }

  .wa-tutor-name a {

        font-size: 22px;

    }

}



/* 576px (sm) */

@media (max-width: 576px) {

  

    h3.success-heading, 

    .clarity-vedio-section .clarity-content h2,

  .pro-school-coaching-heading-data h2,

        h3.success-heading,

      .clarity-vedio-section .clarity-content h2 {

          letter-spacing: -0.5px;

      }

        .pro-school-card-title-work h3 {

        font-size: 18px;

    }

      .success-top p{

        max-width: 100%;

      }

    .proschool-work-card-timings {

      gap: 0;

  }

 .clarity-vedio-section .clarity-vedio .play-btn {

    width: 60px;

    height: 60px;

    bottom: 5px;

    right: 5px;

  }

   .mentorship-content p {

      max-width: 100%;

      margin: auto; 

    }

    .wp-proschool-footer-column.wp-proschool-footer-about {

      margin-bottom: 20px;

  }

}



/* 480px (xs custom) */

@media (max-width: 480px) {

   .proschool-top-section .banner-div p {

    font-size: 16px;

  }

}

.growthera-vimeo-wrapper .growthera-pause-btns i.fa-solid.fa-pause,
.wp-pr0school-gwowth-video.right-side-video i.fa-solid.fa-pause {
    opacity: 0 !important;
    transition: 0.3s;
}

.growthera-vimeo-wrapper:hover .growthera-pause-btns i.fa-solid.fa-pause,
.wp-pr0school-gwowth-video.right-side-video:hover i.fa-solid.fa-pause {
    opacity: 1 !important;
}




  /* Popup overlay */
    .video-popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.8);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .video-popup-content {
      position: relative;
      background: #000;
      padding: 10px;
      border-radius: 10px;
      width: 80%;
      max-width: 800px;
    }

    .video-popup iframe {
      width: 100%;
      height: 450px;
      border: none;
      border-radius: 10px;
    }

    .close-popup {
      position: absolute;
      top: -12px;
      right: -12px;
      background: red;
      color: white;
      border: none;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      font-size: 16px;
      cursor: pointer;
    }
.banner-video-showcase-data {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    z-index: 99;
    background-color: #000000;
    padding: 2px 0;
}
#growthEraVimeo {
    background-color: #000;
}


 
.col-xl-4.mentorship-card-course-category[data-cat="agentic-ai-no-code-22"] {
    display: none !important;
}

.data-filter-course ul li[data-filter="67"]:hover svg {
    filter: unset;
}

.data-filter-course ul li[data-filter="67"]:hover svg path {
    fill: #fff;
}



.proschool-reserve-spot-popup {
    position: fixed;
    inset: 0;
    background: rgba(28, 28, 28, 0.8);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s ease;
    z-index: 999;
    overflow: auto;
    scrollbar-width: none;
}

.proschool-reserve-spot-popup.active {
    opacity: 1;
    pointer-events: auto;
}

.proschool-reserve-spot-popup .proschool-reserve-popup-close {
    position: absolute;
    top: -2.5%;
    right: -2%;
    background: #0eaa8c;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 35px;
    height: 35px;
    font-size: 20px;
    border-radius: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease;
    padding: 0 0 0 2px;
}

.proschool-reserve-spot-popup .proschool-reserve-popup {
    width: 100%;
    max-width: 600px;
    transform: scale(0.6);
    opacity: 0;
    transition: 0.5s ease;
    background: #F7F6F6;
    border-radius: 20px;
    padding: 25px 25px 20px 25px;
    position: relative;
	display: flex;
    flex-direction: column;
    gap: 50px;
}

.proschool-reserve-spot-popup.active .proschool-reserve-popup {
    transform: scale(1);
    opacity: 1;
}

.proschool-reserve-spot-popup .proschool-reserve-popup .reserve-success-wrapper {
    display: none;
}

.proschool-reserve-spot-popup .proschool-reserve-popup .reserve-success-wrapper i {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #0eaa8c;
    color: #fff;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 2px;
}

.proschool-reserve-spot-popup .proschool-reserve-popup .reserve-success-wrapper h3 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2em !important;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
	margin-bottom: 12px !important;
}

.proschool-reserve-spot-popup .proschool-reserve-popup .reserve-success-wrapper p {
    font-family: var(--Manrope);
    font-weight: 600;
    font-size: var(--p-size);
    line-height: 1.5em;
    color: #505050;
    text-align: center;
}

.proschool-reserve-spot-popup .reserve-popup-title {
    font-family: Outfit;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.2em !important;
    text-transform: capitalize;
    color: #000000;
	text-align: center;
}

.proschool-reserve-spot-popup h3 span {
    background-color: var(--overlay);
    color: #ffffff;
    display: inline-block;
    rotate: 1deg;
}

.proschool-reserve-spot-popup .prosch-reserveForm {
    display: flex;
    flex-direction: column;
	gap: 40px;
    width: 100%;
    margin: 0;
}

.proschool-reserve-spot-popup .prosch-reserveForm .form-step {
	display: none;
}

.proschool-reserve-spot-popup .prosch-reserveForm .form-step.active {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.proschool-reserve-spot-popup .form-step h4 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2em !important;
    text-transform: capitalize;
    color: #000000;
	text-align: center;
}

.proschool-reserve-spot-popup .form-step .step-form-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px 15px;
}

.proschool-reserve-spot-popup .form-step[data-step="3"] .step-form-fields,
.proschool-reserve-spot-popup .form-step[data-step="4"] .step-form-fields {
    grid-template-columns: repeat(1, 1fr);
	gap: 30px 15px;
}

.proschool-reserve-spot-popup .form-step-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.proschool-reserve-spot-popup .form-step-button[data-step="1"] {
    justify-content: flex-end;
}


.proschool-reserve-spot-popup .prosch-reserveForm .form-field {
    position: relative;
    display: flex;
    flex-direction: column;
	gap: 10px;
	width: 100%;
}

.proschool-reserve-spot-popup .form-field label {
    font-family: Outfit;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000;
}

.proschool-reserve-spot-popup .form-field input,
.proschool-reserve-spot-popup .form-field textarea,
.proschool-reserve-spot-popup .form-field select {
    width: 100%;
    height: 44px;
    opacity: 1;
    border: 1px solid #e0e0e0;
    background: #e9e9e9;
    font-family: Manrope;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2em;
    border-radius: 3px;
    padding: 0px 12px;
    outline: none;
	transition: 0.3s;
	&::placeholder {
		color: #808080;
	}
}

.proschool-reserve-spot-popup .form-field textarea {
    padding: 12px;
}

.proschool-reserve-spot-popup .form-field input {
    color: #000;
}

.proschool-reserve-spot-popup .form-field select {
    color: #808080 !important;
}

.proschool-reserve-spot-popup .form-field select:valid {
    color: #000 !important;
}

.proschool-reserve-spot-popup .form-field select option {
    background: #fff;
}

.proschool-reserve-spot-popup .form-field input:focus,
.proschool-reserve-spot-popup .form-field textarea:focus,
.proschool-reserve-spot-popup .form-field select:focus {
    border-color: #0eaa8c;
}

.proschool-reserve-spot-popup .form-field.required input,
.proschool-reserve-spot-popup .form-field.required textarea,
.proschool-reserve-spot-popup .form-field.required select {
    border-color: #e53935;
	color: #e53935 !important;
	&::placeholder {
		color: #e53935;
	}
}

.proschool-reserve-spot-popup .form-field.required .custom-radio .radio-mark,
.proschool-reserve-spot-popup .form-field.required .custom-checkbox .check-mark {
    border-color: #e53935;
}

.proschool-reserve-spot-popup .form-step-button button {
    background: var(--brand-color);
    padding: 12px 15px;
    border-radius: 6px;
    color: #ffffff;
    border: 1px solid var(--brand-color);
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    transition: 0.3s;
}

.proschool-reserve-spot-popup .form-step-button button:hover {
    background: #fff;
    color: var(--brand-color);
}

.proschool-reserve-spot-popup .form-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	position: relative;
}

.proschool-reserve-spot-popup .form-step[data-step="2"] .form-field:first-child::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 45px;
    width: 10px;
    height: 6px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath fill='%23000000' d='M1 1l5 5 5-5'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 9;
}

.proschool-reserve-spot-popup .form-field .radio-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 5px;
}

.proschool-reserve-spot-popup .form-field .custom-radio {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
	font-weight: 400;
	width: fit-content;
}

.proschool-reserve-spot-popup .form-field .custom-radio input {
    display: none;
}

.proschool-reserve-spot-popup .form-field .custom-radio .radio-mark {
    width: 22px;
    height: 22px;
    border: 2px solid var(--brand-color);
    border-radius: 50%;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.proschool-reserve-spot-popup .form-field .custom-radio .radio-mark::after {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--brand-color);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: 0.2s ease;
}

.proschool-reserve-spot-popup .form-field .custom-radio input:checked + .radio-mark::after {
    opacity: 1;
    transform: scale(1);
}

.proschool-reserve-spot-popup .form-field .custom-radio input:focus-visible + .radio-mark {
    outline: 2px solid var(--brand-color);
    outline-offset: 2px;
}


.proschool-reserve-spot-popup .form-field .checkbox-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 5px;
}

.proschool-reserve-spot-popup .form-field .custom-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    width: fit-content;
}

.proschool-reserve-spot-popup .form-field .custom-checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.proschool-reserve-spot-popup .form-field .custom-checkbox .check-mark {
    width: 20px;
    height: 20px;
    border: 2px solid var(--brand-color);
    border-radius: 4px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
	padding-top: 1px;
}

.proschool-reserve-spot-popup .form-field .custom-checkbox .check-mark i {
    font-size: 13px;
    color: var(--brand-color);
    opacity: 0;
    transform: scale(0);
    transition: 0.2s ease;
}

.proschool-reserve-spot-popup .form-field .custom-checkbox input:checked + .check-mark i {
    opacity: 1;
    transform: scale(1);
}

.proschool-reserve-spot-popup .form-field .custom-checkbox input:focus-visible + .check-mark {
    outline: 2px solid var(--brand-color);
    outline-offset: 2px;
}



.am-bodywrap .proschool-top-section {
    padding: 0;
    background: #00604e;
    background-image: url(https://proschool.io/custom-home/assets/images/hero-tutor-banner-bg2.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}







@media (max-width: 1024px) {
    .proschool-reserve-spot-popup .proschool-reserve-popup-close {
        width: 33px;
        height: 33px;
        font-size: 18px;
        padding: 0 0 0 1px;
    }
    .proschool-reserve-spot-popup .form-step-button button {
    	padding: 9px 13px;
    	font-size: 14px;
    }
    .proschool-reserve-spot-popup .form-field input,
    .proschool-reserve-spot-popup .form-field textarea,
    .proschool-reserve-spot-popup .form-field select {
    	height: 40px;
    }
    .proschool-reserve-spot-popup .form-field label {
    	font-size: 14px;
    }
    .proschool-reserve-spot-popup .proschool-reserve-popup {
    	gap: 30px;
    	padding: 20px 20px 20px 20px;
    }
    .proschool-reserve-spot-popup .form-step h4 {
    	font-size: 20px;
    }
    .proschool-reserve-spot-popup .prosch-reserveForm {
    	gap: 30px;
    }
    .proschool-reserve-spot-popup .reserve-popup-title {
    	font-size: 30px;
    }
	.wp-pr0school-gwowth-container {
        flex-direction: column-reverse;
        justify-content: center;
        padding: 30px;
        align-content: center;
    }
}

@media (max-width: 767px) {
    .proschool-reserve-spot-popup {
    	padding: 0 15px;
    }
	.proschool-reserve-spot-popup .reserve-popup-title {
        font-size: 26px;
    }
}







.pro-school-blogs-section {
    padding: 100px 0 0 0;
    background: #fff;
}

.pro-school-blogs-section a {
    text-decoration: none;
}

.pro-school-blogs-section .pro-school-blog-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 10px;
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.pro-school-blog-item figure {
    margin: 0;
    width: 100%;
	height: 250px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.pro-school-blog-item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    transition: all 0.3s ease-in-out;
}

.pro-school-blog-item:hover figure img {
    transform: scale(1.1);
}

.pro-school-blog-item:hover {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}

.pro-school-blog-item .pro-school-blog-content {
    padding: 16px 12px 12px;
	border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0px 0px 10px 10px;
}

.pro-school-blog-content .pro-school-blog-date {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.pro-school-blog-content .pro-school-blog-date .pro-school-blog-categories,
.pro-school-blog-content .pro-school-blog-date span {
    font-family: 'Outfit';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(0, 0, 0);
}

.pro-school-blog-content .pro-school-blog-date span {
    gap: 10px;
    display: flex;
    align-items: center;
}

.pro-school-blog-content .pro-school-blog-date span::before {
    width: 6px;
    content: "";
    height: 6px;
    display: block;
    font-style: normal;
    border-radius: 50%;
    background: #000;
}

.pro-school-blog-content .pro-school-blog-title-link {
    gap: 10px;
    margin-top: 4px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.pro-school-blog-content .pro-school-blog-title-link h4 {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: 'Manrope';
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: rgb(0, 0, 0);
    padding-right: 20px;
}

.pro-school-blog-content .pro-school-blog-title-link span {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-school-blog-content .pro-school-blog-title-link span i {
    font-size: 14px;
    transition: 0.3s ease-in;
}

.pro-school-blog-content .pro-school-blog-title-link:hover i {
    transform: translate(4px, -4px);
    color: #2E90FA;
}

.pro-school-blog-content .pro-school-blog-title-link:hover i::before {
    color: #0eaa8c;
}

.pro-school-blog-content p {
    margin: 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(88, 88, 88);
}

.pro-school-blog-content .pro-school-blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    align-items: center;
    padding: 0;
    list-style: none;
}

.pro-school-blog-content .pro-school-blog-tags li span {
    padding: 1px 5px;
    border-radius: 6px;
    display: inline-block;
    border: 1px solid #eaeaea;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: rgb(88, 88, 88);
}

.pro-school-blogs-section .pro-school-blogs-listing {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.pro-school-blogs-listing .pro-school-blogs-view-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-school-blogs-view-all .am-btn.am-btn-primary {
    background: var(--brand-color);
    border: 1px solid var(--brand-color);
    color: #fff;
    border-radius: 10px;
    transition: 0.3s ease;
    padding: 16px 18px;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--size-18);
    line-height: 100%;
}

.pro-school-blogs-view-all .am-btn.am-btn-primary:hover {
    background: #fff;
    color: var(--brand-color);
}

.pro-school-blogs-section .pro-school-blogs-heading {
    margin-bottom: 30px;
}

.pro-school-blogs-heading h2 {
    font-family: Outfit;
    font-size: 44px;
    font-weight: 500;
    line-height: 52.8px;
    color: rgb(0, 0, 0);
}

.pro-school-blogs-heading h2 span {
    color: #fff;
    background: var(--overlay);
    display: inline-block;
    font-weight: 600;
    rotate: 1deg;
}

.pro-school-coaching-meets-main .explore-trainers-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.explore-trainers-container .explore-trainers {
    background: var(--brand-color);
    padding: 12px 20px;
    margin: 0px;
    border-radius: 6px;
    color: #ffffff;
    border: 1px solid var(--brand-color);
    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.explore-trainers-container .explore-trainers:hover {
    background: #fff;
    color: var(--brand-color);
}












.course-banner-slider {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 470px;
    height: 375px;
    overflow: hidden;
	z-index: 9;
	cursor: grab;
}

.course-banner-slider.dragging {
	cursor: grabbing;
}

.course-banner-slider .banner-course-item {
    position: absolute;
    left: 0;
    width: 450px;
    padding: 16px 24px;
    border-radius: 14.8px;
    backdrop-filter: blur(12px);
    background: #30303080;
    border: 1.5px solid #FFFFFF;
    color: #fff;
    text-decoration: none;
    transition: 0.7s cubic-bezier(.25, .8, .25, 1);
    opacity: 0.3;
    transform: scale(.85);
	display: flex;
    align-items: center;
    gap: 20px;
	pointer-events: none;
	user-select: none;
}

.course-banner-slider .banner-course-item.center {
    opacity: 1;
    transform: scale(1);
    z-index: 5;
    right: 10px !important;
    left: unset !important;
	pointer-events: auto;
}

.course-banner-slider .banner-course-item.near {
	opacity: 0.7;
}

.course-banner-slider .banner-course-item.near.near-top {
    transform: scale(.93) translateY(-4px);
}

.course-banner-slider .banner-course-item.near.near-bottom {
    transform: scale(.93) translateY(4px);
}

.course-banner-slider .banner-course-item .banner-course-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 57px);
    flex-wrap: wrap;
}

.course-banner-slider .banner-course-item .icon {
    width: 37px;
    height: 37px;
}

.course-banner-slider .banner-course-item .icon img {
    width: 100%;
    height: 100%;
}

.course-banner-slider .banner-course-item .banner-course-inner .title {
    font-family: Manrope;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: #FFFFFF;
    width: 62%;
}

.course-banner-slider .banner-course-item .banner-course-inner .arrow {
    padding-bottom: 5px;
}

.course-banner-slider .banner-course-item .banner-course-inner .arrow svg {
    transition: 0.3s;
}

.course-banner-slider .banner-course-item:hover .banner-course-inner .arrow svg {
    transform: rotate(46deg);
}

.course-banner-slider-main::after {
    content: '';
    width: 520px;
    height: 520px;
    position: absolute;
    right: -15%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 6%;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 70%);
}

.course-banner-slider .banner-course-item.coming-soon.order-last {
    pointer-events: none;
}

.course-banner-slider .banner-course-item.coming-soon.order-last .banner-course-inner::after {
    content: 'Coming Soon';
    text-align: center;
    z-index: 99;
    color: #fff;
    font-family: 'Manrope';
    font-size: 14px;
    font-weight: 400;
    width: min-content;
    white-space: nowrap;
}

.course-banner-slider .banner-course-item.coming-soon.order-last .icon,
.course-banner-slider .banner-course-item.coming-soon.order-last .banner-course-inner .arrow {
    display: none;
}

.course-banner-slider .banner-course-item.coming-soon.order-last .banner-course-inner {
    width: 100%;
}

.course-banner-slider .banner-course-item.coming-soon.order-last .banner-course-inner .title {
    width: 53%;
}






@media (max-width: 1399px) {

	.course-banner-slider .banner-course-item {
        width: 400px;
        padding: 14px 20px;
        gap: 12px;
    }

	.course-banner-slider .banner-course-item.near {
        left: 90px !important;
    }

	.course-banner-slider .banner-course-item .icon {
        width: 30px;
        height: 30px;
    }

	.course-banner-slider .banner-course-item .banner-course-inner .title {
        font-size: 15px;
        line-height: 20px;
        width: 62%;
    }
	.course-banner-slider .banner-course-item .banner-course-inner .arrow svg {
        width: 12px;
        height: 12px;
    }

	.course-banner-slider .banner-course-item .banner-course-inner .arrow {
        padding-bottom: 0px;
    }

}

@media (max-width: 1201px) {

	.proschool-top-section .course-banner-slider-main {
        display: none;
    }

}



@media (max-width: 543px) {

	.minds-card-content {
        bottom: 16px;
    }

    .pro-school-workshops-bg .pro-school-cards-main .row {
      margin-left: -8px;
      margin-right: -8px;
  }

}

@media (max-width: 480px) {
    .mentorship-card .img img, .mentorship-card .img, .mentorship-card .img a {
        height: auto;
    }
}