/*
Theme Name: DJ Services Pro
Description: Safari Pro WordPress Theme is the perfect choice for building Safari 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 Safari Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Safari 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/dj-services/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: dj-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 =============*/