/*
Theme Name: Event Band Services Pro
Description: Event Band Services Pro WordPress Theme is the perfect choice for building Event Band Services 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 Event Band Services Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Event Band Services 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/event-band-services/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: event-band-services-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=Outfit:wght@100..900&family=outfit: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');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "outfit", 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: "outfit", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "outfit", 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 !important;
  width: 100%;
  z-index: 9999 !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);
  }
}

/*================ DJ Service Start  ================*/

.header-btn .elementskit-btn > svg {
  background-color: #B62CF5;
  width: 32px !important;
  height: 32px !important;
  padding: 7px;
  border-radius: 50px;
  transform: translateX(-8px);
  z-index: 2;
}
.header-btn .elementskit-btn > svg path {
  fill: #FFFFFF;
}
.header-btn .elementskit-btn {
  position: relative;
  z-index: 2;
}
.header-btn .elementskit-btn::after {
  content: '';
  position: absolute;
  right: 0;
  background: linear-gradient(270deg, #5E1078 0%, #A20D85 32.89%, #F902A0 100%);
  top: 0;
  width: 70%;
  z-index: -1;
  height: -webkit-fill-available;
  border-radius: 30px 30px 30px 30px;
}
.header-btn .elementskit-btn:hover::after {
  background: #B62CF5;
}
.header-btn .elementskit-btn:hover svg {
  background-color: #5E1078;
}

.elementskit-btn > svg {
  background-color: #3E0B61;
  width: 32px !important;
  height: 32px !important;
  padding: 7px;
  border-radius: 50px;
  transform: translateX(-8px);
  z-index: 2;
}
.elementskit-btn > svg path {
  fill: #FFFFFF;
}
.elementskit-btn {
  position: relative;
  z-index: 2;
}
.elementskit-btn::after {
  content: '';
  position: absolute;
  right: 0; 
  background: linear-gradient(90deg, #F902A0 0%, #A20D85 71.87%, #5E1078 100%);
  top: 0;
  width: 70%;
  z-index: -1;
  height: -webkit-fill-available;
  border-radius: 30px 30px 30px 30px;
}
.elementskit-btn:hover::after {
  background: #B62CF5;
}
.elementskit-btn:hover svg {
  background-color: #B62CF5;
}

.about-btn .elementskit-btn::after {
  width: 78%;
}
.about-btn .elementskit-btn:hover::after {
  background: #B62CF5;
}

.sound-experience-btn .elementskit-btn::after {
  width: 79%;
}
.sound-experience-btn .elementskit-btn:hover::after {
  background: #B62CF5;
}


/* ========================== Top Slider Start ========================== */

@media screen and (min-width:1366px) and (max-width:1920px) {
  #top-banner {
    transition: 0.3s ease-in-out;
    animation: moveBackground 10s infinite alternate;
  }
  @keyframes moveBackground {
    0% {
      background-position: 90% 0%; /* Starting position (top left) */
      background-size: 54%;
    }
    50% {
      background-position: 110% 50%; /* Middle position (right center) */
      background-size: 60%;

    }
    100% {
      background-position: 90% 0%; /* Ending position (back to top left) */
      background-size: 54%;

    }
  }
}

.top-banner-box {
  width: max-content;
}
.top-banner-box .elementor-image-box-content {
  width: auto;
}

/* ========================== Top Slider End ========================== */


/* ========================== About Us Section Start ========================== */

#about {
  box-shadow: 0px 1px 12px 0px #A20D85;
}
.about-right-col {
  position: relative;
}
.about-top-shape {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(15px, -142px);
}
.about-bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(150px, 130px);
}
.about-left-col .elementor-image-box-img {
  margin-bottom: 0px !important;
}

/* ========================== About Us Section End ========================== */

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

#services {
  box-shadow: 0px 1px 12px 0px #A20D85;
}
#services .pp-posts .pp-post-thumbnail img {
  height: 360px;
  object-fit: cover;
}
#services .pp-post .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  height: 27px;
  line-height: 27px;
  align-items: center;
  display: inline-flex;
}
#services .pp-posts .pp-carousel-item:hover {
  background: linear-gradient(214.22deg, #F902A0 2.99%, #A20D85 19.1%, #5E1078 97.91%);
}
#services .pp-posts .pp-carousel-item:hover .pp-post-excerpt p {
  color: #FFFFFF;
}
#services .pp-posts .pp-carousel-item {
  position: relative;
}
#services .pp-posts .pp-carousel-item .pp-post-title {
  position: absolute;
  bottom: 21%;
  clip-path: polygon(6.071% 0%, 20.714% 0%, 50% 0%, 79.286% 0%, 93.929% 0%, 98.017% 27.922%, 98.017% 27.922%, 98.967% 36.216%, 99.561% 45.336%, 99.821% 54.881%, 99.768% 64.451%, 99.425% 73.646%, 98.814% 82.067%, 97.955% 89.313%, 96.87% 94.983%, 95.582% 98.679%, 94.111% 100%, 5.889% 100%, 5.889% 100%, 4.418% 98.679%, 3.13% 94.983%, 2.045% 89.313%, 1.186% 82.067%, 0.575% 73.646%, 0.232% 64.451%, 0.179% 54.881%, 0.439% 45.336%, 1.033% 36.216%, 1.983% 27.922%, 6.071% 0%);
  background-color: #FFFFFF;
  height: 48px;
  width: 89%;
  margin: auto;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding-left: 26px;
}
#services .pp-posts .pp-carousel-item:hover .pp-post-title {
  background: linear-gradient(90deg, #5E1078 0%, #A20D85 62.22%, #F902A0 100%);
}
#services .pp-posts .pp-carousel-item:hover .pp-post-title a {
  color: #FFFFFF;
}
#services .pp-posts-container .pp-slider-arrow {
  top: 45%;
}
#services .pp-posts .pp-post-title a svg {
  padding-left: 10px;
  font-size: 18px;
}
#services .pp-posts .pp-post-title a svg path {
  fill: #3E0B61;
}
#services .pp-posts .pp-carousel-item:hover svg path {
  fill: #FFFFFF;
}

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

/* ========================== Sound Experience Section Start ========================== */

#sound-experience {
  box-shadow: 0px 0px 30px 0px #600558;
}
.sound-experience-right-col .srp_main_control .sricon-play:before {
  font-size: 24px;
}
.sound-experience-right-col {
  position: relative;
}
.sound-experience-right-col .album-player {
  display: flex;
  flex-direction: column;
}
.sound-experience-right-col .iron-audioplayer {
  flex-flow: row wrap;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.sound-experience-right-col .iron-audioplayer .album-store {
  width: 0%;
  display: none;
}
.sound-experience-right-col .iron-audioplayer .album .album-art img {
  width: 130px;
  height: 120px;
  border-radius: 10px;
  object-fit: cover;
}
.sound-experience-right-col .iron-audioplayer .srp_miniplayer_metas {
  text-align: left;
}
.sound-experience-right-col .iron-audioplayer .album-player {
  padding: 0px 0px 0px 20px;
  flex: 0 1 100%;
  margin-top: 0px;
}
.sound-experience-right-col .iron-audioplayer .player .sr_progressbar {
  width: 85%;
}
.sound-experience-right-col .srp_main_control {
  position: absolute;
  right: 8px;
  top: -12px;
}
.sound-experience-right-col .srp_main_control {
  grid-template-columns: unset !important;
}
.sound-experience-right-col .iron-audioplayer .control .previous, .sound-experience-right-col .iron-audioplayer .control .next {
  opacity: 0 !important;
  display: none;
}
.sound-experience-right-col .track-title {
  color: #231F20;
  font: 500 24px/24px "Outfit";
}
.sound-experience-right-col .album-title {
  color: #868181;
  font: 300 14px / 20px "Outfit";
  padding-top: 6px;
}
.sound-experience-right-col .iron-audioplayer .control .play {
  opacity: 1 !important;
  cursor: pointer;
  background: unset;
  border-radius: 10px;
  padding: 8px 16px 5px 16px;
  border: 2px solid #5E1078;
  /* color: #FFFFFF; */

  /* border-color: linear-gradient(243.77deg, #5E1078 8.37%, #A20D85 62.59%, #F902A0 93.46%); */
  /* border-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%) 1;
  border-width: 2px;
  border-style: solid; */
}

.sound-experience-right-col .iron-audioplayer .control .play {
  /* opacity: 1 !important;
  cursor: pointer;
  background: transparent; 
  border-radius: 10px;
  padding: 8px 16px 5px 16px; */

  /* border: 2px solid transparent;
  border-image: linear-gradient(243.77deg, #5E1078 8.37%, #A20D85 62.59%, #F902A0 93.46%);
  border-image-slice: 1; */

  /* Optional extras */
  /* color: #fff; /* text/icon color */
  /*transition: all 0.3s ease; */
}



.sound-experience-right-col .iron-audioplayer .sonaar_fake_wave {
  margin-top: 0px;
  margin-bottom: 0px;
}
.sound-experience-right-col .srp_main_control .sricon-play:before {
  background: linear-gradient(211.47deg, #5E1078 11.68%, #A20D85 58.6%, #F902A0 94.66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover:before {
  /* background: #FFFFFF;
  color: #FFFFFF; */
}

.sound-experience-right-col-top-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-160px, -132px);
}
.sound-experience-right-col-bottom-img {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(134px, 130px);
}
.sound-experience-right-col .iron-audioplayer .player .currentTime {
  opacity: 1;
  color: #000000;
}
.sound-experience-right-col .iron-audioplayer .player .totalTime {
  opacity: 1;
  color: #000000;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .iron-audioplayer .player .currentTime {
  color: #FFFFFF;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .iron-audioplayer .player .totalTime {
  color: #FFFFFF;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover {
  background-color: #F902A0;
  border-radius: 20px 20px 20px 20px!important;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .track-title,
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .album-title {
  color: #FFFFFF;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .iron-audioplayer .control .play {
  border: 2px solid #FFFFFF;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .srp_main_control .sricon-play:before {
  /* color: #FFF; */
  background: #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #FFFFFF;
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .sonaar_wave_base canvas {
  filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(600%) hue-rotate(290deg);
}
.sound-experience-right-col .elementor-widget-music-player .elementor-widget-container:hover .sonaar_wave_cut canvas {
  background-color: transparent !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1);
}



/* ========================== Sound Experience Section End ========================== */

/* ========================== Upcoming Events Section Start ========================== */

#upcoming-event {
  box-shadow: 0px 0px 30px 0px #A20D85;
}
#upcoming-event .upcoming-event-content {
  overflow: hidden;
}
.upcoming-event-content .event-featured-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position:relative; 
  width:500px; 
  height:500px;
  border-radius:20px;
}
.upcoming-event-content .event-featured-img::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(360deg, #3E0B61 0%, #3E0B61 23.56%, rgba(46, 76, 182, 0.2) 45.2%, rgba(46, 76, 182, 0.1) 100%);
  opacity: 0.6;
}

#upcoming-event .upcoming-event-container.swiper-slide-next .event-featured-img {
  position: relative;
}
#upcoming-event .upcoming-event-container.swiper-slide-next .event-featured-img::after {
  content: '\f005';
  position: absolute;
  right: 20px;
  top: 20px;
  font-family: "FontAwesome";
  font-weight: 800;
  color: #FFF;
  font-size: 16px;
  line-height: 16px;
  background-color: #000407E5;
  padding: 10px 10px;
  border-radius: 50px;
}

#upcoming-event .upcoming-event-container .event-date-container {
  background-color: #FFFFFF;
  width: fit-content;
  padding: 10px 30px;
  border-radius: 0 0 20px 20px;
  margin-left: 30px;
}
#upcoming-event .upcoming-event-container.swiper-slide-next .event-date-container {
  background-color: #000407;
}
#upcoming-event .upcoming-event-container.swiper-slide-next .event-date-container .event-day, 
#upcoming-event .upcoming-event-container.swiper-slide-next .event-date-container .event-month {
  color: #FFFFFF !important;
}
#upcoming-event .upcoming-event-container .event-day {
  color: #2E4CB6;
  font: 500 32px/32px "Outfit";
}
#upcoming-event .upcoming-event-container .event-month {
  color: #2E4CB6;
  font: 400 18px/18px "Outfit";
  padding-top: 10px;
}

/* #upcoming-event .upcoming-event-container.swiper-slide-active .event-featured-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position:relative; 
  width:500px; 
  height:500px;
  border-radius:20px;
}
#upcoming-event .upcoming-event-container.swiper-slide-active .event-featured-img::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(360deg, #3E0B61 0%, #3E0B61 23.56%, rgba(46, 76, 182, 0.2) 45.2%, rgba(46, 76, 182, 0.1) 100%);
  opacity: 0.6;
} */

.upcoming-event-bottom-content {
  position: absolute;
  bottom: 30px;
  left: 20px;
}
.upcoming-event-content .swiper-pagination {
  bottom: -8% !important; 
}
.upcoming-event-bottom-content h4 {
  font: 600 36px/36px "Outfit";
  color: #FFFFFF;
  text-align: left;
}
.upcoming-event-bottom-content h4 a {
  font: 600 36px/36px "Outfit";
  color: #FFFFFF;
  text-align: left;
}
.upcoming-event-bottom-content h6 {
  font: 300 18px/18px "Outfit";
  color: #FFFFFF;
  text-align: left;
}
.upcoming-event-content .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  color: #FFFFFF !important;
  background-color: #FFFFFF !important;
  opacity: 1 !important;
}
.upcoming-event-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #A20D85 !important;
}
.upcoming-event-content .slider_navigation {
  opacity: 0;
} 
.upcoming-event-content .slider_navigation .slider_nav{
  opacity: 0;
  cursor: unset;
} 


/* ========================== Upcoming Events Section End ========================== */

/* ========================= Live Performance Section Start ======================== */

#performance-gallery {
  box-shadow: 0px 0px 30px 0px #A20D85;
}
.performance-gallery-box {
  position: relative;
}
.performance-top-img {
  position: absolute;
  top: 16%;
  left: 0;
  transform: translate(-141px, -152px);
}
.performance-bottom-img {
  position: absolute;
  top: 16%;
  right: 0;
  transform: translate(162px, 168px);
}
.performance-bottom-left-img {
  position: absolute;
  bottom: -11%;
  left: 0;
  transform: translate(151px, -143px);
}
.performance-bottom-right-img {
  position: absolute;
  bottom: 3%;
  right: 0;
  transform: translate(233px, 156px);
}
.mfp-iframe-holder .mfp-close.ekit-popup-close {
  top: 9% !important;
}
.performance-gallery-row-video:hover.performance-gallery-row-video>div {
  background: linear-gradient(270deg, #5E1078 0%, #A20D85 32.89%, #F902A0 100%);
}

/* ========================= Live Performance Section End ======================== */

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

#testimonial {
  box-shadow: 0px 1px 12px 0px #A20D85;
}
#testimonial .ekit-main-swiper .swiper-navigation-button {
  opacity: 1;
  &:hover {
    border-color: #A20D85;
  }
}
#testimonial .ekit-main-swiper .swiper-navigation-button:hover svg path {
  fill: #A20D85;
}
#testimonial .swiper-button-prev svg path, #testimonial .swiper-button-next svg path {
  fill: #FFFFFF;
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-content {
  display: grid;
}
#testimonial .elementskit-testimonial-slider .elementskit-stars {
  order: 2;
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-content p {
  order: 1;
}
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider {
  position: relative;
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-image {
  text-align: right;
}
#testimonial .elementskit-testimonial-slider .elementskit-author-name svg {
  padding-right: 6px;
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-bio .elementskit-commentor-image > img {
  border-radius: 10px 0 10px 10px;
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-content ul {
  padding-left: 0px;
  text-align: center;
}
#testimonial .elementskit-testimonial-slider .line-custom-wrapper {
  position: relative;
  padding-left: 12px;
}
#testimonial .elementskit-testimonial-slider .line-custom-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  width: 26%;
  height: 100%;
  border-radius: 10px;
  border-top: 4px solid #FFF;
  border-left: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-image img {
  transform: translate(-12px, 12px);
}
#testimonial .elementskit-testimonial-slider .elementskit-commentor-image::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
  height: 33%;
  border-radius: 10px;
  border-top: 4px solid #FFF;
  border-right: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
}
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider:hover .elementskit-author-name,
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider:hover .elementskit-author-des,
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider:hover .elementskit-commentor-content p {
  color: #A20D85;
}
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider:hover .elementskit-author-name svg path {
  fill: #A20D85;
}
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider:hover .elementskit-commentor-image::after {
  border-top: 4px solid #A20D85;
  border-right: 4px solid #A20D85;
  border-bottom: 4px solid #A20D85;
}
#testimonial .elementskit-testimonial-slider .elementskit-single-testimonial-slider:hover .line-custom-wrapper::after {
  border-top: 4px solid #A20D85;
  border-left: 4px solid #A20D85;
  border-bottom: 4px solid #A20D85;
}



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

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

#pricing-plan {
  box-shadow: 0px 1px 12px 0px #A20D85;
}
.pricing-plan-content-row {
  position: relative;
}
.pricing-plan-content-row .elementskit-pricing-price-wraper {
  text-align: left;
}
.pricing-plan-content-row .elementskit-single-pricing {
  clip-path: polygon(0% 7.828%, 0% 7.828%, 0.139% 6.558%, 0.539% 5.354%, 1.181% 4.23%, 2.042% 3.205%, 3.099% 2.293%, 4.332% 1.51%, 5.719% 0.874%, 7.237% 0.399%, 8.866% 0.102%, 10.582% 0%, 89.418% 0%, 89.418% 0%, 91.134% 0.102%, 92.763% 0.399%, 94.281% 0.874%, 95.668% 1.51%, 96.901% 2.293%, 97.958% 3.205%, 98.819% 4.23%, 99.461% 5.354%, 99.861% 6.558%, 100% 7.828%, 100% 80.558%, 100% 80.558%, 99.931% 81.193%, 99.73% 81.795%, 99.409% 82.356%, 98.979% 82.869%, 98.45% 83.325%, 97.834% 83.716%, 97.141% 84.035%, 96.381% 84.272%, 95.567% 84.42%, 94.709% 84.472%, 47.243% 84.472%, 47.243% 84.472%, 45.997% 84.526%, 44.785% 84.685%, 43.618% 84.945%, 42.505% 85.3%, 41.457% 85.745%, 40.485% 86.275%, 39.598% 86.886%, 38.807% 87.572%, 38.122% 88.329%, 37.554% 89.151%, 32.501% 97.66%, 32.501% 97.66%, 32.216% 98.071%, 31.874% 98.45%, 31.479% 98.793%, 31.035% 99.098%, 30.549% 99.363%, 30.025% 99.586%, 29.469% 99.763%, 28.885% 99.893%, 28.279% 99.973%, 27.656% 100%, 10.582% 100%, 10.582% 100%, 8.866% 99.898%, 7.237% 99.601%, 5.719% 99.126%, 4.332% 98.49%, 3.099% 97.707%, 2.042% 96.795%, 1.181% 95.769%, 0.539% 94.646%, 0.139% 93.442%, 0% 92.172%, 0% 7.828%);
  background-color: #FFFFFF;
  padding: 0px 16px 0 16px;
  border-radius: 40px;
  &:hover {
    background-color: #A20D85;
  }
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-subtitle {
  color: #FFFFFF !important;
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-lists li svg path {
  fill: #FFFFFF !important;
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-lists li {
  color: #FFFFFF !important;
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-price .period {
  color: #FFFFFF !important;
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-price sup {
  color: #FFFFFF !important;
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-price span {
  color: #FFFFFF !important;
}
.pricing-plan-content-row .elementskit-single-pricing:hover .elementskit-pricing-title {
  background-color: #FFFFFF !important;
  color: #A20D85 !important;
}
.pricing-plan-content-row .ekit-wid-con:hover .elementskit-pricing-btn {
  color: #A20D85 !important;
}
.pricing-plan-content-row .ekit-wid-con:hover .elementskit-pricing-btn svg path {
  fill: #A20D85 !important;
}


/* .pricing-plan-content-row .elementskit-pricing-btn {
  clip-path: path('M46.6963 0.5H230C238.008 0.5 244.5 6.99187 244.5 15V33C244.5 53.1584 228.158 69.5 208 69.5H12.4668C3.90627 69.5 -1.65371 60.4809 2.19238 52.833L20.3408 16.7461C25.35 6.78556 35.5471 0.5 46.6963 0.5Z');
  border: 14px solid #FFF;
} */
.pricing-plan-content-row .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn {
  border-radius: 25px 0px 29px 0px;
  padding: 11px 41px;
}
.pricing-plan-content-row .elementskit-pricing-btn svg path {
  fill: #FFFFFF;
}
.pricing-plan-content-row .elementskit-pricing-btn {
  color: #FFFFFF;
}
.pricing-plan-content-row .elementskit-pricing-btn svg {
  transform: translateX(10px);
}
.pricing-plan-content-row .elementskit-single-pricing .elementskit-pricing-price-wraper.has-tag .elementskit-pricing-price sub.period {
  vertical-align: super;
  position: absolute;
  top: 0;
  left: 0;
}
#pricing-plan .pricing-plan-content-row .ekit-wid-con {
  position: relative !important;
}
.pricing-plan-content-row .elementskit-pricing-btn-wraper {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 20px 80px;
  background-image: url(assets/images/shape-button.png);
  background-size: 100% 100%;
  overflow: hidden;
  cursor: pointer;

  /* mask-image: url('assets/images/button-shape-mask.svg');
  mask-repeat: no-repeat; 
  mask-size: cover;*/
  /* box-shadow: 2px 1px 0px 1px red;
  border-radius: 10px 18px 35px 10px; */
}
.pricing-plan-content-row .elementor-widget-container {
  height: max-content;
}
.pricing-plan-content-row .elementskit-pricing-header .elementskit-pricing-title {
  clip-path: polygon(0% 0%, 100% 0%, 95.387% 73.806%, 95.387% 73.806%, 95.043% 78.343%, 94.602% 82.541%, 94.073% 86.366%, 93.465% 89.788%, 92.786% 92.772%, 92.044% 95.287%, 91.247% 97.3%, 90.405% 98.778%, 89.526% 99.689%, 88.618% 100%, 87.5% 100%, 75% 100%, 50% 100%, 25% 100%, 12.5% 100%, 11.383% 100%, 11.383% 100%, 10.474% 99.689%, 9.595% 98.778%, 8.753% 97.3%, 7.957% 95.287%, 7.215% 92.772%, 6.535% 89.788%, 5.927% 86.366%, 5.398% 82.541%, 4.957% 78.343%, 4.613% 73.806%, 0% 0%);
  background-color: #231F20;
  margin: 0 35px;
  padding: 12px 40px;
}
.pricing-plan-content-row .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header {
  margin-bottom: 15px;
}
.pricing-plan-content-row .pricing-top-shape  {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-141px, -138px);
}
.pricing-plan-content-row .pricing-bottom-shape  {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(150px, 130px);
}
#pricing-plan .pricing-plan-content-row .slick-slide {
  margin: 0 10px;
}
#pricing-plan .pricing-plan-content-row .slick-list {
  margin: 0 -10px;
}
#pricing-plan .pricing-plan-content-row .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #FFF;
}
#pricing-plan .pricing-plan-content-row .pricing-plan-row .slick-dots {
  bottom: -50px !important;
}
#pricing-plan .pricing-plan-content-row .slick-dots li button:before {
  font-family: 'FontAwesome';
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  content: '\f111';
  text-align: center;
  opacity: 1;
  color: #FFF;
  border-radius: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#pricing-plan .pricing-plan-content-row .slick-dots li.slick-active button:before {
  color: #A20D85 !important;
  background-color: #A20D85 !important;
}

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

/*================= Booking Form Start ==============*/ 

#book-dj {
  box-shadow: 0px 1px 12px 0px #A20D85;
}
.book-dj-left-col {
  /* padding: 0 15px;
  margin: 0 0 10px; */
}
.book-dj-left-col h4 {
  font-size: 30px;
  margin: 0 0 30px;
}
.book-dj-left-col label {
  font-size: 15px;
  font-weight: 600;
}
.book-dj-left-col input,
.book-dj-left-col select,
.book-dj-left-col input[type="submit"]{
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  font-family: 'outfit';
  border: 0.5px solid #ffffff8a;
  border-radius: 6px;
  margin: 0px 0 20px;
  width: 100%;
  background: unset;
  padding: 12px 10px;
}
.book-dj-left-col input[type="submit"]{
  color: #fff;
  font-weight: 600;
  background: linear-gradient(90deg, #E9049B 0%, #8C0D80 35.55%, #66107A 100%);
  margin-bottom: 0px;
  border-radius: 30px;
}
.book-dj-left-col .submit-booking-btn button {
  margin-top: 20px;
  position: relative;
  color: #fff;
  background: #FFFFFF;
  margin-bottom: 0px;
  border-radius: 30px;
  font: 600 16px/18px 'outfit';
  width: 80%;
  padding: 17px 20px 17px 150px;
  box-shadow: 0px 0px 20px 0px #A20D85;
  border: unset;
  z-index: 1;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.book-dj-left-col .submit-booking-btn button:hover::after {
  background: #B62CF5;
}
.book-dj-left-col .submit-booking-btn button:hover svg {
  background-color: #B62CF5;
}
.book-dj-left-col .submit-booking-button p {
  text-align: center;
  margin: 0 auto;
}
.book-dj-left-col .submit-booking-btn button svg {
  position: absolute;
  left: 10%;
}
.book-dj-left-col .submit-booking-btn button svg {
  background-color: #3E0B61;
  width: 24px !important;
  height: 24px !important;
  padding: 6px;
  border-radius: 50px;
  transform: translateX(-8px);
  z-index: 2;
  font-size: 20px;
}
.book-dj-left-col .submit-booking-btn button svg path {
  fill: #FFFFFF;
}
.book-dj-left-col .submit-booking-btn button::after {
  content: '';
  position: absolute;
  right: 0;
  background: linear-gradient(90deg, #E9049B 0%, #8C0D80 35.55%, #66107A 100%);
  top: 0;
  width: 77%;
  z-index: -1;
  height: -webkit-fill-available;
  border-radius: 30px 30px 30px 30px;
}
.book-dj-left-col input::placeholder {
  color: #FFFFFF ;
}
.book-dj-left-col select::placeholder {
  color: #FFFFFF ;
}
.book-dj-left-col input[type="submit"]:hover {
  background: #A20D85;
  color: #FFFFFF;
  border: unset;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  /* filter: invert(1); */
  /* color: #FFFFFF; */
  /* display: none; */
  opacity: 0;
}
.book-dj-left-col form .wpcf7-spinner {
  display: none;
}
.book-dj-left-col .wpcf7 form .wpcf7-response-output {
  margin: 1em 0em 1em;
  padding: 0.2em 1em;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.book-dj-left-col .wpcf7-form.invalid input, .book-dj-left-col .wpcf7-form.invalid select, .book-dj-left-col .wpcf7-form.invalid input[type="submit"] {
  margin: 0px 0 6px;
}
.book-dj-left-col .wpcf7-form.failed input, .book-dj-left-col .wpcf7-form.failed select, .book-dj-left-col .wpcf7-form.failed input[type="submit"] {
  margin: 0px 0 6px;
}
.book-dj-left-col select option {
  color: #000407;
}
.book-dj-left-col form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(assets/images/select-icon.png);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 18px;
  margin-right: 2rem;
}
.book-dj-left-col input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(assets/images/calendar.png);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 15px;
}
.book-dj-left-col input[type="time"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(assets/images/clock.png);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 15px;
}

/*================= Booking Form End ==============*/ 

/* ========================== Brand Section Start ========================== */

#brand {
  box-shadow: 0px 0px 30px 0px #A20D85;
}
#brand .swiper-pagination {
  bottom: -41%;
}
#brand .elementor-image-carousel-wrapper .elementor-swiper-button-prev {
  left: -12%;
  background-color: #A20D85;
  border: 2px solid #FFF;
  width: 54px;
  height: 54px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  &:hover {
    background-color: #000000;
  }
}
#brand .elementor-image-carousel-wrapper .elementor-swiper-button-next {
  right: -12%;
  background-color: #A20D85;
  border: 2px solid #FFF;
  width: 54px;
  height: 54px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  &:hover {
    background-color: #000000;
  }
}
#brand .elementor-image-carousel-wrapper .figure-wrapper {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 3px 6px 0px #00000029;
  width: 85%;
  height: 156px;
  padding: 15px 20px;
  margin: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  &:hover {
    background-color: #A20D85;
  }
}
#brand .elementor-image-carousel-wrapper .swiper-slide .image-wrapper {
  /* border: 4px solid #F3F0E5; */
  border-radius: 20px;
  /* width: 82px;
  height: 82px; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#brand .elementor-image-carousel-wrapper .figure-wrapper:hover .image-wrapper {
  /* border: 4px solid #FFFFFF; */
}
#brand .elementor-image-carousel-wrapper .figure-wrapper:hover .elementor-image-carousel-caption {
  color: #FFFFFF;
}
#brand .elementor-image-carousel-wrapper .figure-wrapper:hover figure img {
  filter: brightness(0) saturate(100%) invert(1);
}
#brand .elementor-image-carousel-wrapper .swiper-slide .swiper-slide-inner figure img {
  /* width: 40px;
  height: 40px; */
}
#brand .elementor-widget-image-carousel .swiper {
  padding-bottom: 10px;
}

/* ========================== Brand Section End ========================== */


/*============================= Gallery Section Start =========================*/

#gallery {
  box-shadow: 0px 0px 30px 0px #A20D85;
}
.gallery-section #gallery-1 img {
  border: 1px solid #DC2BEE;
}
.gallery-section #gallery-1 {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: repeat(1,250px);
  gap: 12px;
  margin: 0;
}
.gallery-section #gallery-1 .gallery-item {
  margin-top: 0px !important;
}
.gallery-section #gallery-1 .gallery-item:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 4;
}
.gallery-section #gallery-1 .gallery-item:nth-child(2) { 
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 4;
  grid-column-end: 8;
}
.gallery-section #gallery-1 .gallery-item:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 8;
  grid-column-end: 10;
}
.gallery-section #gallery-1 .gallery-item:nth-child(4) {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 10;
  grid-column-end: 13;
}
.gallery-section #gallery-1 .gallery-item:nth-child(6) {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 4;
}
.gallery-section #gallery-1 .gallery-item:nth-child(7) {
  height: 100% !important;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 8;
  grid-column-end: 11;
}
.gallery-section #gallery-1 .gallery-item:nth-child(8) {
  height: 100% !important;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 11 ;
  grid-column-end: 13
}
.gallery-section #gallery-1 .gallery-item .landscape, .gallery-section #gallery-1 .gallery-item .portrait {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
.gallery-section #gallery-1 .gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px;
}
.gallery-section #gallery-1 .gallery-item img:hover {
  filter: brightness(0.6);
  transition: 0.5s ease-in-out;
}
.gallery-section #gallery-1 .gallery-item {
  width: 100% !important;
  padding: 0px;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
.gallery-section dt.gallery-icon.landscape img, .gallery-section dt.gallery-icon.portrait img {
  height: 100%;
  width: 100%;
  object-fit: cover;
} 

/*============================= Gallery Section End =========================*/


/*==================== FAQ Section Start =====================*/

#faq {
  box-shadow: 0px 0px 30px 0px #A20D85;
}

/*==================== FAQ Section End =====================*/

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

#blogs {
  box-shadow: 0px 0px 30px 0px #A20D85;
}
.blog-section-content .pp-posts-container .pp-posts .pp-post-wrap .pp-post-thumbnail img {
  height: 230px;
  object-fit: cover;
  margin: auto;
}
 .blog-section-content .pp-posts-container .swiper-pagination {
  margin-top: 40px;
}
.blog-section-content .pp-posts-container .pp-slider-arrow {
  position: absolute;
  bottom: 0;
  /* transform: translateY(90px); */
  top: 43%;
  width: 45px;
  height: 45px;
}
.blog-section-content .pp-posts-container .pp-post-excerpt p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .swiper-wrapper .pp-slider-arrow svg {
  height: 17px;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-title a {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-excerpt p {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-meta {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-meta-text a {
  color: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-meta svg path {
  fill: #FFFFFF;
}
.blog-section-content .pp-posts-container .pp-carousel-item:hover .pp-post-date svg path {
  fill: #FFFFFF !important;
}
.blog-section-content .pp-posts-container .pp-carousel-item .pp-post-meta .pp-post-author .pp-meta-text a {
  display: inline-block;
  max-width: 5ch;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
}
.blog-section-content .pp-posts-container .pp-carousel-item .pp-post-meta .pp-post-date svg path {
  fill: #A20D85;
}


.blog-section-content .pp-posts-container .pp-carousel-item {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-posts-button {
  position: relative;
}
.blog-section-content .pp-posts-container .pp-posts-button {
  position: absolute;
  right: 0;
  bottom: 12px;
  display: flex;
  border-radius: 20px;
}

.blog-section-content .pp-posts-container .pp-post {
  clip-path: polygon(3.488% 8.333%, 3.488% 8.333%, 3.549% 7.561%, 3.725% 6.828%, 4.008% 6.145%, 4.386% 5.521%, 4.851% 4.966%, 5.393% 4.49%, 6.002% 4.103%, 6.669% 3.814%, 7.385% 3.634%, 8.14% 3.571%, 91.86% 3.571%, 91.86% 3.571%, 92.615% 3.634%, 93.331% 3.814%, 93.998% 4.103%, 94.607% 4.49%, 95.149% 4.966%, 95.614% 5.521%, 95.992% 6.145%, 96.275% 6.828%, 96.451% 7.561%, 96.512% 8.333%, 96.512% 50%, 96.512% 73.214%, 96.512% 80.06%, 96.512% 80.06%, 96.451% 80.832%, 96.275% 81.565%, 95.992% 82.248%, 95.614% 82.872%, 95.149% 83.427%, 94.607% 83.903%, 93.998% 84.29%, 93.331% 84.579%, 92.615% 84.759%, 91.86% 84.821%, 65.116% 84.821%, 65.116% 84.821%, 64.06% 84.909%, 63.058% 85.161%, 62.124% 85.566%, 61.271% 86.108%, 60.512% 86.774%, 59.861% 87.551%, 59.331% 88.424%, 58.937% 89.381%, 58.69% 90.407%, 58.605% 91.488%, 58.605% 91.667%, 58.605% 91.667%, 58.544% 92.439%, 58.368% 93.172%, 58.086% 93.855%, 57.707% 94.479%, 57.242% 95.034%, 56.7% 95.51%, 56.091% 95.897%, 55.424% 96.186%, 54.708% 96.366%, 53.953% 96.429%, 8.14% 96.429%, 8.14% 96.429%, 7.385% 96.366%, 6.669% 96.186%, 6.002% 95.897%, 5.393% 95.51%, 4.851% 95.034%, 4.386% 94.479%, 4.008% 93.855%, 3.725% 93.172%, 3.549% 92.439%, 3.488% 91.667%, 3.488% 8.333%);
  width: 425px;
  height: 410px;
  padding: 26px;
}
.blog-section-content .pp-posts-container .pp-post-content-wrap {
  margin: auto;
  padding-bottom: 14px;
}

.blog-section-content .pp-posts .pp-posts-button {
  z-index: 1;
}
.blog-section-content .pp-posts .pp-posts-button svg {
  background-color: #5E1078;
  width: 30px !important;
  height: 30px !important;
  padding: 8px;
  border-radius: 50px;
  transform: translateX(-14px);
  z-index: 2;
}
.blog-section-content .pp-posts .pp-posts-button::after {
  content: '';
  position: absolute;
  right: 0;
  background: linear-gradient(90deg, #5E1078 0%, #A20D85 65.57%, #F902A0 100%);
  top: 0;
  width: 70%;
  z-index: -1;
  height: -webkit-fill-available;
  border-radius: 30px 30px 30px 30px;
}
.blog-section-content .pp-posts .pp-carousel-item-wrap:hover .pp-posts-button {
  background: #000407 !important;
  border: 1px solid #A20D85;
}

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









/*================ DJ Service End  ================*/



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

.team-section-content .swiper-pagination-bullet-active {
  border-color: #A20D85 !important;
}
.team-section-content .swiper-container-wrap .swiper-pagination {
  margin-top: 40px;
}
.team-section-content .pp-tm-overlay-content-wrap .pp-tm-content {
  padding: 15px;
  top: unset;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  bottom: 0%;
}
.team-section-content .pp-tm .pp-tm-overlay-content-wrap:before {
  opacity: 0.1;
}
.team-section-content .pp-tm {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px 0px #00000026;
  &:hover {
    background-color: #A20D85;
  }
}
.team-section-content .pp-tm .pp-tm-image {
  width: 100%;
}
.team-section-content .swiper-container-wrap .elementor-swiper-button-next {
  right: 0px;
  top: -18%;
  width: 50px;
  height: 50px;
}
.team-section-content .swiper-container-wrap .elementor-swiper-button-prev {
  left: unset !important;
  right: 5%;
  top: -18%;
  width: 50px;
  height: 50px;
}
.team-section-content .swiper-container-wrap .pp-slider-arrow {
  opacity: 1 !important;
}
.team-section-content .pp-tm:hover .pp-tm-name {
  color: #FFFFFF;
}
.team-section-content .pp-tm:hover .pp-tm-position {
  color: #FFFFFF;
}
.team-section-content .pp-tm-wrapper .swiper-wrapper {
  padding-bottom: 10px;
}

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




/*=============== Home Top Slider Book Now Section Start ===============*/

.booking-form label {
  color: #FFF;
  text-transform: capitalize;
  font: 500 15px/20px "outfit";
}
.booking-form input {
  width: 100%;
}
.booking-form .book-now-button {
  display: inline-flex;
  align-items: end;
}
.booking-form input,
.booking-form select,
.booking-form input[type="submit"], 
.booking-form input[type="email"],
.booking-form input[type="date"],
.booking-form input[type="time"],
.booking-form input[type="tel"] {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  font-family: 'outfit';
  border-radius: 4px;
  margin: 5px 0 5px;
  width: 100%;
  padding: 6px 12px;
  transition: linear all 0.3s;
  border: unset;
}
.booking-form .book-now-btn button {
  background-color: #A20D85;
  color: #FFFFFF;
  border-radius: 50px;
  border: unset;
  padding: 17px 10px 17px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 44px;
  gap: 10px;
}
.booking-form .book-now-btn button svg {
  background-color: #000;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  padding: 15px;
  font-size: 15px;
  transform: translate(11px, 0px);
  border: 2px solid #FFFFFF;
  justify-content: center;
  align-items: center;
  display: flex;
}
.top-slider-bottom-content-col1 form .wpcf7-response-output {
  margin: 1em 0em 0em !important;
  padding: 7px 10px !important;
  color: #FFF;
  border: 1px solid #FFF !important;
}
.top-slider-bottom-content-col1 form .wpcf7-not-valid-tip {
  color: #FFF;
  font-size: 14px;
}

/*=============== Home Top Slider Book Now Section 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: #A20D85;
  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;
  border: 2px solid #A20D85;
}

/*========== 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: linear-gradient(270deg, #5E1078 0%, #A20D85 27.15%, #F902A0 100%);
  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;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 45px;
  aspect-ratio: .75;
  --c: no-repeat linear-gradient(#FFFFFF 0 0);
  background: 
    var(--c) 0%   50%,
    var(--c) 50%  50%,
    var(--c) 100% 50%;
  animation: l7 1s infinite linear alternate;
}
@keyframes l7 {
  0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
  20% {background-size: 20% 20% ,20% 50% ,20% 50% }
  40% {background-size: 20% 100%,20% 20% ,20% 50% }
  60% {background-size: 20% 50% ,20% 100%,20% 20% }
  80% {background-size: 20% 50% ,20% 50% ,20% 100%}
  100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}

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