/*-- Use For Custom Styling --*/
:root {
  --color-primary: #b25a96;
  --color-primary2: #b25a96;
  --color-secondary: #337dff;
  --color-secondary-rgb: rgba(253, 71, 102, 1);
  --color-tertiary: #010001;
  --color-dark: #000000;
  --color-heading: #1f1f25;
  --color-body: #1d1d24;
  --color-gray: rgba(29, 29, 36, 0.75);
  --color-midgray: #e9ecef;
  --color-opacity-1: hsla(0, 0%, 100%, 0.2);
  --color-light: #e4e6ea;
  --color-lighter: #ced0d4;
  --color-lightest: #f0f2f5;
  --color-border: #e6e6e6;
  --color-white: #ffffff;
  --color-success: #3eb75e;
  --color-danger: #ff0003;
  --color-warning: #ff8f3c;
  --color-info: #1ba2db;
  --color-facebook: #3b5997;
  --color-twitter: #1ba1f2;
  --color-youtube: #ed4141;
  --color-linkedin: #0077b5;
  --color-pinterest: #e60022;
  --color-instagram: #c231a1;
  --color-vimeo: #00adef;
  --color-twitch: #6441a3;
  --color-discord: #7289da;
  --color-extra01: #666666;
  --color-extra02: #606770;
  --color-extra03: #fbfbfd;
  --color-extra04: #1a1a1a;
  --color-extra05: #242424;
  --radius: 10px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --s-light: 300;
  --s-regular: 400;
  --s-medium: 500;
  --s-bold: 700;
  --s-black: 900;
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --transition: 0.3s;
  --font-primary: "AvenirLtStd-35Light", sans-serif;
  --secondary-font: "AvenirLtStd-35Light", sans-serif;
  --font-awesome: "Font Awesome 5 Pro";
  --font-size-b1: 18px;
  --font-size-b2: 16px;
  --font-size-b3: 14px;
  --font-size-b4: 12px;
  --line-height-b1: 1.67;
  --line-height-b2: 1.5;
  --line-height-b3: 1.6;
  --line-height-b4: 1.3;
  --h1: 44px;
  --h2: 36px;
  --h3: 30px;
  --h4: 24px;
  --h5: 18px;
  --h6: 16px;
}

.btn-primary {
  background-color: #b25a96;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:hover {
  color: #fff;
  background-color: #b25a96;
  border-color: #ae546f;
}

.header-appear .navbar-top-default {
  background-color: rgba(0, 0, 0, 0.8);
}
.navbar-top-default .navbar-nav .nav-link {
  color: #ffffff !important;
  filter: drop-shadow(1px 1px 1px #333);
}
 

.footer-style-01 .footer-link h4 {
  margin-bottom: 14px;
}


.footer-style-01 .footer-link ul.ft-link {
  padding: 0;
  margin: 25px 0 0 0;
  list-style: none;
}

.footer-style-01 .footer-link ul.ft-link li {
  color: #757575;
  font-size: 22px;
}

.footer-style-01 .footer-link ul.ft-link li a {
  color: var(--color-white);
  font-size: 20px;
  padding: 5px 0;
}

.footer-style-01 .footer-link ul.ft-link li a:hover,
.nav-link:hover,
.rainbowhover:hover
 {
  /* color: var(--color-primary); */
  
  background: var(--color-primary);
  background: linear-gradient(
    120deg,
    #1c99fe 20.69%,
    #7644ff 50.19%,
    var(--color-primary) 79.69%
    
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-primary)', endColorstr='var(--color-secondary)', GradientType=1);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  
}

.footer-style-01 .footer-link ul.ft-link li + li {
  margin-top: 13px;
}

/*home counter*/

.bg-counter-img {
  background-image: url("/assets/img/home12/musiclabel1.webp")!important;
  position: relative;
  background-blend-mode: multiply;
  background-size: cover!important;
  background-position: center!important;
  background-attachment: inherit!important;
  /* background: linear-gradient(to bottom, rgb(18 5 47 / 0%) 0%, rgb(18 5 47 / 49%) 100%); */

}
.counter-heading {
  margin-left: auto;
  text-align: center;
  margin-right: auto;
      font-family: "Oswald-Light", sans-serif;
    font-size: 3rem;
    margin-top: 40px;
}

.wrapper {
  margin-top: -5px;
  /* cursor: pointer; */
}

#counter {
  padding: unset;
}
.counter {
  padding: 0;
  border-radius: 5px;
  text-align: center;
}
.counter_plus {
  font-size: 22px;
  font-weight: bold;
}
.count-title {
  font-size: 28px;
  /* font-family:  sans-serif; */
  color: #f8b6e3;
  font-weight: bold;
  line-height: 1.333;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}
.wrapper:hover .counter_icon {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}

.count-text {
  /* font-family: sans-serif; */
  margin: 0;
  color: #ffffff!important;
  text-align: center;
}
.counter_icon {
  margin: 0 auto;
  float: none;
  display: table;
  font-size: 48px;
  padding-bottom: 5px;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
/*#counter{*/
/*    padding-top: 125px;*/
/*}*/

/*end of home counter*/

/*faqsummary*/

.block-angled-image-and-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  background-color: #f0f0f0;
}
.block-angled-image-and-text .image {
  width: 50%;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.block-angled-image-and-text .image1 {
  width: 55%;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, -1% 101%);
  margin-left: -5%;
}

.block-angled-image-and-text .image3 {
  width: 50%;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

.block-angled-image-and-text .image4 {
  width: 55%;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 9% 101%);
  margin-left: -5%;
}



.block-angled-image-and-text .image__inner {
  width: 100%;
  height: 100%;
  background-size: cover;
  /* opacity: 0.25; */
}
.block-angled-image-and-text .image__text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.block-angled-image-and-text .image__text h3 {
  color: white;
  margin: 0;
  font-weight: bold;
  max-width: 365px;
}
.block-angled-image-and-text .image__overlay {
  width: 100%;
  height: 100%;
  background-color: #ede9e9;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
}
.block-angled-image-and-text .image__overlay.green {
  background-color: #0ad1bd;
}
.block-angled-image-and-text .image__overlay.purple {
  background-color: #47478d;
}
.block-angled-image-and-text .text {
  width: 50%;
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.block-angled-image-and-text .text__inner {
  color: #57596d;
  max-width: 500px;
}
.block-angled-image-and-text .text__inner p {
  font-size: 18px;
  line-height: 150%;
}
.block-angled-image-and-text.image-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.block-angled-image-and-text.image-right .image {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);
  width: 55%;
}
.block-angled-image-and-text.image-right .text {
  width: 45%;
}
/*end of faqsummary*/

.owl-carousel .owl-stage {
  transition-timing-function: linear !important;
}
@media (max-width: 767px) {
  .block-angled-image-and-text .text {
    width: 100% !important;
    padding: 40px 20px;
  }

  .block-angled-image-and-text {
    display: block;
  }
  .bg-counter-img {

background-position: center !important;
  }
}

.home-elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit the number of lines to 2 */
  -webkit-box-orient: vertical;
  white-space: normal; /* Allow wrapping within the box */
  text-align: left;
  width: 100%;
  direction: ltr;
}
.home-elipsis1 {
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit the number of lines to 2 */
  -webkit-box-orient: vertical;
  white-space: normal; /* Allow wrapping within the box */
  text-align: left;
  width: 100%;
  direction: ltr;
}



@media screen and (max-width: 767px){
  .block-angled-image-and-text .image4 {
    margin-left: 0;
  }
  .block-angled-image-and-text .image1 {
    margin-left: 0;
  }
}