body {
    background: white !important;
}
.header-brand-img.desktop-lgo {
	max-width: 220px !important;
}
#navbar-container #brand-img {
    width: 40px;
}

.header-brand-img {
	height: auto !important;
	width: auto !important;
	padding-top: 7px !important;
}
.tp-hero-height {
	min-height: 900px !important;
}

.tp-hero-content .tp-hero-btn-wrapper a.tp-btn {
	background: #ffe300;
	color: black;
	font-size: 20px;
}
.tp-hero-content .tp-hero-btn-wrapper a.tp-btn:hover {
	background: black;
	color: #ffe300;
	font-size: 20px;
}

.tp-cta-btn a.tp-btn {
	background: #ffe300;
	color: black;
	font-size: 20px;
}
.tp-cta-btn a.tp-btn:hover {
	background: black;
	color: #ffe300;
	font-size: 20px;
}
.tp-cta-team-btn .tp-btn-sm-blue {
	background: #ffe300;
	background-image: none !important;
	color: black;
	font-size: 20px;
}
.tp-cta-team-btn .tp-btn-sm-blue:hover {
	background: black;
	color: #ffe300;
}

.tp-features-icon span {
	margin-top: -50px !important; 
	height: 158px !important;
	width: 158px !important;
	line-height: 158px !important;
    font-size: 75px !important;        
}
.tp-features-icon span::before {
	height: 152px !important;
	width: 152px !important;
	left: 4px !important;
	top: 2px !important;
}
.tp-features-icon span img {
	width: 100px !important;
}

.tp-about-wrapper p {
	font-weight: 400 !important;
	font-size: 26px !important;
	color: black;
}

.tp-about-list li i {
	color: #FFF !important;
	font-size: 50px !important;
	font-weight: 500 !important;
	background: #00B33D;
	border-radius: 50%;
    float:left;
}
.tp-about-list li {
	color: #000 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    float: none;
    width: 100% !important;
    line-height: 50px !important;
}
.tp-fact-content h4 {
	font-size: 90px !important;
}

.tp-testimonial-item::after {
    background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% ) !important;
}
.tp-about-thumb img {
    max-width: none;
}
.tp-line-item {
	border-right: 1px solid #FC257212 !important;
}
.tp-line-item::before {
	background-image: linear-gradient(0deg, rgba(252, 37, 114, 0.11), #fc25714d) !important;
}
.tp-line-wrapper::before {
	background-image: linear-gradient(0deg, rgba(252, 37, 114, 0.08), #fc257108) !important;
}


.tp-service-icon i {
    font-size: 7em;
    /* Fallback: Set a background color. */
    background-color: #ba08b5;
    
    /* Create the gradient. */
    background-image: linear-gradient(45deg, #fc2572, #ba08b5);
    
    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;
  
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
  }
.tp-service-active .slick-slide:hover::after {
	opacity: 1;
}
.tp-service-active .slick-slide:hover .service-title, .tp-service-active .slick-slide:hover p, .tp-service-active .slick-slide:hover .tp-service-btn a{
	color: white;
}
.tp-service-active .slick-slide:hover .tp-service-icon i {
    background-image: linear-gradient(45deg, #ffe300, #f1d502) !important;
}
.tp-service-active .slick-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: 0.3s ease-out;
	opacity: 0;
	z-index: -1;
	border-radius: 15px;
	background-image: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% ) !important;
}
.slick-prev, .slick-next {	
	z-index: 1 !important;
}

.slick-prev.slick-arrow:hover i, .slick-next.slick-arrow:hover i {
    background: #ffe300 !important;
}
.back-to-top-btn {
	background: white !important;
	color: #b7bac7 !important;
}
.back-to-top-btn:hover {
	background: #ffe300 !important;
	color: black !important;
}


  a:focus, a:hover {
	color: #d3139b !important;
}   
.tp-hero-btn-wrapper .tp-btn {
	min-width: 270px;
	min-height: 70px;
}

a.tp-btn:hover {
    color: white !important;
}

.tp-features-title {
	font-weight: 700 !important;
	font-size: 36px !important;
	color: black !important;
	line-height: 36px !important;
}
.tp-features-wrapper p {
	font-size: 24px !important;
	color: black;
	line-height: 30px;
    padding-top: 20px;
}
.tp-section__title-pre.has-before::before {
	background: linear-gradient(90deg, #FC2572 0%, #FA2691 48%, #BA08B5 100%) !important;
}
.tp-section__title-pre.has-after::after {
	background: linear-gradient(90deg, #FC2572 0%, #FA2691 48%, #BA08B5 100%) !important;
}
.tp-testimonial-logo {
	border-bottom: none !important;
}
.tp-testimonial-logo img {
	border-radius: 50%;
	width: 50%;
}
.tp-testimonial-name {
	font-size: 24px !important;
	font-weight: bold !important;
	display: block;
}

.btn-primary {
	font-size: 14px;
	min-width: 100px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px;
	color: #fff !important;
	background-color: #8c002b;
	border-color: #fc2573;
	box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2), 0 2px 1px -1px rgba(50, 50, 50, 0.12), 0 1px 1px 0 rgba(50, 50, 50, 0.14);
	background: linear-gradient(90deg, #FC2572 0%, #FA2691 48%, #BA08B5 100%) !important;
}

.special-action-button {
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	padding-left: 2rem;
	padding-right: 2rem;
	text-transform: none;
	font-weight: 700;
	box-shadow: 0 5px 10px rgb(60 66 150 / 38%) !important;
	border-radius: 35px !important;
	transition: all 0.3s ease !important;
	background: linear-gradient(90deg, #FC2572 0%, #FA2691 48%, #BA08B5 100%);
	border: none;
}
.tp-testimonial-bg::before {
	background: #FB257B !important;
}

.tp-team-overlay {
	background-color: #000 !important;
}
.footer-bg-1 {
	background-color: #000 !important;
}

.tp-btn-sm-blue {
	background-image: linear-gradient(90deg, #f00 0%, #930606 100%) !important;
}
.tp-btn-sm-blue.button-bounce-shine:hover {
	color: white !important;
}

.img-full-w {
    width: 100vw !important;
}
.tp-footer-subscribe-input-1 .tp-footer-btn {
	background: linear-gradient(180deg, #FC2572 0%, #BA08B5 100%) !important;
}

.offcanvas-overlay {
	background: #000 !important;
}
.tp-side-info {
	background: linear-gradient(22.13deg, #840b39 7.64%, #F82372 114.23%) !important;
}
.tp-main-menu a:hover {
	color: white !important;
}
.tp-custom-accordion .accordion-buttons {
	color: #000 !important;
}
.tp-service-item {
	min-height: 530px !important;
}
.tp-service-content p {
	font-size: 20px !important;
	line-height: 25px !important;
    padding: 0px 10px !important;
}
.tp-testimonial-content p {
	font-size: 20px !important;
	line-height: 1.3 !important;
	margin-bottom: 60px !important;
	text-align: left !important;
}
.pulse {
    box-shadow: 0 0 0 0 rgb(236,24,104);
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
  }
  
  .pulse:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
  }
  @-webkit-keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232,76,61,0);
    }
  }
  
  @-moz-keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232,76,61,0);
    }
  }
  
  @-ms-keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232,76,61,0);
    }
  }
  
  @keyframes pulse {
    to {
      box-shadow: 0 0 0 10px rgba(232,76,61,0);
    }
  }

  .tp-footer-widget-3 .quick-links li {
	float: left;
	width: 50%;
}

.tp-footer-logo img {
	max-width: 300px !important;
}
.tp-footer-widget-3 p {
	color: #B9BAC0;
	font-size: 20px !important;
}
.tp-footer-social-1 a {
	line-height: 55px !important;
}
.tp-footer-social-1 i {
	font-size: 25px !important;
}
.tp-footer-social-1 a::before {
	background: linear-gradient(180deg, #FC2572 0%, #BA08B5 100%) !important;
}
.tp-pricing-btn .tp-price-btn::before {
	background: linear-gradient(90deg, #FC2573 0%, #BA08B5 100%) !important;
	color: white !important;
}
.tp-pricing-btn .tp-price-btn:hover {
	color: white !important;
}

.testimonial-slider-nav .slick-prev::before, 
.testimonial-slider-nav .slick-next::before {
    display: none !important;
}
.testimonial-slider-nav .slick-arrow {
	color: #B3B6C4 !important;
	font-size: 20px !important;
	background: white !important;
}
.testimonial-slider-nav .slick-prev.slick-arrow:hover, .testimonial-slider-nav .slick-next.slick-arrow:hover {
	background: #ffe300 !important;
	color: black !important;
}
.testimonial-slider-nav .slick-prev.slick-arrow:hover i, .testimonial-slider-nav .slick-next.slick-arrow:hover i {
    background: transparent !important;
}

.navbar-brand img {
	max-width: 30px;
}



/* LOGIN  */
#login-responsive h3, .h3 {
	font-size: 2.2rem;
}

#login-responsive {
	font-size: 1.3rem;
}
#login-responsive .input-box .form-control {
	font-size: 16px;
}
#login-responsive .btn-primary {
	font-size: 18px;
}
#login-responsive .btn-cancel, #login-responsive .btn-cancel-black {
	font-size: 14px;
}
#login-responsive .custom-switch-indicator {
	height: 1.7rem;
	width: 2.7rem;
}
#login-responsive .custom-switch-indicator::before {
	height: calc(1.7rem - 4px);
	width: calc(1.7rem - 4px);
}
#login-responsive .custom-switch-description {
	font-size: 16px;
}
.invalid-feedback {
	font-size: 13px !important;
}

/* USER  */
.side-menu__label {
	font-size: 16px;
}
.side-menu__item.active {
	background: radial-gradient( circle farthest-corner at 10.2% 55.8%, rgba(252,37,103,1) 0%, rgba(250,38,151,1) 46.2%, rgba(186,8,181,1) 90.1% );
	color: #fff;
    
}
.side-menu__item:hover .side-menu__icon, .side-menu__item:focus .side-menu__icon {
	color: #BA08B5;
}
.side-menu__item.active:hover, .side-menu__item.active:focus {
	color: white !important;
}
.side-menu__item:hover, .side-menu__item:focus {
	border-left: 3px solid #BA08B5;
}

.side-menu__item.active:hover .side-menu__icon {
    color: white !important;
}

.side-menu__item:focus .side-menu__icon {
	color: #BA08B5;
}
.slide-item {
	padding: 8px 14px 8px 40px;
	font-size: 16px;
}
.slide.is-expanded a.slide-item:hover {
	margin-left: 0px !important;
	color: #BA08B5 !important;
}
.side-menu__item:hover .angle, .side-menu__item:focus .angle {
	color: #BA08B5 !important;
}
.slide-menu a.active {
	color: #BA08B5 !important;
}
.app-header {
	box-shadow: none !important;
	border-bottom: 1px solid #ebecf1;
}
.page-leftheader .breadcrumb-item, .page-rightheader .breadcrumb-item {
	font-size: 14px;
	font-family: "Poppins", sans-serif;
}
.btn-cancel-upgrade:hover {
	color: #fff !important;
	background-color: #FC256D !important;
	border-color: #FB257F !important;
}
.side-menu {
	margin-top: 67px;
}
.app-sidebar__logo {
	height: 68px;
	border-bottom: 1px solid #ebecf1;
}
.text-primary {
	color: #FC2573 !important;
}
.usage-icon i {
	font-size: 60px;
	padding-top: 0.2rem;
	color: #FC2570;
}
.profile-icon {
	line-height: 1.4;
}
.page-leftheader .breadcrumb-item.active a {
	color: #000;
}
.profile-dropdown img {
	width: 60px;
	height: 40px;
}
.side-menu {
	margin-bottom: 0;
	padding-bottom: 40px;
	margin-top: 74px;
	border-top: 0px;
}

.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgb(252, 37, 113) !important;
}
.side-menu__item {
	border-radius: 5px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
}
.btn-cancel-upgrade {
	border-radius: 5px;
}

.btn-light {
	color: #000;
	background-color: #eaeaea !important;
	border-color: #eaeaea !important;
}
.btn-light:hover {
	background-color: #d4d2d2 !important;
	border-color: #d4d2d2 !important;
}
.filter-templates {
	margin-bottom: 5px;
}
.btn-check:focus + .btn-light, .btn-light:focus {
	background-color: black !important;
	box-shadow: none !important;
	color: white !important;
}

#template-list .card {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	min-height: 280px;
}
.template-tags .badge {
	box-shadow: none !important;
	color: black !important;
}
.table-action-buttons {
	line-height: 1.3 !important;
    font-size: 24px;
}
.richText .richText-editor {
	background-color: #F9F9F9;	
}

.btn-primary:focus, .btn-primary.focus {
	border-color: #bc09b4 !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	box-shadow: 0 0 0 .25rem rgb(187, 8, 181) !important;
}
.input-box .form-control {
	font-size: 16px !important;
}
.btn-cancel, .btn-cancel-black {
	border-radius: 8px !important;
}
.btn-primary:hover {
	border-color: #bb08b4;
}