/*!
Theme Name: Wowsly
Theme URI: http://underscores.me/
Author: Latitude Technolabs Pvt. Ltd.
Author URI: https://latitudetechnolabs.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wowsly
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Main Author: Praniket Nayka

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

Wowsly is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
  --orange: #ff8359;
  --black: #000000;
  --black2: #333;
  --white: #fff;
  --white2: #ffffffdc;
  --orangeRadiant: linear-gradient(266.97deg, #ff5957 4.45%, #fe8058 89.75%);
}

.menu-1300 a {
  color: var(--orange) !important;
}

.bg-white .menu-1300 a {
  color: var(--black1) !important;
}

.low-cost-content-left h3 {
  font-size: 34px;
}

#faqSection a {
  color: var(--orange);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration-line: underline;
}

.admin-bar .fixed-top {
  top: 32px;
}

.wpcf7-not-valid-tip {
  margin-top: 5px;
  margin-left: 5px;
}

.contact-form-submit-btn p {
  display: flex;
  align-items: center;
}

.wpcf7 form .wpcf7-response-output {
  margin: 10px 0;
}

.main_text_p {
  font-weight: 400;
}

.main_text_p h5,
.main_text_p .h5 {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  background: var(--orangeRadiant);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 9px;
  margin-top: 42px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-22 {
  margin-top: 22px;
}

.main_text_p p {
  margin-bottom: 20px;
}

.fw-500 {
  font-weight: 500;
}

.pt-42 {
  padding-top: 42px;
}

.modal-new .content .fp-0 p {
  margin: 0;
}

.wpcf7-spinner {
  display: none;
  margin: 5px auto 0px;
}

form.submitting .wpcf7-spinner {
  display: block;
}

.star-rating .wpcf7-list-item-label::before,
.star-rating .wpcf7-list-item-label::after {
  display: none;
}

.star-rating label {
  line-height: 1.5;
}

span.wpcf7-form-control.wpcf7-radio label:not(:last-child) {
  margin-left: 3.5px;
}

.modal-new textarea.form-control,
.blog-wrapper form textarea,
.contact-section form textarea {
  resize: none;
}

.page-link {
  background: var(--orangeRadiant);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-width: 38px;
  text-align: center;
}

.page-item.disabled .page-link {
  background: var(--color2);
  -webkit-text-fill-color: var(--color2);
}

.page-item.active .page-link {
  background: var(--orangeRadiant);
  border-color: var(--orangeRadiant);
  -webkit-text-fill-color: #fff;
}

.page-link:hover {
  color: var(--white);
  box-shadow: none;
  background: linear-gradient(266.97deg, #f8413e 4.45%, #fe8058 89.75%);
  -webkit-text-fill-color: #fff;
}

body:not(.page-id-56) .about-section img {
  border-radius: 0;
}

.current_page_item a {
  color: var(--orange);
  opacity: 1;
}

.box-slider-events li {
  color: var(--black2);
}

#event-owl-carousel-description .box-slider-events p {
  font-size: 15px;
  opacity: 0.7;
}

#organization-description-owl-carousel .box-slider-events p,
#organization-description-owl-carousel .box-slider-events ul {
  opacity: 0.7;
}

.function-section-achivements .function-box p {
  font-size: 24px;
}

.function-section:not(.function-section-achivements) .function-box p {
  opacity: 0.7;
}

.event-model a.submit-btn:hover {
  color: var(--white);
  box-shadow: none;
  background: linear-gradient(266.97deg, #f8413e 4.45%, #fe8058 89.75%);
}

.client-logo-slider {
  padding: 20px 0;
}

#client-logo-owl-carousel .item img {
  width: 200px;
  object-fit: contain;
  height: 80px;
}

.banner-body .banner-content p {
  opacity: 1;
}

.past-events-section .card-div p {
  color: var(--white) !important;
}

.past-events-section .content {
  text-align: left;
}

.testimonial-section .card-div .testimonial-info p {
  width: 100%;
}

#video-container video {
  background: none;
}

.nav-link {
  opacity: 1;
  text-transform: none;
}

.fabTrigger {
  cursor: pointer;
}

#testimonial-owl-carousel .card-div p {
  width: inherit !important;
}

#past-owl-carousel .card-div {
  width: 100%;
}

.content-block-main {
  justify-content: end;
}

.sub-banner-section .banner-body .banner-content h1 {
  text-transform: inherit;
}

.blogs-section,
.faq-section,
.client-logo-slider {
  padding: 0;
}

.events-section .owl-carousel .owl-item .card-div .card-box {
  width: auto;
  height: auto;
}

.fabWidget {
  bottom: 50px;
  right: 50px;
}


#faqSection .accordion-button:after {
  background-image: url(../wowsly/assets/images/New/chevron-down.png);
  transform: unset;
  height: 30px;
  width: 30px;
  background-size: 30px;
}

.owl-carousel {
  padding-top: 0px;
}

.crl-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}


.play-button-wrapper {
  pointer-events: unset;
}



.currency-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.toggle-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 70px;
  /* Smaller width */
  height: 30px;
  /* Smaller height */
}

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 30px;
  margin: 0px 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: #f0f0f0; */
  background-color: #ff8359;
  transition: 0.4s;
  border-radius: 15px;
  /* Adjust border radius for smaller size */
  border: 2px solid #ff8359;
  box-shadow: 2px 2px 16px #ff6357;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  /* Smaller circle */
  width: 22px;
  /* Smaller circle */
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
  border: 2px solid #ff8359;
}

input:checked+.slider {
  background-color: #ff8359;
}

input:checked+.slider:before {
  transform: translateX(38px);
  /* Adjust for smaller size */
}

.label-india,
.label-us {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  /* Smaller font size */
  font-weight: bold;
  color: #666;
  transition: color 0.4s;
  pointer-events: none;
}

.label-india {
  left: 6px;
  /* Adjust for smaller size */
  color: #ff8359;
}

.label-us {
  right: 6px;
  /* Adjust for smaller size */
}

input:checked~.label-india {
  color: #fff;
}

input:checked~.label-us {
  color: #ff8359;
}

.card-box:hover,
.card-box:active,
.card-box:focus {
  box-shadow: unset;
  background-color: unset;
}

.about-mega-event p {
  font-size: 22px;
  line-height: 1.6;
}

.about-mega-event h3 {
  line-height: 1.3;
  margin-bottom: 20px;
}

/*.support-section .card-2{
  box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.67) inset;
}*/
.event-thumb p {
  display: flex;
  align-items: center;
  gap: 5px;
}

.e-ticket-section i {
  padding-top: 0;
  color: unset;
}


/* Responsive CSS */
@media screen and (min-width: 991px) {
  .navbar-expand-lg img {
    width: 100px;
    height: 100px !important;
  }

}

@media screen and (min-width: 576px) {
  .secondary-btn {
    max-width: 170px;
    width: 100%;
  }

}

@media screen and (max-width: 991px) {
  .client-logo-slider {
    padding: 10px 0;
  }

  .title-box .navbar-brand img {
    height: 60px;
    width: 60px;
  }

  .section-infographic {
    margin: 30px 0;
    min-height: 700px;
  }

  .function-section,
  .events-section,
  .organization-section,
  .blogs-section {
    padding: 0;
  }
}

@media screen and (max-width: 575px) {
  .main_text_p h5 {
    font-size: 16px;
  }

  #organization-owl-carousel,
  #event-owl-carousel,
  #organization-owl-carousel,
  #event-owl-carousel-description {
    width: 85%;
    margin: auto;
  }
}

/*@media screen and (max-width: 458px) {
  .event-thumb{
    flex-basis: 50%;
    width: 50%;
  }
}*/
@media screen and (max-width: 380px) {

  nav .primary-btn,
  nav .secondary-btn {
    padding: 6px 8px;
    font-size: 11px;
  }
}

@media screen and (max-width: 340px) {

  nav .primary-btn,
  nav .secondary-btn {
    padding: 6px 8px;
    font-size: 9px;
  }
}

@media screen and (max-width: 991px) {
  .play-button-wrapper img {
    height: auto;
    width: 60px;
  }

  .light-box-content,
  .dark-box-content {
    transform: unset;
    position: unset;
  }

  .dark-box h2,
  .light-box h2 {
    font-size: 28px;
  }

  .nav-item .dropdown-toggle {
    display: block;
  }

}

@media screen and (max-width: 767px) {
  .banner-content .align-items-center {
    flex-direction: inherit !important;
  }

  .about-section p {
    font-size: 16px;
  }
}

@media screen and (max-width: 1366px) {

  /* .banner-body .banner-content .home-banner h1 {
    font-size: 50px;
  } */
  /* .banner-body .banner-content .home-banner h3 {
    font-size: 30px;
  } */

  .banner-body .banner-content .home-banner p {
    font-size: 14px;
  }

  .outler-line a {
    pointer-events: unset;
  }

}

@media screen and (max-width: 575px) {
  .blog-card {
    width: 100%;
    margin: auto;
  }

  #blogs-owl-carousel .owl-prev {
    left: -6%;
  }

  #blogs-owl-carousel .owl-next {
    right: -6%;
  }

  #event-owl-carousel {
    width: 100%;
    margin: 10px 0;
  }

  .banner-body .banner-content h1 {
    font-size: 28px;
    line-height: 125%;
    font-weight: 700;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 90px;
  }

  #home-top-video {
    height: 900px;
  }

  .banner-body .banner-content .home-banner h1 {
    margin-top: 0px;
  }

  .fabWidget {
    bottom: 90px;
    right: 20px;
  }
}

@media (max-width: 768px) {
  .logo-text {
    font-size: 12px;
    margin-bottom: 10px;
  }
}






@media (max-width: 992px) {
  .bg-white .menu-1300 a {
    color: white !important;
  }

  .circle-logo h2 {
    font-size: 11px;
  }

  .circle-chart svg {
    width: 230px;
    height: 230px;
  }

  .infographic1-number {
    width: 70px;
    height: 70px;
  }

  .infographic1-number svg {
    transform: translate(calc(4% + 0px), -55%);
    width: 35px;
    height: 35px;
  }

  .box-1 {
    top: 50px;
    right: 280px;
  }

  .box-2 {
    top: 205px;
    left: 150px;
  }

  .box-3 {
    left: 275px;
    top: 100px;
  }
}