

/*=========================

/*==================================================

Expoventvent Color themes

================================================== */

/*--------------------------------------------------

 color 03(HomePage 01)

 ---------------------------------------------------*/

.color-dark-01 {

  background: #0b090a;

  overflow: hidden;

}



.text-green {

  color: #a6f114;

}



.color-dark-01 .primary-overlay::before {

  background-color: rgba(0, 0, 0, 0.63);

  z-index: -1;

}



/*--------------------------------------------------

 Navigation Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-nav-01.scroll-on {

  background-color: #000000;

}



.color-dark-01 .color-dark-nav-01 .header-button a {

  border-radius: 0px;

  padding: 10px 24px;

}



.color-dark-01 .color-dark-nav-01 .header-button:hover a {

  color: #ffffff;

  background-color: #d33776;

  border-color: #d33776;

}



.color-dark-01 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

  border-color: transparent !important;

}



.color-dark-01 .color-dark-nav-01 .navbar-nav .nav-link:hover {

  color: #a6f114;

}



.color-dark-01 .color-dark-nav-01 .dropdown-item {

  color: #ffffff;

}



.color-dark-01 .color-dark-nav-01 .dropdown-item:hover {

  color: #a6f114;

}



.color-dark-01 .color-dark-nav-01 .navbar-nav .show>.nav-link {

  color: #ffffff;

}



.color-dark-01 .color-dark-nav-01 .dropdown-menu {

  background: #000000;

}



.color-dark-01 .color-dark-nav-01 .dropdown-menu h6 {

  color: #ffffff;

}



/*--------------------------------------------------

 Header Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-01-bg-header {

  background-image: url('../img/dark-theme/business-banner.jpg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  height: 100%;

}



.color-dark-01 .element-bg-img {

  display: block;

  background-image: url(../img/dark-theme/banner.png);

  background-repeat: no-repeat;

  height: 100%;

  position: absolute;

  z-index: 0;

  top: 0;

  right: 0;

  left: 0;

}



.color-dark-01 .exp-home1-header {

  padding: 250px 0px;

}



.color-dark-01 .color-dark-header-01 .exp-header-item {

  z-index: 99;

}



.color-dark-01 .color-dark-header-01 .color-dark-span-01 {

  color: #a6f114;

}



.color-dark-01 .color-dark-header-01 .btn-primary:active {

  background-color: #ff1e66;

  border-color: #ff1e66;

}



.color-dark-header-bg-01 .exp-header-item::before {

  content: '';

  display: block;

  background-image: url(../img/dark-theme/banner.png);

  background-repeat: no-repeat;

  height: 200%;

  position: absolute;

  z-index: -1;

  top: -50%;

  right: 0;

  left: -20%;

}



/*--------------------------------------------------

 Banner Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-banner-01 {

  background-image: url('../img/dark-theme/contact-banner.jpg ');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.color-dark-01 .color-dark-banner-1-01 {

  background-image: url('../img/dark-theme/circus/banner-1920x863.jpg ');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.color-dark-01 .color-dark-header-01 .overlay {

  z-index: 0;

}



.color-dark-01 .overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.32);

  opacity: 0.4;

  z-index: 1;

}



.color-dark-01 .exp-faq-1 .exp-tab-wrap ul li a {

  color: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

  border: 2px solid;

  border-radius: 0;

}



.color-dark-01 .exp-faq-1 .exp-tab-wrap ul li a p {

  color: #555b62;

}



.color-dark-01 .exp-faq-1 .exp-tab-wrap ul li a.active {

  background-color: #fff;

}



/*--------------------------------------------------

 Services Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-services-bg-l {

  top: -59%;

  position: absolute;

  background-position: top;

  background-size: contain;

  background-repeat: no-repeat;

  z-index: 1;

  width: 15%;

}



.color-dark-01 .color-dark-services-bg-r {

  top: 10%;

  position: absolute;

  right: 0;

  background-position: top;

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

}



.color-dark-01 .color-dark-services-01 .color-dark-heading-01 {

  color: #ffffff;

}



.color-dark-01 .color-dark-services-01 .color-dark-span-01 {

  color: #ff1e66;

}



.color-dark-01 .color-dark-services-01 .shout-color {

  background: radial-gradient(circle at 45%, #0a6df3, #4a8fd5);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.color-dark-01 .color-dark-services-01 .shout-icon-block:before {

  background-color: rgba(13, 16, 25, 0.62);

}



.color-dark-01 .color-dark-services-01 .code-icon-block:before {

  background-color: rgba(25, 18, 11, 0.65)

}



.color-dark-01 .color-dark-services-01 .bulb-icon-block:before {

  background-color: rgba(26, 3, 11, 0.63)

}



.color-dark-01 .color-dark-services-01 .code-color {

  background: radial-gradient(circle at 45%, #3a1274, #b61d87);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.color-dark-01 .color-dark-services-01 .bulb-color {

  background: #d70d55;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.color-dark-01 .color-dark-services-01 .color-dark-anchor-01 {

  color: #a6f114;

}



/*--------------------------------------------------

 Product 1 Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-product-01 {

  background-color: #000000;

}



.color-dark-01 .color-dark-product-01 .color-dark-row-bg-01 {

  background: linear-gradient(0deg, #741ff8, #f7206d);

  border-radius: 15px;

}



.color-dark-01 .color-dark-product-01 .color-dark-content-01 {

  color: #ffffff;

}



.color-dark-01 .color-dark-product-01 .container-wrapper .exp-img-wrapper {

  padding: 30px 0px;

}



.color-dark-01 .color-dark-product-01 .container-wrapper .exp-product-content {

  padding-right: 15px;

}



.color-dark-01 .color-dark-product-01 .btn-primary {

  background: #a4ea0e;

  border-color: #a4ea0e;

  box-shadow: none;

  color: #000;

}



.color-dark-01 .color-dark-product-01 .btn-primary:hover {

  background: #7fb40e;

  border-color: #7fb40e;

  box-shadow: none;

}



.color-dark-01 .color-dark-product-01 .btn-primary:active {

  background: #a4ea0e;

  border-color: #a4ea0e;

  box-shadow: none;

}



.element-bg-2 {

  display: block;

  width: 15%;

  height: 100%;

  position: absolute;

  left: 0;

  z-index: 0;

}



/*--------------------------------------------------

 Product 2 Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-product-2-01 .color-dark-product-bg {

  top: 0%;

  background-position: top, center;

  background-size: cover;

  background-repeat: no-repeat;

  position: absolute;

  width: 100%;

  height: 100%;

}



.color-dark-01 .color-dark-product-2-01 .exp-product-points li i {

  color: #a6f114;

}



.color-dark-01 .color-dark-product-2-01 .color-dark-heading-01 {

  color: #ffffff;

}



.color-dark-01 .color-dark-product-2-01 .color-dark-span {

  color: #f82067;

}



.color-dark-01 .color-dark-product-2-01 .btn-primary {

  background-color: #a4ea0e;

  border-color: #a4ea0e;

  box-shadow: none;

}



.color-dark-01 .color-dark-product-2-01 .btn-primary:hover {

  background: #7fb40e;

  border-color: #7fb40e;

  box-shadow: none;

}



.color-dark-01 .color-dark-product-2-01 .btn-primary:active {

  background-color: #a4ea0e;

  border-color: #a4ea0e;

  box-shadow: none;

}



/*--------------------------------------------------

 Product 3 Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-product-3-bg2-01 {

  background-image: url('../img/dark-theme/trust-banner.jpg');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.color-dark-01 .color-dark-span-01 {

  color: #f82067;

}



.color-dark-01 .color-dark-product-3-01 .color-dark-content-01 {

  color: #ffffff;

}



.color-dark-01 .color-dark-product-3-01 .color-dark-para-01 {

  color: #f82067;

}



/*--------------------------------------------------

Portfolio Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-portfolio-01 {

  background: #0b090a;

}



.color-dark-01 .color-dark-portfolio-01 .color-dark-heading-01 {

  color: #ffffff;

}



/*--------------------------------------------------

Events Section 01

 ---------------------------------------------------*/

.color-dark-01 .scroll-v .nav-link {

  margin: 0.5rem 0;

}



.color-dark-01 .color-dark-event-01 {

  background-color: #000000;

}



.color-dark-01 .color-dark-event-01 .color-dark-heading-01 {

  color: #ffffff;

}



.color-dark-01 .color-dark-event-01 .event-calender {

  padding: 10px;

}



.color-dark-01 .color-dark-event-01 .event-calender h2 {

  color: #ffffff;

  margin-bottom: 0;

  font-size: 60px;

}



.color-dark-01 .color-dark-event-01 .event-calender p {

  color: #ffffff;

  font-size: 18px;

}



.color-dark-01 .color-dark-event-01 .event-wrapper {

  padding: 20px;

  background-color: #5d5d5d;

  border-radius: 10px;

  display: flex;

  justify-content: space-between;

}



.color-dark-01 .color-dark-event-01 .event-wrapper .event-left {

  display: flex;

}



.color-dark-01 .color-dark-event-01 .event-wrapper .event-left p {

  color: #ffffff;

  padding: 10px 20px;

  align-self: center;

  margin-bottom: 0px;

}



.color-dark-01 .color-dark-event-01 .event-wrapper .event-date {

  align-self: center;

  display: flex;

}



.color-dark-01 .color-dark-event-01 .event-wrapper .event-date p {

  color: #ffffff;

  padding: 10px 20px;

  margin-bottom: 0px;

}



.color-dark-01 .color-dark-event-01 .event-wrapper .event-date a {

  color: #ffffff;

  padding: 10px 0px;

  margin-bottom: 0px;

}



.color-dark-01 .color-dark-event-01 .event-wrapper:hover {

  background-color: #f82067;

}



.color-dark-01 .color-dark-event-01 .event-wrapper.active {

  background-color: #f82067;

}



.color-dark-01 .scroll-v {

  overflow-y: scroll;

  height: 360px;

}



.scroll-v::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #f82067;

}



.scroll-v::-webkit-scrollbar {

  width: 10px;

  background-color: #f82067;

}



.scroll-v::-webkit-scrollbar-thumb {

  background-color: #3c1320;

}



.color-dark-01 .nav-tabs .nav-link.active {

  color: #495057;

  background-color: #f82067;

  border-color: #f82067;

}



.color-dark-01 .nav-tabs .nav-link:hover {

  border-color: #f82067;

}



.color-dark-01 .nav-tabs {

  border-bottom: 0px solid #dee2e6;

}



/*--------------------------------------------------

Achivements Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-achievments-bg-01 {

  background-image: url('../img/dark-theme/40k-banner.jpg');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.color-dark-01 .color-dark-achievments-01 .achivement-bg {

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  width: 15%;

}



.color-dark-01 .color-dark-achievments-01 .left-side:after {

  background: #a4ea0e;

  z-index: 0;

}



.color-dark-01 .color-dark-achievments-01 .color-dark-span-01 {

  color: #f82067;

}



.color-dark-01 .color-dark-achievments-01 .color-dark-pink {

  background: #f82067;

}



.color-dark-01 .color-dark-achievments-01 .color-dark-green {

  background: #a4ea0e;

}



.color-dark-01 .color-dark-achievments-01 .color-dark-purple {

  background: #6c1efd;

}



/*--------------------------------------------------

Testimonial Section 01

 ---------------------------------------------------*/

.color-dark-01 .video-btn i {

  color: #000000;

}



.color-dark-01 .color-dark-testimonial-01 {

  background: #0b090a;

}



.color-dark-01 .color-dark-testimonial-01 .color-dark-heading-01 {

  color: #ffffff;

}



.color-dark-01 .color-dark-testimonial-01 .color-dark-span-01 {

  color: #f82067;

}



.color-dark-testimonial-01 .exp-img-wrapper {

  margin: 40px;

}



.exp-testimonial-1 .exp-img-wrapper:before {

  content: '';

  width: 250px;

  height: 250px;

  position: absolute;

  background-image: url(../img/dark-theme/testimony-1.png);

  background-size: contain;

  top: -5%;

  left: -8%;

  ;

  z-index: -1;

  background-repeat: no-repeat;

  background-position: top left;

  display: inline-block;

}



.color-dark-01 .color-dark-testimonial-01 .color-dark-content-01:before {

  color: rgba(233, 30, 99, 0.4);

}



.color-dark-01 .color-dark-testimonial-01 .exp-testimonial-content {

  border-radius: 15px;

}



.color-dark-01 .color-dark-testimonial-01 .color-dark-star-01 {

  color: #a2e713;

}



.color-dark-01 .color-dark-testimonial-01 .color-dark-text-01 {

  color: #0b090a;

}



.color-dark-01 .color-dark-testimonial-01 .color-dark-heading-01 {

  color: #f82067;

}



.color-dark-01 .color-dark-testimonial-01 .slick-modified-dots li button {

  background-color: #6d1dfe;

}



/*--------------------------------------------------

Plans and Pricing Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-pricing-01 .color-dark-pricing-bg {

  bottom: 18%;

  position: absolute;

}



.color-dark-01 .color-dark-heading {

  color: #ffffff;

}



.color-dark-01 .color-dark-pricing-01 .color-dark-span-01 {

  color: #f82067;

}



.color-dark-01 .color-dark-pricing-01 .exp-tab-wrap .nav-pills .nav-item .nav-link.active {

  background: #a2e713;

  color: #000000;

}



.color-dark-01 .color-dark-pricing-01 .exp-tab-wrap .nav-pills .nav-item .nav-link {

  color: #ffffff;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner:before {

  border-bottom-color: #6c1efd;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner {

  background: #d33776;

  border-radius: 15px;

}



.theme-border-btn {

  background: #ff1e66;

  color: #ffffff;

  border-color: #ff1e66;

}



.theme-border-btn:hover {

  color: #000000;

}



.color-dark-01 .color-dark-pricing-01 .exp-price-mrp {

  color: #a4ea0e;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-btn .theme-border-btn:hover {

  background: #a4ea0e;

  border-color: #a4ea0e;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-btn .btn i {

  color: #d03877;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-btn .theme-border-btn:hover i {

  background: #6e961a;

  color: #ffffff;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-btn .theme-border-btn:active i {

  background: #6e961a;

  color: #ffffff;

}

.dark-overlay:before{
         content: "";
    position: absolute;
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 30%, rgba(6, 6, 6, 0.9) 61%, rgba(0, 0, 0, 1) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.color-dark-01 .color-dark-pricing-01 .exp-pricing-btn .theme-border-btn:focus i {

  background: #6e961a;

  color: #ffffff;

}



.color-dark-01 .color-dark-pricing-01 .color-dark-price-plans-01 {

  text-align: center;

  position: relative;

  background-color: #000;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  padding: 20px;

  transition: .3s;

  margin: 20px 0;

}



.color-dark-01 .color-dark-pricing-01 .active:before {

  content: none;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner.active .exp-pricing-plans-mid {

  border-top: 0;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner.active {

  background: #6c1efd;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner.active ul li {

  color: #ffffff;

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner.active .exp-pricing-btn .theme-border-btn {

  background: #d03877;

  border-color: #d03877;

  box-shadow: 0 0 10px rgba(0, 0, 0, .2);

}



.color-dark-01 .color-dark-pricing-01 .exp-pricing-plans-inner.active .exp-pricing-btn .theme-border-btn i {

  background: #be2f6a;

  color: #ffffff;

}



/*--------------------------------------------------

Contact Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-product-2-01,

.color-dark-01 .color-dark-contact-01 {

  background: url('../img/dark-theme/service-bg-2.png');

  background-color: #000000;

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

}



.color-dark-01 .color-dark-contact-01 .color-dark-contact-bg {

  position: absolute;

  top: 0%;

  width: 73%;

  right: 0%;

}



.color-dark-01 .color-dark-contact-01 h3 {

  color: #ffffff;

}



.color-dark-01 .color-dark-contact-01 h6 {

  color: #a4ea0e;

}



.color-dark-01 .btn-primary:active {

  background: #a4ea0e;

  border-color: #a4ea0e;

  box-shadow: none;

}



/*--------------------------------------------------

Footer Section 01

 ---------------------------------------------------*/

.color-dark-01 .color-dark-footer-01 .exp-wrapper .exp-footer-social li:hover a {

  background: #a4ea0e;

  color: #000;

}



.color-dark-01 .color-dark-footer-01 .exp-wrapper .exp-footer-social li:focus a {

  background: #a4ea0e;

}



.color-dark-01 .color-dark-footer-01 .exp-wrapper a:hover {

  color: #a6f114;

}



/*--------------------------------------------------

Footer Section Homepage - 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-footer-2-01 a:hover {

  color: #a4ea0e;

}



.color-dark-01 .color-dark-footer-2-01 ul li a:hover {

  color: #a4ea0e;

}



/*--------------------------------------------------

Banner Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-header-bg-2-01 {

  background-image: url('../img/dark-theme/banner-bg-2.png');

  background-position: right;

  background-size: cover;

  background-repeat: no-repeat;

}



/*--------------------------------------------------

Product 1 Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-product-01-1 {

  background-image: url('../img/dark-theme/product-2.png ');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  height: 972px;

}



/*--------------------------------------------------

Product 2 Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-product-3bg-01 {

  background-image: url('../img/dark-theme/circus/trust-banner.jpg');

  background-position: right;

  background-repeat: no-repeat;

  background-size: cover;

}



/*--------------------------------------------------

Banner Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-banner-2-01 {

  background-image: url('../img/dark-theme/circus/banner-1920x972.jpg ');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



/*--------------------------------------------------

Service 2 Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-services-01 .color-dark-services-bg-l-2 {

  width: 15%;

  top: 6%;

  position: absolute;

  z-index: 0;

}



.color-dark-01 .color-dark-services-01 .color-dark-services-bg-r-2 {

  right: 0%;

  top: 10%;

  position: absolute;

  z-index: -1;

}



/*--------------------------------------------------

Countdown Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-countdown-01 .overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: black;

  opacity: 0.5;

  z-index: 1;

}



.color-dark-countdown-01 {

  position: relative;

  z-index: 2;

}



.z-index-2 {

  position: relative;

  z-index: 2;

}



.color-dark-01 .color-dark-countdown-01 h1,

.color-dark-05a .exp-event-countdown h1 {

  color: #396;

  font-weight: 100;

  font-size: 40px;

  margin: 40px 0px 20px;

}



.color-dark-01 .color-dark-countdown-01 .count-btn,

.color-dark-05a .exp-event-countdown .count-btn {

  padding-bottom: 45px;

}



.exp-event-countdown #clockdiv {

  font-size: 32px;

  display: inline-block;

  font-weight: 100;

  text-align: center;

}



.color-dark-01 .color-dark-countdown-01 #clockdiv {

  font-family: sans-serif;

  color: #fff;

  padding-top: 30px;

  display: inline-block;

  font-weight: 100;

  text-align: center;

  font-size: 30px;

}



.color-dark-01 .color-dark-countdown-01 #clockdiv>div,

.exp-event-countdown #clockdiv div {

  padding: 10px;

  border-radius: 3px;

  display: inline-block;

}



.exp-event-countdown #clockdiv div>span {

  font-size: 48px;

  font-weight: 700;

  display: inline-block;

  padding: 30px 0;

  border-radius: 2px;

}



.color-dark-01 .color-dark-countdown-01 #clockdiv div>span {

  padding: 15px;

  border-radius: 3px;

  font-size: 60px;

  font-weight: 700;

  display: inline-block;

}



.color-dark-01 .color-dark-countdown-01 .smalltext,

.color-dark-05a .exp-event-countdown .smalltext {

  padding-top: 5px;

  font-size: 15px;

  font-weight: 600;

}



.color-dark-01 .color-dark-countdown-01 .count-heading-fs {

  font-size: 50px;

}



.color-dark-01 .color-dark-countdown-01 .outline {

  background-color: #fff;

  border-color: #fff;

  color: #ff1e66;

  box-shadow: none;

}



.color-dark-01 .color-dark-countdown-01 .outline:hover {

  background-color: #ff1e66;

  border-color: #ff1e66;

  color: #fff;

  box-shadow: none;

}



/*--------------------------------------------------

Pricing & Plans Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-pricingbg-2-01 .pricing-bg-left {

  position: absolute;

  top: 0;

  width: 15%;

  z-index: 0;

}



/*--------------------------------------------------

Tickets Section 02

 ---------------------------------------------------*/

.color-dark-01 .color-dark-tickets-02 {

  background-color: #000000;

  position: relative;

}



.color-dark-01 .color-dark-tickets-02 .color-dark-heading-01 {

  color: #f82067;

}



.color-dark-01 .color-dark-tickets-02 .font-price {

  font-size: 50px;

  font-weight: 500;

  padding: 20px 0;

}



.color-dark-01 .color-dark-tickets-02 .color-dark-span-01 {

  color: #f82067;

}



.color-dark-01 .color-dark-tickets-02 .exp-pricing-btn .theme-border-btn:hover i {

  background-color: #c3124c;

  color: #fff;

}



.color-dark-01 .color-dark-tickets-02 .exp-pricing-btn .theme-border-btn i {

  background-color: #f82067;

  color: #fff;

}



.color-dark-01 .color-dark-tickets-02 .pricing-head {

  background-image: url('../img/dark-theme/circus/pricing-2.png');

  background-repeat: no-repeat;

  background-size: cover;

  padding: 50px 0px 0px;

  border-top-left-radius: 15px;

  border-top-right-radius: 15px;

}



.color-dark-01 .color-dark-tickets-02 .pricing-body {

  padding: 20px 50px 50px;

  background: #fff;

  border-bottom-left-radius: 15px;

  border-bottom-right-radius: 15px;

}



.color-dark-01 .color-dark-tickets-02 .pricing-body .bar-no {

  font-size: 18px;

}



.color-dark-01 .color-dark-tickets-02 .pricing-body .exp-pricing-btn .theme-border-btn {

  border: 2px solid #edf5ff;

  background: transparent;

  color: #47759d;

}



.color-dark-01 .color-dark-tickets-02 .pricing-body .exp-pricing-btn .theme-border-btn:hover {

  background: #f82067;

  border-color: #f82067;

  color: #ffffff;

}



.color-dark-01 .color-dark-tickets-02 .pricing-body .exp-pricing-btn .theme-border-btn.active {

  background: #f82067;

  border-color: #f82067;

  color: #ffffff;

}



.color-dark-01 .color-dark-tickets-02 .pricing-body .exp-pricing-btn .theme-border-btn:focus {

  background: #f82067;

  border-color: #f82067;

  color: #ffffff;

}



.color-dark-01 .color-dark-tickets-02 .pricing-box .tag {

  position: absolute;

  top: -37px;

  display: inline-block;

  width: 350px;

  background: #00fff6;

  left: 15px;

  color: #002691;

  text-transform: uppercase;

  padding: 8px 0;

  font-weight: bold;

}



.color-dark-01 .pricing-body .progress-bar {

  background-color: #000000;

}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/*--------------------------------------------------

 color 03(HomePage 03)

 ---------------------------------------------------*/

.color-dark-05 .color-graident-05,

.color-dark-05 #exp-blog5 .exp-blog-wrapper .blog-meta,

.color-dark-05 .exp-home3-testimonial .slick-arrow:focus,

.color-dark-05 .exp-home3-testimonial .slick-arrow:hover {

  background: linear-gradient(to bottom right, #ff9239, #ff038a);

}



/*--------------------------------------

 >>>>>>Navigation 03

 ----------------------------------------*/

.color-dark-05,

.color-dark-05 .color-dark-nav-05.scroll-on {

  background-color: #000000;

}



.color-dark-05 .exp-home5-header.primary-overlay:before {

  background-color: rgba(16, 16, 16, 0);

}



/*--------------------------------------

>>>>>>Header Section 03

----------------------------------------*/

.color-dark-05 .video-btn i {

  color: #000000;

}



.color-dark-05 .btn-primary {

  background-color: #ff9239;

  border-color: transparent;

  box-shadow: 0 0 0 0 rgba(255, 132, 0, 0.6);

  background-image: linear-gradient(to bottom right, #ff9239, #ff038a);

}



.color-dark-05 .btn-primary:not(:disabled):not(.disabled):active,

.btn-outline-primary:hover {

  background-color: #db7100;

  border-color: #db7100;

  color: #fff;

  box-shadow: 0 0 10px rgba(255, 132, 0, 0.5);

  background-image: linear-gradient(to bottom right, #ff9239, #ff038a);

}



.color-dark-05 .exp-home5-header {

  background-image: url(../img/homepage-dark-05/banner-video1.png);

  background-color: #000;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



/*--------------------------------------

>>>>>>Services Section 03

----------------------------------------*/

.color-dark-05 .color-dark-service-05 {

  background-image: url(../img/homepage-dark-05/about-bg.png);

  background-position: top;

  background-repeat: no-repeat;

  background-size: cover;

}



.color-dark-05 .color-dark-service-05 h3 {

  color: #ffffff;

}



.color-dark-05 .exp-services-4 .exp-services-item {

  background-color: #ffffff;

  border-radius: 0;

}



.color-dark-05 .exp-values .exp-values-item {

  border-radius: 0;

}



/*--------------------------------------

>>>>>>Product Section 03

----------------------------------------*/

.color-dark-05 .color-dark-product-05 {

  background-image: url(../img/homepage-dark-05/left-img-bg-1.png);

  background-position: center;

  background-repeat: no-repeat;

}



.color-dark-05 .color-dark-product-05 h3 {

  color: #ffffff;

}



.color-dark-05 .color-dark-digital-05 .container-wrapper .exp-img-wrapper.left-triangle::before,

.color-dark-05 .color-dark-product-05 .container-wrapper .exp-img-wrapper.left-triangle::before {

  content: "";

  position: absolute;

  left: 52px;

  bottom: 82px;

  width: 0;

  transform: rotate(45deg);

  height: 0;

  z-index: -1;

  border-bottom: 383px solid #6b58ff;

  border-right: 389px solid transparent;

  border-image: linear-gradient(to bottom right, #000000, #000000);

}



.color-dark-05 .color-dark-digital-05 .container-wrapper .exp-img-wrapper.left-triangle:after,

.color-dark-05 .color-dark-product-05 .container-wrapper .exp-img-wrapper.left-triangle:after {

  z-index: -2;

  border-bottom: 277px solid #6b58ff;

  border-right: 274px solid transparent;

  border-image: linear-gradient(to bottom right, #ff9239, #ff038a);

}



/*--------------------------------------

>>>>>>Sucess Section

----------------------------------------*/

.color-dark-05 .color-dark-success-05 {

  background-image: url(../img/homepage-dark-05/right-img-bg-1.png);

  background-position: center;

  background-repeat: no-repeat;

}



.color-dark-05 .color-dark-success-05 h3 {

  color: #fff;

}



.color-dark-05 .color-dark-success-05 .container-wrapper .exp-img-wrapper.right-triangle::before {

  content: "";

  position: absolute;

  right: 74px;

  bottom: 31px;

  width: 0;

  height: 0;

  transform: rotate(45deg);

  z-index: -1;

  border-bottom: 458px solid #6b58ff;

  border-left: 289px solid transparent;

  border-image: linear-gradient(to bottom right, #000000, #000000);

}



.color-dark-05 .color-dark-success-05 .container-wrapper .exp-img-wrapper.right-triangle:after {

  z-index: -2;

  border-bottom: 300px solid #6b58ff;

  border-left: 300px solid transparent;

  border-image: linear-gradient(to bottom right, #ff9239, #ff038a);

}



/*--------------------------------------

>>>>>>Digital Section

----------------------------------------*/

.color-dark-05 .color-dark-digital-05 {

  background-image: url(../img/homepage-dark-05/left-img-bg-1.png);

  background-repeat: no-repeat;

  background-position: center;

}



.color-dark-05 .color-dark-digital-05 h3 {

  color: #ffffff;

}



/*--------------------------------------

>>>>>>Counter Section

----------------------------------------*/

.fs-12 {

  font-size: 12px;

}



.fs-14 {

  font-size: 14px;

}



.fs-16 {

  font-size: 16px;

}



.fs-26 {

  font-size: 26px;

}



.fs-36 {

  font-size: 36px;

}



.fs-50 {

  font-size: 50px;

}



.fw-700 {

  font-weight: 700;

}



.color-dark-bg-09 {

  background-color: #000;

}



.color-dark-primary-09 {

  color: #957f67;

}



.color-dark-secondary-09 {

  color: #947510;

}



.color-dark-white-09 {

  color: #ffffff;

}



.color-dark-05 .color-dark-counter-section {

  position: relative;

  background-size: cover;

}







.color-dark-05 .color-dark-counter-section .icon i {

  font-size: 40px;

  color: #fff;

}



.color-dark-05 .color-dark-counter-section h3 {

  color: #ffffff;

}



.color-dark-05 .color-dark-counter-section h5:nth-child(1) {

  font-size: 26px;

}



.color-dark-05 .color-dark-counter-section p {

  max-width: 490px;

}



.color-dark-05 .color-dark-counter-section .head-mar {

  margin: 30px 0;

}



.color-dark-05 .color-dark-counter-section .counter-box-r {

  position: relative;

}



.color-dark-05 .color-dark-counter-section .single_counter1 {

  position: relative;

  top: 20px;

  left: 0;

  background-image: linear-gradient(to bottom right, #f82067, #a4ea0e);

  border-radius: 50%;

  padding: 64px 44px;

  height: 200px;

  width: 200px;

  text-align: center;

}



.color-dark-05 .color-dark-counter-section .single_counter2 {

  position: relative;

  top: -30px;

  left: 16%;

  background-image: linear-gradient(to bottom right, #f82067, #a4ea0e);

  border-radius: 50%;

  height: 250px;

  width: 250px;

  padding: 100px 44px;
  text-align: center;

}



.color-dark-05 .color-dark-counter-section .single_counter3 {

  position: absolute;

  top: 60px;

  left: 50%;

    background-image: linear-gradient(to bottom right, #f82067, #a4ea0e);

  border-radius: 50%;

  padding: 52px 32px;

  height: 170px;

  width: 170px;
  text-align: center;

}



.color-dark-05 .color-dark-counter-section .cr-4 {

  width: 15px;

  height: 15px;

  position: absolute;

  background-image: linear-gradient(to bottom right, #f82067, #a4ea0e);

  left: 53%;

  border-radius: 50%;

  top: 10%;

}



.color-dark-05 .color-dark-counter-section .cr-5 {

  width: 40px;

  height: 40px;

  position: absolute;

  background-image: linear-gradient(to bottom right, #f82067, #a4ea0e);

  left: 5%;

  border-radius: 50%;

  top: 370px;

}



.color-dark-05 .color-dark-counter-section .cr-6 {

  width: 15px;

  height: 15px;

  position: absolute;

  background-image: linear-gradient(to bottom right, #f82067, #a4ea0e);

  right: -4%;

  border-radius: 50%;

  top: 200px;

}



.color-dark-09 .exp-about1-slider .slick-prev {

  left: 40.6%;

}



.color-dark-09 .exp-about1-slider .slick-next {

  left: 47.8%;

}



.color-dark-09 .event-blog .exp-about1-slider.event-blog-slider-arrows .slick-prev {

  left: 85.9%;

}



.color-dark-09 .event-blog .exp-about1-slider.event-blog-slider-arrows .slick-next {

  left: 93%;

}



.color-dark-05 .color-dark-faq-05 .card .card-body {

  margin: 0px;

}



/*--------------------------------------

>>>>>>Testimonial color code

----------------------------------------*/

.color-dark-05 .color-dark-client-05 h3 {

  color: #fff;

}



.color-dark-05 .co