#navmenu-nav li.account-menu.active .navbar-link,
#navmenu-nav li.account-menu:hover .navbar-link,
#preloader #status .spinner .double-bounce1,
#preloader #status .spinner .double-bounce2,
#topnav .navbar-toggle.open span:hover,
.bg-animation-left.crypto-home:after,
.bg-animation-left.task-management-home:after,
.bg-primary,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-primary,
.btn-soft-primary.active,
.btn-soft-primary.focus,
.btn-soft-primary:active,
.btn-soft-primary:focus,
.btn-soft-primary:hover,
.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after,
.features.fea-primary:hover,
.form-check-input.form-check-input:checked,
.nav-pills .nav-link.active,
.pagination .page-item.active .page-link,
.qs-datepicker-container .qs-squares .qs-square.qs-current,
.qs-datepicker-container
  .qs-squares
  .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover,
.ribbon.ribbon-primary span,
.sidebar .widget .tagcloud > a:hover,
.social-icon li a:hover,
.swiper-slider-hero .swiper-container .swiper-button-prev:hover,
.timeline-page .timeline-item .date-label-left:after,
.timeline-page .timeline-item .duration-right:after,
.tns-nav button.tns-nav-active,
.work-container.work-modern .icons .work-icon:hover {
  background-color: #2f55d4 !important;
}
#navmenu-nav li.active a,
#topnav .has-submenu.active .submenu li.active > a,
#topnav .has-submenu.active a,
#topnav .navigation-menu > li .submenu li a:hover,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li.has-submenu.open > a,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li > a:active,
#topnav .navigation-menu > li > a:hover,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a,
#topnav.scroll .navigation-menu > li.active > a,
#topnav.scroll .navigation-menu > li:hover > a,
.accordion .accordion-button:not(.collapsed),
.accordion .accordion-item .accordion-button:before,
.alert-outline-primary,
.bg-soft-primary,
.blog .content .post-meta .readmore:hover,
.blog .content .title:hover,
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item.active,
.btn-outline-primary,
.btn-soft-primary,
.candidate-list .name:hover,
.categories a:hover,
.company-list .name:hover,
.component-wrapper.sticky-bar li a:focus,
.component-wrapper.sticky-bar li a:hover,
.container-filter li.active,
.container-filter li:hover,
.courses-desc .content .title:hover,
.dropdown-primary .dropdown-menu .dropdown-item.active,
.dropdown-primary .dropdown-menu .dropdown-item.focus,
.dropdown-primary .dropdown-menu .dropdown-item:active,
.dropdown-primary .dropdown-menu .dropdown-item:focus,
.dropdown-primary .dropdown-menu .dropdown-item:hover,
.event-schedule .content .title:hover,
.explore-feature:hover .icon,
.explore-feature:hover .title,
.features.fea-primary .content .title:hover,
.features.feature-clean .title:hover,
.job-box .company-name:hover,
.job-box .position a:hover,
.media-list .media .media-heading:hover,
.pricing-rates.business-rate:hover .title,
.shop-list .content .product-name:hover,
.sidebar .widget .blog-categories li a:hover,
.sidebar .widget .post-recent .post-recent-content a:hover,
.team .name:hover,
.text-primary,
.work-container.work-classic .content .title:hover,
.work-container.work-grid .content .title:hover,
.work-container.work-modern .content .title:hover {
  color: #2f55d4 !important;
}
#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow,
#topnav .has-submenu.active.active .menu-arrow,
#topnav .navigation-menu > li:hover > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav.scroll .navigation-menu > li.active > .menu-arrow,
#topnav.scroll .navigation-menu > li:hover > .menu-arrow,
.alert-outline-primary,
.alert-primary,
.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-primary,
.btn-soft-primary.active,
.btn-soft-primary.focus,
.btn-soft-primary:active,
.btn-soft-primary:focus,
.btn-soft-primary:hover,
.container-filter li.active,
.container-filter li:hover,
.event-schedule:hover,
.form-check-input.form-check-input:checked,
.form-check-input:focus,
.form-control:focus,
.pagination .page-item.active .page-link,
.pricing-rates.starter-plan,
.social-icon li a:hover,
.swiper-slider-hero .swiper-container .swiper-button-next:hover {
  border-color: #2f55d4 !important;
}
.app-feature-shape-left:after,
.app-feature-shape-right:after,
.bg-soft-primary,
.btn-soft-primary,
.event-schedule .date .day,
.features .icon,
.features.feature-clean .icons i,
.features:hover .image:before,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  background-color: rgba(47, 85, 212, 0.1) !important;
}
.bg-soft-primary,
.btn-soft-primary {
  border: 1px solid rgba(47, 85, 212, 0.1) !important;
}
.app-feature-shape-left:after,
.app-feature-shape-right:after,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  box-shadow: 0 0 40px rgba(47, 85, 212, 0.1);
}
.event-schedule .date .day {
  box-shadow: 0 0 2px 0.25px rgba(47, 85, 212, 0.5);
}
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-primary,
.btn-soft-primary {
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}
.alert-primary,
.pagination .page-item .page-link:hover,
::selection {
  background: rgba(47, 85, 212, 0.9);
  border-color: rgba(47, 85, 212, 0.9);
}
.social-icon li a:hover .fea-social {
  fill: #2f55d4;
}
.bg-circle-gradiant {
  background: radial-gradient(
    circle at 50% 50%,
    rgba(47, 85, 212, 0.1) 0,
    rgba(47, 85, 212, 0.1) 33.333%,
    rgba(47, 85, 212, 0.3) 33.333%,
    rgba(47, 85, 212, 0.3) 66.666%,
    rgba(47, 85, 212, 0.5) 66.666%,
    rgba(47, 85, 212, 0.5) 99.999%
  );
}
.tns-nav button {
  background: rgba(47, 85, 212, 0.5) !important;
}
.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after,
.freelance-hero .bg-shape:after {
  box-shadow: 0 0 40px rgba(47, 85, 212, 0.5);
}
.freelance-hero .bg-shape:after {
  background-color: #99abea;
}
.key-feature .icon {
  background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15));
}
.features .image:before {
  background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.1));
}
.features .secondary:before {
  background: linear-gradient(45deg, transparent, rgba(238, 240, 244));
}
.features .success:before {
  background: linear-gradient(45deg, transparent, rgba(234, 250, 243));
}
.features .danger:before {
  background: linear-gradient(45deg, transparent, rgba(252, 235, 237));
}
.features .warning:before {
  background: linear-gradient(45deg, transparent, rgba(254, 241, 233));
}
.features .info:before {
  background: linear-gradient(45deg, transparent, rgba(231, 246, 248));
}
.home-wrapper:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(47, 85, 212, 0.3)),
    to(transparent)
  );
  background: linear-gradient(90deg, rgba(47, 85, 212, 0.3), transparent);
}
.play-icon i {
  -webkit-text-stroke: 2px #2f55d4;
  -webkit-text-fill-color: transparent;
}
.play-icon i:hover {
  -webkit-text-stroke: 2px #2f55d4;
  -webkit-text-fill-color: #2f55d4;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #284bc1 !important;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #2443ac !important;
  border-color: #2443ac !important;
}
.ribbon.ribbon-primary span:before {
  border-left-color: #2443ac;
  border-top-color: #2443ac;
}
.ribbon.ribbon-primary span:after {
  border-right-color: #2443ac;
  border-top-color: #2443ac;
}
.banner-absolute {
  margin: -150px 0px 0px;
}
.text-orange {
  color: #ef7032;
}
.bg-primary-light {
  background-color: #e9edfb !important;
}
.content-wrapper {
  position: relative;
}
.content-wrapper:before {
  content: "";
  background-image: url(../../images/qoute.svg);
  position: absolute;
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.2;
  top: 0.8rem;
  transform: rotate(180deg);
}
.content-wrapper:after {
  content: "";
  background-image: url(../../images/qoute.svg);
  position: absolute;
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.2;
  bottom: 10px;
  right: 0;
}
.pricing-testimonial-git{
 height: 20px;
}
.pricing-testimonial-trust{
  max-height: 50px;
}
@media (max-width: 767px) {
  .pricing-testimonial-header{
      flex-direction: column;
      justify-content: center;
      text-align: center;
  }
  .pricing-testimonial-trust{
    margin-top: 20px;

  }
}
/*********************************/
.addons-filters input[type="radio"] {
  display: none;
}
.addons-filters label{
  font-size: 0.9em;
  font-weight: 600;
  padding: 0.2em 1em;
  background-color: #F7F9FB;
  border: 1px solid #E6EBF1;
  color: #8492a6;
  margin-bottom: 1em;
  margin-left: 1em;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 0.4em;
  line-height: 2.4em;
  cursor: pointer;
}

.addons-filters input[type="radio"]:checked + label{ 
  background-color: #2F55D4;
  
  color: #ffffff;
  box-shadow: 0 4px 85px 0 rgb(0 0 0 / 20%);
}


.addons-card-inner{
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin-bottom: 20px;
}
.addons-card-inner:hover{
  box-shadow: 0 5px 40px #0000000d;
  transform: scale(1.02);
}
.addons-head{
  width: 100%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.addons-head a{
  display: block;
  cursor: pointer;
}
.addons-head-img{
  width: 100%;
  height: 235px!important;
  object-fit: cover;
}
.addons-body{
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
  padding: 1.75em;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
    flex-direction: column;
    min-height: 300px;
    justify-content: space-between;
}
.addons-body h4{
  font-size: 1.2em!important;
  line-height: 1.4em;    
  font-weight: bold;
}
.addons-body p {
  font-size: 0.9em;
  margin-bottom: 0.5em!important;
  color: #8492a6;
}

.addons-body .tt_button{
      padding: 1em;
  margin-top: 1em;
}
.addons-bagde{
  position: absolute;
  top: 12px;
  left: 12px;
  font-weight: bold;
}
.category-bg {
  background-color: #ffffff;
  color: #000;
  padding: 7px;
}

#clear-filters {
cursor: pointer;  
}
.isotope-pager{
  text-align: center;
}
.pager {
  margin: 0px 5px;
  display: inline-block;
  padding: 10px;
  background-color: #f7f9fb;
  border: 1px solid #e5ebf1;
  color: #89939c;
  font-size: 1em;
  line-height: 1;
  width: 3em;
  text-align: center;
  border-radius: 2px;
  margin-top: 2em;
}
.pager.active{
  background-color: #2F55D4!important;
  color:#ffffff;
}
.text-black{
  color: #000!important;
}
.pricing-cost{
  font-size: 1.5em;
    font-weight: bolder;
    color: #2F55D4;
}
.bg-gradiant{
  background: linear-gradient(
    180deg,
    #f5f9ff 0%,
    #e6f0ff 0.01%,
    rgba(255, 255, 255, 0) 100%
  );
}
.desc-width{
  max-width: 800px;
}


.calendly-container {
  position: fixed;
  /* float: none; */
  right: 5px;
  top: 30vh;
  text-align: center;
  z-index: 9999;
  display: flex;
}

.calendly-container .calendly-cta {
     display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  /* border: 2px solid red; */
  background-color: #0ce4f0;
  color: #fff;
  transition: width 0.7s;
  align-items: center;
  box-shadow: 0 6px 18px rgb(21 34 53 / 30%);
}
.calendly-container .calendly-cta:hover {
  width: 200px;
  transition: width 0.7s;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.calendly-container .calendly-cta img {
  opacity: 1;
  transition: opacity 0.5s;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.calendly-container .calendly-cta:hover img {
  /* opacity: 0;
  transition: opacity 0.5s */
}

.calendly-container .calendly-cta .calendly-text {
    opacity: 0;
    transition: opacity .2s;
    /* position: absolute; */
    /* width: 100%; */
    left: 0;
    color: #006cff;
    font-weight: 600;
    line-height: 16px;
    font-size: 14px;
    display: flex;
    width: auto;
    /* margin-left: -15px; */

 }

.calendly-container .calendly-cta:hover .calendly-text {
  opacity: 1;
  transition: opacity 0.5s;
  transition-delay: 0.3s;
  /* position: relative; */
}

@media (max-width:767px){
    .calendly-container .calendly-cta:hover {
         width: 50px;
            height: 50px;
            border-radius: 50px;
    }
    .calendly-container .calendly-cta:hover .calendly-text {
        opacity: 0;
    }
}