.sidebar-panel-wrapper .sidebar-wrapper .sidebar-information-area .sidebar-info-widget .social-item ul.social-link li a, .sidebar-panel-wrapper .sidebar-wrapper .sidebar-information-area .sidebar-info-widget .social-item h6, .sidebar-panel-wrapper .sidebar-wrapper .sidebar-information-area .sidebar-info-widget h4.title, .sidebar-panel-wrapper .close, .main-bg .single-testimonial-item-three .testimonial-inner-content .quote-title .title h6, .main-bg .single-testimonial-item-three .testimonial-inner-content > p, .main-bg .client-quote-box .text h4, .main-bg .client-quote-box .icon i, .main-bg .single-counter-item-two p, .main-bg .single-counter-item-two h2.number, .footer-about-widget .widget-content form .submit-btn, .single-info-item.style-two .info .main-btn.golden-btn:hover, .single-info-item.style-one .info .main-btn.golden-btn:hover, .contact-info-item-two h6.title, .gadden-pagination li a:hover, .sidebar-widget-area .widget-tag-cloud a:hover, .sidebar-widget-area .widget-service-nav ul li a:hover, .sidebar-widget-area .widget-post-author .author-content ul.social-link li a, .blog-details-wrapper .blog-post .entry-footer .tag-links a:hover, .product-details-wrapper .product-info ul.social-link li a:hover, .single-product-item .discount, .single-pricing-item-two:hover .pricing-body .pricing-button .main-btn, .single-pricing-item:hover .pricing-body .pricing-button p, .single-pricing-item:hover .pricing-body h2.price span.duration, .single-pricing-item:hover .pricing-body h2.price, .single-pricing-item:hover .pricing-body ul li, .single-pricing-item:hover .pricing-body .pricing-title h3.title, .single-testimonial-item-two .quote-rating-box .ratings-box h3, .team-details-wrapper .member-info .member-meta .member-contact-info ul.social-link li a:hover, .team-details-wrapper .member-info .member-meta .member-contact-info .icon, .skill-image-box .circle-logo .inner-circle h5, .skill-image-box .circle-logo .inner-circle i, .single-team-item:hover .member-img .icon-btn, .single-project-item-four .project-img .hover-content .number, .single-service-item .service-img .icon-btn i, .single-category-item:hover .icon i, .social-box ul.social-link li a, .single-counter-item:hover .icon i, .single-process-item:hover .icon, .single-process-item:hover .step, .fancy-icon-box-two:hover .text p, .fancy-icon-box-two:hover .text h5.title, .fancy-icon-box-two:hover .shape.icon-shape i, .features-thumb-item-two:hover .text .icon i, .client-avatar-box-two .avatar-thumbs ul li .icon-btn, .about-features-item.item-active .text .btn-link, .about-features-item.item-active .text h3.title, .about-features-item.item-active .text p, .hero-wrapper-three .hero-content p, .hero-wrapper-three .hero-content h1, .hero-wrapper-three .hero-content span.sub-title, .hero-wrapper-two .hero-content p, .hero-wrapper-two .hero-content h1, .hero-wrapper-two .hero-content span.sub-title, .hero-slider-two .slick-arrow, .navigation-white.header-navigation .main-menu ul > li > a, .header-three .header-navigation .nav-right-item .search-btn, .header-three .header-navigation .nav-right-item .nice-select, .header-two .header-navigation .main-menu ul > li > a, .header-two .header-navigation.sticky .main-menu ul > li .sub-menu li a, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger, .header-navigation .main-menu ul > li .sub-menu li a, .back-to-top:hover, .back-to-top:focus, .main-btn.filled-btn.filled-white, .main-btn.filled-btn:hover, .main-btn.golden-btn:hover, .main-btn.secondary-btn, .main-btn.primary-btn, .main-btn, .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
  color: #fff;
}
.choose-wrapper, .copyright-area .copyright-nav ul li a:after, .footer-about-widget .widget-content form .form_control, .sidebar-widget-area .widget-post-author .author-content .author-title-box, .sidebar-widget-area .widget-post-author .author-content, .sidebar-widget-area .widget-search form .form_control, .comment-form .form_control, .blog-details-wrapper .blog-post .post-meta, .single-blog-post-four .entry-content, .single-blog-post-three .entry-content .post-meta, .single-blog-post-three:hover, .single-product-item .product-info, .single-testimonial-item-two .author-thumb-title, .team-details-wrapper .member-info .member-meta .member-contact-info, .single-skill-bar-two .progress-bar .progress, .single-team-item .member-img .icon-btn, .masonry-project-item .project-img .hover-content .icon-btn, .single-project-item .project-img .hover-content .icon-btn, .process-step-item .icon, .single-service-item-two .icon, .single-service-item-two:hover, .single-service-item .service-img .icon-btn, .single-service-item, .single-counter-item .icon, .single-counter-item:hover, .single-features-item-two:hover .icon .icon-btn, .single-features-item-two, .single-features-item, .fancy-icon-box-two .icon, .features-thumb-item-two .text .icon, .features-thumb-item .content, .features-thumb-item:hover .content .icon-btn, .client-avatar-box-two, .client-avatar-box, .circle-logo, .about-features-item .icon, .hero-content.text-center .sub-title:after, .hero-content .sub-title:before, .navigation-white.header-navigation.sticky .navbar-toggler span, .navigation-white.header-navigation .navbar-toggler span, .header-three .header-navigation .nav-right-item .menu-button .main-btn.secondary-btn:hover, .header-two .header-navigation.sticky, .header-one .header-navigation.sticky, .header-navigation.breakpoint-on .nav-menu, .preloader, .white-bg {
  background-color: #fff;
}

.p-r {
  position: relative;
}

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

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

.sub-title {
  font-size: 22px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.sub-title i {
  font-size: 40px;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  vertical-align: middle;
}

.section-title span.sub-title {
  margin-bottom: 13px;
}
.section-title h2 {
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-title h2 {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .section-title h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .section-title h2 {
    font-size: 27px;
  }
}


/*-=== Choose Nav Tab ====-*/
.choose-nav-tab {
  margin-bottom: 33px;
}
.choose-nav-tab .nav-item:not(:last-child) .nav-link {
  padding-left: 0;
}
.choose-nav-tab .nav-link {
  position: relative;
  padding: 0 3px 3px;
  background-color: transparent;
  font: 600 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
@media (max-width: 575px) {
  .choose-nav-tab .nav-link {
    font-size: 16px;
    padding: 0 15px 30px;
  }
}
.choose-nav-tab .nav-link.active:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
}

/*-=== Choose Content Box ====-*/
.choose-content-box > p {
  margin-bottom: 35px;
  color: #000;
  font-size: 17px;
}
.choose-content-box .thumb-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-content-box .thumb-content {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .choose-content-box .thumb-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.choose-content-box .thumb-content img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-margin-end: 35px;
          margin-inline-end: 35px;
}
@media (max-width: 575px) {
  .choose-content-box .thumb-content img {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .choose-content-box .thumb-content .check-style-one {
    margin-bottom: 20px;
  }
}
.choose-content-box .thumb-content .check-style-one li {
  font: 600 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-content-box .thumb-content .check-style-one li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .choose-content-box .thumb-content .check-style-one li {
    font-size: 15px;
  }
}
.choose-content-box .thumb-content .check-style-one li i {
  width: 25px;
  height: 25px;
}

/*---=============================
        05. Features css 
============================----*/
/*--==== Border Top ====--*/
.border-top-1 {
  border-top: 1px solid rgba(11, 61, 44, 0.1);
}

/*--==== Video Popup ====--*/
.video-popup {
  position: relative;
  border-radius: 50%;
}
.video-popup:after, .video-popup:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #e1e1e1;
  -webkit-animation: playpopup infinite linear 1s;
          animation: playpopup infinite linear 1s;
}
.video-popup:before {
  -webkit-animation: playpopup infinite linear 2s;
          animation: playpopup infinite linear 2s;
}

@-webkit-keyframes playpopup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes playpopup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
/*--==== Ratings ====--*/
ul.ratings li {
  display: inline-block;
}
ul.ratings li i {
  color: #FF9900;
}


.features-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 100px;
}
@media (max-width: 1199px) {
  .features-wrapper {
    padding-top: 0;
  }
}
.features-wrapper .features-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 66.5%;
  height: 100%;
}
@media (max-width: 1199px) {
  .features-wrapper .features-bg {
    display: none;
  }
}
.features-wrapper .features-bgc-content-box {
  z-index: 1;
  margin-bottom: -100px;
  width: 54%;
  padding: 100px 280px 70px 100px;
}
.features-wrapper .features-bgc-content-box .features-content-box {
  max-width: 640px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .features-wrapper .features-bgc-content-box {
    padding: 50px 70px 50px;
  }
}
@media (max-width: 1199px) {
  .features-wrapper .features-bgc-content-box {
    width: 100%;
    padding: 50px 45px 50px;
  }
}
@media (max-width: 767px) {
  .features-wrapper .features-bgc-content-box {
    width: 100%;
    padding: 50px 15px 50px;
  }
}

.features-wrapper-two {
  position: relative;
  z-index: 1;
  max-width: 1160px;
  padding: 70px;
  margin-top: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .features-wrapper-two {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  .features-wrapper-two {
    padding: 70px 30px;
    max-width: 100%;
  }
}
.features-wrapper-two .shape {
  position: absolute;
  z-index: -1;
  bottom: 0;
}
.features-wrapper-two .shape.shape-one {
  left: 22%;
  -webkit-transform: translateX(-22%);
  transform: translateX(-22%);
}
.features-wrapper-two .shape.shape-two {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.features-wrapper-two .shape.shape-three {
  left: 78%;
  -webkit-transform: translateX(-78%);
  transform: translateX(-78%);
}

.choose-wrapper {
  border-radius: 20px;
  padding: 40px 40px 40px 70px;
}
@media (max-width: 767px) {
  .choose-wrapper {
    padding: 40px 30px 40px;
  }
}