/**!**************/
/**! Contents **/
/**! 00. GWX custom
/**! 01. accordion **/
/**! 02. background holder **/
/**! 03. boxed-layout **/
/**! 04. buttons **/
/**! 05. card **/
/**! 06. carosuel-slider **/
/**! 07. colors **/
/**! 08. core **/
/**! 09. content-blocks **/
/**! 10. download **/
/**! 11. forms **/
/**! 12. helpers **/
/**! 13. icons **/
/**! 14. logo-group **/
/**! 15. reviews **/
/**! 16. pagination **/
/**! 17. spacing **/
/**! 18. switchable **/
/**! 19. tabs **/
/**! 20. typography **/
/**! 21. overlay **/
/**! 22. home blog code **/
/**! 23. blog-articles-card **/
/**! 24. blog-details **/
/**! 25. blog-sidebar-widget **/
/**! 26. blog-comments  */
/**! 27. cta **/
/**! 28. faq **/
/**! 29. features **/
/**! 30. footer **/
/**! 31. hero **/
/**! 32. navigation **/
/**! 33. newsletter **/
/**! 34. testimonial **/
/**! 35. working-process **/
/**! 36. video **/
/**! 37. themes **/
/**! 38. theme-appearance **/
/**! 39. pattern **/
/**!**************/

/**! GWX custom **/
hr.hr_space{
margin-top:30px;
margin-bottom:30px;
}

.heading02 {
	position: relative;
	font-size: 26px;
	text-align: center;
	border-bottom: 5px solid #f6f6f6;
	margin-bottom:40px;
	padding-bottom:20px;
}

.heading02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}


/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#019ac6;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
	text-align:left;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

/**! 01. buttons **/
.accordion {
  /**! --------------- Accordion v1 -------------- **/
}

.accordion--v1 .card {
  border: 0;
  background: 0;
}

.accordion--v1 .card-header {
  background: none;
  border: 0;
  padding: 0rem;
  padding-bottom: 0.0625rem;
  text-align: left;
}

.accordion--v1 .card-header h5 {
  border-bottom: 1px solid #E2E6EA;
}

.accordion--v1 .card .btn:after,
.accordion--v1 .card .btn::before {
  content: none;
}

.accordion--v1 .card .btn-header {
  text-decoration: none;
  padding: 0;
}

.accordion--v1 .card .btn-header i {
  color: #2D3136;
  font-weight: 800;
  font-size: 0.875rem;
  margin-right: 0.625rem;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.accordion--v1 .card .btn-header.collapsed i {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.accordion--v1 .card-body {
  padding: 0;
}

/**! 02. background holder **/
.background-holder {
  position: absolute !important;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.background--cover {
  background-size: cover;
}

.background--center {
  background-position: center;
}

.background--center--center {
  background-position: center center;
}

.background--bottom--center {
  background-position: bottom center;
}

.background--left {
  background-position: left;
}

.background--right {
  background-position: right;
}

.background--left--top {
  background-position: left top;
}

.background--right--bottom {
  background-position: right top;
}

.svg-shape {
  position: absolute !important;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.svg-shape--2 {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}

/**! 03. boxed-layout **/
/*---- Boxed Layout ----*/
body.boxed-layout {
  background-repeat: repeat;
  background-attachment: fixed !important;
}

body.boxed-layout .main {
  max-width: 1366px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

body.boxed-layout .navbar {
  max-width: 1366px;
  margin-right: auto;
  margin-left: auto;
}

body.boxed-layout .footer--fixed {
  position: relative;
  z-index: initial;
}

body.boxed-layout .height-emulator {
  display: none;
}

body.boxed-layout .switchable__image {
  width: 53.125rem;
}

/**! 04. buttons **/
/**! ----- Button General Styling ---- **/
.btn {
  border: 0;
  outline: 0;
  font-weight: 500;
  font-size: 1.125rem;
  padding: 1rem 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
  overflow: hidden;
}

.btn:focus, .btn.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-size--xl {
  padding: 0.9375rem 3.75rem;
}

.btn-size--lg {
  padding: 0.875rem 3rem;
}

.btn-size--lg--2 {
  padding: 1.25rem 1.75rem;
}

@media only screen and (min-width: 1200px) {
  .btn-size--lg--2 {
    padding: 1.4375rem 2.0625rem;
  }
}

.btn-size--md {
  font-size: 1rem;
  padding: 0.9375rem 1.125rem;
}

@media only screen and (min-width: 992px) {
  .btn-size--md {
    padding: 0.9375rem 2.25rem;
  }
}

.btn-size--md--2 {
  font-size: 0.9375rem;
  padding: 1rem 2rem;
}

.btn-size--md--3 {
  font-size: 0.875rem;
  padding: 0.6875rem 1.75rem;
}

.btn-size--md--4 {
  font-size: 0.875rem;
  padding: 0.6875rem 2.375rem;
}

.btn-size--sm {
  padding: 0.5rem 2.125rem;
}

.btn-size--sm--2 {
  padding: 0.5rem 1.5rem;
  font-size: 1.125rem;
}

.btn--transparent {
  background: transparent;
}

.btn-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/**! ----- Button outline ---- **/
.btn-outline {
  border-width: 1px;
  border-style: solid;
}

.btn-outline--lg {
  padding: 0.875rem 2.8125rem;
}

.btn-outline--lg--2 {
  padding: 1.25rem 1.75rem;
}

@media only screen and (min-width: 1200px) {
  .btn-outline--lg--2 {
    padding: 1.375rem 2.625rem;
  }
}

.btn-outline--md {
  padding: 1rem 1.375rem;
}

.btn-outline--sm {
  padding: 0.375rem 2.125rem;
}

.btn-outline--sm--2 {
  padding: 0.375rem 1.25rem;
}

/**! ----- Button link ---- **/
.btn-link {
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
}

.btn-link:hover, .btn-link:focus {
  text-decoration: none;
}

/**! ----- text-color color ---- **/
/**! ----- Button color ---- **/
.btn-color--primary:hover {
  color: #ffffff;
}

.btn-color--white {
  color: #ffffff;
}

.btn-color--white:hover {
  color: #ffffff;
}

.btn-color-dark--700 {
  color: #2D3136;
}

/**! ----- Button Background ---- **/
.btn-bg--dark--300 {
  background: #717781;
}

.btn-bg--purple-light {
  background-color: #995CDD;
}

.btn-bg--orange {
  background-color: #ea4a27;
}

.btn-bg--green--300 {
  background-color: #1BDD69;
}

.btn-bg--green--10 {
  background: rgba(27, 221, 105, 0.1);
}

.btn-bg--cta--1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ECEF3C), to(#D5DB1C));
  background: -o-linear-gradient(top, #ECEF3C 0%, #D5DB1C 100%);
  background: linear-gradient(180deg, #ECEF3C 0%, #D5DB1C 100%);
  color: #2D3136;
}

.btn-bg--cta--2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF805A), to(#FF6348));
  background: -o-linear-gradient(#FF805A, #FF6348);
  background: linear-gradient(#FF805A, #FF6348);
}

/**! ----- Button icon ---- **/
.btn-icon {
  font-size: 1.625rem;
  margin-right: 0.625rem;
}

/**! ----- button Cta ---- **/
.btn-cta {
  padding: 0.9375rem 1.625rem;
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.btn-cta i {
  color: #ffffff;
  font-size: 1.875rem;
}

.btn-cta--2 {
  padding: 0.9375rem 1.375rem;
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.btn-cta--3 {
  font-size: 0.9375rem;
  padding: 1rem 2rem;
}

.btn-cta--4 {
  font-size: 1.25rem;
  padding: 0.875rem 2.25rem;
}

/**! ----- button Media (Play Buttons) ---- **/
.btn-media {
  position: relative;
  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;
  opacity: 0.8;
}

.btn-media--xl {
  height: 7rem;
  width: 7rem;
}

.btn-media--xl i {
  font-size: 1.875rem;
}

.btn-media--lg {
  height: 6.625rem;
  width: 6.625rem;
}

.btn-media--lg i {
  font-size: 2.125rem;
}

.btn-media--md {
  height: 5.8125rem;
  width: 5.8125rem;
}

.btn-media--md i {
  font-size: 1.5625rem;
}

.btn-media--sm {
  height: 3.8125rem;
  width: 3.8125rem;
}

.btn-media--sm i {
  font-size: 1.0625rem;
}

.btn-media i {
  color: #ffffff;
}

/**! ----- button Group ---- **/
.button-group .btn {
  margin-right: 0.9375rem;
}

.button-group .btn:last-child {
  margin-right: 0rem;
}

/**! 05. card **/
.cards .list-group li {
  font-size: 1rem;
  line-height: 34px;
  color: #2D3136;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .cards .btn {
    padding: 0.9375rem 0.9375rem;
  }
}

.card {
  background: 0;
}

.card-body {
  padding: 0;
}

.card--v1 .badge {
  padding: 0.375rem 1rem;
}

.card--v2 .card--focused {
  position: relative;
  z-index: 1;
  border-width: 3px;
}

.card--v2 .card--focused::after {
  position: absolute;
  content: "";
  background: #ffffff;
  right: 5px;
  top: 105px;
  width: 33px;
  height: 31px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

@media only screen and (min-width: 992px) {
  .card--v2 .card--focused::after {
    right: 1.4375rem;
    top: 7.375rem;
  }
}

.card--v2 .card--focused::before {
  position: absolute;
  content: "Best choice";
  z-index: -1;
  right: 0rem;
  top: 0rem;
  width: 8.125rem;
  height: 2.1875rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 54px 53px;
      -ms-transform-origin: 54px 53px;
          transform-origin: 54px 53px;
  padding-left: 12px;
  text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
  .card--v2 .btn {
    font-size: 1rem;
  }
}

.card--v3 .category-links a:hover {
  color: #090a0b;
}

.card--v3 .card-title:hover {
  color: #5b636e;
}

@media only screen and (min-width: 992px) {
  .card--v3 .card-list {
    max-width: 26.5625rem;
    margin-left: 2.1875rem;
  }
}

.card--v3 .card-list h5 a:hover {
  color: #5b636e;
}

.card-value--focused {
  display: none;
}

/**! 06. carosuel-slider **/
/**! -----  Carosuel Slider ---- **/
.slick-slider {
  /* slick arrow */
  /* slick dots */
}

.slick-slider blockquote {
  font-style: italic;
}

.slick-slider .slick-arrow {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.slick-slider .arrowBtn {
  position: absolute;
  z-index: 1;
  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;
}

.slick-slider .nextArrow {
  right: 0;
}

.slick-slider .prevArrow {
  left: 0;
}

.slick-slider .slick-dots {
  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;
}

.slick-slider .slick-dots button {
  font-size: 0;
}

/**! ----- Carosuel arrow Carosuel Slider V1 ---- **/
.carosuel-slider--v1 .slick-arrow {
  left: 50%;
  margin-left: -40px;
  bottom: 0;
}

@media only screen and (min-width: 768px) {
  .carosuel-slider--v1 .slick-arrow {
    left: 0rem;
    margin-left: 0rem;
  }
}

.carosuel-slider--v1 .arrowBtn {
  color: #ffffff;
  background: transparent;
  opacity: 0.5;
  font-size: 2.25rem;
  margin-bottom: -60px;
  bottom: 0;
}

.carosuel-slider--v1 .arrowBtn:hover {
  opacity: 1;
}

.carosuel-slider--v1 .nextArrow {
  right: 0;
  left: 3.4375rem;
}

.carosuel-slider--v1 .nextArrow:hover {
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}

.carosuel-slider--v1 .prevArrow {
  left: 0;
}

.carosuel-slider--v1 .prevArrow:hover {
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
}

/**! ----- Carosuel arrow Carosuel Slider V2 ---- **/
@media only screen and (max-width: 767px) {
  .carosuel-slider--v2 .slick-arrow, .carosuel-slider--v2 .arrowBtn {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .carosuel-slider--v2 .slick-arrow {
    top: 0;
    -webkit-transform: translateY(45px);
        -ms-transform: translateY(45px);
            transform: translateY(45px);
  }
}

.carosuel-slider--v2 .arrowBtn {
  color: #ffffff;
  background: transparent;
  opacity: 0.5;
  font-size: 3.75rem;
}

.carosuel-slider--v2 .arrowBtn:hover {
  opacity: 1;
}

.carosuel-slider--v2 .nextArrow {
  right: -4.0625rem;
}

@media only screen and (min-width: 992px) {
  .carosuel-slider--v2 .nextArrow {
    right: -9.0625rem;
  }
}

@media only screen and (min-width: 1200px) {
  .carosuel-slider--v2 .nextArrow {
    right: -14.875rem;
  }
}

.carosuel-slider--v2 .nextArrow:hover {
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}

.carosuel-slider--v2 .prevArrow {
  left: -4.0625rem;
}

@media only screen and (min-width: 992px) {
  .carosuel-slider--v2 .prevArrow {
    left: -9.0625rem;
  }
}

@media only screen and (min-width: 1200px) {
  .carosuel-slider--v2 .prevArrow {
    left: -14.0625rem;
  }
}

.carosuel-slider--v2 .prevArrow:hover {
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
}

/**! ----- Carosuel arrow Carosuel Slider V3 ---- **/
.carosuel-slider--v3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: calc(-100%);
  background: #ffffff;
  top: 0;
  z-index: 1;
}

.carosuel-slider--v3 .slick-list {
  overflow: initial;
}

.carosuel-slider--v3 .slide.slick-slide blockquote,
.carosuel-slider--v3 .slide.slick-slide .svg,
.carosuel-slider--v3 .slide.slick-slide .testimonial-customer__name,
.carosuel-slider--v3 .slide.slick-slide .testimonial-customer__designation,
.carosuel-slider--v3 .slide.slick-slide .testimonial-img {
  opacity: 0.5;
}

.carosuel-slider--v3 .slide.slick-slide.slick-active blockquote,
.carosuel-slider--v3 .slide.slick-slide.slick-active .svg,
.carosuel-slider--v3 .slide.slick-slide.slick-active .testimonial-customer__name,
.carosuel-slider--v3 .slide.slick-slide.slick-active .testimonial-customer__designation,
.carosuel-slider--v3 .slide.slick-slide.slick-active .testimonial-img {
  opacity: 1;
}

/**! ----- Carosuel arrow Carosuel Slider V4 ---- **/
.carosuel-slider--v4 {
  /* slick arrow */
  /* dots */
}

.carosuel-slider--v4 .slide.slick-slide {
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
  margin-bottom: 6.25rem;
}

.carosuel-slider--v4 .slick-arrow {
  bottom: 0;
}

.carosuel-slider--v4 .arrowBtn {
  background: #D9E6DF;
  width: 2rem;
  height: 2rem;
  font-size: 0.875rem;
  color: #ffffff;
  bottom: 0;
}

.carosuel-slider--v4 .arrowBtn i {
  font-weight: 600;
}

.carosuel-slider--v4 .nextArrow {
  right: 0;
}

.carosuel-slider--v4 .prevArrow {
  left: 0;
}

.carosuel-slider--v4 .slick-dots .slider-button {
  background: rgba(0, 0, 0, 0.1);
  height: 14px;
  width: 14px;
  border-radius: 100px;
  margin-right: 0.5rem;
}

/**! ----- Carosuel arrow Carosuel Slider V5 ---- **/
.user-experience-slider {
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.carosuel-slider--v5 {
  /* dots */
}

.carosuel-slider--v5 .slide {
  padding: 0 10px 75px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 992px) {
  .carosuel-slider--v5 .slide {
    padding: 0 25px 68px;
  }
}

.carosuel-slider--v5 .slide img {
  max-width: 100%;
}

.carosuel-slider--v5 .slick-dots {
  bottom: 5px;
  position: absolute;
  left: 0;
  right: 0;
}

.carosuel-slider--v5 .slick-dots .slider-button {
  background: rgba(0, 0, 0, 0.1);
  height: 14px;
  width: 14px;
  border-radius: 100px;
  margin-right: 0.5rem;
}

.bg-color--primary .carosuel-slider--v5 .slick-dots .slick-active .slider-button {
  background: #ffffff;
  opacity: 0.5;
}

/**! 07. colors **/
/**! ----- Theme Common colors (Also Used as extend in SCSS ) ---- **/
.btn-bg--primary, .card--v2 .card--focused::before, .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .bg-color--primary, mark,
ins, .btn-bg-hover--primary:after, .btn-bg-hover--primary:before, .navigation__transparent.sticky-nav {
  background: #256fa1;
}

.text-color--primary, .btn-color--primary, .color-primary, .list-group .list-group-item-action:hover, .list-group .list-group-item-action:focus, .list-group .list-group-item-action.active, .text-hover--primary:hover, .features--v5 .feature:hover i, .footer.section-dark .widget a:hover, .footer.section-light .widget li a:hover, .navbar-expand-lg.navbar .page-active, .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active {
  color: #256fa1;
}

.fill--primary rect,
.fill--primary path,
.fill--primary polygon,
.fill--primary circle {
  fill: #256fa1;
}

.border-color-primary, .btn-outline .border-color-light--4:hover, .blog-sidebar .widget-title, .comments-area .comment-title,
.comments-area .comment-reply-title, .testimonial--v4 .carosuel-slider--v4 img {
  border-color: #256fa1;
}

/**! ----- Base Font Color ---- **/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2D3136;
}

.section--dark h1:not([class*='text-color-']):not([class*='color-']),
.section--dark h2:not([class*='text-color-']):not([class*='color-']),
.section--dark h3:not([class*='text-color-']):not([class*='color-']),
.section--dark h4:not([class*='text-color-']):not([class*='color-']),
.section--dark h5:not([class*='text-color-']):not([class*='color-']),
.section--dark h6:not([class*='text-color-']):not([class*='color-']),
.bg-color--primary h1:not([class*='text-color-']):not([class*='color-']),
.bg-color--primary h2:not([class*='text-color-']):not([class*='color-']),
.bg-color--primary h3:not([class*='text-color-']):not([class*='color-']),
.bg-color--primary h4:not([class*='text-color-']):not([class*='color-']),
.bg-color--primary h5:not([class*='text-color-']):not([class*='color-']),
.bg-color--primary h6:not([class*='text-color-']):not([class*='color-']) {
  color: #ffffff;
}

/**! ----- SVG fill Color ---- **/
.border-color-white {
  border-color: #ffffff;
}

.border-color-white--2 {
  border-color: rgba(255, 255, 255, 0.2);
}

.border-color-black {
  border-color: rgba(0, 0, 0, 0.06);
}

.border-color-orange {
  border-color: #ea4a27;
}

.border-color-green {
  border-color: #1BDD69;
}

.border-color-light {
  border-color: #e1e5e9;
}

.border-color-light--2, .features--v2 ul span {
  border-color: #ededed;
}

.border-color-light--3 {
  border-color: #E2E6EA;
}

.border-color-light--4 {
  border-color: #818992;
}

.border-color-light--5 {
  border-color: #E1ECFF;
}

.border-color-light--7 {
  border-color: #E0E8F7;
}

.border-color-dark--1 {
  border-color: #707070;
}

.border-color-dark--4 {
  border-color: #3A414C;
}

.border-color-dark--5 {
  border-color: #30353C;
}

/**! ----- Theme Appearance Background ---- **/
[data-appearance=light] .main {
  background: #ffffff;
}

[data-appearance=dark] {
  background: #2A2F36;
}

[data-appearance=green] {
  background: #F1FFF7;
}

.color-white, .btn-bg--primary, .btn-bg--primary:hover {
  color: #ffffff;
}

.color-white--200 {
  color: #D6E1FF;
}

.color-green {
  color: #27AE60;
}

.color-orange {
  color: #ea4a27;
}

.color-yellow {
  color: #F8E71C;
}

.color-purple {
  color: #DB64F9;
}

.text-color--200 {
  color: #7D8188;
}

.text-color--300 {
  color: #717781;
}

.text-color--400 {
  color: #818992;
}

.text-color--500 {
  color: #313339;
}

.text-color--700, .features--v2 ul span:after {
  color: #2D3136;
}

.text-color--900 {
  color: #30353C;
}

.text-color-green--400 {
  color: #4F6B5C;
}

.text-color-blue--400 {
  color: #4892F8;
}

.text-color-orange--400 {
  color: #FF6348;
}

.text-color-gray--200 {
  color: #A9AEB9;
}

.text-light-gray--100 {
  color: #f6f7f8;
}

.text-light-gray--200 {
  color: #E2E6EA;
}

.text-light-gray--300 {
  color: #F2F4F6;
}

/**! ----- Background Color Helper ---- **/
.bg-blue--100 {
  background: #F5F9FF;
}

.bg-white, .btn-bg--white {
  background-color: #ffffff;
}

.bg-dark {
  background-color: #2f3640 !important;
}

.bg-green {
  background-color: #27AE60;
}

.bg-green--300 {
  background: #1BDD69;
}

.bg-yellow {
  background-color: #F8E71C;
}

.bg-orange {
  background-color: #ea4a27;
}

.bg-purple-dark {
  background-color: #5618AD;
}

.bg-pink {
  background-color: #FFEFF1;
}

.bg-gray-600 {
  background-color: #30353D;
}

.bg-light-gray--100 {
  background: #f6f7f8;
}

.bg-light-gray--200 {
  background: #E2E6EA;
}

.bg-light-gray--300, .card--v1 .badge {
  background: #F2F4F6;
}

.bg-blue--200 {
  background: #739AFF;
}

.bg-blue--300 {
  background: #53a0fe;
}

.bg-blue--600 {
  background: #2477E6;
}

.bg-blue--700 {
  background: #1C6BE6;
}

.bg-dark--600 {
  background: #3B3E42;
}

.bg-dark--700 {
  background: #2D3136;
}

.bg-dark--800 {
  background: #2A2F36;
}

.bg-green--200 {
  background: #F1FFF7;
}

/**! ----- Background Color with Opacity ---- **/
.bg-color--white-opacity--30, .btn-bg--white--30 {
  background: rgba(255, 255, 255, 0.3);
}

/**! ----- gradientcolor ---- **/
.gradient-1 {
  background-image: -o-linear-gradient(135deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
  background-image: linear-gradient(-45deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
}

.gradient-2 {
  background-image: -o-linear-gradient(135deg, #995CDD 0%, #644BE7 100%);
  background-image: linear-gradient(-45deg, #995CDD 0%, #644BE7 100%);
}

.gradient-3 {
  background-image: -o-linear-gradient(136deg, #2313B8 0%, #53A0FD 50%, #09BF6B 100%);
  background-image: linear-gradient(-46deg, #ffffff 0%, #1a7764 50%, #00beff 100%);
}

.gradient-4 {
  background-image: -o-linear-gradient(135deg, #644BE7 0%, #8054E2 50%, #995CDD 100%);
  background-image: linear-gradient(-45deg, #644BE7 0%, #8054E2 50%, #995CDD 100%);
}

.gradient-5 {
  background-image: -o-linear-gradient(135deg, #995CDD 0%, #7F54E2 50%, #644BE7 100%);
  background-image: linear-gradient(-45deg, #995CDD 0%, #7F54E2 50%, #644BE7 100%);
}

.gradient-6 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5.15%, rgba(100, 216, 40, 0.988762)), to(rgba(1, 205, 105, 0.0001)));
  background-image: -o-linear-gradient(top, rgba(100, 216, 40, 0.988762) 5.15%, rgba(1, 205, 105, 0.0001) 100%);
  background-image: linear-gradient(180deg, rgba(100, 216, 40, 0.988762) 5.15%, rgba(1, 205, 105, 0.0001) 100%);
}

.gradient-7 {
  background-image: -o-linear-gradient(137deg, #8731E8 0%, #4528DC 100%);
  background-image: linear-gradient(-47deg, #8731E8 0%, #4528DC 100%);
}

.gradient-8 {
  background-image: -o-linear-gradient(45deg, #6CE01C 0%, #0175CD 100%);
  background-image: linear-gradient(45deg, #6CE01C 0%, #0175CD 100%);
}

.gradient-9 {
  background-image: -o-linear-gradient(45deg, #8448ff 0%, #21007b 80%);
  background-image: linear-gradient(45deg, #8448ff 0%, #21007b 80%);
}

.gradient-10 {
  background-image: -o-linear-gradient(45deg, #ff4bc4 0%, #375aeb 66%, #2b5bed 100%);
  background-image: linear-gradient(45deg, #ff4bc4 0%, #375aeb 66%, #2b5bed 100%);
}

.gradient-yellow {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ecef3c), to(#d5db1c));
  background-image: -o-linear-gradient(top, #ecef3c 0%, #d5db1c 100%);
  background-image: linear-gradient(180deg, #ecef3c 0%, #d5db1c 100%);
}

.gradient-orange {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF805A), to(#FF6348));
  background-image: -o-linear-gradient(#FF805A, #FF6348);
  background-image: linear-gradient(#FF805A, #FF6348);
}

.gradient-blue {
  background-image: -o-linear-gradient(45deg, #1C5AE0 0%, #53A0FD 50%, #51CAEC 100%);
  background-image: linear-gradient(45deg, #1C5AE0 0%, #53A0FD 50%, #51CAEC 100%);
}

.gradient-orange--2 {
  background-image: -o-linear-gradient(45deg, #FF805A, #FF6348);
  background-image: linear-gradient(45deg, #FF805A, #FF6348);
}

/**! 08. core **/
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", sans-serif;
  color: #818992;
  margin: 0;
  overflow-x: hidden;
}

@media only screen and (max-width: 991px) {
  html {
    font-size: 87.5%;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:focus {
  outline: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  display: inline-block;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

button {
  cursor: pointer;
  padding: 0;
  border: 0;
  background: 0;
}

button:focus {
  outline: 0;
}

picture {
  display: inline-block;
}

span {
  display: inline-block;
}

svg {
  display: block;
}

svg text, svg tspan {
  font-family: "Roboto", sans-serif;
}

input,
textarea {
  padding: 0;
}

input:focus,
textarea:focus {
  outline: 0;
}

input.placeholder,
textarea.placeholder {
  font-size: 16px;
  font-weight: 600;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  font-size: 16px;
  font-weight: 600;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 600;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 600;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 600;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

table {
  border-collapse: collapse;
}

section {
  position: relative;
}

select {
  width: 100%;
}

address {
  font-style: italic;
  margin: 0 0 1.75em;
}

hr {
  margin: 0;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace;
}

pre {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

abbr,
acronym {
  cursor: help;
}

abbr[title] {
  border-bottom: 1px dotted;
}

mark,
ins {
  color: #fff;
  padding: 0.125em 0.25em;
  text-decoration: none;
}

big {
  font-size: 125%;
}

dl {
  margin: 0 0 1.75em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 0 1.75em;
}

ol {
  list-style: decimal;
  margin-left: 1.5em;
}

ul {
  padding: 0;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

del {
  opacity: 0.8;
}

table {
  background: #ffffff;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
  border-radius: 0.3125rem;
  overflow: hidden;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}

td {
  border-width: 0 1px 1px 0;
}

th,
td {
  padding: 0.4375rem;
}

/**! 09. content-blocks **/
.content-block .overlap-image {
  position: relative;
}

.content-block--text {
  margin-bottom: 2.5rem;
}

.content-block--text h3 {
  margin-bottom: 1.875rem;
}

.content-block--v1 .overlap-image__secondary[class*="pos-abs-top-right"] {
  top: -88px;
}

@media only screen and (min-width: 992px) {
  .content-block--v1 .overlap-image__secondary[class*="pos-abs-top-right"] {
    top: -100px;
    right: -38px;
  }
}

.content-block--v2 .svg {
  position: absolute;
  left: -25px;
  top: -120px;
}

@media only screen and (max-width: 1199px) {
  .content-block--v2 .svg {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .content-block--v2 .content-block--top .overlap-image {
    top: 1.25rem;
  }
}

@media only screen and (min-width: 768px) {
  .content-block--v2 .content-block--bottom .overlap-image__secondary[class*="pos-abs-bottom-left"] {
    bottom: 2.8125rem;
    left: 5rem;
  }
}

@media only screen and (min-width: 992px) {
  .content-block--v2 .content-block--bottom .overlap-image__secondary[class*="pos-abs-bottom-left"] {
    bottom: 0rem;
    left: 0rem;
  }
}

@media only screen and (min-width: 1200px) {
  .content-block--v2 .content-block--bottom .overlap-image__secondary[class*="pos-abs-bottom-left"] {
    bottom: 2.8125rem;
    left: -2.8125rem;
  }
}

@media only screen and (max-width: 991px) {
  .content-block--v3 {
    padding-top: 6.25rem;
  }
}

@media only screen and (max-width: 767px) {
  .content-block--v3 {
    padding-top: 5rem;
  }
}

@media only screen and (min-width: 992px) {
  .content-block--v3 .overlap-image {
    margin-top: -5.3125rem;
  }
}

.content-block--v3 .content-block--top .overlap-image__secondary[class*="pos-abs-bottom-right"] {
  bottom: 4.6875rem;
  right: 1.75rem;
}

.content-block--v3 .product-list .product-title,
.content-block--v3 .product-list .cart-title,
.content-block--v3 .cart-list .product-title,
.content-block--v3 .cart-list .cart-title {
  color: #000000;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.content-block--v3 .product-list .product-title:hover,
.content-block--v3 .product-list .cart-title:hover,
.content-block--v3 .cart-list .product-title:hover,
.content-block--v3 .cart-list .cart-title:hover {
  color: #4d4d4d;
}

.content-block--v3 .product-list .product-title span,
.content-block--v3 .product-list .cart-title span,
.content-block--v3 .cart-list .product-title span,
.content-block--v3 .cart-list .cart-title span {
  color: #2F69F8;
}

.content-block--v3 .product-list h6,
.content-block--v3 .cart-list h6 {
  font-size: 0.75rem;
  font-weight: 300;
  color: #6A6A6A;
  line-height: 0.9375rem;
}

.content-block--v3 .product-list h6 span,
.content-block--v3 .cart-list h6 span {
  color: #2F69F8;
}

.content-block--v3 .product-list .price,
.content-block--v3 .cart-list .price {
  color: #2F69F8;
  font-weight: 700;
  margin-left: 2.5rem;
}

.content-block--v3 .cart-list {
  background-color: #ffffff;
  border: 1px solid #E4E4E4;
  padding: 1.125rem 1.5625rem;
  min-height: 6.25rem;
  position: relative;
  opacity: .55;
}

.content-block--v3 .cart-list:hover {
  opacity: 1;
  border-color: #1BDD69;
}

.content-block--v3 .cart-list:hover::before {
  opacity: 1;
}

.content-block--v3 .cart-list::before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #ffffff;
  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;
  right: -0.0625rem;
  top: 0;
  background-color: #1BDD69;
  height: 1.25rem;
  width: 1.25rem;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 4px;
  opacity: 0;
}

.content-block--v3 .cart-list .cart-img {
  background: #FFEAB6;
  height: 3rem;
  width: 3rem;
  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;
}

.content-block--v4 {
  padding-bottom: 26.875rem;
}

/**! 10. download **/
@media only screen and (max-width: 991px) {
  .download--v1.space--top--4 {
    padding-top: 8.125rem !important;
  }
}

.download--v1 .download-caption a, .download--v2 .download-caption a {
  text-decoration: underline;
}

.download--v2 .download-icon {
  -webkit-box-shadow: 0 0 0 20px #F1F5FF, 0 0 0 40px #FBFCFF;
          box-shadow: 0 0 0 20px #F1F5FF, 0 0 0 40px #FBFCFF;
}

.download--v2 .download-icon i {
  font-size: 4rem;
}

/**! 11. form **/
/**! ----- Form General Styling ---- **/
.form-group {
  margin: 0;
}

.form .form-control {
  margin-right: 0.0625rem;
}

.form .form-control:focus,
.form .form-control textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form--v1 input, .form--v2 input {
  font-size: 1.0625rem;
  color: #818992;
}

.form--v1 input.placeholder, .form--v2 input.placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v1 input:-moz-placeholder, .form--v2 input:-moz-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v1 input::-moz-placeholder, .form--v2 input::-moz-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v1 input:-ms-input-placeholder, .form--v2 input:-ms-input-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v1 input::-webkit-input-placeholder, .form--v2 input::-webkit-input-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v1 .form-control {
  padding: 2.125rem 2.125rem;
}

.form--v1 .form-control:focus {
  border-color: #fff;
  z-index: initial;
}

@media only screen and (max-width: 991px) {
  .form--v1 .form-control {
    padding: 1.875rem 1.875rem;
    max-width: 25rem;
  }
}

@media only screen and (max-width: 575px) {
  .form--v1 .form-control {
    max-width: 16.875rem;
  }
}

@media only screen and (max-width: 991px) {
  .form--v1 .form-group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.form--v1 .input-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 992px) {
  .form--v1 .input-group {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.form--v2 .form-group {
  margin-bottom: 1rem;
}

.form--v2 .form-control {
  border: 1px solid #E2E6EA;
  padding: 1.8125rem 1.375rem;
}

@media only screen and (min-width: 768px) {
  .form--v3 .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.form--v3 .form-group {
  margin-right: 0.3125rem;
}

@media only screen and (min-width: 992px) {
  .form--v3 .form-group {
    margin-right: 0.3125rem;
  }
}

@media only screen and (min-width: 1200px) {
  .form--v3 .form-group {
    margin-right: 1.125rem;
  }
}

@media only screen and (max-width: 767px) {
  .form--v3 .form-group {
    margin-bottom: 1.25rem;
  }
}

.form--v3 .form input {
  font-size: 1rem;
  color: #ffffff;
  background: 0;
  border: 1px solid #F1FFF7;
  text-transform: capitalize;
}

.form--v3 .form input.placeholder {
  font-weight: 500;
  color: #ffffff;
}

.form--v3 .form input:-moz-placeholder {
  font-weight: 500;
  color: #ffffff;
}

.form--v3 .form input::-moz-placeholder {
  font-weight: 500;
  color: #ffffff;
}

.form--v3 .form input:-ms-input-placeholder {
  font-weight: 500;
  color: #ffffff;
}

.form--v3 .form input::-webkit-input-placeholder {
  font-weight: 500;
  color: #ffffff;
}

.form--v3 .form .form-control {
  padding: 1.625rem 1.25rem;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .form--v3 .form .form-control {
    min-width: 14.375rem;
  }
}

.form--v4 .form-group {
  margin-bottom: 25px;
}

.form--v4 .form label {
  color: #2D3136;
  font-size: 17px;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.form--v4 .form input,
.form--v4 .form textarea {
  font-size: 1.0625rem;
  color: #818992;
  background: 0;
  border: 1px solid #E2E6EA;
  text-transform: capitalize;
}

.form--v4 .form input.placeholder,
.form--v4 .form textarea.placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v4 .form input:-moz-placeholder,
.form--v4 .form textarea:-moz-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v4 .form input::-moz-placeholder,
.form--v4 .form textarea::-moz-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v4 .form input:-ms-input-placeholder,
.form--v4 .form textarea:-ms-input-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v4 .form input::-webkit-input-placeholder,
.form--v4 .form textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: #818992;
}

.form--v4 .form-control {
  padding: 1.75rem 1.25rem;
}

.form--v4 .form .btn {
  padding: 0.875rem 1.25rem;
}

.form--v5 .form-control {
  border: 1px solid #D5D8DE;
  padding: 2.3125rem 1.75rem;
}

.form--v5 input {
  color: #A9AEB9;
  font-size: 1.125rem;
  font-weight: 400;
}

.form--v5 input.placeholder {
  color: #A9AEB9;
  font-size: 1.125rem;
  font-weight: 400;
}

.form--v5 input:-moz-placeholder {
  color: #A9AEB9;
  font-size: 1.125rem;
  font-weight: 400;
}

.form--v5 input::-moz-placeholder {
  color: #A9AEB9;
  font-size: 1.125rem;
  font-weight: 400;
}

.form--v5 input:-ms-input-placeholder {
  color: #A9AEB9;
  font-size: 1.125rem;
  font-weight: 400;
}

.form--v5 input::-webkit-input-placeholder {
  color: #A9AEB9;
  font-size: 1.125rem;
  font-weight: 400;
}

.form--v5 .btn {
  padding: 0 1.375rem;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}

/**! 12. helpers **/
/**! ----- border radius---- **/
.rounded--default, .btn, .form--v3 .form .form-control, .reviews .load-more, .pagination .page-link, .comments-area .comment-reply, .navbar-expand-lg .dropdown-menu, .navbar-expand-lg .dropdown-item {
  border-radius: 0.3125rem;
}

.rounded--3 {
  border-radius: 0.1875rem;
}

.rounded--8, .content-block--v3 .cart-list, .form--v1 .form-control {
  border-radius: 0.5rem;
}

.rounded--10, .form--v2 .form-control, .form--v4 .form-control, .form--v5 .form-control, .features--v5 .feature:hover {
  border-radius: 0.625rem;
}

.rounded--15 {
  border-radius: 0.9375rem;
}

.rounded--34 {
  border-radius: 2.125rem;
}

.rounded--full, .btn-media, .card--v1 .badge, .carosuel-slider--v4 .arrowBtn, .content-block--v3 .cart-list .cart-img, .icon--xl, .icon-rounded i {
  border-radius: 6.25rem;
}

.rounded-0 {
  border-radius: 0rem;
}

/**! ----- Opacity ---- **/
.opacity--10 {
  opacity: .10;
}

.opacity--40 {
  opacity: .40;
}

.opacity--60 {
  opacity: .60;
}

.opacity--70 {
  opacity: .70;
}

.opacity--80 {
  opacity: .80;
}

.opacity--84 {
  opacity: .84;
}

/**! ----- box shadow ---- **/
.box-shadow--none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.box-shadow--1, .hero--v16.bg-color--primary .btn.btn-bg--primary, .navigation__transparent.sticky-nav {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.18);
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.18);
}

.box-shadow--2, .video--v1 .video-cover {
  -webkit-box-shadow: 0 2rem 2.75rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 2rem 2.75rem rgba(0, 0, 0, 0.15);
}

.box-shadow--3 {
  -webkit-box-shadow: 0 2rem 3.375rem rgba(0, 0, 0, 0.13);
          box-shadow: 0 2rem 3.375rem rgba(0, 0, 0, 0.13);
}

.box-shadow--4 {
  -webkit-box-shadow: 0 2rem 3.375rem rgba(62, 106, 161, 0.11);
          box-shadow: 0 2rem 3.375rem rgba(62, 106, 161, 0.11);
}

.box-shadow--5 {
  -webkit-box-shadow: 0 1.375rem 2.125rem rgba(62, 106, 161, 0.11);
          box-shadow: 0 1.375rem 2.125rem rgba(62, 106, 161, 0.11);
}

.box-shadow--6 {
  -webkit-box-shadow: 0 1.375rem 2.125rem rgba(255, 99, 72, 0.17);
          box-shadow: 0 1.375rem 2.125rem rgba(255, 99, 72, 0.17);
}

.box-shadow--7 {
  -webkit-box-shadow: 0 0.75rem 2.125rem rgba(71, 119, 244, 0.11);
          box-shadow: 0 0.75rem 2.125rem rgba(71, 119, 244, 0.11);
}

.box-shadow--8 {
  -webkit-box-shadow: 0 2.625rem 3.375rem rgba(35, 101, 222, 0.04);
          box-shadow: 0 2.625rem 3.375rem rgba(35, 101, 222, 0.04);
}

.box-shadow--9 {
  -webkit-box-shadow: 0 1.375rem 3.375rem rgba(59, 128, 255, 0.04);
          box-shadow: 0 1.375rem 3.375rem rgba(59, 128, 255, 0.04);
}

.box-shadow--10, .carosuel-slider--v5 .slick-active.slick-center img {
  -webkit-box-shadow: 0px 50px 78px rgba(106, 106, 106, 0.0570086), 0px 8px 28px rgba(0, 0, 0, 0.16), inset 0px -18px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 50px 78px rgba(106, 106, 106, 0.0570086), 0px 8px 28px rgba(0, 0, 0, 0.16), inset 0px -18px 30px rgba(0, 0, 0, 0.08);
}

.box-shadow--11 {
  -webkit-box-shadow: 0px 22px 34px rgba(46, 61, 102, 0.140172);
          box-shadow: 0px 22px 34px rgba(46, 61, 102, 0.140172);
}

.box-shadow--12, .features--v5 .feature:hover {
  -webkit-box-shadow: 0 0.125rem 2.125rem rgba(0, 0, 0, 0.09);
          box-shadow: 0 0.125rem 2.125rem rgba(0, 0, 0, 0.09);
}

.box-shadow--13 {
  -webkit-box-shadow: 0px 0.5rem 0.6875rem rgba(106, 106, 106, 0.0471014);
          box-shadow: 0px 0.5rem 0.6875rem rgba(106, 106, 106, 0.0471014);
}

.box-shadow--14 {
  -webkit-box-shadow: 0 1.25rem 4rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1.25rem 4rem 0 rgba(0, 0, 0, 0.2);
}

/**! ----- Max Width---- **/
.max-w--325 {
  max-width: 20.3125rem;
}

.max-w--478 {
  max-width: 29.875rem;
}

@media only screen and (min-width: 992px) {
  .max-w--445 {
    /* max-width: 27.8125rem; */
  }
  .max-w--600 {
    max-width: 37.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .max-w--500-md {
    max-width: 31.25rem;
  }
}

/**! -----  Height ---- **/
.h-100vh {
  height: 100vh;
}

/**! ----- overflow---- **/
.hidden {
  overflow: hidden;
}

/**! ----- Z Index ---- **/
.z-index1 {
  z-index: 1;
}

.z-index2 {
  z-index: 2;
}

.z-index3 {
  z-index: 3;
}

.z-index4 {
  z-index: 4;
}

.z-index999 {
  z-index: 999;
}

.z-index-1 {
  z-index: -1;
}

.z-index-2 {
  z-index: -2;
}

/**! ----- transition ---- **/
.transition-default, .btn-link, .btn-link i, .slick-slider .arrowBtn, .slick-slider .slick-dots button, .carosuel-slider--v5 .slide img, a, .content-block--v3 .cart-list, .content-block--v3 .cart-list::before, .features--v3 span i, .footer--v3 .icon-group li i, .navbar-expand-lg .dropdown-menu, .navbar-expand-lg .dropdown-submenu, .navbar-expand-lg .dropdown .dropdown-submenu .dropdown-toggle:after, .working-process .icon-bg::before {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.transition--5, .btn {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

/**! ----- text-transform ---- **/
.text-t--capitalize {
  text-transform: capitalize;
}

.text-t--uppercase {
  text-transform: uppercase;
}

/**! ----- Position ---- **/
.pos-abs-bottom-left {
  position: absolute !important;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

.pos-abs-bottom-right {
  position: absolute !important;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.pos-abs-top-right {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

.pos-abs-top-left {
  position: absolute !important;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

.pos-abs-right {
  position: absolute !important;
  top: auto;
  right: 0;
  bottom: auto;
  left: auto;
}

.pos-abs-left {
  position: absolute !important;
  top: auto;
  right: auto;
  bottom: auto;
  left: 0;
}

.pos-abs-bottom {
  position: absolute !important;
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
}

/**! ----- Remove Margin and padding (spacing) from the first and last child---- **/
.remove-space--bottom > li:last-child,
.remove-space--bottom > li a:last-child,
.remove-space--bottom > span:last-child,
.remove-space--bottom > div:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.remove-space--right > li:last-child,
.remove-space--right > a:last-child,
.remove-space--right > li a:last-child {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.remove-space--margin--bottom > .btn:last-child,
.remove-space--margin--bottom > div:last-child {
  margin-bottom: 0 !important;
}

.remove-space--margin--right > .btn:last-child {
  margin-right: 0 !important;
}

.remove-border--bottom > li:last-child,
.remove-border--bottom > a:last-child {
  border-bottom: 0 !important;
}

/**! ----- Negative Margin/Padding ---- **/
@media only screen and (min-width: 992px) {
  .mt-n1 {
    margin-top: -30px;
  }
}

.mt-n2 {
  margin-top: -0.75rem;
}

.mb-n1 {
  margin-bottom: -7rem;
}

@media only screen and (min-width: 992px) {
  .mb-n1 {
    margin-bottom: -11.75rem;
  }
}

/**! ----- Border ---- **/
.border--none {
  border: 0;
}

/**! 13. hover **/
/**! ----- Button Hover ---- **/
.btn-hover:after, .btn-hover:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  border-radius: 5px;
  content: '';
  background: rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.btn-hover:hover:before, .btn-hover:hover:after {
  left: 0%;
  right: auto;
  width: 100%;
}

.btn-hover-hover--1:hover {
  -webkit-box-shadow: 0 1.375rem 2.125rem 0 rgba(46, 61, 102, 0.14);
          box-shadow: 0 1.375rem 2.125rem 0 rgba(46, 61, 102, 0.14);
}

.btn-bg-hover--primary:before {
  opacity: .8;
}

/**! ----- Button bg Hover ---- **/
.btn:after {
  background: rgba(0, 0, 0, 0.05);
}

.btn:before {
  background: rgba(0, 0, 0, 0.05);
}

.btn-bg-hover--primary:after {
  background: #256fa1;
}

.btn-bg-hover--primary:before {
  background: rgba(71, 119, 244, 0.8);
}

/**! ----- link Button  Hover ---- **/
.btn-link:hover {
  opacity: .90;
}

.btn-link:hover i {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

/**! ----- Outline Button  Hover ---- **/
.btn-outline:hover {
  color: #ffffff !important;
}

.btn-outline-hover--primary:hover {
  color: #256fa1 !important;
}

.btn-outline-hover--dark--700:hover {
  color: #2D3136 !important;
}

/**! ----- Button color Hover ---- **/
.btn-bg-hover--primary:hover {
  color: #ffffff !important;
  border-color: transparent;
}

/**! ----- button Cta ---- **/
/**! ----- button Media (Play Buttons) hover ---- **/
.btn-media {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.btn-media:hover {
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
  opacity: 1;
}

.btn-media:hover:after {
  -webkit-box-shadow: 0 0 0 15px #ffffff;
          box-shadow: 0 0 0 15px #ffffff;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  visibility: visible;
  opacity: 0;
}

.btn-media:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  border-radius: 100px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  visibility: hidden;
  opacity: 1;
}

.btn-media--2 {
  -webkit-box-shadow: 0 0 0 26px rgba(70, 137, 241, 0.3), 0 0 0 13px rgba(70, 137, 241, 0.8);
          box-shadow: 0 0 0 26px rgba(70, 137, 241, 0.3), 0 0 0 13px rgba(70, 137, 241, 0.8);
}

.btn-media--2:hover {
  -webkit-box-shadow: 0 0 0 8px rgba(71, 119, 244, 0.2);
          box-shadow: 0 0 0 8px rgba(71, 119, 244, 0.2);
}

.btn-media--2:hover:after {
  -webkit-box-shadow: 0 0 0 15px #256fa1;
          box-shadow: 0 0 0 15px #256fa1;
}

.btn-media--2:after {
  -webkit-box-shadow: 0 0 0 15px rgba(71, 119, 244, 0);
          box-shadow: 0 0 0 15px rgba(71, 119, 244, 0);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.btn-media--3:hover {
  -webkit-box-shadow: 0 0 0 8px rgba(71, 119, 244, 0.2);
          box-shadow: 0 0 0 8px rgba(71, 119, 244, 0.2);
}

.btn-media--3:hover:after {
  -webkit-box-shadow: 0 0 0 15px #256fa1;
          box-shadow: 0 0 0 15px #256fa1;
}

.btn-media--3:after {
  -webkit-box-shadow: 0 0 0 15px rgba(71, 119, 244, 0);
          box-shadow: 0 0 0 15px rgba(71, 119, 244, 0);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

/**! -----  Text Hover ---- **/
.text-hover--primary:hover {
  opacity: 0.80;
}

/**! ----- pagination bg Hover ---- **/
.btn.page-link:after {
  background: rgba(218, 192, 192, 0.05);
}

.btn.page-link:before {
  background: rgba(255, 255, 255, 0.4);
}

/**! -----  link Hover ---- **/
a .link.color-primary:hover, a .list-group .link.list-group-item-action:hover, .list-group a .link.list-group-item-action:hover {
  color: #1753f1;
}

a .link.color-white:hover, a .link.btn-bg--primary:hover {
  color: #e6e6e6;
}

/**! 14. icons **/
/**! ----- Icon with Background ---- **/
.icon--xl {
  height: 7.75rem;
  width: 7.75rem;
  font-size: 2.8125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon--lg {
  font-size: 2.8125rem;
  height: 5.625rem;
  width: 5.625rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.625rem;
          flex: 0 0 5.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon--md {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.9375rem;
  width: 4.9375rem;
  font-size: 2.1875rem;
  padding: 1.375rem 1.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) {
  .icon-bg {
    position: relative;
  }
  .icon-bg:before {
    position: absolute;
    content: "\ea16";
    font-family: "vApp";
    right: 0;
    color: #E2E6EA;
    font-size: 70px;
    top: -6px;
    margin-right: -50px;
  }
}

/**! ----- Icon Font Size ---- **/
.icon--2x i {
  font-size: 2.4375rem;
}

.icon--3x i {
  font-size: 4.125rem;
}

.icon--4x i {
  font-size: 4.1875rem;
}

/**! ----- Icon group ---- **/
.icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.icon-group a {
  padding-right: 0.5rem;
}

/**! ----- Icon rounded ---- **/
.icon-rounded i {
  height: 1.5rem;
  width: 1.5rem;
  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;
}

/**! 15. list-group **/
/**! ----- Learn (used in home cloud storage)  ---- **/
.list-group .list-group-item-action {
  border: 0;
  padding: 0;
  padding-bottom: 1.5625rem;
  font-size: 1.125rem;
  text-transform: capitalize;
}

.list-group .list-group-item-action:last-child {
  padding: 0;
}

.list-group .list-group-item-action:hover, .list-group .list-group-item-action:focus, .list-group .list-group-item-action.active {
  background: none;
  color: #256fa1;
}

/**! 16. logo-group **/
@media only screen and (min-width: 992px) {
  .client-brand .logo-group::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #E2E6EA;
    bottom: 0;
  }
}

.client-brand .logo-group__img:not(:last-child) {
  margin-right: 0.625rem;
}

.client-brand .logo-group__img:not(:first-child) {
  margin-left: 0.625rem;
}

@media only screen and (min-width: 1200px) {
  .client-brand .logo-group__img:not(:last-child) {
    margin-right: 1.5625rem;
  }
  .client-brand .logo-group__img:not(:first-child) {
    margin-left: 1.5625rem;
  }
}

@media only screen and (max-width: 1199px) {
  .client-brand .logo-group__img {
    margin-bottom: 1.875rem;
  }
}

.client-brand--v1 .logo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .client-brand--v1 .logo-group::before {
    width: 6.25rem;
  }
}

@media only screen and (min-width: 1200px) {
  .client-brand--v1 .logo-group::before {
    bottom: -60px;
  }
}

.client-brand--v1 .logo-group__img {
  margin-right: 4.0625rem;
}

.client-brand--v1 .logo-group__img:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 1200px) {
  .client-brand--v2 {
    padding-bottom: 6.25rem;
  }
}

.client-brand--v2 .logo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 992px) {
  .client-brand--v2 .logo-group {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (min-width: 992px) {
  .client-brand--v2 .logo-group::before {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .client-brand--v2 .logo-group::before {
    bottom: -110px;
  }
}

/**! 17. reviews **/
.reviews .load-more {
  font-size: 1rem;
  font-weight: 500;
  color: #818992;
  border: 1px solid #E2E6EA;
  padding: 0.75rem;
}

.reviews .load-more:hover {
  color: #2D3136;
}

/**! 18. pagination **/
.pagination {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination .page-item {
  font-weight: 500;
}

.pagination .page-link {
  font-size: 1rem;
  border: 1px solid #E2E6EA;
  color: #818992;
  padding: 0.875rem 1.625rem;
}

/**! 19. spacing **/
.space,
.space--2,
.space--3,
.space--4,
.space--5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.space--6 {
  padding-top: 12.5rem !important;
  padding-bottom: 9.375rem !important;
}

.space--top,
.space--top--2,
.space--top--3,
.space--top--4,
.space--top--5,
.space--top--6 {
  padding-top: 5rem !important;
}

.space--bottom,
.space--bottom--2,
.space--bottom--3,
.space--bottom--4,
.space--bottom--5,
.space--bottom--6 {
  padding-bottom: 5rem !important;
}

@media only screen and (min-width: 768px) {
  .space--6 {
    padding-top: 18.75rem !important;
    padding-bottom: 9.375rem !important;
  }
}

@media only screen and (min-width: 992px) {
  .space,
  .space--2,
  .space--3,
  .space--4 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .space--6 {
    padding-top: 24.0625rem !important;
    padding-bottom: 9.375rem !important;
  }
  .space--top,
  .space--top--2,
  .space--top--3,
  .space--top--4,
  .space--top--5,
  .space--top--6 {
    padding-top: 6.25rem !important;
  }
  .space--bottom,
  .space--bottom--2,
  .space--bottom--3,
  .space--bottom--4,
  .space--bottom--5 {
    padding-bottom: 6.25rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .space {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .space--top {
    padding-top: 8.125rem !important;
  }
  .space--bottom {
    padding-bottom: 8.125rem !important;
  }
  .space--2 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .space--3 {
    padding-top: 9.375rem !important;
    padding-bottom: 9.375rem !important;
  }
  .space--4 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }
  .space--5 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .space--6 {
    padding-top: 24.0625rem !important;
    padding-bottom: 9.375rem !important;
  }
  .space--top--2 {
    padding-top: 6.25rem !important;
  }
  .space--top--3 {
    padding-top: 9.375rem !important;
  }
  .space--top--4 {
    padding-top: 10.625rem !important;
  }
  .space--top--5 {
    padding-top: 12.5rem !important;
  }
  .space--top--6 {
    padding-top: 15rem !important;
  }
  .space--bottom--2 {
    padding-bottom: 6.25rem !important;
  }
  .space--bottom--3 {
    padding-bottom: 7.49938rem !important;
  }
  .space--bottom--4 {
    padding-bottom: 9.375rem !important;
  }
  .space--bottom--5 {
    padding-bottom: 11.25rem !important;
  }
  .space--bottom--6 {
    padding-bottom: 12.5rem !important;
  }
}

/**! 20. switchable **/
.switchable__image {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .switchable__image {
    text-align: center;
    margin-bottom: 3.125rem;
  }
}

@media only screen and (min-width: 992px) {
  .switchable__image {
    position: relative;
    width: 630px;
    left: -150px;
  }
}

@media only screen and (min-width: 1200px) {
  .switchable__image {
    width: 100%;
  }
}

.switchable__content {
  max-width: 33.75rem;
}

@media only screen and (max-width: 991px) {
  .switchable__content {
    text-align: center;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 575px) {
  .switchable__content h2 {
    font-size: 1.875rem;
  }
}

/**! 21. tabs **/
.pricing-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  padding: 0.3125rem;
}

.pricing-tab .pricing-btn {
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #2D3136;
}

@media only screen and (min-width: 576px) {
  .pricing-tab .pricing-btn {
    padding: 1rem 2.6875rem;
  }
}

.pricing-tab .pricing-btn.btn-bg--primary {
  color: #ffffff;
}

.pricing-tab .pricing-btn.btn-bg--primary span {
  color: #FFE2DC;
}

.pricing-tab .pricing-btn span {
  color: #3B3E42;
  font-size: 1rem;
}

[data-appearance=dark] .pricing-btn span {
  color: #fff;
}

[data-appearance=dark] .pricing-btn.btn-bg--primary span {
  color: #FFE2DC;
}

/**! 22. typography **/
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

h4 {
  color: #2D3136;
}

p {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.75;
  color: #818992;
}

ul li h2,
ul li h3,
ul li h4,
ul li h5,
ul li h6,
ul li a,
ul li p {
  padding-bottom: 3px;
}

blockquote {
  margin: 0;
  font-style: italic;
}

blockquote h4 {
  line-height: 3rem;
}

blockquote h5 {
  line-height: 2.8rem;
}

/**! ----- font Setting (size & line height, spacing etc) ---- **/
.h1-font, h1 {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .h1-font, h1 {
    font-size: 2rem;
    line-height: 1.18;
  }
}

.h2-font,
h2 {
  font-size: 2.875rem;
  line-height: 1.25;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .h2-font,
  h2 {
    font-size: 3.5rem;
    line-height: 1.22;
  }
}

.h3-font,
h3 {
  font-size: 2.375rem;
  line-height: 1.25;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .h3-font,
  h3 {
    font-size: 2.875rem;
    line-height: 1.25;
  }
}

.h4-font,
h4 {
  font-size: 2.375rem;
  line-height: 1.25;
  font-weight: 600;
}

.h5-font,
h5 {
  font-size: 1.5rem;
  line-height: 1.55;
  font-weight: 400;
}

.h6-font,
h6, blockquote {
  font-size: 1.25rem;
  line-height: 1.55;
  font-weight: 400;
}

.body-font {
  font-size: 1.0625rem;
  line-height: 1.75;
  font-weight: 400;
}

.font-size--12 {
  font-size: 0.75rem;
}

.font-size--14 {
  font-size: 0.875rem;
}

.font-size--15 {
  font-size: 0.9375rem;
}

.font-size--16 {
  font-size: 1rem;
}

.font-size--17 {
  font-size: 1.0625rem;
}

.font-size--18 {
  font-size: 1.125rem;
}

.font-size--19 {
  font-size: 1.1875rem;
}

.font-size--20 {
  font-size: 1.25rem;
}

.font-size--21 {
  font-size: 1.3125rem;
}

.font-size--24 {
  font-size: 1.5rem;
}

.font-size--28 {
  font-size: 1.75rem;
}

.font-size--32 {
  font-size: 2rem;
}

.font-size--45 {
  font-size: 2.8125rem;
}

.font-size--50 {
  font-size: 2.5rem;
}

@media only screen and (min-width: 992px) {
  .font-size--50 {
    font-size: 3.125rem;
  }
}

.font-size--60 {
  font-size: 3.125rem;
}

@media only screen and (min-width: 992px) {
  .font-size--60 {
    font-size: 3.75rem;
  }
}

.font-size--67 {
  font-size: 4.1875rem;
}

.font-size--72 {
  font-size: 3rem;
}

@media only screen and (min-width: 768px) {
  .font-size--72 {
    font-size: 4.5rem;
  }
}

/**! ----- Font weight ---- **/
.font-w--200 {
  font-weight: 200 !important;
}

.font-w--300 {
  font-weight: 300 !important;
}

.font-w--400 {
  font-weight: 400 !important;
}

.font-w--500 {
  font-weight: 500 !important;
}

.font-w--600 {
  font-weight: 600 !important;
}

.font-w--700 {
  font-weight: 700 !important;
}

/**! ----- Line Height ---- **/
.line-height--68 {
  line-height: 3.4375rem;
}

@media only screen and (min-width: 768px) {
  .line-height--68 {
    line-height: 4.25rem;
  }
}

.line-height--66 {
  line-height: 3.125rem;
}

@media only screen and (min-width: 768px) {
  .line-height--66 {
    line-height: 4.125rem;
  }
}

.line-height--25 {
  line-height: 1.5625rem;
}

.line-height--26 {
  line-height: 1.625rem;
}

.line-height--32 {
  line-height: 2rem;
}

.line-height--36 {
  line-height: 2.25rem;
}

.line-height--42 {
  line-height: 2.625rem;
}

/*
*  Blog 
=================================
=================================
=================================*/
.article .card {
  border: 0;
}

.article .card-body {
  margin: -3.125rem 0.875rem 0;
}

.article .card-title h4:hover {
  color: #444a52;
}

.blog-details .article-content p {
  margin-bottom: 1.5625rem;
}

.blog-details .article-content .blockquote {
  margin-top: 7.5rem;
  margin-bottom: 3.875rem;
}

.blog-details .article-content .blockquote p {
  position: relative;
  font-size: 1.3125rem;
  color: #2D3136;
  font-style: normal;
  line-height: 1.875rem;
}

.blog-details .article-content .blockquote p:before {
  position: absolute;
  content: "";
  background-image: url(../../../img/blockquote.png);
  height: 3.75rem;
  width: 3.75rem;
  top: -3.75rem;
  left: 0;
  background-repeat: no-repeat;
}

.blog-details .article-content h6 {
  font-size: 1.0625rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.blog-details .article-content .tags span,
.blog-details .article-content .tags a {
  font-size: 0.875rem;
  font-weight: 700;
  color: #818992;
  text-transform: uppercase;
}

.blog-details .article-content .tags span {
  margin-right: 0.5rem;
}

.blog-details .article-content .tags a:hover {
  color: #2D3136;
}

.blog-sidebar .widget:not(:last-child) {
  margin-bottom: 4.0625rem;
}

.blog-sidebar .widget-title {
  border-style: solid;
  border-width: 0 0 0.1875rem;
  margin-bottom: 1.875rem;
  padding-bottom: 0.9375rem;
  font-weight: 600;
}

.blog-sidebar .widget-posts .widget-post:not(:last-child) {
  margin-bottom: 1.875rem;
}

.blog-sidebar .widget-posts .widget-image {
  margin-right: 1.25rem;
}

.blog-sidebar .widget-posts .widget-image img {
  border: 1px solid #E2E6EA;
}

.blog-sidebar .widget-posts .details a {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2D3136;
  line-height: 1.625rem;
  margin-bottom: 0.25rem;
}

.blog-sidebar .widget-posts .details a:hover {
  color: #5b636e;
}

.blog-sidebar .widget-posts .details .date {
  color: #818992;
  font-size: 0.875rem;
  font-weight: 600;
}

.blog-sidebar .widget-categories ul li {
  font-weight: 600;
  border-bottom: 1px solid #E2E6EA;
  padding: 1.25rem 0;
}

.blog-sidebar .widget-categories ul li:first-child {
  padding-top: 0;
}

.blog-sidebar .widget-categories ul li a {
  font-size: 1.125rem;
  color: #2D3136;
  text-transform: capitalize;
}

.blog-sidebar .widget-categories ul li a:hover {
  color: #5b636e;
}

.blog-sidebar .widget-categories ul li span {
  font-size: 0.875rem;
  color: #818992;
  text-transform: uppercase;
}

.comments-area .comment-title,
.comments-area .comment-reply-title {
  font-size: 1.3125rem;
  font-weight: 600;
  border-style: solid;
  border-width: 0 0 0.1875rem;
  padding-bottom: 0.9375rem;
  margin-bottom: 2.625rem;
  max-width: 21.875rem;
}

.comments-area .comment-list > .comment:last-child > .comment-body {
  border: 0;
  padding-bottom: 0;
}

.comments-area .comment-list > .comment:first-child > .comment-body {
  padding-top: 0;
}

.comments-area .comment-body {
  border-bottom: 1px solid #E2E6EA;
  padding: 2.375rem 0;
}

.comments-area .comment .avatar {
  margin-right: 0.8125rem;
}

.comments-area .comment .author-name {
  color: #2D3136;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0.25rem;
}

.comments-area .comment-metadata a {
  font-size: 0.875rem;
  font-weight: 600;
  color: #818992;
  text-transform: uppercase;
}

.comments-area .comment-content {
  margin-bottom: 1.875rem;
}

.comments-area .comment-reply {
  color: #818992;
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid #E2E6EA;
  padding: 0.75rem 1.625rem;
}

.comments-area .comment-reply:hover {
  color: #2D3136;
}

.comments-area .form .btn {
  padding: 0.625rem 2.5rem;
}

/*
*  Theme Components 
=================================
=================================
=================================*/
/**! 27. cta **/
/**! Cta v1,v2,v3 **/
.cta--v1 .background-holder {
  background-size: 120px;
  margin-top: -50px;
}

@media only screen and (min-width: 992px) {
  .cta--v1 .background-holder {
    background-size: 235px;
    margin-top: -6.25rem;
  }
}

.cta--v1 .cta-media {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .cta--v1 .cta-media::before {
    position: absolute;
    content: "";
    right: 0;
    width: 16rem;
    height: 16rem;
    background-image: url(.././/../img/layout/circle-2.svg);
    background-repeat: no-repeat;
    opacity: 0.06;
    -webkit-transform: translate(-54%, 2%);
        -ms-transform: translate(-54%, 2%);
            transform: translate(-54%, 2%);
    top: 0;
    z-index: -1;
  }
}

@media only screen and (min-width: 992px) {
  .cta--v1 .cta-media::before {
    -webkit-transform: translate(8%, -30%);
        -ms-transform: translate(8%, -30%);
            transform: translate(8%, -30%);
  }
}

@media only screen and (min-width: 1200px) {
  .cta--v1 .cta-media::before {
    -webkit-transform: translate(28%, -30%);
        -ms-transform: translate(28%, -30%);
            transform: translate(28%, -30%);
  }
}

.cta--v3 .svg {
  position: absolute;
  right: -70px;
  top: -812px;
}

@media only screen and (max-width: 1199px) {
  .cta--v3 .svg {
    display: none;
  }
}

/**! 28. faq **/
@media only screen and (max-width: 1199px) {
  .faq--v2 .faq-media--img {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) {
  .faq--v2 .faq-media--img {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .faq--v2 .faq-media--img {
    top: -85px;
  }
}

/**! 29. features **/
/**! --------------- features v1 -------------- **/
.features .feature-title {
  margin-bottom: 0.625rem;
}

@media only screen and (max-width: 767px) {
  .features--v1 .feature {
    max-width: 18.75rem;
    margin: 0 auto;
  }
}

.features--v1 .feature-icon i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.features--v2 ul {
  counter-reset: section;
}

.features--v2 ul > li {
  max-width: 30rem;
}

.features--v2 ul span {
  border-width: 3px;
  border-style: solid;
  width: 66px;
  height: 66px;
  position: relative;
  border-radius: 6.25rem;
  -ms-flex: 0 0 65px;
  -webkit-box-flex: 0;
          flex: 0 0 65px;
}

.features--v2 ul span:after {
  position: absolute;
  content: counter(section);
  counter-increment: section;
  width: 100%;
  height: 100%;
  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;
  font-size: 1.75rem;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.features--v2 .feature-media {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .features--v2 .feature-media {
    bottom: -3.125rem;
  }
}

@media only screen and (min-width: 768px) {
  .features--v2 .feature-media {
    top: -10px;
    left: 0;
    position: absolute;
  }
}

@media only screen and (min-width: 1200px) {
  .features--v2 .feature-media {
    left: -1.25rem;
  }
}

@media only screen and (max-width: 992px) and (min-width: 1199px) {
  .features--v2 .feature-media {
    top: 6.25rem;
    left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .features--v2 .feature-media img {
    width: 25rem;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .features--v2 .feature-media img {
    width: 100%;
  }
}

.features--v2 .feature-media:before {
  background-image: url(.././/..///img/layout/triangles-1.1.svg);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
  height: 11.25rem;
  width: 11.25rem;
  -webkit-transform: translate(20%, 65%);
      -ms-transform: translate(20%, 65%);
          transform: translate(20%, 65%);
}

@media only screen and (max-width: 767px) {
  .features--v2 .feature-media:before {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .features--v2 .feature-media:before {
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-10%, 28%);
        -ms-transform: translate(-10%, 28%);
            transform: translate(-10%, 28%);
  }
}

.features--v2 .feature-media--2 {
  position: relative;
  z-index: 1;
  right: 1.5625rem;
}

@media only screen and (max-width: 1199px) {
  .features--v2 .feature-media--2 img {
    width: 25rem;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .features--v2 .feature-media--2 img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .features--v2 .feature-media--2 {
    bottom: -3.125rem;
  }
}

@media only screen and (min-width: 768px) {
  .features--v2 .feature-media--2 {
    top: 3.125rem;
    right: 5.3125rem;
  }
}

@media only screen and (min-width: 1200px) {
  .features--v2 .feature-media--2 {
    right: 10.625rem;
  }
}

.features--v2 .feature-media--2:before {
  background-image: url(.././/..///img/layout/triangles-2.1.svg);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  height: 205px;
  width: 205px;
  right: 0;
  top: 0;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .features--v2 .feature-media--2:before {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .features--v2 .feature-media--2:before {
    -webkit-transform: translate(48%, 50%);
        -ms-transform: translate(48%, 50%);
            transform: translate(48%, 50%);
  }
}

@media only screen and (min-width: 992px) {
  .features--v2 .feature-media--2:before {
    -webkit-transform: translate(15%, 102%);
        -ms-transform: translate(15%, 102%);
            transform: translate(15%, 102%);
  }
}

@media only screen and (min-width: 1200px) {
  .features--v2 .feature-media--2:before {
    -webkit-transform: translate(87%, 102%);
        -ms-transform: translate(87%, 102%);
            transform: translate(87%, 102%);
  }
}

.features--v3 .feature-list:hover span i {
  color: #3B3E42;
}

.features--v3 span i {
  color: #E2E6EA;
}

.features--v3 .feature-list span i, .features--v4 .feature-list span i {
  margin-top: 0.5rem;
}

.features--v4 h4 {
  line-height: 1.875rem;
}

.features--v5 .feature:hover {
  background: #ffffff;
}

/**! 30. footer **/
.footer .widget li a {
  font-size: 1rem;
  font-weight: 400;
}

.footer .copyright i {
  margin: 0rem 0.125rem;
}

.footer .copyright a {
  color: #818992;
}

.footer .copyright a:hover {
  color: #687078;
}

.footer.section-dark {
  background-color: #2D3136;
}

.footer.section-dark .widget a {
  color: #ffffff;
}

.footer.section-light .widget li a {
  color: #2D3136;
}

footer.footer.footer--v1.section-light.space.border-top.border-color-light--3{
  margin-top:70px;
}

.footer--v1 .widget ul, .footer--v2 .widget ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer--v1 .widget li, .footer--v2 .widget li {
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}

.footer--v1 .widget li a, .footer--v2 .widget li a {
  font-size: 1rem;
  font-weight: 400;
}

.footer--v1 .widget-nav {
  margin-bottom: 0.625rem;
}

.footer--v1.section-dark {
  background-color: #2D3136;
}

.footer--v2 p {
  font-size: 1rem;
  line-height: 1.5rem;
}

.footer--v2.section-dark {
  background-color: #30353D;
}

@media only screen and (min-width: 992px) {
  .footer--v2.section-dark .widget ul {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.footer--v2.section-light p {
  color: #2D3136;
}

.theme-appearance .footer--v2 .copyright a:hover {
  opacity: .8;
}

.newsfoot.bg-color--primary .footer--v3 .widget li a:hover {
  color: #5d6775;
}

.newsfoot.bg-color--primary .footer--v3 .icon-group li:hover i {
  background: #697483;
}

.newsfoot.bg-color--primary .footer--v3 p {
  color: #2D3136;
}

.footer--v3 .widget li {
  line-height: 2.125rem;
}

.footer--v3 .widget li a {
  color: #7D8188;
}

.footer--v3 .widget li a:hover {
  color: #2D3136;
}

.footer--v3 .brand-logo {
  margin-bottom: 2.5rem;
}

.footer--v3 .icon-group li:hover i {
  background: #697483;
  color: #ffffff;
}

.footer--v3 .icon-group li i {
  background: #51545E;
  font-size: 0.75rem;
}

.footer--v3 .footer-bottom-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer--v3 .footer-bottom-nav li {
  margin-right: 1.5625rem;
}

.footer--v3 .footer-bottom-nav li a {
  font-size: 1rem;
  font-weight: 400;
  color: #7D8188;
}

.footer--v3 .copyright {
  color: #7D8188;
}

.footer--v3 .copyright a {
  color: #7D8188;
}

.footer--v3.footer-bg--green .widget li a,
.footer--v3.footer-bg--green .footer-bottom-nav li a,
.footer--v3.footer-bg--green .copyright a {
  color: #30353C;
}

.footer--v3.footer-bg--green .copyright {
  color: #30353C;
}

.footer--v3.footer-bg--green .icon-group li i {
  background: #30353C;
}

/**! 31. hero **/
.hero {
  /* hero v8, v10*/
  /* hero v2, v6*/
  /* hero v4, v6*/
}

.hero .background-holder {
  top: -0.0625rem;
}

.hero--v1 .hero-img, .hero--v3 .hero-img {
  margin-bottom: 0.25rem;
}

@media only screen and (min-width: 1200px) {
  .hero--full {
    min-height: 100vh;
  }
}

@media screen and (min-width: 1921px) {
  .hero--full {
    min-height: 100%;
  }
}

.hero--v1.hero {
  padding-top: 9.375rem;
  padding-bottom: 23.125rem;
}

@media only screen and (min-width: 992px) {
  .hero--v1.hero {
    padding-top: 16.5625rem;
    padding-bottom: 12.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero--v1.hero {
    padding-top: 10.625rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v1.hero--full {
    padding-bottom: 17.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .hero--v1 .hero-content {
    margin-bottom: 18.75rem;
  }
}

@media only screen and (max-width: 1199px) {
  .hero--v1 .hero-content h1 {
    font-size: 3.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .hero--v1 .hero-img {
    bottom: -25rem;
  }
}

@media only screen and (max-width: 360px) {
  .hero--v1 .hero-img {
    bottom: -15.625rem;
  }
}

@media screen and (min-width: 1921px) {
  .hero--v1--full {
    min-height: 100%;
  }
}

@media only screen and (max-width: 574px) {
  .hero--v2 h2 {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 1199px) {
  .hero--v2 h2 {
    padding-top: 2.5rem;
  }
}

.hero--v3.hero {
  padding-top: 9.375rem;
}

@media only screen and (min-width: 992px) {
  .hero--v3.hero {
    padding-top: 10.625rem;
  }
}

.hero--v3 .hero-img {
  overflow: hidden;
}

.hero--v3 .hero-img picture {
  position: relative;
  -webkit-transform: translateX(35px);
      -ms-transform: translateX(35px);
          transform: translateX(35px);
}

@media only screen and (min-width: 992px) {
  .hero--v3 .hero-img picture {
    -webkit-transform: translateX(45px);
        -ms-transform: translateX(45px);
            transform: translateX(45px);
  }
}

.hero--v4 .hero-features li {
  color: #818992;
}

.hero--v4 .hero-features li:not(:last-child):before {
  color: #818992;
}

.hero--v4 .hero-img {
  position: relative;
}

.hero--v4 .hero-img picture {
  margin-left: calc(16% - 16px);
}

.hero--v4 .hero-img .hero-circle {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(0%, 20%);
      -ms-transform: translate(0%, 20%);
          transform: translate(0%, 20%);
}

@media only screen and (min-width: 992px) {
  .hero--v4 .hero-img .hero-circle {
    -webkit-transform: translate(24%, 18%);
        -ms-transform: translate(24%, 18%);
            transform: translate(24%, 18%);
  }
}

.hero--v4 .hero-img .hero-circle .svg {
  width: 100%;
  height: 100%;
}

.hero--v5 {
  padding-top: 9.0625rem;
}

.hero--v5 .hero-shape {
  display: none;
}

@media screen and (min-width: 1800px) {
  .hero--v5 .hero-shape {
    display: block;
    top: -5.625rem;
    right: -10rem;
  }
}

.hero--v5:before {
  content: "";
  position: absolute;
  top: 5.625rem;
  right: -9.375rem;
  -webkit-transform: skew(29deg, -32deg);
  -ms-transform: skew(29deg, -32deg);
  transform: skew(29deg, -32deg);
  width: 60%;
  height: 34.375rem;
  border-radius: 25rem 0 0 25rem;
  background: -o-linear-gradient(135deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
  background: linear-gradient(-45deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
}

@media only screen and (max-width: 991px) {
  .hero--v5:before {
    display: none;
  }
}

@media only screen and (min-width: 1299px) and (min-width: 991px) {
  .hero--v5:before {
    right: -16.875rem;
    top: 1.5625rem;
    width: 60%;
  }
}

@media only screen and (min-width: 1600px) and (min-width: 768px) {
  .hero--v5:before {
    right: -6.25rem;
    width: 50%;
  }
}

@media only screen and (min-width: 1921px) and (min-width: 768px) {
  .hero--v5:before {
    top: -2.5rem;
  }
}

.hero--v6 .form--v2 .btn {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.hero--v6 .form--v2 .hero-features li {
  color: #ffffff;
}

.hero--v6 .form--v2 .hero-features li:not(:last-child):before {
  color: #ffffff;
}

.hero--v7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 7.5rem;
}

@media only screen and (max-width: 991px) {
  .hero--v7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) {
  .hero--v7 {
    padding-bottom: 3.4375rem;
    padding-top: 10.625rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v7 {
    padding-top: 18.75rem;
  }
}

@media only screen and (max-width: 991px) {
  .hero--v7 .hero-img {
    margin-bottom: -0.125rem;
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero--v7 .hero-img {
    position: absolute;
    top: 1.25rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 62%;
    height: 100%;
    -webkit-transform: translateX(32%);
        -ms-transform: translateX(32%);
            transform: translateX(32%);
  }
}

@media screen and (min-width: 1400px) {
  .hero--v7 .hero-img {
    -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
            transform: translateX(20%);
    width: auto;
  }
}

@media screen and (min-width: 1600px) {
  .hero--v7 .hero-img {
    -webkit-transform: translateX(10%);
        -ms-transform: translateX(10%);
            transform: translateX(10%);
  }
}

.hero--v8 {
  padding-top: 7.5rem;
  padding-bottom: 6.25rem;
}

@media only screen and (min-width: 992px) {
  .hero--v8 {
    padding-top: 12.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v8 {
    padding-top: 17.1875rem;
  }
}

.hero--v8 .btn {
  padding: 0.875rem 1.5rem;
}

.hero--v10 {
  padding-top: 7.5rem;
}

@media only screen and (min-width: 1200px) {
  .hero--v10 {
    padding-top: 10.9375rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v11:before {
    content: "";
    position: absolute;
    top: 3.75rem;
    right: -20.625rem;
    -webkit-transform: skew(38deg, -38deg);
    -ms-transform: skew(38deg, -38deg);
    transform: skew(38deg, -38deg);
    width: 50%;
    height: 31.25rem;
    border-radius: 25rem 0 0 25rem;
    background: #F6F9FE;
  }
}

@media only screen and (min-width: 1921px) {
  .hero--v11:before {
    top: 30px;
    right: -200px;
    width: 50%;
  }
}

@media only screen and (min-width: 1921px) {
  .hero--v11:before {
    right: -300px;
    top: -100px;
  }
}

.hero--v11 .hero-wrapper {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

@media only screen and (min-width: 1200px) {
  .hero--v11 .hero-wrapper {
    padding-top: 16.875rem;
    padding-bottom: 15rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v11 .hero-img {
    position: absolute;
    right: 0;
    -webkit-transform: translateX(185px);
        -ms-transform: translateX(185px);
            transform: translateX(185px);
  }
}

.hero--v12 {
  padding: 230px 0;
  overflow: hidden;
}

.hero--v12 .svg {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.hero--v13 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

@media only screen and (min-width: 1200px) {
  .hero--v13 {
    padding-top: 16.875rem;
    padding-bottom: 14.0625rem;
  }
}

.hero--v13 .hero-img {
  z-index: 1;
}

@media only screen and (min-width: 1200px) {
  .hero--v13 .hero-img {
    position: absolute;
    right: 0;
    bottom: 2.5rem;
    -webkit-transform: translateX(105px);
        -ms-transform: translateX(105px);
            transform: translateX(105px);
  }
}

.hero--v13 .svg-shape {
  bottom: -0.25rem;
}

.hero--v14 {
  padding: 7.5rem 0 6.25rem;
}

@media only screen and (min-width: 992px) {
  .hero--v14 {
    padding: 10rem 0 8.125rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v14 {
    padding: 10rem 0 10.9375rem;
  }
}

.hero--v14 .hero-img {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .hero--v14 .hero-img {
    left: 270px;
  }
}

@media only screen and (max-width: 1199px) {
  .hero--v14 .hero-img picture,
  .hero--v14 .hero-img .svg {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
  }
}

.hero--v14 .svg-oval {
  top: -0.3125rem;
  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;
}

.hero--v16 {
  padding-top: 5rem;
}

@media only screen and (min-width: 992px) {
  .hero--v16 {
    padding-top: 10rem;
  }
}

.hero--v16 .hero-content h3 {
  line-height: 3.5625rem;
  font-size: 3.125rem;
}

.hero--v16 .hero-content p {
  line-height: 2.125rem;
}

.hero--v16 .hero-image__secondary {
  position: absolute;
}

.hero--v16 .btn {
  font-size: 0.9375rem;
  padding: 1rem 1.5rem;
}

.hero--v16 .svg {
  margin-bottom: -2px;
}

.hero--v7 .btn, .hero--v10 .btn {
  padding: 0.875rem 1.5625rem;
  min-width: 13.75rem;
}

.hero--v2, .hero--v6 {
  margin-bottom: 7.5rem;
}

@media only screen and (min-width: 992px) {
  .hero--v2, .hero--v6 {
    margin-bottom: 11.25rem;
  }
}

@media only screen and (min-width: 1200px) {
  .hero--v2, .hero--v6 {
    margin-bottom: 14.375rem;
  }
}

.hero--v4 .hero-features li, .hero--v6 .hero-features li {
  position: relative;
  color: #818992;
  padding-right: 1.25rem;
}

.hero--v4 .hero-features li:not(:last-child):before, .hero--v6 .hero-features li:not(:last-child):before {
  content: ".";
  position: absolute;
  top: 0;
  right: 0.625rem;
}

/**! 32. navigation **/
.navbar-expand-lg {
  /*------------ mobile menu ------------*/
}

.navbar-expand-lg .sticky-logo {
  display: none;
}

@media only screen and (max-width: 400px) {
  .navbar-expand-lg .navbar-btn {
    display: none;
  }
}

.navbar-expand-lg.navbar {
  height: 4.375rem;
  /* Toggle */
  /* navbar dark */
  /* navbar light */
  /* nav-divider */
  /* page active color */
}

@media only screen and (min-width: 768px) {
  .navbar-expand-lg.navbar {
    height: 6.25rem;
  }
}

.navbar-expand-lg.navbar.position-absolute {
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .navbar-expand-lg.navbar .container-fluid {
    padding: 0 2.375rem;
  }
}

.navbar-expand-lg.navbar .navbar-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg.navbar .navbar-nav {
    padding-top: 30px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.navbar-expand-lg.navbar .navbar-nav .nav-item .nav-link,
.navbar-expand-lg.navbar .navbar-nav .nav-link {
  padding: 0.625rem 1.5625rem;
}

.navbar-expand-lg.navbar .navbar-nav > .nav-item {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg.navbar .navbar-nav > .nav-item {
    border-bottom: 1px solid #eeeeef;
    width: 100%;
  }
}

.navbar-expand-lg.navbar .navbar-nav > .nav-item > .nav-link {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar .navbar-nav > .nav-item > .nav-link {
    padding: 1.125rem 1.125rem;
  }
}

.navbar-expand-lg.navbar .navbar-brand {
  margin-right: 0;
}

.navbar-expand-lg.navbar .login-btn {
  color: #313339;
  font-weight: 500;
  font-size: 0.875rem;
}

.navbar-expand-lg.navbar .login-btn:hover {
  color: #070708;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg.navbar .navbar-toggler {
    position: absolute;
    background-image: none;
    border: 0;
    right: 0;
    height: 100%;
    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;
    z-index: 1;
  }
  .navbar-expand-lg.navbar .navbar-toggler > span.navbar-toggler-icon {
    position: absolute;
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    background-image: none !important;
    height: 0.1875rem;
    top: -0.6875rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #2D3136;
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon:before, .navbar-expand-lg.navbar .navbar-toggler-icon:after {
    background: #2D3136;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon:before {
    top: 1rem;
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon:after {
    top: 0.5rem;
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon.active {
    background-color: transparent !important;
    -webkit-transform: scale(0.85) rotate(90deg);
        -ms-transform: scale(0.85) rotate(90deg);
            transform: scale(0.85) rotate(90deg);
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon.active:before {
    background: #2D3136;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
  }
  .navbar-expand-lg.navbar .navbar-toggler-icon.active:after {
    background: #2D3136;
    top: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.navbar-expand-lg.navbar-dark .nav-link {
  color: #2D3136;
}

.navbar-expand-lg.navbar-dark .nav-link:hover {
  color: #575e68;
}

.navbar-expand-lg.navbar-dark .nav-link:focus {
  color: #2D3136;
}

.navbar-expand-lg.navbar-dark .navbar-toggler-icon {
  background: #2D3136;
}

.navbar-expand-lg.navbar-dark .navbar-toggler-icon:before, .navbar-expand-lg.navbar-dark .navbar-toggler-icon:after {
  background: #2D3136;
}

.navbar-expand-lg.navbar-light .nav-link {
  color: #2D3136;
}

.navbar-expand-lg.navbar-light .nav-link:hover {
  color: #575e68;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar-light .nav-link {
    color: #ffffff;
  }
  .navbar-expand-lg.navbar-light .nav-link:hover {
    color: #d9d9d9;
  }
  .navbar-expand-lg.navbar-light .nav-link:focus {
    color: #ffffff;
  }
}

.navbar-expand-lg.navbar-light .navbar-toggler-icon {
  background: #ffffff;
}

.navbar-expand-lg.navbar-light .navbar-toggler-icon:before, .navbar-expand-lg.navbar-light .navbar-toggler-icon:after {
  background: #ffffff;
}

.navbar-expand-lg.navbar.nav-divider > .container-fluid {
  padding: 0 0.9375rem;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar.nav-divider > .container-fluid {
    padding: 0 6.125rem;
  }
}

.navbar-expand-lg.navbar.nav-divider .nav-link {
  text-transform: uppercase;
  font-size: 0.875rem;
}

.navbar-expand-lg.navbar.nav-divider .nav-link:hover {
  color: #464a50;
}

.navbar-expand-lg.navbar.nav-divider .navbar-nav {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar.nav-divider .navbar-nav::before {
    content: "";
    position: absolute;
    right: -2.1875rem;
    top: 50%;
    background: #717781;
    height: 1rem;
    width: 0.125rem;
    z-index: -1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.navbar-expand-lg.navbar.nav-divider.navbar-dark .nav-link {
  color: #717781;
}

.navbar-expand-lg.navbar.nav-divider.navbar-dark .dropdown .nav-link.dropdown-toggle {
  color: #717781;
}

.navbar-expand-lg.navbar.nav-divider.navbar-light .login-btn {
  color: #ffffff;
}

.navbar-expand-lg.navbar.nav-divider.navbar-light .nav-link {
  color: #2D3136;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar.nav-divider.navbar-light .nav-link {
    color: #ffffff;
  }
}

.navbar-expand-lg.navbar.nav-divider.navbar-light .navbar-nav::before {
  background: #ffffff;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-inner {
    position: fixed;
    z-index: 999;
    right: -100%;
    background: #ffffff;
    height: 100%;
    top: 0;
    width: 16.875rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
  }
  .navbar-expand-lg .navbar-inner.active {
    right: 0;
  }
  .navbar-expand-lg .navbar-inner .navbar-toggler {
    right: 0.625rem;
    top: 0.625rem;
    position: absolute;
    height: 2.5rem;
  }
}

/*------------ mobile menu ------------*/
@media only screen and (max-width: 991px) {
  .scroll-prevent {
    overflow: hidden;
  }
  .scroll-prevent .main {
    overflow: hidden;
  }
  .scroll-prevent .main:before {
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (max-width: 991px) {
  .main:before {
    position: fixed;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
}

@media only screen and (min-width: 992px) {
  .main:before {
    opacity: 0;
  }
}

/*------------ sticky nav ------------*/
.navigation__transparent.navbar {
  position: fixed !important;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

@media only screen and (max-width: 991px) {
  .navigation__transparent.navbar.active:before {
    opacity: .5;
    visibility: visible;
  }
}

.navigation__transparent:before {
  content: "";
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 99;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 992px) {
  .navigation__transparent:before {
    opacity: 0;
  }
}

.navigation__transparent.sticky-nav {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  height: 4.375rem;
}

.navigation__transparent.sticky-nav .sticky-logo {
  display: block;
}

.navigation__transparent.sticky-nav .main-logo {
  display: none;
}

.navigation__transparent.sticky-nav .dropdown-menu {
  margin-top: 0;
}

@media only screen and (min-width: 992px) {
  .navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}

@media only screen and (min-width: 992px) {
  .navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link,
  .navigation__transparent.sticky-nav.navbar-dark .navbar-nav .show > .nav-link,
  .navigation__transparent.sticky-nav.navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff !important;
  }
}

@media only screen and (min-width: 992px) {
  .navigation__transparent.sticky-nav.navbar-light .navbar-nav .nav-link.active,
  .navigation__transparent.sticky-nav.navbar-light .navbar-nav .nav-link.active:hover,
  .navigation__transparent.sticky-nav.navbar-light .navbar-nav .nav-link.active:focus,
  .navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link.active,
  .navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link.active:hover,
  .navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link.active:focus {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}

.navigation__transparent.sticky-nav.navbar-light .navbar-nav .nav-link.active,
.navigation__transparent.sticky-nav.navbar-light .navbar-nav .nav-link.active:hover,
.navigation__transparent.sticky-nav.navbar-light .navbar-nav .nav-link.active:focus,
.navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link.active,
.navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link.active:hover,
.navigation__transparent.sticky-nav.navbar-dark .navbar-nav .nav-link.active:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navigation__transparent.sticky-nav.navbar-expand-lg.navbar-dark .navbar-toggler-icon:before,
.navigation__transparent.sticky-nav.navbar-expand-lg.navbar-dark .navbar-toggler-icon:after,
.navigation__transparent.sticky-nav.navbar-expand-lg.navbar-dark .navbar-toggler-icon {
  background: #ffffff;
}

.navigation__transparent.sticky-nav.navbar-expand-lg.navbar-dark .navbar-toggler-icon.active:before,
.navigation__transparent.sticky-nav.navbar-expand-lg.navbar-dark .navbar-toggler-icon.active:after,
.navigation__transparent.sticky-nav.navbar-expand-lg.navbar-dark .navbar-toggler-icon.active {
  background: #2D3136;
}

.navigation__transparent.sticky-nav .navbar-btn .btn {
  border: 1px solid #fff;
  background: none;
}

.navigation__transparent.sticky-nav .login-btn {
  color: #ffffff;
}

.navigation__transparent.sticky-nav.navbar-expand-lg.navbar.nav-divider .navbar-nav::before {
  background: #ffffff;
}

.navigation__transparent.sticky-nav .navbar-nav .nav-link.page-active {
  color: rgba(255, 255, 255, 0.5) !important;
}

.navigation__transparent.navbar-light .navbar-nav .nav-link.active,
.navigation__transparent.navbar-light .navbar-nav .nav-link.active:hover,
.navigation__transparent.navbar-light .navbar-nav .nav-link.active:focus {
  color: #575e68;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown {
    width: 100%;
    border-bottom: 1px solid #eeeeef;
  }
}

.navbar-expand-lg .dropdown-menu {
  border: 0;
  margin-top: 0rem;
  padding: 0.625rem 1.5625rem;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown-menu {
    padding: 0.75rem;
    opacity: 0;
    visibility: hidden;
    display: block;
    min-width: 14.375rem;
    position: absolute;
    background: #ffffff;
    -webkit-box-shadow: 0 2rem 3.375rem rgba(0, 0, 0, 0.13);
            box-shadow: 0 2rem 3.375rem rgba(0, 0, 0, 0.13);
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav li:hover > ul.dropdown-menu,
  .navbar-expand-lg .navbar-nav li:hover > .dropdown-submenu > .dropdown-menu.alignleft,
  .navbar-expand-lg .navbar-nav li:hover > .dropdown-submenu > .dropdown-menu.alignright {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown-submenu > .dropdown-menu.alignleft {
    -webkit-transform: translateY(0) translateX(-10px);
        -ms-transform: translateY(0) translateX(-10px);
            transform: translateY(0) translateX(-10px);
  }
  .navbar-expand-lg .dropdown-submenu > .dropdown-menu.alignright {
    -webkit-transform: translateY(0) translateX(10px);
        -ms-transform: translateY(0) translateX(10px);
            transform: translateY(0) translateX(10px);
  }
}

.navbar-expand-lg .dropdown > a.nav-link {
  padding: 1.25rem 1.5625rem;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown > a.nav-link {
    padding: 1.125rem 1.125rem;
  }
}

.navbar-expand-lg .dropdown-item {
  padding: 0.625rem;
  text-transform: capitalize;
  font-size: 1.125rem;
  font-weight: 500;
}

.navbar-expand-lg.navbar.nav-divider .dropdown .nav-link {
  font-size: 18px;
  text-transform: capitalize;
}

.navbar-expand-lg.navbar-light .dropdown:hover .nav-link {
  color: #575e68;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar-light .dropdown:hover .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }
}

.navbar-expand-lg.navbar-light .dropdown .nav-link.dropdown-toggle.submenu-active {
  background: transparent;
  color: #ffffff;
}

.navbar-expand-lg.navbar-light .dropdown .nav-link.dropdown-toggle.submenu-active:hover, .navbar-expand-lg.navbar-light .dropdown .nav-link.dropdown-toggle.submenu-active.active, .navbar-expand-lg.navbar-light .dropdown .nav-link.dropdown-toggle.submenu-active:focus {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar-light .navbar-nav .active > .nav-link {
    color: #ffffff;
  }
}

.navbar-expand-lg.navbar-dark .dropdown .nav-link.dropdown-toggle {
  color: #2D3136;
}

.navbar-expand-lg.navbar-dark .dropdown .nav-link.dropdown-toggle.submenu-active {
  color: #2D3136;
  background: transparent;
}

.navbar-expand-lg.navbar-dark .dropdown .nav-link.dropdown-toggle.submenu-active:hover, .navbar-expand-lg.navbar-dark .dropdown .nav-link.dropdown-toggle.submenu-active.active, .navbar-expand-lg.navbar-dark .dropdown .nav-link.dropdown-toggle.submenu-active:focus {
  color: #575e68;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg.navbar-dark .dropdown .navbar-nav .active > .nav-link {
    color: #2D3136;
  }
}

.navbar-expand-lg .dropdown:hover .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active {
  background: transparent;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active {
    color: #2D3136 !important;
  }
}

.navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active:hover, .navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active.active, .navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active:focus {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active:hover, .navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active.active, .navbar-expand-lg .dropdown .nav-link.dropdown-toggle.submenu-active:focus {
    color: #575e68;
  }
}

.navbar-expand-lg .dropdown .submenu-active {
  background-color: #f8f9fa;
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle:after {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.navbar-expand-lg .dropdown .dropdown-item.active, .navbar-expand-lg .dropdown .dropdown-item:active {
  background-color: #f8f9fa;
}

.navbar-expand-lg .dropdown-menu li {
  position: relative;
}

.navbar-expand-lg .dropdown-menu ul.dropdown-menu {
  top: -0.75rem;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown-menu ul.dropdown-menu {
    padding: 0 0 0 0.625rem;
  }
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown-menu ul.dropdown-menu.alignleft {
    left: auto;
    right: 100%;
    margin-right: 0.75rem;
  }
}

@media only screen and (min-width: 992px) {
  .navbar-expand-lg .dropdown-menu ul.dropdown-menu.alignright {
    left: auto;
    right: 100%;
    margin-left: 0.75rem;
  }
}

@media only screen and (min-width: 1500px) {
  .navbar-expand-lg .dropdown-menu ul.dropdown-menu.alignright {
    right: auto;
    left: 100%;
    margin-right: 0.75rem;
  }
}

.navbar-expand-lg .dropdown-submenu {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown > .dropdown-toggle::after {
    position: absolute;
    right: 24px;
    top: 20px;
  }
}

.navbar-expand-lg .dropdown .dropdown-toggle {
  position: relative;
}

.navbar-expand-lg .dropdown .dropdown-toggle::after {
  margin-left: 4px;
  vertical-align: 1px;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown .dropdown-toggle::after {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-expand-lg .dropdown .dropdown-submenu .dropdown-toggle.submenu-active:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-top: -0.1875rem;
  }
}

.navbar-expand-lg .dropdown .dropdown-submenu .dropdown-toggle:after {
  position: absolute;
  right: 24px;
  top: 20px;
}

.navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -0.1875rem;
}

/**! 33. newsletter **/
/**! newsletter v2 **/
@media only screen and (max-width: 1199px) {
  .newsletter--v2 .newsletter-text h2 {
    font-size: 2.625rem;
  }
}

.newsletter--v2 .newsletter-features li {
  color: #2D3136;
  font-size: 1.0625rem;
  padding-right: 1.5625rem;
  position: relative;
}

.newsletter--v2 .newsletter-features li:not(:last-child):before {
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  border-right: 1px solid #E2E6EA;
  width: 100%;
  height: 15px;
}

/**! 34. testimonial **/
.testimonial blockquote {
  font-style: italic;
}

.testimonial--v1, .testimonial--v2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.testimonial--v1 blockquote, .testimonial--v2 blockquote {
  font-weight: 500;
  color: #ffffff;
}

.testimonial--v1 {
  margin-top: -80px;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (min-width: 768px) {
  .testimonial--v1 {
    margin-top: -122px;
    padding-top: 200px;
    padding-bottom: 140px;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial--v1 {
    margin-top: -250px;
    padding-top: 320px;
    padding-bottom: 150px;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial--v1 {
    padding-top: 375px;
    padding-bottom: 210px;
  }
}

.testimonial--v1 .carosuel-slider--v1 span img {
  width: 44px;
  height: 44px;
}

@media only screen and (min-width: 1600px) {
  .testimonial--v1:after, .testimonial--v1:before {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: rotate(-53deg);
    -ms-transform: rotate(-53deg);
    transform: rotate(-53deg);
    background-color: #000;
    opacity: 0.03;
    height: 600px;
  }
}

.testimonial--v1:after {
  top: 250px;
  right: 0;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  z-index: -1;
}

.testimonial--v1:before {
  bottom: -200px;
  left: 0;
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}

@media only screen and (max-width: 991px) {
  .testimonial--v2 .background-holder {
    display: none;
  }
}

.testimonial--v2 .carosuel-slider--v2 blockquote {
  font-size: 1.3125rem;
}

@media only screen and (min-width: 768px) {
  .testimonial--v2 .carosuel-slider--v2 blockquote {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial--v2:after, .testimonial--v2:before {
    content: "";
    -webkit-transform: rotate(-54deg);
    -ms-transform: rotate(-54deg);
    transform: rotate(-54deg);
    background-color: #2A3035;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
}

.testimonial--v2:after {
  bottom: -10%;
  right: -65%;
  z-index: -1;
}

.testimonial--v2:before {
  left: -30%;
}

.testimonial--v3 .carosuel-slider--v3 .slide {
  margin: 0 17px;
  position: relative;
}

.testimonial--v3 .carosuel-slider--v3 .slide .svg {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 30px;
}

.testimonial--v3 .carosuel-slider--v3 .slide .svg svg path {
  fill: #FF6348;
}

.testimonial--v3 .carosuel-slider--v3 .slide .testimonial-content::before {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 35px;
  border-top: 22px solid transparent;
  border-left: 24px solid #ffffff;
  border-bottom: 22px solid transparent;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.testimonial--v3 .carosuel-slider--v3 .slide .testimonial-img img {
  border: 1px solid #DFE3EB;
}

.theme-appearance .testimonial--v3 .carosuel-slider--v3 .slide .testimonial-img img {
  border: 1px solid #FFF;
}

.testimonial--v3 .carosuel-slider--v3 .slide blockquote {
  border: 1px solid #F0F3F8;
  padding: 3.75rem 2.125rem;
  border-radius: 0.625rem;
}

.testimonial--v4 .carosuel-slider--v4 img {
  border-style: solid;
  border-width: 0.125rem;
}

/**! 35. working-process **/
.working-process .icon-bg:hover::before {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}

/**! 36. video **/
.video--v1 .video-cover {
  position: relative;
  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;
  overflow: hidden;
  z-index: 99;
  width: 100%;
}

.video--v1 .video-cover img {
  width: 100%;
}

/*
*  Themes 
=================================
=================================
=================================*/
/**! 37. themes **/
/** ================ Theme color,background ================ **/
.theme-gradient-1 .btn-bg--primary, .theme-gradient-1 .card--v2 .card--focused::before, .card--v2 .theme-gradient-1 .card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-1 .arrowBtn:hover, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .slider-button, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .slider-button, .theme-gradient-1 .bg-color--primary, .theme-gradient-1 mark,
.theme-gradient-1 ins, .theme-gradient-1 .btn-bg-hover--primary:after, .theme-gradient-1 .btn-bg-hover--primary:before, .theme-gradient-1 .navigation__transparent.sticky-nav {
  background: -o-linear-gradient(135deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
  background: linear-gradient(-45deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
}

.theme-gradient-1 .btn.btn-bg--primary, .theme-gradient-1 .card--v2 .btn.card--focused::before, .card--v2 .theme-gradient-1 .btn.card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-1 .btn.arrowBtn:hover, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .btn.slider-button, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .btn.slider-button, .theme-gradient-1 .btn.bg-color--primary, .theme-gradient-1 mark.btn,
.theme-gradient-1 ins.btn, .theme-gradient-1 .btn.btn-bg-hover--primary:after, .theme-gradient-1 .btn.btn-bg-hover--primary:before, .theme-gradient-1 .btn.navigation__transparent.sticky-nav, .theme-gradient-1 .btn-media.btn-bg--primary, .theme-gradient-1 .card--v2 .btn-media.card--focused::before, .card--v2 .theme-gradient-1 .btn-media.card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .btn-media.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-1 .btn-media.arrowBtn:hover, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .btn-media.slider-button, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .btn-media.slider-button, .theme-gradient-1 .btn-media.bg-color--primary, .theme-gradient-1 mark.btn-media,
.theme-gradient-1 ins.btn-media, .theme-gradient-1 .btn-media.btn-bg-hover--primary:after, .theme-gradient-1 .btn-media.btn-bg-hover--primary:before, .theme-gradient-1 .btn-media.navigation__transparent.sticky-nav, .theme-gradient-1 .pricing-btn.btn-bg--primary, .theme-gradient-1 .card--v2 .pricing-btn.card--focused::before, .card--v2 .theme-gradient-1 .pricing-btn.card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .pricing-btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-1 .pricing-btn.arrowBtn:hover, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .pricing-btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .pricing-btn.slider-button, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .pricing-btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .pricing-btn.slider-button, .theme-gradient-1 .pricing-btn.bg-color--primary, .theme-gradient-1 mark.pricing-btn,
.theme-gradient-1 ins.pricing-btn, .theme-gradient-1 .pricing-btn.btn-bg-hover--primary:after, .theme-gradient-1 .pricing-btn.btn-bg-hover--primary:before, .theme-gradient-1 .pricing-btn.navigation__transparent.sticky-nav, .theme-gradient-1 .card--focused.btn-bg--primary::before, .theme-gradient-1 .card--v2 .card--focused::before, .card--v2 .theme-gradient-1 .card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .card--focused.arrowBtn:hover::before, .carosuel-slider--v4 .theme-gradient-1 .card--focused.arrowBtn:hover::before, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .card--focused.slider-button::before, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .card--focused.slider-button::before, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .card--focused.slider-button::before, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .card--focused.slider-button::before, .theme-gradient-1 .card--focused.bg-color--primary::before, .theme-gradient-1 mark.card--focused::before,
.theme-gradient-1 ins.card--focused::before, .theme-gradient-1 .card--focused.navigation__transparent.sticky-nav::before, .theme-gradient-1 .slider-button.btn-bg--primary, .theme-gradient-1 .card--v2 .slider-button.card--focused::before, .card--v2 .theme-gradient-1 .slider-button.card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .slider-button.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-1 .slider-button.arrowBtn:hover, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .slider-button, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .slider-button, .theme-gradient-1 .slider-button.bg-color--primary, .theme-gradient-1 mark.slider-button,
.theme-gradient-1 ins.slider-button, .theme-gradient-1 .slider-button.btn-bg-hover--primary:after, .theme-gradient-1 .slider-button.btn-bg-hover--primary:before, .theme-gradient-1 .slider-button.navigation__transparent.sticky-nav, .theme-gradient-1 .arrowBtn.btn-bg--primary:hover, .theme-gradient-1 .card--v2 .arrowBtn.card--focused:hover::before, .card--v2 .theme-gradient-1 .arrowBtn.card--focused:hover::before, .theme-gradient-1 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-1 .arrowBtn:hover, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .arrowBtn.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .arrowBtn.slider-button:hover, .theme-gradient-1 .arrowBtn.bg-color--primary:hover, .theme-gradient-1 mark.arrowBtn:hover,
.theme-gradient-1 ins.arrowBtn:hover, .theme-gradient-1 .arrowBtn.btn-bg-hover--primary:hover:after, .theme-gradient-1 .arrowBtn.btn-bg-hover--primary:hover:before, .theme-gradient-1 .arrowBtn.navigation__transparent.sticky-nav:hover, .theme-gradient-1 .card--v2 .navigation__transparent.sticky-nav.card--focused::before, .card--v2 .theme-gradient-1 .navigation__transparent.sticky-nav.card--focused::before, .theme-gradient-1 .carosuel-slider--v4 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-1 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-1 .carosuel-slider--v5 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-1 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-1 .navigation__transparent.sticky-nav.btn-bg-hover--primary:after, .theme-gradient-1 .navigation__transparent.sticky-nav.btn-bg-hover--primary:before, .theme-gradient-1 .navigation__transparent.sticky-nav {
  background: #256fa1;
}

.theme-gradient-2 .btn-bg--primary, .theme-gradient-2 .card--v2 .card--focused::before, .card--v2 .theme-gradient-2 .card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-2 .arrowBtn:hover, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .slider-button, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .slider-button, .theme-gradient-2 .bg-color--primary, .theme-gradient-2 mark,
.theme-gradient-2 ins, .theme-gradient-2 .btn-bg-hover--primary:after, .theme-gradient-2 .btn-bg-hover--primary:before, .theme-gradient-2 .navigation__transparent.sticky-nav {
  background: -o-linear-gradient(135deg, #995CDD 0%, #644BE7 100%);
  background: linear-gradient(-45deg, #995CDD 0%, #644BE7 100%);
}

.theme-gradient-2 .btn.btn-bg--primary, .theme-gradient-2 .card--v2 .btn.card--focused::before, .card--v2 .theme-gradient-2 .btn.card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-2 .btn.arrowBtn:hover, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .btn.slider-button, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .btn.slider-button, .theme-gradient-2 .btn.bg-color--primary, .theme-gradient-2 mark.btn,
.theme-gradient-2 ins.btn, .theme-gradient-2 .btn.btn-bg-hover--primary:after, .theme-gradient-2 .btn.btn-bg-hover--primary:before, .theme-gradient-2 .btn.navigation__transparent.sticky-nav, .theme-gradient-2 .btn-media.btn-bg--primary, .theme-gradient-2 .card--v2 .btn-media.card--focused::before, .card--v2 .theme-gradient-2 .btn-media.card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .btn-media.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-2 .btn-media.arrowBtn:hover, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .btn-media.slider-button, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .btn-media.slider-button, .theme-gradient-2 .btn-media.bg-color--primary, .theme-gradient-2 mark.btn-media,
.theme-gradient-2 ins.btn-media, .theme-gradient-2 .btn-media.btn-bg-hover--primary:after, .theme-gradient-2 .btn-media.btn-bg-hover--primary:before, .theme-gradient-2 .btn-media.navigation__transparent.sticky-nav, .theme-gradient-2 .pricing-btn.btn-bg--primary, .theme-gradient-2 .card--v2 .pricing-btn.card--focused::before, .card--v2 .theme-gradient-2 .pricing-btn.card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .pricing-btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-2 .pricing-btn.arrowBtn:hover, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .pricing-btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .pricing-btn.slider-button, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .pricing-btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .pricing-btn.slider-button, .theme-gradient-2 .pricing-btn.bg-color--primary, .theme-gradient-2 mark.pricing-btn,
.theme-gradient-2 ins.pricing-btn, .theme-gradient-2 .pricing-btn.btn-bg-hover--primary:after, .theme-gradient-2 .pricing-btn.btn-bg-hover--primary:before, .theme-gradient-2 .pricing-btn.navigation__transparent.sticky-nav, .theme-gradient-2 .card--focused.btn-bg--primary::before, .theme-gradient-2 .card--v2 .card--focused::before, .card--v2 .theme-gradient-2 .card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .card--focused.arrowBtn:hover::before, .carosuel-slider--v4 .theme-gradient-2 .card--focused.arrowBtn:hover::before, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .card--focused.slider-button::before, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .card--focused.slider-button::before, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .card--focused.slider-button::before, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .card--focused.slider-button::before, .theme-gradient-2 .card--focused.bg-color--primary::before, .theme-gradient-2 mark.card--focused::before,
.theme-gradient-2 ins.card--focused::before, .theme-gradient-2 .card--focused.navigation__transparent.sticky-nav::before, .theme-gradient-2 .slider-button.btn-bg--primary, .theme-gradient-2 .card--v2 .slider-button.card--focused::before, .card--v2 .theme-gradient-2 .slider-button.card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .slider-button.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-2 .slider-button.arrowBtn:hover, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .slider-button, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .slider-button, .theme-gradient-2 .slider-button.bg-color--primary, .theme-gradient-2 mark.slider-button,
.theme-gradient-2 ins.slider-button, .theme-gradient-2 .slider-button.btn-bg-hover--primary:after, .theme-gradient-2 .slider-button.btn-bg-hover--primary:before, .theme-gradient-2 .slider-button.navigation__transparent.sticky-nav, .theme-gradient-2 .arrowBtn.btn-bg--primary:hover, .theme-gradient-2 .card--v2 .arrowBtn.card--focused:hover::before, .card--v2 .theme-gradient-2 .arrowBtn.card--focused:hover::before, .theme-gradient-2 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-2 .arrowBtn:hover, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .arrowBtn.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .arrowBtn.slider-button:hover, .theme-gradient-2 .arrowBtn.bg-color--primary:hover, .theme-gradient-2 mark.arrowBtn:hover,
.theme-gradient-2 ins.arrowBtn:hover, .theme-gradient-2 .arrowBtn.btn-bg-hover--primary:hover:after, .theme-gradient-2 .arrowBtn.btn-bg-hover--primary:hover:before, .theme-gradient-2 .arrowBtn.navigation__transparent.sticky-nav:hover, .theme-gradient-2 .card--v2 .navigation__transparent.sticky-nav.card--focused::before, .card--v2 .theme-gradient-2 .navigation__transparent.sticky-nav.card--focused::before, .theme-gradient-2 .carosuel-slider--v4 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-2 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-2 .carosuel-slider--v5 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-2 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-2 .navigation__transparent.sticky-nav.btn-bg-hover--primary:after, .theme-gradient-2 .navigation__transparent.sticky-nav.btn-bg-hover--primary:before, .theme-gradient-2 .navigation__transparent.sticky-nav {
  background: #6e51d6;
}

.theme-gradient-3 .btn-bg--primary, .theme-gradient-3 .card--v2 .card--focused::before, .card--v2 .theme-gradient-3 .card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .slider-button, .theme-gradient-3 .bg-color--primary, .theme-gradient-3 mark,
.theme-gradient-3 ins, .theme-gradient-3 .btn-bg-hover--primary:after, .theme-gradient-3 .btn-bg-hover--primary:before, .theme-gradient-3 .navigation__transparent.sticky-nav {
  background: -o-linear-gradient(45deg, #6CE01C 0%, #0175CD 100%);
  background: linear-gradient(45deg, #6CE01C 0%, #0175CD 100%);
}

.theme-gradient-3 .user-experience.btn-bg--primary, .theme-gradient-3 .card--v2 .user-experience.card--focused::before, .card--v2 .theme-gradient-3 .user-experience.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .user-experience.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .user-experience.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .user-experience.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .user-experience.slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .user-experience.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .user-experience.slider-button, .theme-gradient-3 .user-experience.bg-color--primary, .theme-gradient-3 mark.user-experience,
.theme-gradient-3 ins.user-experience, .theme-gradient-3 .user-experience.btn-bg-hover--primary:after, .theme-gradient-3 .user-experience.btn-bg-hover--primary:before, .theme-gradient-3 .user-experience.navigation__transparent.sticky-nav {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5.15%, rgba(100, 216, 40, 0.988762)), to(rgba(1, 205, 105, 0.0001)));
  background: -o-linear-gradient(top, rgba(100, 216, 40, 0.988762) 5.15%, rgba(1, 205, 105, 0.0001) 100%);
  background: linear-gradient(180deg, rgba(100, 216, 40, 0.988762) 5.15%, rgba(1, 205, 105, 0.0001) 100%);
}

.theme-gradient-3 .newsfoot.btn-bg--primary, .theme-gradient-3 .card--v2 .newsfoot.card--focused::before, .card--v2 .theme-gradient-3 .newsfoot.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .newsfoot.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .newsfoot.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .newsfoot.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .newsfoot.slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .newsfoot.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .newsfoot.slider-button, .theme-gradient-3 .newsfoot.bg-color--primary, .theme-gradient-3 mark.newsfoot,
.theme-gradient-3 ins.newsfoot, .theme-gradient-3 .newsfoot.btn-bg-hover--primary:after, .theme-gradient-3 .newsfoot.btn-bg-hover--primary:before, .theme-gradient-3 .newsfoot.navigation__transparent.sticky-nav {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #64d828), color-stop(120%, rgba(1, 205, 105, 0)));
  background: -o-linear-gradient(top, #64d828 20%, rgba(1, 205, 105, 0) 120%);
  background: linear-gradient(180deg, #64d828 20%, rgba(1, 205, 105, 0) 120%);
}

.theme-gradient-3 .btn.btn-bg--primary, .theme-gradient-3 .card--v2 .btn.card--focused::before, .card--v2 .theme-gradient-3 .btn.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .btn.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .btn.slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .btn.slider-button, .theme-gradient-3 .btn.bg-color--primary, .theme-gradient-3 mark.btn,
.theme-gradient-3 ins.btn, .theme-gradient-3 .btn.btn-bg-hover--primary:after, .theme-gradient-3 .btn.btn-bg-hover--primary:before, .theme-gradient-3 .btn.navigation__transparent.sticky-nav, .theme-gradient-3 .btn-media.btn-bg--primary, .theme-gradient-3 .card--v2 .btn-media.card--focused::before, .card--v2 .theme-gradient-3 .btn-media.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .btn-media.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .btn-media.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .btn-media.slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .btn-media.slider-button, .theme-gradient-3 .btn-media.bg-color--primary, .theme-gradient-3 mark.btn-media,
.theme-gradient-3 ins.btn-media, .theme-gradient-3 .btn-media.btn-bg-hover--primary:after, .theme-gradient-3 .btn-media.btn-bg-hover--primary:before, .theme-gradient-3 .btn-media.navigation__transparent.sticky-nav, .theme-gradient-3 .slider-button.btn-bg--primary, .theme-gradient-3 .card--v2 .slider-button.card--focused::before, .card--v2 .theme-gradient-3 .slider-button.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .slider-button.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .slider-button.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .slider-button, .theme-gradient-3 .slider-button.bg-color--primary, .theme-gradient-3 mark.slider-button,
.theme-gradient-3 ins.slider-button, .theme-gradient-3 .slider-button.btn-bg-hover--primary:after, .theme-gradient-3 .slider-button.btn-bg-hover--primary:before, .theme-gradient-3 .slider-button.navigation__transparent.sticky-nav, .theme-gradient-3 .arrowBtn.btn-bg--primary:hover, .theme-gradient-3 .card--v2 .arrowBtn.card--focused:hover::before, .card--v2 .theme-gradient-3 .arrowBtn.card--focused:hover::before, .theme-gradient-3 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .arrowBtn.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .arrowBtn.slider-button:hover, .theme-gradient-3 .arrowBtn.bg-color--primary:hover, .theme-gradient-3 mark.arrowBtn:hover,
.theme-gradient-3 ins.arrowBtn:hover, .theme-gradient-3 .arrowBtn.btn-bg-hover--primary:hover:after, .theme-gradient-3 .arrowBtn.btn-bg-hover--primary:hover:before, .theme-gradient-3 .arrowBtn.navigation__transparent.sticky-nav:hover, .theme-gradient-3 .icon-group.btn-bg--primary, .theme-gradient-3 .card--v2 .icon-group.card--focused::before, .card--v2 .theme-gradient-3 .icon-group.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .icon-group.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .icon-group.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .icon-group.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .icon-group.slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .icon-group.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .icon-group.slider-button, .theme-gradient-3 .icon-group.bg-color--primary, .theme-gradient-3 mark.icon-group,
.theme-gradient-3 ins.icon-group, .theme-gradient-3 .icon-group.btn-bg-hover--primary:after, .theme-gradient-3 .icon-group.btn-bg-hover--primary:before, .theme-gradient-3 .icon-group.navigation__transparent.sticky-nav, .theme-gradient-3 .card--v2 .navigation__transparent.sticky-nav.card--focused::before, .card--v2 .theme-gradient-3 .navigation__transparent.sticky-nav.card--focused::before, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-3 .navigation__transparent.sticky-nav.btn-bg-hover--primary:after, .theme-gradient-3 .navigation__transparent.sticky-nav.btn-bg-hover--primary:before, .theme-gradient-3 .navigation__transparent.sticky-nav {
  background: #1BDD69;
}

.theme-gradient-3 .icon-group-list.btn-bg--primary:hover, .theme-gradient-3 .card--v2 .icon-group-list.card--focused:hover::before, .card--v2 .theme-gradient-3 .icon-group-list.card--focused:hover::before, .theme-gradient-3 .carosuel-slider--v4 .icon-group-list.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-3 .icon-group-list.arrowBtn:hover, .theme-gradient-3 .carosuel-slider--v4 .slick-dots .slick-active .icon-group-list.slider-button:hover, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-3 .icon-group-list.slider-button:hover, .theme-gradient-3 .carosuel-slider--v5 .slick-dots .slick-active .icon-group-list.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-3 .icon-group-list.slider-button:hover, .theme-gradient-3 .icon-group-list.bg-color--primary:hover, .theme-gradient-3 mark.icon-group-list:hover,
.theme-gradient-3 ins.icon-group-list:hover, .theme-gradient-3 .icon-group-list.btn-bg-hover--primary:hover:after, .theme-gradient-3 .icon-group-list.btn-bg-hover--primary:hover:before, .theme-gradient-3 .icon-group-list.navigation__transparent.sticky-nav:hover {
  background: tomato;
}

.theme-gradient-4 .btn-bg--primary, .theme-gradient-4 .card--v2 .card--focused::before, .card--v2 .theme-gradient-4 .card--focused::before, .theme-gradient-4 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-4 .arrowBtn:hover, .theme-gradient-4 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-4 .slider-button, .theme-gradient-4 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-4 .slider-button, .theme-gradient-4 .bg-color--primary, .theme-gradient-4 mark,
.theme-gradient-4 ins, .theme-gradient-4 .btn-bg-hover--primary:after, .theme-gradient-4 .btn-bg-hover--primary:before, .theme-gradient-4 .navigation__transparent.sticky-nav {
  background: -o-linear-gradient(45deg, #8448ff 0%, #21007b 80%);
  background: linear-gradient(45deg, #8448ff 0%, #21007b 80%);
}

.theme-gradient-4 .btn.btn-bg--primary, .theme-gradient-4 .card--v2 .btn.card--focused::before, .card--v2 .theme-gradient-4 .btn.card--focused::before, .theme-gradient-4 .carosuel-slider--v4 .btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-4 .btn.arrowBtn:hover, .theme-gradient-4 .carosuel-slider--v4 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-4 .btn.slider-button, .theme-gradient-4 .carosuel-slider--v5 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-4 .btn.slider-button, .theme-gradient-4 .btn.bg-color--primary, .theme-gradient-4 mark.btn,
.theme-gradient-4 ins.btn, .theme-gradient-4 .btn.btn-bg-hover--primary:after, .theme-gradient-4 .btn.btn-bg-hover--primary:before, .theme-gradient-4 .btn.navigation__transparent.sticky-nav, .theme-gradient-4 .btn-media.btn-bg--primary, .theme-gradient-4 .card--v2 .btn-media.card--focused::before, .card--v2 .theme-gradient-4 .btn-media.card--focused::before, .theme-gradient-4 .carosuel-slider--v4 .btn-media.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-4 .btn-media.arrowBtn:hover, .theme-gradient-4 .carosuel-slider--v4 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-4 .btn-media.slider-button, .theme-gradient-4 .carosuel-slider--v5 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-4 .btn-media.slider-button, .theme-gradient-4 .btn-media.bg-color--primary, .theme-gradient-4 mark.btn-media,
.theme-gradient-4 ins.btn-media, .theme-gradient-4 .btn-media.btn-bg-hover--primary:after, .theme-gradient-4 .btn-media.btn-bg-hover--primary:before, .theme-gradient-4 .btn-media.navigation__transparent.sticky-nav, .theme-gradient-4 .slider-button.btn-bg--primary, .theme-gradient-4 .card--v2 .slider-button.card--focused::before, .card--v2 .theme-gradient-4 .slider-button.card--focused::before, .theme-gradient-4 .carosuel-slider--v4 .slider-button.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-4 .slider-button.arrowBtn:hover, .theme-gradient-4 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-4 .slider-button, .theme-gradient-4 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-4 .slider-button, .theme-gradient-4 .slider-button.bg-color--primary, .theme-gradient-4 mark.slider-button,
.theme-gradient-4 ins.slider-button, .theme-gradient-4 .slider-button.btn-bg-hover--primary:after, .theme-gradient-4 .slider-button.btn-bg-hover--primary:before, .theme-gradient-4 .slider-button.navigation__transparent.sticky-nav, .theme-gradient-4 .arrowBtn.btn-bg--primary:hover, .theme-gradient-4 .card--v2 .arrowBtn.card--focused:hover::before, .card--v2 .theme-gradient-4 .arrowBtn.card--focused:hover::before, .theme-gradient-4 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-4 .arrowBtn:hover, .theme-gradient-4 .carosuel-slider--v5 .slick-dots .slick-active .arrowBtn.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-4 .arrowBtn.slider-button:hover, .theme-gradient-4 .arrowBtn.bg-color--primary:hover, .theme-gradient-4 mark.arrowBtn:hover,
.theme-gradient-4 ins.arrowBtn:hover, .theme-gradient-4 .arrowBtn.btn-bg-hover--primary:hover:after, .theme-gradient-4 .arrowBtn.btn-bg-hover--primary:hover:before, .theme-gradient-4 .arrowBtn.navigation__transparent.sticky-nav:hover, .theme-gradient-4 .card--v2 .navigation__transparent.sticky-nav.card--focused::before, .card--v2 .theme-gradient-4 .navigation__transparent.sticky-nav.card--focused::before, .theme-gradient-4 .carosuel-slider--v4 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-4 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-4 .carosuel-slider--v5 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-4 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-4 .navigation__transparent.sticky-nav.btn-bg-hover--primary:after, .theme-gradient-4 .navigation__transparent.sticky-nav.btn-bg-hover--primary:before, .theme-gradient-4 .navigation__transparent.sticky-nav {
  background: #5618AD;
}

.theme-gradient-5 .btn-bg--primary, .theme-gradient-5 .card--v2 .card--focused::before, .card--v2 .theme-gradient-5 .card--focused::before, .theme-gradient-5 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-5 .arrowBtn:hover, .theme-gradient-5 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-5 .slider-button, .theme-gradient-5 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-5 .slider-button, .theme-gradient-5 .bg-color--primary, .theme-gradient-5 mark,
.theme-gradient-5 ins, .theme-gradient-5 .btn-bg-hover--primary:after, .theme-gradient-5 .btn-bg-hover--primary:before, .theme-gradient-5 .navigation__transparent.sticky-nav {
  background: -o-linear-gradient(45deg, #ff4bc4 0%, #375aeb 66%, #2b5bed 100%);
  background: linear-gradient(45deg, #ff4bc4 0%, #375aeb 66%, #2b5bed 100%);
}

.theme-gradient-5 .btn.btn-bg--primary, .theme-gradient-5 .card--v2 .btn.card--focused::before, .card--v2 .theme-gradient-5 .btn.card--focused::before, .theme-gradient-5 .carosuel-slider--v4 .btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-5 .btn.arrowBtn:hover, .theme-gradient-5 .carosuel-slider--v4 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-5 .btn.slider-button, .theme-gradient-5 .carosuel-slider--v5 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-5 .btn.slider-button, .theme-gradient-5 .btn.bg-color--primary, .theme-gradient-5 mark.btn,
.theme-gradient-5 ins.btn, .theme-gradient-5 .btn.btn-bg-hover--primary:after, .theme-gradient-5 .btn.btn-bg-hover--primary:before, .theme-gradient-5 .btn.navigation__transparent.sticky-nav, .theme-gradient-5 .btn-media.btn-bg--primary, .theme-gradient-5 .card--v2 .btn-media.card--focused::before, .card--v2 .theme-gradient-5 .btn-media.card--focused::before, .theme-gradient-5 .carosuel-slider--v4 .btn-media.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-5 .btn-media.arrowBtn:hover, .theme-gradient-5 .carosuel-slider--v4 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-5 .btn-media.slider-button, .theme-gradient-5 .carosuel-slider--v5 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-5 .btn-media.slider-button, .theme-gradient-5 .btn-media.bg-color--primary, .theme-gradient-5 mark.btn-media,
.theme-gradient-5 ins.btn-media, .theme-gradient-5 .btn-media.btn-bg-hover--primary:after, .theme-gradient-5 .btn-media.btn-bg-hover--primary:before, .theme-gradient-5 .btn-media.navigation__transparent.sticky-nav, .theme-gradient-5 .slider-button.btn-bg--primary, .theme-gradient-5 .card--v2 .slider-button.card--focused::before, .card--v2 .theme-gradient-5 .slider-button.card--focused::before, .theme-gradient-5 .carosuel-slider--v4 .slider-button.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-5 .slider-button.arrowBtn:hover, .theme-gradient-5 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-5 .slider-button, .theme-gradient-5 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-5 .slider-button, .theme-gradient-5 .slider-button.bg-color--primary, .theme-gradient-5 mark.slider-button,
.theme-gradient-5 ins.slider-button, .theme-gradient-5 .slider-button.btn-bg-hover--primary:after, .theme-gradient-5 .slider-button.btn-bg-hover--primary:before, .theme-gradient-5 .slider-button.navigation__transparent.sticky-nav, .theme-gradient-5 .arrowBtn.btn-bg--primary:hover, .theme-gradient-5 .card--v2 .arrowBtn.card--focused:hover::before, .card--v2 .theme-gradient-5 .arrowBtn.card--focused:hover::before, .theme-gradient-5 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-5 .arrowBtn:hover, .theme-gradient-5 .carosuel-slider--v5 .slick-dots .slick-active .arrowBtn.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-5 .arrowBtn.slider-button:hover, .theme-gradient-5 .arrowBtn.bg-color--primary:hover, .theme-gradient-5 mark.arrowBtn:hover,
.theme-gradient-5 ins.arrowBtn:hover, .theme-gradient-5 .arrowBtn.btn-bg-hover--primary:hover:after, .theme-gradient-5 .arrowBtn.btn-bg-hover--primary:hover:before, .theme-gradient-5 .arrowBtn.navigation__transparent.sticky-nav:hover, .theme-gradient-5 .card--v2 .navigation__transparent.sticky-nav.card--focused::before, .card--v2 .theme-gradient-5 .navigation__transparent.sticky-nav.card--focused::before, .theme-gradient-5 .carosuel-slider--v4 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-5 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-5 .carosuel-slider--v5 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-5 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-5 .navigation__transparent.sticky-nav.btn-bg-hover--primary:after, .theme-gradient-5 .navigation__transparent.sticky-nav.btn-bg-hover--primary:before, .theme-gradient-5 .navigation__transparent.sticky-nav {
  background: #3f5ae3;
}

.theme-gradient-6 .btn-bg--primary, .theme-gradient-6 .card--v2 .card--focused::before, .card--v2 .theme-gradient-6 .card--focused::before, .theme-gradient-6 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-6 .arrowBtn:hover, .theme-gradient-6 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-6 .slider-button, .theme-gradient-6 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-6 .slider-button, .theme-gradient-6 .bg-color--primary, .theme-gradient-6 mark,
.theme-gradient-6 ins, .theme-gradient-6 .btn-bg-hover--primary:after, .theme-gradient-6 .btn-bg-hover--primary:before, .theme-gradient-6 .navigation__transparent.sticky-nav {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF805A), to(#FF6348));
  background: -o-linear-gradient(#FF805A, #FF6348);
  background: linear-gradient(#FF805A, #FF6348);
}

.theme-gradient-6 .btn.btn-bg--primary, .theme-gradient-6 .card--v2 .btn.card--focused::before, .card--v2 .theme-gradient-6 .btn.card--focused::before, .theme-gradient-6 .carosuel-slider--v4 .btn.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-6 .btn.arrowBtn:hover, .theme-gradient-6 .carosuel-slider--v4 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-6 .btn.slider-button, .theme-gradient-6 .carosuel-slider--v5 .slick-dots .slick-active .btn.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-6 .btn.slider-button, .theme-gradient-6 .btn.bg-color--primary, .theme-gradient-6 mark.btn,
.theme-gradient-6 ins.btn, .theme-gradient-6 .btn.btn-bg-hover--primary:after, .theme-gradient-6 .btn.btn-bg-hover--primary:before, .theme-gradient-6 .btn.navigation__transparent.sticky-nav, .theme-gradient-6 .btn-media.btn-bg--primary, .theme-gradient-6 .card--v2 .btn-media.card--focused::before, .card--v2 .theme-gradient-6 .btn-media.card--focused::before, .theme-gradient-6 .carosuel-slider--v4 .btn-media.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-6 .btn-media.arrowBtn:hover, .theme-gradient-6 .carosuel-slider--v4 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-6 .btn-media.slider-button, .theme-gradient-6 .carosuel-slider--v5 .slick-dots .slick-active .btn-media.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-6 .btn-media.slider-button, .theme-gradient-6 .btn-media.bg-color--primary, .theme-gradient-6 mark.btn-media,
.theme-gradient-6 ins.btn-media, .theme-gradient-6 .btn-media.btn-bg-hover--primary:after, .theme-gradient-6 .btn-media.btn-bg-hover--primary:before, .theme-gradient-6 .btn-media.navigation__transparent.sticky-nav, .theme-gradient-6 .slider-button.btn-bg--primary, .theme-gradient-6 .card--v2 .slider-button.card--focused::before, .card--v2 .theme-gradient-6 .slider-button.card--focused::before, .theme-gradient-6 .carosuel-slider--v4 .slider-button.arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-6 .slider-button.arrowBtn:hover, .theme-gradient-6 .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-6 .slider-button, .theme-gradient-6 .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-6 .slider-button, .theme-gradient-6 .slider-button.bg-color--primary, .theme-gradient-6 mark.slider-button,
.theme-gradient-6 ins.slider-button, .theme-gradient-6 .slider-button.btn-bg-hover--primary:after, .theme-gradient-6 .slider-button.btn-bg-hover--primary:before, .theme-gradient-6 .slider-button.navigation__transparent.sticky-nav, .theme-gradient-6 .arrowBtn.btn-bg--primary:hover, .theme-gradient-6 .card--v2 .arrowBtn.card--focused:hover::before, .card--v2 .theme-gradient-6 .arrowBtn.card--focused:hover::before, .theme-gradient-6 .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-gradient-6 .arrowBtn:hover, .theme-gradient-6 .carosuel-slider--v5 .slick-dots .slick-active .arrowBtn.slider-button:hover, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-6 .arrowBtn.slider-button:hover, .theme-gradient-6 .arrowBtn.bg-color--primary:hover, .theme-gradient-6 mark.arrowBtn:hover,
.theme-gradient-6 ins.arrowBtn:hover, .theme-gradient-6 .arrowBtn.btn-bg-hover--primary:hover:after, .theme-gradient-6 .arrowBtn.btn-bg-hover--primary:hover:before, .theme-gradient-6 .arrowBtn.navigation__transparent.sticky-nav:hover, .theme-gradient-6 .card--v2 .navigation__transparent.sticky-nav.card--focused::before, .card--v2 .theme-gradient-6 .navigation__transparent.sticky-nav.card--focused::before, .theme-gradient-6 .carosuel-slider--v4 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-gradient-6 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-6 .carosuel-slider--v5 .slick-dots .slick-active .navigation__transparent.sticky-nav.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-gradient-6 .navigation__transparent.sticky-nav.slider-button, .theme-gradient-6 .navigation__transparent.sticky-nav.btn-bg-hover--primary:after, .theme-gradient-6 .navigation__transparent.sticky-nav.btn-bg-hover--primary:before, .theme-gradient-6 .navigation__transparent.sticky-nav {
  background: #ea4a27;
}

.theme-green .btn-bg--primary, .theme-green .card--v2 .card--focused::before, .card--v2 .theme-green .card--focused::before, .theme-green .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-green .arrowBtn:hover, .theme-green .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-green .slider-button, .theme-green .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-green .slider-button, .theme-green .bg-color--primary, .theme-green mark,
.theme-green ins, .theme-green .btn-bg-hover--primary:after, .theme-green .btn-bg-hover--primary:before, .theme-green .navigation__transparent.sticky-nav {
  background: #27AE60;
}

.theme-orange .btn-bg--primary, .theme-orange .card--v2 .card--focused::before, .card--v2 .theme-orange .card--focused::before, .theme-orange .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-orange .arrowBtn:hover, .theme-orange .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-orange .slider-button, .theme-orange .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-orange .slider-button, .theme-orange .bg-color--primary, .theme-orange mark,
.theme-orange ins, .theme-orange .btn-bg-hover--primary:after, .theme-orange .btn-bg-hover--primary:before, .theme-orange .navigation__transparent.sticky-nav {
  background: #ea4a27;
}

.theme-orange .btn-bg--primary, .theme-orange .card--v2 .btn-bg--primary.card--focused::before, .card--v2 .theme-orange .btn-bg--primary.card--focused::before, .theme-orange .carosuel-slider--v4 .btn-bg--primary.arrowBtn:hover, .carosuel-slider--v4 .theme-orange .btn-bg--primary.arrowBtn:hover, .theme-orange .carosuel-slider--v4 .slick-dots .slick-active .btn-bg--primary.slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-orange .btn-bg--primary.slider-button, .theme-orange .carosuel-slider--v5 .slick-dots .slick-active .btn-bg--primary.slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-orange .btn-bg--primary.slider-button, .theme-orange .btn-bg--primary.btn-bg-hover--primary:after, .theme-orange .btn-bg--primary.btn-bg-hover--primary:before, .theme-orange .card--focused.btn-bg--primary::before, .theme-orange .card--v2 .card--focused::before, .card--v2 .theme-orange .card--focused::before, .theme-orange .carosuel-slider--v4 .card--focused.arrowBtn:hover::before, .carosuel-slider--v4 .theme-orange .card--focused.arrowBtn:hover::before, .theme-orange .carosuel-slider--v4 .slick-dots .slick-active .card--focused.slider-button::before, .carosuel-slider--v4 .slick-dots .slick-active .theme-orange .card--focused.slider-button::before, .theme-orange .carosuel-slider--v5 .slick-dots .slick-active .card--focused.slider-button::before, .carosuel-slider--v5 .slick-dots .slick-active .theme-orange .card--focused.slider-button::before, .theme-orange .card--focused.bg-color--primary::before, .theme-orange mark.card--focused::before,
.theme-orange ins.card--focused::before, .theme-orange .card--focused.navigation__transparent.sticky-nav::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF805A), to(#FF6348));
  background: -o-linear-gradient(#FF805A, #FF6348);
  background: linear-gradient(#FF805A, #FF6348);
}

.theme-blue .btn-bg--primary, .theme-blue .card--v2 .card--focused::before, .card--v2 .theme-blue .card--focused::before, .theme-blue .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-blue .arrowBtn:hover, .theme-blue .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-blue .slider-button, .theme-blue .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-blue .slider-button, .theme-blue .bg-color--primary, .theme-blue mark,
.theme-blue ins, .theme-blue .btn-bg-hover--primary:after, .theme-blue .btn-bg-hover--primary:before, .theme-blue .navigation__transparent.sticky-nav {
  background: #256fa1;
}

.theme-violet .btn-bg--primary, .theme-violet .card--v2 .card--focused::before, .card--v2 .theme-violet .card--focused::before, .theme-violet .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-violet .arrowBtn:hover, .theme-violet .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-violet .slider-button, .theme-violet .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-violet .slider-button, .theme-violet .bg-color--primary, .theme-violet mark,
.theme-violet ins, .theme-violet .btn-bg-hover--primary:after, .theme-violet .btn-bg-hover--primary:before, .theme-violet .navigation__transparent.sticky-nav {
  background: #9b59b6;
}

.theme-orange-light .btn-bg--primary, .theme-orange-light .card--v2 .card--focused::before, .card--v2 .theme-orange-light .card--focused::before, .theme-orange-light .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-orange-light .arrowBtn:hover, .theme-orange-light .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-orange-light .slider-button, .theme-orange-light .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-orange-light .slider-button, .theme-orange-light .bg-color--primary, .theme-orange-light mark,
.theme-orange-light ins, .theme-orange-light .btn-bg-hover--primary:after, .theme-orange-light .btn-bg-hover--primary:before, .theme-orange-light .navigation__transparent.sticky-nav {
  background: #FFA500;
}

.theme-firoza .btn-bg--primary, .theme-firoza .card--v2 .card--focused::before, .card--v2 .theme-firoza .card--focused::before, .theme-firoza .carosuel-slider--v4 .arrowBtn:hover, .carosuel-slider--v4 .theme-firoza .arrowBtn:hover, .theme-firoza .carosuel-slider--v4 .slick-dots .slick-active .slider-button, .carosuel-slider--v4 .slick-dots .slick-active .theme-firoza .slider-button, .theme-firoza .carosuel-slider--v5 .slick-dots .slick-active .slider-button, .carosuel-slider--v5 .slick-dots .slick-active .theme-firoza .slider-button, .theme-firoza .bg-color--primary, .theme-firoza mark,
.theme-firoza ins, .theme-firoza .btn-bg-hover--primary:after, .theme-firoza .btn-bg-hover--primary:before, .theme-firoza .navigation__transparent.sticky-nav {
  background: #16a085;
}

.theme-orange .btn-bg-hover--primary:after, .theme-orange .btn-bg-hover--primary:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF805A), to(#FF6348));
  background: -o-linear-gradient(#FF805A, #FF6348);
  background: linear-gradient(#FF805A, #FF6348);
}

.theme-blue .text-color--primary, .theme-blue .btn-color--primary, .theme-blue .color-primary, .theme-blue .list-group .list-group-item-action:hover, .list-group .theme-blue .list-group-item-action:hover, .theme-blue .list-group .list-group-item-action:focus, .list-group .theme-blue .list-group-item-action:focus, .theme-blue .list-group .list-group-item-action.active, .list-group .theme-blue .list-group-item-action.active, .theme-blue .text-hover--primary:hover, .theme-blue .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-blue i, .theme-blue .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-blue a:hover, .theme-blue .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-blue a:hover, .theme-blue .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-blue .page-active, .theme-blue .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-blue .submenu-active, .theme-blue .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-blue .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-blue .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-blue .dropdown-item:active, .theme-blue .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-blue .dropdown-item:hover, .theme-blue .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-blue .nav-link.dropdown-toggle.submenu-active {
  color: #256fa1;
}

.theme-blue .list-group-item-action.active.text-color--primary, .theme-blue .list-group-item-action.active.btn-color--primary, .theme-blue .list-group-item-action.active.color-primary, .theme-blue .list-group .list-group-item-action.active, .list-group .theme-blue .list-group-item-action.active, .theme-blue .list-group-item-action.active.text-hover--primary:hover, .theme-blue .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-blue i.list-group-item-action.active, .theme-blue .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-blue a.list-group-item-action.active:hover, .theme-blue .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-blue a.list-group-item-action.active:hover, .theme-blue .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-blue .list-group-item-action.active.page-active, .theme-blue .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-blue .list-group-item-action.active.submenu-active, .theme-blue .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-blue .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-blue .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-blue .list-group-item-action.active.dropdown-item:active, .theme-blue .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-blue .list-group-item-action.active.dropdown-item:hover, .theme-blue .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-blue .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #256fa1;
}

.theme-orange .text-color--primary, .theme-orange .btn-color--primary, .theme-orange .color-primary, .theme-orange .list-group .list-group-item-action:hover, .list-group .theme-orange .list-group-item-action:hover, .theme-orange .list-group .list-group-item-action:focus, .list-group .theme-orange .list-group-item-action:focus, .theme-orange .list-group .list-group-item-action.active, .list-group .theme-orange .list-group-item-action.active, .theme-orange .text-hover--primary:hover, .theme-orange .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-orange i, .theme-orange .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-orange a:hover, .theme-orange .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-orange a:hover, .theme-orange .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-orange .page-active, .theme-orange .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-orange .submenu-active, .theme-orange .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-orange .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-orange .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-orange .dropdown-item:active, .theme-orange .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-orange .dropdown-item:hover, .theme-orange .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-orange .nav-link.dropdown-toggle.submenu-active {
  color: #ea4a27;
}

.theme-orange .list-group-item-action.active.text-color--primary, .theme-orange .list-group-item-action.active.btn-color--primary, .theme-orange .list-group-item-action.active.color-primary, .theme-orange .list-group .list-group-item-action.active, .list-group .theme-orange .list-group-item-action.active, .theme-orange .list-group-item-action.active.text-hover--primary:hover, .theme-orange .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-orange i.list-group-item-action.active, .theme-orange .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-orange a.list-group-item-action.active:hover, .theme-orange .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-orange a.list-group-item-action.active:hover, .theme-orange .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-orange .list-group-item-action.active.page-active, .theme-orange .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-orange .list-group-item-action.active.submenu-active, .theme-orange .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-orange .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-orange .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-orange .list-group-item-action.active.dropdown-item:active, .theme-orange .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-orange .list-group-item-action.active.dropdown-item:hover, .theme-orange .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-orange .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #ea4a27;
}

.theme-green .text-color--primary, .theme-green .btn-color--primary, .theme-green .color-primary, .theme-green .list-group .list-group-item-action:hover, .list-group .theme-green .list-group-item-action:hover, .theme-green .list-group .list-group-item-action:focus, .list-group .theme-green .list-group-item-action:focus, .theme-green .list-group .list-group-item-action.active, .list-group .theme-green .list-group-item-action.active, .theme-green .text-hover--primary:hover, .theme-green .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-green i, .theme-green .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-green a:hover, .theme-green .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-green a:hover, .theme-green .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-green .page-active, .theme-green .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-green .submenu-active, .theme-green .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-green .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-green .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-green .dropdown-item:active, .theme-green .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-green .dropdown-item:hover, .theme-green .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-green .nav-link.dropdown-toggle.submenu-active {
  color: #27AE60;
}

.theme-green .list-group-item-action.active.text-color--primary, .theme-green .list-group-item-action.active.btn-color--primary, .theme-green .list-group-item-action.active.color-primary, .theme-green .list-group .list-group-item-action.active, .list-group .theme-green .list-group-item-action.active, .theme-green .list-group-item-action.active.text-hover--primary:hover, .theme-green .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-green i.list-group-item-action.active, .theme-green .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-green a.list-group-item-action.active:hover, .theme-green .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-green a.list-group-item-action.active:hover, .theme-green .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-green .list-group-item-action.active.page-active, .theme-green .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-green .list-group-item-action.active.submenu-active, .theme-green .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-green .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-green .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-green .list-group-item-action.active.dropdown-item:active, .theme-green .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-green .list-group-item-action.active.dropdown-item:hover, .theme-green .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-green .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #27AE60;
}

.theme-violet .text-color--primary, .theme-violet .btn-color--primary, .theme-violet .color-primary, .theme-violet .list-group .list-group-item-action:hover, .list-group .theme-violet .list-group-item-action:hover, .theme-violet .list-group .list-group-item-action:focus, .list-group .theme-violet .list-group-item-action:focus, .theme-violet .list-group .list-group-item-action.active, .list-group .theme-violet .list-group-item-action.active, .theme-violet .text-hover--primary:hover, .theme-violet .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-violet i, .theme-violet .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-violet a:hover, .theme-violet .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-violet a:hover, .theme-violet .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-violet .page-active, .theme-violet .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-violet .submenu-active, .theme-violet .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-violet .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-violet .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-violet .dropdown-item:active, .theme-violet .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-violet .dropdown-item:hover, .theme-violet .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-violet .nav-link.dropdown-toggle.submenu-active {
  color: #9b59b6;
}

.theme-violet .list-group-item-action.active.text-color--primary, .theme-violet .list-group-item-action.active.btn-color--primary, .theme-violet .list-group-item-action.active.color-primary, .theme-violet .list-group .list-group-item-action.active, .list-group .theme-violet .list-group-item-action.active, .theme-violet .list-group-item-action.active.text-hover--primary:hover, .theme-violet .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-violet i.list-group-item-action.active, .theme-violet .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-violet a.list-group-item-action.active:hover, .theme-violet .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-violet a.list-group-item-action.active:hover, .theme-violet .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-violet .list-group-item-action.active.page-active, .theme-violet .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-violet .list-group-item-action.active.submenu-active, .theme-violet .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-violet .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-violet .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-violet .list-group-item-action.active.dropdown-item:active, .theme-violet .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-violet .list-group-item-action.active.dropdown-item:hover, .theme-violet .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-violet .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #9b59b6;
}

.theme-orange-light .text-color--primary, .theme-orange-light .btn-color--primary, .theme-orange-light .color-primary, .theme-orange-light .list-group .list-group-item-action:hover, .list-group .theme-orange-light .list-group-item-action:hover, .theme-orange-light .list-group .list-group-item-action:focus, .list-group .theme-orange-light .list-group-item-action:focus, .theme-orange-light .list-group .list-group-item-action.active, .list-group .theme-orange-light .list-group-item-action.active, .theme-orange-light .text-hover--primary:hover, .theme-orange-light .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-orange-light i, .theme-orange-light .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-orange-light a:hover, .theme-orange-light .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-orange-light a:hover, .theme-orange-light .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-orange-light .page-active, .theme-orange-light .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-orange-light .submenu-active, .theme-orange-light .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-orange-light .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-orange-light .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-orange-light .dropdown-item:active, .theme-orange-light .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-orange-light .dropdown-item:hover, .theme-orange-light .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-orange-light .nav-link.dropdown-toggle.submenu-active {
  color: #FFA500;
}

.theme-orange-light .list-group-item-action.active.text-color--primary, .theme-orange-light .list-group-item-action.active.btn-color--primary, .theme-orange-light .list-group-item-action.active.color-primary, .theme-orange-light .list-group .list-group-item-action.active, .list-group .theme-orange-light .list-group-item-action.active, .theme-orange-light .list-group-item-action.active.text-hover--primary:hover, .theme-orange-light .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-orange-light i.list-group-item-action.active, .theme-orange-light .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-orange-light a.list-group-item-action.active:hover, .theme-orange-light .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-orange-light a.list-group-item-action.active:hover, .theme-orange-light .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-orange-light .list-group-item-action.active.page-active, .theme-orange-light .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-orange-light .list-group-item-action.active.submenu-active, .theme-orange-light .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-orange-light .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-orange-light .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-orange-light .list-group-item-action.active.dropdown-item:active, .theme-orange-light .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-orange-light .list-group-item-action.active.dropdown-item:hover, .theme-orange-light .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-orange-light .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #FFA500;
}

.theme-firoza .text-color--primary, .theme-firoza .btn-color--primary, .theme-firoza .color-primary, .theme-firoza .list-group .list-group-item-action:hover, .list-group .theme-firoza .list-group-item-action:hover, .theme-firoza .list-group .list-group-item-action:focus, .list-group .theme-firoza .list-group-item-action:focus, .theme-firoza .list-group .list-group-item-action.active, .list-group .theme-firoza .list-group-item-action.active, .theme-firoza .text-hover--primary:hover, .theme-firoza .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-firoza i, .theme-firoza .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-firoza a:hover, .theme-firoza .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-firoza a:hover, .theme-firoza .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-firoza .page-active, .theme-firoza .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-firoza .submenu-active, .theme-firoza .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-firoza .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-firoza .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-firoza .dropdown-item:active, .theme-firoza .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-firoza .dropdown-item:hover, .theme-firoza .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-firoza .nav-link.dropdown-toggle.submenu-active {
  color: #16a085;
}

.theme-firoza .list-group-item-action.active.text-color--primary, .theme-firoza .list-group-item-action.active.btn-color--primary, .theme-firoza .list-group-item-action.active.color-primary, .theme-firoza .list-group .list-group-item-action.active, .list-group .theme-firoza .list-group-item-action.active, .theme-firoza .list-group-item-action.active.text-hover--primary:hover, .theme-firoza .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-firoza i.list-group-item-action.active, .theme-firoza .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-firoza a.list-group-item-action.active:hover, .theme-firoza .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-firoza a.list-group-item-action.active:hover, .theme-firoza .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-firoza .list-group-item-action.active.page-active, .theme-firoza .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-firoza .list-group-item-action.active.submenu-active, .theme-firoza .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-firoza .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-firoza .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-firoza .list-group-item-action.active.dropdown-item:active, .theme-firoza .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-firoza .list-group-item-action.active.dropdown-item:hover, .theme-firoza .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-firoza .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #16a085;
}

.theme-gradient-1 .text-color--primary, .theme-gradient-1 .btn-color--primary, .theme-gradient-1 .color-primary, .theme-gradient-1 .list-group .list-group-item-action:hover, .list-group .theme-gradient-1 .list-group-item-action:hover, .theme-gradient-1 .list-group .list-group-item-action:focus, .list-group .theme-gradient-1 .list-group-item-action:focus, .theme-gradient-1 .list-group .list-group-item-action.active, .list-group .theme-gradient-1 .list-group-item-action.active, .theme-gradient-1 .text-hover--primary:hover, .theme-gradient-1 .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-gradient-1 i, .theme-gradient-1 .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-gradient-1 a:hover, .theme-gradient-1 .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-gradient-1 a:hover, .theme-gradient-1 .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-gradient-1 .page-active, .theme-gradient-1 .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-gradient-1 .submenu-active, .theme-gradient-1 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-1 .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-gradient-1 .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-1 .dropdown-item:active, .theme-gradient-1 .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-1 .dropdown-item:hover, .theme-gradient-1 .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-1 .nav-link.dropdown-toggle.submenu-active {
  color: #256fa1;
}

.theme-gradient-1 .list-group-item-action.active.text-color--primary, .theme-gradient-1 .list-group-item-action.active.btn-color--primary, .theme-gradient-1 .list-group-item-action.active.color-primary, .theme-gradient-1 .list-group .list-group-item-action.active, .list-group .theme-gradient-1 .list-group-item-action.active, .theme-gradient-1 .list-group-item-action.active.text-hover--primary:hover, .theme-gradient-1 .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-gradient-1 i.list-group-item-action.active, .theme-gradient-1 .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-gradient-1 a.list-group-item-action.active:hover, .theme-gradient-1 .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-gradient-1 a.list-group-item-action.active:hover, .theme-gradient-1 .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-gradient-1 .list-group-item-action.active.page-active, .theme-gradient-1 .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-gradient-1 .list-group-item-action.active.submenu-active, .theme-gradient-1 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-1 .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-gradient-1 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-1 .list-group-item-action.active.dropdown-item:active, .theme-gradient-1 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-1 .list-group-item-action.active.dropdown-item:hover, .theme-gradient-1 .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-1 .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #256fa1;
}

.theme-gradient-2 .text-color--primary, .theme-gradient-2 .btn-color--primary, .theme-gradient-2 .color-primary, .theme-gradient-2 .list-group .list-group-item-action:hover, .list-group .theme-gradient-2 .list-group-item-action:hover, .theme-gradient-2 .list-group .list-group-item-action:focus, .list-group .theme-gradient-2 .list-group-item-action:focus, .theme-gradient-2 .list-group .list-group-item-action.active, .list-group .theme-gradient-2 .list-group-item-action.active, .theme-gradient-2 .text-hover--primary:hover, .theme-gradient-2 .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-gradient-2 i, .theme-gradient-2 .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-gradient-2 a:hover, .theme-gradient-2 .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-gradient-2 a:hover, .theme-gradient-2 .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-gradient-2 .page-active, .theme-gradient-2 .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-gradient-2 .submenu-active, .theme-gradient-2 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-2 .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-gradient-2 .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-2 .dropdown-item:active, .theme-gradient-2 .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-2 .dropdown-item:hover, .theme-gradient-2 .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-2 .nav-link.dropdown-toggle.submenu-active {
  color: #995CDD;
}

.theme-gradient-2 .list-group-item-action.active.text-color--primary, .theme-gradient-2 .list-group-item-action.active.btn-color--primary, .theme-gradient-2 .list-group-item-action.active.color-primary, .theme-gradient-2 .list-group .list-group-item-action.active, .list-group .theme-gradient-2 .list-group-item-action.active, .theme-gradient-2 .list-group-item-action.active.text-hover--primary:hover, .theme-gradient-2 .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-gradient-2 i.list-group-item-action.active, .theme-gradient-2 .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-gradient-2 a.list-group-item-action.active:hover, .theme-gradient-2 .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-gradient-2 a.list-group-item-action.active:hover, .theme-gradient-2 .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-gradient-2 .list-group-item-action.active.page-active, .theme-gradient-2 .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-gradient-2 .list-group-item-action.active.submenu-active, .theme-gradient-2 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-2 .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-gradient-2 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-2 .list-group-item-action.active.dropdown-item:active, .theme-gradient-2 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-2 .list-group-item-action.active.dropdown-item:hover, .theme-gradient-2 .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-2 .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #995CDD;
}

.theme-gradient-3 .text-color--primary, .theme-gradient-3 .btn-color--primary, .theme-gradient-3 .color-primary, .theme-gradient-3 .list-group .list-group-item-action:hover, .list-group .theme-gradient-3 .list-group-item-action:hover, .theme-gradient-3 .list-group .list-group-item-action:focus, .list-group .theme-gradient-3 .list-group-item-action:focus, .theme-gradient-3 .list-group .list-group-item-action.active, .list-group .theme-gradient-3 .list-group-item-action.active, .theme-gradient-3 .text-hover--primary:hover, .theme-gradient-3 .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-gradient-3 i, .theme-gradient-3 .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-gradient-3 a:hover, .theme-gradient-3 .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-gradient-3 a:hover, .theme-gradient-3 .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-gradient-3 .page-active, .theme-gradient-3 .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-gradient-3 .submenu-active, .theme-gradient-3 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-3 .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-gradient-3 .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-3 .dropdown-item:active, .theme-gradient-3 .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-3 .dropdown-item:hover, .theme-gradient-3 .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-3 .nav-link.dropdown-toggle.submenu-active {
  color: #1BDD69;
}

.theme-gradient-3 .list-group-item-action.active.text-color--primary, .theme-gradient-3 .list-group-item-action.active.btn-color--primary, .theme-gradient-3 .list-group-item-action.active.color-primary, .theme-gradient-3 .list-group .list-group-item-action.active, .list-group .theme-gradient-3 .list-group-item-action.active, .theme-gradient-3 .list-group-item-action.active.text-hover--primary:hover, .theme-gradient-3 .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-gradient-3 i.list-group-item-action.active, .theme-gradient-3 .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-gradient-3 a.list-group-item-action.active:hover, .theme-gradient-3 .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-gradient-3 a.list-group-item-action.active:hover, .theme-gradient-3 .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-gradient-3 .list-group-item-action.active.page-active, .theme-gradient-3 .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-gradient-3 .list-group-item-action.active.submenu-active, .theme-gradient-3 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-3 .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-gradient-3 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-3 .list-group-item-action.active.dropdown-item:active, .theme-gradient-3 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-3 .list-group-item-action.active.dropdown-item:hover, .theme-gradient-3 .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-3 .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #1BDD69;
}

.theme-gradient-4 .text-color--primary, .theme-gradient-4 .btn-color--primary, .theme-gradient-4 .color-primary, .theme-gradient-4 .list-group .list-group-item-action:hover, .list-group .theme-gradient-4 .list-group-item-action:hover, .theme-gradient-4 .list-group .list-group-item-action:focus, .list-group .theme-gradient-4 .list-group-item-action:focus, .theme-gradient-4 .list-group .list-group-item-action.active, .list-group .theme-gradient-4 .list-group-item-action.active, .theme-gradient-4 .text-hover--primary:hover, .theme-gradient-4 .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-gradient-4 i, .theme-gradient-4 .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-gradient-4 a:hover, .theme-gradient-4 .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-gradient-4 a:hover, .theme-gradient-4 .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-gradient-4 .page-active, .theme-gradient-4 .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-gradient-4 .submenu-active, .theme-gradient-4 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-4 .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-gradient-4 .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-4 .dropdown-item:active, .theme-gradient-4 .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-4 .dropdown-item:hover, .theme-gradient-4 .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-4 .nav-link.dropdown-toggle.submenu-active {
  color: #5618AD;
}

.theme-gradient-4 .list-group-item-action.active.text-color--primary, .theme-gradient-4 .list-group-item-action.active.btn-color--primary, .theme-gradient-4 .list-group-item-action.active.color-primary, .theme-gradient-4 .list-group .list-group-item-action.active, .list-group .theme-gradient-4 .list-group-item-action.active, .theme-gradient-4 .list-group-item-action.active.text-hover--primary:hover, .theme-gradient-4 .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-gradient-4 i.list-group-item-action.active, .theme-gradient-4 .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-gradient-4 a.list-group-item-action.active:hover, .theme-gradient-4 .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-gradient-4 a.list-group-item-action.active:hover, .theme-gradient-4 .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-gradient-4 .list-group-item-action.active.page-active, .theme-gradient-4 .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-gradient-4 .list-group-item-action.active.submenu-active, .theme-gradient-4 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-4 .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-gradient-4 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-4 .list-group-item-action.active.dropdown-item:active, .theme-gradient-4 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-4 .list-group-item-action.active.dropdown-item:hover, .theme-gradient-4 .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-4 .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #995CDD;
}

.theme-gradient-5 .text-color--primary, .theme-gradient-5 .btn-color--primary, .theme-gradient-5 .color-primary, .theme-gradient-5 .list-group .list-group-item-action:hover, .list-group .theme-gradient-5 .list-group-item-action:hover, .theme-gradient-5 .list-group .list-group-item-action:focus, .list-group .theme-gradient-5 .list-group-item-action:focus, .theme-gradient-5 .list-group .list-group-item-action.active, .list-group .theme-gradient-5 .list-group-item-action.active, .theme-gradient-5 .text-hover--primary:hover, .theme-gradient-5 .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-gradient-5 i, .theme-gradient-5 .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-gradient-5 a:hover, .theme-gradient-5 .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-gradient-5 a:hover, .theme-gradient-5 .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-gradient-5 .page-active, .theme-gradient-5 .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-gradient-5 .submenu-active, .theme-gradient-5 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-5 .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-gradient-5 .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-5 .dropdown-item:active, .theme-gradient-5 .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-5 .dropdown-item:hover, .theme-gradient-5 .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-5 .nav-link.dropdown-toggle.submenu-active {
  color: #DB64F9;
}

.theme-gradient-5 .list-group-item-action.active.text-color--primary, .theme-gradient-5 .list-group-item-action.active.btn-color--primary, .theme-gradient-5 .list-group-item-action.active.color-primary, .theme-gradient-5 .list-group .list-group-item-action.active, .list-group .theme-gradient-5 .list-group-item-action.active, .theme-gradient-5 .list-group-item-action.active.text-hover--primary:hover, .theme-gradient-5 .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-gradient-5 i.list-group-item-action.active, .theme-gradient-5 .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-gradient-5 a.list-group-item-action.active:hover, .theme-gradient-5 .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-gradient-5 a.list-group-item-action.active:hover, .theme-gradient-5 .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-gradient-5 .list-group-item-action.active.page-active, .theme-gradient-5 .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-gradient-5 .list-group-item-action.active.submenu-active, .theme-gradient-5 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-5 .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-gradient-5 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-5 .list-group-item-action.active.dropdown-item:active, .theme-gradient-5 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-5 .list-group-item-action.active.dropdown-item:hover, .theme-gradient-5 .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-5 .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #DB64F9;
}

.theme-gradient-6 .text-color--primary, .theme-gradient-6 .btn-color--primary, .theme-gradient-6 .color-primary, .theme-gradient-6 .list-group .list-group-item-action:hover, .list-group .theme-gradient-6 .list-group-item-action:hover, .theme-gradient-6 .list-group .list-group-item-action:focus, .list-group .theme-gradient-6 .list-group-item-action:focus, .theme-gradient-6 .list-group .list-group-item-action.active, .list-group .theme-gradient-6 .list-group-item-action.active, .theme-gradient-6 .text-hover--primary:hover, .theme-gradient-6 .features--v5 .feature:hover i, .features--v5 .feature:hover .theme-gradient-6 i, .theme-gradient-6 .footer.section-dark .widget a:hover, .footer.section-dark .widget .theme-gradient-6 a:hover, .theme-gradient-6 .footer.section-light .widget li a:hover, .footer.section-light .widget li .theme-gradient-6 a:hover, .theme-gradient-6 .navbar-expand-lg.navbar .page-active, .navbar-expand-lg.navbar .theme-gradient-6 .page-active, .theme-gradient-6 .navbar-expand-lg .dropdown .submenu-active, .navbar-expand-lg .dropdown .theme-gradient-6 .submenu-active, .theme-gradient-6 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-6 .dropdown-submenu:hover > .dropdown-item.dropdown-toggle, .theme-gradient-6 .navbar-expand-lg .dropdown .dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-6 .dropdown-item:active, .theme-gradient-6 .navbar-expand-lg .dropdown .dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-6 .dropdown-item:hover, .theme-gradient-6 .navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-6 .nav-link.dropdown-toggle.submenu-active {
  color: #ea4a27;
}

.theme-gradient-6 .list-group-item-action.active.text-color--primary, .theme-gradient-6 .list-group-item-action.active.btn-color--primary, .theme-gradient-6 .list-group-item-action.active.color-primary, .theme-gradient-6 .list-group .list-group-item-action.active, .list-group .theme-gradient-6 .list-group-item-action.active, .theme-gradient-6 .list-group-item-action.active.text-hover--primary:hover, .theme-gradient-6 .features--v5 .feature:hover i.list-group-item-action.active, .features--v5 .feature:hover .theme-gradient-6 i.list-group-item-action.active, .theme-gradient-6 .footer.section-dark .widget a.list-group-item-action.active:hover, .footer.section-dark .widget .theme-gradient-6 a.list-group-item-action.active:hover, .theme-gradient-6 .footer.section-light .widget li a.list-group-item-action.active:hover, .footer.section-light .widget li .theme-gradient-6 a.list-group-item-action.active:hover, .theme-gradient-6 .navbar-expand-lg.navbar .list-group-item-action.active.page-active, .navbar-expand-lg.navbar .theme-gradient-6 .list-group-item-action.active.page-active, .theme-gradient-6 .navbar-expand-lg .dropdown .list-group-item-action.active.submenu-active, .navbar-expand-lg .dropdown .theme-gradient-6 .list-group-item-action.active.submenu-active, .theme-gradient-6 .navbar-expand-lg .dropdown .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .navbar-expand-lg .dropdown .theme-gradient-6 .dropdown-submenu:hover > .list-group-item-action.active.dropdown-item.dropdown-toggle, .theme-gradient-6 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:active, .navbar-expand-lg .dropdown .theme-gradient-6 .list-group-item-action.active.dropdown-item:active, .theme-gradient-6 .navbar-expand-lg .dropdown .list-group-item-action.active.dropdown-item:hover, .navbar-expand-lg .dropdown .theme-gradient-6 .list-group-item-action.active.dropdown-item:hover, .theme-gradient-6 .navbar-expand-lg .dropdown.show.active .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active, .navbar-expand-lg .dropdown.show.active .theme-gradient-6 .list-group-item-action.active.nav-link.dropdown-toggle.submenu-active {
  color: #ea4a27;
}

.theme-blue .border-color-primary, .theme-blue .btn-outline .border-color-light--4:hover, .btn-outline .theme-blue .border-color-light--4:hover, .theme-blue .blog-sidebar .widget-title, .blog-sidebar .theme-blue .widget-title, .theme-blue .comments-area .comment-title, .comments-area .theme-blue .comment-title,
.theme-blue .comments-area .comment-reply-title, .comments-area .theme-blue .comment-reply-title, .theme-blue .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-blue img {
  border-color: #256fa1;
}

.theme-orange .border-color-primary, .theme-orange .btn-outline .border-color-light--4:hover, .btn-outline .theme-orange .border-color-light--4:hover, .theme-orange .blog-sidebar .widget-title, .blog-sidebar .theme-orange .widget-title, .theme-orange .comments-area .comment-title, .comments-area .theme-orange .comment-title,
.theme-orange .comments-area .comment-reply-title, .comments-area .theme-orange .comment-reply-title, .theme-orange .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-orange img {
  border-color: #ea4a27;
}

.theme-green .border-color-primary, .theme-green .btn-outline .border-color-light--4:hover, .btn-outline .theme-green .border-color-light--4:hover, .theme-green .blog-sidebar .widget-title, .blog-sidebar .theme-green .widget-title, .theme-green .comments-area .comment-title, .comments-area .theme-green .comment-title,
.theme-green .comments-area .comment-reply-title, .comments-area .theme-green .comment-reply-title, .theme-green .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-green img {
  border-color: #27AE60;
}

.theme-violet .border-color-primary, .theme-violet .btn-outline .border-color-light--4:hover, .btn-outline .theme-violet .border-color-light--4:hover, .theme-violet .blog-sidebar .widget-title, .blog-sidebar .theme-violet .widget-title, .theme-violet .comments-area .comment-title, .comments-area .theme-violet .comment-title,
.theme-violet .comments-area .comment-reply-title, .comments-area .theme-violet .comment-reply-title, .theme-violet .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-violet img {
  border-color: #9b59b6;
}

.theme-orange-light .border-color-primary, .theme-orange-light .btn-outline .border-color-light--4:hover, .btn-outline .theme-orange-light .border-color-light--4:hover, .theme-orange-light .blog-sidebar .widget-title, .blog-sidebar .theme-orange-light .widget-title, .theme-orange-light .comments-area .comment-title, .comments-area .theme-orange-light .comment-title,
.theme-orange-light .comments-area .comment-reply-title, .comments-area .theme-orange-light .comment-reply-title, .theme-orange-light .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-orange-light img {
  border-color: #FFA500;
}

.theme-firoza .border-color-primary, .theme-firoza .btn-outline .border-color-light--4:hover, .btn-outline .theme-firoza .border-color-light--4:hover, .theme-firoza .blog-sidebar .widget-title, .blog-sidebar .theme-firoza .widget-title, .theme-firoza .comments-area .comment-title, .comments-area .theme-firoza .comment-title,
.theme-firoza .comments-area .comment-reply-title, .comments-area .theme-firoza .comment-reply-title, .theme-firoza .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-firoza img {
  border-color: #16a085;
}

.theme-gradient-1 .border-color-primary, .theme-gradient-1 .btn-outline .border-color-light--4:hover, .btn-outline .theme-gradient-1 .border-color-light--4:hover, .theme-gradient-1 .blog-sidebar .widget-title, .blog-sidebar .theme-gradient-1 .widget-title, .theme-gradient-1 .comments-area .comment-title, .comments-area .theme-gradient-1 .comment-title,
.theme-gradient-1 .comments-area .comment-reply-title, .comments-area .theme-gradient-1 .comment-reply-title, .theme-gradient-1 .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-gradient-1 img {
  border-color: #256fa1;
}

.theme-gradient-2 .border-color-primary, .theme-gradient-2 .btn-outline .border-color-light--4:hover, .btn-outline .theme-gradient-2 .border-color-light--4:hover, .theme-gradient-2 .blog-sidebar .widget-title, .blog-sidebar .theme-gradient-2 .widget-title, .theme-gradient-2 .comments-area .comment-title, .comments-area .theme-gradient-2 .comment-title,
.theme-gradient-2 .comments-area .comment-reply-title, .comments-area .theme-gradient-2 .comment-reply-title, .theme-gradient-2 .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-gradient-2 img {
  border-color: #995CDD;
}

.theme-gradient-3 .border-color-primary, .theme-gradient-3 .btn-outline .border-color-light--4:hover, .btn-outline .theme-gradient-3 .border-color-light--4:hover, .theme-gradient-3 .blog-sidebar .widget-title, .blog-sidebar .theme-gradient-3 .widget-title, .theme-gradient-3 .comments-area .comment-title, .comments-area .theme-gradient-3 .comment-title,
.theme-gradient-3 .comments-area .comment-reply-title, .comments-area .theme-gradient-3 .comment-reply-title, .theme-gradient-3 .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-gradient-3 img {
  border-color: #1BDD69;
}

.theme-gradient-4 .border-color-primary, .theme-gradient-4 .btn-outline .border-color-light--4:hover, .btn-outline .theme-gradient-4 .border-color-light--4:hover, .theme-gradient-4 .blog-sidebar .widget-title, .blog-sidebar .theme-gradient-4 .widget-title, .theme-gradient-4 .comments-area .comment-title, .comments-area .theme-gradient-4 .comment-title,
.theme-gradient-4 .comments-area .comment-reply-title, .comments-area .theme-gradient-4 .comment-reply-title, .theme-gradient-4 .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-gradient-4 img {
  border-color: #5618AD;
}

.theme-gradient-5 .border-color-primary, .theme-gradient-5 .btn-outline .border-color-light--4:hover, .btn-outline .theme-gradient-5 .border-color-light--4:hover, .theme-gradient-5 .blog-sidebar .widget-title, .blog-sidebar .theme-gradient-5 .widget-title, .theme-gradient-5 .comments-area .comment-title, .comments-area .theme-gradient-5 .comment-title,
.theme-gradient-5 .comments-area .comment-reply-title, .comments-area .theme-gradient-5 .comment-reply-title, .theme-gradient-5 .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-gradient-5 img {
  border-color: #DB64F9;
}

.theme-gradient-6 .border-color-primary, .theme-gradient-6 .btn-outline .border-color-light--4:hover, .btn-outline .theme-gradient-6 .border-color-light--4:hover, .theme-gradient-6 .blog-sidebar .widget-title, .blog-sidebar .theme-gradient-6 .widget-title, .theme-gradient-6 .comments-area .comment-title, .comments-area .theme-gradient-6 .comment-title,
.theme-gradient-6 .comments-area .comment-reply-title, .comments-area .theme-gradient-6 .comment-reply-title, .theme-gradient-6 .testimonial--v4 .carosuel-slider--v4 img, .testimonial--v4 .carosuel-slider--v4 .theme-gradient-6 img {
  border-color: #ea4a27;
}

.theme-blue .fill--primary rect, .fill--primary .theme-blue rect,
.theme-blue .fill--primary path, .fill--primary .theme-blue path,
.theme-blue .fill--primary polygon, .fill--primary .theme-blue polygon,
.theme-blue .fill--primary circle, .fill--primary .theme-blue circle {
  fill: #256fa1;
}

.theme-orange .fill--primary rect, .fill--primary .theme-orange rect,
.theme-orange .fill--primary path, .fill--primary .theme-orange path,
.theme-orange .fill--primary polygon, .fill--primary .theme-orange polygon,
.theme-orange .fill--primary circle, .fill--primary .theme-orange circle {
  fill: #ea4a27;
}

.theme-green .fill--primary rect, .fill--primary .theme-green rect,
.theme-green .fill--primary path, .fill--primary .theme-green path,
.theme-green .fill--primary polygon, .fill--primary .theme-green polygon,
.theme-green .fill--primary circle, .fill--primary .theme-green circle {
  fill: #27AE60;
}

.theme-violet .fill--primary rect, .fill--primary .theme-violet rect,
.theme-violet .fill--primary path, .fill--primary .theme-violet path,
.theme-violet .fill--primary polygon, .fill--primary .theme-violet polygon,
.theme-violet .fill--primary circle, .fill--primary .theme-violet circle {
  fill: #9b59b6;
}

.theme-orange-light .fill--primary rect, .fill--primary .theme-orange-light rect,
.theme-orange-light .fill--primary path, .fill--primary .theme-orange-light path,
.theme-orange-light .fill--primary polygon, .fill--primary .theme-orange-light polygon,
.theme-orange-light .fill--primary circle, .fill--primary .theme-orange-light circle {
  fill: #FFA500;
}

.theme-firoza .fill--primary rect, .fill--primary .theme-firoza rect,
.theme-firoza .fill--primary path, .fill--primary .theme-firoza path,
.theme-firoza .fill--primary polygon, .fill--primary .theme-firoza polygon,
.theme-firoza .fill--primary circle, .fill--primary .theme-firoza circle {
  fill: #16a085;
}

.theme-gradient-1 .fill--primary rect, .fill--primary .theme-gradient-1 rect,
.theme-gradient-1 .fill--primary path, .fill--primary .theme-gradient-1 path,
.theme-gradient-1 .fill--primary polygon, .fill--primary .theme-gradient-1 polygon,
.theme-gradient-1 .fill--primary circle, .fill--primary .theme-gradient-1 circle {
  fill: #256fa1;
}

.theme-gradient-2 .fill--primary rect, .fill--primary .theme-gradient-2 rect,
.theme-gradient-2 .fill--primary path, .fill--primary .theme-gradient-2 path,
.theme-gradient-2 .fill--primary polygon, .fill--primary .theme-gradient-2 polygon,
.theme-gradient-2 .fill--primary circle, .fill--primary .theme-gradient-2 circle {
  fill: #995CDD;
}

.theme-gradient-3 .fill--primary rect, .fill--primary .theme-gradient-3 rect,
.theme-gradient-3 .fill--primary path, .fill--primary .theme-gradient-3 path,
.theme-gradient-3 .fill--primary polygon, .fill--primary .theme-gradient-3 polygon,
.theme-gradient-3 .fill--primary circle, .fill--primary .theme-gradient-3 circle {
  fill: #1BDD69;
}

.theme-gradient-4 .fill--primary rect, .fill--primary .theme-gradient-4 rect,
.theme-gradient-4 .fill--primary path, .fill--primary .theme-gradient-4 path,
.theme-gradient-4 .fill--primary polygon, .fill--primary .theme-gradient-4 polygon,
.theme-gradient-4 .fill--primary circle, .fill--primary .theme-gradient-4 circle {
  fill: #5618AD;
}

.theme-gradient-5 .fill--primary rect, .fill--primary .theme-gradient-5 rect,
.theme-gradient-5 .fill--primary path, .fill--primary .theme-gradient-5 path,
.theme-gradient-5 .fill--primary polygon, .fill--primary .theme-gradient-5 polygon,
.theme-gradient-5 .fill--primary circle, .fill--primary .theme-gradient-5 circle {
  fill: #DB64F9;
}

.theme-gradient-6 .fill--primary rect, .fill--primary .theme-gradient-6 rect,
.theme-gradient-6 .fill--primary path, .fill--primary .theme-gradient-6 path,
.theme-gradient-6 .fill--primary polygon, .fill--primary .theme-gradient-6 polygon,
.theme-gradient-6 .fill--primary circle, .fill--primary .theme-gradient-6 circle {
  fill: #ea4a27;
}

/**! 38. themes-appearance **/
/** ================ Dark Theme ================ **/
[data-appearance=dark] {
  background: #2A2F36;
}

[data-appearance=dark] h1, [data-appearance=dark] h2, [data-appearance=dark] h3, [data-appearance=dark] h4, [data-appearance=dark] h5, [data-appearance=dark] h6,
[data-appearance=dark] h5 a,
[data-appearance=dark] .facts li span,
[data-appearance=dark] .accordion--v1 .btn-header span,
[data-appearance=dark] .accordion--v1 .btn-header i,
[data-appearance=dark] .features--v2 ul span:after,
[data-appearance=dark] .newsletter--v2 .newsletter-features li,
[data-appearance=dark] .btn-outline,
[data-appearance=dark] .faq-contact,
[data-appearance=dark] .card--v2 .list-group li,
[data-appearance=dark] .card--v2 .pricing-btn,
[data-appearance=dark] .testimonial--v3 .testimonial-customer__name,
[data-appearance=dark] .footer--v3 .widget-title,
[data-appearance=dark] .footer--v2 .copyright a,
[data-appearance=dark] .footer--v2 p,
[data-appearance=dark] .testimonial--v1 .section-title p,
[data-appearance=dark] .hero p,
[data-appearance=dark] .newsletter--v1 p,
[data-appearance=dark] .cta--v1 p {
  color: #ffffff;
}

[data-appearance=dark] p,
[data-appearance=dark] .featured--v1 h6 {
  color: #818992;
}

[data-appearance=dark] .footer--v2 .copyright a:hover {
  color: #cccccc;
}

[data-appearance=dark] .icon-bg::before {
  color: #3D434C;
}

[data-appearance=dark] .features--v3 .feature-list:hover span i {
  color: #A9AEB9;
}

[data-appearance=dark] .card--v2 .card--focused::after {
  background: #2f3640;
}

[data-appearance=dark] .carosuel-slider--v3::before {
  background: #2A2F36;
}

[data-appearance=dark] .features--v2 ul span {
  border-color: #3c4047;
}

[data-appearance=dark] .featured--v1 .logo-group::before,
[data-appearance=dark] .accordion--v1 .card-header h5 {
  border-color: #454A52;
}

[data-appearance=dark] .featured--v2 .logo-group::before {
  border-color: #30353C;
}

[data-appearance=dark] .card--v2 .card {
  border-color: #3A414C;
}

[data-appearance=dark] .testimonial--v3 .carosuel-slider--v3 .slide .testimonial-content::before {
  border-left-color: #2f3640;
}

[data-appearance=dark] .testimonial--v3 .carosuel-slider--v3 .slide blockquote {
  border-color: #3A414C;
}

/**! 39. pattern **/
body.boxed-layout.swirl-pattern {
  background-image: url(..//img/patterns/swirl-pattern.png);
}

body.boxed-layout.circle-pattern {
  background-image: url(..//img/patterns/circle-pattern.png);
}

body.boxed-layout.x-pattern {
  background-image: url(..//img/patterns/x-pattern.png);
}

body.boxed-layout.leaf-pattern {
  background-image: url(..//img/patterns/leaf-pattern.png);
}

body.boxed-layout.tic-tac-toe {
  background-image: url(..//img/patterns/tic-tac-toe.png);
}

body.boxed-layout.circles-light {
  background-image: url(..//img/patterns/circles-light.png);
}

body.boxed-layout.spiration-light {
  background-image: url(..//img/patterns/spiration-light.png);
}

body.boxed-layout.round-pattern {
  background-image: url(..//img/patterns/round-pattern.png);
}

body.boxed-layout.hexagon {
  background-image: url(..//img/patterns/hexagon.png);
}

body.boxed-layout.memphis-colorful {
  background-image: url(..//img/patterns/memphis-colorful.png);
}

body.boxed-layout.spiration-dark {
  background-image: url(..//img/patterns/spiration-dark.png);
}

body.boxed-layout.curls {
  background-image: url(..//img/patterns/curls.png);
}

body.boxed-layout.darkness {
  background-image: url(..//img/patterns/darkness.png);
}

body.boxed-layout.zig-zag-wool {
  background-image: url(..//img/patterns/zig-zag-wool.png);
}