/*
Theme Name: Career Counseling Pro
Description: Career Counseling Pro WordPress Theme is the perfect choice for building Career Counseling Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Career Counseling Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Career Counseling Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/career-counseling/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: career-counseling-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1360px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Montserrat", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}

.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 99999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}

/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.product-man img, .product-ball img, .counter-tennis-player img, .rugby img, .vollyball img, .why-choose-right-col img, .about-left-col-football-img img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/


/*=============== Career Counseling CSS Start ===============*/

/*=============== Top Banner Start ===============*/

.path-text {
  color: #F06543;
}
.career-text {
  color: #A462E7;
}
.top-banner-counter .elementor-widget-icon-box .elementor-icon-box-content {
  display: flex;
}
.top-banner-counter .elementor-counter .elementor-counter-number-wrapper {
  flex: unset !important;
}
.top-banner-counter .elementor-counter .elementor-counter-title {
  display: block;
  padding-left: 12px;
}
.top-banner-counter .elementor-icon-box-description {
  padding-left: 5px;
}
.top-banner-counter {
  width: fit-content;
}
.slide-btn .btn1 {
  padding: 10px 24px;
  border: 1px solid #F06543;
  border-radius: 50px;
  background-color: #F06543;
  color: #FFFFFF;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn2 {
  padding: 10px 24px;
  border: 1px solid #A462E7;
  border-radius: 50px;
  background-color: #A462E7;
  color: #FFFFFF;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn3 {
  padding: 10px 24px;
  border: 1px solid #F06543;
  border-radius: 50px;
  background-color: #F06543;
  color: #FFFFFF;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn4 {
  padding: 10px 22px;
  border: 1px solid #A462E7;
  border-radius: 50px;
  color: #A462E7;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn5 {
  padding: 10px 22px;
  border: 1px solid #F06543;
  border-radius: 50px;
  color: #F06543;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn6 {
  padding: 10px 22px;
  border: 1px solid #A462E7;
  border-radius: 50px;
  color: #A462E7;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn7 {
  padding: 10px 24px;
  border: 1px solid #F06543;
  border-radius: 50px;
  background-color: #F06543;
  color: #FFFFFF;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn8 {
  padding: 10px 24px;
  border: 1px solid #A462E7;
  border-radius: 50px;
  background-color: #A462E7;
  color: #FFFFFF;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .btn9 {
  padding: 10px 24px;
  border: 1px solid #F06543;
  border-radius: 50px;
  background-color: #F06543;
  color: #FFFFFF;
  font: 400 18px/18px "Montserrat";
  display: inline-block;
}
.slide-btn .slide-btn-row2 {
  transform: translateX(-60px);
}
.slide-btn .slide-btn-row3 {
  transform: translateX(-25px);
}
.top-banner-right-col {
  position: relative;
}
.top-banner-right-col-box1 {
  position: absolute;
  top: 24%;
  left: 0;
  width: auto;
}
.top-banner-right-col-box1-digit {
  transform: translateY(15px);
}
.top-banner-right-col-box2 {
  position: absolute;
  top: 25%;
  right: 0;
  width: auto;
  transform: translate(124px, 0px);
}
.top-banner-right-col-box3 {
  position: absolute;
  bottom: 4%;
  left: 0;
  width: auto;
  transform: translate(10px, 0px);
}
.top-banner-right-col-box4 {
  position: absolute;
  bottom: 21%;
  right: 0;
  width: auto;
  transform: translate(156px, 0px);
}
.top-banner-right-col-man img {
  transform: translateY(-8px);
}
.top-banner-review-btn .elementskit-btn svg.fa-arrow-trend-up {
  font-size: 15px !important;
}
.top-banner-book-btn .ekit-btn-wraper{
  position: relative;
  width: max-content;
  box-shadow: 40px 0 #F06543;
  border-radius: 0 50px 50px 0;
}
.top-banner-book-btn .ekit-btn-wraper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  z-index: 1;
  background-image: url(assets/images/speaker-white.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
  transform: translate(28px, 12px);
  background-color: #F06543;
  border-radius: 0 50px 50px 0;
}


/*=============== Top Banner End ===============*/

/*=============== About Career Start ===============*/

.about-text1 {
  color: #A462E7;
}
.about-text2 {
  color: #F06543;
}
.about-timeline .twae-vertical-right.twae-wrapper .twae-timeline:before {
  left: 27px;
}
.about-timeline .twae-vertical-right.twae-wrapper .twae-start,
.about-timeline .twae-vertical.twae-wrapper .twae-end {
  display: none;
}
.about-timeline .twae-vertical-right.twae-wrapper .twae-story {
  width: 88%;
  float: right;
}
.about-timeline .twae-wrapper .twae-icon {
  width: unset;
  height: unset;
  border-width: unset;
  border-style: unset;
  border-color: unset;
  background-color: unset;
  color: unset;
}
.about-timeline .twae-vertical-right.twae-wrapper .twae-arrow {
  background: unset;
  box-shadow: unset;
}
.about-timeline .twae-wrapper .twae-content {
  box-shadow: unset;
}
.about-timeline .twae-vertical.twae-wrapper .twae-timeline:before {
  width: 1px;
  border-width: 1px;
  border-color: #D5D5D5 !important;
  height: 92%;
}
.about-timeline .twae-wrapper .twae-story:hover .twae-content {
  box-shadow: unset;
}
.about-timeline .twae-wrapper .twae-content {
  padding: 40px 0px 0px 0px;
  transform: translateX(-20px);
}
.about-timeline .twae-wrapper .twae-title {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.about-timeline .twae-wrapper .twae-description p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.about-timeline .twae-wrapper .twae-content {
  position: relative;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(odd) .twae-icon svg circle:nth-child(1) {
  fill: #F06543 !important;
}
.about-timeline .twae-vertical.twae-wrapper .twae-timeline {
  padding: 40px 0 0px 0;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(1)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -4px;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-image: url(assets/images/about-icon1.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:first-of-type {
  position: relative;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:first-of-type:hover::before {
  transform: scale(1.2); 
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(odd) {
  position: relative;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(odd):hover::before {
  transform: scale(1.2); 
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(even) {
  position: relative;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(even):hover::before {
  transform: scale(1.2); 
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(2)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -4px;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-image: url(assets/images/about-icon2.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(3)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -4px;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-image: url(assets/images/about-icon3.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(4)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -4px;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-image: url(assets/images/about-icon4.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(5)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -4px;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-image: url(assets/images/about-icon5.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}
.about-timeline .twae-wrapper .twae-timeline .twae-story:nth-child(6)::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -4px;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-image: url(assets/images/about-icon6.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}
.about-right-col .twae-title:hover {
  color: #F06543;
}
.about-left-col .ekit-btn-wraper{
  position: relative;
  width: max-content;
  box-shadow: 40px 0 #F06543;
  border-radius: 0 50px 50px 0;
}
.about-left-col .ekit-btn-wraper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  z-index: 1;
  background-image: url(assets/images/speaker-white.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
  transform: translate(28px, 12px);
  background-color: #F06543;
  border-radius: 0 50px 50px 0;
}

/*=============== About Career End ===============*/

/*=============== Career Guidance Counter Start ===============*/

.career-guidance-right-col .elementor-counter .elementor-counter-title {
  text-align: center;
}
.career-guidance-right-col .elementor-counter-title {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
}
.career-guidance-right-col .elementor-counter-number-wrapper {
  position: relative;
  transition: 0.3s ease-in-out;
}
.career-guidance-right-col .elementor-counter-number-wrapper:hover {
  transform: scale(1.1);
}

/*=============== Career Guidance Counter End ===============*/

/*=============== Services Section Start ===============*/

.service-text1, .service-text3 {
  color: #A462E7;
}
.service-text2 {
  color: #F06543;
}
#services .custom-number .number-text {
  color: #253339;
  font: 600 35px / 35px "Montserrat";
}
#services .custom-number .number-icon svg {
  width: 18px;
  height: 18px;
  border: 1px solid #F06543;
  position: relative;
  display: inline-flex;
  justify-content: center;
  border-radius: 50px;
  padding: 6px;
  transform: rotate(45deg);
}
#services .custom-number .number-icon svg path {
  fill: #F06543;
}
#services .pp-post .pp-post-title {
  padding-top: 5px;
}
#services .pp-post.pp-grid-item:hover svg {
  background-color: #F06543;
}
#services .pp-post.pp-grid-item:hover svg path {
  fill: #FFFFFF;
}

/*=============== Services Section End ===============*/

/*=============== Pathway Success Section Start ===============*/

.pathway-success-row1, .pathway-success-row2 {
  height: 280px;
}
.pathway-success-right-col {
  background: linear-gradient(195.24deg, #D9CAF3 0%, #9747FF 100%);
}
.pathway-mail {
  overflow: hidden;
}

/*=============== Pathway Success Section End ===============*/

/*=============== Pricing Plan Section Start ===============*/

#pricing-plan article.eae-ct-wrapper {
  width: 100%;
  max-width: 100% !important;
}
#pricing-plan .eae-ct-wrapper table tbody tr:nth-child(odd) {
  border-radius: 20px 20px 0px 0px !important;
}
/* #pricing-plan .eae-ct-wrapper table tbody tr:nth-child(2) .eae-ct-plan {
  padding-bottom: 100px;
}
#pricing-plan .eae-ct-wrapper table tbody tr:last-child td:nth-child(2),
#pricing-plan .eae-ct-wrapper table tbody tr:last-child td:nth-child(3),
#pricing-plan .eae-ct-wrapper table tbody tr:last-child td:nth-child(4) {
  position: relative;
}
#pricing-plan .eae-ct-wrapper table tbody tr:last-child td:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(-162px, 110px);
}
#pricing-plan .eae-ct-wrapper table tbody tr:last-child td:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-425px, 110px);
}
#pricing-plan .eae-ct-wrapper table tbody tr:last-child td:nth-child(4) {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-98px, 110px);
} */
#pricing-plan .eae-ct-wrapper td.eae-ct-plan:hover {
  background: #F06543;
  box-shadow: 0px -80px #F06543;
  border-radius: 20px 20px 0px 0px !important;
}
#pricing-plan .eae-ct-wrapper .eae-ct-plan .eae-ct-header:hover {
  color: #FFFFFF !important;
}
#pricing-plan .eae-ct-wrapper td.eae-ct-plan:hover .eae-ct-btn {
  color: #FFFFFF !important;
  border-color: 1px solid #FFFFFF !important;
}
#pricing-plan .eae-ct-wrapper td.eae-ct-plan:hover .eae-ct-heading,
#pricing-plan .eae-ct-wrapper td.eae-ct-plan:hover .eae-ct-currency,
#pricing-plan .eae-ct-wrapper td.eae-ct-plan:hover .eae-ct-price,
#pricing-plan .eae-ct-wrapper td.eae-ct-plan:hover .eae-ct-duration {
  color: #FFFFFF !important;
}
#pricing-plan .eae-ct-wrapper .eae-ct-plan {
  padding: 15px 20px 20px 20px;
}

/*=============== Pricing Plan Section End ===============*/

/*=============== Join Compnay Section Start ===============*/

.join-company-icon-box .elementor-icon-box-icon a {
  background-color: #253339;
  border-radius: 50px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-34px);
}
.join-company-icon-box .elementor-icon-box-icon {
  height: 60px;
}
.join-company-icon-box {
  position: relative;
}
.join-company-icon-box::before {
  content: '\f062';
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 18px;
  left: 44%;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  color: #A462E7;
  padding: 5px 12px;
  z-index: 1;
  overflow: visible;
  transform: translateY(18px) rotate(45deg);
  border: 1px solid #253339;
  border-radius: 50px;
}
.join-company-icon-box:hover .elementor-icon-box-icon a {
  background-color: #F9EFFF;
}
.join-company-icon-box:hover svg path {
  fill: #000000;
}
.join-company-icon-box:hover::before {
  color: #F06543;
}

/*=============== Join Compnay Section End ===============*/

/*=============== How we work Section Start ===============*/

.how-work-text1 {
  color: #A462E7;
}
.how-work-text2 {
  color: #F06543;
}
.we-work-box {
  border-image-source: linear-gradient(135deg, #3D1377 0%, #F9EFFF 51.2%, #3D1377 100%);
  position: relative;
}
.we-work-box::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #0000008C;
  border-radius: 20px;
  z-index: 1;
} 
.we-work-box:hover .we-work-box-icon {
  background-color: #A462E7 !important;
}

/*=============== How we work Section End ===============*/

/*=============== Portfolio Section End ===============*/

.portfolio-left-col-box1 {
  border-image-source: linear-gradient(103.76deg, #FFFFFF 0%, #2C0F53 43.95%, #FFFFFF 100%);
  background: #2C0F53;
  height: 240px;
}
.portfolio-left-col-box2 {
  background: linear-gradient(180deg, #D6C4F3 0%, #CCA6FF 100%);
  height: 360px;
}

/*=============== Portfolio Section End ===============*/

/*=============== Our Team Section Start ===============*/

.our-team-text1 {
  color: #A462E7;
}
.our-team-text2 {
  color: #F06543;
}
.team-section-content .pp-tm-overlay-content-wrap:before {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;
  left: 13px;
  top: 13px;
  right: 13px;
  bottom: 13px;
  border-radius: 10px;
  opacity: 1;
  background: #F06543A8;   
  backdrop-filter: blur(7px)
}
.team-section-content .pp-tm {
  position: relative;
}
.team-section-content .pp-tm-name {
  position: absolute;
  bottom: 0%;
  transform: translateY(-50px);
  left: 0;
  right: 0;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.team-section-content .pp-tm:hover .pp-tm-name {
  opacity: 1;
}
.team-section-content .pp-tm-overlay-content-wrap .pp-tm-content {
  padding: 25px;
}
.team-section-content .pp-tm-description svg path {
  fill: #F4B90D;
}
.team-section-content .pp-tm-description svg {
  padding-bottom: 10px;
}

/*=============== Our Team Section End ===============*/

/*=============== Testimonial Section Start ===============*/

.testimonial-content-row .elementskit-profile-info {
  width: 70%;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide {
  position: relative;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(odd)::before {
  /* content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16%;
  height: -webkit-fill-available;
  background-color: #A462E7;
  z-index: 2;
  border-radius: 20px 0 0 20px; */
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .elementskit-single-testimonial-slider {
  background-color: #F9EFFF;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even)::before {
  /* content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16%;
  height: -webkit-fill-available;
  background-color: #F9EFFF;
  z-index: 2;
  border-radius: 20px 0 0 20px; */
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even) .elementskit-single-testimonial-slider {
  background-color: #253339;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even) .elementskit-single-testimonial-slider .elementskit-profile-info .elementskit-author-name, .testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even) .elementskit-single-testimonial-slider .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}
.testimonial-content-row .elementkit-commentor-details {
  z-index: 9;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .elementskit-single-testimonial-slider {
  position: relative !important;
  z-index: 3;
  box-shadow: inset 4em 0em #A462E7 !important;
  border-radius: 20px !important;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(odd):hover .elementskit-single-testimonial-slider {
  box-shadow: inset 4em 0em #253339 !important;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even) .elementskit-single-testimonial-slider {
  position: relative !important;
  z-index: 3;
  box-shadow: inset 4em 0em #F9EFFF !important;
  border-radius: 20px !important;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even):hover .elementskit-single-testimonial-slider {
  box-shadow: inset 4em 0em #A462E7 !important;
}
#testimonial-section .testimonial-content-row .elementskit-author-des {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  line-height: 23px;
}
#our-team .pp-tm-description {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 11;
  display: -webkit-box;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .elementskit-single-testimonial-slider ::after {
  position: absolute;
  content: '';
  height: 0px;
  width: 25px;
  left: 64px !important;
  border-bottom: 40px solid #F9EFFF;
  top: 0;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even) .elementskit-single-testimonial-slider ::after {
  position: absolute;
  content: '';
  height: 0px;
  width: 25px;
  left: 64px !important;
  border-bottom: 40px solid #253339;
  top: 0;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .elementskit-single-testimonial-slider ::before {
  position: absolute;
  content: '';
  height: 0px;
  width: 25px;
  left: 64px !important;
  border-bottom: 40px solid #F9EFFF;
  bottom: 0;
}
.testimonial-content-row .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper .swiper-slide:nth-child(even) .elementskit-single-testimonial-slider ::before {
  position: absolute;
  content: '';
  height: 0px;
  width: 25px;
  left: 64px !important;
  border-bottom: 40px solid #253339;
  bottom: 0;
}



/*=============== Testimonial Section End ===============*/


/*=============== Our Clients Section Start ===============*/

.our-clients-text1 {
  color: #A462E7;
}
.our-clients-text2 {
  color: #F06543;
}
#our-clients .elementor-image-carousel figure {
  position: relative;
  transition: 0.3s ease-in-out;
  padding: 20px 0;
}
#our-clients .elementor-image-carousel figure:hover {
  transform: scale(1.1);
}

/*=============== Our Clients Section End ===============*/

/*=============== Blog Section Start ===============*/

.blog-section-content {
  height: 380px;
}
.blog-section-content .pp-posts-container .pp-post {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap:not(.swiper-slide-active) .pp-post-thumbnail img {
  height: 182px;
  object-fit: cover;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap:not(.swiper-slide-active) .pp-post-terms-wrap .pp-post-terms {
  position: absolute;
  top: 6%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  background-color: #FFF;
  border-radius: 9px;
  padding: 14px 20px 14px 40px;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post-thumbnail img {
  height: 100%;
  min-height: 330px;
  object-fit: cover;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active {
  width: 46% !important;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap:not(.swiper-slide-active) {
  width: 27% !important;
}
.blog-section-content .pp-posts-container .pp-posts .swiper-wrapper {
  width: 100% !important;
  max-width: fit-content !important;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap:not(.swiper-slide-active) .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
/* .blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
} */
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap:not(.swiper-slide-active) .pp-post-excerpt p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post .pp-post-thumbnail, 
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post .pp-post-content-wrap {
  width: 50%;
  height: 100%;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post .pp-post-content-wrap {
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.blog-section-content .pp-posts-container .pp-posts .pp-post-term a {
  /* position: absolute;
  left: 0; */
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post-content {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post-content .pp-post-term a {
  padding-left: 30px;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap.swiper-slide-active .pp-post-content .pp-post-term a::before {
  content: '';
  position: absolute;
  top: 0;
  width: 22px;
  height: 22px;
  z-index: 1;
  left: 0;
  background-image: url(assets/images/blog-category.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.blog-section-content .pp-posts-container .pp-posts .pp-carousel-item-wrap:not(.swiper-slide-active) .pp-post-term a::before {
  content: '';
  position: absolute;
  top: 0;
  width: 22px;
  height: 22px;
  transform: translate(12px, 10px);
  z-index: 1;
  left: 0;
  background-image: url(assets/images/blog-category.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.blog-section-content .pp-posts-container .pp-posts .pp-meta-text a {
  color: #3C3C3C !important;
}
.blog-section-content .pp-posts-container .pp-posts .pp-post-term:hover a {
  color: #F06543 !important;
}


/*=============== Blog Section End ===============*/

/*================= Contact Us Section Start ==================*/

.contact-text1 {
  color: #A462E7;
}
.contact-text2 {
  color: #F06543;
}
.homep-contact-us form input[type="text"]::placeholder, .homep-contact-us form input[type="email"]::placeholder, .homep-contact-us form input[type="tel"]::placeholder, .homep-contact-us form textarea::placeholder {
  font: 400 14px/16px "Montserrat";
  color: #777777ba;
}
.homep-contact-us textarea {
  height: 46px;
}
.homep-contact-us form input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  width: 100%;
  border-radius: 0px;
  padding: 8px 8px;
  border: unset;
  background-color: unset;
  color: #253339;
  border-bottom: 1px solid #77777785;
}
.homep-contact-us form label {
  font: 500 16px/20px "Montserrat";
  color: #FFFFFF;
}
.homep-contact-us form input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: unset !important;
}
.homep-contact-us form input[type="text"]:focus-visible {
  outline: unset !important;
}
.homep-contact-us .submit-btn .wpcf7-submit {
  background-color:#FFFFFF;
  padding: 14px 25px;
  color: #253339;
  border-radius: 50px;
  border: 1px solid #253339;
  font: 400 16px/16px "Montserrat";
  &:hover {
    background-color: #000;
    color: #FFF;
  }
}
.homep-contact-us .wpcf7-response-output {
  margin: 1em 0em 0em !important;
  padding: 6px 8px !important;
  border: 1px solid #253339 !important;
  color: #253339;
  font: 400 15px/15px "Montserrat";
}
.homep-contact-us form .row {
  gap: 12px;
}
.homep-contact-us form .row>div {
  width: 49%;
}
.homep-contact-us form.invalid .row, .homep-contact-us form.failed .row, .homep-contact-us form.sent .row {
  /* padding: 0px !important; */
}
.homep-contact-us form.invalid .submit-btn, .homep-contact-us form.failed .submit-btn, .homep-contact-us form.sent .submit-btn {
  margin-top: 2px !important;
}

/*================= Contact Us Section End ==================*/









/*=============== Career Us Counseling CSS End ===============*/







/*=============== Sports Club Start ===============*/











/*=============== Testimonial Start ===============*/

/* #testimonial-section {
  position: relative;
}
.testimonial-content .uc_quote_slider .uc_quote_item {
  position: relative;
  backdrop-filter: blur(10px);
}
.testimonial-content .uc_quote_slider .uc_quote_item:hover svg path {
  fill: #FFFFFF;
}
.testimonial-content .uc_quote_slider .uc_quote_item .ue-icon {
  position: absolute;
  right: 30px;
  top: 30px;
}
.testimonial-content .uc_quote_slider .uc_stars {
  position: absolute;
  left: 33%;
  top: 26%;
}
.testimonial-content .uc_quote_slider .uc_quote_item .ue-icon svg path {
  fill: #3d494f9e;
}
.testimonial-content .uc_quote_slider .owl-item.active.uc-active-item .ue-icon svg path {
  fill: #6CC44D;
}
.testimonial-content .uc_quote_slider .owl-dot {
  border: 1px solid #FFF;
}
.testimonial-content .uc_quote_slider .owl-dot.active {
  border: 1px solid #F06543;
}
.testimonial-content .uc_quote_slider .ue-text p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
}
.testimonial-content .uc_quote_slider .uc_author {
  align-items: center !important;
}
.testimonial-content .uc_quote_slider .ue-item .ue-text p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
} */

/*=============== Testimonial End ===============*/




/* =============== Our Team Start ===============*/

/* #our-team {
  position: relative;
}
.vollyball {
  position: absolute;
  top: 0;
  right: 0;
}
.our-team-content .pp-tm {
  position: relative;
}
.our-team-content .pp-tm .pp-tm-content {
  position: absolute;
  bottom: 7%;
  left: 12px;
  right: 12px;
  margin: auto;
  padding: 18px 12px 12px 12px;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background: #00000080;
}
.our-team-content .pp-tm:hover .pp-tm-content {
  background: #F06543;
}
.our-team-content .pp-tm-social-links li svg path {
  fill: #000000;
}
.our-team-content .pp-tm-social-links li:hover svg path {
  fill: #FFFFFF;
}
.our-team-content .pp-tm-social-links .elementor-icon.elementor-social-icon {
  width: 32px;
  height: 32px;
}
.our-team-content .pp-tm-social-links {
  display: none;
  transition:  0.5s ease-in-out;
  transition-timing-function: linear;
}
.our-team-content .pp-tm:hover .pp-tm-social-links {
  display: block;
} */

/*=============== Our Team End =============== */





/*=============== Sports Club End ===============*/


/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  float: unset !important;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/*========== Star Rating CSS End ============*/

/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #A462E7;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #000000;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #FAF8F4;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}



.loader {
  width: 100px;
  aspect-ratio: 1;
  padding: 10px;
  box-sizing: border-box;
  display: grid;
  background: transparent;
  /* filter: blur(3px) contrast(7) hue-rotate(290deg); */
  /* mix-blend-mode: darken; */
}
.loader:before{
  content: "";
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #A462E7;
  background: currentColor;
  box-shadow: -30px 0,30px 0,0 30px, 0 -30px;
  animation: l6 1s infinite alternate;
}
@keyframes l6{
  90%,100% {box-shadow: -10px 0,10px 0,0 10px, 0 -10px;transform: rotate(180deg)}
}


/*============= Preloader End =============*/