.widget_recent_entries ul,
.widget_recent_comments ul {
  list-style: none;
  margin: 0;
}

.widget_recent_comments ul li {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Fira Sans';
  padding: 14px 0;
  border-bottom: 1px solid #ececf0;
}

.widget_recent_comments ul li:last-child {
  border-bottom: none;
}

.widget_recent_comments ul li a {
  color: #000;
}

.widget_recent_comments ul li a:hover {
  color: var(--primary-color);
}

.widget_rss ul {
  list-style: none;
  padding: 0;
}

.widget_rss li {
  position: relative;
  padding: 0 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ececf0;
}

.widget_rss li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.widget_rss .rsswidget {
  font-weight: 700;
  display: inline-block;
  color: #000;
}

.widget_rss .rsswidget:hover {
  color: var(--primary-color);
}

.widget_rss .rss-date {
  font-size: 15px;
  font-weight: 500;
  display: block;
  color: rgba(0, 0, 0, 0.67);
  margin: 6px 0 6px;
}

.widget_rss cite {
  font-weight: 700;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.76);
  display: block;
  margin: 6px 0 6px;
  font-style: normal;
  color: var(--primary-color);
}

.widget_calendar th,
.widget_calendar td {
  text-align: center;
  line-height: normal;
  padding: 6px;
}

.widget_calendar th a,
.widget_calendar td a {
  font-weight: 700;
}

.widget_calendar table {
  margin: 0;
}

.widget_calendar table>caption {
  background-color: transparent;
  border: none;
  border-top: none;
  padding: 12px 10px;
  line-height: normal;
  font-weight: 500;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.widget_calendar .wp-calendar-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 10px;
}

.widget_calendar .wp-calendar-nav a {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  line-height: 36px;
  display: inline-block;
  padding: 0 18px;
  border: none;
  background-image: -webkit-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
  background-image: -moz-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
  background-image: -ms-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
  background-image: -o-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
  background-image: linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200%, 1px;
  background-position: 0%;
  font-family: 'Fira Sans';
  font-weight: 700;
}

.widget_calendar .wp-calendar-nav a:hover {
  background-position: 100%;
}

.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
  margin-right: 20px;
  flex-grow: 1;
}

.widget_ef_recent_posts li {
  padding-bottom: 14px;
}

.widget_ef_recent_posts li:last-child {
  padding-bottom: 0;
}

.widget_ef_recent_posts .entry-posted-in a {
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.66);
}

.widget_ef_recent_posts .entry-posted-in a:hover {
  color: var(--primary-color);
}

.widget_ef_recent_posts .entry-title {
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
  font-family: 'Fira Sans';
  font-weight: 500;
}

.widget_ef_recent_posts .entry-title a {
  color: #fff;
}

.widget_ef_recent_posts .entry-title a:hover {
  color: var(--primary-color);
}

.widget_ef_recent_posts .entry-title+.entry-meta {
  margin-top: 15px;
}

.ct-social {
  list-style: none;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

.ct-social li {
  margin-right: 12px;
}

.ct-social a {
  font-size: 14px;
  color: #fff;
  height: 34px;
  width: 34px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  display: inline-block;
  background-color: var(--primary-color);
}

.ct-social a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ct-social a:hover {
  color: #fff;
  -webkit-transform: translateY(-5px);
  -khtml-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}

.ct-social a:hover:before {
  opacity: 0;
}

.ct-social a:hover:after {
  opacity: 1;
}

.widget_newsletterwidget {
  background-color: #061b49;
  padding: 32px 40px 40px 40px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

@media screen and (max-width: 1199px) {
  .widget_newsletterwidget {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.widget_newsletterwidget .description {
  padding-bottom: 22px;
}

.widget_newsletterwidget .tnp-widget {
  position: relative;
}

.widget_newsletterwidget .tnp-widget .tnp-field-email {
  margin-bottom: 0;
}

.widget_newsletterwidget .tnp-widget .tnp-field-email .tnp-email {
  height: 51px;
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  background-color: transparent;
  border: 1px solid #283a62;
  background-color: transparent;
  font-size: 13px;
  color: #6b89c1;
  font-style: normal;
  padding: 0 19px;
}

.widget_newsletterwidget .tnp-widget .tnp-field-email .tnp-email:focus {
  border-color: var(--primary-color);
}

.widget_newsletterwidget .tnp-widget .tnp-field-button {
  margin: 0;
  width: 51px;
  height: 51px;
  position: absolute;
  top: 0;
  right: 0;
}

.widget_newsletterwidget .tnp-widget .tnp-field-button:before {
  content: '\f061';
  font-size: 11px;
  color: #fff;
  height: 22px;
  width: 22px;
  line-height: 22px;
  -webkit-border-radius: 22px;
  -khtml-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
  background-color: var(--primary-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 5 Pro";
  text-align: center;
}

.widget_newsletterwidget .tnp-widget .tnp-field-button .tnp-submit {
  top: 0;
  right: 0;
  opacity: 0;
  padding: 0;
  height: 51px;
  width: 51px;
  position: absolute;
}

.widget_ct_recent_posts .entry-brief {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 27px;
  margin-bottom: 27px;
  position: relative;
}

.widget_ct_recent_posts .entry-brief:before {
  content: '';
  background-color: #e2e2e7;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.widget_ct_recent_posts .entry-brief:last-child {
  margin-bottom: 5px;
  padding-bottom: 0;
}

.widget_ct_recent_posts .entry-brief:last-child:before {
  display: none;
}

.widget_ct_recent_posts .entry-media {
  width: 58px;
  min-width: 58px;
  margin-right: 10px;
  overflow: hidden;
}

.widget_ct_recent_posts .entry-title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: -6px;
  font-weight: 700;
  font-family: 'Fira Sans';
}

@media screen and (max-width: 767px) {
  .widget_ct_recent_posts .entry-title {
    font-size: 15px;
  }
}

.widget_ct_recent_posts .entry-title a {
  color: inherit;
}

.widget_ct_recent_posts .entry-title a:hover {
  color: var(--primary-color);
}

.widget_ct_recent_posts .item-date {
  font-size: 14px;
  line-height: 1;
  color: #8a8989;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.widget_ct_recent_posts .item-date i {
  margin-right: 4px;
}

.tagcloud a {
  background-color: #fff;
  border: 1px solid #eeecec;
  padding: 0 16px;
  color: #000;
  display: inline-block;
  font-size: 14px !important;
  line-height: 27px;
  font-weight: 700;
  margin-right: 2px;
  margin-top: 10px;
  position: relative;
  z-index: 1;
  font-family: 'Fira Sans';
  text-transform: capitalize;
}

.tagcloud a:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.widget_search .search-form {
  position: relative;
}

.widget_search .search-form .search-submit {
  padding: 0;
  border: none;
  line-height: 51px;
  height: 51px;
  width: 51px;
  position: absolute;
  top: 0;
  right: 0;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  border-left: 1px solid #ececf0;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.widget_search .search-form .search-submit:before,
.widget_search .search-form .search-submit:after {
  display: none;
}

.widget_search .search-form .search-submit:hover {
  color: var(--primary-color);
}

.widget_search .search-form .search-field {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  padding: 0 26px;
  border-color: #ececf0;
  background-color: #fff;
  font-size: 15px;
  height: 51px;
  color: #222;
}

.ct-getintouch .ct-getintouch-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.ct-getintouch .ct-getintouch-item .ct-getintouch-icon i {
  font-size: 42px;
  margin-right: 12px;
}

.ct-getintouch .ct-getintouch-item .ct-getintouch-icon {
  line-height: 1;
  min-width: 43px;
  text-align: center;
}

.ct-getintouch .ct-getintouch-item .ct-getintouch-meta {
  font-size: 15px;
  color: #767677;
}

.ct-getintouch .ct-getintouch-item .ct-getintouch-meta label {
  color: #222;
  border-bottom: 1px solid #747474;
  line-height: 20px;
  font-weight: 600;
}

.ct-getintouch .ct-getintouch-item .ct-getintouch-meta span {
  display: block;
  line-height: 24px;
}

.ct-getintouch .ct-getintouch-item a.btn {
  margin-top: 14px;
  line-height: 45px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0px;
  font-family: 'Roboto';
  border-radius: 4px;
  font-size: 15px;
}

.ct-getintouch .ct-getintouch-item+.ct-getintouch-item {
  margin-top: 28px;
}

.widget_text p:last-child {
  margin-bottom: 0;
}

.gallery {
  margin: -16px -12px 43px -12px;
  display: flex;
  flex-wrap: wrap;
}

.gallery .gallery-item {
  padding: 0 12px;
  margin-top: 24px;
  margin-bottom: 0;
}

.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery.gallery-columns-3 .gallery-item {
  width: 33.33%;
}

.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}

.widget_media_gallery .gallery,
.elementor-widget-wp-widget-media_gallery .gallery,
.elementor-widget-image-gallery .gallery {
  margin: -10px -5px 0 -5px;
}

.widget_media_gallery .gallery .gallery-item,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item,
.elementor-widget-image-gallery .gallery .gallery-item {
  padding: 0 5px;
  margin-top: 10px !important;
  margin-bottom: 0;
}

.widget_media_gallery .gallery .gallery-item img,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item img,
.elementor-widget-image-gallery .gallery .gallery-item img {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
}

.widget_media_gallery .gallery .gallery-item a,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a,
.elementor-widget-image-gallery .gallery .gallery-item a {
  display: block;
  position: relative;
}

.widget_media_gallery .gallery .gallery-item a:before,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before,
.elementor-widget-image-gallery .gallery .gallery-item a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  opacity: 0;
  z-index: 1;
}

.widget_media_gallery .gallery .gallery-item a:after,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:after,
.elementor-widget-image-gallery .gallery .gallery-item a:after {
  content: "\f12e";
  font-size: 14px;
  font-family: "Caseicon";
  color: rgba(255, 255, 255, 0.87);
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  opacity: 0;
}

.widget_media_gallery .gallery .gallery-item a:hover:before,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:before,
.elementor-widget-image-gallery .gallery .gallery-item a:hover:before,
.widget_media_gallery .gallery .gallery-item a:hover:after,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:after,
.elementor-widget-image-gallery .gallery .gallery-item a:hover:after {
  opacity: 1;
}

.ct-newsletter.widget {
  background-color: #0e0e0e;
  padding: 32px 25px 42px;
}

.ct-newsletter.widget .widget-title {
  padding-bottom: 22px;
  margin-bottom: 0;
  color: #fff;
  font-size: 22px;
}

.ct-newsletter.widget .widget-title:before {
  content: '\f2b6';
  font-family: "Font Awesome 5 Pro";
  position: static;
  background-image: none;
  background-color: transparent;
  font-size: 20px;
  margin-right: 14px;
}

.ct-newsletter.widget .tnp-field-email {
  margin-bottom: 15px;
}

.ct-newsletter.widget .tnp-field-email .tnp-email {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececec;
  height: 58px;
  font-size: 13px;
  text-align: center;
  color: #222;
}

.ct-newsletter.widget .tnp-field-button .tnp-button {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  line-height: 58px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: var(--secondary-color);
}

.ct-newsletter.widget .tnp-field-button .tnp-button:hover {
  background-color: var(--primary-color);
}

.widget_mc4wp_form_widget.widget {
  background-color: #0e0e0e;
  padding: 32px 25px 42px;
}

.widget_mc4wp_form_widget.widget .widget-title {
  padding-bottom: 22px;
  margin-bottom: 0;
  color: #fff;
  font-size: 22px;
}

.widget_mc4wp_form_widget.widget .widget-title:before {
  content: '\f2b6';
  font-family: "Font Awesome 5 Pro";
  position: static;
  background-image: none;
  background-color: transparent;
  font-size: 20px;
  margin-right: 14px;
}

.widget_mc4wp_form_widget.widget input[type="email"],
.widget_mc4wp_form_widget.widget input[type="text"] {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececec;
  height: 58px;
  font-size: 13px;
  text-align: center;
  color: #222;
  margin-bottom: 15px;
}

.widget_mc4wp_form_widget.widget input[type="submit"] {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  line-height: 58px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: var(--secondary-color);
}

.widget_mc4wp_form_widget.widget input[type="submit"]:hover {
  background-color: var(--primary-color);
}

.widget_mc4wp_form_widget.widget .mc4wp-response {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  color: #fff;
}

.widget_mc4wp_form_widget.widget .mc4wp-response p {
  margin-bottom: 0;
}

#sb_instagram #sbi_images {
  padding: 0 !important;
  margin: -8px -4px 0 -4px;
  width: auto;
  float: none;
}

#sb_instagram #sbi_images .sbi_item {
  padding: 0 4px !important;
  margin-top: 8px !important;
}

#sb_instagram #sbi_images .sbi_item a {
  position: relative;
}

#sb_instagram #sbi_images .sbi_item a img {
  width: 100%;
}

#sb_instagram #sbi_images .sbi_item a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 103, 246, 0.8);
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  opacity: 0;
  z-index: 1;
}

#sb_instagram #sbi_images .sbi_item a:after {
  content: '\f16d';
  font-size: 18px;
  font-family: "Font Awesome 5 Brands";
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  opacity: 0;
}

#sb_instagram #sbi_images .sbi_item a:hover:before,
#sb_instagram #sbi_images .sbi_item a:hover:after {
  opacity: 1;
}

#sb_instagram .sbi-screenreader {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item {
    width: 33.33% !important;
  }
}

#sb_instagram.img-border-radius .sbi_item a {
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

#sb_instagram #sbi_mod_error {
  display: none !important;
}

.ct-gallery {
  margin: 4px -15px 0 -15px;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  /* Widget Block */
}

.ct-gallery .ct-gallery-item {
  margin-bottom: 30px;
  padding: 0 15px;
  position: relative;
}

.ct-gallery .ct-gallery-item img {
  width: 100%;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}

.ct-gallery .btn-video {
  height: 60px;
  width: 60px;
  line-height: 60px;
  position: absolute;
  background-color: var(--primary-color);
  color: #fff;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 13px;
}

.ct-gallery .btn-video:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 103, 246, 0.63);
  border-radius: 50%;
  animation: pulse-border2 1500ms ease-out infinite;
  -webkit-animation: pulse-border2 1500ms ease-out infinite;
  z-index: -2;
}

.ct-gallery .btn-video:after {
  display: block;
  content: '';
  background-color: inherit;
  background-image: inherit;
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.ct-gallery .btn-video:hover,
.ct-gallery .btn-video:focus,
.ct-gallery .btn-video:active {
  color: #fff;
  background-color: var(--primary-color);
}

.ct-gallery .btn-video:hover:before,
.ct-gallery .btn-video:focus:before,
.ct-gallery .btn-video:active:before {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.ct-gallery.gallery-2-columns .ct-gallery-item {
  width: 50%;
}

@media screen and (max-width: 575px) {
  .ct-gallery.gallery-2-columns .ct-gallery-item {
    width: 100%;
  }
}

.ct-gallery.gallery-3-columns .ct-gallery-item {
  width: 33.33%;
}

@media screen and (max-width: 767px) {
  .ct-gallery.gallery-3-columns .ct-gallery-item {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .ct-gallery.gallery-3-columns .ct-gallery-item {
    width: 100%;
  }
}

.ct-gallery.gallery-4-columns .ct-gallery-item {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .ct-gallery.gallery-4-columns .ct-gallery-item {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .ct-gallery.gallery-4-columns .ct-gallery-item {
    width: 100%;
  }
}

.ct-gallery.gallery-5-columns .ct-gallery-item {
  width: 20%;
}

@media screen and (max-width: 991px) {
  .ct-gallery.gallery-5-columns .ct-gallery-item {
    width: 33.33%;
  }
}

@media screen and (max-width: 767px) {
  .ct-gallery.gallery-5-columns .ct-gallery-item {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .ct-gallery.gallery-5-columns .ct-gallery-item {
    width: 100%;
  }
}

.widget_block .widget-content .wp-block-search__label,
.widget_block .widget-content .wp-block-group__inner-container>h2 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #000001;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 23px;
  display: block;
  font-family: 'Fira Sans';
}

.widget_block .widget-content .wp-block-search__label:before,
.widget_block .widget-content .wp-block-group__inner-container>h2:before {
  content: '';
  width: 40px;
  height: 3px;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  position: absolute;
  bottom: 0;
  left: 0;
}

.widget_block .widget-content ol,
.widget_block .widget-content ul {
  padding-left: 0;
}

.widget_block.widget_search {
  position: relative;
}

.widget_block.widget_search .wp-block-search__button {
  padding: 0;
  border: none;
  line-height: 51px;
  height: 51px;
  width: 51px;
  border-left: 1px solid #ececf0;
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  font-size: 15px;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  font-size: 0px;
}

.widget_block.widget_search .wp-block-search__button:before {
  content: "\f12e";
  font-family: 'Caseicon';
  font-size: 15px;
  font-weight: 400;
}

.widget_block.widget_search .wp-block-search__button:after {
  display: none;
}

.widget_block.widget_search .wp-block-search__button:hover {
  color: var(--primary-color);
}

.widget_block.widget_search .wp-block-search__input {
  font-size: 15px;
  color: #333;
  border-color: #ececf0;
  background-color: #fff;
  height: 51px;
  padding-left: 20px;
  padding-right: 51px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.widget_block.widget_search .wp-block-search__input:focus {
  border-color: var(--primary-color);
}

.widget_block.widget_search .wp-block-search__input:focus+.wp-block-search__button {
  border-color: var(--primary-color);
}

.widget_block.widget_search .wp-block-search__inside-wrapper {
  display: block;
  position: relative;
}

.widget_block .wp-block-latest-posts__list {
  list-style: none;
}

.widget_block .wp-block-latest-posts__list li {
  font-size: 0px;
}

.widget_block .wp-block-latest-posts__list li a {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Fira Sans';
  padding: 12px 0;
  position: relative;
  border-bottom: 1px solid #ececf0;
  position: relative;
}

.widget_block .wp-block-latest-posts__list li:last-child>a {
  border-bottom: none;
}

.widget_block .wp-block-latest-posts__list li a:hover {
  color: var(--primary-color);
}

.widget_block .wp-block-latest-comments {
  list-style: none;
}

.widget_block .wp-block-latest-comments li {
  color: #000;
  display: block;
  font-size: 16px;
  line-height: 1.4;
  padding: 14px 0;
  margin: 0;
  position: relative;
  font-weight: 700;
  border-bottom: 1px solid #ececf0;
  position: relative;
}

.widget_block .wp-block-latest-comments li a {
  color: inherit;
}

.widget_block .wp-block-latest-comments li a:hover {
  color: var(--primary-color);
}

.widget_block .wp-block-latest-comments li:last-child>a {
  border-bottom: none;
}

.textwidget img {
  margin: 10px 0;
}

.bypostauthor {
  display: block;
}

.comments-area .comment-list-wrap {
  margin-top: 55px;
}

.comments-area .comment-respond {
  margin-top: 50px;
}

.comments-area .comment-respond .logged-in-as {
  margin-bottom: 25px;
  font-size: 14px;
}

.comments-area .comment-respond .logged-in-as a {
  color: inherit;
}

.comments-area .comment-respond .logged-in-as a:hover {
  color: var(--primary-color);
}

.comments-area .no-comments {
  display: none;
}

.comment-title {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 2px;
}

.comment-title a {
  color: inherit;
}

.comment-title a:hover {
  color: var(--primary-color);
}

.comment-list {
  padding: 0;
  list-style: none;
}

.comment-list li .children {
  padding-left: 120px;
}

@media screen and (max-width: 767px) {
  .comment-list li .children {
    padding-left: 78px;
  }
}

@media screen and (max-width: 575px) {
  .comment-list li .children {
    padding-left: 0;
  }
}

.comment-list li .children li {
  list-style: none;
  margin-top: 35px;
}

.comment-list li .comment-respond {
  margin-top: 45px;
  margin-bottom: 50px;
  margin-left: 120px;
}

@media screen and (max-width: 767px) {
  .comment-list li .comment-respond {
    margin-left: 78px;
    margin-top: 0;
  }
}

@media screen and (max-width: 575px) {
  .comment-list li .comment-respond {
    margin-left: 0;
    margin-top: 20px;
  }
}

.comment-list>li {
  margin-bottom: 35px;
}

.comment-list>li:last-child {
  margin-bottom: 0;
}

.comment-list>li>.children>li>.children>li>.children>li>.children {
  padding-left: 0;
}

.comment-list>li>.children>li>.children>li>.children>li>.children .children {
  padding-left: 0;
}

.comment-inner {
  display: flex;
  flex-wrap: nowrap;
}

@media screen and (max-width: 575px) {
  .comment-inner {
    display: block;
    text-align: center;
  }
}

.comment-inner img.avatar {
  width: 90px;
  height: 90px;
  min-width: 90px;
  margin-right: 30px;
  float: left;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .comment-inner img.avatar {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: 18px;
  }
}

@media screen and (max-width: 575px) {
  .comment-inner img.avatar {
    float: none;
    margin: 0 auto 0 auto;
    width: 92px;
    height: 92px;
    min-width: 92px;
    margin-bottom: -45px;
    position: relative;
    z-index: 99;
    opacity: 1;
  }
}

.comment-date {
  font-size: 14px;
  color: var(--primary-color);
  border-bottom: 1px solid rgba(15, 103, 246, 0.55);
  margin-bottom: 24px;
  line-height: normal;
  display: inline-block;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}

.comment-content {
  position: relative;
  flex-grow: 1;
  padding: 14px 22px 34px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

@media screen and (max-width: 767px) {
  .comment-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 575px) {
  .comment-content {
    padding-top: 70px;
  }
}

.comment-content a {
  word-wrap: break-word;
}

.comment-content .comment-text {
  color: inherit;
  font-size: 15px;
  line-height: 27px;
}

.comment-content .comment-text p:last-child {
  margin-bottom: 0;
}

.comment-content .comment-text ol,
.comment-content .comment-text ul {
  margin-bottom: 32px;
}

.comment-content .comment-text ol ul,
.comment-content .comment-text ul ul,
.comment-content .comment-text ol ol,
.comment-content .comment-text ul ol {
  margin-bottom: 0;
}

.comment-content .comment-text ul li {
  list-style: outside;
}

.comment-content .comment-text img {
  margin: 6px 0;
}

.comment-reply {
  position: absolute;
  top: 20px;
  right: 23px;
}

@media screen and (max-width: 575px) {
  .comment-reply {
    position: static;
    margin-top: 22px;
  }
}

.comment-reply a {
  line-height: 35px;
  display: inline-block;
  padding: 0 17px;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: var(--secondary-color);
  position: relative;
  font-weight: 500;
  z-index: 1;
}

.comment-reply a i {
  margin-left: 2px;
  font-size: 9px;
}

.comment-reply a:hover {
  color: #fff;
  background-color: var(--primary-color);
}

.comment-reply-title small {
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
  margin-left: 10px;
}

.comment-reply-title small a {
  line-height: 35px;
  display: inline-block;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: var(--primary-color);
}

.comment-reply-title small a i {
  margin-left: 4px;
}

.comment-reply-title small a:hover {
  color: #fff;
  background-color: var(--secondary-color);
}

.comment-holder {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 5px;
}

.comment-holder .comment-meta {
  flex-grow: 1;
  margin-right: 30px;
}

@media screen and (max-width: 575px) {
  .comment-holder {
    display: block;
    margin-top: 0;
    margin-bottom: 14px;
  }

  .comment-holder .comment-meta {
    margin-right: 0;
  }
}

.comment-form .row>div {
  margin-top: 30px;
}

.comment-form .form-submit {
  margin-top: 33px;
  margin-bottom: 0;
}

.comment-form .form-submit .submit {
  padding-left: 32px;
  padding-right: 32px;
}

.comment-form .comment-form-comment {
  display: flex;
  flex-wrap: wrap;
}

.comment-form-cookies-consent {
  font-size: 14px;
  line-height: 26px;
  padding-left: 24px;
  position: relative;
  margin-top: 20px;
  color: #1b1b1b;
}

.comment-form-cookies-consent input,
.comment-form-cookies-consent label:before,
.comment-form-cookies-consent label:after {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 6px;
  cursor: pointer;
}

.comment-form-cookies-consent label {
  cursor: pointer;
}

.comment-form-cookies-consent label:before {
  content: '';
  z-index: 1;
  background-color: #e9e9e9;
}

.comment-form-cookies-consent label:after {
  content: '\f10c';
  font-family: "Caseicon";
  font-weight: 400;
  z-index: 2;
  font-size: 10px;
  color: #000;
  opacity: 0;
  line-height: 12px;
  text-align: center;
  top: 6px;
}

.comment-form-cookies-consent input {
  z-index: 99;
  opacity: 0;
}

.comment-form-cookies-consent input:checked+label:after {
  opacity: 1;
}

#commentform {
  padding: 35px 34px 35px 34px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05);
  -khtml-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05);
  -moz-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05);
  -ms-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05);
  -o-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05);
  box-shadow: 0 0 35px rgba(12, 12, 12, 0.05);
}

@media screen and (max-width: 767px) {
  #commentform {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.comments-title,
.comment-reply-title {
  font-size: 22px;
  margin-bottom: 30px;
  padding-bottom: 11px;
  position: relative;
  display: inline-block;
}

.comments-title:before,
.comment-reply-title:before {
  content: '';
  width: 40px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
}

.comments-title {
  margin-bottom: 42px;
}

@media screen and (min-width: 1200px) {
  .fixed-footer .site-footer-custom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
  }

  .fixed-footer #ct-masthead,
  .fixed-footer .site-content {
    background-color: #fff;
  }
}

@media screen and (max-width: 1199px) {
  .fixed-footer .site-content {
    margin-bottom: 0 !important;
  }
}

.site-footer-default {
  background-color: #191919;
  padding: 26px 0;
  text-align: center;
  color: #fff;
}

.site-footer-default a {
  color: var(--primary-color);
}

.site-footer-default a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.site-footer-custom {
  margin-top: -1px;
}

@media screen and (max-width: 1199px) {
  .site-footer-custom {
    overflow: hidden;
  }
}

.scroll-top {
  position: fixed;
  z-index: 1001;
  bottom: 56px;
  right: -40px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .scroll-top {
    bottom: 0;
    right: 0;
  }
}

.scroll-top:hover,
.scroll-top:focus {
  color: #fff;
}

.scroll-top.on {
  right: 0;
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .scroll-top.on {
    bottom: 0;
    right: 0;
    -webkit-border-radius: 2px 0 0;
    -khtml-border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0;
    -ms-border-radius: 2px 0 0;
    -o-border-radius: 2px 0 0;
    border-radius: 2px 0 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.scroll-top span {
  display: block;
}

.scroll-top .caseicon-long-arrow-right-three {
  -webkit-transform: rotate(-90deg);
  -khtml-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.scroll-top:hover span {
  -o-animation: toTopFromBottom 0.6s forwards;
  -ms-animation: toTopFromBottom 0.6s forwards;
  -webkit-animation: toTopFromBottom 0.6s forwards;
  animation: toTopFromBottom 0.6s forwards;
}

.ct-wg-backtotop {
  display: flex;
  flex-wrap: wrap;
}

.ct-wg-backtotop svg {
  height: 14px;
  fill: #fff;
  margin-bottom: 3px;
}

.ct-wg-backtotop .ct-wg-backtotop-inner {
  width: 87px;
  height: 85px;
  background: #2e2e2e;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #fff;
  text-align: center;
}

.ct-wg-backtotop .ct-wg-backtotop-inner:hover svg {
  animation: icon-bounce 800ms ease-out infinite;
  -webkit-animation: icon-bounce 800ms ease-out infinite;
}

:root {
  --h2-max-font-size: 65;
  --subheading-max-font-size: 13;
  --distance-min-xsmall: 30;
  --distance-min-small: 30;
  --distance-min-medium: 50;
  --distance-min-large: 100;
  --distance-min-xlarge: 160;
  --distance-max-xsmall: 50;
  --distance-max-small: 120;
  --distance-max-normal: 240;
  --distance-max-large: 360;
  --distance-max-xlarge: 400;
  --gutter-horizontal: 120px;
  --gutter-vertical: 80px;
  --preloader-circle-max-size: 960;
  --preloader-circle-min-size: 280;
  /* Grid */
}

.grid-item-inner .item--icon img {
  display: inline-block;
}

.ct-grid {
  margin: 0 -15px;
}

.ct-grid .grid-sizer {
  visibility: hidden;
}

.ct-grid .ct-grid-inner,
.ct-grid .grid-item-inner {
  position: relative;
}

.ct-grid .grid-item.ct-animated .grid-item-inner {
  animation: 0.65s ease 0s normal forwards 1 running moveUp;
  -webkit-animation: 0.65s ease 0s normal forwards 1 running moveUp;
  -webkit-transform: translateY(200px);
  -khtml-transform: translateY(200px);
  -moz-transform: translateY(200px);
  -ms-transform: translateY(200px);
  -o-transform: translateY(200px);
  transform: translateY(200px);
}

.ct-grid .ct-load-more {
  margin-top: 0px;
}

.ct-grid .ct-load-more .btn {
  padding: 0 40px;
}

.ct-grid .ct-load-more .btn:before {
  content: '';
  width: 16px;
  height: 16px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border-color: transparent #fff transparent #fff;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
  animation: ctspin 0.6s infinite linear;
  -webkit-animation: ctspin 0.6s infinite linear;
  box-sizing: border-box;
  z-index: 2;
  opacity: 0;
}

.ct-grid .ct-load-more .btn.loading-active {
  padding-right: 50px;
}

.ct-grid .ct-load-more .btn.loading-active:before {
  opacity: 1;
}

.ct-grid .ct-posts-pagination {
  margin-top: 0;
}

.ct-grid .ct-posts-pagination .page-numbers {
  margin-top: 0;
  margin-bottom: 10px;
}

.ct-grid .ct-grid-pagination {
  padding: 0 15px;
}

.ct-grid .ct-grid-pagination .posts-page-links {
  justify-content: center;
}

.ct-grid .item-featured a {
  display: block;
}

.ct-grid .btn-loadmore i {
  margin-left: 0;
  margin-right: 0;
}

.ct-grid .btn-loadmore i.fa-refresh {
  margin-right: 8px;
}

.ct-grid.item--no-space {
  margin: 0;
}

.ct-grid.item--no-space .grid-item {
  padding: 0;
}

.ct-grid.item--no-space .grid-item .grid-item-inner {
  margin-bottom: 0 !important;
}

.ct-grid-inner.row {
  margin: 0;
}

.grid-filter-wrap {
  margin-bottom: 25px;
  text-align: center;
  padding: 0 15px;
}

.grid-filter-wrap span {
  margin: 0 14px 15px 14px;
  font-size: 16px;
  line-height: 30px;
  color: #383838;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  display: inline-block;
  z-index: 1;
  font-family: 'Fira Sans';
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.grid-filter-wrap span.active,
.grid-filter-wrap span:hover {
  color: var(--primary-color);
}

.grid-filter-wrap.align-right {
  text-align: right;
}

.ct-grid-filter-style2 .grid-filter-wrap span {
  font-family: 'Roboto';
  padding-top: 12px;
}

.ct-grid-filter-style2 .grid-filter-wrap span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -webkit-transform: translateY(12px);
  -khtml-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
  opacity: 0;
}

.ct-grid-filter-style2 .grid-filter-wrap span.active:before,
.ct-grid-filter-style2 .grid-filter-wrap span:hover:before {
  -webkit-transform: translateY(0px);
  -khtml-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.ct-grid-filter-style3 .grid-filter-wrap {
  margin-bottom: 50px;
  /* End Grid */
  /* Carousel */
}

.ct-grid-filter-style3 .grid-filter-wrap span {
  font-weight: 600;
  color: #100030;
  padding: 0 32px;
  line-height: 35px;
  border-radius: 35px;
  font-family: 'Roboto';
  margin: 10px 0;
}

.ct-grid-filter-style3 .grid-filter-wrap span.active,
.ct-grid-filter-style3 .grid-filter-wrap span:hover {
  color: #fff;
  background-color: var(--primary-color);
}

.hide-nav .slick-arrow {
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute;
  z-index: -99999;
}

.hide-nav .ct-slick-carousel[data-arrows="true"] {
  padding-bottom: 0;
}

.slick-boxshadow .ct-slick-carousel {
  margin: 0 -30px 0 -30px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.slick-boxshadow .ct-slick-carousel .slick-list {
  overflow: visible;
}

.slick-boxshadow .slick-slide {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}

.slick-boxshadow .slick-slide.slick-active {
  opacity: 1;
}

.ct-nav-carousel {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.ct-nav-carousel .nav-slick {
  width: 60px;
  height: 60px;
  font-size: 13px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  padding: 0;
  background-color: #fff;
  color: #000;
  background-image: none;
  -webkit-box-shadow: 0 7px 13px rgba(2, 39, 91, 0.1);
  -khtml-box-shadow: 0 7px 13px rgba(2, 39, 91, 0.1);
  -moz-box-shadow: 0 7px 13px rgba(2, 39, 91, 0.1);
  -ms-box-shadow: 0 7px 13px rgba(2, 39, 91, 0.1);
  -o-box-shadow: 0 7px 13px rgba(2, 39, 91, 0.1);
  box-shadow: 0 7px 13px rgba(2, 39, 91, 0.1);
  z-index: 99;
  position: relative;
}

.ct-nav-carousel .nav-slick:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 6px 6px rgba(15, 103, 246, 0.3);
  -khtml-box-shadow: 0 6px 6px rgba(15, 103, 246, 0.3);
  -moz-box-shadow: 0 6px 6px rgba(15, 103, 246, 0.3);
  -ms-box-shadow: 0 6px 6px rgba(15, 103, 246, 0.3);
  -o-box-shadow: 0 6px 6px rgba(15, 103, 246, 0.3);
  box-shadow: 0 6px 6px rgba(15, 103, 246, 0.3);
}

.ct-nav-carousel .nav-slick+.nav-slick {
  margin-left: 18px;
}

.ct-nav-carousel .nav-slick:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.ct-nav-carousel .nav-slick:hover:after {
  opacity: 1;
}

.ct-slick-filter-wrap .slick-track {
  display: flex;
}

.ct-slick-filter-wrap .slick-track .slick-filter-active {
  animation: flipX 600ms ease-out infinite;
  -webkit-animation: flipX 600ms ease-out infinite;
  animation-iteration-count: 1;
}

.ct-slick-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.ct-slick-filter .filter-item {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  padding: 0 26px;
  color: #010148;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px #f0efef;
  -khtml-box-shadow: 0 0 0 1px #f0efef;
  -moz-box-shadow: 0 0 0 1px #f0efef;
  -ms-box-shadow: 0 0 0 1px #f0efef;
  -o-box-shadow: 0 0 0 1px #f0efef;
  box-shadow: 0 0 0 1px #f0efef;
  background-color: #fff;
  font-weight: 600;
  margin: 0 10px 20px 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.ct-slick-filter .filter-item:before {
  opacity: 0;
  width: 50px;
  height: 50px;
  content: '';
  position: absolute;
  top: -13px;
  left: -28px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.32);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-slick-filter .filter-item:hover,
.ct-slick-filter .filter-item.active,
.ct-slick-filter .filter-item:focus {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.ct-slick-filter .filter-item:hover:before,
.ct-slick-filter .filter-item.active:before,
.ct-slick-filter .filter-item:focus:before {
  opacity: 1;
}

.ct-slick-carousel .slick-arrow {
  width: 38px;
  height: 38px;
  cursor: pointer;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  -webkit-border-radius: 47px;
  -khtml-border-radius: 47px;
  -moz-border-radius: 47px;
  -ms-border-radius: 47px;
  -o-border-radius: 47px;
  border-radius: 47px;
  position: absolute;
  padding: 0;
  background-color: #e8e8e8;
  color: #222;
  background-image: none;
  font-size: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: none !important;
  -khtml-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.ct-slick-carousel .slick-arrow:before {
  font-family: "Caseicon";
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 400;
}

.ct-slick-carousel .slick-arrow:after {
  display: none;
}

.ct-slick-carousel .slick-arrow:hover {
  background-color: var(--primary-color);
  color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
  -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
  -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
}

.ct-slick-carousel .slick-arrow.slick-disabled {
  cursor: no-drop;
}

.ct-slick-carousel .slick-prev {
  margin-left: -30px;
}

.ct-slick-carousel .slick-prev:before {
  content: '\f103';
}

.ct-slick-carousel .slick-next {
  margin-left: 30px;
}

.ct-slick-carousel .slick-next:before {
  content: "\f104";
}

.ct-slick-carousel[data-arrows="true"] {
  padding-bottom: 75px;
}

.ct-slick-carousel.ct-slick-arrow-middle .slick-arrow {
  margin: 0;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0;
  visibility: hidden;
}

.ct-slick-carousel.ct-slick-arrow-middle .slick-arrow.slick-prev {
  left: -58px;
  right: auto;
}

.ct-slick-carousel.ct-slick-arrow-middle .slick-arrow.slick-next {
  left: auto;
  right: -58px;
}

.ct-slick-carousel.ct-slick-arrow-middle[data-arrows="true"] {
  padding-bottom: 0px;
}

.ct-slick-carousel.ct-slick-arrow-middle:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

.ct-slick-carousel.ct-slick-arrow-middle:hover .slick-arrow.slick-prev {
  left: -38px;
}

@media screen and (max-width: 1199px) {
  .ct-slick-carousel.ct-slick-arrow-middle:hover .slick-arrow.slick-prev {
    left: 30px;
  }
}

.ct-slick-carousel.ct-slick-arrow-middle:hover .slick-arrow.slick-next {
  right: -38px;
}

@media screen and (max-width: 1199px) {
  .ct-slick-carousel.ct-slick-arrow-middle:hover .slick-arrow.slick-next {
    right: 30px;
  }
}

.slick-slider .slick-slide {
  outline: none;
}

.slick-dots {
  margin: 42px 0 18px;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-dots li {
  display: flex;
  margin: 0 8px;
  line-height: 1;
}

.slick-dots li button {
  height: 12px;
  width: 12px;
  font-size: 0px;
  padding: 0;
  -webkit-border-radius: 23px;
  -khtml-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  z-index: 1;
  overflow: visible !important;
  background: var(--primary-color);
}

.slick-dots li button:before {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Fira Sans';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.slick-dots li button:after {
  content: '';
  opacity: 0;
  height: 46px;
  width: 46px;
  border: 2px solid var(--primary-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 46px;
  -khtml-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
  border-radius: 46px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.slick-dots li:nth-child(1) button:before {
  content: '01';
}

.slick-dots li:nth-child(2) button:before {
  content: '02';
}

.slick-dots li:nth-child(3) button:before {
  content: '03';
}

.slick-dots li:nth-child(4) button:before {
  content: '04';
}

.slick-dots li:nth-child(5) button:before {
  content: '05';
}

.slick-dots li:nth-child(6) button:before {
  content: '06';
}

.slick-dots li:nth-child(7) button:before {
  content: '07';
}

.slick-dots li:nth-child(8) button:before {
  content: '08';
}

.slick-dots li:nth-child(9) button:before {
  content: '09';
}

.slick-dots li:nth-child(10) button:before {
  content: '10';
}

.slick-dots li:nth-child(11) button:before {
  content: '11';
}

.slick-dots li:nth-child(12) button:before {
  content: '12';
}

.slick-dots li:nth-child(13) button:before {
  content: '13';
}

.slick-dots li:nth-child(14) button:before {
  content: '14';
}

.slick-dots li:nth-child(15) button:before {
  content: '15';
}

.slick-dots li.slick-active button {
  width: 46px;
  background: none;
}

.slick-dots li.slick-active button:before,
.slick-dots li.slick-active button:after {
  opacity: 1;
}

.slick-dots-style2 .slick-dots li button {
  height: 10px;
  width: 10px;
  background-color: #d4d4d4;
}

.slick-dots-style2 .slick-dots li button:before {
  display: none;
}

.slick-dots-style2 .slick-dots li button:after {
  opacity: 0;
  height: 22px;
  width: 22px;
}

.slick-dots-style2 .slick-dots li.slick-active button {
  background-color: var(--primary-color);
  -webkit-transform: scale(0.8);
  -khtml-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.slick-dots-style2 .slick-dots li.slick-active button:after {
  opacity: 1;
}

.slick-dots-style3 .slick-dots li {
  margin: 0 12px;
}

.slick-dots-style3 .slick-dots li button {
  height: 10px;
  width: 10px;
  background-color: #08203a;
}

.slick-dots-style3 .slick-dots li button:before {
  display: none;
}

.slick-dots-style3 .slick-dots li button:after {
  opacity: 0;
  height: 30px;
  width: 30px;
  border-width: 3px;
}

.slick-dots-style3 .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

.slick-dots-style3 .slick-dots li.slick-active button:after {
  opacity: 1;
}

.slick-dots-style4 .slick-dots li {
  margin: 0 7px;
}

.slick-dots-style4 .slick-dots li button {
  height: 13px;
  width: 13px;
  background-color: rgba(15, 103, 246, 0.18);
}

.slick-dots-style4 .slick-dots li button:before {
  display: none;
}

.slick-dots-style4 .slick-dots li button:after {
  display: none;
}

.slick-dots-style4 .slick-dots li.slick-active button {
  margin-right: 3px;
  background-color: var(--primary-color);
  -webkit-transform: scale(1.45);
  -khtml-transform: scale(1.45);
  -moz-transform: scale(1.45);
  -ms-transform: scale(1.45);
  -o-transform: scale(1.45);
  transform: scale(1.45);
}

.slick-dots-style5 .slick-dots {
  margin-bottom: 0;
}

.slick-dots-style5 .slick-dots li {
  margin: 0 5px;
}

.slick-dots-style5 .slick-dots li button {
  height: 8px;
  width: 8px;
  background-color: #e5d9d1;
}

.slick-dots-style5 .slick-dots li button:before {
  display: none;
}

.slick-dots-style5 .slick-dots li button:after {
  display: none;
}

.slick-dots-style5 .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

.slick-dots-style6 .slick-dots {
  max-width: 1170px;
  margin: 10px 0 0;
}

.slick-dots-style6 .slick-dots li button {
  width: 16px;
  height: 9px;
  font-size: 0px;
  background-image: -webkit-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  opacity: 0.4;
}

.slick-dots-style6 .slick-dots li button:before,
.slick-dots-style6 .slick-dots li button:after {
  display: none;
}

.slick-dots-style6 .slick-dots li.slick-active button {
  width: 32px;
  opacity: 1;
}

.slick-dots-style7 .slick-dots {
  margin: 60px 0 0;
}

.slick-dots-style7 .slick-dots li {
  margin: 0 7px;
}

.slick-dots-style7 .slick-dots li button {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  border: 3px solid var(--primary-color);
  background-color: transparent;
}

.slick-dots-style7 .slick-dots li button:before {
  display: none;
}

.slick-dots-style7 .slick-dots li button:after {
  display: none;
}

.slick-dots-style7 .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

.slick-dots-line1 .slick-dots {
  background-color: #dfe0e6;
  height: 3px;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 105px;
  margin-right: 105px;
}

.slick-dots-line1 .slick-dots li {
  width: 50%;
  height: 3px;
  margin: 0;
}

.slick-dots-line1 .slick-dots li button {
  height: 3px;
  width: 100%;
  background-color: transparent;
}

.slick-dots-line1 .slick-dots li button:before,
.slick-dots-line1 .slick-dots li button:after {
  display: none;
}

.slick-dots-line1 .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

.ct-slick-arrow-style2 .ct-slick-carousel .slick-arrow {
  height: 46px;
  width: 46px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -khtml-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -moz-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -ms-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -o-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
}

.ct-slick-arrow-style2 .ct-slick-carousel .slick-arrow:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}

.ct-slick-arrow-style2 .ct-slick-carousel .slick-arrow:hover {
  background-color: #fff;
}

.ct-slick-arrow-style2 .ct-slick-carousel .slick-arrow:hover:after {
  opacity: 1;
}

.slick-arrows-1 .ct-slick-carousel .slick-arrow {
  height: 46px;
  width: 46px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -khtml-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -moz-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -ms-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  -o-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
  margin: 0;
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  bottom: 15px;
}

.slick-arrows-1 .ct-slick-carousel .slick-arrow:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}

.slick-arrows-1 .ct-slick-carousel .slick-arrow.slick-prev {
  right: auto;
  left: 46px;
}

.slick-arrows-1 .ct-slick-carousel .slick-arrow.slick-next {
  left: auto;
  right: 46px;
}

.slick-arrows-1 .ct-slick-carousel .slick-arrow:hover {
  background-color: #fff;
}

.slick-arrows-1 .ct-slick-carousel .slick-arrow:hover:after {
  opacity: 1;
}

.slick-arrows-1 .ct-slick-carousel[data-arrows="true"] {
  padding-bottom: 35px;
}

.ct-slick-slider .ct-carousel-inner {
  margin: 0 -15px;
}

.ct-slick-slider .ct-carousel-inner .slick-slide {
  padding: 0 15px;
}

.ct-slick-carousel.slick-shadow {
  margin: 0 -30px 0 -30px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
  /* End Carousel */
  /* Page Loading */
}

.ct-slick-carousel.slick-shadow .slick-list {
  overflow: visible;
}

.ct-slick-carousel.slick-shadow .slick-slide {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}

.ct-slick-carousel.slick-shadow .slick-slide.slick-active {
  opacity: 1;
}

#ct-loadding {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999999;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -khtml-transition: 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -moz-transition: 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -ms-transition: 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -o-transition: 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  transition: 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
}

#ct-loadding.style3+.ct-page-loading-bg,
#ct-loadding.style5+.ct-page-loading-bg {
  background-color: #fff;
}

#ct-loadding .loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#ct-loadding .loading-image img {
  max-height: 80px;
}

#ct-loadding .ct-dual-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
}

#ct-loadding .ct-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  animation: ct_dual_ring 1.2s linear infinite;
  border-bottom-color: var(--primary-color);
  border-top-color: var(--primary-color);
}

#ct-loadding .loading-spin {
  display: block;
  height: 80px;
  margin: -40px auto 0;
  position: relative;
  top: 50%;
  width: 80px;
}

#ct-loadding .loading-spin .spinner {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: spin-rotate-all 1s linear infinite;
  animation: spin-rotate-all 1s linear infinite;
}

#ct-loadding .loading-spin .spinner .right-side,
#ct-loadding .loading-spin .spinner .left-side {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  -webkit-animation: spin-fade-in-first 1.2s linear infinite alternate;
  animation: spin-fade-in-first 1.2s linear infinite alternate;
}

#ct-loadding .loading-spin .spinner .left-side {
  left: 0;
}

#ct-loadding .loading-spin .spinner .right-side {
  right: 0;
}

#ct-loadding .loading-spin .spinner.color-2 .right-side,
#ct-loadding .loading-spin .spinner.color-2 .left-side {
  -webkit-animation: spin-fade-in-second 1.2s linear infinite alternate;
  animation: spin-fade-in-second 1.2s linear infinite alternate;
}

#ct-loadding .loading-spin .spinner .bar {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 200px 0 0 200px;
  -khtml-border-radius: 200px 0 0 200px;
  -moz-border-radius: 200px 0 0 200px;
  -ms-border-radius: 200px 0 0 200px;
  -o-border-radius: 200px 0 0 200px;
  border-radius: 200px 0 0 200px;
  border: 4px solid var(--primary-color);
  position: relative;
}

#ct-loadding .loading-spin .spinner .bar:after {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  background: var(--primary-color);
  position: absolute;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

#ct-loadding .loading-spin .spinner .right-side .bar {
  -webkit-border-radius: 0 200px 200px 0;
  -khtml-border-radius: 0 200px 200px 0;
  -moz-border-radius: 0 200px 200px 0;
  -ms-border-radius: 0 200px 200px 0;
  -o-border-radius: 0 200px 200px 0;
  border-radius: 0 200px 200px 0;
  border-left: none;
  -webkit-transform: rotate(-10deg);
  -webkit-transform-origin: left center;
  transform: rotate(-10deg);
  transform-origin: left center;
  -webkit-animation: spin-rotate-right 0.75s linear infinite alternate;
  animation: spin-rotate-right 0.75s linear infinite alternate;
}

#ct-loadding .loading-spin .spinner .right-side .bar:after {
  bottom: -4px;
  left: -2px;
}

#ct-loadding .loading-spin .spinner .left-side .bar {
  border-right: none;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-animation: spin-rotate-left 0.75s linear infinite alternate;
  animation: spin-rotate-left 0.75s linear infinite alternate;
}

#ct-loadding .loading-spin .spinner .left-side .bar:after {
  bottom: -4px;
  right: -2px;
}

#ct-loadding .ct-dot-square {
  display: block;
  font-size: 13px;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: transparent;
  transform: translate(-50%, -50%);
  animation: stevloader 3s infinite linear;
  -webkit-animation: stevloader 3s infinite linear;
}

#ct-loadding.style11 .loading-spinner {
  color: var(--primary-color);
  font-size: 60px;
  text-indent: -9999em;
  overflow: hidden;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-animation: loading-run 1.7s infinite ease, loading-round 1.7s infinite ease;
  animation: loading-run 1.7s infinite ease, loading-round 1.7s infinite ease;
}

#ct-loadding .loading-ring {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

#ct-loadding .loading-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 6px;
  border-style: solid;
  border-color: var(--primary-color) transparent var(--primary-color) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.ct-spinner2 {
  width: 45px;
  height: 45px;
  background-color: var(--primary-color);
  margin: 100px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.ct-spinner3 {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.ct-spinner3 .double-bounce1,
.ct-spinner3 .double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--primary-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: ct-bounce 2s infinite ease-in-out;
  animation: ct-bounce 2s infinite ease-in-out;
}

.ct-spinner3 .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.ct-spinner4 {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 70px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.ct-spinner4>div {
  background-color: var(--primary-color);
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: ct-stretchdelay 1.2s infinite ease-in-out;
  animation: ct-stretchdelay 1.2s infinite ease-in-out;
}

.ct-spinner4 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.ct-spinner4 .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.ct-spinner4 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.ct-spinner4 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.ct-spinner5 {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 130px;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
}

.ct-spinner5>div {
  margin: 0 8px;
  width: 20px;
  height: 20px;
  background-color: rgba(15, 103, 246, 0.8);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: ct-bouncedelay 1.4s infinite ease-in-out both;
  animation: ct-bouncedelay 1.4s infinite ease-in-out both;
}

.ct-spinner5 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.ct-spinner5 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.ct-cube-grid {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.ct-cube-grid .ct-cube {
  width: 33%;
  height: 33%;
  background-color: var(--primary-color);
  float: left;
  -webkit-animation: ct-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: ct-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.ct-cube-grid .ct-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ct-cube-grid .ct-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ct-cube-grid .ct-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ct-cube-grid .ct-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ct-cube-grid .ct-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ct-cube-grid .ct-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ct-cube-grid .ct-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.ct-cube-grid .ct-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ct-cube-grid .ct-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ct-folding-cube {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.ct-folding-cube .ct-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.ct-folding-cube .ct-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  -webkit-animation: ct-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: ct-foldCubeAngle 2.4s infinite linear both;
  -o-animation: ct-foldCubeAngle 2.4s infinite linear both;
  animation: ct-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.ct-folding-cube .ct-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.ct-folding-cube .ct-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ct-folding-cube .ct-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.ct-folding-cube .ct-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.ct-folding-cube .ct-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.ct-folding-cube .ct-cube4:before {
  -webkit-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.ct-loading-stairs {
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -khtml-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  width: 75px;
  margin-top: -25px;
}

.ct-loading-stairs .loader-bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: var(--primary-color);
  transform-origin: center bottom;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}

.ct-loading-stairs .loader-bar:nth-child(1) {
  left: 0px;
  -webkit-transform: scale(1, 0.2);
  -khtml-transform: scale(1, 0.2);
  -moz-transform: scale(1, 0.2);
  -ms-transform: scale(1, 0.2);
  -o-transform: scale(1, 0.2);
  transform: scale(1, 0.2);
  animation: barUp1 4s infinite;
  -webkit-animation: barUp1 4s infinite;
  -ms-animation: barUp1 4s infinite;
}

.ct-loading-stairs .loader-bar:nth-child(2) {
  left: 15px;
  -webkit-transform: scale(1, 0.4);
  -khtml-transform: scale(1, 0.4);
  -moz-transform: scale(1, 0.4);
  -ms-transform: scale(1, 0.4);
  -o-transform: scale(1, 0.4);
  transform: scale(1, 0.4);
  animation: barUp2 4s infinite;
  -webkit-animation: barUp2 4s infinite;
  -ms-animation: barUp2 4s infinite;
}

.ct-loading-stairs .loader-bar:nth-child(3) {
  left: 30px;
  -webkit-transform: scale(1, 0.6);
  -khtml-transform: scale(1, 0.6);
  -moz-transform: scale(1, 0.6);
  -ms-transform: scale(1, 0.6);
  -o-transform: scale(1, 0.6);
  transform: scale(1, 0.6);
  animation: barUp3 4s infinite;
  -webkit-animation: barUp3 4s infinite;
  -ms-animation: barUp3 4s infinite;
}

.ct-loading-stairs .loader-bar:nth-child(4) {
  left: 45px;
  -webkit-transform: scale(1, 0.8);
  -khtml-transform: scale(1, 0.8);
  -moz-transform: scale(1, 0.8);
  -ms-transform: scale(1, 0.8);
  -o-transform: scale(1, 0.8);
  transform: scale(1, 0.8);
  animation: barUp4 4s infinite;
  -webkit-animation: barUp4 4s infinite;
  -ms-animation: barUp4 4s infinite;
}

.ct-loading-stairs .loader-bar:nth-child(5) {
  left: 60px;
  -webkit-transform: scale(1, 1);
  -khtml-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  animation: barUp5 4s infinite;
  -webkit-animation: barUp5 4s infinite;
  -ms-animation: barUp5 4s infinite;
}

.ct-loading-stairs .loader-ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: var(--primary-color);
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  animation: ball 4s infinite;
  -webkit-animation: ball 4s infinite;
  -ms-animation: ball 4s infinite;
}

.ct-spinner9-wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -khtml-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  left: 0;
  right: 0;
  width: 45px;
  height: 45px;
  margin: auto;
}

.ct-spinner9 {
  margin: 0 auto;
  width: 45px;
  height: 45px;
  position: relative;
  text-align: center;
  -webkit-animation: ct-rotate 2s infinite linear;
  animation: ct-rotate 2s infinite linear;
}

.ct-spinner9 .dot1,
.ct-spinner9 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--primary-color);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: ct-bounce 2s infinite ease-in-out;
  animation: ct-bounce 2s infinite ease-in-out;
}

.ct-spinner9 .dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.ct-loading-ito {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ct-loading-ito .item {
  width: 22px;
  height: 22px;
  background-color: var(--primary-color);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
}

.ct-loading-ito .item-1 {
  top: 0;
  left: 0;
  z-index: 1;
  animation: item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.ct-loading-ito .item-2 {
  background-color: transparent;
  border: 3px solid var(--gradient-color-to);
  top: 0;
  right: 0;
  animation: item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.ct-loading-ito .item-2:before {
  background-color: var(--primary-color);
  content: '';
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ct-loading-ito .item-3 {
  bottom: 0;
  right: 0;
  z-index: 1;
  animation: item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.ct-loading-ito .item-4 {
  bottom: 0;
  left: 0;
  background-color: var(--gradient-color-to);
  animation: item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

@keyframes item-1_move {

  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(0, 28px);
  }

  50% {
    transform: translate(28px, 28px);
  }

  75% {
    transform: translate(28px, 0);
  }
}

@keyframes item-2_move {

  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(-28px, 0);
  }

  50% {
    transform: translate(-28px, 28px);
  }

  75% {
    transform: translate(0, 28px);
  }
}

@keyframes item-3_move {

  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(0, -28px);
  }

  50% {
    transform: translate(-28px, -28px);
  }

  75% {
    transform: translate(-28px, 0);
  }
}

@keyframes item-4_move {

  0%,
  100% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(28px, 0);
  }

  50% {
    transform: translate(28px, -28px);
  }

  75% {
    transform: translate(0, -28px);
  }
}

.ct-page-loading-bg {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transform: scaleX(1);
  -khtml-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: transform 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -khtml-transition: transform 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -moz-transition: transform 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -ms-transition: transform 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  -o-transition: transform 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  transition: transform 0.3s cubic-bezier(0.27, 0.76, 0.38, 0.87);
  z-index: -1;
  z-index: 999998;
  transform-origin: right center;
  pointer-events: none;
}

.ct-render {
  /* End Page Loading */
  /* Modal and Hidden Sidebar */
}

.ct-render .ct-page-loading-bg {
  transform: scaleX(0);
  transform-origin: left center;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.ct-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -webkit-transform: translateY(-100%);
  -khtml-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}

.ct-modal .ct-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  z-index: 9999;
  width: 40px;
  height: 40px;
}

.ct-modal .ct-modal-close .ct-icon-close {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
}

.ct-modal .ct-modal-close .ct-icon-close:before,
.ct-modal .ct-modal-close .ct-icon-close:after {
  background-color: #fff;
}

.ct-modal .ct-modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.95);
}

.ct-modal .ct-modal-content {
  position: fixed;
  width: 100%;
  max-width: 1200px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1);
  margin-top: 60px;
  transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  opacity: 0;
}

.ct-modal.open {
  -webkit-transform: translateY(0%);
  -khtml-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.ct-modal.open .ct-modal-close {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.ct-modal.open .ct-modal-content {
  margin-top: 0;
  opacity: 1;
}

.ct-modal.remove {
  -webkit-transform: translateY(-100%);
  -khtml-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
}

.ct-modal.remove .ct-modal-content {
  margin-top: 60px;
  transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
}

.ct-modal.remove .ct-modal-close {
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
}

.ct-modal.ct-modal-search .ct-modal-content {
  max-width: 680px;
}

.admin-bar .ct-modal {
  top: 32px;
}

.ct-modal-search .search-form-popup {
  position: relative;
}

.ct-modal-search .search-field {
  background-color: transparent;
  border: none;
  height: 60px;
  padding-left: 0;
  padding-right: 60px;
  color: #000001;
  font-size: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-family: 'Fira Sans';
  letter-spacing: 0.025em;
  font-weight: 700;
}

.ct-modal-search .search-field:focus {
  border-color: rgba(0, 0, 0, 0.12);
}

.ct-modal-search .search-submit {
  font-size: 24px;
  color: #000;
  background-color: transparent;
  background-image: none;
  border: none;
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

.ct-modal-search .search-submit i {
  font-weight: 400;
  margin-right: 5px;
}

.ct-modal-search .search-submit:before,
.ct-modal-search .search-submit:after {
  display: none;
}

.ct-hidden-sidebar-overlay,
.ct-widget-cart-overlay {
  background-color: rgba(0, 0, 0, 0.67);
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 1026;
  -webkit-transform: scaleX(0);
  -khtml-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -webkit-transition: transform 0.8s ease 0s;
  -khtml-transition: transform 0.8s ease 0s;
  -moz-transition: transform 0.8s ease 0s;
  -ms-transition: transform 0.8s ease 0s;
  -o-transition: transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  cursor: url(../images/pointer.png), auto;
}

.ct-hidden-sidebar {
  position: fixed;
  z-index: 1029;
  top: 0;
  right: 0;
  bottom: 0;
  width: 375px;
  background-color: #fff;
  font-size: 15px;
  line-height: 26px;
  color: #383838;
  overflow: hidden;
  -webkit-transform: translateX(380px);
  -khtml-transform: translateX(380px);
  -moz-transform: translateX(380px);
  -ms-transform: translateX(380px);
  -o-transform: translateX(380px);
  transform: translateX(380px);
  -webkit-transition: transform 0.8s ease 0s;
  -khtml-transition: transform 0.8s ease 0s;
  -moz-transition: transform 0.8s ease 0s;
  -ms-transition: transform 0.8s ease 0s;
  -o-transition: transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.ct-hidden-sidebar .ct-hidden-sidebar-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  margin: 115px -15px 90px 0;
  padding: 0 60px 0 60px;
}

@media screen and (max-width: 1400px) {
  .ct-hidden-sidebar .ct-hidden-sidebar-inner {
    margin: 85px -15px 60px 0;
    padding: 0 60px 0 50px;
  }
}

.ct-hidden-sidebar .ct-hidden-close {
  height: 40px;
  width: 40px;
  font-size: 20px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: 30px;
  text-align: center;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  cursor: pointer;
  display: inline-block;
}

.ct-hidden-sidebar .ct-hidden-close:hover {
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ct-hidden-sidebar section.widget {
  margin-bottom: 54px;
}

.ct-hidden-sidebar section.widget:last-child {
  margin-bottom: 0;
}

.ct-hidden-sidebar section.widget.logo-hidden-sidebar {
  margin-bottom: 30px;
}

.ct-hidden-sidebar section.widget.logo-hidden-sidebar img {
  max-height: 75px;
  width: auto;
}

.ct-hidden-sidebar section.widget+.ct-getintouch {
  margin-top: -15px;
}

.admin-bar .ct-hidden-sidebar {
  top: 32px;
}

.ct-hidden-sidebar-wrap.open .ct-hidden-sidebar-overlay {
  -webkit-transform: scaleX(1);
  -khtml-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.ct-hidden-sidebar-wrap.open .ct-hidden-sidebar {
  -webkit-transform: translateX(0px);
  -khtml-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.ct-widget-cart-wrap.open {
  /* End Modal */
}

.ct-widget-cart-wrap.open .ct-widget-cart-overlay {
  -webkit-transform: scaleX(1);
  -khtml-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.ct-widget-cart-wrap.open .ct-widget-cart-sidebar {
  -webkit-transform: translateX(0px);
  -khtml-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -khtml-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -moz-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -ms-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -o-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
}

@media screen and (max-width: 575px) {
  .col-xs-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xs-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xs-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xs-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xs-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xs-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xs-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xs-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.ct-demo-bar {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  background: #fff;
  z-index: 99999;
  height: 100%;
  text-align: center;
  -webkit-transform: translate(301px, 0px);
  -khtml-transform: translate(301px, 0px);
  -moz-transform: translate(301px, 0px);
  -ms-transform: translate(301px, 0px);
  -o-transform: translate(301px, 0px);
  transform: translate(301px, 0px);
  -webkit-transition: transform 0.6s ease;
  -khtml-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
}

@media screen and (max-width: 575px) {
  .ct-demo-bar {
    width: 260px;
    -webkit-transform: translate(260px, 0px);
    -khtml-transform: translate(260px, 0px);
    -moz-transform: translate(260px, 0px);
    -ms-transform: translate(260px, 0px);
    -o-transform: translate(260px, 0px);
    transform: translate(260px, 0px);
    display: none;
  }
}

.ct-demo-bar.active {
  -webkit-transform: translate(0px, 0px);
  -khtml-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.ct-demo-bar .ct-demo-option {
  position: absolute;
  top: 198px;
  left: -40px;
  height: 110px;
  padding: 10px 0;
  width: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
  -khtml-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
  -webkit-border-radius: 5px 0 0 5px;
  -khtml-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.ct-demo-bar .ct-demo-option span {
  position: absolute;
  background-color: #222;
  color: #fff;
  white-space: nowrap;
  padding: 0 12px;
  font-size: 13px;
  top: 0;
  right: 100%;
  margin-right: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}

.ct-demo-bar .ct-demo-option span:before {
  content: '';
  border-color: #222;
  border-style: solid;
  border-color: transparent transparent transparent #222;
  border-width: 6px;
  position: absolute;
  top: 50%;
  right: -12px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.ct-demo-bar .ct-demo-option a {
  display: block;
  color: #222;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.ct-demo-bar .ct-demo-option a:first-child {
  font-size: 16px;
}

.ct-demo-bar .ct-demo-option a:hover span {
  opacity: 1;
  visibility: visible;
}

.ct-demo-bar .ct-demo-option .far {
  font-family: "Font Awesome 5 Pro";
}

.ct-demo-bar .ct-demo-bar-meta {
  padding: 40px 20px 0 20px;
}

.ct-demo-bar .ct-demo-bar-meta h4 {
  font-size: 18px;
}

.ct-demo-bar .ct-demo-bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: -1px 1px 10px rgba(0, 0, 0, .1);
  -khtml-box-shadow: -1px 1px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: -1px 1px 10px rgba(0, 0, 0, .1);
  -ms-box-shadow: -1px 1px 10px rgba(0, 0, 0, .1);
  -o-box-shadow: -1px 1px 10px rgba(0, 0, 0, .1);
  box-shadow: -1px 1px 10px rgba(0, 0, 0, .1);
  overflow: auto;
  height: 100%;
  color: #222;
  line-height: 1.5;
  font-size: 14px;
}

.ct-demo-bar .ct-demo-bar-inner:hover {
  overflow-y: auto;
}

.ct-demo-bar .ct-demo-bar-list {
  list-style: none;
  margin: 0;
  padding: 20px;
}

.ct-demo-bar .ct-demo-bar-item {
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}

.ct-demo-bar .ct-demo-bar-item:before {
  z-index: 1;
  content: '';
  background-color: rgba(0, 0, 0, 0.78);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  opacity: 0;
}

.ct-demo-bar .ct-demo-bar-item .ct-demo-bar-holder {
  position: absolute;
  top: 50%;
  padding: 20px;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  opacity: 0;
  z-index: 2;
}

.ct-demo-bar .ct-demo-bar-item .ct-demo-bar-holder h6 {
  color: #fff;
  margin-bottom: 18px;
}

.ct-demo-bar .ct-demo-bar-item .ct-demo-bar-holder .btn {
  line-height: 40px;
  font-size: 14px;
  padding: 0 20px;
}

.ct-demo-bar .ct-demo-bar-item+.ct-demo-bar-item {
  margin-top: 20px;
}

.ct-demo-bar .ct-demo-bar-item:hover:before,
.ct-demo-bar .ct-demo-bar-item:hover .ct-demo-bar-holder {
  opacity: 1;
}

.preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 50vw;
  height: 50vh;
  z-index: 9999;
  background-color: #0f0f0f;
  overflow: hidden;
}

.preloader__circle {
  position: fixed;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  width: calc(1 * (var(--preloader-circle-min-size) * 1px));
  height: calc(1 * (var(--preloader-circle-min-size) * 1px));
  max-width: calc(100vh - var(--gutter-vertical) * 3);
  max-height: calc(100vh - var(--gutter-vertical) * 3);
  border-radius: 100%;
  z-index: 1;
  pointer-events: none;
}

@media screen and (min-width: 320px) {
  .preloader__circle {
    width: calc(1 * (var(--preloader-circle-min-size) * 1px + (var(--preloader-circle-max-size) - var(--preloader-circle-min-size)) * ((100vw - 320px) / 2240)));
  }
}

@media screen and (min-width: 2560px) {
  .preloader__circle {
    width: calc(1 * (var(--preloader-circle-max-size) * 1px));
  }
}

@media screen and (min-width: 320px) {
  .preloader__circle {
    height: calc(1 * (var(--preloader-circle-min-size) * 1px + (var(--preloader-circle-max-size) - var(--preloader-circle-min-size)) * ((100vw - 320px) / 2240)));
  }
}

@media screen and (min-width: 2560px) {
  .preloader__circle {
    height: calc(1 * (var(--preloader-circle-max-size) * 1px));
  }
}

.preloader__heading {
  font-size: calc(var(--h2-max-font-size)*1px);
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.76);
}

.preloader__subline {
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: calc(var(--subheading-max-font-size)*1px);
}

.preloader__content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
  width: calc(1 * (var(--preloader-circle-min-size) * 1px));
  height: calc(1 * (var(--preloader-circle-min-size) * 1px));
  max-height: calc(100vh - var(--gutter-vertical) * 3);
}

@media screen and (min-width: 320px) {
  .preloader__content {
    width: calc(1 * (var(--preloader-circle-min-size) * 1px + (var(--preloader-circle-max-size) - var(--preloader-circle-min-size)) * ((100vw - 320px) / 2240)));
  }
}

@media screen and (min-width: 2560px) {
  .preloader__content {
    width: calc(1 * (var(--preloader-circle-max-size) * 1px));
  }
}

@media screen and (min-width: 320px) {
  .preloader__content {
    height: calc(1 * (var(--preloader-circle-min-size) * 1px + (var(--preloader-circle-max-size) - var(--preloader-circle-min-size)) * ((100vw - 320px) / 2240)));
  }
}

@media screen and (min-width: 2560px) {
  .preloader__content {
    height: calc(1 * (var(--preloader-circle-max-size) * 1px));
  }
}

.preloader__header {
  width: 100%;
}

.preloader__counter {
  white-space: nowrap;
}

.preloader__counter-number {
  display: inline-block;
  width: 40px;
}

.preloader__counter-current {
  text-align: right;
}

.preloader__counter-total {
  text-align: left;
}

.preloader__curtain-svg {
  width: 100%;
  height: 100%;
  fill: #ccc;
}

.preloader__curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader__curtain-curve {
  visibility: hidden;
}

.preloader__curtain-normal {
  visibility: visible;
}

.pxl-scroll-to-section {
  width: 30px;
  height: 30px;
  display: inline-flex;
  line-height: 30px;
  color: #000;
  justify-content: center;
  transform: rotate(90deg);
  font-size: 18px;
}

.pxl-scroll-to-section:hover {
  color: #000;
}

@media screen and (min-width: 1600px) {
  body:not(.rtl) .pxl-custom-section2 {
    -webkit-transform: translateX(-150px);
    -khtml-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    transform: translateX(-150px);
  }
}

.ct-link-external1 a {
  width: 64px;
  height: 64px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
  -webkit-border-radius: 65px;
  -khtml-border-radius: 65px;
  -moz-border-radius: 65px;
  -ms-border-radius: 65px;
  -o-border-radius: 65px;
  border-radius: 65px;
  font-size: 28px;
  color: #fff;
  -webkit-box-shadow: 0 15px 21px rgba(var(--gradient-color-from-rgb), 0.42) !important;
  -khtml-box-shadow: 0 15px 21px rgba(var(--gradient-color-from-rgb), 0.42) !important;
  -moz-box-shadow: 0 15px 21px rgba(var(--gradient-color-from-rgb), 0.42) !important;
  -ms-box-shadow: 0 15px 21px rgba(var(--gradient-color-from-rgb), 0.42) !important;
  -o-box-shadow: 0 15px 21px rgba(var(--gradient-color-from-rgb), 0.42) !important;
  box-shadow: 0 15px 21px rgba(var(--gradient-color-from-rgb), 0.42) !important;
}

.ct-link-external1 a:hover {
  color: #fff;
}

.elementor-editor-active .elementor-inner-section>.elementor-element-overlay>.elementor-editor-element-settings {
  margin-left: 84px;
}

.ct-pagination-slider {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: var(--primary-color);
}

.ct-pagination-slider .item--number {
  font-size: 40px;
  color: #fff;
  margin: 0 8px;
}

.ct-pagination-slider .item--total {
  margin: 2px 0;
}

.revslider-initialised .slider-text-shadow1 {
  text-shadow: 0 3px 4px rgba(13, 13, 13, 0.29);
  -webkit-text-shadow: 0 3px 4px rgba(13, 13, 13, 0.29);
}

.revslider-initialised .slider-color1 {
  color: #e3471f;
}

.revslider-initialised .slider--item-flex {
  display: flex;
}

.revslider-initialised .btn:not(.ct-button-shortcode) {
  line-height: 54px;
}

.revslider-initialised .custom.tparrows {
  background-color: #e8e8e8 !important;
  width: 38px !important;
  height: 38px !important;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.revslider-initialised .custom.tparrows:before {
  color: #2e2d2d !important;
  font-family: "Caseicon" !important;
  font-size: 12px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.revslider-initialised .custom.tparrows.tp-leftarrow:before {
  content: "\f103" !important;
}

.revslider-initialised .custom.tparrows.tp-rightarrow:before {
  content: "\f104" !important;
}

.revslider-initialised .custom.tparrows:hover {
  background-color: var(--primary-color) !important;
}

.revslider-initialised .custom.tparrows:hover:before {
  color: #fff !important;
}

.revslider-initialised .hesperiden.tparrows {
  background-color: transparent !important;
  width: 70px !important;
  height: 70px !important;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  border: 2px solid #e7ebed;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

@media screen and (max-width: 1600px) {
  .revslider-initialised .hesperiden.tparrows {
    width: 50px !important;
    height: 50px !important;
  }
}

.revslider-initialised .hesperiden.tparrows:before {
  color: #fff !important;
  font-family: "Caseicon" !important;
  font-size: 20px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1600px) {
  .revslider-initialised .hesperiden.tparrows:before {
    font-size: 16px !important;
  }
}

.revslider-initialised .hesperiden.tparrows.tp-leftarrow:before {
  content: "\f103" !important;
}

.revslider-initialised .hesperiden.tparrows.tp-rightarrow:before {
  content: "\f104" !important;
}

.revslider-initialised .hesperiden.tparrows:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}

.revslider-initialised .hesperiden.tparrows:hover:before {
  color: #000 !important;
}

.revslider-initialised .slider-title-shadow1 {
  text-shadow: 0 3px 4px rgba(13, 13, 13, 0.29);
}

.revslider-initialised .btn-effect1 {
  overflow: hidden;
  text-shadow: none;
}

.revslider-initialised .btn-effect1:after {
  content: "";
  background: #fff;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -35%;
  top: -10%;
  transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
}

.revslider-initialised .btn-effect1:hover,
.revslider-initialised .btn-effect1:focus {
  background: var(--primary-color);
}

.revslider-initialised .btn-effect1:hover:after,
.revslider-initialised .btn-effect1:focus:after {
  left: 130%;
}

.revslider-initialised .rev-btn i {
  font-weight: 400;
  display: inline-block;
}

.revslider-initialised .rev-btn .space-left {
  margin-left: 10px;
}

.revslider-initialised .rev-btn .space-right {
  margin-right: 8px;
}

.revslider-initialised .rs-layer cite {
  font-style: normal;
  color: var(--primary-color);
}

.revslider-initialised .case-arrow-slider1.tparrows {
  width: 80px;
  height: 80px;
  background-color: #e9effb;
  -webkit-border-radius: 80px;
  -khtml-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
}

@media screen and (max-width: 1400px) {
  .revslider-initialised .case-arrow-slider1.tparrows {
    width: 60px;
    height: 60px;
  }
}

.revslider-initialised .case-arrow-slider1.tparrows:before {
  color: var(--primary-color);
  font-family: "Caseicon";
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

@media screen and (max-width: 1400px) {
  .revslider-initialised .case-arrow-slider1.tparrows:before {
    font-size: 16px;
  }
}

.revslider-initialised .case-arrow-slider1.tparrows.tp-leftarrow:before {
  content: "\f103";
}

.revslider-initialised .case-arrow-slider1.tparrows.tp-rightarrow:before {
  content: "\f104";
}

.revslider-initialised .case-arrow-slider1.tparrows .tp-arr-imgholder {
  -webkit-border-radius: 80px;
  -khtml-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  z-index: 88;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.revslider-initialised .case-arrow-slider1.tparrows .tp-arr-imgholder:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 80px;
  -khtml-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  background-color: rgba(15, 103, 246, 0.8);
}

.revslider-initialised .case-arrow-slider1.tparrows:hover:before {
  color: #fff;
}

.revslider-initialised .case-arrow-slider1.tparrows:hover .tp-arr-imgholder {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.revslider-initialised .case-arrow-slider2.tparrows {
  width: 41px;
  height: 41px;
  background-color: transparent;
  -webkit-border-radius: 41px;
  -khtml-border-radius: 41px;
  -moz-border-radius: 41px;
  -ms-border-radius: 41px;
  -o-border-radius: 41px;
  border-radius: 41px;
  border: 2px solid var(--primary-color);
}

.revslider-initialised .case-arrow-slider2.tparrows:before {
  color: var(--primary-color);
  font-family: "Caseicon";
  font-size: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.revslider-initialised .case-arrow-slider2.tparrows.tp-leftarrow:before {
  content: "\f103";
}

.revslider-initialised .case-arrow-slider2.tparrows.tp-rightarrow:before {
  content: "\f104";
}

.revslider-initialised .case-arrow-slider2.tparrows:hover {
  background-color: var(--primary-color);
}

.revslider-initialised .case-arrow-slider2.tparrows:hover:before {
  color: #fff;
}

.ct-slider-boxtext {
  background-color: #fff;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 20px 26px;
  -webkit-box-shadow: 0 8px 29px rgba(33, 33, 128, 0.1);
  -khtml-box-shadow: 0 8px 29px rgba(33, 33, 128, 0.1);
  -moz-box-shadow: 0 8px 29px rgba(33, 33, 128, 0.1);
  -ms-box-shadow: 0 8px 29px rgba(33, 33, 128, 0.1);
  -o-box-shadow: 0 8px 29px rgba(33, 33, 128, 0.1);
  box-shadow: 0 8px 29px rgba(33, 33, 128, 0.1);
  margin-right: 10px;
  margin-top: 10px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  position: relative;
  width: 180px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

@media screen and (max-width: 1199px) {
  .ct-slider-boxtext {
    padding: 0;
    height: 64px;
    width: 64px;
    justify-content: center;
  }
}

.ct-slider-boxtext .item--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.ct-slider-boxtext .item--icon {
  line-height: 1;
  margin-right: 21px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .ct-slider-boxtext .item--icon {
    margin-right: 0;
  }
}

.ct-slider-boxtext .item--icon:before {
  content: '';
  height: 11px;
  width: 1px;
  background-color: #b4b4b4;
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

@media screen and (max-width: 1199px) {
  .ct-slider-boxtext .item--icon:before {
    display: none;
  }
}

.ct-slider-boxtext .item--icon i {
  font-size: 25px;
  color: var(--primary-color);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

@media screen and (max-width: 1199px) {
  .ct-slider-boxtext .item--icon i {
    font-size: 32px;
  }
}

.ct-slider-boxtext .item--content {
  font-size: 14px;
  line-height: 18px;
  color: #181f44;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  white-space: normal;
}

@media screen and (max-width: 1199px) {
  .ct-slider-boxtext .item--content {
    display: none;
  }
}

.ct-slider-boxtext:hover {
  background-color: var(--primary-color);
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.ct-slider-boxtext:hover .item--content,
.ct-slider-boxtext:hover .item--icon i {
  color: #fff;
}

.ct-slider-boxtext:hover .item--icon:before {
  background-color: #fff;
}

.el-empty:empty {
  display: none !important;
}

.ct-icon1.style1 a {
  font-size: 14px;
}

.ct-icon1.style1 a+a {
  margin-left: 10px;
}

.ct-icon1.style2 a {
  width: 37px;
  height: 41px;
  border: 1px solid var(--primary-color);
  background-color: #fff;
  color: #747474;
  font-size: 16px;
  line-height: 39px;
  text-align: center;
  display: inline-block;
}

.ct-icon1.style2 a:hover {
  color: var(--primary-color);
}

.ct-icon1.style2 a+a {
  margin-left: -5px;
}

.ct-mailchimp1 .mc4wp-form .mc4wp-response {
  font-size: 14px;
  margin-top: 15px;
  color: #999;
}

.ct-mailchimp1 .mc4wp-form .mc4wp-response p {
  margin-bottom: 0;
}

.ct-mailchimp1.style1 {
  position: relative;
}

.ct-mailchimp1.style1 .ct-field-group {
  position: relative;
  overflow: hidden;
}

.ct-mailchimp1.style1 .ct-field-group:before,
.ct-mailchimp1.style1 .ct-field-group:after {
  content: '';
  height: 46px;
  width: 62px;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  text-align: center;
  line-height: 46px;
}

.ct-mailchimp1.style1 .ct-field-group:before {
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
}

.ct-mailchimp1.style1 .ct-field-group:after {
  content: '\f1d8';
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
}

.ct-mailchimp1.style1 .ct-field-group:hover:after {
  animation: toTopFromBottom 0.3s forwards;
}

.ct-mailchimp1.style1 [type="email"] {
  font-size: 14px;
  color: #fff;
  padding-left: 24px;
  height: 46px;
  border: none;
  background-color: #0f0f35;
}

.ct-mailchimp1.style1 [type="submit"] {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  font-size: 0px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0px;
  width: 62px;
  height: 46px;
  background: none;
  z-index: 99;
}

.ct-mailchimp1.style2 form {
  max-width: 590px;
  margin: auto;
  position: relative;
}

@media screen and (max-width: 991px) {
  .ct-mailchimp1.style2 form {
    max-width: 480px;
  }
}

.ct-mailchimp1.style2 form [type="email"] {
  color: #9a9a9a;
  font-size: 17px;
  font-weight: 700;
  padding: 0 34px;
  height: 80px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0 0 46px rgba(7, 26, 98, 0.08);
  -khtml-box-shadow: 0 0 46px rgba(7, 26, 98, 0.08);
  -moz-box-shadow: 0 0 46px rgba(7, 26, 98, 0.08);
  -ms-box-shadow: 0 0 46px rgba(7, 26, 98, 0.08);
  -o-box-shadow: 0 0 46px rgba(7, 26, 98, 0.08);
  box-shadow: 0 0 46px rgba(7, 26, 98, 0.08);
}

@media screen and (max-width: 991px) {
  .ct-mailchimp1.style2 form [type="email"] {
    height: 60px;
    font-size: 16px;
    padding-left: 28px;
  }
}

.ct-mailchimp1.style2 form [type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 17px;
  font-family: 'Roboto';
  font-weight: 700;
  line-height: 80px;
  padding: 0 60px;
  border-radius: 10px;
  background: var(--primary-color);
}

@media screen and (max-width: 991px) {
  .ct-mailchimp1.style2 form [type="submit"] {
    font-size: 16px;
    padding: 0 32px;
    line-height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .ct-mailchimp1.style2 form [type="submit"] {
    position: static;
    margin-top: 30px;
  }
}

.ct-mailchimp1.style2 form [type="submit"]:hover {
  background: var(--third-color);
}

.ct-mailchimp1.style3 input {
  border-radius: 3px;
}

.ct-mailchimp1.style3 [type="submit"] {
  width: 100%;
  background-image: -webkit-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
  background-size: auto;
}

.ct-mailchimp1.style3 .field-input+.field-input {
  margin-top: 15px;
}

.ct-contact-form .ct-contact-meta {
  margin-bottom: 30px;
}

.ct-contact-form-layout1.style1 .input-filled>label,
.ct-contact-form-layout1.style1 .wpcf7-form-control-wrap label,
.ct-contact-form-layout1.style1 .input-filled>p>label {
  font-size: 15px;
  color: #00060f;
  display: flex;
  margin-bottom: 7px;
}

.ct-contact-form-layout1.style1 .wpcf7-form-control:not(.wpcf7-submit) {
  border-color: #fff;
  color: #656565;
  font-size: 14px;
  padding-left: 18px;
}

.ct-contact-form-layout1.style1 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: var(--primary-color);
  color: #000;
}

.ct-contact-form-layout1.style1 .wpcf7-form .wpcf7-form-control-wrap {
  margin-bottom: 30px;
}

.ct-contact-form-layout1.style1 .nice-select span.current {
  line-height: 35px;
}

.ct-contact-form-layout1.style2 .wpcf7-form-control:not(.wpcf7-submit) {
  border-color: #e7e7e7;
  background-color: #fafafa;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #888;
  font-size: 18px;
  padding-left: 18px;
  height: 55px;
  font-weight: 600;
  font-family: 'Fira Sans';
}

.ct-contact-form-layout1.style2 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: var(--primary-color);
  color: #000;
}

.ct-contact-form-layout1.style2 .wpcf7-form-control.wpcf7-textarea {
  height: 220px;
}

.ct-contact-form-layout1.style2 .wpcf7-form .wpcf7-form-control-wrap {
  margin-bottom: 20px;
}

.ct-contact-form-layout1.style2 .wpcf7-submit {
  line-height: 55px;
  padding: 0 26px;
}

.ct-contact-form-layout1.style3 .wpcf7-form-control:not(.wpcf7-submit) {
  border-color: #eaeaea;
  background-color: #fafafa;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #666;
  font-size: 15px;
  padding-left: 18px;
  height: 55px;
  font-weight: normal;
}

.ct-contact-form-layout1.style3 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: var(--primary-color);
  color: #000;
}

.ct-contact-form-layout1.style3 .wpcf7-form-control.wpcf7-textarea {
  height: 205px;
}

.ct-contact-form-layout1.style3 .wpcf7-form .wpcf7-form-control-wrap {
  margin-bottom: 20px;
}

.ct-contact-form-layout1.style3 .wpcf7-submit {
  line-height: 55px;
  padding: 0 32px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: 'Roboto';
}

.ct-contact-form-layout1.style4 .wpcf7-form-control:not(.wpcf7-submit) {
  border: none;
  border-bottom: 2px solid #e9e9e9;
  background-color: transparent;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  padding-left: 0;
  height: 55px;
}

.ct-contact-form-layout1.style4 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: var(--primary-color);
  color: #000;
}

.ct-contact-form-layout1.style4 .wpcf7-form-control.wpcf7-textarea {
  height: 110px;
  padding-top: 15px;
}

.ct-contact-form-layout1.style4 .wpcf7-form .wpcf7-form-control-wrap {
  margin-bottom: 16px;
}

.ct-contact-form-layout1.style4 .wpcf7-submit {
  line-height: 52px;
  padding: 0 25px;
  -webkit-border-radius: 52px;
  -khtml-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  margin-top: 4px;
  -webkit-box-shadow: 0 6px 27px rgba(15, 103, 246, 0.34);
  -khtml-box-shadow: 0 6px 27px rgba(15, 103, 246, 0.34);
  -moz-box-shadow: 0 6px 27px rgba(15, 103, 246, 0.34);
  -ms-box-shadow: 0 6px 27px rgba(15, 103, 246, 0.34);
  -o-box-shadow: 0 6px 27px rgba(15, 103, 246, 0.34);
  box-shadow: 0 6px 27px rgba(15, 103, 246, 0.34);
}

.ct-contact-form-layout1.style-box-gray1 .wpcf7-form-control:not(.wpcf7-submit) {
  border-color: #f5f8f8;
  background-color: #f5f8f8;
  height: 50px;
  font-size: 16px;
  color: rgba(85, 85, 85, 0.5);
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  font-family: 'Roboto';
}

.ct-contact-form-layout1.style-box-gray1 .wpcf7-form-control:not(.wpcf7-submit):hover,
.ct-contact-form-layout1.style-box-gray1 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: rgba(15, 103, 246, 0.2);
}

.ct-contact-form-layout1.style-box-gray1 .wpcf7-form-control.wpcf7-textarea {
  height: 105px;
  padding-top: 12px;
}

.ct-contact-form-layout1.style-box-gray1 .wpcf7-form-control-wrap {
  margin-bottom: 20px;
}

.ct-contact-form-layout1.style-box-gray1 .btn.btn-primary {
  box-shadow: none !important;
  border-radius: 3px;
  font-weight: 600;
  font-family: 'Roboto';
}

.ct-contact-form-layout1.style-border-gray3 {
  color: #6b6b6b;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-form-control:not(.wpcf7-submit) {
  border: 2px solid #e1e1e1;
  background-color: #fff;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  color: #4d4d4d;
  font-size: 16px;
  padding-right: 15px;
  padding-left: 18px;
  height: 56px;
  font-weight: normal;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: var(--primary-color);
  color: #000;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-form-control.wpcf7-textarea {
  height: 205px;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-form .wpcf7-form-control-wrap {
  margin-bottom: 34px;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-submit {
  line-height: 56px;
  padding: 0 60px;
  -webkit-border-radius: 56px;
  -khtml-border-radius: 56px;
  -moz-border-radius: 56px;
  -ms-border-radius: 56px;
  -o-border-radius: 56px;
  border-radius: 56px;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-submit.btn-primary {
  background-image: none;
}

.ct-contact-form-layout1.style-border-gray3 .wpcf7-submit.btn-primary:hover,
.ct-contact-form-layout1.style-border-gray3 .wpcf7-submit.btn-primary:focus {
  outline: none;
  background-image: none;
  -webkit-box-shadow: none !important;
  -khtml-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.ct-contact-form-layout1.style-border-gray3 .input-filled-description {
  margin-top: -12px;
  margin-bottom: 22px;
}

.ct-client-carousel1.style1 .ct-client--image {
  text-align: center;
  padding: 0 15px;
  margin: 28px 0;
  position: relative;
  overflow: hidden;
}

.ct-client-carousel1.style1 .ct-client--image a {
  display: inline-block;
  vertical-align: top;
}

.ct-client-carousel1.style1 .ct-client--image img {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  position: relative;
  width: auto;
}

.ct-client-carousel1.style1 .ct-client--image img.ct-client--imghover {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -150%);
  -khtml-transform: translate(-50%, -150%);
  -moz-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  -o-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  opacity: 0;
}

.ct-client-carousel1.style1 .ct-client--image.img-hover-active:hover .ct-client--imgmain {
  -webkit-transform: translateY(100%);
  -khtml-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

.ct-client-carousel1.style1 .ct-client--image.img-hover-active:hover .ct-client--imghover {
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
}

.ct-client-carousel1 .slick-track {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ct-client-carousel1.style2 .ct-client--image {
  text-align: center;
  padding: 0 15px;
}

.ct-client-carousel1.style2 .ct-client--image a {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.ct-client-carousel1.style2 .ct-client--image img {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  position: relative;
}

.ct-client-carousel1.style2 .ct-client--image img.image-two {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -150%);
  -khtml-transform: translate(-50%, -150%);
  -moz-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  -o-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  opacity: 0;
}

.ct-client-carousel1.style2 .ct-client--image a {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  position: relative;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

.ct-client-carousel1.style2 .ct-client--image a:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.ct-client-carousel1.style2 .ct-client--image a:hover img.image-one {
  -webkit-transform: translateY(100%);
  -khtml-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

.ct-client-carousel1.style2 .ct-client--image a:hover img.image-two {
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
}

.ct-client-grid1.style1 {
  margin: 0;
  overflow: hidden;
  padding: 0 50px;
  width: calc(100% + 100px);
  margin-left: -50px;
}

.ct-client-grid1.style1 .ct-client--image {
  text-align: center;
  padding: 0 15px;
  position: relative;
  overflow: hidden;
  min-height: 100px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.ct-client-grid1.style1 .ct-client--image a {
  display: inline-block;
  vertical-align: top;
}

.ct-client-grid1.style1 .ct-client--image img {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  position: relative;
  width: auto;
  max-height: 80px;
}

.ct-client-grid1.style1 .ct-client--image .ct-client--imghover {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.ct-client-grid1.style1 .ct-client--image.img-hover-active:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 15px 55px rgba(138, 138, 138, 0.3);
  -khtml-box-shadow: 0 15px 55px rgba(138, 138, 138, 0.3);
  -moz-box-shadow: 0 15px 55px rgba(138, 138, 138, 0.3);
  -ms-box-shadow: 0 15px 55px rgba(138, 138, 138, 0.3);
  -o-box-shadow: 0 15px 55px rgba(138, 138, 138, 0.3);
  box-shadow: 0 15px 55px rgba(138, 138, 138, 0.3);
}

.ct-client-grid1.style1 .ct-client--image.img-hover-active:hover .ct-client--imgmain {
  opacity: 0;
}

.ct-client-grid1.style1 .ct-client--image.img-hover-active:hover .ct-client--imghover {
  opacity: 1;
}

.ct-client-grid1.style1 .ct-grid-inner {
  padding: 70px 0;
}

.ct-client-grid1.style1 .ct-grid-inner .grid-item {
  padding: 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-top: -1px;
}

@media screen and (max-width: 1199px) {
  .ct-client-grid1.style1 .ct-grid-inner .grid-item {
    border: none;
  }
}

.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(1):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(2):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(4):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(5):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(7):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(8):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(10):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(11):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(13):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(14):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(16):before,
.ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(17):before {
  content: '';
  top: -40px;
  height: 180px;
  right: 0;
  width: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 100%;
}

@media screen and (max-width: 1199px) {

  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(1):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(2):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(4):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(5):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(7):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(8):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(10):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(11):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(13):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(14):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(16):before,
  .ct-client-grid1.style1 .ct-grid-inner .grid-item.col-xl-4:nth-child(17):before {
    display: none;
  }
}

.ct-client-grid1.style2 .ct-client--image {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}

.ct-client-grid1.style2 .ct-client--image .ct-client--imgmain {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.ct-client-grid1.style2 .ct-client--image .ct-client--imghover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transform: translateY(100%);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.ct-client-grid1.style2 a {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ct-client-grid1.style2 a:hover .ct-client--imgmain {
  transform: translateY(-100%);
}

.ct-client-grid1.style2 a:hover .ct-client--imghover {
  transform: translateY(0%);
}

.ct-image-single {
  position: relative;
  -webkit-border-radius: inherit !important;
  -khtml-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -ms-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  border-radius: inherit !important;
}

.ct-image-single:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 88;
}

.ct-image-single a {
  display: block;
}

.ct-image-single a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.ct-image-single img {
  -webkit-border-radius: inherit !important;
  -khtml-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -ms-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  border-radius: inherit !important;
  width: auto;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-image-single .img-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  opacity: 0;
}

.ct-image-single .ct-image-single--inner {
  display: inline-block;
  position: relative;
  border-radius: inherit;
}

.ct-text-editor .first-letter {
  display: inline-block;
  float: left;
  margin: 5px 16px 0 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-box-shadow: 0 10px 30px rgba(15, 103, 246, 0.45);
  -khtml-box-shadow: 0 10px 30px rgba(15, 103, 246, 0.45);
  -moz-box-shadow: 0 10px 30px rgba(15, 103, 246, 0.45);
  -ms-box-shadow: 0 10px 30px rgba(15, 103, 246, 0.45);
  -o-box-shadow: 0 10px 30px rgba(15, 103, 246, 0.45);
  box-shadow: 0 10px 30px rgba(15, 103, 246, 0.45);
  color: #fff;
  background-color: var(--primary-color);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: 600;
  font-family: 'Fira Sans';
}

.ct-text-editor .ct-item--inner {
  display: inline-block;
  width: 100%;
}

.ct-list .ct-list-icon i {
  display: inline-flex;
}

.ct-list .ct-list-item {
  display: flex;
  flex-wrap: nowrap;
  font-size: 17px;
  color: #666;
  line-height: 1.76;
}

.ct-list .ct-list-item i {
  font-size: 15px;
  margin-right: 10px;
}

.ct-list .ct-list-item+.ct-list-item {
  margin-top: 24px;
}

.ct-list-single {
  color: #454347;
  display: flex;
  flex-wrap: nowrap;
}

.ct-list-single .ct-list-number {
  min-width: 27px;
  height: 27px;
  width: 27px;
  line-height: 27px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 10px 13px rgba(18, 39, 184, 0.21);
  -khtml-box-shadow: 0 10px 13px rgba(18, 39, 184, 0.21);
  -moz-box-shadow: 0 10px 13px rgba(18, 39, 184, 0.21);
  -ms-box-shadow: 0 10px 13px rgba(18, 39, 184, 0.21);
  -o-box-shadow: 0 10px 13px rgba(18, 39, 184, 0.21);
  box-shadow: 0 10px 13px rgba(18, 39, 184, 0.21);
  margin-right: 14px;
}

.ct-case-studies1 .item--image {
  position: relative;
}

.ct-case-studies1 .item--image img {
  width: 100%;
}

.ct-case-studies1 .item--image.bg-image {
  height: 600px;
}

.ct-case-studies1 .item--image:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/case-overlay.png);
}

@media screen and (max-width: 767px) {
  .ct-case-studies1 .item--image:before {
    height: 140%;
  }
}

.ct-case-studies1 .item--subtitle {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-color);
  display: inline-flex;
  align-items: center;
  margin-bottom: 23px;
}

.ct-case-studies1 .item--subtitle svg {
  margin-left: 22px;
}

.ct-case-studies1 .item--title {
  margin-bottom: 20px;
  font-size: 30px;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .ct-case-studies1 .item--title {
    font-size: 24px;
  }
}

.ct-case-studies1 .item--title a {
  color: inherit;
}

.ct-case-studies1 .item--title a:hover {
  color: inherit;
}

.ct-case-studies1 .item--description {
  color: #e1e1e1;
  margin-bottom: 24px;
}

.ct-case-studies1 .item--readmore a {
  height: 52px;
  width: 52px;
  background-color: var(--primary-color);
  display: inline-block;
  line-height: 52px;
  text-align: center;
  -webkit-border-radius: 52px;
  -khtml-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
}

.ct-case-studies1 .item--readmore a i {
  display: inline-block;
}

.ct-case-studies1 .item--readmore a:hover i {
  -o-animation: toRightFromLeft 0.6s forwards;
  -ms-animation: toRightFromLeft 0.6s forwards;
  -webkit-animation: toRightFromLeft 0.6s forwards;
  animation: toRightFromLeft 0.6s forwards;
}

.ct-case-studies1 .item--holder {
  position: absolute;
  bottom: 0;
  left: 11%;
  padding: 30px 30px 40px 30px;
  max-width: 580px;
  z-index: 99;
}

@media screen and (max-width: 1600px) {
  .ct-case-studies1 .item--holder {
    left: 0;
    max-width: 500px;
  }
}

@media screen and (max-width: 1199px) {
  .ct-case-studies1 .item--holder {
    padding-bottom: 80px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  .ct-case-studies1 .item--holder {
    padding-left: 20px;
  }
}

.ct-case-studies1 .item--inner {
  position: relative;
}

.ct-case-studies1 .slick-dots {
  position: absolute;
  right: 15px;
  bottom: 0;
  background-color: rgba(64, 134, 247, 0.78);
  margin: 0;
  padding: 30px 62px 30px 137px;
  display: block;
  min-width: 46px;
}

@media screen and (max-width: 1600px) {
  .ct-case-studies1 .slick-dots {
    padding-left: 62px;
  }
}

@media screen and (max-width: 1199px) {
  .ct-case-studies1 .slick-dots {
    background-color: transparent;
    padding-left: 0;
    padding-right: 42px;
    padding-bottom: 20px;
  }
}

.ct-case-studies1 .slick-dots li {
  justify-content: center;
  margin: 14px 0;
}

.ct-case-studies1 .slick-dots li button {
  background-color: #fff;
}

.ct-case-studies1 .slick-dots li button:before {
  color: #fff;
}

.ct-case-studies1 .slick-dots li button:after {
  border-color: rgba(255, 255, 255, 0.9);
}

.ct-case-studies1 .slick-dots li.slick-active button {
  background-color: transparent;
  height: 46px;
  width: auto;
}

.ct-link1.default ul {
  list-style: none;
  margin: 0;
}

.ct-link1.style1 a {
  display: block;
  background-color: #e6ebf4;
  font-size: 18px;
  color: #000917;
  font-weight: 700;
  font-family: 'Fira Sans';
  padding: 14px 40px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .ct-link1.style1 a {
    padding-left: 30px;
    padding-right: 20px;
    font-size: 16px;
  }
}

.ct-link1.style1 a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  background-color: var(--third-color);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  width: 4px;
}

.ct-link1.style1 a:hover {
  color: #fff;
  background-color: var(--primary-color);
  padding-left: 60px;
}

@media screen and (max-width: 991px) {
  .ct-link1.style1 a:hover {
    padding-left: 40px;
  }
}

.ct-link1.style1 a:hover:before {
  content: '-';
  margin-right: 4px;
}

.ct-link1.style1 a:hover:after {
  height: 100%;
}

.ct-link1.style1 li+li {
  margin-top: 10px;
}

.ct-link1.style1 .ct-link-items {
  list-style: none;
  margin-bottom: 0;
}

.ct-link1.style2 a {
  color: #fff;
  font-weight: 700;
  position: relative;
}

.ct-link1.style2 a:before {
  content: '';
  width: 8px;
  height: 2px;
  background-color: var(--primary-color);
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}

.ct-link1.style2 a:hover {
  padding-left: 18px;
}

.ct-link1.style2 a:hover:before {
  opacity: 1;
  left: 0;
}

.ct-link1.style2 li+li {
  margin-top: 10px;
}

.ct-link1.style2 .ct-link-items {
  margin: 0;
  list-style: none;
}

.ct-slider-video {
  width: 92px;
  min-width: 92px;
  height: 92px;
  display: inline-block;
  background-color: #fff;
  -webkit-border-radius: 92px;
  -khtml-border-radius: 92px;
  -moz-border-radius: 92px;
  -ms-border-radius: 92px;
  -o-border-radius: 92px;
  border-radius: 92px;
  position: relative;
  line-height: 92px;
  text-align: center;
  font-size: 20px;
  color: var(--primary-color);
}

@media screen and (max-width: 991px) {
  .ct-slider-video {
    min-width: 80px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .ct-slider-video {
    min-width: 70px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 17px;
  }
}

.ct-slider-video:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.63);
  border-radius: 50%;
  animation: pulse-border2 1500ms ease-out infinite;
  -webkit-animation: pulse-border2 1500ms ease-out infinite;
  z-index: -2;
}

.ct-slider-video:hover,
.ct-slider-video:focus,
.ct-slider-video:active {
  color: var(--primary-color);
}

.ct-slider-video:hover:before,
.ct-slider-video:focus:before,
.ct-slider-video:active:before {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.ct-button-video1 a {
  font-size: 16px;
  padding-left: 28px;
  padding-right: 68px;
  line-height: 72px;
  overflow: visible !important;
}

.ct-button-video1 span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: -31px;
  width: 77px;
  height: 77px;
  background-color: #fff;
  -webkit-border-radius: 77px;
  -khtml-border-radius: 77px;
  -moz-border-radius: 77px;
  -ms-border-radius: 77px;
  -o-border-radius: 77px;
  border-radius: 77px;
  line-height: 77px;
  text-align: center;
  font-size: 18px;
  color: #000;
}

.ct-button-video2 {
  padding-top: 56px;
  padding-right: 60px;
  position: relative;
  max-width: 394px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .ct-button-video2 {
    padding-top: 30px;
    padding-right: 30px;
  }
}

.ct-button-video2 .ct-video-image img {
  width: 100%;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.ct-button-video2 .ct-video-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  animation: animationFramesTwo 12s infinite linear alternate;
}

.ct-button-video2 .el-btn-video {
  position: absolute;
  right: 30px;
  bottom: 56px;
  z-index: 99;
  width: 56px;
  height: 56px;
  font-size: 14px;
  line-height: 56px;
  text-align: center;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  color: #fff;
  -webkit-border-radius: 56px;
  -khtml-border-radius: 56px;
  -moz-border-radius: 56px;
  -ms-border-radius: 56px;
  -o-border-radius: 56px;
  border-radius: 56px;
}

@media screen and (max-width: 767px) {
  .ct-button-video2 .el-btn-video {
    right: 2px;
  }
}

.ct-button-video2 .el-btn-video:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 103, 246, 0.63);
  border-radius: 50%;
  animation: pulse-border2 1500ms ease-out infinite;
  -webkit-animation: pulse-border2 1500ms ease-out infinite;
  z-index: -2;
}

.ct-button-video2 .el-btn-video:hover:before,
.ct-button-video2 .el-btn-video:focus:before,
.ct-button-video2 .el-btn-video:active:before {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

body.rtl .ct-button-video2 {
  padding-left: 60px;
  padding-right: 0px;
}

@media screen and (max-width: 767px) {
  body.rtl .ct-button-video2 {
    padding-left: 30px;
    padding-right: 0px;
  }
}

body.rtl .ct-button-video2 .el-btn-video {
  right: auto;
  left: 30px;
}

@media screen and (max-width: 767px) {
  body.rtl .ct-button-video2 .el-btn-video {
    right: auto;
    left: 2px;
  }
}

body.rtl .ct-button-video2 .ct-video-shape {
  right: auto;
  left: 0;
}

body.rtl .btn-text-gr:hover i {
  margin-left: 0;
  margin-right: 8px;
}

.ct-banner1 .ct-banner-image {
  position: relative;
}

.ct-banner1 .ct-banner-image img {
  width: 100%;
}

.ct-banner1 .item--icon {
  line-height: 1;
  margin-right: 14px;
}

.ct-banner1 .item--icon i {
  font-size: 64px;
  color: var(--secondary-color);
}

@media screen and (max-width: 1199px) {
  .ct-banner1 .item--icon i {
    font-size: 54px;
  }
}

.ct-banner1 .item--title {
  font-size: 24px;
  margin-bottom: 8px;
  margin-top: 8px;
}

@media screen and (max-width: 1199px) {
  .ct-banner1 .item--title {
    font-size: 20px;
  }
}

.ct-banner1 .item--desc {
  font-size: 15px;
  line-height: 22px;
  color: #888;
}

.ct-banner1 .ct-banner-holder {
  background-color: #fff;
  position: absolute;
  bottom: -38px;
  left: 18px;
  right: 18px;
  -webkit-box-shadow: 0 8px 65px rgba(12, 12, 12, 0.19);
  -khtml-box-shadow: 0 8px 65px rgba(12, 12, 12, 0.19);
  -moz-box-shadow: 0 8px 65px rgba(12, 12, 12, 0.19);
  -ms-box-shadow: 0 8px 65px rgba(12, 12, 12, 0.19);
  -o-box-shadow: 0 8px 65px rgba(12, 12, 12, 0.19);
  box-shadow: 0 8px 65px rgba(12, 12, 12, 0.19);
  -webkit-border-radius: 30px 30px 0 0;
  -khtml-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
  -ms-border-radius: 30px 30px 0 0;
  -o-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  padding: 20px 30px;
  display: flex;
  flex-wrap: nowrap;
}

@media screen and (max-width: 1199px) {
  .ct-banner1 .ct-banner-holder {
    position: static;
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.ct-banner1 .ct-banner-counter {
  position: absolute;
  padding: 27px 20px 27px 26px;
  width: 170px;
  top: -48px;
  left: -45px;
  z-index: 99;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .ct-banner1 .ct-banner-counter {
    left: 0;
  }
}

.ct-banner1 .ct-banner-counter:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../images/counter-dots.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.ct-banner1 .ct-banner-counter .ct-counter-number-value {
  line-height: 1;
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  font-family: 'Fira Sans';
  margin-bottom: 4px;
}

.ct-banner1 .ct-banner-counter .ct-counter-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
}

.ct-banner1 .ct-banner-inner {
  padding-top: 90px;
  margin-right: 100px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .ct-banner1 .ct-banner-inner {
    margin-right: 30px;
    padding-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .ct-banner1 .ct-banner-inner {
    margin-right: 0px;
  }
}

.ct-banner1 .ct-banner-inner:before {
  content: '';
  width: 550px;
  height: 550px;
  border: 66px solid var(--primary-color);
  position: absolute;
  top: 0px;
  right: -100px;
  z-index: -1;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  animation: el-bounce 3s infinite linear alternate;
}

@media screen and (max-width: 1199px) {
  .ct-banner1 .ct-banner-inner:before {
    width: 360px;
    height: 360px;
    border-width: 40px;
    right: -30px;
  }
}

@media screen and (max-width: 767px) {
  .ct-banner1 .ct-banner-inner:before {
    width: 280px;
    height: 280px;
    border-width: 32px;
    right: -50px;
  }
}

.ct-banner2 .ct-banner-image {
  position: relative;
  z-index: 99;
  padding-top: 42px;
  padding-right: 64px;
  padding-left: 44px;
}

@media screen and (max-width: 1024px) {
  .ct-banner2 .ct-banner-image {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .ct-banner2 .ct-banner-image {
    padding: 0 20px 0 0;
  }
}

.ct-banner2 .ct-banner-image img {
  width: 100%;
  -webkit-box-shadow: 0 25px 18px rgba(0, 9, 69, 0.28);
  -khtml-box-shadow: 0 25px 18px rgba(0, 9, 69, 0.28);
  -moz-box-shadow: 0 25px 18px rgba(0, 9, 69, 0.28);
  -ms-box-shadow: 0 25px 18px rgba(0, 9, 69, 0.28);
  -o-box-shadow: 0 25px 18px rgba(0, 9, 69, 0.28);
  box-shadow: 0 25px 18px rgba(0, 9, 69, 0.28);
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.ct-banner2 .ct-banner-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 184px;
  bottom: 75px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  z-index: -1;
  background-color: #f4f9fd;
}

.ct-banner2 .ct-banner-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 88;
  animation: animationFramesFive 12s infinite linear alternate;
}

.ct-banner2 .ct-banner-inner {
  position: relative;
}

.ct-banner3 {
  height: 590px;
  position: relative;
  z-index: 1;
  margin-left: 80px;
}

@media screen and (max-width: 1199px) {
  .ct-banner3 {
    margin-left: 48px;
  }
}

@media screen and (max-width: 767px) {
  .ct-banner3 {
    margin-left: 0px;
    height: 420px;
  }
}

.ct-banner3:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 465px 0px 5px 5px;
  -khtml-border-radius: 465px 0px 5px 5px;
  -moz-border-radius: 465px 0px 5px 5px;
  -ms-border-radius: 465px 0px 5px 5px;
  -o-border-radius: 465px 0px 5px 5px;
  border-radius: 465px 0px 5px 5px;
  z-index: -2;
}

@media screen and (max-width: 767px) {
  .ct-banner3:before {
    -webkit-border-radius: 225px 0px 5px 5px;
    -khtml-border-radius: 225px 0px 5px 5px;
    -moz-border-radius: 225px 0px 5px 5px;
    -ms-border-radius: 225px 0px 5px 5px;
    -o-border-radius: 225px 0px 5px 5px;
    border-radius: 225px 0px 5px 5px;
  }
}

.ct-banner3:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 465px 0px 5px 5px;
  -khtml-border-radius: 465px 0px 5px 5px;
  -moz-border-radius: 465px 0px 5px 5px;
  -ms-border-radius: 465px 0px 5px 5px;
  -o-border-radius: 465px 0px 5px 5px;
  border-radius: 465px 0px 5px 5px;
  z-index: -1;
  overflow: hidden;
  background-image: url(../images/overlay-shape3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .ct-banner3:after {
    -webkit-border-radius: 225px 0px 5px 5px;
    -khtml-border-radius: 225px 0px 5px 5px;
    -moz-border-radius: 225px 0px 5px 5px;
    -ms-border-radius: 225px 0px 5px 5px;
    -o-border-radius: 225px 0px 5px 5px;
    border-radius: 225px 0px 5px 5px;
  }
}

.ct-banner3 .ct-banner-image {
  position: absolute;
  top: 45px;
  left: -75px;
  right: 74px;
  border: 10px solid #fff;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.ct-banner3 .ct-banner-image img {
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

@media screen and (max-width: 767px) {
  .ct-banner3 .ct-banner-image {
    left: 0px;
  }
}

.ct-banner3 .ct-banner-counter {
  position: absolute;
  top: -10px;
  left: -90px;
  width: 170px;
  height: 170px;
  border: 10px solid #fff;
  border-radius: 170px;
  overflow: hidden;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-box-shadow: 0 10px 60px rgba(0, 10, 80, 0.15);
  -khtml-box-shadow: 0 10px 60px rgba(0, 10, 80, 0.15);
  -moz-box-shadow: 0 10px 60px rgba(0, 10, 80, 0.15);
  -ms-box-shadow: 0 10px 60px rgba(0, 10, 80, 0.15);
  -o-box-shadow: 0 10px 60px rgba(0, 10, 80, 0.15);
  box-shadow: 0 10px 60px rgba(0, 10, 80, 0.15);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ct-banner3 .ct-banner-counter {
    left: 0px;
  }
}

.ct-banner3 .ct-banner-counter .ct-counter-title {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 10px;
}

.ct-banner3 .ct-banner-counter .ct-counter-number-value {
  font-size: 44px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

.ct-banner3 .item--title {
  position: absolute;
  bottom: 50px;
  right: 18px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg) translate(100%, 0);
  -khtml-transform: rotate(-90deg) translate(100%, 0);
  -moz-transform: rotate(-90deg) translate(100%, 0);
  -ms-transform: rotate(-90deg) translate(100%, 0);
  -o-transform: rotate(-90deg) translate(100%, 0);
  transform: rotate(-90deg) translate(100%, 0);
  transform-origin: right bottom;
}

@media screen and (max-width: 767px) {
  .ct-banner3 .item--title {
    right: 0;
    left: 20px;
    white-space: inherit;
    -webkit-transform: rotate(0deg) translate(0%, 0);
    -khtml-transform: rotate(0deg) translate(0%, 0);
    -moz-transform: rotate(0deg) translate(0%, 0);
    -ms-transform: rotate(0deg) translate(0%, 0);
    -o-transform: rotate(0deg) translate(0%, 0);
    transform: rotate(0deg) translate(0%, 0);
    bottom: 30px;
    font-size: 20px;
    line-height: normal;
  }
}

.ct-banner4 .ct-banner-image img {
  width: 100%;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.ct-banner4 .ct-banner-image-sm {
  max-width: 318px;
  width: 65%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  border-radius: 5px 0px 0px 0;
  padding: 15px 0px 15px 15px;
}

@media screen and (max-width: 1400px) {
  .ct-banner4 .ct-banner-image-sm {
    max-width: 202px;
  }
}

.ct-banner4 .ct-banner-image-sm img {
  width: 100%;
}

.ct-banner4 .item--title {
  font-size: 20px;
  margin-bottom: 0px;
  position: absolute;
  line-height: 82px;
  white-space: nowrap;
  background-color: var(--primary-color);
  text-align: center;
  padding: 0 20px;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  max-width: 322px;
  overflow: hidden;
  top: 0;
  right: 82px;
  transform-origin: top right;
  transform: rotate(-90deg);
}

@media screen and (max-width: 1400px) {
  .ct-banner4 .item--title {
    line-height: 52px;
    font-size: 17px;
    right: 52px;
    max-width: 222px;
  }
}

.ct-banner4 .ct-banner-inner {
  position: relative;
  padding-right: 94px;
}

@media screen and (max-width: 1400px) {
  .ct-banner4 .ct-banner-inner {
    padding-right: 64px;
  }
}

.ct-history-carousel1 .item--image {
  display: inline-block;
  margin: 0 auto;
  background-color: transparent;
  width: 113px;
  height: 128px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-history-carousel1 .item--image .item--mask {
  content: '';
  width: 100%;
  height: 100%;
  mask-image: url(../images/bg-history.png);
  -webkit-mask-image: url(../images/bg-history.png);
  -ms-mask-image: url(../images/bg-history.png);
  -o-mask-image: url(../images/bg-history.png);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  mask-position: center top;
  display: inline-block;
}

.ct-history-carousel1 .item--title {
  font-size: 20px;
  line-height: 26px;
  margin-top: 17px;
  margin-bottom: 12px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-history-carousel1 .item--year {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  font-family: 'Fira Sans';
  line-height: 54px;
  position: relative;
  background-color: var(--primary-color);
  margin: 11px 24px 0;
}

.ct-history-carousel1 .item--year:before {
  content: '';
  border-color: transparent transparent transparent var(--primary-color);
  border-width: 27px;
  border-style: solid;
  position: absolute;
  top: 0;
  right: -54px;
}

.ct-history-carousel1 .item--year span:before,
.ct-history-carousel1 .item--year span:after {
  content: '';
  border-width: 27px;
  border-style: solid;
  position: absolute;
  left: -27px;
}

.ct-history-carousel1 .item--year span:before {
  top: 0;
  border-color: var(--primary-color) var(--primary-color) transparent transparent;
}

.ct-history-carousel1 .item--year span:after {
  bottom: 0;
  border-color: transparent var(--primary-color) var(--primary-color) transparent;
}

.ct-history-carousel1 .item--description {
  font-size: 15px;
  line-height: 22px;
  color: #6a6a6a;
}

.ct-history-carousel1 .item--inner {
  text-align: center;
  margin-top: 15px;
}

.ct-history-carousel1 .item--inner:hover .item--title {
  color: var(--primary-color);
}

.ct-history-carousel1 .item--inner:hover .item--image {
  animation: icon-bounce 800ms ease-out infinite;
  -webkit-animation: icon-bounce 800ms ease-out infinite;
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] {
  padding: 0 80px;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 767px) {
  .ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"]:before {
  content: '';
  height: 0;
  left: 15px;
  right: 15px;
  z-index: -1;
  border-bottom: 2px dotted #cec7b9;
  position: absolute;
  top: 188px;
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow {
  margin: 0;
  top: 173px;
  transform: translate(0, 0);
  bottom: auto;
  height: 30px;
  width: 30px;
  background-color: #f0f3f7;
  border: 3px solid var(--primary-color);
  color: #191919;
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow:before {
  font-size: 10px;
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow.slick-prev {
  left: 0;
  right: auto;
}

@media screen and (max-width: 1199px) {
  .ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow.slick-prev {
    left: 15px;
  }
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow.slick-next {
  left: auto;
  right: 0;
}

@media screen and (max-width: 1199px) {
  .ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow.slick-next {
    right: 15px;
  }
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow:hover {
  color: #191919;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.ct-history-carousel1 .ct-slick-carousel[data-arrows="true"] .slick-arrow:hover:before {
  color: #fff;
}

.ct-particle-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 991px) {
  .ct-particle-animate {
    display: none;
  }
}

.ct-particle-animate.img-above-content {
  z-index: 99;
}

.ct-particle-animate img {
  width: 100% !important;
  height: auto;
}

.ct-particle-animate div {
  position: absolute;
}

.ct-particle-animate div.top-left {
  top: 0;
  left: 0;
}

.ct-particle-animate div.top-right {
  top: 0;
  right: 0;
}

.ct-particle-animate .shape-animate1 {
  animation: animationFramesTwo 12s infinite linear alternate;
}

.ct-particle-animate .shape-animate2 {
  animation: animationFramesOne 12s infinite linear alternate;
}

.ct-particle-animate .shape-animate3 {
  animation: animationFramesFour 12s infinite linear alternate;
}

.ct-particle-animate .shape-animate4 {
  animation: animationFramesThree 12s infinite linear alternate;
}

.ct-particle-animate .shape-animate5 {
  animation: animationFramesFive 12s infinite linear alternate;
}

.ct-particle-animate .shape-animate6 {
  animation: particleToptoBottom 10s infinite linear alternate;
}

.el-square-gradient .slick-dots:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: 99;
  width: 72px;
  height: 72px;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
}

.ct-pricing-single1 {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.05);
  -khtml-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.05);
  -moz-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.05);
  -ms-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.05);
  -o-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.05);
  box-shadow: 0 17px 50px rgba(0, 10, 80, 0.05);
  text-align: center;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-pricing-single1:hover {
  -webkit-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.15);
  -khtml-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.15);
  -moz-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.15);
  -ms-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.15);
  -o-box-shadow: 0 17px 50px rgba(0, 10, 80, 0.15);
  box-shadow: 0 17px 50px rgba(0, 10, 80, 0.15);
}

.ct-pricing-single1 .pricing--holder {
  padding: 25px 20px 40px 20px;
}

.ct-pricing-single1 .pricing--meta {
  padding: 42px 20px 152px 20px;
  position: relative;
  z-index: 99;
}

.ct-pricing-single1 .pricing--meta .item--image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ct-pricing-single1 .pricing--meta .item--image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 103, 246, 0.8);
}

.ct-pricing-single1 .pricing--meta svg {
  height: 84px;
  fill: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.ct-pricing-single1 .pricing--title {
  font-size: 36px;
  margin-bottom: 0;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .ct-pricing-single1 .pricing--title {
    font-size: 24px;
  }
}

.ct-pricing-single1 .pricing--icon {
  position: absolute;
  bottom: -4px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 104px;
  width: 104px;
  border: 3px solid var(--primary-color);
  background-color: #fff;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.ct-pricing-single1 .pricing--icon i {
  font-size: 60px;
}

.ct-pricing-single1 .pricing--price {
  font-family: 'Fira Sans';
  font-size: 36px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
  .ct-pricing-single1 .pricing--price {
    font-size: 24px;
  }
}

.ct-pricing-single1 .pricing--feature {
  list-style: none;
  font-size: 18px;
  color: #888;
  margin-bottom: 24px;
}

@media screen and (max-width: 1199px) {
  .ct-pricing-single1 .pricing--feature {
    font-size: 15px;
  }
}

.ct-pricing-single1 .pricing--feature li i {
  font-size: 13px;
  margin-right: 4px;
}

.ct-pricing-single1 .pricing--feature li+li {
  margin-top: 10px;
}

.ct-pricing-single1 .pricing--button .btn {
  font-weight: 600;
  color: #333;
  background: transparent;
  border: 2px solid var(--primary-color);
  line-height: 41px;
  padding: 0 26px;
}

.ct-pricing-single1 .pricing--button .btn:hover {
  background: var(--primary-color);
  color: #fff;
}

.ct-pricing-single2 {
  background-color: #fafdff;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 50px 30px 68px 30px;
  -webkit-box-shadow: 0 15px 18px rgba(2, 0, 103, 0.05);
  -khtml-box-shadow: 0 15px 18px rgba(2, 0, 103, 0.05);
  -moz-box-shadow: 0 15px 18px rgba(2, 0, 103, 0.05);
  -ms-box-shadow: 0 15px 18px rgba(2, 0, 103, 0.05);
  -o-box-shadow: 0 15px 18px rgba(2, 0, 103, 0.05);
  box-shadow: 0 15px 18px rgba(2, 0, 103, 0.05);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  text-align: center;
}

.ct-pricing-single2 .pricing--title {
  font-size: 30px;
  color: #06163a;
  margin-bottom: 26px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

@media screen and (max-width: 1199px) {
  .ct-pricing-single2 .pricing--title {
    font-size: 24px;
  }
}

.ct-pricing-single2 .pricing--price {
  font-size: 33px;
  color: #06163a;
  font-weight: 700;
  height: 120px;
  width: 120px;
  position: relative;
  -webkit-border-radius: 120px;
  -khtml-border-radius: 120px;
  -moz-border-radius: 120px;
  -ms-border-radius: 120px;
  -o-border-radius: 120px;
  border-radius: 120px;
  z-index: 1;
  line-height: 120px;
  margin: 0 auto 24px auto;
  right: 12px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-pricing-single2 .pricing--price cite {
  font-size: 18px;
  font-style: normal;
}

.ct-pricing-single2 .pricing--price span {
  position: absolute;
  top: 3px;
  right: -28px;
  width: 58px;
  height: 58px;
  line-height: 58px;
  font-size: 22px;
  background-color: #fff;
  -webkit-border-radius: 58px;
  -khtml-border-radius: 58px;
  -moz-border-radius: 58px;
  -ms-border-radius: 58px;
  -o-border-radius: 58px;
  border-radius: 58px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-pricing-single2 .pricing--price:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 120px;
  -khtml-border-radius: 120px;
  -moz-border-radius: 120px;
  -ms-border-radius: 120px;
  -o-border-radius: 120px;
  border-radius: 120px;
  -webkit-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  z-index: -1;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-pricing-single2 .pricing--price:after {
  content: '';
  -webkit-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 3px;
  right: -28px;
  width: 58px;
  height: 58px;
  background-color: #fff;
  z-index: -2;
  -webkit-border-radius: 58px;
  -khtml-border-radius: 58px;
  -moz-border-radius: 58px;
  -ms-border-radius: 58px;
  -o-border-radius: 58px;
  border-radius: 58px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.ct-pricing-single2 .pricing--feature {
  font-size: 16px;
  color: #244080;
  margin-bottom: 40px;
  list-style: none;
}

.ct-pricing-single2 .pricing--feature li+li {
  margin-top: 20px;
}

@media screen and (max-width: 1199px) {
  .ct-pricing-single2 .pricing--feature {
    font-size: 15px;
  }
}

.ct-pricing-single2 .pricing--button .btn {
  line-height: 54px;
  padding: 0 44px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #06163a;
  font-size: 16px;
}

.ct-pricing-single2:hover {
  -webkit-box-shadow: 0 18px 40px rgba(88, 91, 255, 0.11);
  -khtml-box-shadow: 0 18px 40px rgba(88, 91, 255, 0.11);
  -moz-box-shadow: 0 18px 40px rgba(88, 91, 255, 0.11);
  -ms-box-shadow: 0 18px 40px rgba(88, 91, 255, 0.11);
  -o-box-shadow: 0 18px 40px rgba(88, 91, 255, 0.11);
  box-shadow: 0 18px 40px rgba(88, 91, 255, 0.11);
  background-color: #fff;
}

.ct-pricing-single2:hover .pricing--title {
  color: var(--primary-color);
}

.ct-pricing-single2:hover .pricing--price {
  color: #fff;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.ct-pricing-single2:hover .pricing--price:before {
  background-color: var(--primary-color);
}

.ct-pricing-single2:hover .pricing--price span,
.ct-pricing-single2:hover .pricing--price:after {
  background-color: #e3471f;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.ct-pricing-single2:hover .pricing--button .btn {
  background-color: #e3471f;
}

.ct-pricing-single3 {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
  text-align: center;
}

.ct-pricing-single3 .pricing--meta {
  padding: 15px 20px 20px;
}

.ct-pricing-single3 .pricing--meta .pricing--title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .ct-pricing-single3 .pricing--meta .pricing--title {
    font-size: 20px;
  }
}

.ct-pricing-single3 .pricing--icon {
  position: relative;
  z-index: 1;
  padding: 38px 0 0 0;
  margin-top: -5px;
  margin-bottom: 118px;
}

.ct-pricing-single3 .pricing--icon:before {
  content: '';
  height: 68%;
  background-color: #f5f8f8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.ct-pricing-single3 .pricing--icon svg {
  fill: #f5f8f8;
  position: absolute;
  top: 68%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: auto;
}

.ct-pricing-single3 .pricing--price {
  font-size: 42px;
  color: #000;
  line-height: 1;
  margin-bottom: 35px;
}

@media screen and (max-width: 1199px) {
  .ct-pricing-single3 .pricing--price {
    font-size: 32px;
  }
}

.ct-pricing-single3 .pricing--price span {
  font-size: 16px;
  color: #555;
}