/* .nav-menu li > a {
  padding: 45px 10px 35px 10px;
  font-size: 14px;
  display: block;
}
@media (min-width: 1300px) {
  .nav-menu li > a {
    padding: 45px 15px 35px 15px;
    font-size: 16px;
  }
}
@media (min-width: 1500px) {
  .nav-menu li > a {
    padding: 45px 25px 45px 25px;
  }
}
.nav-menu li > a i {
  margin-left: 5px;
  font-size: 90%;
  opacity: 0.7;
}
.nav-menu li.dropdown {
  position: relative;
}

.header.transparent-header .main-menu-area .logo img {
  width: 150px !important;
}
.main-menu-area.fixed-menu .logo .navbar-brand {
  display: block;
  align-items: center;
  display: flex;
}
span.logo-name {
  margin-left: 20px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 25px;
}
.nav-menu li.dropdown .submenu {
  min-width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 150%;
  padding: 15px 0;
  text-align: center;
  list-style-type: none;
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);
  z-index: 2;
  transform-origin: left top;
}
@media (min-width: 992px) {
  .nav-menu li.dropdown .submenu {
    min-width: 230px;
    text-align: left;
  }
}
.nav-menu li.dropdown .submenu .submenu {
  left: 100%;
}
.nav-menu li.dropdown .submenu li a {
  padding: 10px 25px;
  display: block;
  font-size: 95%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.nav-menu li.dropdown .submenu li a:hover {
  color: #2e8efd;
  padding-left: 35px;
  background-color: #f9f9f9;
}
.nav-menu li.dropdown .submenu li a i {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  opacity: 0.6;
}
.nav-menu li.dropdown:hover > .submenu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.nav-menu li.dropdown .submenu > li.dropdown:hover > a {
  color: #2e8efd;
  padding-left: 35px;
}
.nav-menu li.dropdown .submenu > li.dropdown:hover .submenu {
  top: 0;
}
.nav-menu li.dropdown.active > .submenu .active > a {
  color: #2e8efd;
  padding-left: 35px;
}
.nav-menu li.dropdown .submenu .active > a {
  color: #2e8efd !important;
} */

.custom-border-top > li > a > span {
  position: relative;
}
.custom-border-top > li > a > span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 2px;
  background-color: #2e8efd;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.custom-border-top > li.active > a > span:after, .custom-border-top > li:hover > a > span:after {
  top: -6px;
  opacity: 1;
}

/* .mega-menu-header {
  position: relative;
}
.mega-menu-header .post-item {
  width: 20%;
}
.mega-menu-header .post-item .post-thumb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.mega-menu-header .post-item .post-thumb .catagory {
  font-size: 10px;
}
.mega-menu-header .post-item .post-content {
  padding: 10px !important;
}
.mega-menu-header .post-item .post-content .title {
  font-size: 14px !important;
}
.mega-menu-header .post-item .post-content .meta-post li {
  font-size: 12px;
}
.mega-menu-header .post-item .post-content .meta-post li a {
  font-size: 12px;
}

.mega-menu-header [class*=col-] {
  position: static;
}

.mega-menu .mega-menu-fullwidth {
  position: absolute;
  left: 0;
  width: 100%;
  top: 150%;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 99;
  padding: 50px 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
}
.mega-menu .mega-menu-fullwidth .mega-menu-list-title {
  font-size: 16px;
  color: #33414a;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
.mega-menu .mega-menu-fullwidth .mega-menu-list-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 90%;
  height: 1px;
  background-color: rgba(236, 236, 236, 0.3);
}
.mega-menu .mega-menu-fullwidth .mega-menu-list {
  padding-left: 0;
  list-style-type: none;
}
.mega-menu .mega-menu-fullwidth .mega-menu-list li a {
  padding: 11px 0px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #33414a;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mega-menu .mega-menu-fullwidth .mega-menu-list li a:hover {
  color: #2e8efd;
  padding-left: 10px;
}
.mega-menu .mega-menu-fullwidth.dark {
  background-color: rgba(0, 0, 0, 0.98);
}
.mega-menu .mega-menu-fullwidth.dark .mega-menu-list-title {
  color: #fff;
}
.mega-menu .mega-menu-fullwidth.dark .mega-menu-list li a {
  color: #fff !important;
}
.mega-menu .mega-menu-fullwidth.dark .mega-menu-list li a:hover {
  color: #2e8efd;
}
.mega-menu .mega-menu-fullwidth.mega-blog {
  padding: 30px !important;
}
.mega-menu:hover .mega-menu-fullwidth {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 100%;
  opacity: 1;
  visibility: visible;
} */

.mobile-menu-area {
  max-width: 400px;
  width: 50%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  z-index: 999;
  transform: translate3d(-100%, 0, 0) scaleX(0.5);
  transform-origin: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-menu-area .m-menu-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 20px;
}
.mobile-menu-area .m-menu-header .close-bar {
  position: relative;
  width: 35px;
  height: 35px;
  margin-right: 25px;
  cursor: pointer;
  background-color: #2e8efd;
  border-radius: 50%;
  transform: translateX(-30px);
  opacity: 0;
  transition: 0.5s ease;
}
.mobile-menu-area .m-menu-header .close-bar span {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  margin-left: 7px;
  width: 60%;
  height: 2.5px;
  background-color: white;
  transform-origin: center;
}
.mobile-menu-area .m-menu-header .close-bar span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile-menu-area .m-menu-header .close-bar span:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile-menu-area .mobile-menu {
  height: calc(100% - 60px );
  overflow-y: auto;
}
.mobile-menu-area .mobile-menu .m-menu {
  margin: 0;
  padding-bottom: 30px;
  padding-left: 0;
  list-style: none;
}
.mobile-menu-area .mobile-menu .m-menu li a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 30px;
  position: relative;
  border-bottom: 1px solid #fafafa;
  text-transform: uppercase;
}
.mobile-menu-area .mobile-menu .m-menu li a .arrow {
  width: 30px;
  height: 30px;
  background-color: rgba(46, 60, 64, 0.01);
  text-align: center;
  line-height: 30px;
  color: #2e3c40;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -15px;
  font-weight: 200;
}
.mobile-menu-area .mobile-menu .m-menu li a .arrow i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-menu-area .mobile-menu .m-menu li .mobile-submenu {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 20px;
}
.mobile-menu-area .mobile-menu .m-menu li .mobile-submenu li a {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
}
.mobile-menu-area .mobile-menu .m-menu li.open > a .arrow i {
  transform: rotate(90deg);
}
.mobile-menu-area .mobile-menu .m-menu li.open > .mobile-submenu {
  display: block;
}
.mobile-menu-area .mobile-menu .m-menu li.m-active > a {
  color: #2e8efd;
}
.mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #2e8efd;
}
.mobile-menu-area .mobile-menu .m-menu > li {
  transform: translateX(-30px);
  transition: 0.7s ease;
  opacity: 0;
}

.open-mobile-menu {
  position: relative;
  overflow: hidden;
}
.open-mobile-menu .menu-bar {
  opacity: 0.1;
}
.open-mobile-menu .close-bar {
  transform: translateX(0px) !important;
  opacity: 1 !important;
  transition-delay: 0.2s !important;
}
.open-mobile-menu .mobile-menu-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 60, 64, 0.9);
  z-index: 99;
  overflow: hidden;
}
.open-mobile-menu .mobile-menu-area {
  transform: translate3d(0%, 0, 0) scaleX(1);
  width: 70%;
  animation: scale-easeOutElastic;
}
.open-mobile-menu .mobile-menu-area .m-menu > li {
  transform: translateX(0px);
  transition-delay: 0s;
  opacity: 1;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(1) {
  transition-delay: 0.2s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(2) {
  transition-delay: 0.3s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(3) {
  transition-delay: 0.4s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(4) {
  transition-delay: 0.5s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(5) {
  transition-delay: 0.6s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(6) {
  transition-delay: 0.7s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(7) {
  transition-delay: 0.8s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(8) {
  transition-delay: 0.9s;
}
.open-mobile-menu .mobile-menu-area .m-menu > li:nth-child(9) {
  transition-delay: 1s;
}

@keyframes scale-easeOutElastic {
  0% {
    transform: scale(1);
  }
  16% {
    transform: scale(-0.32);
  }
  28% {
    transform: scale(0.13);
  }
  44% {
    transform: scale(-0.05);
  }
  59% {
    transform: scale(0.02);
  }
  73% {
    transform: scale(-0.01);
  }
  88% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
.app-main-menu-area .nav-menu li.nav-item > a {
  padding: 45px 10px 35px 10px;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .app-main-menu-area .nav-menu li.nav-item > a {
    padding: 45px 20px 35px 20px;
  }
}
@media (min-width: 1500px) {
  .app-main-menu-area .nav-menu li.nav-item > a {
    padding: 45px 25px 35px 25px;
  }
}
.app-main-menu-area .menu-action li .custom-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 25px;
}

.bz-action-section {
  background-color: #169A96;
}
.bz-action-section.style2 {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .bz-action-section.style2 {
    padding-left: 0;
    padding-right: 0;
  }
}
.bz-action-section.style2 .title {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .bz-action-section.style2 .title {
    margin-bottom: 0;
    font-size: 28px;
  }
}
.bz-action-section.style2 .custom-btn2 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff !important;
  color: #424242;
  padding: 21px 50px;
  font-size: 16px;
  font-weight: 500;
}
.bz-action-section.style2 .custom-btn2:hover {
  background-color: #2e3c40 !important;
  color: #fff;
}
.bz-action-section .action-content .subtitle {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 0px;
}
.bz-action-section .action-content .title {
  color: #fff;
  margin: 0;
  letter-spacing: 2px;
  font-weight: 600;
}
.bz-action-section .action-content .title a {
  font-size: 20px;
  color: #fff;
  text-decoration: underline;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-action-section .action-content .title a:hover {
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
}

.action-section {
  background-color: #2e8efd;
}
.action-section.style2 {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .action-section.style2 {
    padding-left: 0;
    padding-right: 0;
  }
}
.action-section.style2 .title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .action-section.style2 .title {
    margin-bottom: 0;
    font-size: 28px;
  }
}
.action-section.style2 .da-custom-btn.btn-solid {
  background-color: #fff !important;
  color: #2e8efd;
  border-color: white !important;
}
.action-section.style2 .da-custom-btn.btn-solid:hover {
  color: white !important;
}
.action-section.style2 .da-custom-btn.btn-solid:hover:after {
  background-color: #2e8efd;
}
.action-section .action-content .subtitle {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 0px;
}
.action-section .action-content .title {
  color: #fff;
  margin: 0;
  letter-spacing: 2px;
  font-weight: 600;
}
.action-section .action-content .title a {
  font-size: 20px;
  color: #fff;
  text-decoration: underline;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.action-section .action-content .title a:hover {
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
}

.counter-item.style3 {
  text-align: center;
}
.counter-item.style3 .count-icon {
  font-size: 36px;
  color: #2e8efd;
  margin-bottom: 10px;
}
.counter-item.style3 .count-number {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
}
.counter-item.style3 .text {
  font-size: 20px;
  font-weight: 500;
  color: #2e8efd;
  text-transform: uppercase;
}

.error-page {
  width: 100%;
  height: 100vh;
  background-color: #e7e7e7;
  padding: 3%;
}
.error-page .error-page-inner {
  width: 100%;
  height: 100%;
  background-color: #efefef;
}

.error-page-container img {
  margin-bottom: 10px;
}
.error-page-container h1 {
  font-size: 110px;
  color: #2e8efd;
  line-height: 1;
  margin-bottom: 0;
}
@media (min-width: 1300px) {
  .error-page-container h1 {
    font-size: 210px;
  }
}
.error-page-container h4 {
  font-size: 36px;
  color: #090909;
  font-weight: 400;
}
.error-page-container .back-home {
  font-size: 16px;
  color: #fff;
  background-color: #2e8efd;
  border-radius: 5px;
  padding: 15px 45px;
  display: inline-block;
  margin-top: 30px;
  font-weight: 600;
}

.coming-soon-page {
  background-image: url(../images/coming-soon-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 3%;
  height: 100vh;
}
.coming-soon-page .overlay {
  background-color: rgba(41, 41, 41, 0.8);
  width: 100%;
  height: 100%;
}

.coming-soon-content h2 {
  font-size: 36px;
  color: #2e8efd;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1;
}
.coming-soon-content p {
  margin-bottom: 5px;
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .coming-soon-content h2 {
    font-size: 48px;
    margin-bottom: 10px;
  }
  .coming-soon-content p {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .coming-soon-content h2 {
    font-size: 68px;
  }
  .coming-soon-content p {
    font-size: 36px;
  }
}

.coming-soon-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.coming-soon-container .coming-soon-social-area {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.coming-soon-container .coming-soon-social-area p {
  color: #fff;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}
.coming-soon-container .coming-soon-social-area .coming-soon-social-media li a {
  margin: 3px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.coming-soon-container .coming-soon-social-area .coming-soon-social-media li a:hover {
  color: #4267b2;
}

.countdown .count-item {
  margin: 7px;
}
@media (min-width: 992px) {
  .countdown .count-item {
    margin: 15px;
  }
}
.countdown .count-item-inner {
  width: 120px;
  height: 60px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
}
.countdown .count-item-inner .count-number {
  font-size: 32px;
  color: #2e8efd;
  font-weight: 600;
  display: block;
  line-height: 1;
}
.countdown .count-item-inner .count-text {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
@media (min-width: 992px) {
  .countdown .count-item-inner {
    width: 150px;
    height: 80px;
    padding: 10px 0;
  }
  .countdown .count-item-inner .count-number {
    font-size: 40px;
  }
}
@media (min-width: 1300px) {
  .countdown .count-item-inner {
    width: 175px;
    height: 110px;
    padding: 20px 0;
  }
  .countdown .count-item-inner .count-number {
    font-size: 48px;
  }
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark h1 > a, .dark h2 > a, .dark h3 > a, .dark h4 > a, .dark h5 > a, .dark h6 > a,
.dark body, .dark ul li {
  color: #fff;
}
.dark body, .dark section {
  background-color: #181818;
}
.dark p {
  color: #bababa;
}
.dark .aboutus.style1 .col-lg-6:first-child {
  background-color: #181818;
}
.dark .custom-angle-left.black, .dark .custom-angle-right.black {
  border-color: #bababa;
}
.dark .button-control-group .about-slide-next-btn {
  border-color: #bababa;
}
.dark .button-control-group .about-slide-prev-btn {
  border-color: #bababa;
}
.dark .button-control-group .about-slide-prev-btn:active,
.dark .button-control-group .about-slide-prev-btn:focus,
.dark .button-control-group .about-slide-prev-btn:hover {
  border-color: #ff5c5c;
  color: #ff5c5c;
}
.dark .button-control-group .about-slide-prev-btn:active .custom-angle-left.black,
.dark .button-control-group .about-slide-prev-btn:active .custom-angle-right.black,
.dark .button-control-group .about-slide-prev-btn:focus .custom-angle-left.black,
.dark .button-control-group .about-slide-prev-btn:focus .custom-angle-right.black,
.dark .button-control-group .about-slide-prev-btn:hover .custom-angle-left.black,
.dark .button-control-group .about-slide-prev-btn:hover .custom-angle-right.black {
  border-color: #ff5c5c;
}
.dark .button-control-group .about-slide-next-btn:active,
.dark .button-control-group .about-slide-next-btn:focus,
.dark .button-control-group .about-slide-next-btn:hover {
  border-color: #ff5c5c;
  color: #ff5c5c;
}
.dark .button-control-group .about-slide-next-btn:active .custom-angle-left.black,
.dark .button-control-group .about-slide-next-btn:active .custom-angle-right.black,
.dark .button-control-group .about-slide-next-btn:focus .custom-angle-left.black,
.dark .button-control-group .about-slide-next-btn:focus .custom-angle-right.black,
.dark .button-control-group .about-slide-next-btn:hover .custom-angle-left.black,
.dark .button-control-group .about-slide-next-btn:hover .custom-angle-right.black {
  border-color: #ff5c5c;
}
.dark .btn-transparent {
  color: #ff5c5c;
  font-weight: 600;
}
.dark .btn-transparent:hover {
  color: #fff;
}
.dark .borderbottom {
  border-bottom: 1px solid #000 !important;
}
.dark .bz-about-slider .about-image img {
  border-radius: 10px;
}
.dark .working-process-section .bz-working-process:before {
  background-color: #181818;
}
.dark .working-process-section .bz-working-process:after {
  background-color: rgba(0, 0, 0, 0.05);
}
.dark .bz-process-item .process-item-inner .frontface,
.dark .bz-process-item .process-item-inner .backface {
  background-color: #292929;
}
.dark .bz-working-process-container .swiper-pagination-progressbar {
  background-color: rgba(219, 219, 219, 0.4);
}
.dark .bz-working-process-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #dbdbdb;
}
.dark .custom-btn1 {
  color: #bababa;
  border: 1px solid #bababa;
}
.dark .bz-service-area .service-tab .nav-item .text {
  color: #bababa;
}
.dark .bz-project-section .button-group li {
  color: #dbdbdb;
}
.dark .bz-pricing-item {
  background-color: #252525;
  border-color: #252525;
}
.dark .bz-pricing-item .pricing-head .name,
.dark .bz-pricing-item .pricing-head .per-time {
  color: #bababa;
}
.dark .bz-testimonial-container .testimonial-thumbs .thumb-content .name {
  color: #bababa;
}
.dark .post-item.flip-style .post-content-inner .frontface {
  background-color: #292929;
}
.dark .bz-project-section .project-item .project-thumb .project-content .project-content-inner .title {
  color: #2e3c40;
}
.dark .bz-action-section {
  background-color: #169A96;
}
.dark .bz-banner-slider-container .slider-item.slide1 .slider-image {
  background-image: url(../images/banner/slider/dark1.jpg);
}
.dark .footertop {
  background-color: #181818;
}
.dark .footerbottom {
  background-color: #000;
}
.dark .footer.footer1 .footer-widget .footer-menu li a, .dark .footer.footer1 .footer-widget .linklist li a {
  color: #bababa;
}
.dark .footer.footer1 .footerbottom .copy-right, .dark .footer.footer1 .footerbottom .copy-right a {
  color: #bababa;
}
.dark .footer.footer1 .footerbottom .social-media-list li a {
  color: #bababa;
}
.dark .footer.footer1 .footer-widget .googlemap {
  color: #bababa;
}
.dark .footer.footer1 .footertop .container {
  border-bottom: none;
}
.dark .bz-process-item .process-item-inner .front {
  background-color: #292929;
}
.dark .bz-process-item .process-item-inner .front .name {
  color: #fff;
}
.dark .bz-process-item .process-item-inner .front .process-count {
  color: #169A96;
}
.dark .bz-process-item .process-item-inner .back .desc {
  line-height: 1.7;
}
.dark .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:active, .dark .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:focus, .dark .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover, .dark .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:active, .dark .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:focus, .dark .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover {
  color: #169A96;
  border-color: #169A96;
}
.dark .footer-site-info li a {
  color: #bababa;
}

.app-content h2 {
  font-size: 26px;
}
@media (min-width: 992px) {
  .app-content h2 {
    font-size: 36px;
  }
}

html {
  scroll-behavior: smooth;
}

.header-top {
  padding-left: 110px;
  padding-right: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #76777d;
}

@media (min-width: 992px) {
  .header .logo {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

.menu-bar {
  width: 40px;
  height: 40px;
  background-color: #2e8efd;
  padding: 10px;
  position: relative;
  right: 20px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.menu-bar span {
  width: 20px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -1px;
  background-color: #fff;
}
.menu-bar span:nth-child(1) {
  margin-top: -7px;
}
.menu-bar span:nth-child(3) {
  margin-top: 5px;
}

.open-mobile-menu .menu-bar span {
  transform-origin: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.open-mobile-menu .menu-bar span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 0;
}
.open-mobile-menu .menu-bar span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 0;
}
.open-mobile-menu .menu-bar span:nth-child(2) {
  opacity: 0;
}

.close-button {
  width: 40px;
  height: 40px;
  background-color: transparent;
  padding: 10px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #5ec0e7;
  margin-top: 10px;
  right: 10px;
}
.close-button span {
  width: 20px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -1px;
  background-color: #fff;
  transform-origin: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.close-button span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 0;
}
.close-button span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 0;
}
.close-button span:nth-child(2) {
  opacity: 0;
}

.menu-action li {
  margin: 0 6px;
}
@media (min-width: 1300px) {
  .menu-action li {
    margin: 0 8px;
  }
}
.menu-action li:last-child {
  margin-right: 0;
}
.menu-action li:first-child {
  margin-left: 0;
}
.menu-action li a.da-custom-btn {
  border: 2px solid white;
  color: #000 !important;
  padding: 12px 30px;
  font-size: 15px;
}
.menu-action li a.da-custom-btn:hover {
  border-color: #2e8efd;
  background-color: #2e8efd;
}
.menu-action li a.da-custom-btn:hover:after {
  background-color: #2e8efd;
}

.header.style1 .menu-action li a.da-custom-btn:hover:after {
  background-color: white;
}
.header.style1 .menu-action li {
  margin: 0 6px;
}
@media (min-width: 1300px) {
  .header.style1 .menu-action li {
    margin: 0 8px;
  }
}
.header.style1 .menu-action li:last-child {
  margin-right: 0;
}
.header.style1 .menu-action li:first-child {
  margin-left: 0;
}
.header.style1 .menu-action li a.join {
  border: 2px solid #ccc;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 8px 6px;
}
@media (min-width: 1500px) {
  .header.style1 .menu-action li a.join {
    padding: 12px 20px;
  }
}
.header.style1 .menu-action li a.join:hover {
  background-color: #169A96;
  color: #fff;
  border-color: #169A96;
}

.header.transparent-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 9;
}
.header.transparent-header .main-menu-area {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header.transparent-header .main-menu-area .logo {
  margin-left: 10px;
  padding: 20px 0;
}
.header.transparent-header .main-menu-area .logo .navbar-brand {
  display: none;
}
.header.transparent-header .main-menu-area .logo .navbar-brand2 {
  display: block;
}
@media (min-width: 576px) {
  .header.transparent-header .main-menu-area .logo {
    margin-left: 30px !important;
  }
  .header.transparent-header .main-menu-area .logo img {
    width: unset;
  }
}
@media (min-width: 992px) {
  .header.transparent-header .main-menu-area .logo {
    margin-left: 0px !important;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header.transparent-header .main-menu-area {
    padding: 0 90px 0 90px;
  }
}
.header.transparent-header .main-menu-area.fixed-menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
}
.header.transparent-header .main-menu-area.fixed-menu .logo .navbar-brand {
  display: block;
}
.header.transparent-header .main-menu-area.fixed-menu .logo .navbar-brand2 {
  display: none;
}
.header.transparent-header .main-menu-area.fixed-menu .menu-bar span {
  background-color: #fff;
}
.header.transparent-header .main-menu-area.fixed-menu .nav-menu li a {
  color: #2e3c40;
}
.header.transparent-header .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover {
  color: #169A96 !important;
}
.header.transparent-header .main-menu-area.fixed-menu .nav-menu li.active > a, .header.transparent-header .main-menu-area.fixed-menu .nav-menu li:hover > a {
  color: #169A96 !important;
}
.header.transparent-header .main-menu-area.fixed-menu .menu-action li a {
  color: #2e3c40;
}
.header.transparent-header .main-menu-area.fixed-menu .menu-action li a:hover {
  color: #169A96;
}
.header.transparent-header .main-menu-area.fixed-menu .mobile-menu-area {
  height: 750px;
}
.header.transparent-header .nav-menu li a {
  color: #9a9a9a;
}
.header.transparent-header .nav-menu li.active > a, .header.transparent-header .nav-menu li:hover > a {
  color: #fff;
}
.header.transparent-header .menu-action li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header.transparent-header .menu-action li a:hover {
  color: #b74acd;
}
.header.transparent-header .menu-action li a.join:hover {
  color: #fff !important;
}

.open-mobile-menu .nav-menu {
  -webkit-transform: scaleY(1) !important;
  -ms-transform: scaleY(1) !important;
  transform: scaleY(1) !important;
}

.header.style1 .main-menu-area {
  position: relative;
}
@media (min-width: 992px) {
  .header.style1 .main-menu-area {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .header.style1 .main-menu-area {
    padding-left: 110px;
    padding-right: 110px;
  }
}
.header.style1 .main-menu-area .menu-bar {
  background-color: #2e8efd;
}
.header.style1 .nav-menu li a {
  color: #9a9a9a;
}
.header.style1 .nav-menu li.active > a, .header.style1 .nav-menu li:hover > a {
  color: #fff;
}
.header.style1 .nav-menu li .submenu li a:hover, .header.style1 .nav-menu li .submenu li a.active-submenu {
  color: #2e8efd;
}
.header.style1 .menu-action li a.discover {
  color: #fff;
}
.header.style1 .menu-action li a.join {
  color: #fff;
}
.header.style1 .fixed-menu .menu-action li a.da-custom-btn {
  color: #2e8efd;
  border-color: #2e8efd;
}
.header.style1 .fixed-menu .menu-action li a.da-custom-btn:hover {
  color: white;
}

.header.style2 .main-menu-area {
  position: relative;
}
@media (min-width: 992px) {
  .header.style2 .main-menu-area {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .header.style2 .main-menu-area {
    padding-left: 110px;
    padding-right: 110px;
  }
}
.header.style2 .main-menu-area .logo {
  margin-left: 10px;
  padding: 20px 0;
}
.header.style2 .main-menu-area .logo .navbar-brand {
  display: none;
}
.header.style2 .main-menu-area .logo .navbar-brand2 {
  display: block;
}
@media (min-width: 576px) {
  .header.style2 .main-menu-area .logo {
    margin-left: 30 !important;
  }
  .header.style2 .main-menu-area .logo img {
    width: unset;
  }
}
@media (min-width: 992px) {
  .header.style2 .main-menu-area .logo {
    margin-left: 0 !important;
    padding: 0;
  }
}
.header.style2 .main-menu-area .nav-menu li a {
  color: #021225;
}
.header.style2 .main-menu-area .nav-menu li.active > a, .header.style2 .main-menu-area .nav-menu li:hover > a {
  color: #2e8efd;
}
.header.style2 .main-menu-area .nav-menu li .submenu li a {
  color: #9a9a9a;
}
.header.style2 .main-menu-area .nav-menu li .submenu li a:hover, .header.style2 .main-menu-area .nav-menu li .submenu li a.active-submenu {
  color: #2e8efd;
}
.header.style2 .main-menu-area .nav-menu li:last-child a {
  padding-right: 0;
}
.header.style2 .main-menu-area .custom-border-top > li > a > span:after {
  background-color: #2e8efd;
}
.header.style2 .main-menu-area .menu-action li a.da-custom-btn {
  background-color: #2e8efd;
  border: 1px solid #2e8efd;
  color: white !important;
  padding: 12px 30px;
  font-size: 15px;
}
.header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover {
  border-color: #2e8efd;
  background-color: #2e8efd;
  color: #2e8efd !important;
}
.header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover:after {
  background-color: white;
}
.header.style2 .main-menu-area.fixed-menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
}
.header.style2 .main-menu-area.fixed-menu .logo .navbar-brand {
  display: block;
}
.header.style2 .main-menu-area.fixed-menu .logo .navbar-brand2 {
  display: none;
}
.header.style2 .main-menu-area.fixed-menu .nav-menu li a {
  color: #2e3c40;
}
.header.style2 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover, .header.style2 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu {
  color: #2e8efd !important;
}
.header.style2 .main-menu-area.fixed-menu .nav-menu li.active > a, .header.style2 .main-menu-area.fixed-menu .nav-menu li:hover > a {
  color: #2e8efd !important;
}
.header.style2 .main-menu-area.fixed-menu .menu-action li a {
  color: #fff;
}
.header.style2 .main-menu-area.fixed-menu .menu-action li a:hover {
  color: #2e8efd;
}
.header.style2 .main-menu-area.fixed-menu .mobile-menu-area {
  height: 750px;
}
.header.style2 .main-menu-area .mobile-menu-area .mobile-menu .m-menu li.m-active > a {
  color: #2e8efd;
}
.header.style2 .main-menu-area .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #2e8efd;
}

.header.style3 .main-menu-area {
  position: relative;
}
@media (min-width: 992px) {
  .header.style3 .main-menu-area {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .header.style3 .main-menu-area {
    padding-left: 110px;
    padding-right: 110px;
  }
}
.header.style3 .main-menu-area .logo {
  margin-left: 10px;
  padding: 20px 0;
}
.header.style3 .main-menu-area .logo .navbar-brand {
  display: none;
}
.header.style3 .main-menu-area .logo .navbar-brand2 {
  display: block;
}
@media (min-width: 576px) {
  .header.style3 .main-menu-area .logo {
    margin-left: 30 !important;
  }
  .header.style3 .main-menu-area .logo img {
    width: unset;
  }
}
@media (min-width: 992px) {
  .header.style3 .main-menu-area .logo {
    margin-left: 0 !important;
    padding: 0;
  }
}
.header.style3 .main-menu-area .nav-menu li a {
  color: #fff;
}
.header.style3 .main-menu-area .nav-menu li.active > a, .header.style3 .main-menu-area .nav-menu li:hover > a {
  color: #2e8efd;
}
.header.style3 .main-menu-area .nav-menu li .submenu li a {
  color: #9a9a9a;
}
.header.style3 .main-menu-area .nav-menu li .submenu li a:hover, .header.style3 .main-menu-area .nav-menu li .submenu li a.active-submenu {
  color: #2e8efd;
}
.header.style3 .main-menu-area .nav-menu li:last-child a {
  padding-right: 0;
}
.header.style3 .main-menu-area .custom-border-top > li > a > span:after {
  background-color: #2e8efd;
}
.header.style3 .main-menu-area .menu-action li a.da-custom-btn {
  background-color: #2e8efd;
  border: 1px solid #2e8efd;
  color: white;
  padding: 12px 30px;
  font-size: 15px;
}
.header.style3 .main-menu-area .menu-action li a.da-custom-btn:hover {
  border-color: #2e8efd;
  background-color: #2e8efd;
  color: #2e8efd;
}
.header.style3 .main-menu-area .menu-action li a.da-custom-btn:hover:after {
  background-color: white;
}
.header.style3 .main-menu-area.fixed-menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
}
.header.style3 .main-menu-area.fixed-menu .logo .navbar-brand {
  display: block;
}
.header.style3 .main-menu-area.fixed-menu .logo .navbar-brand2 {
  display: none;
}
.header.style3 .main-menu-area.fixed-menu .nav-menu li a {
  color: #2e3c40;
}
.header.style3 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover, .header.style3 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu {
  color: #2e8efd !important;
}
.header.style3 .main-menu-area.fixed-menu .nav-menu li.active > a, .header.style3 .main-menu-area.fixed-menu .nav-menu li:hover > a {
  color: #2e8efd !important;
}
.header.style3 .main-menu-area.fixed-menu .menu-action li a {
  color: #fff;
}
.header.style3 .main-menu-area.fixed-menu .menu-action li a:hover {
  color: #2e8efd;
}
.header.style3 .main-menu-area.fixed-menu .mobile-menu-area {
  height: 750px;
}
.header.style3 .main-menu-area .mobile-menu-area .mobile-menu .m-menu li.m-active > a {
  color: #2e8efd;
}
.header.style3 .main-menu-area .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #2e8efd;
}

.header.style4 .main-menu-area {
  position: relative;
}
@media (min-width: 992px) {
  .header.style4 .main-menu-area {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .header.style4 .main-menu-area {
    padding-left: 110px;
    padding-right: 110px;
  }
}
.header.style4 .main-menu-area .logo {
  margin-left: 10px;
  padding: 20px 0;
}
.header.style4 .main-menu-area .logo .navbar-brand {
  display: none;
}
.header.style4 .main-menu-area .logo .navbar-brand2 {
  display: block;
}
@media (min-width: 576px) {
  .header.style4 .main-menu-area .logo {
    margin-left: 30 !important;
  }
  .header.style4 .main-menu-area .logo img {
    width: unset;
  }
}
@media (min-width: 992px) {
  .header.style4 .main-menu-area .logo {
    margin-left: 0 !important;
    padding: 0;
  }
}
.header.style4 .main-menu-area .menu-bar {
  background-color: #ff634e;
}
.header.style4 .main-menu-area.fixed-menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
}
.header.style4 .main-menu-area.fixed-menu .menu-bar span {
  background-color: #fff;
}
.header.style4 .main-menu-area.fixed-menu .logo .navbar-brand {
  display: block;
}
.header.style4 .main-menu-area.fixed-menu .logo .navbar-brand2 {
  display: none;
}
.header.style4 .main-menu-area.fixed-menu .nav-menu li a {
  color: #2e3c40;
}
.header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover, .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu {
  color: #ff634e !important;
}
.header.style4 .main-menu-area.fixed-menu .nav-menu li.active > a, .header.style4 .main-menu-area.fixed-menu .nav-menu li:hover > a {
  color: #ff634e !important;
}
.header.style4 .main-menu-area.fixed-menu .menu-action li a {
  color: #2e3c40;
}
.header.style4 .main-menu-area.fixed-menu .menu-action li a:hover {
  color: #2e8efd;
}
.header.style4 .main-menu-area.fixed-menu .mobile-menu-area {
  height: 750px;
}
.header.style4 .main-menu-area .mobile-menu-area .mobile-menu .m-menu li.m-active > a {
  color: #ff634e;
}
.header.style4 .main-menu-area .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #ff634e;
}
.header.style4 .nav-menu li a {
  color: #021225;
}
.header.style4 .nav-menu li.active > a, .header.style4 .nav-menu li:hover > a {
  color: #ff634e;
}
.header.style4 .nav-menu li .submenu li a {
  color: #9a9a9a;
}
.header.style4 .nav-menu li .submenu li a:hover, .header.style4 .nav-menu li .submenu li a.active-submenu {
  color: #ff634e;
}
.header.style4 .nav-menu li:last-child a {
  padding-right: 0;
}
.header.style4 .custom-border-top > li > a > span:after {
  background-color: #ff634e;
}

.header.style5 .main-menu-area {
  position: relative;
}
@media (min-width: 992px) {
  .header.style5 .main-menu-area {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .header.style5 .main-menu-area {
    padding-left: 110px;
    padding-right: 110px;
  }
}
.header.style5 .main-menu-area .logo {
  margin-left: 10px;
  padding: 20px 0;
}
.header.style5 .main-menu-area .logo .navbar-brand {
  display: none;
}
.header.style5 .main-menu-area .logo .navbar-brand2 {
  display: block;
}
@media (min-width: 576px) {
  .header.style5 .main-menu-area .logo {
    margin-left: 30 !important;
  }
  .header.style5 .main-menu-area .logo img {
    width: unset;
  }
}
@media (min-width: 992px) {
  .header.style5 .main-menu-area .logo {
    margin-left: 0 !important;
    padding: 0;
  }
}
.header.style5 .main-menu-area .menu-bar {
  background-color: #5ec0e7;
}
.header.style5 .main-menu-area.fixed-menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
}
.header.style5 .main-menu-area.fixed-menu .menu-bar span {
  background-color: #5ec0e7;
}
.header.style5 .main-menu-area.fixed-menu .logo .navbar-brand {
  display: block;
}
.header.style5 .main-menu-area.fixed-menu .logo .navbar-brand2 {
  display: none;
}
.header.style5 .main-menu-area.fixed-menu .nav-menu li a {
  color: #2e3c40;
}
.header.style5 .main-menu-area.fixed-menu .menu-action li a {
  color: #2e3c40;
}
.header.style5 .main-menu-area.fixed-menu .menu-action li a:hover {
  color: #2e8efd;
}
.header.style5 .main-menu-area.fixed-menu .mobile-menu-area {
  height: 750px;
}
.header.style5 .nav-menu li a {
  color: #021225;
}
.header.style5 .nav-menu li a:hover, .header.style5 .nav-menu li a.active {
  color: #5ec0e7;
}
.header.style5 .nav-menu li:last-child a {
  padding-right: 0;
}

.open-mobile-menu .nav-menu {
  -webkit-transform: scaleY(1) !important;
  -ms-transform: scaleY(1) !important;
  transform: scaleY(1) !important;
}

.header.transparent-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
}

.header.transparent-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
}

.app-main-menu-area {
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}
.app-main-menu-area .menu-bar {
  background-color: #5ec0e7;
}
.app-main-menu-area.fixed-totop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 990px) {
  .app-main-menu-area {
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .op-mobile-menu {
    position: fixed;
    top: 0;
    max-width: 250px;
    width: 100%;
    background-color: #4b4e5a;
    left: -100%;
    height: 100vh;
    overflow-y: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-bottom: 60px;
  }
  .op-mobile-menu .nav-menu {
    margin-bottom: 60px;
    padding-top: 20px;
  }
  .op-mobile-menu .nav-menu li {
    transform: translateX(-30px);
    transition: 0.7s ease;
    opacity: 0;
  }
  .op-mobile-menu .m-menu-header {
    padding-top: 10px;
  }

  .open-mobile-menu .op-mobile-menu {
    left: 0;
  }

  .app-main-menu-area .nav-menu li.nav-item > a {
    padding: 15px 10px 15px 45px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #fff;
  }

  .open-mobile-menu {
    position: relative;
    overflow: hidden;
  }
  .open-mobile-menu .menu-bar {
    opacity: 0.1;
  }
  .open-mobile-menu .close-bar {
    transform: translateX(0px) !important;
    opacity: 1 !important;
    transition-delay: 0.2s !important;
  }
  .open-mobile-menu .mobile-menu-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 60, 64, 0.9);
    z-index: 99;
    overflow: hidden;
  }
  .open-mobile-menu .app-main-menu-area {
    transform: translate3d(0%, 0, 0) scaleX(1);
    width: 70%;
    animation: scale-easeOutElastic;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li {
    transform: translateX(0px);
    transition-delay: 0s;
    opacity: 1;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(1) {
    transition-delay: 0.2s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(2) {
    transition-delay: 0.3s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(3) {
    transition-delay: 0.4s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(4) {
    transition-delay: 0.5s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(5) {
    transition-delay: 0.6s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(6) {
    transition-delay: 0.7s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(7) {
    transition-delay: 0.8s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(8) {
    transition-delay: 0.9s;
  }
  .open-mobile-menu .app-main-menu-area .nav-menu > li:nth-child(9) {
    transition-delay: 1s;
  }

  @keyframes scale-easeOutElastic {
    0% {
      transform: scale(1);
    }
    16% {
      transform: scale(-0.32);
    }
    28% {
      transform: scale(0.13);
    }
    44% {
      transform: scale(-0.05);
    }
    59% {
      transform: scale(0.02);
    }
    73% {
      transform: scale(-0.01);
    }
    88% {
      transform: scale(0);
    }
    100% {
      transform: scale(0);
    }
  }
}
.container1400 {
  max-width: 1400px;
}

@media (min-width: 1200px) {
  .container780 {
    max-width: 780px;
  }
}

.borderbottom {
  border-bottom: 1px solid #ececec !important;
}

.bg-ash {
  background-color: #f9f9f9;
}

.bg-ash-color {
  background-color: #f8f8fb;
}

.postion-relative {
  position: relative;
}

.site-info {
  -webkit-display: flex;
  display: flex;
}
.site-info li {
  padding: 10px 0px;
  margin-right: 45px;
  color: #898989;
}
.site-info li a {
  color: inherit;
}
.site-info li a:hover {
  color: #2e8efd;
}
.site-info li:last-child {
  margin-right: 0;
}
.site-info li i {
  margin-right: 7px;
  color: #898989;
}

.signin-option {
  margin-right: 25px;
}
.signin-option a {
  color: #898989;
}
.signin-option a:hover {
  color: #2e8efd;
}
.signin-option span {
  color: #555555;
}

.language-option {
  margin-right: 20px;
}
.language-option a {
  color: #898989;
  outline: none;
  border: none;
  background: transparent;
}
.language-option a:hover {
  color: #2e8efd;
}

.search-option {
  padding: 0 10px;
  color: #898989;
  margin-right: 10px;
  cursor: pointer;
}

.search-area {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  overflow: hidden;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform-origin: top;
}
.search-area .close-search {
  position: absolute;
  right: 50px;
  top: 50px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
  width: 60px;
  height: 50px;
}
.search-area .close-search span {
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform-origin: center;
}
.search-area .close-search span:first-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search-area .close-search span:last-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-area .search-form {
  max-width: 1000px;
  width: 80%;
  margin: auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.search-area .search-form input {
  width: 100%;
  padding: 10px 60px;
  text-align: center;
  font-size: 30px;
  border-bottom: 3px solid #2e8efd;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  border-radius: 0px;
}
.search-area .search-form button {
  position: absolute;
  right: 0px;
  top: 0;
  width: 60px;
  height: 100%;
  text-align: center;
  background-color: #2e8efd;
  line-height: 65px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  border: none;
  outline: none;
}
.search-area .search-form button i {
  margin-top: -13px;
}

.search {
  position: relative;
}
.search:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.search.search-open .search-area {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.search.search-open:after {
  opacity: 1;
  visibility: visible;
}

.social-media-list li a {
  padding: 10px;
  color: #898989;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-media-list li a:hover {
  color: #2e8efd;
}
.social-media-list li:last-child a {
  padding-right: 0px;
}

.bz-section-header {
  text-align: center;
}
.bz-section-header .icon i {
  font-size: 65px;
}
.bz-section-header .subtitle {
  color: #169A96;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}
.bz-section-header .title {
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.bz-section-header .title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 35px;
  margin-left: -17px;
  height: 1px;
  background-color: #2e8efd;
}
.bz-section-header h2 {
  font-size: 25px;
}
@media (min-width: 576px) {
  .bz-section-header h2 {
    font-size: 32px;
  }
}
.bz-section-header p {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .bz-section-header {
    text-align: left;
  }
  .bz-section-header .title:after {
    left: 0;
    margin-left: 0;
  }
}
.bz-section-header.center-styled, .bz-section-header.text-center {
  text-align: center;
}
.bz-section-header.center-styled .title:after, .bz-section-header.text-center .title:after {
  left: 50%;
  margin-left: -17px;
}
.bz-section-header ul li {
  line-height: 2.1;
}
.bz-section-header ul li i {
  color: #2e8efd;
  margin-right: 10px;
}

.section-header .subtitle-top {
  font-weight: 400;
  color: #2e8efd;
}
.section-header .title {
  font-size: 20px;
}
@media (min-width: 768px) {
  .section-header .title {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .section-header .title {
    font-size: 32px;
  }
}
.section-header h2 {
  font-size: 24px;
}
@media (min-width: 768px) {
  .section-header h2 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .section-header h2 {
    font-size: 36px;
  }
}
.section-header p {
  margin-bottom: 0;
}

.custom-border-style {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.custom-border-style:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 33px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 2px;
  background-color: #b74acd;
}
@media (min-width: 992px) {
  .custom-border-style:after {
    left: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.text-center .custom-border-style:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.text-right .custom-border-style:after {
  left: unset;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
@media (min-width: 992px) {
  .text-right .custom-border-style:after {
    left: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.ca-section-header .subtitle-top {
  color: #b74acd;
  font-weight: 400;
}
.ca-section-header .custom-border-style:after {
  background-color: #b74acd;
}

#lightcase-overlay {
  opacity: 1 !important;
}

.to-top {
  width: 40px;
  height: 40px;
  display: block;
  background-color: #2e8efd;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  cursor: pointer;
  transform: translateY(100px);
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.to-top:hover {
  color: #fff;
  background-color: #2e3c40;
}
.to-top i {
  -webkit-animation: updown 2s infinite;
}
.to-top.fixed-totop {
  transform: translateY(0px);
  opacity: 1;
}

#loading {
  background-color: #2e8efd;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite;
}

.object {
  width: 20px;
  height: 20px;
  background-color: #FFF;
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.object:nth-child(2n+0) {
  margin-right: 0px;
}

#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite;
}

#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite;
}

#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite;
}

#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite;
}

.catagory {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: #2f2f2f;
  padding: 2px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
  display: inline-block;
}
.catagory:hover {
  color: #fff;
}
.catagory.featured {
  background-color: #2f2f2f;
}
.catagory.artdesign {
  background-color: #bb38d7;
}
.catagory.music {
  background-color: #f34d9c;
}
.catagory.lifestyle {
  background-color: #1b82f9;
}
.catagory.technology {
  background-color: #fbb051;
}

@media (min-width: 1500px) {
  .right200 {
    -webkit-transform: translateX(130px);
    -ms-transform: translateX(130px);
    transform: translateX(130px);
  }
}

.newsletter-section {
  background-image: url(../images/newsletter-bg.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.newsletter-section h3 {
  font-size: 24px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .newsletter-section h3 {
    font-size: 36px;
  }
}

.newsletter-form {
  background-color: #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  max-width: 350px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.newsletter-form input {
  outline: none;
  background-color: #fff;
  padding: 16px 25px;
  width: 100%;
  border: 1px solid #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.newsletter-form input:active, .newsletter-form input:focus {
  border: 1px solid #ff634e;
}
.newsletter-form button {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ff634e;
  border: none;
  color: #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.newsletter-form button svg {
  width: 15px;
  fill: #fff;
}

.section-header h3 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .section-header h3 {
    font-size: 36px;
  }
}

.pattarn-style {
  position: absolute;
  right: 8%;
  bottom: -170px;
  z-index: 9;
  width: 170px;
  height: 230px;
  background-color: #ff634e;
  display: none;
}
@media (min-width: 1500px) {
  .pattarn-style {
    display: block;
  }
}
.pattarn-style:after {
  content: "";
  position: absolute;
  left: 75%;
  top: 88%;
  width: 115px;
  height: 145px;
  background-color: #ececec;
}

.pattarn-style2 {
  position: absolute;
  left: 15%;
  top: 20%;
  z-index: 9;
  width: 65px;
  height: 80px;
  background-color: #ececec;
  display: none;
}
@media (min-width: 1200px) {
  .pattarn-style2 {
    display: block;
  }
}
.pattarn-style2:after {
  content: "";
  position: absolute;
  left: 40%;
  top: -30%;
  width: 65px;
  height: 80px;
  background-color: #d21bf9;
}
.pattarn-style2.artdesign:after {
  background-color: #d21bf9;
}
.pattarn-style2.lifestyle:after {
  background-color: #1b82f9;
}
.pattarn-style2.technology:after {
  background-color: #fbb051;
}
.pattarn-style2.music:after {
  background-color: #f34d9c;
}

.blog-home.fix-menu {
  padding-top: 100px;
}

.box-shadow-bottom {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.06);
}

.da-client-logo-container {
  overflow: hidden;
}

@media (min-width: 992px) {
  .left-100 {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@media (min-width: 992px) {
  .right-100 {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
}

.bg-ash-color {
  background-color: #f8f8fb;
}

.circle1 {
  width: 70px;
  height: 70px;
}
.circle1 svg {
  fill: #ffb960;
}
@media (min-width: 768px) {
  .circle1 {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 992px) {
  .circle1 {
    width: 170px;
    height: 170px;
  }
}

.circle2 {
  width: 40px;
  height: 40px;
}
.circle2 svg {
  fill: #ffb9ba;
}
@media (min-width: 768px) {
  .circle2 {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 992px) {
  .circle2 {
    width: 110px;
    height: 110px;
  }
}

.circle3 {
  width: 50px;
  height: 50px;
}
.circle3 svg {
  fill: #8fd0ef;
}

.shape1 {
  width: 100px;
  height: 80px;
}
.shape1 svg {
  fill: #1b82f9;
}
@media (min-width: 768px) {
  .shape1 {
    width: 330px;
    height: 280px;
  }
}
@media (min-width: 992px) {
  .shape1 {
    width: 430px;
    height: 380px;
  }
}

.app-client-container {
  max-width: 900px;
  margin: auto;
  width: 100%;
}
.app-client-container .client-item {
  min-width: 200px;
  text-align: center;
}
.app-client-container .client-item img {
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.3s ease;
}
.app-client-container .client-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

.da-client-logo-container .swiper-wrapper {
  align-items: center;
}
.da-client-logo-container .client-logo img {
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.3s ease;
}
.da-client-logo-container .client-logo:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

.our-mission-section h2 {
  font-size: 25px;
}
@media (min-width: 768px) {
  .our-mission-section h2 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .our-mission-section h2 {
    font-size: 36px;
  }
}

.banner-slider {
  height: 100vh;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .banner-slider .our-client-area {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 2;
  }
}
@media (min-width: 1500px) {
  .banner-slider .our-client-area {
    bottom: 60px;
  }
}
.banner-slider .our-client-area .our-client {
  max-width: 940px;
  width: 70%;
  margin: auto;
}
@media (min-width: 1500px) {
  .banner-slider .our-client-area .our-client {
    max-width: 1090px;
    width: 70%;
  }
}
.banner-slider .our-client-area .our-client .name {
  line-height: 80px;
  color: #2e3c40;
  font-size: 17px;
  text-align: center;
}
@media (min-width: 992px) {
  .banner-slider .our-client-area .our-client .name {
    float: left;
  }
}
@media (min-width: 1200px) {
  .banner-slider .our-client-area .our-client .name {
    color: #fff;
  }
}
.banner-slider .our-client-area .our-client .client {
  padding: 0;
}
.banner-slider .our-client-area .our-client .client .client-container .client-logo img {
  transform: scale(0.9);
}
@media (min-width: 1500px) {
  .banner-slider .our-client-area .our-client .client .client-container .client-logo img {
    transform: scale(0.9);
  }
}
@media (min-width: 992px) {
  .banner-slider .our-client-area .our-client .client {
    margin-left: 120px;
  }
}
@media (min-width: 1500px) {
  .banner-slider .our-client-area .our-client .client {
    padding: 10px 30px;
  }
}

.slider-area {
  position: relative;
}

.bz-banner-slider-container {
  overflow: hidden;
}
.bz-banner-slider-container .banner-slide-next-btn, .bz-banner-slider-container .banner-slide-prev-btn {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: rgba(255, 99, 96, 0.6);
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 2;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: none;
}
@media (min-width: 576px) {
  .bz-banner-slider-container .banner-slide-next-btn, .bz-banner-slider-container .banner-slide-prev-btn {
    display: block;
  }
}
@media (min-width: 768px) {
  .bz-banner-slider-container .banner-slide-next-btn, .bz-banner-slider-container .banner-slide-prev-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.bz-banner-slider-container .banner-slide-next-btn.swiper-button-disabled, .bz-banner-slider-container .banner-slide-prev-btn.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.bz-banner-slider-container .banner-slide-next-btn:hover, .bz-banner-slider-container .banner-slide-prev-btn:hover {
  background-color: #169A96;
}
.bz-banner-slider-container .banner-slide-prev-btn {
  right: 0;
}
.bz-banner-slider-container .banner-slide-next-btn {
  left: 0;
}
.bz-banner-slider-container .slider-item {
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.bz-banner-slider-container .slider-item .slider-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 20s ease-in-out;
  -moz-transition: all 20s ease-in-out;
  transition: all 20s ease-in-out;
}
.bz-banner-slider-container .slider-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.bz-banner-slider-container .slider-item.slide1 .slider-image {
  background-image: url(../images/banner/slider/01.jpg);
  background-position: 50% 50%;
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item.slide1 .slider-image {
    background-size: 100%;
  }
}
.bz-banner-slider-container .slider-item.slide1 slider-content {
  text-align: center;
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item.slide1 slider-content {
    text-align: left;
  }
}
.bz-banner-slider-container .slider-item.slide1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.bz-banner-slider-container .slider-item.slide2 .slider-image {
  background-image: url(../images/banner/slider/02.jpg);
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item.slide2 .slider-image {
    background-size: 100%;
  }
}
.bz-banner-slider-container .slider-item.slide2 slider-content {
  text-align: center;
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item.slide2 slider-content {
    text-align: left;
  }
}
.bz-banner-slider-container .slider-item.slide2:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.bz-banner-slider-container .slider-item.slide3 .slider-image {
  background-image: url(../images/banner/slider/03.jpg);
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item.slide3 .slider-image {
    background-size: 100%;
  }
}
.bz-banner-slider-container .slider-item.slide3 slider-content {
  text-align: center;
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item.slide3 slider-content {
    text-align: left;
  }
}
.bz-banner-slider-container .slider-item.slide3:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.bz-banner-slider-container .slider-item .slider-content-area {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-38%);
  -ms-transform: translateY(-38%);
  transform: translateY(-38%);
  width: 100%;
  z-index: 3;
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-item .slider-content-area {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.bz-banner-slider-container .slider-content {
  padding: 0 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-content {
    text-align: left;
  }
}
@media (width: 1024px) {
  .bz-banner-slider-container .slider-content {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .bz-banner-slider-container .slider-content {
    padding: 0;
  }
}
.bz-banner-slider-container .slider-content .large-text {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 30px;
  opacity: 0;
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-content .large-text {
    font-size: 36px;
  }
}
@media (min-width: 1300px) {
  .bz-banner-slider-container .slider-content .large-text {
    font-size: 42px;
  }
}
@media (min-width: 1500px) {
  .bz-banner-slider-container .slider-content .large-text {
    font-size: 48px;
  }
}
.bz-banner-slider-container .slider-content .small-text {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 40px;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
}
@media (min-width: 992px) {
  .bz-banner-slider-container .slider-content .small-text {
    font-size: 18px;
  }
}
.bz-banner-slider-container .slider-content .video-button-area {
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
}
.bz-banner-slider-container .slider-content .video-button-area span {
  color: #fff;
}
.bz-banner-slider-container .slider-content .video-button-area .video-button:hover {
  color: inherit;
}
.bz-banner-slider-container .slider-content .custom-btn {
  padding: 15px 45px;
  background-color: #fff;
  color: #333;
  border-radius: 30px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-banner-slider-container .slider-content .custom-btn:hover {
  background-color: #169A96;
  color: #fff;
}
.bz-banner-slider-container .slider-content .button-area {
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
}
.bz-banner-slider-container .swiper-slide-active .slider-image {
  transform: scale(1.5);
}
.bz-banner-slider-container .swiper-slide-active .large-text {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.bz-banner-slider-container .swiper-slide-active .small-text {
  opacity: 1;
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.bz-banner-slider-container .swiper-slide-active .video-button-area {
  padding-top: 30px;
  opacity: 1;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.bz-banner-slider-container .swiper-slide-active .button-area {
  opacity: 1;
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  -ms-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

.banner-slider2 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .banner-slider2 {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1500px) {
  .banner-slider2 {
    padding-left: 110px;
    padding-right: 110px;
  }
}

.slider-area {
  position: relative;
}

.banner-slider-container2 {
  padding-bottom: 80px;
  background: #ececec;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .banner-slider-container2 {
    padding-bottom: 25px;
    background-color: transparent;
  }
}
@media (min-width: 1500px) {
  .banner-slider-container2 {
    padding-bottom: 25px;
  }
}
.banner-slider-container2 .banner-slide-next-btn, .banner-slider-container2 .banner-slide-prev-btn {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 50%;
  margin-top: -32px;
  z-index: 2;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: none;
}
@media (min-width: 576px) {
  .banner-slider-container2 .banner-slide-next-btn, .banner-slider-container2 .banner-slide-prev-btn {
    display: block;
  }
}
@media (min-width: 768px) {
  .banner-slider-container2 .banner-slide-next-btn, .banner-slider-container2 .banner-slide-prev-btn {
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
}
.banner-slider-container2 .banner-slide-next-btn.swiper-button-disabled, .banner-slider-container2 .banner-slide-prev-btn.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.banner-slider-container2 .banner-slide-prev-btn {
  right: 0;
}
.banner-slider-container2 .banner-slide-next-btn {
  left: 0;
}
.banner-slider-container2 .slider-item {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.banner-slider2 {
  position: relative;
}
.banner-slider2 .post-item {
  background-color: #ececec;
  position: relative;
}
.banner-slider2 .post-item .post-thumb {
  width: 100%;
}
.banner-slider2 .post-item .post-content {
  width: 80%;
  background-color: #fff;
  padding: 25px 20px;
  opacity: 0;
  text-align: center;
  position: relative;
  left: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(0px) translateX(-50%);
  -ms-transform: translateY(0px) translateX(-50%);
  transform: translateY(0px) translateX(-50%);
}
@media (min-width: 768px) {
  .banner-slider2 .post-item .post-content {
    text-align: left;
    padding: 50px 30px;
  }
}
.banner-slider2 .post-item .post-content .catagory {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .banner-slider2 .post-item .post-content .catagory {
    margin-bottom: 26px;
  }
}
.banner-slider2 .post-item .post-content .title {
  margin-bottom: 0;
  line-height: 20px;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .banner-slider2 .post-item .post-content .title {
    margin-bottom: 20px;
  }
}
.banner-slider2 .post-item .post-content .title a {
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 768px) {
  .banner-slider2 .post-item .post-content .title a {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .banner-slider2 .post-item .post-content .title a {
    font-size: 36px;
  }
}
@media (min-width: 1500px) {
  .banner-slider2 .post-item .post-content .title a {
    font-size: 48px;
    line-height: 1.05;
  }
}
.banner-slider2 .post-item .post-content p {
  font-size: 14px;
  line-height: 2;
  display: none;
}
@media (min-width: 768px) {
  .banner-slider2 .post-item .post-content p {
    font-size: 14px;
    display: block;
  }
}
@media (min-width: 992px) {
  .banner-slider2 .post-item .post-content p {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .banner-slider2 .post-item {
    display: flex;
    justify-content: flex-end;
  }
  .banner-slider2 .post-item .post-thumb {
    width: 66%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
  }
  .banner-slider2 .post-item .post-content {
    max-width: 600px;
    width: 100%;
    padding: 60px 45px 55px 45px;
    position: absolute;
    top: 60%;
    left: 75px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}
.banner-slider2 .swiper-slide-active .post-content {
  opacity: 1;
  -webkit-transform: translateY(-10px) translateX(-50%);
  -ms-transform: translateY(-10px) translateX(-50%);
  transform: translateY(-10px) translateX(-50%);
}
@media (min-width: 1200px) {
  .banner-slider2 .swiper-slide-active .post-content {
    top: 40%;
    -webkit-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
  }
}
.banner-slider2 .banner2-slide-next-btn, .banner-slider2 .banner2-slide-prev-btn {
  position: absolute;
  left: 45%;
  bottom: 2%;
  z-index: 9;
  outline: none;
}
@media (min-width: 1200px) {
  .banner-slider2 .banner2-slide-next-btn, .banner-slider2 .banner2-slide-prev-btn {
    left: 25%;
    top: 20%;
  }
}
@media (min-width: 1500px) {
  .banner-slider2 .banner2-slide-next-btn, .banner-slider2 .banner2-slide-prev-btn {
    left: 25%;
    top: 30%;
  }
}
.banner-slider2 .banner2-slide-next-btn i, .banner-slider2 .banner2-slide-prev-btn i {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  line-height: 44px;
  text-align: center;
  color: #2f2f2f;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  cursor: pointer;
}
.banner-slider2 .banner2-slide-next-btn .text, .banner-slider2 .banner2-slide-prev-btn .text {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
  font-weight: 700;
}
.banner-slider2 .banner2-slide-next-btn:hover i, .banner-slider2 .banner2-slide-next-btn:active i, .banner-slider2 .banner2-slide-next-btn:focus i, .banner-slider2 .banner2-slide-prev-btn:hover i, .banner-slider2 .banner2-slide-prev-btn:active i, .banner-slider2 .banner2-slide-prev-btn:focus i {
  background-color: #2f2f2f;
  color: #fff;
}
.banner-slider2 .banner2-slide-next-btn {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.banner-slider2 .banner2-slide-prev-btn {
  -webkit-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  transform: translateX(-25px);
}

.da-banner-section {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.da-banner-section:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.da-banner-section .banner-image {
  background-image: url(../images/digital-agency/banner/bg.jpg);
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 110%;
  height: 110%;
}
.da-banner-section .banner-pattern {
  position: absolute;
  left: 0;
  top: 130px;
}
.da-banner-section .banner-pattern2 {
  position: absolute;
  right: 0;
  bottom: 50px;
  z-index: 2;
  opacity: 0.4;
}
.da-banner-section .social-media-list {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.da-banner-section .banner-container {
  max-width: 750px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 9;
}
.da-banner-section .banner-container h2 {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1;
  color: #fff;
}
.da-banner-section .banner-container h2 span {
  color: #ffac40;
  font-weight: 700;
}
@media (min-width: 768px) {
  .da-banner-section .banner-container h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .da-banner-section .banner-container h2 {
    font-size: 65px;
    line-height: 1.1;
  }
}
@media (min-width: 1500px) {
  .da-banner-section .banner-container h2 {
    font-size: 75px;
    line-height: 1.1;
  }
}
.da-banner-section .banner-container p {
  font-size: 14px;
  line-height: 1.8;
  color: white;
}
@media (min-width: 768px) {
  .da-banner-section .banner-container p {
    font-size: 18px;
  }
}
.da-banner-section .banner-container .da-custom-btn2, .da-banner-section .banner-container .da-custom-btn {
  min-width: 160px;
}
.da-banner-section .social-media-list {
  padding: 20px 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.da-banner-section .social-media-list li a {
  padding: 20px;
  display: block;
}
.da-banner-section .social-media-list li a:hover {
  color: #2e8efd;
}

.banner-section {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.banner-section .banner-pattern {
  position: absolute;
  left: 0;
  top: 120px;
}
.banner-section .banner-pattern2 {
  position: absolute;
  right: 0;
  bottom: 100px;
}
.banner-section .social-media-list {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.banner-section .banner-container {
  max-width: 570px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
}
.banner-section .banner-container h2 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1;
}
@media (min-width: 768px) {
  .banner-section .banner-container h2 {
    font-size: 60px;
  }
}
.banner-section .banner-container p {
  font-size: 14px;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .banner-section .banner-container p {
    font-size: 18px;
  }
}
.banner-section .social-media-list {
  padding: 20px 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.banner-section .social-media-list li a {
  padding: 20px;
  display: block;
}
.banner-section .social-media-list li a:hover {
  color: #2e8efd;
}

.slider-banner-section {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.slider-banner-section .carousel, .slider-banner-section .carousel-inner {
  width: 100%;
  height: 100%;
}
.slider-banner-section .carousel-item {
  width: 100%;
  height: 100%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-banner-section .carousel-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.slider-banner-section .carousel-item .banner-container {
  max-width: 900px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 9;
}
.slider-banner-section .carousel-item .banner-container h2 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1;
  color: #fff;
  opacity: 0;
  transform: scale(5);
  transition: all 0.5s ease;
}
.slider-banner-section .carousel-item .banner-container h2 span {
  color: #ffac40;
  font-weight: 700;
}
@media (min-width: 768px) {
  .slider-banner-section .carousel-item .banner-container h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .slider-banner-section .carousel-item .banner-container h2 {
    font-size: 65px;
    line-height: 1.1;
  }
}
@media (min-width: 1500px) {
  .slider-banner-section .carousel-item .banner-container h2 {
    font-size: 75px;
    line-height: 1.1;
  }
}
.slider-banner-section .carousel-item .banner-container p {
  font-size: 14px;
  line-height: 1.8;
  color: white;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease;
}
@media (min-width: 768px) {
  .slider-banner-section .carousel-item .banner-container p {
    font-size: 18px;
  }
}
.slider-banner-section .carousel-item .banner-container .btn-group {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease;
}
.slider-banner-section .carousel-item .banner-container .da-custom-btn2, .slider-banner-section .carousel-item .banner-container .da-custom-btn {
  min-width: 160px;
}
.slider-banner-section .carousel-item.active .banner-container h2 {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0s;
}
.slider-banner-section .carousel-item.active .banner-container p {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.5s;
}
.slider-banner-section .carousel-item.active .banner-container .btn-group {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.9s;
}
.slider-banner-section .carousel-item:nth-child(1) {
  background-image: url(../images/digital-agency/banner/bg3.jpg);
}
.slider-banner-section .carousel-item:nth-child(1) .banner-container h2 {
  opacity: 0;
  transform: scale(5);
  transition: all 0.5s ease;
}
.slider-banner-section .carousel-item:nth-child(1).active .banner-container h2 {
  opacity: 1;
  transform: scale(1);
}
.slider-banner-section .carousel-item:nth-child(2) {
  background-image: url(../images/digital-agency/banner/bg.jpg);
}
.slider-banner-section .carousel-item:nth-child(2) .banner-container h2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease;
}
.slider-banner-section .carousel-item:nth-child(2).active .banner-container h2 {
  opacity: 1;
  transform: translateY(0px);
}
.slider-banner-section .carousel-item:nth-child(3) {
  background-image: url(../images/digital-agency/banner/bg2.jpg);
}
.slider-banner-section .carousel-item:nth-child(3) .banner-container h2 {
  opacity: 0;
  transform: translatex(30px);
  transition: all 0.5s ease;
}
.slider-banner-section .carousel-item:nth-child(3) .banner-container p {
  opacity: 0;
  transform: translatex(-30px);
  transition: all 0.5s ease;
}
.slider-banner-section .carousel-item:nth-child(3) .banner-container .btn-group {
  opacity: 0;
  transform: translateX(30px);
}
.slider-banner-section .carousel-item:nth-child(3).active .banner-container h2 {
  opacity: 1;
  transform: translateY(0);
}
.slider-banner-section .carousel-item:nth-child(3).active .banner-container p {
  opacity: 1;
  transform: translatex(0px);
  transition-delay: 0.5s;
}
.slider-banner-section .carousel-item:nth-child(3).active .banner-container .btn-group {
  opacity: 1;
  transform: translateX(0px);
}
.slider-banner-section .carousel-item:nth-child(4) {
  background-image: url(../images/digital-agency/banner/bg.jpg);
}
.slider-banner-section .carousel-control-prev, .slider-banner-section .carousel-control-next {
  width: 45px;
  height: 45px;
  background-color: #2e8efd;
  top: 50%;
  margin-top: -25px;
  display: none;
}
@media (min-width: 768px) {
  .slider-banner-section .carousel-control-prev, .slider-banner-section .carousel-control-next {
    display: flex;
  }
}

.app-banner-section {
  height: auto;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, #fefefe, #f2f3f5);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .app-banner-section {
    height: 900px;
  }
}
@media (min-width: 1500px) {
  .app-banner-section {
    height: 100vh;
  }
}
.app-banner-section .banner-pattarn1 {
  position: absolute;
  right: 50%;
  bottom: -68%;
  -webkit-transform: translateX(56%);
  -ms-transform: translateX(56%);
  transform: translateX(56%);
}
@media (min-width: 576px) {
  .app-banner-section .banner-pattarn1 {
    right: 50%;
    bottom: -57%;
  }
}
@media (min-width: 992px) {
  .app-banner-section .banner-pattarn1 {
    right: -50%;
    top: 8%;
    bottom: unset;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@media (min-width: 1300px) {
  .app-banner-section .banner-pattarn1 {
    right: -50%;
  }
}
@media (min-width: 1500px) {
  .app-banner-section .banner-pattarn1 {
    right: -28%;
  }
}
.app-banner-section .banner-pattarn2 {
  position: absolute;
  right: 39%;
  bottom: -78%;
  z-index: 1;
  -webkit-transform: translateX(56%);
  -ms-transform: translateX(56%);
  transform: translateX(56%);
}
@media (min-width: 576px) {
  .app-banner-section .banner-pattarn2 {
    bottom: -80%;
    right: 50%;
  }
}
@media (min-width: 992px) {
  .app-banner-section .banner-pattarn2 {
    right: -64%;
    top: 3%;
    bottom: unset;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@media (min-width: 1300px) {
  .app-banner-section .banner-pattarn2 {
    right: -64%;
  }
}
@media (min-width: 1500px) {
  .app-banner-section .banner-pattarn2 {
    right: -44%;
  }
}
.app-banner-section .squre-pattarn1 {
  width: 1000px;
  height: 800px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: #4b4e5a;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (min-width: 992px) {
  .app-banner-section .squre-pattarn1 {
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
  }
}
.app-banner-section .squre-pattarn2 {
  width: 1000px;
  height: 800px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  background-color: #f3aa45;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  animation: banner-pattern-move 5s infinite;
}
@media (min-width: 992px) {
  .app-banner-section .squre-pattarn2 {
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
  }
}
.app-banner-section .app-banner-content-area {
  padding-left: 12%;
  padding-right: 12%;
}
.app-banner-section .app-banner-content-area .banner-content h2 {
  font-size: 36px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .app-banner-section .app-banner-content-area .banner-content h2 {
    font-size: 36px;
  }
}
@media (min-width: 1300px) {
  .app-banner-section .app-banner-content-area .banner-content h2 {
    font-size: 46px;
  }
}
@media (min-width: 1500px) {
  .app-banner-section .app-banner-content-area .banner-content h2 {
    font-size: 60px;
  }
}
.app-banner-section .app-banner-content-area .banner-content p {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .app-banner-section .app-banner-content-area .banner-content p {
    font-size: 18px;
  }
}
.app-banner-section .app-banner-content-area .banner-content .app-store a {
  display: inline-block;
  margin: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.app-banner-section .app-banner-content-area .banner-content .app-store a:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.app-banner-section .banner-app {
  width: 270px;
  height: 270px;
  position: relative;
  display: block;
}
@media (min-width: 576px) {
  .app-banner-section .banner-app {
    width: 350px;
    height: 350px;
  }
}
@media (min-width: 1200px) {
  .app-banner-section .banner-app {
    width: 450px;
    height: 450px;
  }
}
@media (min-width: 1300px) {
  .app-banner-section .banner-app {
    width: 550px;
    height: 550px;
  }
}
@media (min-width: 1500px) {
  .app-banner-section .banner-app {
    width: 650px;
    height: 650px;
  }
}
.app-banner-section .banner-app .banner-app-image {
  position: absolute;
  left: 50%;
  bottom: 28px;
  z-index: 2;
  width: inherit;
}
.app-banner-section .banner-app img {
  transform: rotate(12deg);
  margin-left: -60px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  animation: banner-image-move 5s infinite;
  width: 46%;
}
@media (min-width: 992px) {
  .app-banner-section .banner-app img {
    margin-left: -160px;
  }
}
@media (min-width: 1500px) {
  .app-banner-section .banner-app img {
    width: auto;
  }
}
.app-banner-section .banner-app .banner-circle-box-big {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.app-banner-section .banner-app .circle-box-big {
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  animation: banner-circle-move 5s infinite;
}
.app-banner-section .banner-app .banner-circle-box-small {
  position: absolute;
  left: -100px;
  bottom: 0;
  width: 40%;
  height: 40%;
}
.app-banner-section .banner-app .circle-box-small {
  width: 100%;
  height: 100%;
  background-color: #5ec0e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.about-image {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.bz-about-slider {
  max-width: 750px;
  width: 100%;
}
@media (width: 1024px) {
  .bz-about-slider {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  .bz-about-slider {
    width: 750px;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
  }
}
@media (min-width: 1300px) {
  .bz-about-slider {
    right: -20px;
  }
}
.bz-about-slider .swiper-pagination-fraction {
  bottom: -40px !important;
  left: 20px !important;
  width: auto !important;
  color: #e9e9e9;
}
@media (min-width: 768px) {
  .bz-about-slider .swiper-pagination-fraction {
    left: 140px !important;
  }
}
.bz-about-slider .swiper-pagination-fraction .swiper-pagination-total {
  color: #d4d4d4;
}
.bz-about-slider .swiper-pagination-fraction .swiper-pagination-current {
  color: #2e3c40;
}

.bz-about-slide-container {
  overflow: hidden;
  padding-bottom: 100px;
  position: relative;
}
@media (min-width: 576px) {
  .bz-about-slide-container {
    padding-bottom: 200px;
  }
}
.bz-about-slide-container .swiper-slide {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0.3;
}
.bz-about-slide-container .swiper-slide-prev {
  transform: translateX(40%);
  opacity: 0.3;
}
.bz-about-slide-container .swiper-slide-next {
  transform: translateX(-40%);
  opacity: 0.3;
}
.bz-about-slide-container .swiper-slide-active {
  z-index: 2;
  opacity: 1 !important;
  transform: scale(1.4) translateY(50px);
}
@media (min-width: 768px) {
  .bz-about-slide-container .swiper-slide-active {
    transform: scale(1.4) translateY(100px);
  }
}

.aboutus {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .aboutus {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 992px) {
  .aboutus.style1 .section-header {
    margin-bottom: 0;
    background-color: #fff;
  }
}
.aboutus.style1 .col-lg-6:first-child {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  z-index: 1;
}
@media (min-width: 576px) {
  .aboutus {
    padding-left: 0;
    padding-right: 0;
  }
}
.aboutus .section-header {
  padding-left: 0px;
  margin-bottom: 60px;
}
.aboutus .section-header .desc {
  margin-bottom: 30px;
}
.aboutus.style2 .section-header {
  padding-left: 0;
}
.aboutus.style2 .section-header .desc {
  margin-bottom: 30px;
}
.aboutus.style2 .video-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.aboutus.style2 .video-image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.aboutus.style2 .video-image img {
  width: 100%;
}
@media (min-width: 992px) {
  .aboutus.style2 .video-image {
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}
.aboutus.style2 .video-image .video-button {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  line-height: 72px;
  color: #2e3c40;
  background-color: #fff;
  display: inline-block;
  margin-right: 35px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
@media (min-width: 576px) {
  .aboutus.style2 .video-image .video-button {
    width: 100px;
    height: 100px;
    line-height: 98px;
    font-size: 35px;
    margin-left: -50px;
    margin-top: -50px;
  }
}
.aboutus.style2 .video-image .video-button i {
  font-size: 26px;
}
.aboutus.style2 .video-image .video-button:hover {
  color: #fff !important;
}

.button-control-group {
  position: absolute;
  right: 20px;
  bottom: -50px;
  z-index: 2;
}
@media (min-width: 768px) {
  .button-control-group {
    right: 100px;
  }
}
.button-control-group .about-slide-next-btn {
  position: relative;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  color: #c2c2c2;
  text-align: center;
  line-height: 32px;
  float: right;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button-control-group .about-slide-next-btn:active, .button-control-group .about-slide-next-btn:focus, .button-control-group .about-slide-next-btn:hover {
  color: #000;
  border-color: #000;
  outline: none;
}
.button-control-group .about-slide-prev-btn {
  position: relative;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  color: #c2c2c2;
  text-align: center;
  line-height: 32px;
  float: right;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button-control-group .about-slide-prev-btn:active, .button-control-group .about-slide-prev-btn:focus, .button-control-group .about-slide-prev-btn:hover {
  color: #000;
  border-color: #000;
  outline: none;
}

.image-slider {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 50px;
  width: 100%;
  margin: auto;
  position: relative;
}
@media (min-width: 992px) {
  .image-slider {
    width: 100%;
    overflow: visible;
  }
}
.image-slider .image-slider-container {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.image-slider .image-slider-container .swiper-slide {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.image-slider .image-slider-container .swiper-slide img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 170px;
}
.image-slider .button-control-group {
  max-width: 820px;
  width: 70%;
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 36px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.image-slider .button-control-group i {
  font-size: 24px;
}
@media (min-width: 1200px) {
  .image-slider .button-control-group {
    width: 100%;
  }
}
.image-slider .button-control-group .image-slide-prev-btn, .image-slider .button-control-group .image-slide-next-btn {
  position: absolute;
  z-index: 3;
  width: 24px;
  height: 24px;
  cursor: pointer;
  bottom: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.image-slider .button-control-group .image-slide-prev-btn:hover, .image-slider .button-control-group .image-slide-next-btn:hover {
  color: #169A96;
}
.image-slider .button-control-group .image-slide-prev-btn.swiper-button-disabled, .image-slider .button-control-group .image-slide-next-btn.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.image-slider .button-control-group .image-slide-prev-btn {
  left: -15px;
}
.image-slider .button-control-group .image-slide-next-btn {
  right: -15px;
}
.image-slider .button-control-group .swiper-pagination-progressbar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #eeeeee;
}
.image-slider .button-control-group .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #d2d2d2;
}

.joint-image {
  position: relative;
}
.joint-image img {
  width: 100%;
  border-radius: 5px;
}
.joint-image img:first-child {
  position: relative;
  z-index: 2;
}
.joint-image .position-image {
  position: relative;
  right: 50%;
  width: 85%;
  -webkit-transform: translateY(-15%) translateX(67%);
  -ms-transform: translateY(-15%) translateX(67%);
  transform: translateY(-15%) translateX(67%);
}
@media (min-width: 992px) {
  .joint-image .position-image {
    width: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    right: 90%;
    z-index: 0;
  }
}

.about-project-section {
  background-color: #fbfbfb;
}
.about-project-section .image {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.about-project-section .image img {
  width: 100%;
  border-radius: 5px;
}

.our-mission-section {
  background-color: #3b3b3b;
}

@media (min-width: 992px) {
  .progreesbar-container {
    padding-right: 60px;
  }
}
.progreesbar-container .progress {
  margin-bottom: 20px;
  position: relative;
  height: 36px;
  border: 1px solid #f4f4f4;
  background-color: #fafafa;
  border-radius: 36px;
}
.progreesbar-container .progress .name {
  position: absolute;
  left: 15px;
  top: 8px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.progreesbar-container .progress .percent {
  position: absolute;
  right: 15px;
  top: 10px;
  font-weight: 700;
  color: #999;
}
.progreesbar-container .progress .progress-bar {
  padding: 10px 20px;
  height: 28px;
  margin: 3px 3px;
  border-radius: 30px;
  background-color: #ff5d5a;
}

.our-capabilities-section .custom-btn2 {
  background-color: #ff5d5a;
}

.btn-transparent {
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #2e3c40;
}
.btn-transparent i {
  transform: translateY(1px);
  font-size: 89%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-transparent:hover {
  color: #169A96;
}
.btn-transparent:hover i {
  transform: translateX(5px);
}

.custom-btn1 {
  font-size: 15px;
  font-weight: 600;
  color: #2e3c40;
  border: 1px solid #2e3c40;
  padding: 16px 45px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.custom-btn1:hover {
  color: #fff !important;
}

.custom-btn2 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  padding: 16px 45px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-btn2:hover {
  color: #fff;
  background-color: #2e3c40 !important;
}

.button-effect1 {
  position: relative;
  overflow: hidden;
}
.button-effect1:after {
  content: "";
  position: absolute;
  left: 150%;
  top: 40%;
  width: 200%;
  height: 20%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.button-effect1:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 40%;
  width: 200%;
  height: 20%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.button-effect1:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.button-effect1:hover:after {
  left: -150%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}
.button-effect1:hover:before {
  left: -200%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.video-button {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  line-height: 82px;
  color: #000;
  background-color: #fff;
  display: inline-block;
  font-size: 24px;
  margin-right: 35px;
  position: relative;
}
@media (min-width: 1500px) {
  .video-button {
    width: 100px;
    height: 100px;
    line-height: 104px;
  }
  .video-button i {
    font-size: 30px;
    margin-left: 5px;
  }
}

.effect-dhew {
  overflow: visible;
}
.effect-dhew .anim1 {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #169A96;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: dhew 2s infinite;
  animation-timing-function: ease-out;
}
.effect-dhew .anim2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #169A96;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: dhew 3s infinite;
  animation-timing-function: ease-out;
}
.effect-dhew .anim3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #169A96;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: dhew 3s infinite;
  animation-timing-function: ease-out;
  animation-delay: 1s;
}
.effect-dhew .anim4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #169A96;
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: dhew 5s infinite;
  animation-delay: 1s;
}

.custom-angle-left, .custom-angle-right {
  width: 15px;
  height: 15px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7px;
}
.custom-angle-left.small, .custom-angle-right.small {
  width: 10px;
  height: 10px;
  border-width: 1px;
}
.custom-angle-left.small.custom-angle-left, .custom-angle-right.small.custom-angle-left {
  margin-top: -5px;
  margin-left: -3px;
}
.custom-angle-left.small.custom-angle-right, .custom-angle-right.small.custom-angle-right {
  margin-top: -5px;
  margin-left: -7px;
}
.custom-angle-left.black, .custom-angle-right.black {
  border-color: #000;
}

.custom-angle-left {
  transform: rotate(45deg);
  margin-left: -7px;
}

.custom-angle-right {
  transform: rotate(-136deg);
  margin-left: -11px;
}

.ag-custom-btn {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  color: #b74acd;
  padding: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .ag-custom-btn {
    padding: 15px 35px;
  }
}
.ag-custom-btn.btn-border-radius40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.ag-custom-btn.btn-border {
  border: 2px solid #b74acd;
  color: #b74acd;
}
.ag-custom-btn.btn-border:hover {
  background-color: #b74acd;
  color: #fff;
}
.ag-custom-btn.btn-gradient {
  background-image: linear-gradient(to top, #7f2799, #a538ba);
}
.ag-custom-btn.btn-gradient:hover {
  background-image: linear-gradient(to top, #a538ba, #7f2799);
}
.ag-custom-btn.btn-solid-white {
  background-color: #fff;
  color: #82299b;
}

.custom-btn-naked {
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-btn-naked img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-btn-naked:hover {
  color: #b74acd;
}
.custom-btn-naked:hover img {
  margin-left: 6px;
}

.btn-group {
  display: block;
}
@media (min-width: 576px) {
  .btn-group {
    display: inline-flex;
  }
}

.da-custom-btn {
  padding: 12px 30px;
  font-size: 15px;
  display: inline-block;
  border: 2px solid #2e8efd;
  color: #2e8efd;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .da-custom-btn {
    padding: 15px 30px;
    font-size: 16px;
  }
}
@media (min-width: 1500px) {
  .da-custom-btn {
    padding: 18px 50px;
    font-size: 16px;
  }
}
.da-custom-btn span {
  position: relative;
  z-index: 2;
}
.da-custom-btn.sm-btn {
  padding: 14px 50px;
  font-size: 14px;
  font-weight: 500;
}
.da-custom-btn.sm-btn span {
  font-weight: 500;
}
.da-custom-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #2e8efd;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.da-custom-btn:hover {
  color: #fff !important;
}
.da-custom-btn:hover:after {
  color: #fff;
  left: 0;
}
.da-custom-btn.btn-border-radius40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.da-custom-btn.btn-border-radius40:after {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.da-custom-btn.btn-solid {
  background-color: #2e8efd;
  color: #fff;
}
.da-custom-btn.btn-solid:hover {
  color: #2e8efd !important;
}
.da-custom-btn.btn-solid:hover:after {
  left: 0;
  background-color: #fff;
}

.da-custom-btn2 {
  padding: 12px 30px;
  font-size: 14px;
  display: inline-block;
  border: 2px solid #ffac40;
  color: #ffac40;
  position: relative;
  overflow: hidden;
  background-color: white;
}
@media (min-width: 768px) {
  .da-custom-btn2 {
    padding: 15px 71px;
    font-size: 16px;
  }
}
.da-custom-btn2 span {
  position: relative;
  z-index: 2;
}
.da-custom-btn2.sm-btn {
  padding: 14px 50px;
  font-size: 14px;
  font-weight: 500;
}
.da-custom-btn2.sm-btn span {
  font-weight: 500;
}
.da-custom-btn2:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.da-custom-btn2:hover {
  color: #ffac40 !important;
}
.da-custom-btn2:hover:after {
  color: #fff;
  left: 0;
}
.da-custom-btn2.btn-border-radius40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.da-custom-btn2.btn-border-radius40:after {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.da-custom-btn2.btn-solid {
  background-color: #ffac40;
  color: #fff;
}
.da-custom-btn2.btn-solid:hover:after {
  color: #ffac40;
  left: 0;
}

.app-custom-btn {
  padding: 12px 30px;
  font-size: 15px;
  display: inline-block;
  border: 1px solid #5ec0e7;
  color: #5ec0e7;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .app-custom-btn {
    padding: 18px 71px;
    font-size: 16px;
  }
}
.app-custom-btn span {
  position: relative;
  z-index: 2;
}
.app-custom-btn.sm-btn {
  padding: 14px 30px;
  font-size: 14px;
  font-weight: 500;
}
.app-custom-btn.sm-btn span {
  font-weight: 500;
}
.app-custom-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #5ec0e7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.app-custom-btn:hover {
  color: #fff;
}
.app-custom-btn:hover:after {
  color: #fff;
  left: 0;
}
.app-custom-btn.btn-border-radius40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.app-custom-btn.btn-border-radius40:after {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.app-custom-btn.btn-border-radius5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.app-custom-btn.btn-border-radius5:after {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.app-custom-btn.btn-solid {
  background-color: #5ec0e7;
  color: #fff;
}
.app-custom-btn.btn-solid:hover {
  color: #5ec0e7 !important;
}
.app-custom-btn.btn-solid:hover:after {
  left: 0;
  background-color: #fff;
}

.app-custom-btn2 {
  padding: 12px 30px;
  font-size: 14px;
  display: inline-block;
  border: 1px solid #ffac40;
  color: #ffac40;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .app-custom-btn2 {
    padding: 18px 71px;
    font-size: 16px;
  }
}
.app-custom-btn2 span {
  position: relative;
  z-index: 2;
}
.app-custom-btn2.sm-btn {
  padding: 14px 50px;
  font-size: 14px;
  font-weight: 500;
}
.app-custom-btn2.sm-btn span {
  font-weight: 500;
}
.app-custom-btn2:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #ffac40;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.app-custom-btn2:hover {
  color: #fff;
}
.app-custom-btn2:hover:after {
  color: #fff;
  left: 0;
}
.app-custom-btn2.btn-border-radius40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.app-custom-btn2.btn-border-radius40:after {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.app-custom-btn2.btn-solid {
  background-color: #ffac40;
  color: #fff;
}
.app-custom-btn2.btn-solid:hover:after {
  color: #ffac40;
  left: 0;
}

.Okala-button {
  font-size: 14px;
  color: #fff;
  background-color: #fd625e;
  padding: 12px 28px;
  display: inline-block;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Okala-button:hover {
  color: #fff;
}
.Okala-button.xs-button {
  padding: 5px 20px;
}
.Okala-button.sm-button {
  padding: 7px 25px;
}
.Okala-button.md-button {
  padding: 12px 28px;
}
.Okala-button.lg-button {
  padding: 16px 35px;
  font-size: 16px;
}
.Okala-button.xl-button {
  padding: 20px 60px;
  font-size: 20px;
}
.Okala-button.btn-radius3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.Okala-button.btn-radius5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Okala-button.btn-radius10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.Okala-button.btn-radius20 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.Okala-button.btn-radius30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.Okala-button.btn-radius40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.Okala-button.btn-radius50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.Okala-button.btn-radius60 {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.Okala-button.btn-radius70 {
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}
.Okala-button.btn-radius80 {
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
}
.Okala-button.red-bg-btn {
  background-color: #fd625e;
  color: #fff;
}
.Okala-button.red-bg-btn:hover {
  background-color: rgba(253, 98, 94, 0.75);
}
.Okala-button.black-bg-btn {
  background-color: #434343;
  color: #fff;
}
.Okala-button.black-bg-btn:hover {
  background-color: rgba(67, 67, 67, 0.75);
}
.Okala-button.cyan-bg-btn {
  background-color: #53b8de;
  color: #fff;
}
.Okala-button.cyan-bg-btn:hover {
  background-color: rgba(83, 184, 222, 0.75);
}
.Okala-button.blue-bg-btn {
  background-color: #2e8efd;
  color: #fff;
}
.Okala-button.blue-bg-btn:hover {
  background-color: rgba(46, 142, 253, 0.75);
}
.Okala-button.green-bg-btn {
  background-color: #48cc2e;
  color: #fff;
}
.Okala-button.green-bg-btn:hover {
  background-color: rgba(72, 204, 46, 0.75);
}
.Okala-button.stroke-button {
  background-color: transparent;
  border: 1px solid #434343;
  color: #434343;
}
.Okala-button.stroke-button:hover {
  background-color: #434343;
  color: #fff;
}
.Okala-button.red-stroke {
  background-color: transparent;
  border: 1px solid #fd625e;
  color: #fd625e;
}
.Okala-button.red-stroke:hover {
  background-color: #fd625e;
  color: #fff;
}
.Okala-button.cyan-stroke {
  background-color: transparent;
  border: 1px solid #53b8de;
  color: #53b8de;
}
.Okala-button.cyan-stroke:hover {
  background-color: #53b8de;
  color: #fff;
}
.Okala-button.blue-stroke {
  background-color: transparent;
  border: 1px solid #2e8efd;
  color: #2e8efd;
}
.Okala-button.blue-stroke:hover {
  background-color: #2e8efd;
  color: #fff;
}
.Okala-button.green-stroke {
  background-color: transparent;
  border: 1px solid #48cc2e;
  color: #48cc2e;
}
.Okala-button.green-stroke:hover {
  background-color: #48cc2e;
  color: #fff;
}
.Okala-button.gradient-button {
  background-image: linear-gradient(to top, #086e97, #5ec0e7);
  background-color: transparent;
}
.Okala-button.gradient-button:hover {
  background-image: linear-gradient(to top, #5ec0e7, #086e97);
}

.working-process-section {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
  .working-process-section {
    padding-left: 0;
    padding-right: 0;
  }
}
.working-process-section .section-header {
  margin-bottom: 70px;
}
.working-process-section .bz-working-process {
  position: relative;
}
.working-process-section .bz-working-process:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 100%;
  width: 50%;
  height: 110%;
  background-color: rgba(249, 249, 249, 0.7);
  z-index: 1;
}
.working-process-section .bz-working-process:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 100.8%;
  width: 50%;
  height: 110%;
  background-color: #f9f9f9;
  z-index: 2;
}

.bz-process-item {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.bz-process-item .process-item-inner {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.bz-process-item .process-item-inner .front, .bz-process-item .process-item-inner .back {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bz-process-item .process-item-inner .front .process-count, .bz-process-item .process-item-inner .back .process-count {
  position: absolute;
  left: 20px;
  top: 20px;
}
.bz-process-item .process-item-inner .front {
  background-color: #fff;
}
.bz-process-item .process-item-inner .front .name {
  color: #2e3c40;
  font-size: 20px;
}
.bz-process-item .process-item-inner .back {
  background-color: #169A96;
}
.bz-process-item .process-item-inner .back .process-count {
  color: #fff;
}
.bz-process-item .process-item-inner .back .desc {
  margin-bottom: 0;
  color: #fff;
  line-height: 1.7;
}
.bz-process-item.style2 {
  margin-bottom: 10px;
  height: auto;
  padding: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-process-item.style2:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
@media (min-width: 768px) {
  .bz-process-item.style2 {
    padding: 20px;
    text-align: left;
    margin-bottom: 20px;
  }
}
.bz-process-item.style2 .title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.bz-process-item.style2 .desc {
  margin-bottom: 0px;
}

.bz-working-process-container {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .bz-working-process-container {
    padding-bottom: 80px;
  }
  .bz-working-process-container .swiper-wrapper {
    cursor: ew-resize;
  }
}
.bz-working-process-container .button-control-group {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 85%;
  background-color: red;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.bz-working-process-container .button-control-group .process-slide-prev-btn {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  z-index: 2;
  -webkit-animation: colorchange 1s infinite;
  animation: colorchange 1s infinite;
}
.bz-working-process-container .button-control-group .process-slide-prev-btn:active, .bz-working-process-container .button-control-group .process-slide-prev-btn:focus, .bz-working-process-container .button-control-group .process-slide-prev-btn:hover {
  color: #169A96;
}
.bz-working-process-container .button-control-group .process-slide-next-btn {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  z-index: 2;
}
.bz-working-process-container .button-control-group .process-slide-next-btn:active, .bz-working-process-container .button-control-group .process-slide-next-btn:focus, .bz-working-process-container .button-control-group .process-slide-next-btn:hover {
  color: #169A96;
}
.bz-working-process-container .swiper-pagination-progressbar {
  width: 75%;
  top: 107%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #eeeeee;
  height: 2px;
}
@media (min-width: 576px) {
  .bz-working-process-container .swiper-pagination-progressbar {
    width: 80%;
  }
}
.bz-working-process-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #d2d2d2;
  height: 2px;
}

.da-working-process-section {
  overflow: hidden;
}
.da-working-process-section .shape1 {
  position: absolute;
  right: 5%;
  top: 25%;
}
.da-working-process-section .circle1 {
  position: absolute;
  left: 40%;
  top: 60%;
}

.da-working-process-control a {
  display: block;
  height: 50px;
}
.da-working-process-control a .heading {
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.da-working-process-control a .text {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  padding: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  height: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}
.da-working-process-control a.active {
  height: auto;
}
.da-working-process-control a.active .heading {
  background-color: #577eed;
  color: #fff;
}
.da-working-process-control a.active .heading .down-arrow:after {
  border-color: #fff;
}
.da-working-process-control a.active .text {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  height: auto;
}

.down-arrow {
  position: relative;
  display: block;
}
.down-arrow:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  display: block;
  transform: rotate(45deg);
}

.da-working-process-container .image img {
  max-width: 100%;
}
@media (min-width: 992px) {
  .da-working-process-container .image img {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .da-working-process-container .image img {
    max-width: 110%;
  }
}
@media (min-width: 1300px) {
  .da-working-process-container .image img {
    max-width: 120%;
  }
}
@media (min-width: 1500px) {
  .da-working-process-container .image img {
    max-width: 130%;
  }
}

.service-section .borderbottom {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .service-section .borderbottom {
    margin-bottom: 60px;
    margin-top: 60px;
  }
}

.bz-service-area .service-tab {
  padding-bottom: 40px;
}
.bz-service-area .service-tab .nav-item {
  text-align: center;
  padding: 15px;
}
@media (min-width: 992px) {
  .bz-service-area .service-tab .nav-item {
    padding: 25px;
  }
}
.bz-service-area .service-tab .nav-item:last-child {
  padding-right: 0;
}
.bz-service-area .service-tab .nav-item:first-child {
  padding-left: 0;
}
.bz-service-area .service-tab .nav-item .icon {
  display: block;
  font-size: 50px;
  color: #b5b5b6;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-service-area .service-tab .nav-item .text {
  display: block;
  font-size: 14px;
  color: #2e3c40;
  opacity: 0.7;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-service-area .service-tab .nav-item.active .icon, .bz-service-area .service-tab .nav-item:hover .icon {
  color: #169A96;
}
.bz-service-area .service-tab .nav-item.active .text, .bz-service-area .service-tab .nav-item:hover .text {
  opacity: 1;
}
.bz-service-area .tab-content .service-content {
  overflow: hidden;
  position: relative;
  padding-bottom: 0px;
  text-align: center;
}
@media (min-width: 992px) {
  .bz-service-area .tab-content .service-content {
    padding-bottom: 0;
    text-align: left;
  }
}
.bz-service-area .tab-content .service-content > p:last-child {
  margin-bottom: 0;
}
.bz-service-area .tab-content .service-content .sc-left {
  padding-right: 0px;
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 992px) {
  .bz-service-area .tab-content .service-content .sc-left {
    text-align: left;
  }
}
.bz-service-area .tab-content .service-content .sc-left h5 {
  font-size: 24px;
  margin-bottom: 20px;
}
.bz-service-area .tab-content .service-content .sc-right .service-image {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .bz-service-area .tab-content .service-content .sc-right .service-image {
    margin-bottom: 0;
  }
}
.bz-service-area .tab-content .service-content .sc-right .service-image img {
  width: 100%;
}
.bz-service-area .tab-content .service-content .button-control-group {
  bottom: 0px;
  left: 50%;
  margin-left: -42px;
  width: 85px;
}
@media (min-width: 992px) {
  .bz-service-area .tab-content .service-content .button-control-group {
    bottom: 40px;
    left: 5px;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .bz-service-area .tab-content .service-content .sc-left, .bz-service-area .tab-content .service-content .sc-right {
    width: 50%;
  }
  .bz-service-area .tab-content .service-content .sc-left {
    padding-right: 70px;
    margin-bottom: 0;
  }
  .bz-service-area .tab-content .service-content .sc-left .service-image {
    border-radius: 10px;
    overflow: hidden;
  }
}

.ca-service-section {
  position: relative;
  padding-top: 60px;
}
.ca-service-section .left-bg-pattarn {
  position: absolute;
  top: 10%;
  right: 16%;
  transform: translateY(-30%);
  z-index: -1;
}

@media (min-width: 992px) {
  .ca-service-wrapper {
    transform: translateX(-40px);
  }
}

.ca-service-item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 40px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.ca-service-item .ca-service-icon-box {
  margin-bottom: 15px;
}
.ca-service-item h6 {
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ca-service-item h6:hover {
  color: #b74acd;
}
.ca-service-item p {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 17px;
}
.ca-service-icon-box {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
}
.ca-service-icon-box > span {
  color: #b74acd;
  font-size: 35px;
  line-height: 100px;
  text-align: center;
  font-weight: 400;
}

.svg-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.svg-icon .iconbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.svg-icon .iconbox svg {
  fill: #b74acd;
  opacity: 0.07;
}
.svg-icon .iconbox.part2 {
  margin-left: 5px;
  margin-top: 3px;
  -webkit-transform: scale(0.78);
  -ms-transform: scale(0.78);
  transform: scale(0.78);
  transform-origin: center;
}

.ca-service-item:hover .iconbox {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ca-service-item:hover .iconbox.part2 {
  -webkit-transform: scale(0.78) rotate(-90deg);
  -ms-transform: scale(0.78) rotate(-90deg);
  transform: scale(0.78) rotate(-90deg);
}

.ca-service-section .svg-circle-sign {
  bottom: 200px;
}
.ca-service-section .svg-pattarn {
  top: 0%;
}
@media (min-width: 992px) {
  .ca-service-section .svg-pattarn {
    top: -20%;
  }
}
.ca-service-section .left-bg-pattarn {
  top: 0;
  bottom: unset;
}

.icon-box {
  width: 160px;
  height: 120px;
  display: inline-block;
  position: relative;
}
.icon-box svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 125px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.6;
  fill: #ccc;
}
.icon-box .circle-box {
  width: 75px;
  height: 75px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -42px;
}
.icon-box .icon {
  position: absolute;
  bottom: 25px;
  left: 0;
  font-size: 40px;
  z-index: 1;
}
.icon-box.violet .circle-box {
  background-color: #ede1fb;
}
.icon-box.violet .icon {
  color: #a049af;
}
.icon-box.pink .circle-box {
  background-color: #fcd0e7;
}
.icon-box.pink .icon {
  color: #f475b7;
}
.icon-box.orange .circle-box {
  background-color: #ffeeea;
}
.icon-box.orange .icon {
  color: #ff9179;
}
.icon-box.blue .circle-box {
  background-color: #dae3fb;
}
.icon-box.blue .icon {
  color: #577eed;
}
.icon-box.yellow .circle-box {
  background-color: #fbf0da;
}
.icon-box.yellow .icon {
  color: #edba57;
}
.icon-box.green .circle-box {
  background-color: #d5f5ec;
}
.icon-box.green .icon {
  color: #3ed2a7;
}

.da-service-item {
  padding: 30px 25px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.da-service-item .custom-border-style {
  position: relative;
  padding-bottom: 15px;
}
.da-service-item .custom-border-style:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 1px;
  background-color: #577eed;
  transform: translateX(0%);
}
.da-service-item .custom-border-style.text-center {
  left: 50%;
  margin-left: -12px;
}
.da-service-item .custom-border-style.text-center {
  left: unset;
  right: 0;
}
.da-service-item .custom-border-style.green:after {
  background-color: #3ed2a7;
}
.da-service-item .custom-border-style.pink:after {
  background-color: #f475b7;
}
.da-service-item .custom-border-style.blue:after {
  background-color: #577eed;
}
.da-service-item .custom-border-style.yellow:after {
  background-color: #edba57;
}
.da-service-item .custom-border-style.violet:after {
  background-color: #a049af;
}
.da-service-item .custom-border-style.orange:after {
  background-color: #ff9179;
}

.bz-project-section {
  padding-left: 15px;
  padding-right: 15px;
}
.bz-project-section .section-header .title:after {
  display: none;
}
.bz-project-section .button-group {
  padding-left: 0;
}
.bz-project-section .button-group li {
  background-color: transparent;
  position: relative;
}
.bz-project-section .element-item, .bz-project-section .project-container-sizer {
  width: 100%;
  float: left;
}
@media (min-width: 576px) {
  .bz-project-section .element-item, .bz-project-section .project-container-sizer {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .bz-project-section .element-item, .bz-project-section .project-container-sizer {
    width: 33.333%;
  }
}
@media (min-width: 992px) {
  .bz-project-section .element-item, .bz-project-section .project-container-sizer {
    width: 25%;
  }
}
.bz-project-section .project-item {
  margin: 15px;
}
.bz-project-section .project-item .project-thumb {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.bz-project-section .project-item .project-thumb:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bz-project-section .project-item .project-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-project-section .project-item .project-thumb .project-content {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  padding: 20px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.bz-project-section .project-item .project-thumb .project-content .project-content-inner {
  background-color: #fff;
  padding: 35px 25px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata {
  margin-left: 32px;
  position: relative;
  margin-bottom: 0px;
  font-size: 18px;
  color: #151a1b;
}
.bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -31px;
  width: 24px;
  height: 1px;
  background-color: #2e8efd;
  z-index: 1;
}
.bz-project-section .project-item .project-thumb .project-content .project-content-inner .title {
  font-weight: 600;
  margin-top: 0;
  font-size: 18px;
}
.bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a {
  font-weight: inherit;
  color: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a:hover {
  color: #2e8efd;
}
.bz-project-section .project-item:hover .project-content {
  top: 0;
  opacity: 1;
}
.bz-project-section .project-item:hover .project-thumb:after {
  opacity: 1;
}
.bz-project-section .project-item:hover .project-thumb img {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.bz-project-section .button-group {
  text-align: center;
  display: block;
  margin-bottom: 15px;
}
.bz-project-section .button-group li {
  display: inline-block;
  text-transform: capitalize;
  padding: 15px;
  color: #2e3c40;
  background-color: transparent;
  font-weight: 700;
  cursor: pointer;
  margin: 6px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-project-section .button-group li.is-checked {
  opacity: 1;
}
.bz-project-section .button-group li.is-checked:after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 5px;
  width: 23px;
  height: 2px;
  background-color: #2e8efd;
}
.bz-project-section .button-group li:hover {
  opacity: 1;
}
.bz-project-section .project-btn {
  padding-top: 70px;
  width: 100%;
  overflow: hidden;
}
.bz-project-section .project-btn .custom-btn2 {
  padding: 16px 54px;
}
.bz-project-section .pagination {
  margin-top: 25px;
}

.ca-portfolio-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  .ca-portfolio-section {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1500px) {
  .ca-portfolio-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.ca-portfolio-catagory-list {
  padding: 30px;
  margin-bottom: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .ca-portfolio-catagory-list {
    margin-bottom: 0;
  }
}
.ca-portfolio-catagory-list .portfolio-tab-control li a {
  font-size: 16px;
  color: #2c3e50;
  font-weight: 400;
  line-height: 28px;
  padding: 5px 12px;
  margin: 3px;
  display: block;
  border-radius: 5px;
  border: 1px solid #2c3e50;
}
.ca-portfolio-catagory-list .portfolio-tab-control li a.active {
  color: #fff;
  background-color: #b74acd;
  border-color: #b74acd;
}
@media (min-width: 992px) {
  .ca-portfolio-catagory-list .portfolio-tab-control li a {
    font-size: 14px;
    color: #2c3e50;
    font-weight: 400;
    line-height: 52px;
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 5px;
    border: none;
  }
  .ca-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #b74acd;
    background-color: transparent;
  }
}

.ca-portfolio-container {
  overflow: hidden;
}

.ca-portfolio-swiper-container {
  padding: 0 0 80px 10px;
  overflow: hidden;
}
.ca-portfolio-swiper-container .portfolio-button-next, .ca-portfolio-swiper-container .portfolio-button-prev {
  position: absolute;
  right: 20px;
  bottom: -20px;
  width: 60px;
  height: 30px;
  color: #c2c2c2;
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  border: 1px solid rgba(183, 74, 205, 0);
  cursor: pointer;
}
@media (min-width: 992px) {
  .ca-portfolio-swiper-container .portfolio-button-next, .ca-portfolio-swiper-container .portfolio-button-prev {
    width: 90px;
    height: 50px;
    line-height: 54px;
    bottom: -40px;
  }
}
@media (min-width: 768px) {
  .ca-portfolio-swiper-container .portfolio-button-next, .ca-portfolio-swiper-container .portfolio-button-prev {
    bottom: 0;
  }
}
.ca-portfolio-swiper-container .portfolio-button-next:active, .ca-portfolio-swiper-container .portfolio-button-next:focus, .ca-portfolio-swiper-container .portfolio-button-next:hover, .ca-portfolio-swiper-container .portfolio-button-prev:active, .ca-portfolio-swiper-container .portfolio-button-prev:focus, .ca-portfolio-swiper-container .portfolio-button-prev:hover {
  color: #b74acd;
  background-color: #fff;
  border: 1px solid rgba(183, 74, 205, 0.4);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  outline: none;
}
.ca-portfolio-swiper-container .portfolio-button-next.portfolio-button-next, .ca-portfolio-swiper-container .portfolio-button-prev.portfolio-button-next {
  right: 95px;
}
@media (min-width: 992px) {
  .ca-portfolio-swiper-container .portfolio-button-next.portfolio-button-next, .ca-portfolio-swiper-container .portfolio-button-prev.portfolio-button-next {
    right: 115px;
  }
}
.ca-portfolio-swiper-container .portfolio-thumb {
  position: relative;
}
.ca-portfolio-swiper-container .portfolio-thumb .portfolio-content {
  width: 100%;
  opacity: 0;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .ca-portfolio-swiper-container .portfolio-thumb .portfolio-content {
    width: 70%;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
}
.ca-portfolio-swiper-container .portfolio-thumb .portfolio-content h6 a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}
.ca-portfolio-swiper-container .portfolio-thumb .portfolio-content h6 a:hover {
  color: #b74acd;
}
@media (min-width: 768px) {
  .ca-portfolio-swiper-container .portfolio-thumb .portfolio-content {
    padding: 40px 30px;
  }
  .ca-portfolio-swiper-container .portfolio-thumb .portfolio-content h6 a {
    font-size: 18px;
  }
}
.ca-portfolio-swiper-container .portfolio-thumb .portfolio-content .cata {
  color: #151a1b;
}
.ca-portfolio-swiper-container .swiper-slide-active .portfolio-thumb .portfolio-content {
  bottom: -60px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.da-portfolio-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  .da-portfolio-section {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1500px) {
  .da-portfolio-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.da-portfolio-catagory-list .portfolio-tab-control li a {
  font-size: 12px;
  color: #000;
  font-weight: 600;
  line-height: 25px;
  padding: 4px 5px;
  margin: 3px;
  display: block;
  border-radius: 5px;
  border: 1px solid #2c3e50;
}
.da-portfolio-catagory-list .portfolio-tab-control li a.active {
  color: #fff;
  background-color: #2e8efd;
  border-color: #2e8efd;
}
@media (min-width: 992px) {
  .da-portfolio-catagory-list .portfolio-tab-control li a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 32px;
    padding: 15px 20px;
    margin: 0;
    display: block;
    border: none;
  }
  .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #2e8efd;
    background-color: transparent !important;
  }
}

.da-portfolio-container {
  max-width: 800px;
  width: 100%;
  margin: auto;
  position: relative;
}
.da-portfolio-container .portfolio-next-btn, .da-portfolio-container .portfolio-prev-btn {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 9;
  outline: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (min-width: 576px) {
  .da-portfolio-container .portfolio-next-btn, .da-portfolio-container .portfolio-prev-btn {
    bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .da-portfolio-container .portfolio-next-btn, .da-portfolio-container .portfolio-prev-btn {
    left: 65%;
  }
}
.da-portfolio-container .portfolio-next-btn i, .da-portfolio-container .portfolio-prev-btn i {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  line-height: 44px;
  text-align: center;
  color: #2f2f2f;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  cursor: pointer;
}
.da-portfolio-container .portfolio-next-btn:hover i, .da-portfolio-container .portfolio-next-btn:active i, .da-portfolio-container .portfolio-next-btn:focus i, .da-portfolio-container .portfolio-prev-btn:hover i, .da-portfolio-container .portfolio-prev-btn:active i, .da-portfolio-container .portfolio-prev-btn:focus i {
  background-color: #2f2f2f;
  color: #fff;
}
.da-portfolio-container .portfolio-next-btn.swiper-button-disabled, .da-portfolio-container .portfolio-prev-btn.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.da-portfolio-container .portfolio-next-btn {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.da-portfolio-container .portfolio-prev-btn {
  -webkit-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  transform: translateX(-25px);
}
.da-portfolio-container .swiper-pagination {
  width: 200px;
  left: unset;
  right: 0;
  bottom: 30px;
  font-weight: 600;
  display: none;
}
.da-portfolio-container .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #a0a0a0;
  padding: 5px;
  margin: 5px;
  outline: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.da-portfolio-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-size: 30px;
  color: #2f2f2f;
  padding: 10px;
  display: inline-block;
}

.da-portfolio-swiper-container {
  padding: 0 0 100px 10px;
}

.portfolio-thumb {
  position: relative;
}
@media (min-width: 992px) {
  .portfolio-thumb {
    padding-left: 65px;
  }
}
.portfolio-thumb .portfolio-content {
  width: 100%;
  opacity: 0;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .portfolio-thumb .portfolio-content {
    max-width: 330px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.portfolio-thumb .portfolio-content h6 a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 22px;
}
.portfolio-thumb .portfolio-content h6 a:hover {
  color: #2e8efd;
}
.portfolio-thumb .portfolio-content .cata {
  font-size: 16px;
  color: #2e8efd;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .portfolio-thumb .portfolio-content {
    padding: 40px 30px;
  }
  .portfolio-thumb .portfolio-content h6 a {
    font-size: 22px;
  }
}
.portfolio-thumb .portfolio-content .discover-more-btn {
  margin-left: 60px;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.portfolio-thumb .portfolio-content .discover-more-btn:after {
  content: "";
  position: absolute;
  right: 100%;
  width: 65px;
  height: 1px;
  background-color: #2e8efd;
  top: 50%;
  margin-top: -1px;
}

.swiper-slide-active .portfolio-thumb .portfolio-content {
  bottom: -60px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.project-details-area {
  padding: 30px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.project-details li {
  line-height: 2.5;
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 768px) {
  .project-details li {
    font-size: 16px;
  }
}
.project-details li span {
  width: 150px;
  font-weight: 600;
}

.portfolio-thumb-container {
  overflow: hidden;
  position: relative;
}
.portfolio-thumb-container .portfolio-thumb-next-btn, .portfolio-thumb-container .portfolio-thumb-prev-btn {
  width: 25px;
  height: 90px;
  background-color: #d6d6d6;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  margin-top: -45px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-align: center;
}
.portfolio-thumb-container .portfolio-thumb-next-btn i, .portfolio-thumb-container .portfolio-thumb-prev-btn i {
  line-height: 90px;
  color: #fff;
}
.portfolio-thumb-container .portfolio-thumb-next-btn:hover, .portfolio-thumb-container .portfolio-thumb-next-btn:active, .portfolio-thumb-container .portfolio-thumb-next-btn:focus, .portfolio-thumb-container .portfolio-thumb-prev-btn:hover, .portfolio-thumb-container .portfolio-thumb-prev-btn:active, .portfolio-thumb-container .portfolio-thumb-prev-btn:focus {
  background-color: #2e8efd;
}
.portfolio-thumb-container .portfolio-thumb-next-btn {
  left: 0;
}
.portfolio-thumb-container .portfolio-thumb-prev-btn {
  right: 0;
}

.bz-pricing-section {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 576px) {
  .bz-pricing-section {
    padding-left: 0;
    padding-right: 0;
  }
}
.bz-pricing-section .section-header {
  padding-bottom: 80px;
}
.bz-pricing-section .section-header .title:after {
  left: 50%;
  margin-left: -17px;
}
.bz-pricing-section .bz-pricing-item .pricing-footer .custom-btn1:hover {
  color: #fff !important;
}

.bz-pricing-item {
  background-color: #fff;
  padding: 60px 20px;
  border: 1px solid #ececec;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(46, 60, 64, 0.05);
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .bz-pricing-item {
    padding: 40px 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}
.bz-pricing-item:last-child {
  margin-bottom: 0;
}
.bz-pricing-item .pricing-head {
  margin-bottom: 20px;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .bz-pricing-item .pricing-head {
    margin-bottom: 0;
  }
}
.bz-pricing-item .pricing-head .name {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
  color: #33414a;
}
.bz-pricing-item .pricing-head .price {
  font-size: 48px;
  margin-bottom: 0;
  font-weight: 400;
}
.bz-pricing-item .pricing-head .per-time {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #33414a;
}
.bz-pricing-item .pricing-body {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .bz-pricing-item .pricing-body {
    flex-grow: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 0;
  }
}
.bz-pricing-item .pricing-body .item-listing {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .bz-pricing-item .pricing-body .item-listing {
    width: 280px;
  }
}
.bz-pricing-item .pricing-body .item-listing li {
  line-height: 2.5;
}
.bz-pricing-item .pricing-body .item-listing li i {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .bz-pricing-item .pricing-footer {
    flex-grow: 1;
    text-align: right;
  }
}
.bz-pricing-item .pricing-footer .custom-btn1 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
}
.bz-pricing-item .pricing-footer .custom-btn1:hover {
  color: #fff !important;
}

.da-pricing-section {
  position: relative;
}
.da-pricing-section .shape1 {
  position: absolute;
  left: 25%;
  top: 20%;
  opacity: 0.4;
}
.da-pricing-section .circle1 {
  width: 200px;
  height: 200px;
  opacity: 0.4;
  position: absolute;
  left: 10%;
  top: 40%;
}
.da-pricing-section .circle1 svg {
  fill: #edba57;
}
.da-pricing-section .circle2 {
  width: 100px;
  height: 100px;
  opacity: 0.4;
  position: absolute;
  right: 10%;
  top: 20%;
}
.da-pricing-section .circle2 svg {
  fill: #ff9179;
}
.da-pricing-section .circle3 {
  width: 70px;
  height: 70px;
  opacity: 0.4;
  position: absolute;
  right: 15%;
  bottom: 10%;
}
.da-pricing-section .circle3 svg {
  fill: #ff9179;
}
.da-pricing-section .circle4 {
  width: 30px;
  height: 30px;
  opacity: 0.4;
  position: absolute;
  right: 20%;
  bottom: 30%;
}
.da-pricing-section .circle4 svg {
  fill: #577eed;
}

.da-pricing-item {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.da-pricing-item .pricing-head {
  padding: 45px 20px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}
.da-pricing-item .pricing-head .category-type span {
  font-size: 20px;
  color: #2e3c40;
  font-weight: 700;
  margin-bottom: 30px;
  display: inline-block;
}
.da-pricing-item .pricing-head .price {
  font-size: 60px;
  color: #577eed;
  font-weight: 700;
  display: inline-block;
  position: relative;
}
.da-pricing-item .pricing-head .price .dollar-sign {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  position: absolute;
  left: -12px;
  top: 16px;
}
.da-pricing-item .pricing-head .price .per-time {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-left: -15px;
}
.da-pricing-item .pricing-body {
  padding-top: 40px;
  padding-bottom: 40px;
}
.da-pricing-item .pricing-body .pricing-feature-list {
  margin-bottom: 15px;
}
.da-pricing-item .pricing-body .pricing-feature-list li {
  line-height: 2.8;
}
.da-pricing-item .pricing-body .custom-btn:after {
  background-color: #000;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0.06;
}
.da-pricing-item:hover, .da-pricing-item.active {
  background-color: #577eed;
  -webkit-transform: scaleY(1.09);
  -ms-transform: scaleY(1.09);
  transform: scaleY(1.09);
}
.da-pricing-item:hover .pricing-head .category-type span, .da-pricing-item.active .pricing-head .category-type span {
  color: #fff;
}
.da-pricing-item:hover .pricing-head .price, .da-pricing-item:hover .pricing-head .price .dollar-sign, .da-pricing-item:hover .pricing-head .price .per-time, .da-pricing-item.active .pricing-head .price, .da-pricing-item.active .pricing-head .price .dollar-sign, .da-pricing-item.active .pricing-head .price .per-time {
  color: #fff;
}
.da-pricing-item:hover .pricing-body .pricing-feature-list li, .da-pricing-item.active .pricing-body .pricing-feature-list li {
  color: #fff;
}
.da-pricing-item:hover .pricing-body .da-custom-btn, .da-pricing-item.active .pricing-body .da-custom-btn {
  background-color: #fff;
  border-color: #fff;
  color: #577eed;
}
.da-pricing-item:hover .pricing-body .da-custom-btn:after, .da-pricing-item.active .pricing-body .da-custom-btn:after {
  background-color: #000;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0.06;
}
.da-pricing-item:hover .pricing-body .da-custom-btn:hover:after, .da-pricing-item.active .pricing-body .da-custom-btn:hover:after {
  left: 100%;
}

.app-price-control li a {
  padding: 13px 30px;
  border: 1px solid #cfcfcf;
  margin: 2px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.app-price-control li a.active {
  background-color: #53b8de;
  color: #fff;
  border-color: #53b8de;
}

.app-pricing-item {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.app-pricing-item .pricing-head {
  padding: 45px 20px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}
.app-pricing-item .pricing-head .category-type span {
  font-size: 20px;
  color: #2e3c40;
  font-weight: 700;
  margin-bottom: 30px;
  display: inline-block;
}
.app-pricing-item .pricing-head .price {
  font-size: 60px;
  color: #53b8de;
  font-weight: 700;
  display: inline-block;
  position: relative;
}
.app-pricing-item .pricing-head .price .dollar-sign {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  position: absolute;
  left: -12px;
  top: 16px;
}
.app-pricing-item .pricing-head .price .per-time {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-left: -15px;
}
.app-pricing-item .pricing-body {
  padding-top: 40px;
  padding-bottom: 40px;
}
.app-pricing-item .pricing-body .pricing-feature-list {
  margin-bottom: 15px;
}
.app-pricing-item .pricing-body .pricing-feature-list li {
  line-height: 2.8;
}
.app-pricing-item .pricing-body .app-custom-btn {
  color: #53b8de;
  border-color: #53b8de;
  padding: 13px 43px;
}
.app-pricing-item .pricing-body .app-custom-btn:after {
  background-color: #000;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0.06;
}
.app-pricing-item:hover, .app-pricing-item.active {
  background-color: #53b8de;
  -webkit-transform: scaleY(1.09);
  -ms-transform: scaleY(1.09);
  transform: scaleY(1.09);
}
.app-pricing-item:hover .pricing-head .category-type span, .app-pricing-item.active .pricing-head .category-type span {
  color: #fff;
}
.app-pricing-item:hover .pricing-head .price, .app-pricing-item:hover .pricing-head .price .dollar-sign, .app-pricing-item:hover .pricing-head .price .per-time, .app-pricing-item.active .pricing-head .price, .app-pricing-item.active .pricing-head .price .dollar-sign, .app-pricing-item.active .pricing-head .price .per-time {
  color: #fff;
}
.app-pricing-item:hover .pricing-body .pricing-feature-list li, .app-pricing-item.active .pricing-body .pricing-feature-list li {
  color: #fff;
}
.app-pricing-item:hover .pricing-body .app-custom-btn, .app-pricing-item.active .pricing-body .app-custom-btn {
  background-color: #fff;
  border-color: #fff;
  color: #53b8de;
}
.app-pricing-item:hover .pricing-body .app-custom-btn:after, .app-pricing-item.active .pricing-body .app-custom-btn:after {
  background-color: #000;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0.06;
}
.app-pricing-item:hover .pricing-body .app-custom-btn:hover:after, .app-pricing-item.active .pricing-body .app-custom-btn:hover:after {
  left: 100%;
}

.bz-customer-satisfection-section {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 576px) {
  .bz-customer-satisfection-section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .bz-customer-satisfection-section {
    padding-bottom: 0;
  }
}
.bz-customer-satisfection-section .section-header {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .bz-customer-satisfection-section .section-header {
    margin-bottom: 0;
  }
}
.bz-customer-satisfection-section .image {
  margin-bottom: 40px;
  border-radius: 10px;
  overflow: hidden;
}

.bz-counter-up {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  padding: 30px 40px;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  justify-content: center;
}
.bz-counter-up .counter-item {
  flex-grow: 1;
  position: relative;
  padding-left: 0;
  margin-bottom: 20px;
  text-align: center !important;
}
div#benefits_to_clients {
  margin-left: 40px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  border-color: red;
  color: #000000;
  font-weight: 400;
  background: transparent;
  outline: none;
}
.tab-itesm {
  margin-left: 40px;
}
.card-box-system{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin: 20px 0px;
  padding: 20px;
}
.card-box-system .h5{
  color: #169A96;
}
@media (min-width: 768px) {
  .bz-counter-up .counter-item {
    margin-bottom: 0;
    text-align: left;
    padding-left: 40px;
  }
}
.bz-counter-up .counter-item:last-child:after {
  display: none;
}
.bz-counter-up .counter-item:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 65px;
  top: 50%;
  margin-top: -32px;
  background-color: #ececec;
  display: none;
}
@media (min-width: 768px) {
  .bz-counter-up .counter-item:after {
    display: block;
  }
}
.bz-counter-up .counter-item .count-number {
  font-size: 36px;
  font-weight: 600;
}
.bz-counter-up .counter-item .text {
  font-size: 14px;
  font-weight: 600;
  color: #2e3c40;
  text-transform: uppercase;
}

.bz-testimonial-container {
  padding: 50px 0 0;
}
@media (min-width: 768px) {
  .bz-testimonial-container {
    padding: 100px 0 0;
  }
}
@media (min-width: 992px) {
  .bz-testimonial-container {
    padding: 100px 0;
  }
}
.bz-testimonial-container .testimonial-massage {
  position: relative;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .bz-testimonial-container .testimonial-massage {
    margin-left: 60px;
  }
}
.bz-testimonial-container .testimonial-massage .testimonial-content {
  text-align: center;
}
@media (min-width: 992px) {
  .bz-testimonial-container .testimonial-massage .testimonial-content {
    padding-left: 10px;
    text-align: left;
  }
}
.bz-testimonial-container .testimonial-massage .testimonial-control-btn-group {
  width: 100px;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: 25px;
  z-index: 2;
}
@media (min-width: 992px) {
  .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group {
    left: 0;
    margin-left: 0;
  }
}
.bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border: 1px solid #c2c2c2;
  color: #c2c2c2;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
  cursor: pointer;
  background-image: none;
  opacity: 1;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:active, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:focus, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:active, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:focus, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover {
  border-color: #169A96;
  color: #169A96;
  outline: none;
}
.bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next.swiper-button-disabled, .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev.swiper-button-disabled {
  cursor: not-allowed;
  pointer-events: unset;
}
.bz-testimonial-container .testimonial-thumbs {
  overflow: hidden;
  width: 250px;
  margin: auto;
  padding: 30px 0;
}
@media (min-width: 576px) {
  .bz-testimonial-container .testimonial-thumbs {
    width: 350px;
  }
}
.bz-testimonial-container .testimonial-thumbs .swiper-slide {
  text-align: center;
}
.bz-testimonial-container .testimonial-thumbs .thumb {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.6;
  margin: auto;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bz-testimonial-container .testimonial-thumbs .thumb img {
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .bz-testimonial-container .testimonial-thumbs .thumb {
    width: 80px;
    height: 80px;
  }
}
.bz-testimonial-container .testimonial-thumbs .thumb-content {
  padding-top: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  transform: scaleY(0);
}
.bz-testimonial-container .testimonial-thumbs .thumb-content .name {
  margin-bottom: 0;
  line-height: 1.5;
  color: #2e3c40;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 576px) {
  .bz-testimonial-container .testimonial-thumbs .thumb-content .name {
    font-size: 18px;
  }
}
.bz-testimonial-container .testimonial-thumbs .thumb-content .designation {
  text-transform: uppercase;
  line-height: 1;
  color: #acacac;
  font-size: 10px;
}
@media (min-width: 576px) {
  .bz-testimonial-container .testimonial-thumbs .thumb-content .designation {
    font-size: 10px;
  }
}
.bz-testimonial-container .testimonial-thumbs .swiper-slide-thumb-active .thumb {
  opacity: 1;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.bz-testimonial-container .testimonial-thumbs .swiper-slide-thumb-active .thumb-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

.blog-section .section-header {
  padding-bottom: 60px;
}
.blog-section .custom-btn2 {
  margin-top: 30px;
  padding: 16px 54px;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .blog-section .custom-btn2 {
    margin-top: 70px;
  }
}

.post-item {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .post-item {
    margin-bottom: 0;
  }
}
.post-item .post-thumb {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.post-item .post-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-item .post-thumb:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.post-item .post-thumb .post-content {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  padding: 15px;
  z-index: 2;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-item .post-thumb .post-content .post-content-inner {
  background-color: #fff;
  padding: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.post-item .post-thumb .post-content .post-content-inner .title {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}
.post-item .post-thumb .post-content .post-content-inner .title a {
  color: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-item:hover .post-thumb img {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.post-item:hover .post-thumb:after {
  opacity: 1;
}
.post-item.flip-style {
  background-color: transparent;
}
.post-item.flip-style .post-content-inner {
  position: relative;
  width: 100%;
  height: 150px;
  background-color: transparent !important;
  padding: 0 !important;
}
.post-item.flip-style .post-content-inner .frontface, .post-item.flip-style .post-content-inner .backface {
  width: 100%;
  min-height: 150px;
}
.post-item.flip-style .post-content-inner .front {
  background-color: #fff;
  padding: 25px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.post-item.flip-style .post-content-inner .front .title {
  font-size: 16px;
  font-weight: 500;
}
.post-item.flip-style .post-content-inner .front .title a {
  color: #2e3c40;
}
.post-item.flip-style .post-content-inner .back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #2e8efd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.post-item.flip-style .post-content-inner .back .read-more {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.post-item.style2 {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.post-item.style2 .post-content {
  padding: 30px;
}
.post-item.style2 .post-content .title a {
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.post-item.style2 .post-content .title a:hover {
  color: #169A96;
}
.post-item.style2 .post-content .excerpt {
  margin-bottom: 10px;
}
.post-item.style2 .post-content .meta-post {
  margin-bottom: 7px;
}

.da-post-item {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.da-post-item .post-thumb {
  overflow: hidden;
}
.da-post-item .post-thumb img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.da-post-item .post-content {
  padding: 20px 30px;
}
.da-post-item .post-content .meta-post {
  padding-bottom: 5px;
}
.da-post-item .post-content .meta-post li {
  font-style: italic;
}
.da-post-item .post-content .title {
  font-weight: 500;
}
.da-post-item .post-content .title a {
  font-weight: inherit;
  color: #021225;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.da-post-item .post-content .title a:hover {
  color: #2e8efd;
}
.da-post-item:hover .post-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media (min-width: 992px) {
  .col-lg-4 .da-post-item {
    margin-bottom: 0;
  }
}

.meta-post {
  padding: 10px 0;
  margin-bottom: 0;
}
.meta-post li {
  margin-right: 10px;
  font-weight: 400;
  color: #8a8a8a;
}
.meta-post li i, .meta-post li span {
  margin-right: 6px;
  color: #8a8a8a;
}
.meta-post li a {
  color: #8a8a8a;
}
.meta-post li a:hover {
  color: #169A96;
}
.meta-post li .admin {
  color: #2e3c40;
}
.meta-post li:last-child {
  margin-right: 0;
}
.meta-post.line-style {
  position: relative;
  padding-left: 40px;
  list-style: none;
  margin-bottom: 6px;
}
.meta-post.line-style li {
  color: #8a8a8a;
}
.meta-post.line-style:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 1px;
  background-color: #169A96;
}
.meta-post.border-style li {
  margin-right: 20px;
  font-size: 14px;
  position: relative;
}
.meta-post.border-style li:last-child {
  margin-right: 0;
}
.meta-post.border-style li:last-child:after {
  display: none;
}
.meta-post.border-style li:after {
  content: "";
  position: absolute;
  right: -11px;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 15px;
  background-color: #ececec;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
}

.inner-page .section-header {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .inner-page .section-header {
    margin-bottom: 110px;
  }
}
.inner-page .post-item {
  margin-bottom: 40px;
}
.inner-page .main-content {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .inner-page .main-content {
    padding-right: 20px;
    margin-bottom: 0px;
  }
}

.pagination-area .pagination li a {
  width: 34px;
  height: 34px;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px;
  display: block;
}
.pagination-area .pagination li a:hover, .pagination-area .pagination li a.active {
  color: #169A96;
  border-color: #169A96;
  background-color: transparent;
}
.pagination-area .pagination li:last-child a {
  background-color: #169A96;
  color: #fff !important;
  font-size: 20px;
  border-color: #169A96;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-area .pagination li:last-child a:hover i {
  color: #fff !important;
}
.pagination-area .pagination li:first-child {
  display: none;
}
.pagination-area .pagination li:first-child a {
  background-color: #169A96;
  color: #fff !important;
  font-size: 20px;
  border-color: #169A96;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination-area .pagination li:first-child a:hover i {
  color: #fff !important;
}

.entry-content {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .entry-content {
    -webkit-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    transform: translateY(-120px);
  }
}
.entry-content .post-content {
  padding: 40px 20px;
}
@media (min-width: 992px) {
  .entry-content .post-content {
    padding: 60px;
  }
}
.entry-content .post-content .title {
  font-size: 30px;
  position: relative;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .entry-content .post-content .title {
    font-size: 42px;
  }
}
.entry-content .post-content .title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 30px;
  height: 1px;
  background-color: #169A96;
}
.entry-content blockquote {
  padding: 55px 20px 55px 70px;
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .entry-content blockquote {
    padding: 55px 65px 55px 100px;
  }
}
.entry-content blockquote p {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color: #2e3c40;
}
.entry-content blockquote .b-au {
  color: #169A96;
  font-weight: 400;
}
.entry-content blockquote .b-au span {
  color: #a6a6a6;
  margin-left: 7px;
}
.entry-content blockquote .qoute-icon {
  position: absolute;
  left: 10px;
  top: 40px;
  font-size: 56px;
  color: #169A96;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
@media (min-width: 768px) {
  .entry-content blockquote .qoute-icon {
    left: 35px;
  }
}

.entry-footer {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .entry-footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.entry-footer .tags li:first-child {
  font-size: 14px;
  font-weight: 600;
  margin-right: 15px;
}
.entry-footer .tags li {
  margin: 10px 5px;
}
.entry-footer .tags li a {
  padding: 5px 20px;
  border: 1px solid #ececec;
  background-color: #fafafa;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.entry-footer .tags li a:hover {
  background-color: #2e8efd;
  border-color: #2e8efd;
  color: #fff;
}
.entry-footer .like-share li {
  margin: 0 40px;
}
.entry-footer .like-share li:first-child {
  padding-left: 0;
}
.entry-footer .like-share li:first-child a {
  color: #169A96;
}
.entry-footer .like-share li:last-child {
  padding-right: 0;
}
.entry-footer .like-share li a {
  font-size: 20px;
  color: #2e3c40;
}

.comments-list {
  padding: 0;
  list-style: none;
  background-color: #fff;
}
.comments-list .comments {
  margin-bottom: 20px;
  list-style: none;
}
.comments-list .comments .thumb {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
  display: none;
}
@media (min-width: 768px) {
  .comments-list .comments .thumb {
    display: block;
  }
}
.comments-list .comments .content {
  background-color: transparent;
  border-bottom: 1px solid #ececec;
  display: table;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.comments-list .comments .content .comment-heading {
  position: relative;
}
.comments-list .comments .content .comment-heading .name {
  font-size: 18px;
  color: #2e3c40;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.comments-list .comments .content .comment-heading span {
  font-size: 14px;
  color: #959494;
  display: block;
  font-weight: 600;
}
.comments-list .comments .content .comment-heading .reply {
  position: absolute;
  right: 0;
  top: -6px;
  border: 1px solid #4e5a62;
  padding: 2px 18px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.comments-list .comments .content .comment-heading .reply:hover {
  background-color: #169A96;
  border-color: #169A96;
  color: #fff;
}
.comments-list .comments .content p {
  margin-bottom: 0px;
}
.comments-list .comments .content .comment-reply-link {
  background-color: #000;
  padding: 3px 10px;
  float: right;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.comments-list .comments .content .comment-reply-link:hover {
  background-color: #169A96;
}
.comments-list .comments .comment-sub-list {
  padding: 0;
  margin-left: 20px;
  list-style: none;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .comments-list .comments .comment-sub-list {
    margin-left: 70px;
  }
}
.comments-list .comments .comment-sub-list li {
  padding-left: 0;
}

.mas-section {
  background-color: #fff;
  padding: 30px;
}
@media (min-width: 768px) {
  .mas-section {
    padding-top: 0;
    margin-bottom: 0px;
    transform: translateY(-50px);
  }
}
.mas-section .section-title {
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 30px;
}
.mas-section .section-title span {
  color: #169A96;
}
.mas-section .section-title p {
  margin-top: 7px;
  margin-bottom: 0px;
  font-weight: 400;
  color: #7a7878;
}
.mas-section .section-title p > span {
  color: #169A96;
}

.comment-response {
  background-color: #fff;
}
.comment-response form label {
  color: #646568;
  font-size: 13px;
  font-weight: 500;
}
.comment-response form input {
  padding: 15px 25px;
  border: 1px solid #ececec;
  margin-bottom: 20px;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
}
.comment-response form input:focus, .comment-response form input:active {
  outline: none;
  border: 1px solid #169A96;
}
.comment-response form textarea {
  padding: 30px;
  min-height: 200px;
  width: 100%;
  border: 1px solid #ececec;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
}
.comment-response form textarea:focus, .comment-response form textarea:active {
  outline: none;
  border: 1px solid #169A96;
}
.comment-response form input[type=submit] {
  background-color: transparent;
  margin-top: 20px;
  padding: 13px 55px;
  margin-bottom: 0;
  width: auto;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ececec;
  font-weight: 500;
}
.comment-response form input[type=submit]:hover {
  background-color: #169A96;
  color: #fff;
  border-color: #169A96;
}

.thumb-slider-container {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.thumb-slider-container .swiper-slide {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.thumb-slider-container img {
  width: 100%;
}

.entry-single .thumb {
  margin-bottom: 20px;
}

.ca-blog-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  .ca-blog-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1500px) {
  .ca-blog-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.ca-post-item {
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .ca-post-item {
    margin-bottom: 0;
  }
}
.ca-post-item .post-thumb {
  width: 100%;
  overflow: hidden;
}
.ca-post-item .post-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ca-post-item .post-content {
  padding: 30px;
}
.ca-post-item .post-content .title {
  font-size: 18px;
}
.ca-post-item .post-content .title a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ca-post-item .post-content .title:hover a {
  color: #b74acd;
}
.ca-post-item .post-content .meta-post li {
  color: #b74acd;
}
@media (min-width: 992px) {
  .ca-post-item.top-style {
    -webkit-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    transform: translateY(-75px);
  }
}
.ca-post-item:hover .post-thumb img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-home .post-filter-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .blog-home .post-filter-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.blog-home .post-filter-section h3 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .blog-home .post-filter-section h3 {
    font-size: 32px;
    line-height: 1.44;
  }
}
.blog-home .post-item .post-thumb {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.blog-home .post-item .post-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-home .post-item .post-thumb .catagory {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  margin-bottom: 0;
}
.blog-home .post-item .post-content {
  padding: 40px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #fff;
  border-top: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-home .post-item .post-content .title {
  margin-bottom: 7px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .blog-home .post-item .post-content .title {
    font-size: 24px;
  }
}
.blog-home .post-item .post-content .meta-post {
  margin-bottom: 15px;
}
.blog-home .post-item .post-content .excerpt {
  margin-bottom: 0;
}
.blog-home .post-item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
}
.blog-home .post-item:hover .post-thumb {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.blog-home .post-item:hover .post-content {
  border: 1px solid #ededed;
  border-top: none;
}
.blog-home .post-item.style2 {
  box-shadow: none;
}
.blog-home .post-item.style2 .post-thumb {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.blog-home .post-item.style2 .post-content {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 80%;
  margin: auto;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.blog-home .post-item.style2:hover {
  box-shadow: none;
}
.blog-home .post-item.style2:hover .post-thumb {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.blog-home .popular-post-container {
  overflow: hidden;
}
.blog-home .popular-post-container .post-item.style2 .post-content .title a {
  font-weight: 600;
}
.blog-home .popular-post-container .post-item.style2 .post-content .meta-post {
  margin-bottom: 0;
  padding-bottom: 0;
}
.blog-home .post-filter-btn .custom-btn {
  font-size: 14px;
  font-weight: 700;
  padding: 16px 45px;
  color: #292929;
  display: inline-block;
  border: 1px solid #cbcbcb;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .blog-home .post-filter-btn .custom-btn {
    font-size: 16px;
    padding: 18px 60px;
  }
}
.blog-home .post-filter-btn .custom-btn:hover {
  background-color: #ff634e;
  color: #fff;
  border-color: #ff634e;
}
.blog-home .quote-post {
  background-color: #f34d9c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .blog-home .quote-post {
    height: 665px;
  }
}
.blog-home .quote-post:hover {
  background-color: #f34d9c;
}
.blog-home .quote-post blockquote {
  position: relative;
  padding: 40px;
  padding-left: 70px;
  overflow: hidden;
}
.blog-home .quote-post blockquote p {
  font-style: italic;
  font-size: 16px;
  color: #fff;
}
.blog-home .quote-post blockquote .name {
  float: right;
  font-weight: 600;
  font-size: 14px;
}
.blog-home .quote-post blockquote img {
  position: absolute;
  top: 25px;
  left: 30px;
}
.blog-home .meta-post {
  list-style: none;
  padding-left: 0;
}
.blog-home .meta-post li {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 10px;
  position: relative;
}
.blog-home .meta-post li:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #8b8b8b;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.blog-home .meta-post li:first-child {
  margin-left: 0;
}
.blog-home .meta-post li:last-child {
  margin-right: 0;
}
.blog-home .meta-post li:last-child:after {
  display: none;
}
.blog-home .post-filter-btn-group {
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 9px 0;
}
.blog-home .post-filter-btn-group li {
  padding: 10px 25px;
  cursor: pointer;
  color: #454545;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}
.blog-home .post-filter-btn-group li.is-checked {
  cursor: default;
  font-weight: 600;
}
@media (min-width: 992px) {
  .blog-home .post-filter-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.blog-home .post-filter-container .post-element {
  width: 100%;
}
.blog-home .post-filter-container .post-element .post-item {
  margin: 15px 0;
}
@media (min-width: 768px) {
  .blog-home .post-filter-container .post-element {
    width: 50%;
  }
  .blog-home .post-filter-container .post-element .post-item {
    margin: 15px 15px;
  }
}
.blog-home .hottest-post-section {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f9f9f9;
}
@media (min-width: 992px) {
  .blog-home .hottest-post-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.blog-home .hottest-post-container {
  overflow: hidden;
  padding-bottom: 100px;
  position: relative;
}
.blog-home .hottest-post-container .post-item {
  position: relative;
}
.blog-home .hottest-post-container .post-item .post-thumb {
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.blog-home .hottest-post-container .post-item .post-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-home .hottest-post-container .post-item .post-content {
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  padding: 30px 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.blog-home .hottest-post-container .post-item .post-content p {
  margin-bottom: 0;
}
.blog-home .hottest-post-container .post-item .post-content .title {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .blog-home .hottest-post-container .post-item .post-thumb {
    width: 70%;
  }
  .blog-home .hottest-post-container .post-item .post-thumb img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .blog-home .hottest-post-container .post-item .post-content {
    max-width: 600px;
    width: 100%;
    position: absolute;
    top: 27%;
    left: 20px;
    padding: 50px 70px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}
.blog-home .hottest-post-container .swiper-slide-active .post-content {
  opacity: 1;
}
@media (min-width: 1200px) {
  .blog-home .hottest-post-container .swiper-slide-active .post-content {
    top: 47%;
  }
}
.blog-home .hottest-post-wrapper {
  position: relative;
}
.blog-home .hottest-post-wrapper .hottest-slide-next-btn, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 9;
  outline: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (min-width: 576px) {
  .blog-home .hottest-post-wrapper .hottest-slide-next-btn, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn {
    bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .blog-home .hottest-post-wrapper .hottest-slide-next-btn, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn {
    left: 65%;
  }
}
.blog-home .hottest-post-wrapper .hottest-slide-next-btn i, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn i {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  line-height: 44px;
  text-align: center;
  color: #2f2f2f;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  cursor: pointer;
}
.blog-home .hottest-post-wrapper .hottest-slide-next-btn:hover i, .blog-home .hottest-post-wrapper .hottest-slide-next-btn:active i, .blog-home .hottest-post-wrapper .hottest-slide-next-btn:focus i, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn:hover i, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn:active i, .blog-home .hottest-post-wrapper .hottest-slide-prev-btn:focus i {
  background-color: #2f2f2f;
  color: #fff;
}
.blog-home .hottest-post-wrapper .hottest-slide-next-btn {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.blog-home .hottest-post-wrapper .hottest-slide-prev-btn {
  -webkit-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  transform: translateX(-25px);
}
.blog-home .hottest-post-wrapper .swiper-pagination {
  width: 200px;
  left: unset;
  right: 0;
  bottom: 30px;
  font-weight: 600;
}
.blog-home .hottest-post-wrapper .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #a0a0a0;
  padding: 5px;
  margin: 5px;
  outline: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-home .hottest-post-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-size: 30px;
  color: #2f2f2f;
  padding: 10px;
  display: inline-block;
}
.blog-home .popular-post-section {
  padding-top: 60px;
  padding-bottom: 30px;
  background-color: #f9f9f9;
}
@media (min-width: 992px) {
  .blog-home .popular-post-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.blog-home .popular-post-wrapper {
  position: relative;
}
.blog-home .popular-post-wrapper .popular-slide-next-btn, .blog-home .popular-post-wrapper .popular-slide-prev-btn {
  position: absolute;
  right: 30px;
  top: -60px;
  z-index: 9;
  outline: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (min-width: 576px) {
  .blog-home .popular-post-wrapper .popular-slide-next-btn, .blog-home .popular-post-wrapper .popular-slide-prev-btn {
    top: -80px;
  }
}
@media (min-width: 1500px) {
  .blog-home .popular-post-wrapper .popular-slide-next-btn, .blog-home .popular-post-wrapper .popular-slide-prev-btn {
    right: 20%;
  }
}
.blog-home .popular-post-wrapper .popular-slide-next-btn i, .blog-home .popular-post-wrapper .popular-slide-prev-btn i {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  line-height: 44px;
  text-align: center;
  color: #2f2f2f;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  cursor: pointer;
}
.blog-home .popular-post-wrapper .popular-slide-next-btn:hover i, .blog-home .popular-post-wrapper .popular-slide-next-btn:active i, .blog-home .popular-post-wrapper .popular-slide-next-btn:focus i, .blog-home .popular-post-wrapper .popular-slide-prev-btn:hover i, .blog-home .popular-post-wrapper .popular-slide-prev-btn:active i, .blog-home .popular-post-wrapper .popular-slide-prev-btn:focus i {
  background-color: #2f2f2f;
  color: #fff;
}
.blog-home .popular-post-wrapper .popular-slide-next-btn {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.blog-home .popular-post-wrapper .popular-slide-prev-btn {
  -webkit-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  transform: translateX(-25px);
}

.footer.footer1 .footertop .container {
  border-bottom: 1px solid #ececec;
  padding-top: 60px;
  padding-bottom: 0px;
}
@media (min-width: 992px) {
  .footer.footer1 .footertop .container {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}
.footer.footer1 .footerbottom {
  padding: 15px 20px;
}
@media (min-width: 768px) {
  .footer.footer1 .footerbottom {
    padding: 15px 0;
  }
}
.footer.footer1 .footerbottom .copy-right {
  color: #2e3c40;
  text-align: center;
}
.footer.footer1 .footerbottom .copy-right a {
  color: #2e3c40;
  font-weight: 600;
}
.footer.footer1 .footerbottom .copy-right a:hover {
  color: #2e8efd;
}
.footer.footer1 .footerbottom .social-media-list li a {
  color: #2e3c40;
}
.footer.footer1 .footerbottom .social-media-list li a:hover {
  color: #2e8efd;
}
.footer.footer1 .footer-widget {
  margin-bottom: 20px;
  text-align: center;
  padding: 0 20px;
}
.footer.footer1 .footer-widget p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer.footer1 .footer-widget {
    text-align: left;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .footer.footer1 .footer-widget {
    margin-bottom: 0;
  }
}
.footer.footer1 .footer-widget .footer-logo {
  margin-bottom: 15px;
  display: block;
}
@media (min-width: 992px) {
  .footer.footer1 .footer-widget .footer-logo {
    margin-bottom: 45px;
  }
}
.footer.footer1 .footer-widget .address {
  font-weight: 400;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .footer.footer1 .footer-widget .address {
    padding-right: 30px;
    margin-bottom: 25px;
  }
}
.footer.footer1 .footer-widget .footer-site-info {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 30px;
}
.footer.footer1 .footer-widget .footer-site-info li {
  line-height: 1.6;
  font-weight: 400;
}
.footer.footer1 .footer-widget .googlemap {
  text-decoration: underline;
  font-weight: 400;
}
.footer.footer1 .footer-widget .googlemap:hover {
  color: #2e8efd;
}
.footer.footer1 .footer-widget .footer-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .footer.footer1 .footer-widget .footer-title {
    margin-bottom: 30px;
  }
}
.footer.footer1 .footer-widget .footer-menu, .footer.footer1 .footer-widget .linklist {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.footer.footer1 .footer-widget .footer-menu li a, .footer.footer1 .footer-widget .linklist li a {
  font-size: 14px;
  font-weight: 400;
  color: #444;
  line-height: 2.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer.footer1 .footer-widget .footer-menu li a:hover, .footer.footer1 .footer-widget .linklist li a:hover {
  color: #2e8efd;
}
.footer.footer1 .footer-widget form {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.footer.footer1 .footer-widget form input {
  border: none;
  border-bottom: 1px solid #ececec;
  padding: 15px 50px 15px 20px;
  outline: none;
  width: 100%;
}
.footer.footer1 .footer-widget form input::placeholder {
  color: #2e3c40;
  font-weight: 400;
}
.footer.footer1 .footer-widget form input:active, .footer.footer1 .footer-widget form input:focus {
  border-color: #2e8efd;
}
.footer.footer1 .footer-widget form .submit {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  color: #2e3c40;
  font-size: 20px;
  outline: none;
}
.footer.footer1 .footer-widget form input:active ~ .submit {
  color: #2e8efd;
}
.footer.footer1 .footer-widget form input:focus ~ .submit {
  color: #2e8efd;
}

.da-footer-menu li a {
  font-size: 14px;
  padding: 15px 20px;
  display: block;
  color: #232323;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.da-footer-menu li a:hover {
  color: #2e8efd;
}

.da-footer .footer-bottom {
  -webkit-box-shadow: 0 -10px 60px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 -10px 60px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 -10px 60px 0 rgba(0, 0, 0, 0.06);
  padding: 15px 0;
}
.da-footer .footer-bottom .copyright {
  font-size: 12px;
}
.da-footer .footer-bottom .copyright a {
  color: #2e8efd;
  text-transform: uppercase;
}

.ca-footer {
  overflow: hidden;
  padding-top: 100px;
}
@media (min-width: 576px) {
  .ca-footer {
    padding-top: 200px;
  }
}
@media (min-width: 1200px) {
  .ca-footer {
    padding-top: 270px;
  }
}
.ca-footer .ca-footer-inner {
  background-color: #f3f3f3;
  padding-top: 80px;
  position: relative;
}
.ca-footer .svg-bg-style {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
}
.ca-footer .footertop {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .ca-footer .footertop {
    padding-bottom: 90px;
  }
}
.ca-footer .footertop .container {
  border-bottom: 1px solid #ececec;
  padding-top: 85px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .ca-footer .footertop .container {
    padding-top: 120px;
  }
}
.ca-footer .footerbottom {
  border-top: 1px solid #dadada;
  padding: 15px 0;
  position: relative;
}
@media (min-width: 768px) {
  .ca-footer .footerbottom {
    padding: 45px 20px;
  }
}
.ca-footer .footerbottom .copy-right {
  color: #2e3c40;
}
.ca-footer .footerbottom .copy-right a {
  color: #2e3c40;
  text-transform: uppercase;
}
.ca-footer .footerbottom .copy-right a:hover {
  color: #b74acd;
}
.ca-footer .footer-widget {
  margin-bottom: 50px;
  text-align: center;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .ca-footer .footer-widget {
    text-align: left;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .ca-footer .footer-widget {
    margin-bottom: 0;
  }
}
.ca-footer .footer-widget .footer-logo {
  margin-bottom: 25px;
  display: block;
}
@media (min-width: 992px) {
  .ca-footer .footer-widget .footer-logo {
    margin-bottom: 45px;
  }
}
.ca-footer .footer-widget .address {
  font-weight: 400;
  padding-right: 0px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .ca-footer .footer-widget .address {
    padding-right: 30px;
    margin-bottom: 10px;
  }
}
.ca-footer .footer-widget .footer-site-info {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .ca-footer .footer-widget .footer-site-info {
    margin-bottom: 30px;
  }
}
.ca-footer .footer-widget .footer-site-info li {
  line-height: 1.6;
  font-weight: 400;
}
.ca-footer .footer-widget .googlemap {
  text-decoration: underline;
  font-weight: 400;
}
.ca-footer .footer-widget .googlemap:hover {
  color: #b74acd;
}
.ca-footer .footer-widget .footer-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .ca-footer .footer-widget .footer-title {
    margin-bottom: 30px;
  }
}
.ca-footer .footer-widget .footer-menu, .ca-footer .footer-widget .linklist {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.ca-footer .footer-widget .footer-menu li a, .ca-footer .footer-widget .linklist li a {
  font-size: 14px;
  font-weight: 600;
  color: #33414a;
  line-height: 2.5;
  @inlclude transition(0.3s);
}
.ca-footer .footer-widget .footer-menu li a:hover, .ca-footer .footer-widget .linklist li a:hover {
  color: #b74acd;
}
.ca-footer .footer-widget form {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.ca-footer .footer-widget form input {
  border: none;
  border-bottom: 1px solid #ececec;
  padding: 15px 50px 15px 20px;
  outline: none;
  width: 100%;
  background-color: transparent;
}
.ca-footer .footer-widget form input::placeholder {
  color: #2e3c40;
  font-weight: 400;
}
.ca-footer .footer-widget form input:active, .ca-footer .footer-widget form input:focus {
  border-color: #b74acd;
}
.ca-footer .footer-widget form .submit {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  color: #2e3c40;
  font-size: 20px;
  outline: none;
}
.ca-footer .footer-widget form input:active ~ .submit {
  color: #b74acd;
}
.ca-footer .footer-widget form input:focus ~ .submit {
  color: #b74acd;
}

.footer.style3 {
  padding-top: 80px;
  padding-bottom: 60px;
}
.footer.style3 .footer-container {
  max-width: 550px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.footer.style3 .footer-container .footer-logo {
  margin-bottom: 30px;
}
.footer.style3 .footer-container p {
  line-height: 1.7;
  margin-bottom: 30px;
}
.footer.style3 .footer-container .social-media-list {
  margin-bottom: 30px;
}
.footer.style3 .footer-container .social-media-list li a {
  color: #091b35;
}
.footer.style3 .footer-container .footer-menu {
  margin-bottom: 30px;
}
.footer.style3 .footer-container .footer-menu li a {
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 700;
  color: #6f757f;
}

.app-footer {
  background-image: linear-gradient(-66deg, #383c47, #535762);
}
.app-footer .newsletter {
  border-bottom: 1px solid #656872;
}
.app-footer .newsletter h3 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .app-footer .newsletter h3 {
    font-size: 30px;
  }
}
.app-footer .newsletter .custom-btn {
  font-weight: 600;
  font-size: 15px;
}
@media (min-width: 992px) {
  .app-footer .newsletter .custom-btn {
    padding: 18px 48px;
  }
}
.app-footer .footer-menu li a {
  font-size: 14px;
  padding: 10px 15px;
  display: block;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.app-footer .footer-menu li a:hover {
  color: #5ec0e7;
}

.app-contact-info .contact-info-item {
  width: 175px;
}
.app-contact-info .contact-info-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.app-contact-info .contact-info-item .icon {
  width: 35px;
  color: #8e9092;
  font-size: 24px;
}
.app-contact-info .contact-info-item .content {
  width: calc(100% - 35px);
  padding-left: 20px;
}
.app-contact-info .contact-info-item .content p {
  color: #fff;
}

@keyframes fadeInUpCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpCustom {
  -webkit-animation-name: fadeInUpCustom;
  animation-name: fadeInUpCustom;
}

@keyframes teamCircle {
  0% {
    -webkit-transform: rotate(0deg) translateX(250px) rotate(0deg);
    opacity: 1;
  }
  12.5% {
    -webkit-transform: rotate(45deg) translateX(250px) rotate(-45deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(90deg) translateX(250px) rotate(-90deg);
    opacity: 1;
  }
  37.5% {
    -webkit-transform: rotate(135deg) translateX(250px) rotate(-135deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) translateX(250px) rotate(-180deg);
    opacity: 0;
  }
  62.5% {
    -webkit-transform: rotate(225deg) translateX(250px) rotate(-225deg);
    opacity: 0;
  }
  75% {
    -webkit-transform: rotate(270deg) translateX(250px) rotate(-270deg);
    opacity: 1;
  }
  87.5% {
    -webkit-transform: rotate(315deg) translateX(250px) rotate(-315deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    opacity: 1;
  }
}
@keyframes teamCircle2 {
  0% {
    -webkit-transform: rotate(0deg) translateX(210px) rotate(0deg);
    opacity: 1;
  }
  12.5% {
    -webkit-transform: rotate(45deg) translateX(210px) rotate(-45deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(90deg) translateX(210px) rotate(-90deg);
    opacity: 1;
  }
  37.5% {
    -webkit-transform: rotate(135deg) translateX(210px) rotate(-135deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) translateX(210px) rotate(-180deg);
    opacity: 0;
  }
  62.5% {
    -webkit-transform: rotate(225deg) translateX(210px) rotate(-225deg);
    opacity: 0;
  }
  75% {
    -webkit-transform: rotate(270deg) translateX(210px) rotate(-270deg);
    opacity: 1;
  }
  87.5% {
    -webkit-transform: rotate(315deg) translateX(210px) rotate(-315deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(210px) rotate(-360deg);
    opacity: 1;
  }
}
@keyframes teamCircle2-1 {
  0% {
    -webkit-transform: rotate(90deg) translateX(210px) rotate(-90deg);
    opacity: 1;
  }
  12.5% {
    -webkit-transform: rotate(135deg) translateX(210px) rotate(-135deg);
    opacity: 0;
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(210px) rotate(-180deg);
    opacity: 0;
  }
  37.5% {
    -webkit-transform: rotate(225deg) translateX(210px) rotate(-225deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(270deg) translateX(210px) rotate(-270deg);
    opacity: 1;
  }
  62.5% {
    -webkit-transform: rotate(315deg) translateX(210px) rotate(-315deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotate(360deg) translateX(210px) rotate(-360deg);
    opacity: 1;
  }
  87.5% {
    -webkit-transform: rotate(0deg) translateX(210px) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg) translateX(210px) rotate(-45deg);
    opacity: 1;
  }
}
@keyframes teamCircle3 {
  0% {
    -webkit-transform: rotate(0deg) translateX(105px) rotate(0deg);
    opacity: 1;
  }
  12.5% {
    -webkit-transform: rotate(45deg) translateX(105px) rotate(-45deg);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(90deg) translateX(105px) rotate(-90deg);
    opacity: 1;
  }
  37.5% {
    -webkit-transform: rotate(135deg) translateX(105px) rotate(-135deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) translateX(105px) rotate(-180deg);
    opacity: 0;
  }
  62.5% {
    -webkit-transform: rotate(225deg) translateX(105px) rotate(-225deg);
    opacity: 0;
  }
  75% {
    -webkit-transform: rotate(270deg) translateX(105px) rotate(-270deg);
    opacity: 1;
  }
  87.5% {
    -webkit-transform: rotate(315deg) translateX(105px) rotate(-315deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(105px) rotate(-360deg);
    opacity: 1;
  }
}
@-webkit-keyframes dhew {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes updown {
  0% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(-3px);
  }
}
@-webkit-keyframes preloadslide {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
section {
  position: relative;
}

.svg-circle-sign {
  position: absolute;
  right: 0px;
  bottom: -100px;
  width: 685px;
  height: 685px;
  z-index: -1;
  overflow: hidden;
}
.svg-circle-sign svg {
  width: 100%;
}
.svg-circle-sign svg circle {
  stroke-width: 55px;
  stroke: rgba(183, 74, 205, 0.15);
  fill: none;
  animation: tringle-move2 10s infinite;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}
.svg-circle-sign.right {
  right: 0;
}
.svg-circle-sign.right svg {
  -webkit-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
}
.svg-circle-sign.right svg circle {
  stroke-width: 55px;
  stroke: rgba(183, 74, 205, 0.15);
  fill: none;
  animation: tringle-move2 10s infinite;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}
.svg-circle-sign.left {
  left: 0;
}
.svg-circle-sign.left svg {
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}
.svg-circle-sign.left svg circle {
  stroke-width: 55px;
  stroke: rgba(183, 74, 205, 0.15);
  fill: none;
  animation: tringle-move2 10s infinite;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

.tringle-angle {
  position: absolute;
  right: 50%;
  top: 1%;
  width: 40px;
  height: 40px;
  z-index: 9;
}
@media (min-width: 1200px) {
  .tringle-angle {
    right: 30%;
  }
}
.tringle-angle .main-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  z-index: 2;
}
.tringle-angle .main-shape svg {
  stroke-width: 10px;
  stroke: #b74acd;
  fill: none;
}
.tringle-angle .shadow-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -4px;
  top: 0;
  opacity: 0.5;
  transform: scale(0.97);
  z-index: 1;
}
.tringle-angle .shadow-shape svg {
  stroke-width: 10px;
  stroke: #ccc;
  fill: none;
}
.tringle-angle.right {
  right: 50%;
}
@media (min-width: 1200px) {
  .tringle-angle.right {
    right: 50%;
  }
}
.tringle-angle.left {
  left: 50%;
  right: unset;
}
@media (min-width: 1200px) {
  .tringle-angle.left {
    left: 30%;
  }
}
@media (min-width: 1200px) {
  .tringle-angle {
    top: 1%;
  }
}

.tringle-angle2 {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 40px;
  height: 40px;
}
@media (min-width: 1200px) {
  .tringle-angle2 {
    right: 20%;
  }
}
.tringle-angle2 .main-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  z-index: 2;
}
.tringle-angle2 .main-shape svg {
  stroke-width: 10px;
  stroke: #b74acd;
  fill: none;
}
.tringle-angle2 .shadow-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -4px;
  top: 0;
  opacity: 0.5;
  transform: scale(0.97);
  z-index: 1;
}
.tringle-angle2 .shadow-shape svg {
  stroke-width: 10px;
  stroke: #ccc;
  fill: none;
}
.tringle-angle2.right {
  right: 50%;
}
@media (min-width: 1200px) {
  .tringle-angle2.right {
    right: 30%;
  }
}
.tringle-angle2.left {
  left: 50%;
  right: unset;
}
@media (min-width: 1200px) {
  .tringle-angle2.left {
    left: 50%;
  }
}
@media (min-width: 1200px) {
  .tringle-angle2 {
    bottom: 100px;
  }
  .tringle-angle2.right {
    right: 30%;
  }
  .tringle-angle2.left {
    left: 20%;
  }
}

.circle-sign {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
}
.circle-sign.right {
  right: 50%;
}
@media (min-width: 1200px) {
  .circle-sign.right {
    right: 10%;
  }
}
.circle-sign.left {
  left: 50%;
}
@media (min-width: 1200px) {
  .circle-sign.left {
    left: 10%;
  }
}
@media (min-width: 1200px) {
  .circle-sign {
    width: unset;
    height: unset;
    top: 40px;
  }
  .circle-sign.right {
    right: 30%;
  }
  .circle-sign.left {
    left: 30%;
  }
}

.portfolio-section .circle-sign {
  top: 0;
}

.svg-pattarn {
  position: absolute;
  left: 0;
  top: 30%;
  width: 450px;
}
.svg-pattarn svg {
  width: 60%;
  stroke: none;
}
@media (min-width: 1200px) {
  .svg-pattarn svg {
    width: 100%;
  }
}
.svg-pattarn svg polygon {
  stroke: none;
}

.solid-circle {
  width: 50px;
  height: 50px;
  background-color: rgba(183, 74, 205, 0.5);
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

@-webkit-keyframes tringle-move2 {
  0%, 100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dhew-anim {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes border-anim1 {
  0%, 100% {
    border-top-left-radius: 51%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 63%;
  }
  25% {
    border-top-left-radius: 59%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 40%;
  }
  50% {
    border-top-left-radius: 65%;
    border-top-right-radius: 60%;
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 33%;
  }
  75% {
    border-top-left-radius: 51%;
    border-top-right-radius: 40%;
    border-bottom-left-radius: 55%;
    border-bottom-right-radius: 53%;
  }
}
@-webkit-keyframes border-anim2 {
  0%, 100% {
    border-top-left-radius: 51%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 63%;
  }
  25% {
    border-top-left-radius: 59%;
    border-top-right-radius: 60%;
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 30%;
  }
  50% {
    border-top-left-radius: 70%;
    border-top-right-radius: 40%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 53%;
  }
  75% {
    border-top-left-radius: 41%;
    border-top-right-radius: 40%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 53%;
  }
}
@keyframes scale-easeOutElastic {
  0%, 100% {
    -webkit-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
    -ms-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
    transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
  }
  40% {
    -webkit-transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
    -ms-transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
    transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
    -ms-transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
    transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
  }
}
@keyframes banner-image-move {
  0%, 100% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
  }
}
@keyframes banner-circle-move {
  0%, 100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes banner-pattern-move {
  0%, 100% {
    -webkit-transform: translateX(0) rotate(38deg);
    -ms-transform: translateX(0) rotate(38deg);
    transform: translateX(0) rotate(38deg);
  }
  50% {
    -webkit-transform: translateX(20px) rotate(38deg);
    -ms-transform: translateX(20px) rotate(38deg);
    transform: translateX(20px) rotate(38deg);
  }
}
.custom-bubble-animation {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.custom-bubble-animation .cb1 {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffdcaf;
  position: absolute;
  left: 25%;
  top: 30%;
  animation: ani1 100s infinite;
  animation-delay: 0.3s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb2 {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffdcaf;
  position: absolute;
  right: 30%;
  bottom: 15%;
  animation: ani2 300s infinite;
  animation-delay: 0.1s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb3 {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bbd9fc;
  position: absolute;
  left: 50%;
  bottom: 20%;
  animation: ani3 200s infinite;
  animation-delay: 0.2s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb4 {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffb9ba;
  position: absolute;
  right: 10%;
  bottom: 10%;
  animation: ani4 150s infinite;
  animation-delay: 0.9s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb5 {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bbd9fc;
  position: absolute;
  left: 15%;
  bottom: 15%;
  animation: ani5 200s infinite;
  animation-delay: 0.5s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb6 {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffdcaf;
  position: absolute;
  left: 45%;
  top: 50%;
  animation: ani6 400s infinite;
  animation-delay: 0.1s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb7 {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffb9ba;
  position: absolute;
  right: 35%;
  bottom: 35%;
  animation: ani7 150s infinite;
  animation-delay: 0.3s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb8 {
  width: 75px;
  height: 75px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bbd9fc;
  position: absolute;
  left: 35%;
  bottom: 40%;
  animation: ani8 300s infinite;
  animation-delay: 0.7s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb9 {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffb9ba;
  position: absolute;
  left: 60%;
  bottom: 35%;
  animation: ani9 100s infinite;
  animation-delay: 0.5s;
  animation-timing-function: linear;
}
.custom-bubble-animation .cb10 {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffb9ba;
  position: absolute;
  left: 40%;
  bottom: 60%;
  animation: ani10 200s infinite;
  animation-delay: 0.3s;
  animation-timing-function: linear;
}

@keyframes ani1 {
  0% {
    top: 30%;
    left: 15%;
    width: 20px;
    height: 20px;
  }
  25% {
    top: 90%;
    left: 50%;
    width: 30px;
    height: 30px;
  }
  50% {
    top: 30%;
    left: 30%;
    width: 15px;
    height: 15px;
  }
  75% {
    top: 70%;
    left: 50%;
    width: 10px;
    height: 10px;
  }
  100% {
    top: 30%;
    left: 15%;
    width: 20px;
    height: 20px;
  }
}
@keyframes ani2 {
  0% {
    right: 30%;
    bottom: 15%;
    width: 20px;
    height: 20px;
  }
  25% {
    bottom: 20%;
    right: 50%;
    width: 30px;
    height: 30px;
  }
  50% {
    bottom: 30%;
    right: 90%;
    width: 15px;
    height: 15px;
  }
  75% {
    bottom: 70%;
    right: 50%;
    width: 10px;
    height: 10px;
  }
  100% {
    bottom: 30%;
    right: 15%;
    width: 20px;
    height: 20px;
  }
}
@keyframes ani3 {
  0% {
    left: 50%;
    bottom: 20%;
    width: 20px;
    height: 20px;
  }
  25% {
    bottom: 40%;
    left: 50%;
    width: 30px;
    height: 30px;
  }
  50% {
    bottom: 30%;
    left: 30%;
    width: 15px;
    height: 15px;
  }
  75% {
    bottom: 70%;
    left: 50%;
    width: 30px;
    height: 30px;
  }
  100% {
    bottom: 30%;
    left: 15%;
    width: 20px;
    height: 20px;
  }
}
@keyframes ani4 {
  0% {
    right: 10%;
    bottom: 10%;
    width: 20px;
    height: 20px;
  }
  25% {
    bottom: 10%;
    right: 50%;
    width: 70px;
    height: 70px;
  }
  50% {
    bottom: 30%;
    right: 90%;
    width: 45px;
    height: 45px;
  }
  75% {
    bottom: 70%;
    right: 50%;
    width: 50px;
    height: 50px;
  }
  100% {
    bottom: 30%;
    right: 15%;
    width: 20px;
    height: 20px;
  }
}
@keyframes ani5 {
  0% {
    left: 15%;
    bottom: 15%;
    width: 50px;
    height: 50px;
  }
  25% {
    bottom: 0%;
    left: 30%;
    width: 20px;
    height: 20px;
  }
  50% {
    bottom: 30%;
    left: 20%;
    width: 65px;
    height: 65px;
  }
  75% {
    bottom: 70%;
    left: 60%;
    width: 70px;
    height: 70px;
  }
  100% {
    bottom: 30%;
    left: 15%;
    width: 50px;
    height: 50px;
  }
}
@keyframes ani6 {
  0% {
    left: 45%;
    top: 50%;
    width: 20px;
    height: 20px;
  }
  25% {
    bottom: 40%;
    left: 70%;
    width: 30px;
    height: 30px;
  }
  50% {
    bottom: 30%;
    left: 50%;
    width: 15px;
    height: 15px;
  }
  75% {
    bottom: 70%;
    left: 20%;
    width: 30px;
    height: 30px;
  }
  100% {
    bottom: 30%;
    left: 45%;
    width: 20px;
    height: 20px;
  }
}
@keyframes ani7 {
  0% {
    right: 35%;
    bottom: 35%;
    width: 30px;
    height: 30px;
  }
  25% {
    bottom: 70%;
    right: 60%;
    width: 10px;
    height: 10px;
  }
  50% {
    bottom: 30%;
    right: 40%;
    width: 30px;
    height: 30px;
  }
  75% {
    bottom: 70%;
    right: 70%;
    width: 10px;
    height: 10px;
  }
  100% {
    bottom: 35%;
    right: 35%;
    width: 30px;
    height: 30px;
  }
}
@keyframes ani8 {
  0% {
    left: 35%;
    bottom: 40%;
    width: 75px;
    height: 75px;
  }
  25% {
    bottom: 60%;
    left: 70%;
    width: 20px;
    height: 20px;
  }
  50% {
    bottom: 30%;
    left: 30%;
    width: 50px;
    height: 50px;
  }
  75% {
    bottom: 20%;
    left: 60%;
    width: 30px;
    height: 30px;
  }
  100% {
    bottom: 30%;
    left: 35%;
    width: 75px;
    height: 75px;
  }
}
@keyframes ani9 {
  0% {
    left: 60%;
    bottom: 35%;
    width: 15px;
    height: 15px;
  }
  25% {
    bottom: 90%;
    left: 20%;
    width: 20px;
    height: 20px;
  }
  50% {
    bottom: 10%;
    left: 90%;
    width: 15px;
    height: 15px;
  }
  75% {
    bottom: 40%;
    left: 60%;
    width: 30px;
    height: 30px;
  }
  100% {
    bottom: 20%;
    left: 35%;
    width: 15px;
    height: 15px;
  }
}
@keyframes ani10 {
  0% {
    left: 40%;
    bottom: 60%;
    width: 70px;
    height: 70px;
  }
  25% {
    bottom: 90%;
    left: 70%;
    width: 30px;
    height: 30px;
  }
  50% {
    bottom: 30%;
    left: 30%;
    width: 55px;
    height: 55px;
  }
  75% {
    bottom: 70%;
    left: 70%;
    width: 45px;
    height: 45px;
  }
  100% {
    bottom: 60%;
    left: 40%;
    width: 70px;
    height: 70px;
  }
}
@-webkit-keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}
@keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}
@-webkit-keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}
@keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}
@-webkit-keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}
@keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}
@-webkit-keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}
@keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}
.page-header {
  background-image: url(../images/page-header-bg.jpg);
  position: relative;
  height: 300px;
}
.page-header.portfolio {
  background-image: url(../images/4page-header-bg.jpg);
}
@media (min-width: 768px) {
  .page-header {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .page-header {
    height: 600px;
  }
}
.page-header:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.page-header .page-header-content {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-15%);
  -ms-transform: translateY(-15%);
  transform: translateY(-15%);
  width: 100%;
  text-align: center;
  z-index: 2;
}
@media (min-width: 768px) {
  .page-header .page-header-content {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.page-header .page-header-content .page-header-text {
  padding-left: 20px;
  padding-right: 20px;
}
.page-header .page-header-content .page-header-text h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0px;
  letter-spacing: 1.5px;
}
.page-header .page-header-content .page-header-text p {
  margin-bottom: 0;
  color: #fff;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .page-header .page-header-content .page-header-text {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-header .page-header-content .page-header-text h2 {
    font-size: 42px;
  }
}
.page-header.style2 {
  height: 300px;
}
@media (min-width: 992px) {
  .page-header.style2 {
    height: 450px;
  }
}
.page-header.style2 .page-header-content {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.page-header.style2.about {
  background-image: url(../images/3page-header-bg.jpg);
}
.page-header.style2.service {
  background-image: url(../images/5page-header-bg.jpg);
}
.page-header.element {
  background-color: #666;
  background-image: none;
  height: 300px;
}
@media (min-width: 992px) {
  .page-header.element {
    height: 450px;
  }
}
.page-header.element .page-header-content {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.inner-page .section-header {
  margin-top: 0px;
  position: relative;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(46, 60, 64, 0.05);
  padding: 60px 30px 60px 30px;
  text-align: center;
  margin-top: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.inner-page .section-header h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.inner-page .section-header p {
  margin-bottom: 0;
  line-height: 2.1;
}
@media (min-width: 768px) {
  .inner-page .section-header {
    padding: 60px 30px 60px 50px;
    margin-top: -130px;
    text-align: left;
  }
  .inner-page .section-header h2 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .inner-page .section-header {
    padding: 60px 200px 60px 100px;
  }
}
.inner-page .inner-page-header {
  background-color: #fff;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .inner-page .inner-page-header {
    padding: 70px 0;
    text-align: left;
  }
}
.inner-page .inner-page-header .section-header.inner-style2 {
  margin-top: 0;
  box-shadow: none;
  padding: 30px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .inner-page .inner-page-header .section-header.inner-style2 {
    padding: 0;
  }
}

.service-list {
  margin-top: 130px;
}
.service-list .service-item {
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(46, 60, 64, 0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .service-list .service-item {
    margin-bottom: 120px;
  }
}
.service-list .service-item .service-content {
  padding: 50px 30px 50px 30px;
  text-align: center;
}
@media (min-width: 992px) {
  .service-list .service-item .service-content {
    padding: 30px 50px 30px 40px;
    text-align: left;
  }
}
.service-list .service-item .service-content .desc {
  font-weight: 400;
}
.service-list .service-item .service-content .service-icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  font-size: 45px;
  position: relative;
  margin-bottom: 20px;
  color: #2e3c40;
}
.service-list .service-item .service-content .service-icon:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -5px;
  width: 24px;
  height: 1px;
  background-color: #169A96;
}
@media (min-width: 992px) {
  .service-list .service-item .service-content .service-icon:after {
    left: 0;
    margin-left: 0;
  }
}
.service-list .service-item .service-content .title {
  margin-bottom: 15px;
}
.service-list .service-item .mockup {
  margin: 25px 25px 25px 25px;
  box-shadow: 0px 0px 10px 0px rgba(46, 60, 64, 0.04);
}
@media (min-width: 992px) {
  .service-list .service-item .mockup {
    margin: 25px 30px 25px 0px;
  }
}
.service-list .service-item .service-image img {
  width: 100%;
}

.our-client-area {
  width: 100%;
}
.our-client-area.style2 {
  margin-top: 50px;
}
.our-client-area.style2 .client {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06) !important;
}
.our-client-area .our-client .client {
  background: #fff;
  padding: 10px 30px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (min-width: 1200px) {
  .our-client-area .our-client .client {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  }
}
.our-client-area .our-client .client .client-container {
  overflow: hidden;
  transform: translateY(10px);
}
.our-client-area .our-client .client .client-container .client-logo {
  text-align: center;
}
.our-client-area .our-client .client .client-container .swiper-slide:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -15px;
  width: 1px;
  height: 42px;
  background-color: #d8d8d8;
  display: none;
}
@media (min-width: 768px) {
  .our-client-area .our-client .client .client-container .swiper-slide:after {
    display: block;
  }
}

.team-memebr-section .team-member-container {
  overflow: hidden;
}

.team-member-area {
  background: #169A96;
}

.team-member-item .team-thumb {
  position: relative;
  overflow: hidden;
}
.team-member-item .team-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transform: scale(1.005);
  -ms-transform: scale(1.005);
  transform: scale(1.005);
}
.team-member-item .team-thumb .team-content {
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100%;
  z-index: 1;
  padding: 30px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.team-member-item .team-thumb .team-content .team-content-inner {
  background-color: #fff;
  padding: 30px 20px 20px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.team-member-item .team-thumb .team-content .team-content-inner .name {
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
}
.team-member-item .team-thumb .team-content .team-content-inner .name:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 24px;
  height: 1px;
  z-index: 1;
}
.team-member-item .team-thumb .team-content .team-content-inner .designation {
  margin-bottom: 0;
  font-size: 14px;
}
.team-member-item .team-thumb .team-content .team-content-inner .social-media-list li a {
  font-size: 16px;
}
.team-member-item .team-thumb .team-content .team-content-inner .social-media-list li:first-child a {
  padding-left: 0;
}
.team-member-item:hover .team-thumb img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team-member-item:hover .team-content {
  bottom: 0;
  opacity: 1;
}

.ca-team-section {
  padding-top: 80px;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  .ca-team-section {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}

.ca-team-item {
  padding: 30px 40px;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin: 25px auto;
  max-width: 400px;
}
@media (min-width: 992px) {
  .ca-team-item {
    margin: 0;
  }
}
.ca-team-item .team-thumb {
  width: 170px;
  height: 170px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.ca-team-item .team-thumb img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ca-team-item .team-thumb .team-thumb-inner {
  overflow: hidden;
  border: 10px solid #e9e9e9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.ca-team-item .team-thumb:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 10px solid #e9e9e9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform-origin: center;
}
.ca-team-item .team-content {
  padding-top: 30px;
}
.ca-team-item .team-content .name {
  margin-bottom: 0;
}
.ca-team-item .team-content .name a {
  color: inherit;
}
.ca-team-item .team-content .name:hover a {
  color: #b74acd;
}
.ca-team-item .team-content .designation {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}
.ca-team-item .social-media-list {
  position: absolute;
  right: 0;
  top: 0;
  padding: 23px 10px;
  margin-bottom: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.ca-team-item .social-media-list li a {
  padding: 17px 10px;
  font-size: 16px;
  font-weight: 700;
  display: block;
}
.ca-team-item .social-media-list li a:hover {
  color: #b74acd;
}
.ca-team-item:hover .team-thumb:after {
  animation: dhew-anim 1.5s infinite;
}
.ca-team-item:hover .team-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.ca-team-item:hover .social-media-list {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.da-team-section {
  position: relative;
}
.da-team-section .circle1 {
  position: absolute;
  right: 10%;
  bottom: 10%;
  opacity: 0.5;
}
.da-team-section .circle2 {
  position: absolute;
  right: 35%;
  top: 5%;
  opacity: 0.5;
}
.da-team-section .circle3 {
  position: absolute;
  right: 20%;
  top: 20%;
  opacity: 0.5;
}

.da-team-item {
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 30px;
  overflow: hidden;
}
.da-team-item .team-thumb {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 10px solid #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  overflow: hidden;
  margin-bottom: 20px;
}
.da-team-item .team-thumb img {
  width: 100%;
}
.da-team-item .team-content .name {
  margin-bottom: 0;
}
.da-team-item .team-content .designation {
  margin-bottom: 30px;
}

.da-social-media-list {
  padding: 10px 30px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
}
.da-social-media-list li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(59, 89, 152, 0.5);
}
.da-social-media-list li a.facebook {
  border: 1px solid rgba(59, 89, 152, 0.5);
  color: #3B5998;
}
.da-social-media-list li a.facebook:hover {
  background-color: #3B5998;
  color: #fff;
  border: 1px solid #3b5998;
}
.da-social-media-list li a.twitter {
  border: 1px solid rgba(0, 172, 238, 0.5);
  color: #3B5998;
}
.da-social-media-list li a.twitter:hover {
  background-color: #00ACEE;
  color: #fff;
  border: 1px solid #00acee;
}
.da-social-media-list li a.linkedin {
  border: 1px solid rgba(14, 118, 168, 0.5);
  color: #0E76A8;
}
.da-social-media-list li a.linkedin:hover {
  background-color: #0E76A8;
  color: #fff;
  border: 1px solid #0e76a8;
}
.da-social-media-list li a.behence {
  border: 1px solid rgba(0, 87, 255, 0.5);
  color: #0057ff;
}
.da-social-media-list li a.behence:hover {
  background-color: #0057ff;
  color: #fff;
  border: 1px solid #0057ff;
}

.color1 .site-info li a:hover,
.color1 .signin-option a:hover,
.color1 .language-option a:hover,
.color1 .language-option a:hover,
.color1 .btn-transparent:hover,
.color1 .bz-service-area .service-tab .nav-item.active .icon,
.color1 .bz-service-area .service-tab .nav-item:hover .icon,
.color1 .bz-pricing-item .pricing-body .item-listing li i,
.color1 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next,
.color1 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev,
.color1 .footer.footer1 .footer-widget .footer-menu li a:hover,
.color1 .footer.footer1 .footer-widget .linklist li a:hover,
.color1 .footer.footer1 .footerbottom .social-media-list li a:hover,
.color1 .footer.footer1 .footer-widget .googlemap:hover,
.color1 .footer.footer1 .footerbottom .copy-right a:hover,
.color1 .nav-menu li.dropdown .submenu > li.dropdown:hover > a,
.color1 .header.style1 .nav-menu li .submenu li a:hover,
.color1 .header.style1 .nav-menu li .submenu li a.active-submenu,
.color1 .header.style1 .nav-menu .mega-menu-list li.active > a,
.color1 .header.style1 .nav-menu .mega-menu-list li:hover > a,
.color1 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a:hover,
.color1 .bz-pricing-item .pricing-footer .custom-btn1,
.color1 .bz-counter-up .counter-item .count-number,
.color1 .social-media-list li a:hover,
.color1 .header.style3 .main-menu-area .nav-menu li.active > a,
.color1 .header.style3 .main-menu-area .nav-menu li:hover > a,
.color1 .header.style3 .main-menu-area .nav-menu li .submenu li a:hover,
.color1 .header.style3 .main-menu-area .nav-menu li .submenu li a.active-submenu,
.color1 .section-header .subtitle-top,
.color1 .portfolio-thumb .portfolio-content .cata,
.color1 .portfolio-thumb .portfolio-content h6 a:hover,
.color1 .da-testimonial-container .testimonial-content .qoute-icon,
.color1 .da-testimonial-container .testimonial-content .rating i,
.color1 .da-post-item .post-content .title a:hover,
.color1 .footer.footer1 .footer-widget form input:focus ~ .submit,
.color1 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li.active > a,
.color1 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color1 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color1 .btn-transparent,
.color1 .bz-process-item .process-item-inner .front .process-count,
.color1 .header.style2 .main-menu-area .nav-menu li.active > a,
.color1 .header.style2 .main-menu-area .nav-menu li:hover > a,
.color1 .header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover,
.color1 .da-custom-btn.btn-solid:hover,
.color1 .da-pricing-item:hover .pricing-body .da-custom-btn,
.color1 .da-pricing-item.active .pricing-body .da-custom-btn,
.color1 .bz-section-header ul li i,
.color1 .header.style4 .nav-menu li.active > a,
.color1 .header.style4 .nav-menu li:hover > a,
.color1 .header.style4 .main-menu-area.fixed-menu .nav-menu li.active > a,
.color1 .header.style4 .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color1 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color1 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu,
.color1 .meta-post li a:hover,
.color1 .header.style4 .nav-menu li .submenu li a:hover,
.color1 .header.style4 .nav-menu li .submenu li a.active-submenu,
.color1 .header.style5 .nav-menu li a:hover,
.color1 .header.style5 .nav-menu li a.active,
.color1 .header.transparent-header .menu-action li a:hover,
.color1 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span,
.color1 .app-pricing-item:hover .pricing-body .app-custom-btn,
.color1 .app-pricing-item.active .pricing-body .app-custom-btn,
.color1 .app-pricing-item .pricing-body .app-custom-btn,
.color1 .app-footer .footer-menu li a:hover,
.color1 .app-custom-btn.btn-solid:hover,
.color1 .error-page-container h1,
.color1 .pagination-area .pagination li a:hover,
.color1 .pagination-area .pagination li a.active,
.color1 .coming-soon-content h2,
.color1 .countdown .count-item-inner .count-number,
.color1 .entry-content blockquote .qoute-icon,
.color1 .entry-content blockquote .b-au,
.color1 .entry-footer .like-share li:first-child a,
.color1 .mas-section .section-title span,
.color1 .header.style1 .fixed-menu .menu-action li a.da-custom-btn,
.color1 .nav-menu li.dropdown .submenu .active > a,
.color1 .mobile-menu-area .mobile-menu .m-menu li.m-active > a,
.color1 .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #169A96 !important;
}
.color1 .da-pricing-item .pricing-head .price,
.color1 .funfact-item .icon,
.color1 .funfact-item .funfact-content .counter,
.color1 .app-pricing-item .pricing-head .price,
.color1 .action-section.style2 .da-custom-btn.btn-solid,
.color1 .da-custom-btn {
  color: #169A96;
}
@media (min-width: 992px) {
  .color1 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #169A96 !important;
  }
}
.color1 .search-area .search-form button,
.color1 .bz-section-header .title:after,
.color1 .header.style1 .menu-action li a.join:hover,
.color1 .bz-process-item .process-item-inner .back,
.color1 .aboutus.style2 .video-image .video-button:hover,
.color1 .custom-btn1:hover,
.color1 .bz-project-section .button-group li.is-checked:after,
.color1 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata:after,
.color1 .bz-banner-slider-container .slider-content .custom-btn:hover,
.color1 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color1 .meta-post.line-style:after,
.color1 .post-item.flip-style .post-content-inner .back,
.color1 .bz-action-section,
.color1 .to-top,
.color1 .custom-btn2,
.color1 .header.style3 .main-menu-area .custom-border-top > li > a > span:after,
.color1 .da-working-process-control a.active .heading,
.color1 .col-md-6:hover > .funfact-item,
.color1 .portfolio-thumb .portfolio-content .discover-more-btn:after,
.color1 .da-pricing-item:hover, .color1 .da-pricing-item.active,
.color1 #loading,
.color1 .header.style2 .main-menu-area .custom-border-top > li > a > span:after,
.color1 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color1 .da-custom-btn.btn-solid,
.color1 .slider-banner-section .carousel-control-prev,
.color1 .slider-banner-section .carousel-control-next,
.color1 .header.style4 .custom-border-top > li > a > span:after,
.color1 .post-filter-btn .custom-btn:hover,
.color1 .newsletter-form button,
.color1 .app-custom-btn.btn-solid,
.color1 .app-feature-item .app-feature-icon,
.color1 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span + span,
.color1 .app-price-control li a.active,
.color1 .app-pricing-item:hover, .color1 .app-pricing-item.active,
.color1 .app-contact-section .contact-form .submit,
.color1 .app-contact-section .contact-info-area,
.color1 .app-contact-section .small-circle1,
.color1 .app-chart-image .circle2,
.color1 .app-screenshot-container .screenshot-image .circle3,
.color1 .app-image .shape1,
.color1 .app-banner-section .banner-app .circle-box-small,
.color1 .error-page-container .back-home,
.color1 .pagination-area .pagination li:last-child a,
.color1 .contact-info-area,
.color1 .contact-form .submit,
.color1 .entry-content .post-content .title:after,
.color1 .comments-list .comments .content .comment-heading .reply:hover,
.color1 .comment-response form input[type=submit]:hover,
.color1 .custom-border-top > li > a > span:after,
.color1 .action-section,
.color1 .action-section.style2 .da-custom-btn.btn-solid:hover:after,
.color1 .header.style1 .main-menu-area .menu-bar,
.color1 .mobile-menu-area .m-menu-header .close-bar,
.color1 .portfolio-thumb-container .portfolio-thumb-next-btn:hover,
.color1 .portfolio-thumb-container .portfolio-thumb-next-btn:active,
.color1 .portfolio-thumb-container .portfolio-thumb-next-btn:focus,
.color1 .portfolio-thumb-container .portfolio-thumb-prev-btn:hover,
.color1 .portfolio-thumb-container .portfolio-thumb-prev-btn:active,
.color1 .portfolio-thumb-container .portfolio-thumb-prev-btn:focus {
  background-color: #169A96 !important;
}
.color1 .da-pricing-item:hover .pricing-head .price, .color1 .da-pricing-item.active .pricing-head .price, .color1 .app-pricing-item.active .pricing-head .price,
.color1 .app-pricing-item:hover .pricing-head .price {
  color: white !important;
}
.color1 .da-custom-btn:after {
  background-color: #169A96;
}
@media (max-width: 991px) {
  .color1 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    background-color: #169A96 !important;
  }
}
.color1 .search-area .search-form input,
.color1 .effect-dhew .anim1,
.color1 .effect-dhew .anim2,
.color1 .effect-dhew .anim3,
.color1 .effect-dhew .anim4,
.color1 .custom-btn1:hover,
.color1 .header.style1 .menu-action li a.join:hover,
.color1 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color1 .footer.footer1 .footer-widget form input:active,
.color1 .footer.footer1 .footer-widget form input:focus,
.color1 .bz-pricing-item .pricing-footer .custom-btn1,
.color1 .search-form input.active, .color1 .search-form input:focus,
.color1 .da-portfolio-catagory-list .portfolio-tab-control li a.active,
.color1 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover,
.color1 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover,
.color1 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color1 .post-filter-btn .custom-btn:hover,
.color1 .da-custom-btn,
.color1 .newsletter-form input:active,
.color1 .newsletter-form input:focus,
.color1 .app-custom-btn,
.color1 .app-price-control li a.active,
.color1 .pagination-area .pagination li a:hover,
.color1 .pagination-area .pagination li a.active,
.color1 .pagination-area .pagination li:last-child a,
.color1 .comments-list .comments .content .comment-heading .reply:hover,
.color1 .comment-response form input:focus,
.color1 .comment-response form input:active,
.color1 .comment-response form textarea:focus,
.color1 .comment-response form textarea:active,
.color1 .comment-response form input[type=submit]:hover,
.color1 .contact-form input:active, .color1 .contact-form input:focus,
.color1 .contact-form textarea:active, .color1 .contact-form textarea:focus {
  border-color: #169A96 !important;
}

.color2 .site-info li a:hover,
.color2 .signin-option a:hover,
.color2 .language-option a:hover,
.color2 .language-option a:hover,
.color2 .btn-transparent:hover,
.color2 .bz-service-area .service-tab .nav-item.active .icon,
.color2 .bz-service-area .service-tab .nav-item:hover .icon,
.color2 .bz-pricing-item .pricing-body .item-listing li i,
.color2 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next,
.color2 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev,
.color2 .footer.footer1 .footer-widget .footer-menu li a:hover,
.color2 .footer.footer1 .footer-widget .linklist li a:hover,
.color2 .footer.footer1 .footerbottom .social-media-list li a:hover,
.color2 .footer.footer1 .footer-widget .googlemap:hover,
.color2 .footer.footer1 .footerbottom .copy-right a:hover,
.color2 .nav-menu li.dropdown .submenu > li.dropdown:hover > a,
.color2 .header.style1 .nav-menu li .submenu li a:hover,
.color2 .header.style1 .nav-menu li .submenu li a.active-submenu,
.color2 .header.style1 .nav-menu .mega-menu-list li.active > a,
.color2 .header.style1 .nav-menu .mega-menu-list li:hover > a,
.color2 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a:hover,
.color2 .bz-pricing-item .pricing-footer .custom-btn1,
.color2 .bz-counter-up .counter-item .count-number,
.color2 .social-media-list li a:hover,
.color2 .header.style3 .main-menu-area .nav-menu li.active > a,
.color2 .header.style3 .main-menu-area .nav-menu li:hover > a,
.color2 .header.style3 .main-menu-area .nav-menu li .submenu li a:hover,
.color2 .header.style3 .main-menu-area .nav-menu li .submenu li a.active-submenu,
.color2 .section-header .subtitle-top,
.color2 .portfolio-thumb .portfolio-content .cata,
.color2 .portfolio-thumb .portfolio-content h6 a:hover,
.color2 .da-testimonial-container .testimonial-content .qoute-icon,
.color2 .da-testimonial-container .testimonial-content .rating i,
.color2 .da-post-item .post-content .title a:hover,
.color2 .footer.footer1 .footer-widget form input:focus ~ .submit,
.color2 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li.active > a,
.color2 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color2 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color2 .btn-transparent,
.color2 .bz-process-item .process-item-inner .front .process-count,
.color2 .header.style2 .main-menu-area .nav-menu li.active > a,
.color2 .header.style2 .main-menu-area .nav-menu li:hover > a,
.color2 .header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover,
.color2 .da-custom-btn.btn-solid:hover,
.color2 .da-pricing-item:hover .pricing-body .da-custom-btn,
.color2 .da-pricing-item.active .pricing-body .da-custom-btn,
.color2 .bz-section-header ul li i,
.color2 .header.style4 .nav-menu li.active > a,
.color2 .header.style4 .nav-menu li:hover > a,
.color2 .header.style4 .main-menu-area.fixed-menu .nav-menu li.active > a,
.color2 .header.style4 .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color2 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color2 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu,
.color2 .meta-post li a:hover,
.color2 .header.style4 .nav-menu li .submenu li a:hover,
.color2 .header.style4 .nav-menu li .submenu li a.active-submenu,
.color2 .header.style5 .nav-menu li a:hover,
.color2 .header.style5 .nav-menu li a.active,
.color2 .header.transparent-header .menu-action li a:hover,
.color2 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span,
.color2 .app-pricing-item:hover .pricing-body .app-custom-btn,
.color2 .app-pricing-item.active .pricing-body .app-custom-btn,
.color2 .app-pricing-item .pricing-body .app-custom-btn,
.color2 .app-footer .footer-menu li a:hover,
.color2 .app-custom-btn.btn-solid:hover,
.color2 .error-page-container h1,
.color2 .pagination-area .pagination li a:hover,
.color2 .pagination-area .pagination li a.active,
.color2 .coming-soon-content h2,
.color2 .countdown .count-item-inner .count-number,
.color2 .entry-content blockquote .qoute-icon,
.color2 .entry-content blockquote .b-au,
.color2 .entry-footer .like-share li:first-child a,
.color2 .mas-section .section-title span,
.color2 .header.style1 .fixed-menu .menu-action li a.da-custom-btn,
.color2 .nav-menu li.dropdown .submenu .active > a,
.color2 .mobile-menu-area .mobile-menu .m-menu li.m-active > a,
.color2 .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #b74acd !important;
}
.color2 .da-pricing-item .pricing-head .price,
.color2 .funfact-item .icon,
.color2 .funfact-item .funfact-content .counter,
.color2 .app-pricing-item .pricing-head .price,
.color2 .action-section.style2 .da-custom-btn.btn-solid,
.color2 .da-custom-btn {
  color: #b74acd;
}
@media (min-width: 992px) {
  .color2 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #b74acd !important;
  }
}
.color2 .search-area .search-form button,
.color2 .bz-section-header .title:after,
.color2 .header.style1 .menu-action li a.join:hover,
.color2 .bz-process-item .process-item-inner .back,
.color2 .aboutus.style2 .video-image .video-button:hover,
.color2 .custom-btn1:hover,
.color2 .bz-project-section .button-group li.is-checked:after,
.color2 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata:after,
.color2 .bz-banner-slider-container .slider-content .custom-btn:hover,
.color2 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color2 .meta-post.line-style:after,
.color2 .post-item.flip-style .post-content-inner .back,
.color2 .bz-action-section,
.color2 .to-top,
.color2 .custom-btn2,
.color2 .header.style3 .main-menu-area .custom-border-top > li > a > span:after,
.color2 .da-working-process-control a.active .heading,
.color2 .col-md-6:hover > .funfact-item,
.color2 .portfolio-thumb .portfolio-content .discover-more-btn:after,
.color2 .da-pricing-item:hover, .color2 .da-pricing-item.active,
.color2 #loading,
.color2 .header.style2 .main-menu-area .custom-border-top > li > a > span:after,
.color2 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color2 .da-custom-btn.btn-solid,
.color2 .slider-banner-section .carousel-control-prev,
.color2 .slider-banner-section .carousel-control-next,
.color2 .header.style4 .custom-border-top > li > a > span:after,
.color2 .post-filter-btn .custom-btn:hover,
.color2 .newsletter-form button,
.color2 .app-custom-btn.btn-solid,
.color2 .app-feature-item .app-feature-icon,
.color2 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span + span,
.color2 .app-price-control li a.active,
.color2 .app-pricing-item:hover, .color2 .app-pricing-item.active,
.color2 .app-contact-section .contact-form .submit,
.color2 .app-contact-section .contact-info-area,
.color2 .app-contact-section .small-circle1,
.color2 .app-chart-image .circle2,
.color2 .app-screenshot-container .screenshot-image .circle3,
.color2 .app-image .shape1,
.color2 .app-banner-section .banner-app .circle-box-small,
.color2 .error-page-container .back-home,
.color2 .pagination-area .pagination li:last-child a,
.color2 .contact-info-area,
.color2 .contact-form .submit,
.color2 .entry-content .post-content .title:after,
.color2 .comments-list .comments .content .comment-heading .reply:hover,
.color2 .comment-response form input[type=submit]:hover,
.color2 .custom-border-top > li > a > span:after,
.color2 .action-section,
.color2 .action-section.style2 .da-custom-btn.btn-solid:hover:after,
.color2 .header.style1 .main-menu-area .menu-bar,
.color2 .mobile-menu-area .m-menu-header .close-bar,
.color2 .portfolio-thumb-container .portfolio-thumb-next-btn:hover,
.color2 .portfolio-thumb-container .portfolio-thumb-next-btn:active,
.color2 .portfolio-thumb-container .portfolio-thumb-next-btn:focus,
.color2 .portfolio-thumb-container .portfolio-thumb-prev-btn:hover,
.color2 .portfolio-thumb-container .portfolio-thumb-prev-btn:active,
.color2 .portfolio-thumb-container .portfolio-thumb-prev-btn:focus {
  background-color: #b74acd !important;
}
.color2 .da-pricing-item:hover .pricing-head .price, .color2 .da-pricing-item.active .pricing-head .price, .color2 .app-pricing-item.active .pricing-head .price,
.color2 .app-pricing-item:hover .pricing-head .price {
  color: white !important;
}
.color2 .da-custom-btn:after {
  background-color: #b74acd;
}
@media (max-width: 991px) {
  .color2 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    background-color: #b74acd !important;
  }
}
.color2 .search-area .search-form input,
.color2 .effect-dhew .anim1,
.color2 .effect-dhew .anim2,
.color2 .effect-dhew .anim3,
.color2 .effect-dhew .anim4,
.color2 .custom-btn1:hover,
.color2 .header.style1 .menu-action li a.join:hover,
.color2 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color2 .footer.footer1 .footer-widget form input:active,
.color2 .footer.footer1 .footer-widget form input:focus,
.color2 .bz-pricing-item .pricing-footer .custom-btn1,
.color2 .search-form input.active, .color2 .search-form input:focus,
.color2 .da-portfolio-catagory-list .portfolio-tab-control li a.active,
.color2 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover,
.color2 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover,
.color2 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color2 .post-filter-btn .custom-btn:hover,
.color2 .da-custom-btn,
.color2 .newsletter-form input:active,
.color2 .newsletter-form input:focus,
.color2 .app-custom-btn,
.color2 .app-price-control li a.active,
.color2 .pagination-area .pagination li a:hover,
.color2 .pagination-area .pagination li a.active,
.color2 .pagination-area .pagination li:last-child a,
.color2 .comments-list .comments .content .comment-heading .reply:hover,
.color2 .comment-response form input:focus,
.color2 .comment-response form input:active,
.color2 .comment-response form textarea:focus,
.color2 .comment-response form textarea:active,
.color2 .comment-response form input[type=submit]:hover,
.color2 .contact-form input:active, .color2 .contact-form input:focus,
.color2 .contact-form textarea:active, .color2 .contact-form textarea:focus {
  border-color: #b74acd !important;
}

.color3 .site-info li a:hover,
.color3 .signin-option a:hover,
.color3 .language-option a:hover,
.color3 .language-option a:hover,
.color3 .btn-transparent:hover,
.color3 .bz-service-area .service-tab .nav-item.active .icon,
.color3 .bz-service-area .service-tab .nav-item:hover .icon,
.color3 .bz-pricing-item .pricing-body .item-listing li i,
.color3 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next,
.color3 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev,
.color3 .footer.footer1 .footer-widget .footer-menu li a:hover,
.color3 .footer.footer1 .footer-widget .linklist li a:hover,
.color3 .footer.footer1 .footerbottom .social-media-list li a:hover,
.color3 .footer.footer1 .footer-widget .googlemap:hover,
.color3 .footer.footer1 .footerbottom .copy-right a:hover,
.color3 .nav-menu li.dropdown .submenu > li.dropdown:hover > a,
.color3 .header.style1 .nav-menu li .submenu li a:hover,
.color3 .header.style1 .nav-menu li .submenu li a.active-submenu,
.color3 .header.style1 .nav-menu .mega-menu-list li.active > a,
.color3 .header.style1 .nav-menu .mega-menu-list li:hover > a,
.color3 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a:hover,
.color3 .bz-pricing-item .pricing-footer .custom-btn1,
.color3 .bz-counter-up .counter-item .count-number,
.color3 .social-media-list li a:hover,
.color3 .header.style3 .main-menu-area .nav-menu li.active > a,
.color3 .header.style3 .main-menu-area .nav-menu li:hover > a,
.color3 .header.style3 .main-menu-area .nav-menu li .submenu li a:hover,
.color3 .header.style3 .main-menu-area .nav-menu li .submenu li a.active-submenu,
.color3 .section-header .subtitle-top,
.color3 .portfolio-thumb .portfolio-content .cata,
.color3 .portfolio-thumb .portfolio-content h6 a:hover,
.color3 .da-testimonial-container .testimonial-content .qoute-icon,
.color3 .da-testimonial-container .testimonial-content .rating i,
.color3 .da-post-item .post-content .title a:hover,
.color3 .footer.footer1 .footer-widget form input:focus ~ .submit,
.color3 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li.active > a,
.color3 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color3 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color3 .btn-transparent,
.color3 .bz-process-item .process-item-inner .front .process-count,
.color3 .header.style2 .main-menu-area .nav-menu li.active > a,
.color3 .header.style2 .main-menu-area .nav-menu li:hover > a,
.color3 .header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover,
.color3 .da-custom-btn.btn-solid:hover,
.color3 .da-pricing-item:hover .pricing-body .da-custom-btn,
.color3 .da-pricing-item.active .pricing-body .da-custom-btn,
.color3 .bz-section-header ul li i,
.color3 .header.style4 .nav-menu li.active > a,
.color3 .header.style4 .nav-menu li:hover > a,
.color3 .header.style4 .main-menu-area.fixed-menu .nav-menu li.active > a,
.color3 .header.style4 .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color3 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color3 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu,
.color3 .meta-post li a:hover,
.color3 .header.style4 .nav-menu li .submenu li a:hover,
.color3 .header.style4 .nav-menu li .submenu li a.active-submenu,
.color3 .header.style5 .nav-menu li a:hover,
.color3 .header.style5 .nav-menu li a.active,
.color3 .header.transparent-header .menu-action li a:hover,
.color3 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span,
.color3 .app-pricing-item:hover .pricing-body .app-custom-btn,
.color3 .app-pricing-item.active .pricing-body .app-custom-btn,
.color3 .app-pricing-item .pricing-body .app-custom-btn,
.color3 .app-footer .footer-menu li a:hover,
.color3 .app-custom-btn.btn-solid:hover,
.color3 .error-page-container h1,
.color3 .pagination-area .pagination li a:hover,
.color3 .pagination-area .pagination li a.active,
.color3 .coming-soon-content h2,
.color3 .countdown .count-item-inner .count-number,
.color3 .entry-content blockquote .qoute-icon,
.color3 .entry-content blockquote .b-au,
.color3 .entry-footer .like-share li:first-child a,
.color3 .mas-section .section-title span,
.color3 .header.style1 .fixed-menu .menu-action li a.da-custom-btn,
.color3 .nav-menu li.dropdown .submenu .active > a,
.color3 .mobile-menu-area .mobile-menu .m-menu li.m-active > a,
.color3 .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #2e8efd !important;
}
.color3 .da-pricing-item .pricing-head .price,
.color3 .funfact-item .icon,
.color3 .funfact-item .funfact-content .counter,
.color3 .app-pricing-item .pricing-head .price,
.color3 .action-section.style2 .da-custom-btn.btn-solid,
.color3 .da-custom-btn {
  color: #2e8efd;
}
@media (min-width: 992px) {
  .color3 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #2e8efd !important;
  }
}
.color3 .search-area .search-form button,
.color3 .bz-section-header .title:after,
.color3 .header.style1 .menu-action li a.join:hover,
.color3 .bz-process-item .process-item-inner .back,
.color3 .aboutus.style2 .video-image .video-button:hover,
.color3 .custom-btn1:hover,
.color3 .bz-project-section .button-group li.is-checked:after,
.color3 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata:after,
.color3 .bz-banner-slider-container .slider-content .custom-btn:hover,
.color3 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color3 .meta-post.line-style:after,
.color3 .post-item.flip-style .post-content-inner .back,
.color3 .bz-action-section,
.color3 .to-top,
.color3 .custom-btn2,
.color3 .header.style3 .main-menu-area .custom-border-top > li > a > span:after,
.color3 .da-working-process-control a.active .heading,
.color3 .col-md-6:hover > .funfact-item,
.color3 .portfolio-thumb .portfolio-content .discover-more-btn:after,
.color3 .da-pricing-item:hover, .color3 .da-pricing-item.active,
.color3 #loading,
.color3 .header.style2 .main-menu-area .custom-border-top > li > a > span:after,
.color3 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color3 .da-custom-btn.btn-solid,
.color3 .slider-banner-section .carousel-control-prev,
.color3 .slider-banner-section .carousel-control-next,
.color3 .header.style4 .custom-border-top > li > a > span:after,
.color3 .post-filter-btn .custom-btn:hover,
.color3 .newsletter-form button,
.color3 .app-custom-btn.btn-solid,
.color3 .app-feature-item .app-feature-icon,
.color3 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span + span,
.color3 .app-price-control li a.active,
.color3 .app-pricing-item:hover, .color3 .app-pricing-item.active,
.color3 .app-contact-section .contact-form .submit,
.color3 .app-contact-section .contact-info-area,
.color3 .app-contact-section .small-circle1,
.color3 .app-chart-image .circle2,
.color3 .app-screenshot-container .screenshot-image .circle3,
.color3 .app-image .shape1,
.color3 .app-banner-section .banner-app .circle-box-small,
.color3 .error-page-container .back-home,
.color3 .pagination-area .pagination li:last-child a,
.color3 .contact-info-area,
.color3 .contact-form .submit,
.color3 .entry-content .post-content .title:after,
.color3 .comments-list .comments .content .comment-heading .reply:hover,
.color3 .comment-response form input[type=submit]:hover,
.color3 .custom-border-top > li > a > span:after,
.color3 .action-section,
.color3 .action-section.style2 .da-custom-btn.btn-solid:hover:after,
.color3 .header.style1 .main-menu-area .menu-bar,
.color3 .mobile-menu-area .m-menu-header .close-bar,
.color3 .portfolio-thumb-container .portfolio-thumb-next-btn:hover,
.color3 .portfolio-thumb-container .portfolio-thumb-next-btn:active,
.color3 .portfolio-thumb-container .portfolio-thumb-next-btn:focus,
.color3 .portfolio-thumb-container .portfolio-thumb-prev-btn:hover,
.color3 .portfolio-thumb-container .portfolio-thumb-prev-btn:active,
.color3 .portfolio-thumb-container .portfolio-thumb-prev-btn:focus {
  background-color: #2e8efd !important;
}
.color3 .da-pricing-item:hover .pricing-head .price, .color3 .da-pricing-item.active .pricing-head .price, .color3 .app-pricing-item.active .pricing-head .price,
.color3 .app-pricing-item:hover .pricing-head .price {
  color: white !important;
}
.color3 .da-custom-btn:after {
  background-color: #2e8efd;
}
@media (max-width: 991px) {
  .color3 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    background-color: #2e8efd !important;
  }
}
.color3 .search-area .search-form input,
.color3 .effect-dhew .anim1,
.color3 .effect-dhew .anim2,
.color3 .effect-dhew .anim3,
.color3 .effect-dhew .anim4,
.color3 .custom-btn1:hover,
.color3 .header.style1 .menu-action li a.join:hover,
.color3 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color3 .footer.footer1 .footer-widget form input:active,
.color3 .footer.footer1 .footer-widget form input:focus,
.color3 .bz-pricing-item .pricing-footer .custom-btn1,
.color3 .search-form input.active, .color3 .search-form input:focus,
.color3 .da-portfolio-catagory-list .portfolio-tab-control li a.active,
.color3 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover,
.color3 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover,
.color3 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color3 .post-filter-btn .custom-btn:hover,
.color3 .da-custom-btn,
.color3 .newsletter-form input:active,
.color3 .newsletter-form input:focus,
.color3 .app-custom-btn,
.color3 .app-price-control li a.active,
.color3 .pagination-area .pagination li a:hover,
.color3 .pagination-area .pagination li a.active,
.color3 .pagination-area .pagination li:last-child a,
.color3 .comments-list .comments .content .comment-heading .reply:hover,
.color3 .comment-response form input:focus,
.color3 .comment-response form input:active,
.color3 .comment-response form textarea:focus,
.color3 .comment-response form textarea:active,
.color3 .comment-response form input[type=submit]:hover,
.color3 .contact-form input:active, .color3 .contact-form input:focus,
.color3 .contact-form textarea:active, .color3 .contact-form textarea:focus {
  border-color: #2e8efd !important;
}

.color4 .site-info li a:hover,
.color4 .signin-option a:hover,
.color4 .language-option a:hover,
.color4 .language-option a:hover,
.color4 .btn-transparent:hover,
.color4 .bz-service-area .service-tab .nav-item.active .icon,
.color4 .bz-service-area .service-tab .nav-item:hover .icon,
.color4 .bz-pricing-item .pricing-body .item-listing li i,
.color4 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next,
.color4 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev,
.color4 .footer.footer1 .footer-widget .footer-menu li a:hover,
.color4 .footer.footer1 .footer-widget .linklist li a:hover,
.color4 .footer.footer1 .footerbottom .social-media-list li a:hover,
.color4 .footer.footer1 .footer-widget .googlemap:hover,
.color4 .footer.footer1 .footerbottom .copy-right a:hover,
.color4 .nav-menu li.dropdown .submenu > li.dropdown:hover > a,
.color4 .header.style1 .nav-menu li .submenu li a:hover,
.color4 .header.style1 .nav-menu li .submenu li a.active-submenu,
.color4 .header.style1 .nav-menu .mega-menu-list li.active > a,
.color4 .header.style1 .nav-menu .mega-menu-list li:hover > a,
.color4 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a:hover,
.color4 .bz-pricing-item .pricing-footer .custom-btn1,
.color4 .bz-counter-up .counter-item .count-number,
.color4 .social-media-list li a:hover,
.color4 .header.style3 .main-menu-area .nav-menu li.active > a,
.color4 .header.style3 .main-menu-area .nav-menu li:hover > a,
.color4 .header.style3 .main-menu-area .nav-menu li .submenu li a:hover,
.color4 .header.style3 .main-menu-area .nav-menu li .submenu li a.active-submenu,
.color4 .section-header .subtitle-top,
.color4 .portfolio-thumb .portfolio-content .cata,
.color4 .portfolio-thumb .portfolio-content h6 a:hover,
.color4 .da-testimonial-container .testimonial-content .qoute-icon,
.color4 .da-testimonial-container .testimonial-content .rating i,
.color4 .da-post-item .post-content .title a:hover,
.color4 .footer.footer1 .footer-widget form input:focus ~ .submit,
.color4 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li.active > a,
.color4 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color4 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color4 .btn-transparent,
.color4 .bz-process-item .process-item-inner .front .process-count,
.color4 .header.style2 .main-menu-area .nav-menu li.active > a,
.color4 .header.style2 .main-menu-area .nav-menu li:hover > a,
.color4 .header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover,
.color4 .da-custom-btn.btn-solid:hover,
.color4 .da-pricing-item:hover .pricing-body .da-custom-btn,
.color4 .da-pricing-item.active .pricing-body .da-custom-btn,
.color4 .bz-section-header ul li i,
.color4 .header.style4 .nav-menu li.active > a,
.color4 .header.style4 .nav-menu li:hover > a,
.color4 .header.style4 .main-menu-area.fixed-menu .nav-menu li.active > a,
.color4 .header.style4 .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color4 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color4 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu,
.color4 .meta-post li a:hover,
.color4 .header.style4 .nav-menu li .submenu li a:hover,
.color4 .header.style4 .nav-menu li .submenu li a.active-submenu,
.color4 .header.style5 .nav-menu li a:hover,
.color4 .header.style5 .nav-menu li a.active,
.color4 .header.transparent-header .menu-action li a:hover,
.color4 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span,
.color4 .app-pricing-item:hover .pricing-body .app-custom-btn,
.color4 .app-pricing-item.active .pricing-body .app-custom-btn,
.color4 .app-pricing-item .pricing-body .app-custom-btn,
.color4 .app-footer .footer-menu li a:hover,
.color4 .app-custom-btn.btn-solid:hover,
.color4 .error-page-container h1,
.color4 .pagination-area .pagination li a:hover,
.color4 .pagination-area .pagination li a.active,
.color4 .coming-soon-content h2,
.color4 .countdown .count-item-inner .count-number,
.color4 .entry-content blockquote .qoute-icon,
.color4 .entry-content blockquote .b-au,
.color4 .entry-footer .like-share li:first-child a,
.color4 .mas-section .section-title span,
.color4 .header.style1 .fixed-menu .menu-action li a.da-custom-btn,
.color4 .nav-menu li.dropdown .submenu .active > a,
.color4 .mobile-menu-area .mobile-menu .m-menu li.m-active > a,
.color4 .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #ff634e !important;
}
.color4 .da-pricing-item .pricing-head .price,
.color4 .funfact-item .icon,
.color4 .funfact-item .funfact-content .counter,
.color4 .app-pricing-item .pricing-head .price,
.color4 .action-section.style2 .da-custom-btn.btn-solid,
.color4 .da-custom-btn {
  color: #ff634e;
}
@media (min-width: 992px) {
  .color4 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #ff634e !important;
  }
}
.color4 .search-area .search-form button,
.color4 .bz-section-header .title:after,
.color4 .header.style1 .menu-action li a.join:hover,
.color4 .bz-process-item .process-item-inner .back,
.color4 .aboutus.style2 .video-image .video-button:hover,
.color4 .custom-btn1:hover,
.color4 .bz-project-section .button-group li.is-checked:after,
.color4 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata:after,
.color4 .bz-banner-slider-container .slider-content .custom-btn:hover,
.color4 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color4 .meta-post.line-style:after,
.color4 .post-item.flip-style .post-content-inner .back,
.color4 .bz-action-section,
.color4 .to-top,
.color4 .custom-btn2,
.color4 .header.style3 .main-menu-area .custom-border-top > li > a > span:after,
.color4 .da-working-process-control a.active .heading,
.color4 .col-md-6:hover > .funfact-item,
.color4 .portfolio-thumb .portfolio-content .discover-more-btn:after,
.color4 .da-pricing-item:hover, .color4 .da-pricing-item.active,
.color4 #loading,
.color4 .header.style2 .main-menu-area .custom-border-top > li > a > span:after,
.color4 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color4 .da-custom-btn.btn-solid,
.color4 .slider-banner-section .carousel-control-prev,
.color4 .slider-banner-section .carousel-control-next,
.color4 .header.style4 .custom-border-top > li > a > span:after,
.color4 .post-filter-btn .custom-btn:hover,
.color4 .newsletter-form button,
.color4 .app-custom-btn.btn-solid,
.color4 .app-feature-item .app-feature-icon,
.color4 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span + span,
.color4 .app-price-control li a.active,
.color4 .app-pricing-item:hover, .color4 .app-pricing-item.active,
.color4 .app-contact-section .contact-form .submit,
.color4 .app-contact-section .contact-info-area,
.color4 .app-contact-section .small-circle1,
.color4 .app-chart-image .circle2,
.color4 .app-screenshot-container .screenshot-image .circle3,
.color4 .app-image .shape1,
.color4 .app-banner-section .banner-app .circle-box-small,
.color4 .error-page-container .back-home,
.color4 .pagination-area .pagination li:last-child a,
.color4 .contact-info-area,
.color4 .contact-form .submit,
.color4 .entry-content .post-content .title:after,
.color4 .comments-list .comments .content .comment-heading .reply:hover,
.color4 .comment-response form input[type=submit]:hover,
.color4 .custom-border-top > li > a > span:after,
.color4 .action-section,
.color4 .action-section.style2 .da-custom-btn.btn-solid:hover:after,
.color4 .header.style1 .main-menu-area .menu-bar,
.color4 .mobile-menu-area .m-menu-header .close-bar,
.color4 .portfolio-thumb-container .portfolio-thumb-next-btn:hover,
.color4 .portfolio-thumb-container .portfolio-thumb-next-btn:active,
.color4 .portfolio-thumb-container .portfolio-thumb-next-btn:focus,
.color4 .portfolio-thumb-container .portfolio-thumb-prev-btn:hover,
.color4 .portfolio-thumb-container .portfolio-thumb-prev-btn:active,
.color4 .portfolio-thumb-container .portfolio-thumb-prev-btn:focus {
  background-color: #ff634e !important;
}
.color4 .da-pricing-item:hover .pricing-head .price, .color4 .da-pricing-item.active .pricing-head .price, .color4 .app-pricing-item.active .pricing-head .price,
.color4 .app-pricing-item:hover .pricing-head .price {
  color: white !important;
}
.color4 .da-custom-btn:after {
  background-color: #ff634e;
}
@media (max-width: 991px) {
  .color4 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    background-color: #ff634e !important;
  }
}
.color4 .search-area .search-form input,
.color4 .effect-dhew .anim1,
.color4 .effect-dhew .anim2,
.color4 .effect-dhew .anim3,
.color4 .effect-dhew .anim4,
.color4 .custom-btn1:hover,
.color4 .header.style1 .menu-action li a.join:hover,
.color4 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color4 .footer.footer1 .footer-widget form input:active,
.color4 .footer.footer1 .footer-widget form input:focus,
.color4 .bz-pricing-item .pricing-footer .custom-btn1,
.color4 .search-form input.active, .color4 .search-form input:focus,
.color4 .da-portfolio-catagory-list .portfolio-tab-control li a.active,
.color4 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover,
.color4 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover,
.color4 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color4 .post-filter-btn .custom-btn:hover,
.color4 .da-custom-btn,
.color4 .newsletter-form input:active,
.color4 .newsletter-form input:focus,
.color4 .app-custom-btn,
.color4 .app-price-control li a.active,
.color4 .pagination-area .pagination li a:hover,
.color4 .pagination-area .pagination li a.active,
.color4 .pagination-area .pagination li:last-child a,
.color4 .comments-list .comments .content .comment-heading .reply:hover,
.color4 .comment-response form input:focus,
.color4 .comment-response form input:active,
.color4 .comment-response form textarea:focus,
.color4 .comment-response form textarea:active,
.color4 .comment-response form input[type=submit]:hover,
.color4 .contact-form input:active, .color4 .contact-form input:focus,
.color4 .contact-form textarea:active, .color4 .contact-form textarea:focus {
  border-color: #ff634e !important;
}

.color5 .site-info li a:hover,
.color5 .signin-option a:hover,
.color5 .language-option a:hover,
.color5 .language-option a:hover,
.color5 .btn-transparent:hover,
.color5 .bz-service-area .service-tab .nav-item.active .icon,
.color5 .bz-service-area .service-tab .nav-item:hover .icon,
.color5 .bz-pricing-item .pricing-body .item-listing li i,
.color5 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next,
.color5 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev,
.color5 .footer.footer1 .footer-widget .footer-menu li a:hover,
.color5 .footer.footer1 .footer-widget .linklist li a:hover,
.color5 .footer.footer1 .footerbottom .social-media-list li a:hover,
.color5 .footer.footer1 .footer-widget .googlemap:hover,
.color5 .footer.footer1 .footerbottom .copy-right a:hover,
.color5 .nav-menu li.dropdown .submenu > li.dropdown:hover > a,
.color5 .header.style1 .nav-menu li .submenu li a:hover,
.color5 .header.style1 .nav-menu li .submenu li a.active-submenu,
.color5 .header.style1 .nav-menu .mega-menu-list li.active > a,
.color5 .header.style1 .nav-menu .mega-menu-list li:hover > a,
.color5 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .title a:hover,
.color5 .bz-pricing-item .pricing-footer .custom-btn1,
.color5 .bz-counter-up .counter-item .count-number,
.color5 .social-media-list li a:hover,
.color5 .header.style3 .main-menu-area .nav-menu li.active > a,
.color5 .header.style3 .main-menu-area .nav-menu li:hover > a,
.color5 .header.style3 .main-menu-area .nav-menu li .submenu li a:hover,
.color5 .header.style3 .main-menu-area .nav-menu li .submenu li a.active-submenu,
.color5 .section-header .subtitle-top,
.color5 .portfolio-thumb .portfolio-content .cata,
.color5 .portfolio-thumb .portfolio-content h6 a:hover,
.color5 .da-testimonial-container .testimonial-content .qoute-icon,
.color5 .da-testimonial-container .testimonial-content .rating i,
.color5 .da-post-item .post-content .title a:hover,
.color5 .footer.footer1 .footer-widget form input:focus ~ .submit,
.color5 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li.active > a,
.color5 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color5 .header.transparent-header .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color5 .btn-transparent,
.color5 .bz-process-item .process-item-inner .front .process-count,
.color5 .header.style2 .main-menu-area .nav-menu li.active > a,
.color5 .header.style2 .main-menu-area .nav-menu li:hover > a,
.color5 .header.style2 .main-menu-area .menu-action li a.da-custom-btn:hover,
.color5 .da-custom-btn.btn-solid:hover,
.color5 .da-pricing-item:hover .pricing-body .da-custom-btn,
.color5 .da-pricing-item.active .pricing-body .da-custom-btn,
.color5 .bz-section-header ul li i,
.color5 .header.style4 .nav-menu li.active > a,
.color5 .header.style4 .nav-menu li:hover > a,
.color5 .header.style4 .main-menu-area.fixed-menu .nav-menu li.active > a,
.color5 .header.style4 .main-menu-area.fixed-menu .nav-menu li:hover > a,
.color5 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a:hover,
.color5 .header.style4 .main-menu-area.fixed-menu .nav-menu li .submenu li a.active-submenu,
.color5 .meta-post li a:hover,
.color5 .header.style4 .nav-menu li .submenu li a:hover,
.color5 .header.style4 .nav-menu li .submenu li a.active-submenu,
.color5 .header.style5 .nav-menu li a:hover,
.color5 .header.style5 .nav-menu li a.active,
.color5 .header.transparent-header .menu-action li a:hover,
.color5 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span,
.color5 .app-pricing-item:hover .pricing-body .app-custom-btn,
.color5 .app-pricing-item.active .pricing-body .app-custom-btn,
.color5 .app-pricing-item .pricing-body .app-custom-btn,
.color5 .app-footer .footer-menu li a:hover,
.color5 .app-custom-btn.btn-solid:hover,
.color5 .error-page-container h1,
.color5 .pagination-area .pagination li a:hover,
.color5 .pagination-area .pagination li a.active,
.color5 .coming-soon-content h2,
.color5 .countdown .count-item-inner .count-number,
.color5 .entry-content blockquote .qoute-icon,
.color5 .entry-content blockquote .b-au,
.color5 .entry-footer .like-share li:first-child a,
.color5 .mas-section .section-title span,
.color5 .header.style1 .fixed-menu .menu-action li a.da-custom-btn,
.color5 .nav-menu li.dropdown .submenu .active > a,
.color5 .mobile-menu-area .mobile-menu .m-menu li.m-active > a,
.color5 .mobile-menu-area .mobile-menu .m-menu li.m-active > a .arrow {
  color: #5ec0e7 !important;
}
.color5 .da-pricing-item .pricing-head .price,
.color5 .funfact-item .icon,
.color5 .funfact-item .funfact-content .counter,
.color5 .app-pricing-item .pricing-head .price,
.color5 .action-section.style2 .da-custom-btn.btn-solid,
.color5 .da-custom-btn {
  color: #5ec0e7;
}
@media (min-width: 992px) {
  .color5 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    color: #5ec0e7 !important;
  }
}
.color5 .search-area .search-form button,
.color5 .bz-section-header .title:after,
.color5 .header.style1 .menu-action li a.join:hover,
.color5 .bz-process-item .process-item-inner .back,
.color5 .aboutus.style2 .video-image .video-button:hover,
.color5 .custom-btn1:hover,
.color5 .bz-project-section .button-group li.is-checked:after,
.color5 .bz-project-section .project-item .project-thumb .project-content .project-content-inner .cata:after,
.color5 .bz-banner-slider-container .slider-content .custom-btn:hover,
.color5 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color5 .meta-post.line-style:after,
.color5 .post-item.flip-style .post-content-inner .back,
.color5 .bz-action-section,
.color5 .to-top,
.color5 .custom-btn2,
.color5 .header.style3 .main-menu-area .custom-border-top > li > a > span:after,
.color5 .da-working-process-control a.active .heading,
.color5 .col-md-6:hover > .funfact-item,
.color5 .portfolio-thumb .portfolio-content .discover-more-btn:after,
.color5 .da-pricing-item:hover, .color5 .da-pricing-item.active,
.color5 #loading,
.color5 .header.style2 .main-menu-area .custom-border-top > li > a > span:after,
.color5 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color5 .da-custom-btn.btn-solid,
.color5 .slider-banner-section .carousel-control-prev,
.color5 .slider-banner-section .carousel-control-next,
.color5 .header.style4 .custom-border-top > li > a > span:after,
.color5 .post-filter-btn .custom-btn:hover,
.color5 .newsletter-form button,
.color5 .app-custom-btn.btn-solid,
.color5 .app-feature-item .app-feature-icon,
.color5 .app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span + span,
.color5 .app-price-control li a.active,
.color5 .app-pricing-item:hover, .color5 .app-pricing-item.active,
.color5 .app-contact-section .contact-form .submit,
.color5 .app-contact-section .contact-info-area,
.color5 .app-contact-section .small-circle1,
.color5 .app-chart-image .circle2,
.color5 .app-screenshot-container .screenshot-image .circle3,
.color5 .app-image .shape1,
.color5 .app-banner-section .banner-app .circle-box-small,
.color5 .error-page-container .back-home,
.color5 .pagination-area .pagination li:last-child a,
.color5 .contact-info-area,
.color5 .contact-form .submit,
.color5 .entry-content .post-content .title:after,
.color5 .comments-list .comments .content .comment-heading .reply:hover,
.color5 .comment-response form input[type=submit]:hover,
.color5 .custom-border-top > li > a > span:after,
.color5 .action-section,
.color5 .action-section.style2 .da-custom-btn.btn-solid:hover:after,
.color5 .header.style1 .main-menu-area .menu-bar,
.color5 .mobile-menu-area .m-menu-header .close-bar,
.color5 .portfolio-thumb-container .portfolio-thumb-next-btn:hover,
.color5 .portfolio-thumb-container .portfolio-thumb-next-btn:active,
.color5 .portfolio-thumb-container .portfolio-thumb-next-btn:focus,
.color5 .portfolio-thumb-container .portfolio-thumb-prev-btn:hover,
.color5 .portfolio-thumb-container .portfolio-thumb-prev-btn:active,
.color5 .portfolio-thumb-container .portfolio-thumb-prev-btn:focus {
  background-color: #5ec0e7 !important;
}
.color5 .da-pricing-item:hover .pricing-head .price, .color5 .da-pricing-item.active .pricing-head .price, .color5 .app-pricing-item.active .pricing-head .price,
.color5 .app-pricing-item:hover .pricing-head .price {
  color: white !important;
}
.color5 .da-custom-btn:after {
  background-color: #5ec0e7;
}
@media (max-width: 991px) {
  .color5 .da-portfolio-catagory-list .portfolio-tab-control li a.active {
    background-color: #5ec0e7 !important;
  }
}
.color5 .search-area .search-form input,
.color5 .effect-dhew .anim1,
.color5 .effect-dhew .anim2,
.color5 .effect-dhew .anim3,
.color5 .effect-dhew .anim4,
.color5 .custom-btn1:hover,
.color5 .header.style1 .menu-action li a.join:hover,
.color5 .bz-pricing-item .pricing-footer .custom-btn1:hover,
.color5 .footer.footer1 .footer-widget form input:active,
.color5 .footer.footer1 .footer-widget form input:focus,
.color5 .bz-pricing-item .pricing-footer .custom-btn1,
.color5 .search-form input.active, .color5 .search-form input:focus,
.color5 .da-portfolio-catagory-list .portfolio-tab-control li a.active,
.color5 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-prev:hover,
.color5 .bz-testimonial-container .testimonial-massage .testimonial-control-btn-group .testimonial-swiper-button-next:hover,
.color5 .header.style2 .main-menu-area .menu-action li a.da-custom-btn,
.color5 .post-filter-btn .custom-btn:hover,
.color5 .da-custom-btn,
.color5 .newsletter-form input:active,
.color5 .newsletter-form input:focus,
.color5 .app-custom-btn,
.color5 .app-price-control li a.active,
.color5 .pagination-area .pagination li a:hover,
.color5 .pagination-area .pagination li a.active,
.color5 .pagination-area .pagination li:last-child a,
.color5 .comments-list .comments .content .comment-heading .reply:hover,
.color5 .comment-response form input:focus,
.color5 .comment-response form input:active,
.color5 .comment-response form textarea:focus,
.color5 .comment-response form textarea:active,
.color5 .comment-response form input[type=submit]:hover,
.color5 .contact-form input:active, .color5 .contact-form input:focus,
.color5 .contact-form textarea:active, .color5 .contact-form textarea:focus {
  border-color: #5ec0e7 !important;
}

.contact-area {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);
}

.contact-info-area {
  background-color: #2e8efd;
}
.contact-info-area.style2 {
  background-color: #444444;
}

.contact-form {
  padding: 40px 20px;
  text-align: right;
}
@media (min-width: 992px) {
  .contact-form {
    padding: 60px;
  }
}
.contact-form input, .contact-form textarea {
  width: 100%;
  outline: none;
  padding: 13px 20px;
  margin-bottom: 35px;
  border: 1px solid #ececec;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.contact-form input:active, .contact-form input:focus, .contact-form textarea:active, .contact-form textarea:focus {
  border-color: #2e8efd;
}
.contact-form textarea {
  margin-bottom: 20px;
  min-height: 100px;
}
@media (min-width: 992px) {
  .contact-form textarea {
    margin-bottom: 60px;
  }
}
.contact-form .submit {
  width: 144px;
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
  background-color: #2e8efd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact-form .submit:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.contact-info {
  padding: 40px 60px;
}

.contact-item .contact-icon {
  float: left;
  color: #fff;
  font-size: 20px;
}
.contact-item .contact-content {
  margin-left: 40px;
}
.contact-item .contact-content .name {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
}
.contact-item .contact-content p {
  margin-bottom: 0;
  color: #fff;
  line-height: 1.7;
}

.map-area {
  background-color: #444;
  height: 600px;
}
.map-area iframe {
  opacity: 0.6;
  width: 100%;
  height: 600px;
  border: none;
}

.contact-area2 .contact-form {
  max-width: 800px;
  width: 95%;
}

.app-contact-section {
  overflow: hidden;
}
.app-contact-section .contact-info-area {
  background-color: #5ec0e7;
}
.app-contact-section .contact-form .submit {
  background-color: #5ec0e7;
  border-radius: 5px;
  padding: 17px 40px;
}
.app-contact-section .big-circle {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  left: -10%;
  top: -22%;
  display: none;
}
@media (min-width: 992px) {
  .app-contact-section .big-circle {
    display: block;
  }
}
.app-contact-section .small-circle1 {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #5ec0e7;
  position: absolute;
  left: -5%;
  bottom: -8%;
  display: none;
}
@media (min-width: 992px) {
  .app-contact-section .small-circle1 {
    display: block;
  }
}
.app-contact-section .small-circle2 {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  right: -10%;
  bottom: -12%;
  display: none;
}
@media (min-width: 992px) {
  .app-contact-section .small-circle2 {
    display: block;
  }
}
.app-contact-section .contact-area {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
  position: relative;
}

.widget {
  margin-bottom: 50px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06);
  padding: 20px;
  border-radius: 10px;
}
.widget .widget-title {
  font-weight: 500;
  margin-bottom: 25px;
}
.widget:last-child {
  margin-bottom: 0;
}

.search-form {
  position: relative;
}
.search-form input {
  width: 100%;
  border: 1px solid #ececec;
  outline: none;
  padding: 10px 30px 10px 20px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.search-form input::placeholder {
  color: #ccc;
}
.search-form input.active, .search-form input:focus {
  border-color: #169A96;
}
.search-form i {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  color: #e1e1e1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.search-form input:focus ~ i, .search-form input:active ~ i {
  color: #169A96;
}

.cata-post-list li {
  line-height: 2;
  max-width: 160px;
}
.cata-post-list li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #2e3c40;
  font-weight: 500;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cata-post-list li a:hover {
  padding-left: 5px;
  color: #169A96;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
}
.tag-list li {
  margin: 5px;
}
.tag-list li a {
  display: block;
  padding: 8px 15px;
  border: 1px solid #ececec;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.tag-list li a:hover {
  color: #fff;
  background-color: #169A96;
  border-color: #169A96;
}

.recent-post {
  position: relative;
  padding-bottom: 30px;
}
.recent-post .recent-post-container {
  overflow: hidden;
}
.recent-post .recent-post-container .post-item {
  margin-bottom: 0;
}
.recent-post .recent-post-container .post-item:hover .post-thumb img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.recent-post .recent-post-container .post-item:hover .post-thumb:after {
  display: none;
}
.recent-post .recent-post-next-btn, .recent-post .recent-post-prev-btn {
  position: absolute;
  top: 45%;
  margin-top: -15px;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #dedede;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  text-align: center;
  line-height: 22px;
  outline: none;
  cursor: pointer;
}
.recent-post .recent-post-next-btn:hover, .recent-post .recent-post-prev-btn:hover {
  background-color: #169A96;
}
.recent-post .recent-post-next-btn {
  left: 10px;
}
.recent-post .recent-post-prev-btn {
  right: 10px;
}
.recent-post .swiper-pagination {
  width: 100%;
}
.recent-post .swiper-pagination .swiper-pagination-bullet {
  margin: 2px;
}
.recent-post .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #169A96;
  outline: none;
}

.ca-testimonial-section {
  padding-top: 80px;
  padding-bottom: 0px;
  position: relative;
}
@media (min-width: 992px) {
  .ca-testimonial-section {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1500px) {
  .ca-testimonial-section {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
.ca-testimonial-section .right-bg-pattarn {
  position: absolute;
  bottom: 50%;
  left: 41%;
  transform: translateY(35%);
  z-index: -1;
}

.ca-testimonial-controller .testimonial-tab-control li a {
  display: block;
  padding: 20px;
}
.ca-testimonial-controller .testimonial-tab-control li a img {
  -webkit-transition: all 0.3 ease-in-out;
  -moz-transition: all 0.3 ease-in-out;
  transition: all 0.3 ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
}
.ca-testimonial-controller .testimonial-tab-control li a:hover img, .ca-testimonial-controller .testimonial-tab-control li a.active img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

section {
  overflow: hidden;
}
@media (min-width: 768px) {
  section {
    overflow: visible;
  }
}

.ca-testimonial-body {
  position: relative;
  height: 900px;
}
.ca-testimonial-body .testimonial-content {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0%, -45%);
  z-index: 2;
}
@media (min-width: 768px) {
  .ca-testimonial-body .testimonial-content {
    transform: translate(21%, -35%);
  }
}
@media (min-width: 992px) {
  .ca-testimonial-body .testimonial-content {
    transform: translate(0%, -50%);
  }
}
.ca-testimonial-body .testimonial-content h3 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .ca-testimonial-body .testimonial-content h3 {
    margin-bottom: 40px;
  }
}
.ca-testimonial-body .svg-bg {
  position: absolute;
  right: -240px;
  top: 0;
  width: 930px;
  height: 930px;
  background-image: url(../images/homepage-agency/testimonial/svg-bg.png);
}
@media (min-width: 768px) {
  .ca-testimonial-body .svg-bg {
    right: -83px;
  }
}
@media (min-width: 992px) {
  .ca-testimonial-body .svg-bg {
    right: 0px;
  }
}
.ca-testimonial-body .svg-bg svg .st0 {
  fill: #b74acd;
  -webkit-box-shadow: 0 0 10px 0 rgba(183, 74, 205, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(183, 74, 205, 0.1);
  box-shadow: 0 0 10px 0 rgba(183, 74, 205, 0.1);
}
.ca-testimonial-body .svg-bg svg {
  width: 85%;
  height: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45%) rotate(-25deg);
}

.ca-testimonial-content-body .testimonial-image-area i {
  font-size: 36px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .ca-testimonial-content-body .testimonial-image-area i {
    margin-bottom: 30px;
  }
}
.ca-testimonial-content-body .testimonial-image-area .testi-thumb {
  margin-bottom: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: auto;
}
@media (min-width: 992px) {
  .ca-testimonial-content-body .testimonial-image-area .testi-thumb {
    margin-left: 0;
  }
}
.ca-testimonial-content-body .testimonial-image-area .name {
  font-size: 18px;
  font-weight: 70;
  line-height: 1;
  margin: 0;
  padding-top: 10px;
}
@media (min-width: 992px) {
  .ca-testimonial-content-body .testimonial-image-area .name {
    padding-top: 0;
  }
}
.ca-testimonial-content-body .testimonial-image-area .designation {
  font-size: 14px;
}
.ca-testimonial-content-body .testimonial-content-area {
  width: 100%;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .ca-testimonial-content-body .testimonial-content-area {
    width: 60%;
    padding-left: 30px;
  }
}

.ca-testimonial-section-mobile {
  padding-top: 70px;
  padding-bottom: 0px;
}
.ca-testimonial-section-mobile .ca-testimonial-content-body {
  background-color: #b74acd;
  padding: 40px 30px;
  position: relative;
  z-index: 9;
}
.ca-testimonial-section-mobile .ca-testimonial-content-body .close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  opacity: 1;
}
.ca-testimonial-section-mobile .ca-testimonial-content-body .close span {
  color: #fff;
  opacity: 1;
  font-size: 36px;
}
.ca-testimonial-section-mobile .ca-testimonial-content-body .testimonial-content-area {
  width: 100%;
  padding-left: 0;
}

.ca-mobile-client-testimonial {
  align-items: center;
  justify-content: center;
}
.ca-mobile-client-testimonial li a {
  display: block;
  padding: 30px;
}
.ca-mobile-client-testimonial li a img {
  -webkit-transition: all 0.3 ease-in-out;
  -moz-transition: all 0.3 ease-in-out;
  transition: all 0.3 ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
}
.ca-mobile-client-testimonial li a:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.da-testimonial-container {
  overflow: hidden;
}
.da-testimonial-container .testimonial-body {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.da-testimonial-container .author-image {
  width: 90px;
  height: 90px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.da-testimonial-container .author-image img {
  width: 100%;
}
@media (min-width: 576px) {
  .da-testimonial-container .author-image {
    margin: unset;
  }
}
.da-testimonial-container .testimonial-content {
  width: calc(100% - 0px);
  text-align: center;
  padding-left: 20px;
  position: relative;
}
.da-testimonial-container .testimonial-content .qoute-icon {
  position: absolute;
  left: 20px;
  top: -15px;
  color: #577eed;
  opacity: 0.2;
  font-size: 50px;
}
.da-testimonial-container .testimonial-content .rating {
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
.da-testimonial-container .testimonial-content .rating i {
  color: #577eed;
}
.da-testimonial-container .testimonial-content .text {
  margin-bottom: 10px;
}
.da-testimonial-container .testimonial-content .name {
  font-weight: 600;
}
.da-testimonial-container .testimonial-content .designation {
  font-size: 14px;
  color: #d1d1d1;
}
@media (min-width: 576px) {
  .da-testimonial-container .testimonial-content {
    width: calc(100% - 90px);
    text-align: left;
  }
  .da-testimonial-container .testimonial-content .rating {
    margin-top: 0;
  }
}

.app-testimonial-container {
  overflow: hidden;
}
.app-testimonial-container .testimonial-body {
  padding: 35px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.app-testimonial-container .author-image {
  width: 90px;
  height: 90px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.app-testimonial-container .author-image img {
  width: 100%;
}
@media (min-width: 992px) {
  .app-testimonial-container .author-image {
    margin: unset;
  }
}
.app-testimonial-container .testimonial-content {
  width: calc(100% - 0px);
  text-align: center;
  padding-left: 0;
  position: relative;
}
.app-testimonial-container .testimonial-content .rating {
  margin-bottom: 10px;
  margin-top: 15px;
}
.app-testimonial-container .testimonial-content .rating i {
  color: #f6c416;
}
.app-testimonial-container .testimonial-content .text {
  margin-bottom: 25px;
}
.app-testimonial-container .testimonial-content .name {
  font-weight: 600;
  margin: 0;
}
.app-testimonial-container .testimonial-content .designation {
  font-size: 14px;
  color: #d1d1d1;
}
@media (min-width: 992px) {
  .app-testimonial-container .testimonial-content {
    width: calc(100% - 90px);
    text-align: left;
    padding-left: 20px;
  }
  .app-testimonial-container .testimonial-content .rating {
    margin-top: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
  }
}

.funfact-item {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 25px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform-origin: bottom;
}
.funfact-item .icon {
  font-size: 40px;
  color: #577eed;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.funfact-item .funfact-content {
  margin-left: 20px;
}
.funfact-item .funfact-content .counter {
  font-size: 26px;
  color: #577eed;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.funfact-item .funfact-content p {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.col-md-6:hover > .funfact-item {
  animation: scale-easeOutElastic 0.5s;
  background-color: #577eed;
  -webkit-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
  -ms-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
  transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
}
.col-md-6:hover > .funfact-item .icon, .col-md-6:hover > .funfact-item .counter, .col-md-6:hover > .funfact-item p {
  color: #fff;
}

.custom-circle-box {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 10%;
  top: 0%;
  display: block;
  z-index: -1;
}
.custom-circle-box .big-circle {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f0f7ff;
  position: absolute;
  left: 0;
  top: 0;
}
.custom-circle-box .inner-circle1 {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bbd9fc;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.custom-circle-box .inner-circle2 {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ebe3cc;
  position: absolute;
  left: 20%;
  bottom: 0;
  display: block;
  z-index: 1;
}
@media (min-width: 576px) {
  .custom-circle-box {
    width: 450px;
    height: 450px;
  }
  .custom-circle-box .inner-circle1 {
    width: 100px;
    height: 100px;
  }
  .custom-circle-box .inner-circle2 {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 992px) {
  .custom-circle-box {
    width: 650px;
    height: 650px;
  }
  .custom-circle-box .inner-circle1 {
    width: 190px;
    height: 190px;
  }
  .custom-circle-box .inner-circle2 {
    width: 70px;
    height: 70px;
  }
}

.pt--5 {
  padding-top: 5px;
}

.pt--10 {
  padding-top: 10px;
}

.pt--15 {
  padding-top: 15px;
}

.pt--20 {
  padding-top: 20px;
}

.pt--25 {
  padding-top: 25px;
}

.pt--30 {
  padding-top: 30px;
}

.pt--35 {
  padding-top: 35px;
}

.pt--40 {
  padding-top: 40px;
}

.pt--45 {
  padding-top: 45px;
}

.pt--50 {
  padding-top: 50px;
}

.pt--55 {
  padding-top: 55px;
}

.pt--60 {
  padding-top: 60px;
}

.pt--65 {
  padding-top: 65px;
}

.pt--70 {
  padding-top: 70px;
}

.pt--75 {
  padding-top: 75px;
}

.pt--80 {
  padding-top: 80px;
}

.pt--85 {
  padding-top: 85px;
}

.pt--90 {
  padding-top: 90px;
}

.pt--95 {
  padding-top: 95px;
}

.pt--100 {
  padding-top: 100px;
}

.pt--105 {
  padding-top: 105px;
}

.pt--110 {
  padding-top: 110px;
}

.pt--115 {
  padding-top: 115px;
}

.pt--120 {
  padding-top: 120px;
}

.pt--125 {
  padding-top: 125px;
}

.pt--130 {
  padding-top: 130px;
}

.pt--135 {
  padding-top: 135px;
}

.pt--140 {
  padding-top: 140px;
}

.pt--145 {
  padding-top: 145px;
}

.pt--150 {
  padding-top: 150px;
}

.pt--155 {
  padding-top: 155px;
}

.pt--160 {
  padding-top: 160px;
}

.pt--165 {
  padding-top: 165px;
}

.pt--170 {
  padding-top: 170px;
}

.pt--175 {
  padding-top: 175px;
}

.pt--180 {
  padding-top: 180px;
}

.pt--185 {
  padding-top: 185px;
}

.pt--190 {
  padding-top: 190px;
}

.pt--195 {
  padding-top: 195px;
}

.pt--200 {
  padding-top: 200px;
}

.pt--205 {
  padding-top: 205px;
}

.pt--210 {
  padding-top: 210px;
}

.pt--215 {
  padding-top: 215px;
}

.pt--220 {
  padding-top: 220px;
}

.pt--225 {
  padding-top: 225px;
}

.pt--230 {
  padding-top: 230px;
}

.pt--235 {
  padding-top: 235px;
}

.pt--240 {
  padding-top: 240px;
}

.pt--245 {
  padding-top: 245px;
}

.pt--250 {
  padding-top: 250px;
}

@media (min-width: 576px) {
  .pt_sm--5 {
    padding-top: 5px;
  }

  .pt_sm--10 {
    padding-top: 10px;
  }

  .pt_sm--15 {
    padding-top: 15px;
  }

  .pt_sm--20 {
    padding-top: 20px;
  }

  .pt_sm--25 {
    padding-top: 25px;
  }

  .pt_sm--30 {
    padding-top: 30px;
  }

  .pt_sm--35 {
    padding-top: 35px;
  }

  .pt_sm--40 {
    padding-top: 40px;
  }

  .pt_sm--45 {
    padding-top: 45px;
  }

  .pt_sm--50 {
    padding-top: 50px;
  }

  .pt_sm--55 {
    padding-top: 55px;
  }

  .pt_sm--60 {
    padding-top: 60px;
  }

  .pt_sm--65 {
    padding-top: 65px;
  }

  .pt_sm--70 {
    padding-top: 70px;
  }

  .pt_sm--75 {
    padding-top: 75px;
  }

  .pt_sm--80 {
    padding-top: 80px;
  }

  .pt_sm--85 {
    padding-top: 85px;
  }

  .pt_sm--90 {
    padding-top: 90px;
  }

  .pt_sm--95 {
    padding-top: 95px;
  }

  .pt_sm--100 {
    padding-top: 100px;
  }

  .pt_sm--105 {
    padding-top: 105px;
  }

  .pt_sm--110 {
    padding-top: 110px;
  }

  .pt_sm--115 {
    padding-top: 115px;
  }

  .pt_sm--120 {
    padding-top: 120px;
  }

  .pt_sm--125 {
    padding-top: 125px;
  }

  .pt_sm--130 {
    padding-top: 130px;
  }

  .pt_sm--135 {
    padding-top: 135px;
  }

  .pt_sm--140 {
    padding-top: 140px;
  }

  .pt_sm--145 {
    padding-top: 145px;
  }

  .pt_sm--150 {
    padding-top: 150px;
  }

  .pt_sm--155 {
    padding-top: 155px;
  }

  .pt_sm--160 {
    padding-top: 160px;
  }

  .pt_sm--165 {
    padding-top: 165px;
  }

  .pt_sm--170 {
    padding-top: 170px;
  }

  .pt_sm--175 {
    padding-top: 175px;
  }

  .pt_sm--180 {
    padding-top: 180px;
  }

  .pt_sm--185 {
    padding-top: 185px;
  }

  .pt_sm--190 {
    padding-top: 190px;
  }

  .pt_sm--195 {
    padding-top: 195px;
  }

  .pt_sm--200 {
    padding-top: 200px;
  }

  .pt_sm--205 {
    padding-top: 205px;
  }

  .pt_sm--210 {
    padding-top: 210px;
  }

  .pt_sm--215 {
    padding-top: 215px;
  }

  .pt_sm--220 {
    padding-top: 220px;
  }

  .pt_sm--225 {
    padding-top: 225px;
  }

  .pt_sm--230 {
    padding-top: 230px;
  }

  .pt_sm--235 {
    padding-top: 235px;
  }

  .pt_sm--240 {
    padding-top: 240px;
  }

  .pt_sm--245 {
    padding-top: 245px;
  }

  .pt_sm--250 {
    padding-top: 250px;
  }
}
@media (min-width: 768px) {
  .pt_md--5 {
    padding-top: 5px;
  }

  .pt_md--10 {
    padding-top: 10px;
  }

  .pt_md--15 {
    padding-top: 15px;
  }

  .pt_md--20 {
    padding-top: 20px;
  }

  .pt_md--25 {
    padding-top: 25px;
  }

  .pt_md--30 {
    padding-top: 30px;
  }

  .pt_md--35 {
    padding-top: 35px;
  }

  .pt_md--40 {
    padding-top: 40px;
  }

  .pt_md--45 {
    padding-top: 45px;
  }

  .pt_md--50 {
    padding-top: 50px;
  }

  .pt_md--55 {
    padding-top: 55px;
  }

  .pt_md--60 {
    padding-top: 60px;
  }

  .pt_md--65 {
    padding-top: 65px;
  }

  .pt_md--70 {
    padding-top: 70px;
  }

  .pt_md--75 {
    padding-top: 75px;
  }

  .pt_md--80 {
    padding-top: 80px;
  }

  .pt_md--85 {
    padding-top: 85px;
  }

  .pt_md--90 {
    padding-top: 90px;
  }

  .pt_md--95 {
    padding-top: 95px;
  }

  .pt_md--100 {
    padding-top: 100px;
  }

  .pt_md--105 {
    padding-top: 105px;
  }

  .pt_md--110 {
    padding-top: 110px;
  }

  .pt_md--115 {
    padding-top: 115px;
  }

  .pt_md--120 {
    padding-top: 120px;
  }

  .pt_md--125 {
    padding-top: 125px;
  }

  .pt_md--130 {
    padding-top: 130px;
  }

  .pt_md--135 {
    padding-top: 135px;
  }

  .pt_md--140 {
    padding-top: 140px;
  }

  .pt_md--145 {
    padding-top: 145px;
  }

  .pt_md--150 {
    padding-top: 150px;
  }

  .pt_md--155 {
    padding-top: 155px;
  }

  .pt_md--160 {
    padding-top: 160px;
  }

  .pt_md--165 {
    padding-top: 165px;
  }

  .pt_md--170 {
    padding-top: 170px;
  }

  .pt_md--175 {
    padding-top: 175px;
  }

  .pt_md--180 {
    padding-top: 180px;
  }

  .pt_md--185 {
    padding-top: 185px;
  }

  .pt_md--190 {
    padding-top: 190px;
  }

  .pt_md--195 {
    padding-top: 195px;
  }

  .pt_md--200 {
    padding-top: 200px;
  }

  .pt_md--205 {
    padding-top: 205px;
  }

  .pt_md--210 {
    padding-top: 210px;
  }

  .pt_md--215 {
    padding-top: 215px;
  }

  .pt_md--220 {
    padding-top: 220px;
  }

  .pt_md--225 {
    padding-top: 225px;
  }

  .pt_md--230 {
    padding-top: 230px;
  }

  .pt_md--235 {
    padding-top: 235px;
  }

  .pt_md--240 {
    padding-top: 240px;
  }

  .pt_md--245 {
    padding-top: 245px;
  }

  .pt_md--250 {
    padding-top: 250px;
  }
}
@media (min-width: 992px) {
  .pt_lg--5 {
    padding-top: 5px;
  }

  .pt_lg--10 {
    padding-top: 10px;
  }

  .pt_lg--15 {
    padding-top: 15px;
  }

  .pt_lg--20 {
    padding-top: 20px;
  }

  .pt_lg--25 {
    padding-top: 25px;
  }

  .pt_lg--30 {
    padding-top: 30px;
  }

  .pt_lg--35 {
    padding-top: 35px;
  }

  .pt_lg--40 {
    padding-top: 40px;
  }

  .pt_lg--45 {
    padding-top: 45px;
  }

  .pt_lg--50 {
    padding-top: 50px;
  }

  .pt_lg--55 {
    padding-top: 55px;
  }

  .pt_lg--60 {
    padding-top: 60px;
  }

  .pt_lg--65 {
    padding-top: 65px;
  }

  .pt_lg--70 {
    padding-top: 70px;
  }

  .pt_lg--75 {
    padding-top: 75px;
  }

  .pt_lg--80 {
    padding-top: 80px;
  }

  .pt_lg--85 {
    padding-top: 85px;
  }

  .pt_lg--90 {
    padding-top: 90px;
  }

  .pt_lg--95 {
    padding-top: 95px;
  }

  .pt_lg--100 {
    padding-top: 100px;
  }

  .pt_lg--105 {
    padding-top: 105px;
  }

  .pt_lg--110 {
    padding-top: 110px;
  }

  .pt_lg--115 {
    padding-top: 115px;
  }

  .pt_lg--120 {
    padding-top: 120px;
  }

  .pt_lg--125 {
    padding-top: 125px;
  }

  .pt_lg--130 {
    padding-top: 130px;
  }

  .pt_lg--135 {
    padding-top: 135px;
  }

  .pt_lg--140 {
    padding-top: 140px;
  }

  .pt_lg--145 {
    padding-top: 145px;
  }

  .pt_lg--150 {
    padding-top: 150px;
  }

  .pt_lg--155 {
    padding-top: 155px;
  }

  .pt_lg--160 {
    padding-top: 160px;
  }

  .pt_lg--165 {
    padding-top: 165px;
  }

  .pt_lg--170 {
    padding-top: 170px;
  }

  .pt_lg--175 {
    padding-top: 175px;
  }

  .pt_lg--180 {
    padding-top: 180px;
  }

  .pt_lg--185 {
    padding-top: 185px;
  }

  .pt_lg--190 {
    padding-top: 190px;
  }

  .pt_lg--195 {
    padding-top: 195px;
  }

  .pt_lg--200 {
    padding-top: 200px;
  }

  .pt_lg--205 {
    padding-top: 205px;
  }

  .pt_lg--210 {
    padding-top: 210px;
  }

  .pt_lg--215 {
    padding-top: 215px;
  }

  .pt_lg--220 {
    padding-top: 220px;
  }

  .pt_lg--225 {
    padding-top: 225px;
  }

  .pt_lg--230 {
    padding-top: 230px;
  }

  .pt_lg--235 {
    padding-top: 235px;
  }

  .pt_lg--240 {
    padding-top: 240px;
  }

  .pt_lg--245 {
    padding-top: 245px;
  }

  .pt_lg--250 {
    padding-top: 250px;
  }
}
@media (min-width: 1200px) {
  .pt_xl--5 {
    padding-top: 5px;
  }

  .pt_xl--10 {
    padding-top: 10px;
  }

  .pt_xl--15 {
    padding-top: 15px;
  }

  .pt_xl--20 {
    padding-top: 20px;
  }

  .pt_xl--25 {
    padding-top: 25px;
  }

  .pt_xl--30 {
    padding-top: 30px;
  }

  .pt_xl--35 {
    padding-top: 35px;
  }

  .pt_xl--40 {
    padding-top: 40px;
  }

  .pt_xl--45 {
    padding-top: 45px;
  }

  .pt_xl--50 {
    padding-top: 50px;
  }

  .pt_xl--55 {
    padding-top: 55px;
  }

  .pt_xl--60 {
    padding-top: 60px;
  }

  .pt_xl--65 {
    padding-top: 65px;
  }

  .pt_xl--70 {
    padding-top: 70px;
  }

  .pt_xl--75 {
    padding-top: 75px;
  }

  .pt_xl--80 {
    padding-top: 80px;
  }

  .pt_xl--85 {
    padding-top: 85px;
  }

  .pt_xl--90 {
    padding-top: 90px;
  }

  .pt_xl--95 {
    padding-top: 95px;
  }

  .pt_xl--100 {
    padding-top: 100px;
  }

  .pt_xl--105 {
    padding-top: 105px;
  }

  .pt_xl--110 {
    padding-top: 110px;
  }

  .pt_xl--115 {
    padding-top: 115px;
  }

  .pt_xl--120 {
    padding-top: 120px;
  }

  .pt_xl--125 {
    padding-top: 125px;
  }

  .pt_xl--130 {
    padding-top: 130px;
  }

  .pt_xl--135 {
    padding-top: 135px;
  }

  .pt_xl--140 {
    padding-top: 140px;
  }

  .pt_xl--145 {
    padding-top: 145px;
  }

  .pt_xl--150 {
    padding-top: 150px;
  }

  .pt_xl--155 {
    padding-top: 155px;
  }

  .pt_xl--160 {
    padding-top: 160px;
  }

  .pt_xl--165 {
    padding-top: 165px;
  }

  .pt_xl--170 {
    padding-top: 170px;
  }

  .pt_xl--175 {
    padding-top: 175px;
  }

  .pt_xl--180 {
    padding-top: 180px;
  }

  .pt_xl--185 {
    padding-top: 185px;
  }

  .pt_xl--190 {
    padding-top: 190px;
  }

  .pt_xl--195 {
    padding-top: 195px;
  }

  .pt_xl--200 {
    padding-top: 200px;
  }

  .pt_xl--205 {
    padding-top: 205px;
  }

  .pt_xl--210 {
    padding-top: 210px;
  }

  .pt_xl--215 {
    padding-top: 215px;
  }

  .pt_xl--220 {
    padding-top: 220px;
  }

  .pt_xl--225 {
    padding-top: 225px;
  }

  .pt_xl--230 {
    padding-top: 230px;
  }

  .pt_xl--235 {
    padding-top: 235px;
  }

  .pt_xl--240 {
    padding-top: 240px;
  }

  .pt_xl--245 {
    padding-top: 245px;
  }

  .pt_xl--250 {
    padding-top: 250px;
  }
}
.pb--5 {
  padding-bottom: 5px;
}

.pb--10 {
  padding-bottom: 10px;
}

.pb--15 {
  padding-bottom: 15px;
}

.pb--20 {
  padding-bottom: 20px;
}

.pb--25 {
  padding-bottom: 25px;
}

.pb--30 {
  padding-bottom: 30px;
}

.pb--35 {
  padding-bottom: 35px;
}

.pb--40 {
  padding-bottom: 40px;
}

.pb--45 {
  padding-bottom: 45px;
}

.pb--50 {
  padding-bottom: 50px;
}

.pb--55 {
  padding-bottom: 55px;
}

.pb--60 {
  padding-bottom: 60px;
}

.pb--65 {
  padding-bottom: 65px;
}

.pb--70 {
  padding-bottom: 70px;
}

.pb--75 {
  padding-bottom: 75px;
}

.pb--80 {
  padding-bottom: 80px;
}

.pb--85 {
  padding-bottom: 85px;
}

.pb--90 {
  padding-bottom: 90px;
}

.pb--95 {
  padding-bottom: 95px;
}

.pb--100 {
  padding-bottom: 100px;
}

.pb--105 {
  padding-bottom: 105px;
}

.pb--110 {
  padding-bottom: 110px;
}

.pb--115 {
  padding-bottom: 115px;
}

.pb--120 {
  padding-bottom: 120px;
}

.pb--125 {
  padding-bottom: 125px;
}

.pb--130 {
  padding-bottom: 130px;
}

.pb--135 {
  padding-bottom: 135px;
}

.pb--140 {
  padding-bottom: 140px;
}

.pb--145 {
  padding-bottom: 145px;
}

.pb--150 {
  padding-bottom: 150px;
}

.pb--155 {
  padding-bottom: 155px;
}

.pb--160 {
  padding-bottom: 160px;
}

.pb--165 {
  padding-bottom: 165px;
}

.pb--170 {
  padding-bottom: 170px;
}

.pb--175 {
  padding-bottom: 175px;
}

.pb--180 {
  padding-bottom: 180px;
}

.pb--185 {
  padding-bottom: 185px;
}

.pb--190 {
  padding-bottom: 190px;
}

.pb--195 {
  padding-bottom: 195px;
}

.pb--200 {
  padding-bottom: 200px;
}

.pb--205 {
  padding-bottom: 205px;
}

.pb--210 {
  padding-bottom: 210px;
}

.pb--215 {
  padding-bottom: 215px;
}

.pb--220 {
  padding-bottom: 220px;
}

.pb--225 {
  padding-bottom: 225px;
}

.pb--230 {
  padding-bottom: 230px;
}

.pb--235 {
  padding-bottom: 235px;
}

.pb--240 {
  padding-bottom: 240px;
}

.pb--245 {
  padding-bottom: 245px;
}

.pb--250 {
  padding-bottom: 250px;
}

@media (min-width: 576px) {
  .pb_sm--5 {
    padding-bottom: 5px;
  }

  .pb_sm--10 {
    padding-bottom: 10px;
  }

  .pb_sm--15 {
    padding-bottom: 15px;
  }

  .pb_sm--20 {
    padding-bottom: 20px;
  }

  .pb_sm--25 {
    padding-bottom: 25px;
  }

  .pb_sm--30 {
    padding-bottom: 30px;
  }

  .pb_sm--35 {
    padding-bottom: 35px;
  }

  .pb_sm--40 {
    padding-bottom: 40px;
  }

  .pb_sm--45 {
    padding-bottom: 45px;
  }

  .pb_sm--50 {
    padding-bottom: 50px;
  }

  .pb_sm--55 {
    padding-bottom: 55px;
  }

  .pb_sm--60 {
    padding-bottom: 60px;
  }

  .pb_sm--65 {
    padding-bottom: 65px;
  }

  .pb_sm--70 {
    padding-bottom: 70px;
  }

  .pb_sm--75 {
    padding-bottom: 75px;
  }

  .pb_sm--80 {
    padding-bottom: 80px;
  }

  .pb_sm--85 {
    padding-bottom: 85px;
  }

  .pb_sm--90 {
    padding-bottom: 90px;
  }

  .pb_sm--95 {
    padding-bottom: 95px;
  }

  .pb_sm--100 {
    padding-bottom: 100px;
  }

  .pb_sm--105 {
    padding-bottom: 105px;
  }

  .pb_sm--110 {
    padding-bottom: 110px;
  }

  .pb_sm--115 {
    padding-bottom: 115px;
  }

  .pb_sm--120 {
    padding-bottom: 120px;
  }

  .pb_sm--125 {
    padding-bottom: 125px;
  }

  .pb_sm--130 {
    padding-bottom: 130px;
  }

  .pb_sm--135 {
    padding-bottom: 135px;
  }

  .pb_sm--140 {
    padding-bottom: 140px;
  }

  .pb_sm--145 {
    padding-bottom: 145px;
  }

  .pb_sm--150 {
    padding-bottom: 150px;
  }

  .pb_sm--155 {
    padding-bottom: 155px;
  }

  .pb_sm--160 {
    padding-bottom: 160px;
  }

  .pb_sm--165 {
    padding-bottom: 165px;
  }

  .pb_sm--170 {
    padding-bottom: 170px;
  }

  .pb_sm--175 {
    padding-bottom: 175px;
  }

  .pb_sm--180 {
    padding-bottom: 180px;
  }

  .pb_sm--185 {
    padding-bottom: 185px;
  }

  .pb_sm--190 {
    padding-bottom: 190px;
  }

  .pb_sm--195 {
    padding-bottom: 195px;
  }

  .pb_sm--200 {
    padding-bottom: 200px;
  }

  .pb_sm--205 {
    padding-bottom: 205px;
  }

  .pb_sm--210 {
    padding-bottom: 210px;
  }

  .pb_sm--215 {
    padding-bottom: 215px;
  }

  .pb_sm--220 {
    padding-bottom: 220px;
  }

  .pb_sm--225 {
    padding-bottom: 225px;
  }

  .pb_sm--230 {
    padding-bottom: 230px;
  }

  .pb_sm--235 {
    padding-bottom: 235px;
  }

  .pb_sm--240 {
    padding-bottom: 240px;
  }

  .pb_sm--245 {
    padding-bottom: 245px;
  }

  .pb_sm--250 {
    padding-bottom: 250px;
  }
}
@media (min-width: 768px) {
  .pb_md--5 {
    padding-bottom: 5px;
  }

  .pb_md--10 {
    padding-bottom: 10px;
  }

  .pb_md--15 {
    padding-bottom: 15px;
  }

  .pb_md--20 {
    padding-bottom: 20px;
  }

  .pb_md--25 {
    padding-bottom: 25px;
  }

  .pb_md--30 {
    padding-bottom: 30px;
  }

  .pb_md--35 {
    padding-bottom: 35px;
  }

  .pb_md--40 {
    padding-bottom: 40px;
  }

  .pb_md--45 {
    padding-bottom: 45px;
  }

  .pb_md--50 {
    padding-bottom: 50px;
  }

  .pb_md--55 {
    padding-bottom: 55px;
  }

  .pb_md--60 {
    padding-bottom: 60px;
  }

  .pb_md--65 {
    padding-bottom: 65px;
  }

  .pb_md--70 {
    padding-bottom: 70px;
  }

  .pb_md--75 {
    padding-bottom: 75px;
  }

  .pb_md--80 {
    padding-bottom: 80px;
  }

  .pb_md--85 {
    padding-bottom: 85px;
  }

  .pb_md--90 {
    padding-bottom: 90px;
  }

  .pb_md--95 {
    padding-bottom: 95px;
  }

  .pb_md--100 {
    padding-bottom: 100px;
  }

  .pb_md--105 {
    padding-bottom: 105px;
  }

  .pb_md--110 {
    padding-bottom: 110px;
  }

  .pb_md--115 {
    padding-bottom: 115px;
  }

  .pb_md--120 {
    padding-bottom: 120px;
  }

  .pb_md--125 {
    padding-bottom: 125px;
  }

  .pb_md--130 {
    padding-bottom: 130px;
  }

  .pb_md--135 {
    padding-bottom: 135px;
  }

  .pb_md--140 {
    padding-bottom: 140px;
  }

  .pb_md--145 {
    padding-bottom: 145px;
  }

  .pb_md--150 {
    padding-bottom: 150px;
  }

  .pb_md--155 {
    padding-bottom: 155px;
  }

  .pb_md--160 {
    padding-bottom: 160px;
  }

  .pb_md--165 {
    padding-bottom: 165px;
  }

  .pb_md--170 {
    padding-bottom: 170px;
  }

  .pb_md--175 {
    padding-bottom: 175px;
  }

  .pb_md--180 {
    padding-bottom: 180px;
  }

  .pb_md--185 {
    padding-bottom: 185px;
  }

  .pb_md--190 {
    padding-bottom: 190px;
  }

  .pb_md--195 {
    padding-bottom: 195px;
  }

  .pb_md--200 {
    padding-bottom: 200px;
  }

  .pb_md--205 {
    padding-bottom: 205px;
  }

  .pb_md--210 {
    padding-bottom: 210px;
  }

  .pb_md--215 {
    padding-bottom: 215px;
  }

  .pb_md--220 {
    padding-bottom: 220px;
  }

  .pb_md--225 {
    padding-bottom: 225px;
  }

  .pb_md--230 {
    padding-bottom: 230px;
  }

  .pb_md--235 {
    padding-bottom: 235px;
  }

  .pb_md--240 {
    padding-bottom: 240px;
  }

  .pb_md--245 {
    padding-bottom: 245px;
  }

  .pb_md--250 {
    padding-bottom: 250px;
  }
}
@media (min-width: 992px) {
  .pb_lg--5 {
    padding-bottom: 5px;
  }

  .pb_lg--10 {
    padding-bottom: 10px;
  }

  .pb_lg--15 {
    padding-bottom: 15px;
  }

  .pb_lg--20 {
    padding-bottom: 20px;
  }

  .pb_lg--25 {
    padding-bottom: 25px;
  }

  .pb_lg--30 {
    padding-bottom: 30px;
  }

  .pb_lg--35 {
    padding-bottom: 35px;
  }

  .pb_lg--40 {
    padding-bottom: 40px;
  }

  .pb_lg--45 {
    padding-bottom: 45px;
  }

  .pb_lg--50 {
    padding-bottom: 50px;
  }

  .pb_lg--55 {
    padding-bottom: 55px;
  }

  .pb_lg--60 {
    padding-bottom: 60px;
  }

  .pb_lg--65 {
    padding-bottom: 65px;
  }

  .pb_lg--70 {
    padding-bottom: 70px;
  }

  .pb_lg--75 {
    padding-bottom: 75px;
  }

  .pb_lg--80 {
    padding-bottom: 80px;
  }

  .pb_lg--85 {
    padding-bottom: 85px;
  }

  .pb_lg--90 {
    padding-bottom: 90px;
  }

  .pb_lg--95 {
    padding-bottom: 95px;
  }

  .pb_lg--100 {
    padding-bottom: 100px;
  }

  .pb_lg--105 {
    padding-bottom: 105px;
  }

  .pb_lg--110 {
    padding-bottom: 110px;
  }

  .pb_lg--115 {
    padding-bottom: 115px;
  }

  .pb_lg--120 {
    padding-bottom: 120px;
  }

  .pb_lg--125 {
    padding-bottom: 125px;
  }

  .pb_lg--130 {
    padding-bottom: 130px;
  }

  .pb_lg--135 {
    padding-bottom: 135px;
  }

  .pb_lg--140 {
    padding-bottom: 140px;
  }

  .pb_lg--145 {
    padding-bottom: 145px;
  }

  .pb_lg--150 {
    padding-bottom: 150px;
  }

  .pb_lg--155 {
    padding-bottom: 155px;
  }

  .pb_lg--160 {
    padding-bottom: 160px;
  }

  .pb_lg--165 {
    padding-bottom: 165px;
  }

  .pb_lg--170 {
    padding-bottom: 170px;
  }

  .pb_lg--175 {
    padding-bottom: 175px;
  }

  .pb_lg--180 {
    padding-bottom: 180px;
  }

  .pb_lg--185 {
    padding-bottom: 185px;
  }

  .pb_lg--190 {
    padding-bottom: 190px;
  }

  .pb_lg--195 {
    padding-bottom: 195px;
  }

  .pb_lg--200 {
    padding-bottom: 200px;
  }

  .pb_lg--205 {
    padding-bottom: 205px;
  }

  .pb_lg--210 {
    padding-bottom: 210px;
  }

  .pb_lg--215 {
    padding-bottom: 215px;
  }

  .pb_lg--220 {
    padding-bottom: 220px;
  }

  .pb_lg--225 {
    padding-bottom: 225px;
  }

  .pb_lg--230 {
    padding-bottom: 230px;
  }

  .pb_lg--235 {
    padding-bottom: 235px;
  }

  .pb_lg--240 {
    padding-bottom: 240px;
  }

  .pb_lg--245 {
    padding-bottom: 245px;
  }

  .pb_lg--250 {
    padding-bottom: 250px;
  }
}
@media (min-width: 1200px) {
  .pb_xl--5 {
    padding-bottom: 5px;
  }

  .pb_xl--10 {
    padding-bottom: 10px;
  }

  .pb_xl--15 {
    padding-bottom: 15px;
  }

  .pb_xl--20 {
    padding-bottom: 20px;
  }

  .pb_xl--25 {
    padding-bottom: 25px;
  }

  .pb_xl--30 {
    padding-bottom: 30px;
  }

  .pb_xl--35 {
    padding-bottom: 35px;
  }

  .pb_xl--40 {
    padding-bottom: 40px;
  }

  .pb_xl--45 {
    padding-bottom: 45px;
  }

  .pb_xl--50 {
    padding-bottom: 50px;
  }

  .pb_xl--55 {
    padding-bottom: 55px;
  }

  .pb_xl--60 {
    padding-bottom: 60px;
  }

  .pb_xl--65 {
    padding-bottom: 65px;
  }

  .pb_xl--70 {
    padding-bottom: 70px;
  }

  .pb_xl--75 {
    padding-bottom: 75px;
  }

  .pb_xl--80 {
    padding-bottom: 80px;
  }

  .pb_xl--85 {
    padding-bottom: 85px;
  }

  .pb_xl--90 {
    padding-bottom: 90px;
  }

  .pb_xl--95 {
    padding-bottom: 95px;
  }

  .pb_xl--100 {
    padding-bottom: 100px;
  }

  .pb_xl--105 {
    padding-bottom: 105px;
  }

  .pb_xl--110 {
    padding-bottom: 110px;
  }

  .pb_xl--115 {
    padding-bottom: 115px;
  }

  .pb_xl--120 {
    padding-bottom: 120px;
  }

  .pb_xl--125 {
    padding-bottom: 125px;
  }

  .pb_xl--130 {
    padding-bottom: 130px;
  }

  .pb_xl--135 {
    padding-bottom: 135px;
  }

  .pb_xl--140 {
    padding-bottom: 140px;
  }

  .pb_xl--145 {
    padding-bottom: 145px;
  }

  .pb_xl--150 {
    padding-bottom: 150px;
  }

  .pb_xl--155 {
    padding-bottom: 155px;
  }

  .pb_xl--160 {
    padding-bottom: 160px;
  }

  .pb_xl--165 {
    padding-bottom: 165px;
  }

  .pb_xl--170 {
    padding-bottom: 170px;
  }

  .pb_xl--175 {
    padding-bottom: 175px;
  }

  .pb_xl--180 {
    padding-bottom: 180px;
  }

  .pb_xl--185 {
    padding-bottom: 185px;
  }

  .pb_xl--190 {
    padding-bottom: 190px;
  }

  .pb_xl--195 {
    padding-bottom: 195px;
  }

  .pb_xl--200 {
    padding-bottom: 200px;
  }

  .pb_xl--205 {
    padding-bottom: 205px;
  }

  .pb_xl--210 {
    padding-bottom: 210px;
  }

  .pb_xl--215 {
    padding-bottom: 215px;
  }

  .pb_xl--220 {
    padding-bottom: 220px;
  }

  .pb_xl--225 {
    padding-bottom: 225px;
  }

  .pb_xl--230 {
    padding-bottom: 230px;
  }

  .pb_xl--235 {
    padding-bottom: 235px;
  }

  .pb_xl--240 {
    padding-bottom: 240px;
  }

  .pb_xl--245 {
    padding-bottom: 245px;
  }

  .pb_xl--250 {
    padding-bottom: 250px;
  }
}
.pl--5 {
  padding-left: 5px;
}

.pl--10 {
  padding-left: 10px;
}

.pl--15 {
  padding-left: 15px;
}

.pl--20 {
  padding-left: 20px;
}

.pl--25 {
  padding-left: 25px;
}

.pl--30 {
  padding-left: 30px;
}

.pl--35 {
  padding-left: 35px;
}

.pl--40 {
  padding-left: 40px;
}

.pl--45 {
  padding-left: 45px;
}

.pl--50 {
  padding-left: 50px;
}

.pl--55 {
  padding-left: 55px;
}

.pl--60 {
  padding-left: 60px;
}

.pl--65 {
  padding-left: 65px;
}

.pl--70 {
  padding-left: 70px;
}

.pl--75 {
  padding-left: 75px;
}

.pl--80 {
  padding-left: 80px;
}

.pl--85 {
  padding-left: 85px;
}

.pl--90 {
  padding-left: 90px;
}

.pl--95 {
  padding-left: 95px;
}

.pl--100 {
  padding-left: 100px;
}

.pl--105 {
  padding-left: 105px;
}

.pl--110 {
  padding-left: 110px;
}

.pl--115 {
  padding-left: 115px;
}

.pl--120 {
  padding-left: 120px;
}

.pl--125 {
  padding-left: 125px;
}

.pl--130 {
  padding-left: 130px;
}

.pl--135 {
  padding-left: 135px;
}

.pl--140 {
  padding-left: 140px;
}

.pl--145 {
  padding-left: 145px;
}

.pl--150 {
  padding-left: 150px;
}

.pl--155 {
  padding-left: 155px;
}

.pl--160 {
  padding-left: 160px;
}

.pl--165 {
  padding-left: 165px;
}

.pl--170 {
  padding-left: 170px;
}

.pl--175 {
  padding-left: 175px;
}

.pl--180 {
  padding-left: 180px;
}

.pl--185 {
  padding-left: 185px;
}

.pl--190 {
  padding-left: 190px;
}

.pl--195 {
  padding-left: 195px;
}

.pl--200 {
  padding-left: 200px;
}

.pl--205 {
  padding-left: 205px;
}

.pl--210 {
  padding-left: 210px;
}

.pl--215 {
  padding-left: 215px;
}

.pl--220 {
  padding-left: 220px;
}

.pl--225 {
  padding-left: 225px;
}

.pl--230 {
  padding-left: 230px;
}

.pl--235 {
  padding-left: 235px;
}

.pl--240 {
  padding-left: 240px;
}

.pl--245 {
  padding-left: 245px;
}

.pl--250 {
  padding-left: 250px;
}

@media (min-width: 576px) {
  .pl_sm--5 {
    padding-left: 5px;
  }

  .pl_sm--10 {
    padding-left: 10px;
  }

  .pl_sm--15 {
    padding-left: 15px;
  }

  .pl_sm--20 {
    padding-left: 20px;
  }

  .pl_sm--25 {
    padding-left: 25px;
  }

  .pl_sm--30 {
    padding-left: 30px;
  }

  .pl_sm--35 {
    padding-left: 35px;
  }

  .pl_sm--40 {
    padding-left: 40px;
  }

  .pl_sm--45 {
    padding-left: 45px;
  }

  .pl_sm--50 {
    padding-left: 50px;
  }

  .pl_sm--55 {
    padding-left: 55px;
  }

  .pl_sm--60 {
    padding-left: 60px;
  }

  .pl_sm--65 {
    padding-left: 65px;
  }

  .pl_sm--70 {
    padding-left: 70px;
  }

  .pl_sm--75 {
    padding-left: 75px;
  }

  .pl_sm--80 {
    padding-left: 80px;
  }

  .pl_sm--85 {
    padding-left: 85px;
  }

  .pl_sm--90 {
    padding-left: 90px;
  }

  .pl_sm--95 {
    padding-left: 95px;
  }

  .pl_sm--100 {
    padding-left: 100px;
  }

  .pl_sm--105 {
    padding-left: 105px;
  }

  .pl_sm--110 {
    padding-left: 110px;
  }

  .pl_sm--115 {
    padding-left: 115px;
  }

  .pl_sm--120 {
    padding-left: 120px;
  }

  .pl_sm--125 {
    padding-left: 125px;
  }

  .pl_sm--130 {
    padding-left: 130px;
  }

  .pl_sm--135 {
    padding-left: 135px;
  }

  .pl_sm--140 {
    padding-left: 140px;
  }

  .pl_sm--145 {
    padding-left: 145px;
  }

  .pl_sm--150 {
    padding-left: 150px;
  }

  .pl_sm--155 {
    padding-left: 155px;
  }

  .pl_sm--160 {
    padding-left: 160px;
  }

  .pl_sm--165 {
    padding-left: 165px;
  }

  .pl_sm--170 {
    padding-left: 170px;
  }

  .pl_sm--175 {
    padding-left: 175px;
  }

  .pl_sm--180 {
    padding-left: 180px;
  }

  .pl_sm--185 {
    padding-left: 185px;
  }

  .pl_sm--190 {
    padding-left: 190px;
  }

  .pl_sm--195 {
    padding-left: 195px;
  }

  .pl_sm--200 {
    padding-left: 200px;
  }

  .pl_sm--205 {
    padding-left: 205px;
  }

  .pl_sm--210 {
    padding-left: 210px;
  }

  .pl_sm--215 {
    padding-left: 215px;
  }

  .pl_sm--220 {
    padding-left: 220px;
  }

  .pl_sm--225 {
    padding-left: 225px;
  }

  .pl_sm--230 {
    padding-left: 230px;
  }

  .pl_sm--235 {
    padding-left: 235px;
  }

  .pl_sm--240 {
    padding-left: 240px;
  }

  .pl_sm--245 {
    padding-left: 245px;
  }

  .pl_sm--250 {
    padding-left: 250px;
  }
}
@media (min-width: 768px) {
  .pl_md--5 {
    padding-left: 5px;
  }

  .pl_md--10 {
    padding-left: 10px;
  }

  .pl_md--15 {
    padding-left: 15px;
  }

  .pl_md--20 {
    padding-left: 20px;
  }

  .pl_md--25 {
    padding-left: 25px;
  }

  .pl_md--30 {
    padding-left: 30px;
  }

  .pl_md--35 {
    padding-left: 35px;
  }

  .pl_md--40 {
    padding-left: 40px;
  }

  .pl_md--45 {
    padding-left: 45px;
  }

  .pl_md--50 {
    padding-left: 50px;
  }

  .pl_md--55 {
    padding-left: 55px;
  }

  .pl_md--60 {
    padding-left: 60px;
  }

  .pl_md--65 {
    padding-left: 65px;
  }

  .pl_md--70 {
    padding-left: 70px;
  }

  .pl_md--75 {
    padding-left: 75px;
  }

  .pl_md--80 {
    padding-left: 80px;
  }

  .pl_md--85 {
    padding-left: 85px;
  }

  .pl_md--90 {
    padding-left: 90px;
  }

  .pl_md--95 {
    padding-left: 95px;
  }

  .pl_md--100 {
    padding-left: 100px;
  }

  .pl_md--105 {
    padding-left: 105px;
  }

  .pl_md--110 {
    padding-left: 110px;
  }

  .pl_md--115 {
    padding-left: 115px;
  }

  .pl_md--120 {
    padding-left: 120px;
  }

  .pl_md--125 {
    padding-left: 125px;
  }

  .pl_md--130 {
    padding-left: 130px;
  }

  .pl_md--135 {
    padding-left: 135px;
  }

  .pl_md--140 {
    padding-left: 140px;
  }

  .pl_md--145 {
    padding-left: 145px;
  }

  .pl_md--150 {
    padding-left: 150px;
  }

  .pl_md--155 {
    padding-left: 155px;
  }

  .pl_md--160 {
    padding-left: 160px;
  }

  .pl_md--165 {
    padding-left: 165px;
  }

  .pl_md--170 {
    padding-left: 170px;
  }

  .pl_md--175 {
    padding-left: 175px;
  }

  .pl_md--180 {
    padding-left: 180px;
  }

  .pl_md--185 {
    padding-left: 185px;
  }

  .pl_md--190 {
    padding-left: 190px;
  }

  .pl_md--195 {
    padding-left: 195px;
  }

  .pl_md--200 {
    padding-left: 200px;
  }

  .pl_md--205 {
    padding-left: 205px;
  }

  .pl_md--210 {
    padding-left: 210px;
  }

  .pl_md--215 {
    padding-left: 215px;
  }

  .pl_md--220 {
    padding-left: 220px;
  }

  .pl_md--225 {
    padding-left: 225px;
  }

  .pl_md--230 {
    padding-left: 230px;
  }

  .pl_md--235 {
    padding-left: 235px;
  }

  .pl_md--240 {
    padding-left: 240px;
  }

  .pl_md--245 {
    padding-left: 245px;
  }

  .pl_md--250 {
    padding-left: 250px;
  }
}
@media (min-width: 992px) {
  .pl_lg--5 {
    padding-left: 5px;
  }

  .pl_lg--10 {
    padding-left: 10px;
  }

  .pl_lg--15 {
    padding-left: 15px;
  }

  .pl_lg--20 {
    padding-left: 20px;
  }

  .pl_lg--25 {
    padding-left: 25px;
  }

  .pl_lg--30 {
    padding-left: 30px;
  }

  .pl_lg--35 {
    padding-left: 35px;
  }

  .pl_lg--40 {
    padding-left: 40px;
  }

  .pl_lg--45 {
    padding-left: 45px;
  }

  .pl_lg--50 {
    padding-left: 50px;
  }

  .pl_lg--55 {
    padding-left: 55px;
  }

  .pl_lg--60 {
    padding-left: 60px;
  }

  .pl_lg--65 {
    padding-left: 65px;
  }

  .pl_lg--70 {
    padding-left: 70px;
  }

  .pl_lg--75 {
    padding-left: 75px;
  }

  .pl_lg--80 {
    padding-left: 80px;
  }

  .pl_lg--85 {
    padding-left: 85px;
  }

  .pl_lg--90 {
    padding-left: 90px;
  }

  .pl_lg--95 {
    padding-left: 95px;
  }

  .pl_lg--100 {
    padding-left: 100px;
  }

  .pl_lg--105 {
    padding-left: 105px;
  }

  .pl_lg--110 {
    padding-left: 110px;
  }

  .pl_lg--115 {
    padding-left: 115px;
  }

  .pl_lg--120 {
    padding-left: 120px;
  }

  .pl_lg--125 {
    padding-left: 125px;
  }

  .pl_lg--130 {
    padding-left: 130px;
  }

  .pl_lg--135 {
    padding-left: 135px;
  }

  .pl_lg--140 {
    padding-left: 140px;
  }

  .pl_lg--145 {
    padding-left: 145px;
  }

  .pl_lg--150 {
    padding-left: 150px;
  }

  .pl_lg--155 {
    padding-left: 155px;
  }

  .pl_lg--160 {
    padding-left: 160px;
  }

  .pl_lg--165 {
    padding-left: 165px;
  }

  .pl_lg--170 {
    padding-left: 170px;
  }

  .pl_lg--175 {
    padding-left: 175px;
  }

  .pl_lg--180 {
    padding-left: 180px;
  }

  .pl_lg--185 {
    padding-left: 185px;
  }

  .pl_lg--190 {
    padding-left: 190px;
  }

  .pl_lg--195 {
    padding-left: 195px;
  }

  .pl_lg--200 {
    padding-left: 200px;
  }

  .pl_lg--205 {
    padding-left: 205px;
  }

  .pl_lg--210 {
    padding-left: 210px;
  }

  .pl_lg--215 {
    padding-left: 215px;
  }

  .pl_lg--220 {
    padding-left: 220px;
  }

  .pl_lg--225 {
    padding-left: 225px;
  }

  .pl_lg--230 {
    padding-left: 230px;
  }

  .pl_lg--235 {
    padding-left: 235px;
  }

  .pl_lg--240 {
    padding-left: 240px;
  }

  .pl_lg--245 {
    padding-left: 245px;
  }

  .pl_lg--250 {
    padding-left: 250px;
  }
}
@media (min-width: 1200px) {
  .pl_xl--5 {
    padding-left: 5px;
  }

  .pl_xl--10 {
    padding-left: 10px;
  }

  .pl_xl--15 {
    padding-left: 15px;
  }

  .pl_xl--20 {
    padding-left: 20px;
  }

  .pl_xl--25 {
    padding-left: 25px;
  }

  .pl_xl--30 {
    padding-left: 30px;
  }

  .pl_xl--35 {
    padding-left: 35px;
  }

  .pl_xl--40 {
    padding-left: 40px;
  }

  .pl_xl--45 {
    padding-left: 45px;
  }

  .pl_xl--50 {
    padding-left: 50px;
  }

  .pl_xl--55 {
    padding-left: 55px;
  }

  .pl_xl--60 {
    padding-left: 60px;
  }

  .pl_xl--65 {
    padding-left: 65px;
  }

  .pl_xl--70 {
    padding-left: 70px;
  }

  .pl_xl--75 {
    padding-left: 75px;
  }

  .pl_xl--80 {
    padding-left: 80px;
  }

  .pl_xl--85 {
    padding-left: 85px;
  }

  .pl_xl--90 {
    padding-left: 90px;
  }

  .pl_xl--95 {
    padding-left: 95px;
  }

  .pl_xl--100 {
    padding-left: 100px;
  }

  .pl_xl--105 {
    padding-left: 105px;
  }

  .pl_xl--110 {
    padding-left: 110px;
  }

  .pl_xl--115 {
    padding-left: 115px;
  }

  .pl_xl--120 {
    padding-left: 120px;
  }

  .pl_xl--125 {
    padding-left: 125px;
  }

  .pl_xl--130 {
    padding-left: 130px;
  }

  .pl_xl--135 {
    padding-left: 135px;
  }

  .pl_xl--140 {
    padding-left: 140px;
  }

  .pl_xl--145 {
    padding-left: 145px;
  }

  .pl_xl--150 {
    padding-left: 150px;
  }

  .pl_xl--155 {
    padding-left: 155px;
  }

  .pl_xl--160 {
    padding-left: 160px;
  }

  .pl_xl--165 {
    padding-left: 165px;
  }

  .pl_xl--170 {
    padding-left: 170px;
  }

  .pl_xl--175 {
    padding-left: 175px;
  }

  .pl_xl--180 {
    padding-left: 180px;
  }

  .pl_xl--185 {
    padding-left: 185px;
  }

  .pl_xl--190 {
    padding-left: 190px;
  }

  .pl_xl--195 {
    padding-left: 195px;
  }

  .pl_xl--200 {
    padding-left: 200px;
  }

  .pl_xl--205 {
    padding-left: 205px;
  }

  .pl_xl--210 {
    padding-left: 210px;
  }

  .pl_xl--215 {
    padding-left: 215px;
  }

  .pl_xl--220 {
    padding-left: 220px;
  }

  .pl_xl--225 {
    padding-left: 225px;
  }

  .pl_xl--230 {
    padding-left: 230px;
  }

  .pl_xl--235 {
    padding-left: 235px;
  }

  .pl_xl--240 {
    padding-left: 240px;
  }

  .pl_xl--245 {
    padding-left: 245px;
  }

  .pl_xl--250 {
    padding-left: 250px;
  }
}
.pr--5 {
  padding-right: 5px;
}

.pr--10 {
  padding-right: 10px;
}

.pr--15 {
  padding-right: 15px;
}

.pr--20 {
  padding-right: 20px;
}

.pr--25 {
  padding-right: 25px;
}

.pr--30 {
  padding-right: 30px;
}

.pr--35 {
  padding-right: 35px;
}

.pr--40 {
  padding-right: 40px;
}

.pr--45 {
  padding-right: 45px;
}

.pr--50 {
  padding-right: 50px;
}

.pr--55 {
  padding-right: 55px;
}

.pr--60 {
  padding-right: 60px;
}

.pr--65 {
  padding-right: 65px;
}

.pr--70 {
  padding-right: 70px;
}

.pr--75 {
  padding-right: 75px;
}

.pr--80 {
  padding-right: 80px;
}

.pr--85 {
  padding-right: 85px;
}

.pr--90 {
  padding-right: 90px;
}

.pr--95 {
  padding-right: 95px;
}

.pr--100 {
  padding-right: 100px;
}

.pr--105 {
  padding-right: 105px;
}

.pr--110 {
  padding-right: 110px;
}

.pr--115 {
  padding-right: 115px;
}

.pr--120 {
  padding-right: 120px;
}

.pr--125 {
  padding-right: 125px;
}

.pr--130 {
  padding-right: 130px;
}

.pr--135 {
  padding-right: 135px;
}

.pr--140 {
  padding-right: 140px;
}

.pr--145 {
  padding-right: 145px;
}

.pr--150 {
  padding-right: 150px;
}

.pr--155 {
  padding-right: 155px;
}

.pr--160 {
  padding-right: 160px;
}

.pr--165 {
  padding-right: 165px;
}

.pr--170 {
  padding-right: 170px;
}

.pr--175 {
  padding-right: 175px;
}

.pr--180 {
  padding-right: 180px;
}

.pr--185 {
  padding-right: 185px;
}

.pr--190 {
  padding-right: 190px;
}

.pr--195 {
  padding-right: 195px;
}

.pr--200 {
  padding-right: 200px;
}

.pr--205 {
  padding-right: 205px;
}

.pr--210 {
  padding-right: 210px;
}

.pr--215 {
  padding-right: 215px;
}

.pr--220 {
  padding-right: 220px;
}

.pr--225 {
  padding-right: 225px;
}

.pr--230 {
  padding-right: 230px;
}

.pr--235 {
  padding-right: 235px;
}

.pr--240 {
  padding-right: 240px;
}

.pr--245 {
  padding-right: 245px;
}

.pr--250 {
  padding-right: 250px;
}

@media (min-width: 576px) {
  .pr_sm--5 {
    padding-right: 5px;
  }

  .pr_sm--10 {
    padding-right: 10px;
  }

  .pr_sm--15 {
    padding-right: 15px;
  }

  .pr_sm--20 {
    padding-right: 20px;
  }

  .pr_sm--25 {
    padding-right: 25px;
  }

  .pr_sm--30 {
    padding-right: 30px;
  }

  .pr_sm--35 {
    padding-right: 35px;
  }

  .pr_sm--40 {
    padding-right: 40px;
  }

  .pr_sm--45 {
    padding-right: 45px;
  }

  .pr_sm--50 {
    padding-right: 50px;
  }

  .pr_sm--55 {
    padding-right: 55px;
  }

  .pr_sm--60 {
    padding-right: 60px;
  }

  .pr_sm--65 {
    padding-right: 65px;
  }

  .pr_sm--70 {
    padding-right: 70px;
  }

  .pr_sm--75 {
    padding-right: 75px;
  }

  .pr_sm--80 {
    padding-right: 80px;
  }

  .pr_sm--85 {
    padding-right: 85px;
  }

  .pr_sm--90 {
    padding-right: 90px;
  }

  .pr_sm--95 {
    padding-right: 95px;
  }

  .pr_sm--100 {
    padding-right: 100px;
  }

  .pr_sm--105 {
    padding-right: 105px;
  }

  .pr_sm--110 {
    padding-right: 110px;
  }

  .pr_sm--115 {
    padding-right: 115px;
  }

  .pr_sm--120 {
    padding-right: 120px;
  }

  .pr_sm--125 {
    padding-right: 125px;
  }

  .pr_sm--130 {
    padding-right: 130px;
  }

  .pr_sm--135 {
    padding-right: 135px;
  }

  .pr_sm--140 {
    padding-right: 140px;
  }

  .pr_sm--145 {
    padding-right: 145px;
  }

  .pr_sm--150 {
    padding-right: 150px;
  }

  .pr_sm--155 {
    padding-right: 155px;
  }

  .pr_sm--160 {
    padding-right: 160px;
  }

  .pr_sm--165 {
    padding-right: 165px;
  }

  .pr_sm--170 {
    padding-right: 170px;
  }

  .pr_sm--175 {
    padding-right: 175px;
  }

  .pr_sm--180 {
    padding-right: 180px;
  }

  .pr_sm--185 {
    padding-right: 185px;
  }

  .pr_sm--190 {
    padding-right: 190px;
  }

  .pr_sm--195 {
    padding-right: 195px;
  }

  .pr_sm--200 {
    padding-right: 200px;
  }

  .pr_sm--205 {
    padding-right: 205px;
  }

  .pr_sm--210 {
    padding-right: 210px;
  }

  .pr_sm--215 {
    padding-right: 215px;
  }

  .pr_sm--220 {
    padding-right: 220px;
  }

  .pr_sm--225 {
    padding-right: 225px;
  }

  .pr_sm--230 {
    padding-right: 230px;
  }

  .pr_sm--235 {
    padding-right: 235px;
  }

  .pr_sm--240 {
    padding-right: 240px;
  }

  .pr_sm--245 {
    padding-right: 245px;
  }

  .pr_sm--250 {
    padding-right: 250px;
  }
}
@media (min-width: 768px) {
  .pr_md--5 {
    padding-right: 5px;
  }

  .pr_md--10 {
    padding-right: 10px;
  }

  .pr_md--15 {
    padding-right: 15px;
  }

  .pr_md--20 {
    padding-right: 20px;
  }

  .pr_md--25 {
    padding-right: 25px;
  }

  .pr_md--30 {
    padding-right: 30px;
  }

  .pr_md--35 {
    padding-right: 35px;
  }

  .pr_md--40 {
    padding-right: 40px;
  }

  .pr_md--45 {
    padding-right: 45px;
  }

  .pr_md--50 {
    padding-right: 50px;
  }

  .pr_md--55 {
    padding-right: 55px;
  }

  .pr_md--60 {
    padding-right: 60px;
  }

  .pr_md--65 {
    padding-right: 65px;
  }

  .pr_md--70 {
    padding-right: 70px;
  }

  .pr_md--75 {
    padding-right: 75px;
  }

  .pr_md--80 {
    padding-right: 80px;
  }

  .pr_md--85 {
    padding-right: 85px;
  }

  .pr_md--90 {
    padding-right: 90px;
  }

  .pr_md--95 {
    padding-right: 95px;
  }

  .pr_md--100 {
    padding-right: 100px;
  }

  .pr_md--105 {
    padding-right: 105px;
  }

  .pr_md--110 {
    padding-right: 110px;
  }

  .pr_md--115 {
    padding-right: 115px;
  }

  .pr_md--120 {
    padding-right: 120px;
  }

  .pr_md--125 {
    padding-right: 125px;
  }

  .pr_md--130 {
    padding-right: 130px;
  }

  .pr_md--135 {
    padding-right: 135px;
  }

  .pr_md--140 {
    padding-right: 140px;
  }

  .pr_md--145 {
    padding-right: 145px;
  }

  .pr_md--150 {
    padding-right: 150px;
  }

  .pr_md--155 {
    padding-right: 155px;
  }

  .pr_md--160 {
    padding-right: 160px;
  }

  .pr_md--165 {
    padding-right: 165px;
  }

  .pr_md--170 {
    padding-right: 170px;
  }

  .pr_md--175 {
    padding-right: 175px;
  }

  .pr_md--180 {
    padding-right: 180px;
  }

  .pr_md--185 {
    padding-right: 185px;
  }

  .pr_md--190 {
    padding-right: 190px;
  }

  .pr_md--195 {
    padding-right: 195px;
  }

  .pr_md--200 {
    padding-right: 200px;
  }

  .pr_md--205 {
    padding-right: 205px;
  }

  .pr_md--210 {
    padding-right: 210px;
  }

  .pr_md--215 {
    padding-right: 215px;
  }

  .pr_md--220 {
    padding-right: 220px;
  }

  .pr_md--225 {
    padding-right: 225px;
  }

  .pr_md--230 {
    padding-right: 230px;
  }

  .pr_md--235 {
    padding-right: 235px;
  }

  .pr_md--240 {
    padding-right: 240px;
  }

  .pr_md--245 {
    padding-right: 245px;
  }

  .pr_md--250 {
    padding-right: 250px;
  }
}
@media (min-width: 992px) {
  .pr_lg--5 {
    padding-right: 5px;
  }

  .pr_lg--10 {
    padding-right: 10px;
  }

  .pr_lg--15 {
    padding-right: 15px;
  }

  .pr_lg--20 {
    padding-right: 20px;
  }

  .pr_lg--25 {
    padding-right: 25px;
  }

  .pr_lg--30 {
    padding-right: 30px;
  }

  .pr_lg--35 {
    padding-right: 35px;
  }

  .pr_lg--40 {
    padding-right: 40px;
  }

  .pr_lg--45 {
    padding-right: 45px;
  }

  .pr_lg--50 {
    padding-right: 50px;
  }

  .pr_lg--55 {
    padding-right: 55px;
  }

  .pr_lg--60 {
    padding-right: 60px;
  }

  .pr_lg--65 {
    padding-right: 65px;
  }

  .pr_lg--70 {
    padding-right: 70px;
  }

  .pr_lg--75 {
    padding-right: 75px;
  }

  .pr_lg--80 {
    padding-right: 80px;
  }

  .pr_lg--85 {
    padding-right: 85px;
  }

  .pr_lg--90 {
    padding-right: 90px;
  }

  .pr_lg--95 {
    padding-right: 95px;
  }

  .pr_lg--100 {
    padding-right: 100px;
  }

  .pr_lg--105 {
    padding-right: 105px;
  }

  .pr_lg--110 {
    padding-right: 110px;
  }

  .pr_lg--115 {
    padding-right: 115px;
  }

  .pr_lg--120 {
    padding-right: 120px;
  }

  .pr_lg--125 {
    padding-right: 125px;
  }

  .pr_lg--130 {
    padding-right: 130px;
  }

  .pr_lg--135 {
    padding-right: 135px;
  }

  .pr_lg--140 {
    padding-right: 140px;
  }

  .pr_lg--145 {
    padding-right: 145px;
  }

  .pr_lg--150 {
    padding-right: 150px;
  }

  .pr_lg--155 {
    padding-right: 155px;
  }

  .pr_lg--160 {
    padding-right: 160px;
  }

  .pr_lg--165 {
    padding-right: 165px;
  }

  .pr_lg--170 {
    padding-right: 170px;
  }

  .pr_lg--175 {
    padding-right: 175px;
  }

  .pr_lg--180 {
    padding-right: 180px;
  }

  .pr_lg--185 {
    padding-right: 185px;
  }

  .pr_lg--190 {
    padding-right: 190px;
  }

  .pr_lg--195 {
    padding-right: 195px;
  }

  .pr_lg--200 {
    padding-right: 200px;
  }

  .pr_lg--205 {
    padding-right: 205px;
  }

  .pr_lg--210 {
    padding-right: 210px;
  }

  .pr_lg--215 {
    padding-right: 215px;
  }

  .pr_lg--220 {
    padding-right: 220px;
  }

  .pr_lg--225 {
    padding-right: 225px;
  }

  .pr_lg--230 {
    padding-right: 230px;
  }

  .pr_lg--235 {
    padding-right: 235px;
  }

  .pr_lg--240 {
    padding-right: 240px;
  }

  .pr_lg--245 {
    padding-right: 245px;
  }

  .pr_lg--250 {
    padding-right: 250px;
  }
}
@media (min-width: 1200px) {
  .pr_xl--5 {
    padding-right: 5px;
  }

  .pr_xl--10 {
    padding-right: 10px;
  }

  .pr_xl--15 {
    padding-right: 15px;
  }

  .pr_xl--20 {
    padding-right: 20px;
  }

  .pr_xl--25 {
    padding-right: 25px;
  }

  .pr_xl--30 {
    padding-right: 30px;
  }

  .pr_xl--35 {
    padding-right: 35px;
  }

  .pr_xl--40 {
    padding-right: 40px;
  }

  .pr_xl--45 {
    padding-right: 45px;
  }

  .pr_xl--50 {
    padding-right: 50px;
  }

  .pr_xl--55 {
    padding-right: 55px;
  }

  .pr_xl--60 {
    padding-right: 60px;
  }

  .pr_xl--65 {
    padding-right: 65px;
  }

  .pr_xl--70 {
    padding-right: 70px;
  }

  .pr_xl--75 {
    padding-right: 75px;
  }

  .pr_xl--80 {
    padding-right: 80px;
  }

  .pr_xl--85 {
    padding-right: 85px;
  }

  .pr_xl--90 {
    padding-right: 90px;
  }

  .pr_xl--95 {
    padding-right: 95px;
  }

  .pr_xl--100 {
    padding-right: 100px;
  }

  .pr_xl--105 {
    padding-right: 105px;
  }

  .pr_xl--110 {
    padding-right: 110px;
  }

  .pr_xl--115 {
    padding-right: 115px;
  }

  .pr_xl--120 {
    padding-right: 120px;
  }

  .pr_xl--125 {
    padding-right: 125px;
  }

  .pr_xl--130 {
    padding-right: 130px;
  }

  .pr_xl--135 {
    padding-right: 135px;
  }

  .pr_xl--140 {
    padding-right: 140px;
  }

  .pr_xl--145 {
    padding-right: 145px;
  }

  .pr_xl--150 {
    padding-right: 150px;
  }

  .pr_xl--155 {
    padding-right: 155px;
  }

  .pr_xl--160 {
    padding-right: 160px;
  }

  .pr_xl--165 {
    padding-right: 165px;
  }

  .pr_xl--170 {
    padding-right: 170px;
  }

  .pr_xl--175 {
    padding-right: 175px;
  }

  .pr_xl--180 {
    padding-right: 180px;
  }

  .pr_xl--185 {
    padding-right: 185px;
  }

  .pr_xl--190 {
    padding-right: 190px;
  }

  .pr_xl--195 {
    padding-right: 195px;
  }

  .pr_xl--200 {
    padding-right: 200px;
  }

  .pr_xl--205 {
    padding-right: 205px;
  }

  .pr_xl--210 {
    padding-right: 210px;
  }

  .pr_xl--215 {
    padding-right: 215px;
  }

  .pr_xl--220 {
    padding-right: 220px;
  }

  .pr_xl--225 {
    padding-right: 225px;
  }

  .pr_xl--230 {
    padding-right: 230px;
  }

  .pr_xl--235 {
    padding-right: 235px;
  }

  .pr_xl--240 {
    padding-right: 240px;
  }

  .pr_xl--245 {
    padding-right: 245px;
  }

  .pr_xl--250 {
    padding-right: 250px;
  }
}
.mt--5 {
  margin-top: 5px;
}

.mt--10 {
  margin-top: 10px;
}

.mt--15 {
  margin-top: 15px;
}

.mt--20 {
  margin-top: 20px;
}

.mt--25 {
  margin-top: 25px;
}

.mt--30 {
  margin-top: 30px;
}

.mt--35 {
  margin-top: 35px;
}

.mt--40 {
  margin-top: 40px;
}

.mt--45 {
  margin-top: 45px;
}

.mt--50 {
  margin-top: 50px;
}

.mt--55 {
  margin-top: 55px;
}

.mt--60 {
  margin-top: 60px;
}

.mt--65 {
  margin-top: 65px;
}

.mt--70 {
  margin-top: 70px;
}

.mt--75 {
  margin-top: 75px;
}

.mt--80 {
  margin-top: 80px;
}

.mt--85 {
  margin-top: 85px;
}

.mt--90 {
  margin-top: 90px;
}

.mt--95 {
  margin-top: 95px;
}

.mt--100 {
  margin-top: 100px;
}

.mt--105 {
  margin-top: 105px;
}

.mt--110 {
  margin-top: 110px;
}

.mt--115 {
  margin-top: 115px;
}

.mt--120 {
  margin-top: 120px;
}

.mt--125 {
  margin-top: 125px;
}

.mt--130 {
  margin-top: 130px;
}

.mt--135 {
  margin-top: 135px;
}

.mt--140 {
  margin-top: 140px;
}

.mt--145 {
  margin-top: 145px;
}

.mt--150 {
  margin-top: 150px;
}

.mt--155 {
  margin-top: 155px;
}

.mt--160 {
  margin-top: 160px;
}

.mt--165 {
  margin-top: 165px;
}

.mt--170 {
  margin-top: 170px;
}

.mt--175 {
  margin-top: 175px;
}

.mt--180 {
  margin-top: 180px;
}

.mt--185 {
  margin-top: 185px;
}

.mt--190 {
  margin-top: 190px;
}

.mt--195 {
  margin-top: 195px;
}

.mt--200 {
  margin-top: 200px;
}

.mt--205 {
  margin-top: 205px;
}

.mt--210 {
  margin-top: 210px;
}

.mt--215 {
  margin-top: 215px;
}

.mt--220 {
  margin-top: 220px;
}

.mt--225 {
  margin-top: 225px;
}

.mt--230 {
  margin-top: 230px;
}

.mt--235 {
  margin-top: 235px;
}

.mt--240 {
  margin-top: 240px;
}

.mt--245 {
  margin-top: 245px;
}

.mt--250 {
  margin-top: 250px;
}

@media (min-width: 576px) {
  .mt_sm--5 {
    margin-top: 5px;
  }

  .mt_sm--10 {
    margin-top: 10px;
  }

  .mt_sm--15 {
    margin-top: 15px;
  }

  .mt_sm--20 {
    margin-top: 20px;
  }

  .mt_sm--25 {
    margin-top: 25px;
  }

  .mt_sm--30 {
    margin-top: 30px;
  }

  .mt_sm--35 {
    margin-top: 35px;
  }

  .mt_sm--40 {
    margin-top: 40px;
  }

  .mt_sm--45 {
    margin-top: 45px;
  }

  .mt_sm--50 {
    margin-top: 50px;
  }

  .mt_sm--55 {
    margin-top: 55px;
  }

  .mt_sm--60 {
    margin-top: 60px;
  }

  .mt_sm--65 {
    margin-top: 65px;
  }

  .mt_sm--70 {
    margin-top: 70px;
  }

  .mt_sm--75 {
    margin-top: 75px;
  }

  .mt_sm--80 {
    margin-top: 80px;
  }

  .mt_sm--85 {
    margin-top: 85px;
  }

  .mt_sm--90 {
    margin-top: 90px;
  }

  .mt_sm--95 {
    margin-top: 95px;
  }

  .mt_sm--100 {
    margin-top: 100px;
  }

  .mt_sm--105 {
    margin-top: 105px;
  }

  .mt_sm--110 {
    margin-top: 110px;
  }

  .mt_sm--115 {
    margin-top: 115px;
  }

  .mt_sm--120 {
    margin-top: 120px;
  }

  .mt_sm--125 {
    margin-top: 125px;
  }

  .mt_sm--130 {
    margin-top: 130px;
  }

  .mt_sm--135 {
    margin-top: 135px;
  }

  .mt_sm--140 {
    margin-top: 140px;
  }

  .mt_sm--145 {
    margin-top: 145px;
  }

  .mt_sm--150 {
    margin-top: 150px;
  }

  .mt_sm--155 {
    margin-top: 155px;
  }

  .mt_sm--160 {
    margin-top: 160px;
  }

  .mt_sm--165 {
    margin-top: 165px;
  }

  .mt_sm--170 {
    margin-top: 170px;
  }

  .mt_sm--175 {
    margin-top: 175px;
  }

  .mt_sm--180 {
    margin-top: 180px;
  }

  .mt_sm--185 {
    margin-top: 185px;
  }

  .mt_sm--190 {
    margin-top: 190px;
  }

  .mt_sm--195 {
    margin-top: 195px;
  }

  .mt_sm--200 {
    margin-top: 200px;
  }

  .mt_sm--205 {
    margin-top: 205px;
  }

  .mt_sm--210 {
    margin-top: 210px;
  }

  .mt_sm--215 {
    margin-top: 215px;
  }

  .mt_sm--220 {
    margin-top: 220px;
  }

  .mt_sm--225 {
    margin-top: 225px;
  }

  .mt_sm--230 {
    margin-top: 230px;
  }

  .mt_sm--235 {
    margin-top: 235px;
  }

  .mt_sm--240 {
    margin-top: 240px;
  }

  .mt_sm--245 {
    margin-top: 245px;
  }

  .mt_sm--250 {
    margin-top: 250px;
  }
}
@media (min-width: 768px) {
  .mt_md--5 {
    margin-top: 5px;
  }

  .mt_md--10 {
    margin-top: 10px;
  }

  .mt_md--15 {
    margin-top: 15px;
  }

  .mt_md--20 {
    margin-top: 20px;
  }

  .mt_md--25 {
    margin-top: 25px;
  }

  .mt_md--30 {
    margin-top: 30px;
  }

  .mt_md--35 {
    margin-top: 35px;
  }

  .mt_md--40 {
    margin-top: 40px;
  }

  .mt_md--45 {
    margin-top: 45px;
  }

  .mt_md--50 {
    margin-top: 50px;
  }

  .mt_md--55 {
    margin-top: 55px;
  }

  .mt_md--60 {
    margin-top: 60px;
  }

  .mt_md--65 {
    margin-top: 65px;
  }

  .mt_md--70 {
    margin-top: 70px;
  }

  .mt_md--75 {
    margin-top: 75px;
  }

  .mt_md--80 {
    margin-top: 80px;
  }

  .mt_md--85 {
    margin-top: 85px;
  }

  .mt_md--90 {
    margin-top: 90px;
  }

  .mt_md--95 {
    margin-top: 95px;
  }

  .mt_md--100 {
    margin-top: 100px;
  }

  .mt_md--105 {
    margin-top: 105px;
  }

  .mt_md--110 {
    margin-top: 110px;
  }

  .mt_md--115 {
    margin-top: 115px;
  }

  .mt_md--120 {
    margin-top: 120px;
  }

  .mt_md--125 {
    margin-top: 125px;
  }

  .mt_md--130 {
    margin-top: 130px;
  }

  .mt_md--135 {
    margin-top: 135px;
  }

  .mt_md--140 {
    margin-top: 140px;
  }

  .mt_md--145 {
    margin-top: 145px;
  }

  .mt_md--150 {
    margin-top: 150px;
  }

  .mt_md--155 {
    margin-top: 155px;
  }

  .mt_md--160 {
    margin-top: 160px;
  }

  .mt_md--165 {
    margin-top: 165px;
  }

  .mt_md--170 {
    margin-top: 170px;
  }

  .mt_md--175 {
    margin-top: 175px;
  }

  .mt_md--180 {
    margin-top: 180px;
  }

  .mt_md--185 {
    margin-top: 185px;
  }

  .mt_md--190 {
    margin-top: 190px;
  }

  .mt_md--195 {
    margin-top: 195px;
  }

  .mt_md--200 {
    margin-top: 200px;
  }

  .mt_md--205 {
    margin-top: 205px;
  }

  .mt_md--210 {
    margin-top: 210px;
  }

  .mt_md--215 {
    margin-top: 215px;
  }

  .mt_md--220 {
    margin-top: 220px;
  }

  .mt_md--225 {
    margin-top: 225px;
  }

  .mt_md--230 {
    margin-top: 230px;
  }

  .mt_md--235 {
    margin-top: 235px;
  }

  .mt_md--240 {
    margin-top: 240px;
  }

  .mt_md--245 {
    margin-top: 245px;
  }

  .mt_md--250 {
    margin-top: 250px;
  }
}
@media (min-width: 992px) {
  .mt_lg--5 {
    margin-top: 5px;
  }

  .mt_lg--10 {
    margin-top: 10px;
  }

  .mt_lg--15 {
    margin-top: 15px;
  }

  .mt_lg--20 {
    margin-top: 20px;
  }

  .mt_lg--25 {
    margin-top: 25px;
  }

  .mt_lg--30 {
    margin-top: 30px;
  }

  .mt_lg--35 {
    margin-top: 35px;
  }

  .mt_lg--40 {
    margin-top: 40px;
  }

  .mt_lg--45 {
    margin-top: 45px;
  }

  .mt_lg--50 {
    margin-top: 50px;
  }

  .mt_lg--55 {
    margin-top: 55px;
  }

  .mt_lg--60 {
    margin-top: 60px;
  }

  .mt_lg--65 {
    margin-top: 65px;
  }

  .mt_lg--70 {
    margin-top: 70px;
  }

  .mt_lg--75 {
    margin-top: 75px;
  }

  .mt_lg--80 {
    margin-top: 80px;
  }

  .mt_lg--85 {
    margin-top: 85px;
  }

  .mt_lg--90 {
    margin-top: 90px;
  }

  .mt_lg--95 {
    margin-top: 95px;
  }

  .mt_lg--100 {
    margin-top: 100px;
  }

  .mt_lg--105 {
    margin-top: 105px;
  }

  .mt_lg--110 {
    margin-top: 110px;
  }

  .mt_lg--115 {
    margin-top: 115px;
  }

  .mt_lg--120 {
    margin-top: 120px;
  }

  .mt_lg--125 {
    margin-top: 125px;
  }

  .mt_lg--130 {
    margin-top: 130px;
  }

  .mt_lg--135 {
    margin-top: 135px;
  }

  .mt_lg--140 {
    margin-top: 140px;
  }

  .mt_lg--145 {
    margin-top: 145px;
  }

  .mt_lg--150 {
    margin-top: 150px;
  }

  .mt_lg--155 {
    margin-top: 155px;
  }

  .mt_lg--160 {
    margin-top: 160px;
  }

  .mt_lg--165 {
    margin-top: 165px;
  }

  .mt_lg--170 {
    margin-top: 170px;
  }

  .mt_lg--175 {
    margin-top: 175px;
  }

  .mt_lg--180 {
    margin-top: 180px;
  }

  .mt_lg--185 {
    margin-top: 185px;
  }

  .mt_lg--190 {
    margin-top: 190px;
  }

  .mt_lg--195 {
    margin-top: 195px;
  }

  .mt_lg--200 {
    margin-top: 200px;
  }

  .mt_lg--205 {
    margin-top: 205px;
  }

  .mt_lg--210 {
    margin-top: 210px;
  }

  .mt_lg--215 {
    margin-top: 215px;
  }

  .mt_lg--220 {
    margin-top: 220px;
  }

  .mt_lg--225 {
    margin-top: 225px;
  }

  .mt_lg--230 {
    margin-top: 230px;
  }

  .mt_lg--235 {
    margin-top: 235px;
  }

  .mt_lg--240 {
    margin-top: 240px;
  }

  .mt_lg--245 {
    margin-top: 245px;
  }

  .mt_lg--250 {
    margin-top: 250px;
  }
}
@media (min-width: 1200px) {
  .mt_xl--5 {
    margin-top: 5px;
  }

  .mt_xl--10 {
    margin-top: 10px;
  }

  .mt_xl--15 {
    margin-top: 15px;
  }

  .mt_xl--20 {
    margin-top: 20px;
  }

  .mt_xl--25 {
    margin-top: 25px;
  }

  .mt_xl--30 {
    margin-top: 30px;
  }

  .mt_xl--35 {
    margin-top: 35px;
  }

  .mt_xl--40 {
    margin-top: 40px;
  }

  .mt_xl--45 {
    margin-top: 45px;
  }

  .mt_xl--50 {
    margin-top: 50px;
  }

  .mt_xl--55 {
    margin-top: 55px;
  }

  .mt_xl--60 {
    margin-top: 60px;
  }

  .mt_xl--65 {
    margin-top: 65px;
  }

  .mt_xl--70 {
    margin-top: 70px;
  }

  .mt_xl--75 {
    margin-top: 75px;
  }

  .mt_xl--80 {
    margin-top: 80px;
  }

  .mt_xl--85 {
    margin-top: 85px;
  }

  .mt_xl--90 {
    margin-top: 90px;
  }

  .mt_xl--95 {
    margin-top: 95px;
  }

  .mt_xl--100 {
    margin-top: 100px;
  }

  .mt_xl--105 {
    margin-top: 105px;
  }

  .mt_xl--110 {
    margin-top: 110px;
  }

  .mt_xl--115 {
    margin-top: 115px;
  }

  .mt_xl--120 {
    margin-top: 120px;
  }

  .mt_xl--125 {
    margin-top: 125px;
  }

  .mt_xl--130 {
    margin-top: 130px;
  }

  .mt_xl--135 {
    margin-top: 135px;
  }

  .mt_xl--140 {
    margin-top: 140px;
  }

  .mt_xl--145 {
    margin-top: 145px;
  }

  .mt_xl--150 {
    margin-top: 150px;
  }

  .mt_xl--155 {
    margin-top: 155px;
  }

  .mt_xl--160 {
    margin-top: 160px;
  }

  .mt_xl--165 {
    margin-top: 165px;
  }

  .mt_xl--170 {
    margin-top: 170px;
  }

  .mt_xl--175 {
    margin-top: 175px;
  }

  .mt_xl--180 {
    margin-top: 180px;
  }

  .mt_xl--185 {
    margin-top: 185px;
  }

  .mt_xl--190 {
    margin-top: 190px;
  }

  .mt_xl--195 {
    margin-top: 195px;
  }

  .mt_xl--200 {
    margin-top: 200px;
  }

  .mt_xl--205 {
    margin-top: 205px;
  }

  .mt_xl--210 {
    margin-top: 210px;
  }

  .mt_xl--215 {
    margin-top: 215px;
  }

  .mt_xl--220 {
    margin-top: 220px;
  }

  .mt_xl--225 {
    margin-top: 225px;
  }

  .mt_xl--230 {
    margin-top: 230px;
  }

  .mt_xl--235 {
    margin-top: 235px;
  }

  .mt_xl--240 {
    margin-top: 240px;
  }

  .mt_xl--245 {
    margin-top: 245px;
  }

  .mt_xl--250 {
    margin-top: 250px;
  }
}
.mb--5 {
  margin-bottom: 5px;
}

.mb--10 {
  margin-bottom: 10px;
}

.mb--15 {
  margin-bottom: 15px;
}

.mb--20 {
  margin-bottom: 20px;
}

.mb--25 {
  margin-bottom: 25px;
}

.mb--30 {
  margin-bottom: 30px;
}

.mb--35 {
  margin-bottom: 35px;
}

.mb--40 {
  margin-bottom: 40px;
}

.mb--45 {
  margin-bottom: 45px;
}

.mb--50 {
  margin-bottom: 50px;
}

.mb--55 {
  margin-bottom: 55px;
}

.mb--60 {
  margin-bottom: 60px;
}

.mb--65 {
  margin-bottom: 65px;
}

.mb--70 {
  margin-bottom: 70px;
}

.mb--75 {
  margin-bottom: 75px;
}

.mb--80 {
  margin-bottom: 80px;
}

.mb--85 {
  margin-bottom: 85px;
}

.mb--90 {
  margin-bottom: 90px;
}

.mb--95 {
  margin-bottom: 95px;
}

.mb--100 {
  margin-bottom: 100px;
}

.mb--105 {
  margin-bottom: 105px;
}

.mb--110 {
  margin-bottom: 110px;
}

.mb--115 {
  margin-bottom: 115px;
}

.mb--120 {
  margin-bottom: 120px;
}

.mb--125 {
  margin-bottom: 125px;
}

.mb--130 {
  margin-bottom: 130px;
}

.mb--135 {
  margin-bottom: 135px;
}

.mb--140 {
  margin-bottom: 140px;
}

.mb--145 {
  margin-bottom: 145px;
}

.mb--150 {
  margin-bottom: 150px;
}

.mb--155 {
  margin-bottom: 155px;
}

.mb--160 {
  margin-bottom: 160px;
}

.mb--165 {
  margin-bottom: 165px;
}

.mb--170 {
  margin-bottom: 170px;
}

.mb--175 {
  margin-bottom: 175px;
}

.mb--180 {
  margin-bottom: 180px;
}

.mb--185 {
  margin-bottom: 185px;
}

.mb--190 {
  margin-bottom: 190px;
}

.mb--195 {
  margin-bottom: 195px;
}

.mb--200 {
  margin-bottom: 200px;
}

.mb--205 {
  margin-bottom: 205px;
}

.mb--210 {
  margin-bottom: 210px;
}

.mb--215 {
  margin-bottom: 215px;
}

.mb--220 {
  margin-bottom: 220px;
}

.mb--225 {
  margin-bottom: 225px;
}

.mb--230 {
  margin-bottom: 230px;
}

.mb--235 {
  margin-bottom: 235px;
}

.mb--240 {
  margin-bottom: 240px;
}

.mb--245 {
  margin-bottom: 245px;
}

.mb--250 {
  margin-bottom: 250px;
}

@media (min-width: 576px) {
  .mb_sm--5 {
    margin-bottom: 5px;
  }

  .mb_sm--10 {
    margin-bottom: 10px;
  }

  .mb_sm--15 {
    margin-bottom: 15px;
  }

  .mb_sm--20 {
    margin-bottom: 20px;
  }

  .mb_sm--25 {
    margin-bottom: 25px;
  }

  .mb_sm--30 {
    margin-bottom: 30px;
  }

  .mb_sm--35 {
    margin-bottom: 35px;
  }

  .mb_sm--40 {
    margin-bottom: 40px;
  }

  .mb_sm--45 {
    margin-bottom: 45px;
  }

  .mb_sm--50 {
    margin-bottom: 50px;
  }

  .mb_sm--55 {
    margin-bottom: 55px;
  }

  .mb_sm--60 {
    margin-bottom: 60px;
  }

  .mb_sm--65 {
    margin-bottom: 65px;
  }

  .mb_sm--70 {
    margin-bottom: 70px;
  }

  .mb_sm--75 {
    margin-bottom: 75px;
  }

  .mb_sm--80 {
    margin-bottom: 80px;
  }

  .mb_sm--85 {
    margin-bottom: 85px;
  }

  .mb_sm--90 {
    margin-bottom: 90px;
  }

  .mb_sm--95 {
    margin-bottom: 95px;
  }

  .mb_sm--100 {
    margin-bottom: 100px;
  }

  .mb_sm--105 {
    margin-bottom: 105px;
  }

  .mb_sm--110 {
    margin-bottom: 110px;
  }

  .mb_sm--115 {
    margin-bottom: 115px;
  }

  .mb_sm--120 {
    margin-bottom: 120px;
  }

  .mb_sm--125 {
    margin-bottom: 125px;
  }

  .mb_sm--130 {
    margin-bottom: 130px;
  }

  .mb_sm--135 {
    margin-bottom: 135px;
  }

  .mb_sm--140 {
    margin-bottom: 140px;
  }

  .mb_sm--145 {
    margin-bottom: 145px;
  }

  .mb_sm--150 {
    margin-bottom: 150px;
  }

  .mb_sm--155 {
    margin-bottom: 155px;
  }

  .mb_sm--160 {
    margin-bottom: 160px;
  }

  .mb_sm--165 {
    margin-bottom: 165px;
  }

  .mb_sm--170 {
    margin-bottom: 170px;
  }

  .mb_sm--175 {
    margin-bottom: 175px;
  }

  .mb_sm--180 {
    margin-bottom: 180px;
  }

  .mb_sm--185 {
    margin-bottom: 185px;
  }

  .mb_sm--190 {
    margin-bottom: 190px;
  }

  .mb_sm--195 {
    margin-bottom: 195px;
  }

  .mb_sm--200 {
    margin-bottom: 200px;
  }

  .mb_sm--205 {
    margin-bottom: 205px;
  }

  .mb_sm--210 {
    margin-bottom: 210px;
  }

  .mb_sm--215 {
    margin-bottom: 215px;
  }

  .mb_sm--220 {
    margin-bottom: 220px;
  }

  .mb_sm--225 {
    margin-bottom: 225px;
  }

  .mb_sm--230 {
    margin-bottom: 230px;
  }

  .mb_sm--235 {
    margin-bottom: 235px;
  }

  .mb_sm--240 {
    margin-bottom: 240px;
  }

  .mb_sm--245 {
    margin-bottom: 245px;
  }

  .mb_sm--250 {
    margin-bottom: 250px;
  }
}
@media (min-width: 768px) {
  .mb_md--5 {
    margin-bottom: 5px;
  }

  .mb_md--10 {
    margin-bottom: 10px;
  }

  .mb_md--15 {
    margin-bottom: 15px;
  }

  .mb_md--20 {
    margin-bottom: 20px;
  }

  .mb_md--25 {
    margin-bottom: 25px;
  }

  .mb_md--30 {
    margin-bottom: 30px;
  }

  .mb_md--35 {
    margin-bottom: 35px;
  }

  .mb_md--40 {
    margin-bottom: 40px;
  }

  .mb_md--45 {
    margin-bottom: 45px;
  }

  .mb_md--50 {
    margin-bottom: 50px;
  }

  .mb_md--55 {
    margin-bottom: 55px;
  }

  .mb_md--60 {
    margin-bottom: 60px;
  }

  .mb_md--65 {
    margin-bottom: 65px;
  }

  .mb_md--70 {
    margin-bottom: 70px;
  }

  .mb_md--75 {
    margin-bottom: 75px;
  }

  .mb_md--80 {
    margin-bottom: 80px;
  }

  .mb_md--85 {
    margin-bottom: 85px;
  }

  .mb_md--90 {
    margin-bottom: 90px;
  }

  .mb_md--95 {
    margin-bottom: 95px;
  }

  .mb_md--100 {
    margin-bottom: 100px;
  }

  .mb_md--105 {
    margin-bottom: 105px;
  }

  .mb_md--110 {
    margin-bottom: 110px;
  }

  .mb_md--115 {
    margin-bottom: 115px;
  }

  .mb_md--120 {
    margin-bottom: 120px;
  }

  .mb_md--125 {
    margin-bottom: 125px;
  }

  .mb_md--130 {
    margin-bottom: 130px;
  }

  .mb_md--135 {
    margin-bottom: 135px;
  }

  .mb_md--140 {
    margin-bottom: 140px;
  }

  .mb_md--145 {
    margin-bottom: 145px;
  }

  .mb_md--150 {
    margin-bottom: 150px;
  }

  .mb_md--155 {
    margin-bottom: 155px;
  }

  .mb_md--160 {
    margin-bottom: 160px;
  }

  .mb_md--165 {
    margin-bottom: 165px;
  }

  .mb_md--170 {
    margin-bottom: 170px;
  }

  .mb_md--175 {
    margin-bottom: 175px;
  }

  .mb_md--180 {
    margin-bottom: 180px;
  }

  .mb_md--185 {
    margin-bottom: 185px;
  }

  .mb_md--190 {
    margin-bottom: 190px;
  }

  .mb_md--195 {
    margin-bottom: 195px;
  }

  .mb_md--200 {
    margin-bottom: 200px;
  }

  .mb_md--205 {
    margin-bottom: 205px;
  }

  .mb_md--210 {
    margin-bottom: 210px;
  }

  .mb_md--215 {
    margin-bottom: 215px;
  }

  .mb_md--220 {
    margin-bottom: 220px;
  }

  .mb_md--225 {
    margin-bottom: 225px;
  }

  .mb_md--230 {
    margin-bottom: 230px;
  }

  .mb_md--235 {
    margin-bottom: 235px;
  }

  .mb_md--240 {
    margin-bottom: 240px;
  }

  .mb_md--245 {
    margin-bottom: 245px;
  }

  .mb_md--250 {
    margin-bottom: 250px;
  }
}
@media (min-width: 992px) {
  .mb_lg--5 {
    margin-bottom: 5px;
  }

  .mb_lg--10 {
    margin-bottom: 10px;
  }

  .mb_lg--15 {
    margin-bottom: 15px;
  }

  .mb_lg--20 {
    margin-bottom: 20px;
  }

  .mb_lg--25 {
    margin-bottom: 25px;
  }

  .mb_lg--30 {
    margin-bottom: 30px;
  }

  .mb_lg--35 {
    margin-bottom: 35px;
  }

  .mb_lg--40 {
    margin-bottom: 40px;
  }

  .mb_lg--45 {
    margin-bottom: 45px;
  }

  .mb_lg--50 {
    margin-bottom: 50px;
  }

  .mb_lg--55 {
    margin-bottom: 55px;
  }

  .mb_lg--60 {
    margin-bottom: 60px;
  }

  .mb_lg--65 {
    margin-bottom: 65px;
  }

  .mb_lg--70 {
    margin-bottom: 70px;
  }

  .mb_lg--75 {
    margin-bottom: 75px;
  }

  .mb_lg--80 {
    margin-bottom: 80px;
  }

  .mb_lg--85 {
    margin-bottom: 85px;
  }

  .mb_lg--90 {
    margin-bottom: 90px;
  }

  .mb_lg--95 {
    margin-bottom: 95px;
  }

  .mb_lg--100 {
    margin-bottom: 100px;
  }

  .mb_lg--105 {
    margin-bottom: 105px;
  }

  .mb_lg--110 {
    margin-bottom: 110px;
  }

  .mb_lg--115 {
    margin-bottom: 115px;
  }

  .mb_lg--120 {
    margin-bottom: 120px;
  }

  .mb_lg--125 {
    margin-bottom: 125px;
  }

  .mb_lg--130 {
    margin-bottom: 130px;
  }

  .mb_lg--135 {
    margin-bottom: 135px;
  }

  .mb_lg--140 {
    margin-bottom: 140px;
  }

  .mb_lg--145 {
    margin-bottom: 145px;
  }

  .mb_lg--150 {
    margin-bottom: 150px;
  }

  .mb_lg--155 {
    margin-bottom: 155px;
  }

  .mb_lg--160 {
    margin-bottom: 160px;
  }

  .mb_lg--165 {
    margin-bottom: 165px;
  }

  .mb_lg--170 {
    margin-bottom: 170px;
  }

  .mb_lg--175 {
    margin-bottom: 175px;
  }

  .mb_lg--180 {
    margin-bottom: 180px;
  }

  .mb_lg--185 {
    margin-bottom: 185px;
  }

  .mb_lg--190 {
    margin-bottom: 190px;
  }

  .mb_lg--195 {
    margin-bottom: 195px;
  }

  .mb_lg--200 {
    margin-bottom: 200px;
  }

  .mb_lg--205 {
    margin-bottom: 205px;
  }

  .mb_lg--210 {
    margin-bottom: 210px;
  }

  .mb_lg--215 {
    margin-bottom: 215px;
  }

  .mb_lg--220 {
    margin-bottom: 220px;
  }

  .mb_lg--225 {
    margin-bottom: 225px;
  }

  .mb_lg--230 {
    margin-bottom: 230px;
  }

  .mb_lg--235 {
    margin-bottom: 235px;
  }

  .mb_lg--240 {
    margin-bottom: 240px;
  }

  .mb_lg--245 {
    margin-bottom: 245px;
  }

  .mb_lg--250 {
    margin-bottom: 250px;
  }
}
@media (min-width: 1200px) {
  .mb_xl--5 {
    margin-bottom: 5px;
  }

  .mb_xl--10 {
    margin-bottom: 10px;
  }

  .mb_xl--15 {
    margin-bottom: 15px;
  }

  .mb_xl--20 {
    margin-bottom: 20px;
  }

  .mb_xl--25 {
    margin-bottom: 25px;
  }

  .mb_xl--30 {
    margin-bottom: 30px;
  }

  .mb_xl--35 {
    margin-bottom: 35px;
  }

  .mb_xl--40 {
    margin-bottom: 40px;
  }

  .mb_xl--45 {
    margin-bottom: 45px;
  }

  .mb_xl--50 {
    margin-bottom: 50px;
  }

  .mb_xl--55 {
    margin-bottom: 55px;
  }

  .mb_xl--60 {
    margin-bottom: 60px;
  }

  .mb_xl--65 {
    margin-bottom: 65px;
  }

  .mb_xl--70 {
    margin-bottom: 70px;
  }

  .mb_xl--75 {
    margin-bottom: 75px;
  }

  .mb_xl--80 {
    margin-bottom: 80px;
  }

  .mb_xl--85 {
    margin-bottom: 85px;
  }

  .mb_xl--90 {
    margin-bottom: 90px;
  }

  .mb_xl--95 {
    margin-bottom: 95px;
  }

  .mb_xl--100 {
    margin-bottom: 100px;
  }

  .mb_xl--105 {
    margin-bottom: 105px;
  }

  .mb_xl--110 {
    margin-bottom: 110px;
  }

  .mb_xl--115 {
    margin-bottom: 115px;
  }

  .mb_xl--120 {
    margin-bottom: 120px;
  }

  .mb_xl--125 {
    margin-bottom: 125px;
  }

  .mb_xl--130 {
    margin-bottom: 130px;
  }

  .mb_xl--135 {
    margin-bottom: 135px;
  }

  .mb_xl--140 {
    margin-bottom: 140px;
  }

  .mb_xl--145 {
    margin-bottom: 145px;
  }

  .mb_xl--150 {
    margin-bottom: 150px;
  }

  .mb_xl--155 {
    margin-bottom: 155px;
  }

  .mb_xl--160 {
    margin-bottom: 160px;
  }

  .mb_xl--165 {
    margin-bottom: 165px;
  }

  .mb_xl--170 {
    margin-bottom: 170px;
  }

  .mb_xl--175 {
    margin-bottom: 175px;
  }

  .mb_xl--180 {
    margin-bottom: 180px;
  }

  .mb_xl--185 {
    margin-bottom: 185px;
  }

  .mb_xl--190 {
    margin-bottom: 190px;
  }

  .mb_xl--195 {
    margin-bottom: 195px;
  }

  .mb_xl--200 {
    margin-bottom: 200px;
  }

  .mb_xl--205 {
    margin-bottom: 205px;
  }

  .mb_xl--210 {
    margin-bottom: 210px;
  }

  .mb_xl--215 {
    margin-bottom: 215px;
  }

  .mb_xl--220 {
    margin-bottom: 220px;
  }

  .mb_xl--225 {
    margin-bottom: 225px;
  }

  .mb_xl--230 {
    margin-bottom: 230px;
  }

  .mb_xl--235 {
    margin-bottom: 235px;
  }

  .mb_xl--240 {
    margin-bottom: 240px;
  }

  .mb_xl--245 {
    margin-bottom: 245px;
  }

  .mb_xl--250 {
    margin-bottom: 250px;
  }
}
.mr--5 {
  margin-right: 5px;
}

.mr--10 {
  margin-right: 10px;
}

.mr--15 {
  margin-right: 15px;
}

.mr--20 {
  margin-right: 20px;
}

.mr--25 {
  margin-right: 25px;
}

.mr--30 {
  margin-right: 30px;
}

.mr--35 {
  margin-right: 35px;
}

.mr--40 {
  margin-right: 40px;
}

.mr--45 {
  margin-right: 45px;
}

.mr--50 {
  margin-right: 50px;
}

.mr--55 {
  margin-right: 55px;
}

.mr--60 {
  margin-right: 60px;
}

.mr--65 {
  margin-right: 65px;
}

.mr--70 {
  margin-right: 70px;
}

.mr--75 {
  margin-right: 75px;
}

.mr--80 {
  margin-right: 80px;
}

.mr--85 {
  margin-right: 85px;
}

.mr--90 {
  margin-right: 90px;
}

.mr--95 {
  margin-right: 95px;
}

.mr--100 {
  margin-right: 100px;
}

.mr--105 {
  margin-right: 105px;
}

.mr--110 {
  margin-right: 110px;
}

.mr--115 {
  margin-right: 115px;
}

.mr--120 {
  margin-right: 120px;
}

.mr--125 {
  margin-right: 125px;
}

.mr--130 {
  margin-right: 130px;
}

.mr--135 {
  margin-right: 135px;
}

.mr--140 {
  margin-right: 140px;
}

.mr--145 {
  margin-right: 145px;
}

.mr--150 {
  margin-right: 150px;
}

.mr--155 {
  margin-right: 155px;
}

.mr--160 {
  margin-right: 160px;
}

.mr--165 {
  margin-right: 165px;
}

.mr--170 {
  margin-right: 170px;
}

.mr--175 {
  margin-right: 175px;
}

.mr--180 {
  margin-right: 180px;
}

.mr--185 {
  margin-right: 185px;
}

.mr--190 {
  margin-right: 190px;
}

.mr--195 {
  margin-right: 195px;
}

.mr--200 {
  margin-right: 200px;
}

.mr--205 {
  margin-right: 205px;
}

.mr--210 {
  margin-right: 210px;
}

.mr--215 {
  margin-right: 215px;
}

.mr--220 {
  margin-right: 220px;
}

.mr--225 {
  margin-right: 225px;
}

.mr--230 {
  margin-right: 230px;
}

.mr--235 {
  margin-right: 235px;
}

.mr--240 {
  margin-right: 240px;
}

.mr--245 {
  margin-right: 245px;
}

.mr--250 {
  margin-right: 250px;
}

@media (min-width: 576px) {
  .mr_sm--5 {
    margin-right: 5px;
  }

  .mr_sm--10 {
    margin-right: 10px;
  }

  .mr_sm--15 {
    margin-right: 15px;
  }

  .mr_sm--20 {
    margin-right: 20px;
  }

  .mr_sm--25 {
    margin-right: 25px;
  }

  .mr_sm--30 {
    margin-right: 30px;
  }

  .mr_sm--35 {
    margin-right: 35px;
  }

  .mr_sm--40 {
    margin-right: 40px;
  }

  .mr_sm--45 {
    margin-right: 45px;
  }

  .mr_sm--50 {
    margin-right: 50px;
  }

  .mr_sm--55 {
    margin-right: 55px;
  }

  .mr_sm--60 {
    margin-right: 60px;
  }

  .mr_sm--65 {
    margin-right: 65px;
  }

  .mr_sm--70 {
    margin-right: 70px;
  }

  .mr_sm--75 {
    margin-right: 75px;
  }

  .mr_sm--80 {
    margin-right: 80px;
  }

  .mr_sm--85 {
    margin-right: 85px;
  }

  .mr_sm--90 {
    margin-right: 90px;
  }

  .mr_sm--95 {
    margin-right: 95px;
  }

  .mr_sm--100 {
    margin-right: 100px;
  }

  .mr_sm--105 {
    margin-right: 105px;
  }

  .mr_sm--110 {
    margin-right: 110px;
  }

  .mr_sm--115 {
    margin-right: 115px;
  }

  .mr_sm--120 {
    margin-right: 120px;
  }

  .mr_sm--125 {
    margin-right: 125px;
  }

  .mr_sm--130 {
    margin-right: 130px;
  }

  .mr_sm--135 {
    margin-right: 135px;
  }

  .mr_sm--140 {
    margin-right: 140px;
  }

  .mr_sm--145 {
    margin-right: 145px;
  }

  .mr_sm--150 {
    margin-right: 150px;
  }

  .mr_sm--155 {
    margin-right: 155px;
  }

  .mr_sm--160 {
    margin-right: 160px;
  }

  .mr_sm--165 {
    margin-right: 165px;
  }

  .mr_sm--170 {
    margin-right: 170px;
  }

  .mr_sm--175 {
    margin-right: 175px;
  }

  .mr_sm--180 {
    margin-right: 180px;
  }

  .mr_sm--185 {
    margin-right: 185px;
  }

  .mr_sm--190 {
    margin-right: 190px;
  }

  .mr_sm--195 {
    margin-right: 195px;
  }

  .mr_sm--200 {
    margin-right: 200px;
  }

  .mr_sm--205 {
    margin-right: 205px;
  }

  .mr_sm--210 {
    margin-right: 210px;
  }

  .mr_sm--215 {
    margin-right: 215px;
  }

  .mr_sm--220 {
    margin-right: 220px;
  }

  .mr_sm--225 {
    margin-right: 225px;
  }

  .mr_sm--230 {
    margin-right: 230px;
  }

  .mr_sm--235 {
    margin-right: 235px;
  }

  .mr_sm--240 {
    margin-right: 240px;
  }

  .mr_sm--245 {
    margin-right: 245px;
  }

  .mr_sm--250 {
    margin-right: 250px;
  }
}
@media (min-width: 768px) {
  .mr_md--5 {
    margin-right: 5px;
  }

  .mr_md--10 {
    margin-right: 10px;
  }

  .mr_md--15 {
    margin-right: 15px;
  }

  .mr_md--20 {
    margin-right: 20px;
  }

  .mr_md--25 {
    margin-right: 25px;
  }

  .mr_md--30 {
    margin-right: 30px;
  }

  .mr_md--35 {
    margin-right: 35px;
  }

  .mr_md--40 {
    margin-right: 40px;
  }

  .mr_md--45 {
    margin-right: 45px;
  }

  .mr_md--50 {
    margin-right: 50px;
  }

  .mr_md--55 {
    margin-right: 55px;
  }

  .mr_md--60 {
    margin-right: 60px;
  }

  .mr_md--65 {
    margin-right: 65px;
  }

  .mr_md--70 {
    margin-right: 70px;
  }

  .mr_md--75 {
    margin-right: 75px;
  }

  .mr_md--80 {
    margin-right: 80px;
  }

  .mr_md--85 {
    margin-right: 85px;
  }

  .mr_md--90 {
    margin-right: 90px;
  }

  .mr_md--95 {
    margin-right: 95px;
  }

  .mr_md--100 {
    margin-right: 100px;
  }

  .mr_md--105 {
    margin-right: 105px;
  }

  .mr_md--110 {
    margin-right: 110px;
  }

  .mr_md--115 {
    margin-right: 115px;
  }

  .mr_md--120 {
    margin-right: 120px;
  }

  .mr_md--125 {
    margin-right: 125px;
  }

  .mr_md--130 {
    margin-right: 130px;
  }

  .mr_md--135 {
    margin-right: 135px;
  }

  .mr_md--140 {
    margin-right: 140px;
  }

  .mr_md--145 {
    margin-right: 145px;
  }

  .mr_md--150 {
    margin-right: 150px;
  }

  .mr_md--155 {
    margin-right: 155px;
  }

  .mr_md--160 {
    margin-right: 160px;
  }

  .mr_md--165 {
    margin-right: 165px;
  }

  .mr_md--170 {
    margin-right: 170px;
  }

  .mr_md--175 {
    margin-right: 175px;
  }

  .mr_md--180 {
    margin-right: 180px;
  }

  .mr_md--185 {
    margin-right: 185px;
  }

  .mr_md--190 {
    margin-right: 190px;
  }

  .mr_md--195 {
    margin-right: 195px;
  }

  .mr_md--200 {
    margin-right: 200px;
  }

  .mr_md--205 {
    margin-right: 205px;
  }

  .mr_md--210 {
    margin-right: 210px;
  }

  .mr_md--215 {
    margin-right: 215px;
  }

  .mr_md--220 {
    margin-right: 220px;
  }

  .mr_md--225 {
    margin-right: 225px;
  }

  .mr_md--230 {
    margin-right: 230px;
  }

  .mr_md--235 {
    margin-right: 235px;
  }

  .mr_md--240 {
    margin-right: 240px;
  }

  .mr_md--245 {
    margin-right: 245px;
  }

  .mr_md--250 {
    margin-right: 250px;
  }
}
@media (min-width: 992px) {
  .mr_lg--5 {
    margin-right: 5px;
  }

  .mr_lg--10 {
    margin-right: 10px;
  }

  .mr_lg--15 {
    margin-right: 15px;
  }

  .mr_lg--20 {
    margin-right: 20px;
  }

  .mr_lg--25 {
    margin-right: 25px;
  }

  .mr_lg--30 {
    margin-right: 30px;
  }

  .mr_lg--35 {
    margin-right: 35px;
  }

  .mr_lg--40 {
    margin-right: 40px;
  }

  .mr_lg--45 {
    margin-right: 45px;
  }

  .mr_lg--50 {
    margin-right: 50px;
  }

  .mr_lg--55 {
    margin-right: 55px;
  }

  .mr_lg--60 {
    margin-right: 60px;
  }

  .mr_lg--65 {
    margin-right: 65px;
  }

  .mr_lg--70 {
    margin-right: 70px;
  }

  .mr_lg--75 {
    margin-right: 75px;
  }

  .mr_lg--80 {
    margin-right: 80px;
  }

  .mr_lg--85 {
    margin-right: 85px;
  }

  .mr_lg--90 {
    margin-right: 90px;
  }

  .mr_lg--95 {
    margin-right: 95px;
  }

  .mr_lg--100 {
    margin-right: 100px;
  }

  .mr_lg--105 {
    margin-right: 105px;
  }

  .mr_lg--110 {
    margin-right: 110px;
  }

  .mr_lg--115 {
    margin-right: 115px;
  }

  .mr_lg--120 {
    margin-right: 120px;
  }

  .mr_lg--125 {
    margin-right: 125px;
  }

  .mr_lg--130 {
    margin-right: 130px;
  }

  .mr_lg--135 {
    margin-right: 135px;
  }

  .mr_lg--140 {
    margin-right: 140px;
  }

  .mr_lg--145 {
    margin-right: 145px;
  }

  .mr_lg--150 {
    margin-right: 150px;
  }

  .mr_lg--155 {
    margin-right: 155px;
  }

  .mr_lg--160 {
    margin-right: 160px;
  }

  .mr_lg--165 {
    margin-right: 165px;
  }

  .mr_lg--170 {
    margin-right: 170px;
  }

  .mr_lg--175 {
    margin-right: 175px;
  }

  .mr_lg--180 {
    margin-right: 180px;
  }

  .mr_lg--185 {
    margin-right: 185px;
  }

  .mr_lg--190 {
    margin-right: 190px;
  }

  .mr_lg--195 {
    margin-right: 195px;
  }

  .mr_lg--200 {
    margin-right: 200px;
  }

  .mr_lg--205 {
    margin-right: 205px;
  }

  .mr_lg--210 {
    margin-right: 210px;
  }

  .mr_lg--215 {
    margin-right: 215px;
  }

  .mr_lg--220 {
    margin-right: 220px;
  }

  .mr_lg--225 {
    margin-right: 225px;
  }

  .mr_lg--230 {
    margin-right: 230px;
  }

  .mr_lg--235 {
    margin-right: 235px;
  }

  .mr_lg--240 {
    margin-right: 240px;
  }

  .mr_lg--245 {
    margin-right: 245px;
  }

  .mr_lg--250 {
    margin-right: 250px;
  }
}
@media (min-width: 1200px) {
  .mr_xl--5 {
    margin-right: 5px;
  }

  .mr_xl--10 {
    margin-right: 10px;
  }

  .mr_xl--15 {
    margin-right: 15px;
  }

  .mr_xl--20 {
    margin-right: 20px;
  }

  .mr_xl--25 {
    margin-right: 25px;
  }

  .mr_xl--30 {
    margin-right: 30px;
  }

  .mr_xl--35 {
    margin-right: 35px;
  }

  .mr_xl--40 {
    margin-right: 40px;
  }

  .mr_xl--45 {
    margin-right: 45px;
  }

  .mr_xl--50 {
    margin-right: 50px;
  }

  .mr_xl--55 {
    margin-right: 55px;
  }

  .mr_xl--60 {
    margin-right: 60px;
  }

  .mr_xl--65 {
    margin-right: 65px;
  }

  .mr_xl--70 {
    margin-right: 70px;
  }

  .mr_xl--75 {
    margin-right: 75px;
  }

  .mr_xl--80 {
    margin-right: 80px;
  }

  .mr_xl--85 {
    margin-right: 85px;
  }

  .mr_xl--90 {
    margin-right: 90px;
  }

  .mr_xl--95 {
    margin-right: 95px;
  }

  .mr_xl--100 {
    margin-right: 100px;
  }

  .mr_xl--105 {
    margin-right: 105px;
  }

  .mr_xl--110 {
    margin-right: 110px;
  }

  .mr_xl--115 {
    margin-right: 115px;
  }

  .mr_xl--120 {
    margin-right: 120px;
  }

  .mr_xl--125 {
    margin-right: 125px;
  }

  .mr_xl--130 {
    margin-right: 130px;
  }

  .mr_xl--135 {
    margin-right: 135px;
  }

  .mr_xl--140 {
    margin-right: 140px;
  }

  .mr_xl--145 {
    margin-right: 145px;
  }

  .mr_xl--150 {
    margin-right: 150px;
  }

  .mr_xl--155 {
    margin-right: 155px;
  }

  .mr_xl--160 {
    margin-right: 160px;
  }

  .mr_xl--165 {
    margin-right: 165px;
  }

  .mr_xl--170 {
    margin-right: 170px;
  }

  .mr_xl--175 {
    margin-right: 175px;
  }

  .mr_xl--180 {
    margin-right: 180px;
  }

  .mr_xl--185 {
    margin-right: 185px;
  }

  .mr_xl--190 {
    margin-right: 190px;
  }

  .mr_xl--195 {
    margin-right: 195px;
  }

  .mr_xl--200 {
    margin-right: 200px;
  }

  .mr_xl--205 {
    margin-right: 205px;
  }

  .mr_xl--210 {
    margin-right: 210px;
  }

  .mr_xl--215 {
    margin-right: 215px;
  }

  .mr_xl--220 {
    margin-right: 220px;
  }

  .mr_xl--225 {
    margin-right: 225px;
  }

  .mr_xl--230 {
    margin-right: 230px;
  }

  .mr_xl--235 {
    margin-right: 235px;
  }

  .mr_xl--240 {
    margin-right: 240px;
  }

  .mr_xl--245 {
    margin-right: 245px;
  }

  .mr_xl--250 {
    margin-right: 250px;
  }
}
.ml--5 {
  margin-left: 5px;
}

.ml--10 {
  margin-left: 10px;
}

.ml--15 {
  margin-left: 15px;
}

.ml--20 {
  margin-left: 20px;
}

.ml--25 {
  margin-left: 25px;
}

.ml--30 {
  margin-left: 30px;
}

.ml--35 {
  margin-left: 35px;
}

.ml--40 {
  margin-left: 40px;
}

.ml--45 {
  margin-left: 45px;
}

.ml--50 {
  margin-left: 50px;
}

.ml--55 {
  margin-left: 55px;
}

.ml--60 {
  margin-left: 60px;
}

.ml--65 {
  margin-left: 65px;
}

.ml--70 {
  margin-left: 70px;
}

.ml--75 {
  margin-left: 75px;
}

.ml--80 {
  margin-left: 80px;
}

.ml--85 {
  margin-left: 85px;
}

.ml--90 {
  margin-left: 90px;
}

.ml--95 {
  margin-left: 95px;
}

.ml--100 {
  margin-left: 100px;
}

.ml--105 {
  margin-left: 105px;
}

.ml--110 {
  margin-left: 110px;
}

.ml--115 {
  margin-left: 115px;
}

.ml--120 {
  margin-left: 120px;
}

.ml--125 {
  margin-left: 125px;
}

.ml--130 {
  margin-left: 130px;
}

.ml--135 {
  margin-left: 135px;
}

.ml--140 {
  margin-left: 140px;
}

.ml--145 {
  margin-left: 145px;
}

.ml--150 {
  margin-left: 150px;
}

.ml--155 {
  margin-left: 155px;
}

.ml--160 {
  margin-left: 160px;
}

.ml--165 {
  margin-left: 165px;
}

.ml--170 {
  margin-left: 170px;
}

.ml--175 {
  margin-left: 175px;
}

.ml--180 {
  margin-left: 180px;
}

.ml--185 {
  margin-left: 185px;
}

.ml--190 {
  margin-left: 190px;
}

.ml--195 {
  margin-left: 195px;
}

.ml--200 {
  margin-left: 200px;
}

.ml--205 {
  margin-left: 205px;
}

.ml--210 {
  margin-left: 210px;
}

.ml--215 {
  margin-left: 215px;
}

.ml--220 {
  margin-left: 220px;
}

.ml--225 {
  margin-left: 225px;
}

.ml--230 {
  margin-left: 230px;
}

.ml--235 {
  margin-left: 235px;
}

.ml--240 {
  margin-left: 240px;
}

.ml--245 {
  margin-left: 245px;
}

.ml--250 {
  margin-left: 250px;
}

@media (min-width: 576px) {
  .ml_sm--5 {
    margin-left: 5px;
  }

  .ml_sm--10 {
    margin-left: 10px;
  }

  .ml_sm--15 {
    margin-left: 15px;
  }

  .ml_sm--20 {
    margin-left: 20px;
  }

  .ml_sm--25 {
    margin-left: 25px;
  }

  .ml_sm--30 {
    margin-left: 30px;
  }

  .ml_sm--35 {
    margin-left: 35px;
  }

  .ml_sm--40 {
    margin-left: 40px;
  }

  .ml_sm--45 {
    margin-left: 45px;
  }

  .ml_sm--50 {
    margin-left: 50px;
  }

  .ml_sm--55 {
    margin-left: 55px;
  }

  .ml_sm--60 {
    margin-left: 60px;
  }

  .ml_sm--65 {
    margin-left: 65px;
  }

  .ml_sm--70 {
    margin-left: 70px;
  }

  .ml_sm--75 {
    margin-left: 75px;
  }

  .ml_sm--80 {
    margin-left: 80px;
  }

  .ml_sm--85 {
    margin-left: 85px;
  }

  .ml_sm--90 {
    margin-left: 90px;
  }

  .ml_sm--95 {
    margin-left: 95px;
  }

  .ml_sm--100 {
    margin-left: 100px;
  }

  .ml_sm--105 {
    margin-left: 105px;
  }

  .ml_sm--110 {
    margin-left: 110px;
  }

  .ml_sm--115 {
    margin-left: 115px;
  }

  .ml_sm--120 {
    margin-left: 120px;
  }

  .ml_sm--125 {
    margin-left: 125px;
  }

  .ml_sm--130 {
    margin-left: 130px;
  }

  .ml_sm--135 {
    margin-left: 135px;
  }

  .ml_sm--140 {
    margin-left: 140px;
  }

  .ml_sm--145 {
    margin-left: 145px;
  }

  .ml_sm--150 {
    margin-left: 150px;
  }

  .ml_sm--155 {
    margin-left: 155px;
  }

  .ml_sm--160 {
    margin-left: 160px;
  }

  .ml_sm--165 {
    margin-left: 165px;
  }

  .ml_sm--170 {
    margin-left: 170px;
  }

  .ml_sm--175 {
    margin-left: 175px;
  }

  .ml_sm--180 {
    margin-left: 180px;
  }

  .ml_sm--185 {
    margin-left: 185px;
  }

  .ml_sm--190 {
    margin-left: 190px;
  }

  .ml_sm--195 {
    margin-left: 195px;
  }

  .ml_sm--200 {
    margin-left: 200px;
  }

  .ml_sm--205 {
    margin-left: 205px;
  }

  .ml_sm--210 {
    margin-left: 210px;
  }

  .ml_sm--215 {
    margin-left: 215px;
  }

  .ml_sm--220 {
    margin-left: 220px;
  }

  .ml_sm--225 {
    margin-left: 225px;
  }

  .ml_sm--230 {
    margin-left: 230px;
  }

  .ml_sm--235 {
    margin-left: 235px;
  }

  .ml_sm--240 {
    margin-left: 240px;
  }

  .ml_sm--245 {
    margin-left: 245px;
  }

  .ml_sm--250 {
    margin-left: 250px;
  }
}
@media (min-width: 768px) {
  .ml_md--5 {
    margin-left: 5px;
  }

  .ml_md--10 {
    margin-left: 10px;
  }

  .ml_md--15 {
    margin-left: 15px;
  }

  .ml_md--20 {
    margin-left: 20px;
  }

  .ml_md--25 {
    margin-left: 25px;
  }

  .ml_md--30 {
    margin-left: 30px;
  }

  .ml_md--35 {
    margin-left: 35px;
  }

  .ml_md--40 {
    margin-left: 40px;
  }

  .ml_md--45 {
    margin-left: 45px;
  }

  .ml_md--50 {
    margin-left: 50px;
  }

  .ml_md--55 {
    margin-left: 55px;
  }

  .ml_md--60 {
    margin-left: 60px;
  }

  .ml_md--65 {
    margin-left: 65px;
  }

  .ml_md--70 {
    margin-left: 70px;
  }

  .ml_md--75 {
    margin-left: 75px;
  }

  .ml_md--80 {
    margin-left: 80px;
  }

  .ml_md--85 {
    margin-left: 85px;
  }

  .ml_md--90 {
    margin-left: 90px;
  }

  .ml_md--95 {
    margin-left: 95px;
  }

  .ml_md--100 {
    margin-left: 100px;
  }

  .ml_md--105 {
    margin-left: 105px;
  }

  .ml_md--110 {
    margin-left: 110px;
  }

  .ml_md--115 {
    margin-left: 115px;
  }

  .ml_md--120 {
    margin-left: 120px;
  }

  .ml_md--125 {
    margin-left: 125px;
  }

  .ml_md--130 {
    margin-left: 130px;
  }

  .ml_md--135 {
    margin-left: 135px;
  }

  .ml_md--140 {
    margin-left: 140px;
  }

  .ml_md--145 {
    margin-left: 145px;
  }

  .ml_md--150 {
    margin-left: 150px;
  }

  .ml_md--155 {
    margin-left: 155px;
  }

  .ml_md--160 {
    margin-left: 160px;
  }

  .ml_md--165 {
    margin-left: 165px;
  }

  .ml_md--170 {
    margin-left: 170px;
  }

  .ml_md--175 {
    margin-left: 175px;
  }

  .ml_md--180 {
    margin-left: 180px;
  }

  .ml_md--185 {
    margin-left: 185px;
  }

  .ml_md--190 {
    margin-left: 190px;
  }

  .ml_md--195 {
    margin-left: 195px;
  }

  .ml_md--200 {
    margin-left: 200px;
  }

  .ml_md--205 {
    margin-left: 205px;
  }

  .ml_md--210 {
    margin-left: 210px;
  }

  .ml_md--215 {
    margin-left: 215px;
  }

  .ml_md--220 {
    margin-left: 220px;
  }

  .ml_md--225 {
    margin-left: 225px;
  }

  .ml_md--230 {
    margin-left: 230px;
  }

  .ml_md--235 {
    margin-left: 235px;
  }

  .ml_md--240 {
    margin-left: 240px;
  }

  .ml_md--245 {
    margin-left: 245px;
  }

  .ml_md--250 {
    margin-left: 250px;
  }
}
@media (min-width: 992px) {
  .ml_lg--5 {
    margin-left: 5px;
  }

  .ml_lg--10 {
    margin-left: 10px;
  }

  .ml_lg--15 {
    margin-left: 15px;
  }

  .ml_lg--20 {
    margin-left: 20px;
  }

  .ml_lg--25 {
    margin-left: 25px;
  }

  .ml_lg--30 {
    margin-left: 30px;
  }

  .ml_lg--35 {
    margin-left: 35px;
  }

  .ml_lg--40 {
    margin-left: 40px;
  }

  .ml_lg--45 {
    margin-left: 45px;
  }

  .ml_lg--50 {
    margin-left: 50px;
  }

  .ml_lg--55 {
    margin-left: 55px;
  }

  .ml_lg--60 {
    margin-left: 60px;
  }

  .ml_lg--65 {
    margin-left: 65px;
  }

  .ml_lg--70 {
    margin-left: 70px;
  }

  .ml_lg--75 {
    margin-left: 75px;
  }

  .ml_lg--80 {
    margin-left: 80px;
  }

  .ml_lg--85 {
    margin-left: 85px;
  }

  .ml_lg--90 {
    margin-left: 90px;
  }

  .ml_lg--95 {
    margin-left: 95px;
  }

  .ml_lg--100 {
    margin-left: 100px;
  }

  .ml_lg--105 {
    margin-left: 105px;
  }

  .ml_lg--110 {
    margin-left: 110px;
  }

  .ml_lg--115 {
    margin-left: 115px;
  }

  .ml_lg--120 {
    margin-left: 120px;
  }

  .ml_lg--125 {
    margin-left: 125px;
  }

  .ml_lg--130 {
    margin-left: 130px;
  }

  .ml_lg--135 {
    margin-left: 135px;
  }

  .ml_lg--140 {
    margin-left: 140px;
  }

  .ml_lg--145 {
    margin-left: 145px;
  }

  .ml_lg--150 {
    margin-left: 150px;
  }

  .ml_lg--155 {
    margin-left: 155px;
  }

  .ml_lg--160 {
    margin-left: 160px;
  }

  .ml_lg--165 {
    margin-left: 165px;
  }

  .ml_lg--170 {
    margin-left: 170px;
  }

  .ml_lg--175 {
    margin-left: 175px;
  }

  .ml_lg--180 {
    margin-left: 180px;
  }

  .ml_lg--185 {
    margin-left: 185px;
  }

  .ml_lg--190 {
    margin-left: 190px;
  }

  .ml_lg--195 {
    margin-left: 195px;
  }

  .ml_lg--200 {
    margin-left: 200px;
  }

  .ml_lg--205 {
    margin-left: 205px;
  }

  .ml_lg--210 {
    margin-left: 210px;
  }

  .ml_lg--215 {
    margin-left: 215px;
  }

  .ml_lg--220 {
    margin-left: 220px;
  }

  .ml_lg--225 {
    margin-left: 225px;
  }

  .ml_lg--230 {
    margin-left: 230px;
  }

  .ml_lg--235 {
    margin-left: 235px;
  }

  .ml_lg--240 {
    margin-left: 240px;
  }

  .ml_lg--245 {
    margin-left: 245px;
  }

  .ml_lg--250 {
    margin-left: 250px;
  }
}
@media (min-width: 1200px) {
  .ml_xl--5 {
    margin-left: 5px;
  }

  .ml_xl--10 {
    margin-left: 10px;
  }

  .ml_xl--15 {
    margin-left: 15px;
  }

  .ml_xl--20 {
    margin-left: 20px;
  }

  .ml_xl--25 {
    margin-left: 25px;
  }

  .ml_xl--30 {
    margin-left: 30px;
  }

  .ml_xl--35 {
    margin-left: 35px;
  }

  .ml_xl--40 {
    margin-left: 40px;
  }

  .ml_xl--45 {
    margin-left: 45px;
  }

  .ml_xl--50 {
    margin-left: 50px;
  }

  .ml_xl--55 {
    margin-left: 55px;
  }

  .ml_xl--60 {
    margin-left: 60px;
  }

  .ml_xl--65 {
    margin-left: 65px;
  }

  .ml_xl--70 {
    margin-left: 70px;
  }

  .ml_xl--75 {
    margin-left: 75px;
  }

  .ml_xl--80 {
    margin-left: 80px;
  }

  .ml_xl--85 {
    margin-left: 85px;
  }

  .ml_xl--90 {
    margin-left: 90px;
  }

  .ml_xl--95 {
    margin-left: 95px;
  }

  .ml_xl--100 {
    margin-left: 100px;
  }

  .ml_xl--105 {
    margin-left: 105px;
  }

  .ml_xl--110 {
    margin-left: 110px;
  }

  .ml_xl--115 {
    margin-left: 115px;
  }

  .ml_xl--120 {
    margin-left: 120px;
  }

  .ml_xl--125 {
    margin-left: 125px;
  }

  .ml_xl--130 {
    margin-left: 130px;
  }

  .ml_xl--135 {
    margin-left: 135px;
  }

  .ml_xl--140 {
    margin-left: 140px;
  }

  .ml_xl--145 {
    margin-left: 145px;
  }

  .ml_xl--150 {
    margin-left: 150px;
  }

  .ml_xl--155 {
    margin-left: 155px;
  }

  .ml_xl--160 {
    margin-left: 160px;
  }

  .ml_xl--165 {
    margin-left: 165px;
  }

  .ml_xl--170 {
    margin-left: 170px;
  }

  .ml_xl--175 {
    margin-left: 175px;
  }

  .ml_xl--180 {
    margin-left: 180px;
  }

  .ml_xl--185 {
    margin-left: 185px;
  }

  .ml_xl--190 {
    margin-left: 190px;
  }

  .ml_xl--195 {
    margin-left: 195px;
  }

  .ml_xl--200 {
    margin-left: 200px;
  }

  .ml_xl--205 {
    margin-left: 205px;
  }

  .ml_xl--210 {
    margin-left: 210px;
  }

  .ml_xl--215 {
    margin-left: 215px;
  }

  .ml_xl--220 {
    margin-left: 220px;
  }

  .ml_xl--225 {
    margin-left: 225px;
  }

  .ml_xl--230 {
    margin-left: 230px;
  }

  .ml_xl--235 {
    margin-left: 235px;
  }

  .ml_xl--240 {
    margin-left: 240px;
  }

  .ml_xl--245 {
    margin-left: 245px;
  }

  .ml_xl--250 {
    margin-left: 250px;
  }
}
.w-100 {
  width: 100%;
}

.w-75 {
  width: 75%;
}

.w-50 {
  width: 50%;
}

.w-33 {
  width: 33.33%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}

.max-width--600 {
  max-width: 600px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .max-width--600 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .max-width--600 {
    max-width: 100%;
  }
}
.h-100 {
  height: 100%;
}

.h-75 {
  height: 75%;
}

.h-50 {
  height: 50%;
}

.h-25 {
  height: 25%;
}

.h-33 {
  height: 33.33%;
}

.h-10 {
  height: 10%;
}

.da-newsletter-section {
  background-image: url(../images/digital-agency/newsletter-bg.jpg);
  background-repeat: no-repeat;
  background-position: 0% 97%;
}
@media (min-width: 992px) {
  .da-newsletter-section {
    background-position: 0% 50%;
  }
}

.da-newsletter-form {
  max-width: 480px;
  width: 100%;
  margin: auto;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.da-newsletter-form input {
  width: 100%;
  padding: 17px 100px 17px 30px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  border: none;
  outline: none;
}
@media (min-width: 576px) {
  .da-newsletter-form input {
    padding: 19px 160px 19px 30px;
    text-align: left;
  }
}
.da-newsletter-form .da-custom-btn {
  margin-top: 20px;
  font-size: 16px;
  background-color: #fff;
  border-color: #fff;
  color: #577eed;
  margin-top: 0;
  position: absolute;
  right: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #1d81f4;
  color: #fff;
  padding: 12px 20px;
}
.da-newsletter-form .da-custom-btn:after {
  opacity: 0.2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.da-newsletter-form .da-custom-btn:hover span {
  color: #fff;
}
.da-newsletter-form .da-custom-btn:hover:after {
  left: 100%;
}
@media (min-width: 768px) {
  .da-newsletter-form .da-custom-btn {
    padding: 14px 50px;
  }
}

.app-faq-section {
  background-color: #fafafa;
}

.container-sm {
  max-width: 960px;
  padding: 0 15px;
  margin: auto;
}

.faq {
  margin-bottom: 20px;
  background-color: #fff;
}
.faq:last-child {
  margin-bottom: 0;
}
.faq .faq-header {
  box-shadow: 0 20px 30px 0 rgba(34, 34, 34, 0.06);
}
.faq .faq-header .btn-link {
  width: 100%;
  padding: 20px 25px 22px 80px;
  text-align: left;
  background-color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #363945;
  border: none;
  position: relative;
  cursor: pointer;
}
@media (min-width: 992px) {
  .faq .faq-header .btn-link {
    font-size: 18px;
  }
}
.faq .faq-header .btn-link .icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background-color: #363945;
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -15px;
}
.faq .faq-header .btn-link .icon i {
  line-height: 30px;
  color: #fff;
}
.faq .faq-header .btn-link .fa-minus {
  display: block;
}
.faq .faq-header .btn-link .fa-plus {
  display: none;
}
.faq .faq-header .btn-link.collapsed {
  color: #959595;
}
.faq .faq-header .btn-link.collapsed .icon {
  background-color: #ebebeb;
}
.faq .faq-header .btn-link.collapsed .icon .fa-minus {
  display: none;
}
.faq .faq-header .btn-link.collapsed .icon .fa-plus {
  display: block;
}
.faq .faq-body {
  padding: 20px 30px 20px 40px;
}
.faq .faq-body p {
  font-size: 14px;
}
@media (min-width: 992px) {
  .faq .faq-body p {
    font-size: 16px;
  }
}
.faq .faq-body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .faq .faq-body {
    padding: 60px 90px 60px 100px;
  }
}

.shadow-style .faq .faq-header {
  border-radius: 3px;
}
.shadow-style .faq .faq-body {
  box-shadow: 0 20px 30px 0 rgba(34, 34, 34, 0.06);
}

.default-style .faq .faq-header {
  border: 1px solid #e2e2e2;
  box-shadow: none;
  border-radius: 3px;
}
.default-style .faq .faq-body {
  border: 1px solid #e2e2e2;
}

.color-style .faq {
  margin-bottom: 10px;
}
.color-style .faq .faq-header {
  border: 1px solid #e2e2e2;
  box-shadow: none;
  border-radius: 3px;
  background-color: #2e8efd;
}
.color-style .faq .faq-header .btn-link {
  background-color: #2e8efd;
  color: #fff;
  padding: 20px 100px 22px 30px;
}
.color-style .faq .faq-header .btn-link .icon {
  background-color: #fff;
  left: unset;
  right: 20px;
}
.color-style .faq .faq-header .btn-link .icon i {
  color: #2e8efd;
}
.color-style .faq .faq-body {
  border: 1px solid #e2e2e2;
  background-color: #2e8efd;
  border-top: none;
}
.color-style .faq .faq-body p {
  color: #fff;
}

.flat-style {
  background-color: #f9f9f9;
}
.flat-style .faq {
  margin-bottom: 10px;
}
.flat-style .faq .faq-header {
  box-shadow: none;
  border-radius: 3px;
}
.flat-style .faq .faq-header .btn-link {
  padding: 20px 100px 22px 30px;
}
.flat-style .faq .faq-body {
  margin-top: 1px;
}

.app-feature-section {
  position: relative;
  min-height: 900px;
}
.app-feature-section .app-image-area {
  width: 100%;
  margin-top: 60px;
}
@media (min-width: 992px) {
  .app-feature-section .app-image-area {
    position: absolute;
    left: 0;
    top: 50%;
    width: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }
}

.app-image {
  position: relative;
  max-width: 200px;
  width: 100%;
  margin: auto;
  text-align: center;
}
@media (min-width: 576px) {
  .app-image {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .app-image {
    float: right;
    margin: unset;
    text-align: left;
  }
}
@media (min-width: 1300px) {
  .app-image {
    max-width: 400px;
  }
}
@media (min-width: 1300px) {
  .app-image {
    max-width: 600px;
  }
}
@media (min-width: 1500px) {
  .app-image {
    max-width: 800px;
  }
}
.app-image .image2 {
  position: absolute;
  left: 10%;
  top: 50%;
  z-index: 2;
}
@media (min-width: 1300px) {
  .app-image .image2 {
    left: 20%;
  }
}
@media (min-width: 1500px) {
  .app-image .image2 {
    left: 30%;
  }
}
.app-image .image1 {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: inherit;
  position: relative;
  z-index: 2;
}
.app-image .app-image-shape {
  position: absolute;
  left: -15px;
  bottom: -50px;
  z-index: 0;
}
.app-image .shape1 {
  width: 200px;
  height: 250px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #52b6dc;
  transform: rotate(8deg);
}
@media (min-width: 576px) {
  .app-image .shape1 {
    width: 400px;
  }
}
.app-image .circle1 {
  position: absolute;
  left: -50px;
  top: -40px;
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}
@media (min-width: 576px) {
  .app-image .circle1 {
    width: 200px;
    height: 200px;
    left: -100px;
    top: -80px;
  }
}
@media (min-width: 992px) {
  .app-image .circle1 {
    left: -150px;
    top: -140px;
    width: 300px;
    height: 300px;
  }
}
.app-image .circle2 {
  position: absolute;
  left: 75%;
  bottom: -50px;
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}
@media (min-width: 576px) {
  .app-image .circle2 {
    left: 45%;
  }
}

.app-feature-item {
  padding-bottom: 10px;
}
.app-feature-item .app-feature-icon {
  width: 65px;
  height: 65px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #5ec0e7;
  text-align: center;
  line-height: 65px;
  color: #fff;
  font-size: 24px;
}
@media (min-width: 576px) {
  .app-feature-item .content {
    width: calc(100% - 70px);
    padding-left: 30px;
  }
}

.app-screenshot-container {
  overflow: hidden;
  position: relative;
}
.app-screenshot-container .screenshot-image {
  padding-left: 80px;
  position: relative;
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 20px;
  max-width: 430px;
  width: 100%;
  margin: auto;
}
.app-screenshot-container .screenshot-image img {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.app-screenshot-container .screenshot-image .circle1 {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 50px;
  top: 100px;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 992px) {
  .app-screenshot-container .screenshot-image .circle1 {
    width: 300px;
    height: 300px;
    right: 50px;
    top: 100px;
  }
}
.app-screenshot-container .screenshot-image .circle2 {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 40px;
  bottom: 35px;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.2s;
}
@media (min-width: 992px) {
  .app-screenshot-container .screenshot-image .circle2 {
    width: 200px;
    height: 200px;
    left: 70px;
    bottom: 65px;
  }
}
.app-screenshot-container .screenshot-image .circle3 {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #53b8de;
  position: absolute;
  right: 50px;
  bottom: 35px;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.4s;
}
.app-screenshot-container .swiper-slide-active .screenshot-image .circle1 {
  right: -30px;
  top: 100px;
}
.app-screenshot-container .swiper-slide-active .screenshot-image .circle2 {
  left: 34px;
  bottom: -30px;
}
@media (min-width: 576px) {
  .app-screenshot-container .swiper-slide-active .screenshot-image .circle2 {
    left: 15px;
    bottom: -65px;
  }
}
.app-screenshot-container .swiper-slide-active .screenshot-image .circle3 {
  right: -4px;
  bottom: -20px;
}
@media (min-width: 576px) {
  .app-screenshot-container .swiper-slide-active .screenshot-image .circle3 {
    right: -30px;
    bottom: -30px;
  }
}
.app-screenshot-container .swiper-pagination {
  position: absolute;
  width: auto;
  top: 50%;
  bottom: unset;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 576px) {
  .app-screenshot-container .swiper-pagination {
    left: 45px;
  }
}
.app-screenshot-container .swiper-pagination .swiper-pagination-bullet {
  display: block;
  background-color: transparent;
  border: none;
  opacity: 1;
  margin: 15px;
  width: 55px;
  height: 20px;
  position: relative;
  color: #e7e7e7;
  outline: none;
}
.app-screenshot-container .swiper-pagination .swiper-pagination-bullet span {
  display: inline-block;
  opacity: 0;
}
.app-screenshot-container .swiper-pagination .swiper-pagination-bullet span + span {
  width: 13px;
  height: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e7e7e7;
  display: inline-block;
  margin-left: 5px;
  opacity: 1;
}
.app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {
  color: #54b7dd;
  opacity: 1;
  font-size: 18px;
  font-weight: 700;
}
.app-screenshot-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span + span {
  background-color: #54b7dd;
}

.app-feature-chart-section {
  position: relative;
  min-height: 730px;
}
.app-feature-chart-section .app-chart-image-area {
  width: 100%;
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .app-feature-chart-section .app-chart-image-area {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.app-chart-image {
  position: relative;
  max-width: 800px;
  width: 100%;
}
@media (min-width: 992px) {
  .app-chart-image {
    float: right;
  }
}
.app-chart-image img {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
.app-chart-image .circle1 {
  position: absolute;
  left: 40px;
  top: -60px;
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}
@media (min-width: 992px) {
  .app-chart-image .circle1 {
    left: 100px;
    top: -110px;
    width: 300px;
    height: 300px;
  }
}
.app-chart-image .circle2 {
  position: absolute;
  right: 0;
  bottom: -36px;
  width: 70px;
  height: 70px;
  background-color: #52b6dc;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}
@media (min-width: 992px) {
  .app-chart-image .circle2 {
    right: 0;
    bottom: -56px;
    width: 100px;
    height: 100px;
  }
}
.app-chart-image .circle3 {
  position: absolute;
  left: -50px;
  bottom: -55px;
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}
@media (min-width: 992px) {
  .app-chart-image .circle3 {
    left: -60px;
    bottom: -65px;
    width: 150px;
    height: 150px;
  }
}




.gallery-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 2px 16px var(--shadow);
}
.gallery-box .gallery-items img{
  height: 380px;
  width: 100%;
  margin-bottom: 20px;
  object-fit: cover;
  background-position: center center;
  border-radius: 10px;
}
.tile .icon img {
  max-width: 64px;
  max-height: 64px;
}
.tile .h5 {
  margin-top: 28px;
  font-weight: 700;
  color: #000;
}

.page-section .h5 {
  font-size: 18px;
}
.tile .mt-a {
  margin-top: 16px;
}

.tiles {
  display: flex;
}
.tile {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 12px 30px rgba(103, 180, 106, 0.1);
  transition: var(--transition);
  margin-left: 20px;
  margin-bottom: 10px;
}
/* .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  border-color: #96e199;
  color: #000000;
  font-weight: 400;
  background: transparent;
} */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  border-color: #96e199;
  color: #000000;
  font-weight: 600;
  background: transparent;
  font-size: 20px;
  color: #169a96;
}
.nav-pills .nav-link {
  display: block;
  padding: 8px 0 8px 20px;
  border-left: 1px solid #ccc;
  color: #ccc;
  font-size: 14px;
  transition: var(--transition);
}
.nav-pills .nav-link {
  border-radius: .25rem;
  background: transparent;
  border: 0px;
  padding: 20px 20px;
  width: 180px;
  margin-bottom: 20px;
}
.tile .h5 {
  color: #169A96;
}
:root {
  --white-100: #fff;
  --white-200: #e4e6e7;
  --white-300: #c9cccf;
  --white-400: #a1a6aa;
  --white-500: #6d7478;
  --black-100: #181f25;
  --black-200: #12171c;
  --black-300: #0c0f13;
  --black-400: #060809;
  --black-500: #020303;
  --night-100: #253041;
  --night-200: #1e2634;
  --night-300: #161d27;
  --night-400: #0f131a;
  --night-500: #070a0d;
  --pink-100: #fbd0e8;
  --pink-200: #f8a0d0;
  --pink-300: #f471b5;
  --pink-400: #ec4699;
  --pink-500: #da2576;
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
*, *::before, *::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
}
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: clamp(1rem, calc(0.97rem + 0.14vw), 1.09rem);
  font-weight: normal;
  line-height: 1.5;
  color: var(--black-300);
  background-color: var(--white-100);
}
body.darkmode {
  color: var(--white-100);
  background-color: var(--night-400);
}
main {
  overflow: hidden;
}
a, button {
  cursor: pointer;
  user-select: none;
  border: none;
  outline: none;
  background: none;
}
img, video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
 }
  100% {
    opacity: 1;
    transform: translateX(0%);
 }
}
@keyframes slideRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
 }
  100% {
    opacity: 0;
    transform: translateX(100%);
 }
}
.section {
  margin: 0 auto;
  padding: 6rem 0 2rem;
}
.container {
  max-width: 75rem;
  height: auto;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
.centered {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1rem;
}
.btn {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  user-select: none;
  border-radius: 0.25rem;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn-primary {
  padding: 0.75rem 1.5rem;
  color: var(--white-100);
  background-color: var(--pink-500);
  box-shadow: var(--shadow-medium);
}
.btn-darken {
  padding: 0.75rem 1.5rem;
  color: var(--white-100);
  background-color: var(--night-300);
  box-shadow: var(--shadow-medium);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  margin: 0 auto;
  background-color: var(--white-100);
  box-shadow: var(--shadow-medium);
}
.darkmode .header {
  background-color: var(--night-300);
}
.brand {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--pink-500);
  text-transform: uppercase;
  order: 1;
}
.darkmode .brand {
  color: var(--pink-300);
}
.navbar {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4rem;
  margin: 0 auto;
}
.navbar-left {
  display: flex;
  align-items: center;
  flex: 0 0 17%;
}
.navbar-center {
  display: flex;
}
.navbar-right {
  display: flex;
  flex: 0 0 17%;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1.5rem;
}
@media only screen and (max-width: 992px) {
  .navbar-left, .navbar-right {
    flex: 0 0 auto;
 }
  .navbar-right {
    align-items: center;
 }
  .navbar-center {
    flex: 0 0 100%;
    order: 3;
    align-items: center;
 }
}
@media only screen and (max-width: 992px) {
  .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    z-index: 100;
    overflow: hidden;
    transform: translate(-100%);
    background-color: var(--white-100);
    transition: all 0.4s ease-in-out;
 }
  .menu.is-active {
    transform: translate(0%);
 }
  .darkmode .menu {
    background-color: var(--night-300);
 }
}
.menu-header {
  display: none;
  box-shadow: var(--shadow-medium);
}
.menu-item {
  display: inline-block;
  line-height: 1.5;
  padding-right: 3.25rem;
}
.menu-link {
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--black-300);
  text-transform: capitalize;
  transition: all 0.25s ease;
}
.menu-link > i.bx {
  font-size: 1.35rem;
  margin-left: 0.25rem;
  transform: rotate(90deg);
}
.darkmode .menu-link {
  color: var(--white-100);
}
.menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  font-size: 1.45rem;
  color: var(--black-300);
  transition: all 0.25s ease;
}
.darkmode .menu-icon {
  color: var(--white-100);
}
@media only screen and (min-width: 993px) {
  .menu-dropdown:hover > .submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 1rem;
 }
}
@media only screen and (max-width: 992px) {
  .menu-header {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 4rem;
    z-index: 110;
    visibility: hidden;
    background: transparent;
 }
  .menu-header.is-active {
    visibility: visible;
    background-color: var(--white-100);
 }
  .menu-header.is-active > .menu-arrow {
    display: block;
 }
  .darkmode .menu-header.is-active {
    background-color: var(--night-100);
 }
  .menu-arrow {
    display: none;
    cursor: pointer;
    width: 3rem;
    height: 4rem;
    text-align: center;
 }
  .menu-arrow > i.bx {
    font-size: 1.5rem;
    line-height: 4rem;
    color: var(--black-300);
    transition: all 0.25s ease;
 }
  .darkmode .menu-arrow > i.bx {
    color: var(--white-100);
 }
  .menu-title {
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    text-transform: capitalize;
    color: var(--black-300);
 }
  .darkmode .menu-title {
    color: var(--white-100);
 }
  .menu-inner {
    height: 100%;
    margin-top: -3rem;
    overflow-y: auto;
    overflow-x: hidden;
 }
  .menu-item {
    display: block;
    line-height: 1;
    padding-inline: 0;
 }
  .menu-link {
    justify-content: space-between;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-inline: 1.25rem;
 }
  .menu-link > i.bx {
    margin-left: 0.5rem;
    transform: rotate(0deg);
 }
}
.submenu {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  padding: 1rem 1rem;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.25rem;
  border-top: 2px solid var(--pink-400);
  background-color: var(--white-100);
  box-shadow: var(--shadow-medium);
  transition: all 0.25s ease-in-out;
}
.darkmode .submenu {
  border-top: 2px solid var(--pink-300);
  background-color: var(--night-300);
}
.submenu-inner {
  flex: 0 0 25%;
  padding: 0 1rem;
}
.submenu-inners {
  flex: 0 0 50%;
  padding: 0 1rem;
}
.submenu-title {
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 0;
  color: var(--pink-500);
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.darkmode .submenu-title {
  color: var(--pink-300);
}
.submenu-item {
  display: block;
  line-height: 1;
  margin: 0 auto;
}
.submenu-link {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  padding: 0.75rem 0;
  white-space: nowrap;
  text-transform: capitalize;
  color: var(--black-300);
  transition: all 0.25s ease-in-out;
}
.darkmode .submenu-link {
  color: var(--white-100);
}
.submenu-image {
  display: block;
  width: 100%;
  height: auto;
  margin-block: 0.5rem;
  object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .submenu {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: auto;
    margin: 0;
    padding: 1rem;
    padding-top: 4rem;
    opacity: 1;
    overflow-y: auto;
    visibility: visible;
    box-shadow: none;
    transform: translateX(0%);
 }
  .submenu.is-active {
    display: block;
 }
  .submenu-inner {
    flex: 0 0 100%;
    padding: 0rem;
 }
  .submenu-list {
    margin-bottom: 1rem;
 }
  .submenu-link {
    display: block;
 }
  .submenu-image {
    margin-top: 0;
 }
}
.megamenu {
  left: 50%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  transform: translateX(-50%);
}
.megamenu-column-1 {
  left: 65%;
  max-width: 15rem;
  width: 100%;
  height: auto;
}
.megamenu-column-4 {
  display: flex;
  flex-wrap: wrap;
  max-width: 62rem;
  height: auto;
  margin: 0 auto;
}
.megamenu-column-6 {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .megamenu {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: auto;
    margin: 0;
    padding: 1rem;
    padding-top: 4rem;
    opacity: 1;
    overflow-y: auto;
    visibility: visible;
    transform: translateX(0%);
    box-shadow: none;
 }
}
.switch {
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
  margin-right: 0.5rem;
}
.switch-light, .switch-dark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in;
}
.switch-light {
  font-size: 1.3rem;
  visibility: visible;
  color: var(--black-300);
}
.darkmode .switch-light {
  font-size: 0rem;
  visibility: hidden;
}
.switch-dark {
  font-size: 0rem;
  visibility: hidden;
  color: var(--white-100);
}
.darkmode .switch-dark {
  font-size: 1.3rem;
  visibility: visible;
}
.overlay {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.45s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .overlay.is-active {
    opacity: 1;
    visibility: visible;
 }
}
.burger {
  position: relative;
  display: block;
  cursor: pointer;
  width: 1.6rem;
  height: 1rem;
  margin-right: 1rem;
  opacity: 0;
  visibility: hidden;
  background: transparent;
}
@media only screen and (max-width: 992px) {
  .burger {
    opacity: 1;
    visibility: visible;
 }
}
.burger-line {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 1;
  border-radius: 1rem;
  background: var(--black-400);
}
.darkmode .burger-line {
  background: var(--white-100);
}
.burger-line:nth-child(1) {
  top: 0px;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.burger-line:nth-child(3) {
  top: 1rem;
}