@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700;800&display=swap);
.ul-li ul,.ul-li-block ul,body {
  margin:0;
  padding:0
}
.home-6 ul,
.hpt-hero-2-social-postion ul li,
.sidemenu-social-link ul,
.ul-li ul li {
  list-style:none
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:900;
  font-display:auto;
  src:url("../font/RecoletaAlt-Black.ttf") format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:800;
  font-display:auto;
  src:url("../font/RecoletaAlt-Black.ttf") format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:700;
  font-display:auto;
  src:url("../font/RecoletaAlt-Bold.ttf") format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:600;
  font-display:auto;
  src:url("../font/RecoletaAlt-SemiBold.ttf") format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:500;
  font-display:auto;
  src:url("../font/RecoletaAlt-Medium.ttf") format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:400;
  font-display:auto;
  src:url("../font/RecoletaAlt-Regular.ttf") format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:300;
  font-display:auto;
  src:url("../font/RecoletaAlt-Light.ttf")
format("truetype")
}
@font-face {
  font-family:RecoletaAlt;
  font-style:normal;
  font-weight:200;
  font-display:auto;
  src:url("../font/RecoletaAlt-Thin.ttf") format("truetype")
}
.bi-about-img-area1 .bi-about-img1,
.bi-about-img-area2 .bi-about-img2,
.bi-fun-fact-img,
.bi-fun-fact-img-2,
.bi-portfolio-btn-img,
.bi-portfolio-item .portfolio-img,
.bi-slider-content {
  overflow:hidden;
  position:relative;
  border-radius:10px
}
.bi-about-img-area1 .bi-about-img1 img,
.bi-about-img-area2 .bi-about-img2 img,
.bi-fun-fact-img img,
.bi-fun-fact-img-2 img,
.bi-portfolio-btn-img img,
.bi-portfolio-item .portfolio-img img,
.bi-slider-content img {
  border-radius:10px
}
.bi-about-img-area1 .bi-about-img1:after,
.bi-about-img-area1 .bi-about-img1:before,
.bi-about-img-area2 .bi-about-img2:after,
.bi-about-img-area2 .bi-about-img2:before,
.bi-fun-fact-img-2:after,
.bi-fun-fact-img-2:before,
.bi-fun-fact-img:after,
.bi-fun-fact-img:before,
.bi-portfolio-btn-img:after,
.bi-portfolio-btn-img:before,
.bi-portfolio-item .portfolio-img:after,
.bi-portfolio-item .portfolio-img:before,
.bi-slider-content:after,
.bi-slider-content:before {
  content:"";
  width:100px;
  z-index:2;
  height:50px;
  position:absolute;
  background-color:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.bi-btn-1 a,
.bi-footer-widget-2 .menu-widget li a,
.bi-header-section .dropdown,
.h1-sidebar-menu .sidebar-menu .dropdown,
.hap-footer-widget .newslatter-widget form,
.hap-header-section .dropdown,
.hap-pricing-list-area ul,
.hpt-about-1-img,
.hpt-about-2-area,
.hpt-blog-1-item-single-2,
.hpt-blog-2-area,
.hpt-choose-2-area,
.hpt-choose-2-img-wrap,
.hpt-contact-1-form .input-item,
.hpt-hero-2-area,
.hpt-project-1-area,
.hpt-project-2-area,
.hpt-service-2-area,
.hpt-testimonial-slider-4 .testimonial-desc-rate,
.hpt-video-1-item,
.inv-lan-header-section .dropdown,
.mobile_menu .dropdown,
.p-relative,
.relative-position,
.sidebar-info-contents,
.sidebar-info-contents .content-inner,
body {
  position:relative
}
.bi-about-img-area1 .bi-about-img1:before,
.bi-about-img-area2 .bi-about-img2:before,
.bi-fun-fact-img-2:before,
.bi-fun-fact-img:before,
.bi-portfolio-btn-img:before,
.bi-portfolio-item .portfolio-img:before,
.bi-slider-content:before {
  top:-15px;
  left:-50px
}
.bi-about-img-area1 .bi-about-img1:after,
.bi-about-img-area2 .bi-about-img2:after,
.bi-fun-fact-img-2:after,
.bi-fun-fact-img:after,
.bi-portfolio-btn-img:after,
.bi-portfolio-item .portfolio-img:after,
.bi-slider-content:after {
  bottom:-15px;
  right:-50px
}
@-webkit-keyframes Bins_animation_1 {
  0%,
  100%,
  50% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  25% {
    -webkit-transform:translateX(-40px);
    transform:translateX(-40px)
  }
  75% {
    -webkit-transform:translateX(40px);
    transform:translateX(40px)
  }
}
@keyframes Bins_animation_1 {
  0%,
  100%,
  50% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  25% {
    -webkit-transform:translateX(-40px);
    transform:translateX(-40px)
  }
  75% {
    -webkit-transform:translateX(40px);
    transform:translateX(40px)
  }
}
@-webkit-keyframes Bins_animation_2 {
  0%,
  100%,
  50% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  25% {
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px)
  }
  75% {
    -webkit-transform:translateY(40px);
    transform:translateY(40px)
  }
}
@keyframes Bins_animation_2 {
  0%,
  100%,
  50% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  25% {
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px)
  }
  75% {
    -webkit-transform:translateY(40px);
    transform:translateY(40px)
  }
}
@-webkit-keyframes Bins_animation_3 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes Bins_animation_3 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-webkit-keyframes Bins_animation_4 {
  0% {
    -webkit-transform:translate(-300px,151px) rotate(0);
    transform:translate(-300px,151px) rotate(0)
  }
  100% {
    -webkit-transform:translate(251px,-200px) rotate(180deg);
    transform:translate(251px,-200px) rotate(180deg)
  }
}
@keyframes Bins_animation_4 {
  0% {
    -webkit-transform:translate(-300px,151px) rotate(0);
    transform:translate(-300px,151px) rotate(0)
  }
  100% {
    -webkit-transform:translate(251px,-200px) rotate(180deg);
    transform:translate(251px,-200px) rotate(180deg)
  }
}
@-webkit-keyframes Bins_animation_5 {
  0%,
  100% {
    -webkit-transform:translate(0,0) rotate(0);
    transform:translate(0,0) rotate(0)
  }
  20% {
    -webkit-transform:translate(73px,-1px) rotate(36deg);
    transform:translate(73px,-1px) rotate(36deg)
  }
  40% {
    -webkit-transform:translate(111px,72px) rotate(72deg);
    transform:translate(111px,72px) rotate(72deg)
  }
  60% {
    -webkit-transform:translate(93px,122px) rotate(108deg);
    transform:translate(93px,122px) rotate(108deg)
  }
  80% {
    -webkit-transform:translate(-70px,72px) rotate(124deg);
    transform:translate(-70px,72px) rotate(124deg)
  }
}
@keyframes Bins_animation_5 {
  0%,
  100% {
    -webkit-transform:translate(0,0) rotate(0);
    transform:translate(0,0) rotate(0)
  }
  20% {
    -webkit-transform:translate(73px,-1px) rotate(36deg);
    transform:translate(73px,-1px) rotate(36deg)
  }
  40% {
    -webkit-transform:translate(111px,72px) rotate(72deg);
    transform:translate(111px,72px) rotate(72deg)
  }
  60% {
    -webkit-transform:translate(93px,122px) rotate(108deg);
    transform:translate(93px,122px) rotate(108deg)
  }
  80% {
    -webkit-transform:translate(-70px,72px) rotate(124deg);
    transform:translate(-70px,72px) rotate(124deg)
  }
}
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior:inherit
  }
}
body {
  z-index:1;
  font-size:18px;
  line-height:1.667;
  overflow-x:hidden;
  color:var(--body-color);
  font-family:var(--body-font);
  -moz-osx-font-smoothing:antialiased;
  -webkit-font-smoothing:antialiased
}
body .container {
  max-width:1260px
}
body::-webkit-scrollbar {
  width:10px
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
body::-webkit-scrollbar-thumb {
  outline:0;
  border-radius:30px;
  background-color:var(--base-color)
}
#ScrollSmoother-wrapper,
.bi-about-section-2 .bi-side-shape,
.bi-blog-section-2 .bi-side-shape,
.bi-key-feature-section .bi-side-shape,
.bi-portfolio-section-2 .bi-side-shape,
.bi-pricing-section-2 .bi-side-shape,
.bi-team-section-2 .bi-side-shape,
.bi-what-we-offer-section .bi-shape-anim {
  z-index:-1
}
.ul-li-block ul li {
  display:block;
  list-style:none
}
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin-bottom:0;
  font-weight:400;
  line-height:1.143;
  font-family:var(--heading)
}
#preloader {
  position:fixed;
  left:0;
  top:0;
  z-index:99999;
  width:100%;
  height:100%;
  overflow:visible;
  background:url("../img/loader.svg") center center no-repeat #181d2a
}
a {
  color:inherit;
  text-decoration:none;
  -webkit-transition:.5s;
  transition:.5s
}
img {
  max-width:100%;
  height:auto
}
button {
  cursor:pointer
}
.form-control:focus,
a.active,
a:focus,
a:hover,
a:visited,
button.active,
button:focus,
button:hover,
button:visited,
input.active,
input:focus,
input:hover,
input:visited,
select,
select:focus,
select:hover,
select:visited,
textarea:focus,
textarea:hover {
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  text-decoration:none;
  color:inherit
}
.bi-faq-content-area .accordion-button:not(.collapsed),
.form-control {
  -webkit-box-shadow:none;
  box-shadow:none
}
.background_overlay {
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:absolute
}
.bi-portfolio-details-list li:last-child,
.bi-sidebar-widget .service-widget li:last-child,
.bi-slider-content-3 .bi-slider-social a:last-child,
.bi-team-item-3 .bi-team-img-social .team-social a:last-child,
.pera-content p {
  margin-bottom:0
}
.scrollup {
  background:var(--gradient-color);
  width:55px;
  right:20px;
  z-index:5;
  height:55px;
  bottom:20px;
  display:none;
  position:fixed;
  border-radius:100%;
  line-height:55px;
  background-color:var(--base-color)
}
.bi-about-text-area .bi-section-title-1 h2 b,
.bi-breadcrumbs-content ul li a,
.bi-contact-info-item:hover .inner-text a,
.bi-contact-info-item:hover .inner-text h3,
.bi-header-section.header-style-four .bi-header-main-navigation .main-navigation li:hover a,
.bi-service-feed-item:hover .service-icon i,
.bi-service-feed-item:hover .service-text h3,
.bi-service-feed-item:hover .service-text p,
.bi-sold-employe-counter-item .counter-text,
.bi-text-scroll-item-2 .scroll-text-4,
.bi-what-we-offer-item:hover .bi-what-we-offer-desc,
.hap-section-title.dark-bg-title h2,
.hap-skill-progress-item .skill-text p,
.home-6 .hpt-btn-2:hover .text,
.hpt-blog-2-item:hover .blog-2-auhor-wrap .blog-2-author .name,
.hpt-btn-3:hover,
.hpt-btn-3:hover .icon,
.hpt-header-1-action .hpt-search-btn-1,
.hpt-project-2-section-title .scetion-title-2,
.htp-project-count-2-wrap .hpt-project-count-1-item .text,
.inv-lan-footer-section .footer-copyright p,
.inv-lan-header-main-menu .menu-navigation li a:hover,
.play-btn-2:hover,
.scrollup i,
.search-body .outer-close i {
  color:#fff
}
.cursor {
  border-radius:50%;
  display:block;
  position:fixed;
  margin-top:-10px;
  margin-left:-10px;
  width:30px;
  height:30px;
  pointer-events:none;
  mix-blend-mode:multiply;
  -webkit-transform:scale(1);
  transform:scale(1);
  background-color:rgba(122,122,122,.3);
  -webkit-transition:-webkit-transform .35s ease-out;
  transition:transform .35s ease-out;
  transition:transform .35s ease-out,-webkit-transform .35s ease-out;
  z-index:1011
}
.bi-section-title-1 .bi-subtitle,
.bi-section-title-2 .bi-subtitle {
  font-size:14px;
  font-weight:700;
  padding-left:18px;
  margin-bottom:10px;
  position:relative;
  display:inline-block;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-section-title-1 .bi-subtitle:after,
.bi-section-title-1 .bi-subtitle:before,
.bi-section-title-2 .bi-subtitle:after,
.bi-section-title-2 .bi-subtitle:before {
  left:0;
  top:5px;
  width:12px;
  content:"";
  height:12px;
  position:absolute;
  border-radius:100%;
  background-color:#0e0e0e
}
.bi-section-title-1 .bi-subtitle:after,
.bi-section-title-2 .bi-subtitle:after {
  top:8px;
  left:6px;
  width:9px;
  height:9px;
  border-radius:100%;
  border:2px solid #fff;
  background-color:var(--base-color)
}
.bi-section-title-1 h2,
.bi-section-title-2 h2 {
  color:#0e0e0e;
  font-size:70px;
  font-weight:700
}
.bi-section-title-1.text-center,
.bi-section-title-2.text-center {
  margin:0 auto;
  max-width:850px
}
.bi-section-title-2 .bi-subtitle {
  font-size:14px;
  font-weight:300;
  padding-left:20px;
  font-family:var(--heading-2)
}
.bi-btn-1 a,
.bi-btn-3 a {
  font-family:var(--heading)
}
.bi-about-text-area .bi-section-title-1 .bi-subtitle:before,
.bi-blog-details-section .bi-team-details-contact-form input,
.bi-blog-details-section .bi-team-details-contact-form textarea,
.bi-main-slide-item .bi-slide-text-area .bi-btn-1 .bi-btn-main span,
.bi-main-slide-item .bi-slide-text-area .bi-btn-1 a:after,
.bi-main-slide-item .bi-slide-text-area .bi-btn-1 a:before,
.bi-section-title-2 .bi-subtitle:before,
.bi-sidebar-widget .service-widget li a:hover:after,
.cart_sidebar .tx-close:after,
.cart_sidebar .tx-close:before,
.dark-bg-title .bi-section-title-1 .bi-subtitle:before {
  background-color:#fff
}
.bi-section-title-2 .bi-subtitle:after {
  top:10px;
  border:2px solid #000
}
.bi-section-title-2 h2 {
  color:#fff;
  font-size:45px;
  font-weight:200;
  line-height:1.333
}
.bi-section-title-2 h2 span,
.bi-team-details-contact-info .bi-team-details-contact-title p {
  font-weight:500
}
.bi-section-title-2 p {
  padding-top:12px
}
.bi-section-title-3 .bi-subtitle {
  font-size:14px;
  font-weight:700;
  padding:8px 15px;
  border-radius:10px;
  margin-bottom:15px;
  display:inline-block;
  color:var(--base-color);
  font-family:var(--heading);
  border:1px solid var(--base-color)
}
.bi-section-title-3 h2 {
  color:#fff;
  font-size:70px;
  line-height:80px;
  font-weight:700
}
.bi-blog-item .bi-blog-text-area,
.bi-section-title-3 p,
.bi-section-title-4 p,
.bi-service-item-wrapper-2,
.hpt-about-2-wrap .right,
.inv-lan-header-main-menu .menu-navigation,
.pt-30 {
  padding-top:30px
}
.bi-blog-details-author .admin-title-social,
.dark-bg-title .bi-section-title-1 .bi-subtitle,
.hpt-service-2-tabs-menu .nav-link:not(:last-child),
.mb-15 {
  margin-bottom:15px
}
.dark-bg-title .bi-section-title-1 .bi-subtitle:after {
  border:2px solid #0e0e0e
}
.dark-bg-title .bi-section-title-1 h2 {
  color:#fff;
  padding-bottom:5px
}
.dark-bg-title .bi-section-title-1 p {
  color:#cecece
}
.bi-btn-1 a {
  color:#fff;
  font-size:15px;
  font-weight:700;
  overflow:hidden;
  border-radius:10px;
  white-space:nowrap;
  display:inline-table;
  padding:20px 40px 17px;
  background-color:var(--base-color)
}
.bi-btn-2 a,
.bi-btn-3 a {
  font-weight:700;
  display:inline-block;
  background-color:var(--base-color);
  color:#fff
}
.bi-btn-1 a:after,
.bi-btn-1 a:before {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  background-color:#000;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.7s;
  transition:.7s
}
.bi-btn-1 a:before {
  top:-15px;
  left:-135px
}
.bi-btn-1 a:after {
  right:-135px;
  bottom:-15px
}
.bi-btn-2 a {
  font-size:12px;
  overflow:hidden;
  position:relative;
  padding:21px 30px;
  border-radius:30px
}
.bi-btn-3 a {
  padding:9px 25px;
  border-radius:5px;
  border:1.5px solid transparent
}
.bi-btn-3 a i,
.bi-btn-3 a img,
.hap-banner-content .hap-banner-image .hap-banner-img1,
.hap-banner-content .hap-banner-image .hap-banner-img2,
.ml-10 {
  margin-left:10px
}
.bi-btn-3 a:hover {
  color:var(--base-color);
  background-color:transparent;
  border:1.5px solid var(--base-color)
}
.bi-btn-main span {
  position:absolute;
  content:"";
  width:0;
  height:0;
  left:0;
  top:0;
  background-color:#000;
  z-index:-1;
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.bi-btn-main:hover span {
  width:350px;
  height:350px
}
.bi-img-animation,
.hap-img-animation img {
  -webkit-transition:1.3s cubic-bezier(.5, .5, 0, 1);
  transition:1.3s cubic-bezier(.5, .5, 0, 1);
  -webkit-clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);
  clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)
}
.bi-img-animation.active,
.hap-img-animation.active img {
  -webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
  clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)
}
.bi-blog-section,
.bi-testimonial-section-2 .background_parallax,
.inner-page-padding,
.inv-lan-testimonial-section {
  padding:120px 0
}
.bi-pagination li a {
  width:55px;
  height:55px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:#555;
  font-size:20px;
  font-weight:400;
  border-radius:10px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border:1px solid rgba(22,35,43,.1)
}
.bi-pagination li a:hover,
.bi-team-details-img-social .bi-team-details-name-social .bi-team-details-social a:hover {
  color:#fff;
  background-color:var(--base-color);
  border:1px solid var(--base-color)
}
.error-text-btn,
.mt-80 {
  margin-top:80px
}
.error-text-btn h3 {
  color:#0e0e0e;
  font-size:60px;
  font-weight:600;
  padding-bottom:50px
}
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  z-index:1
}
.bi-header-section {
  top:0;
  left:0;
  z-index:10;
  width:100%;
  position:absolute
}
.bi-header-section .nav,
.hap-header-menu-navigation .main-navigation .nav,
.hap-pricing-tab-btn .nav {
  display:inherit
}
.bi-header-section .dropdown:after,
.hap-header-section .dropdown:after {
  top:5px;
  color:#fff;
  right:-15px;
  content:"\f107";
  font-size:14px;
  font-weight:900;
  position:absolute;
  font-family:"Font Awesome 5 Brands";
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.bi-header-section .dropdown:hover .dropdown-menu,
.hap-header-section .dropdown:hover .dropdown-menu,
.inv-lan-header-section .dropdown:hover .dropdown-menu {
  visibility:visible;
  opacity:1;
  clip:inherit;
  -webkit-transform:scaleY(1);
  -khtml-transform:scaleY(1);
  transform:scaleY(1)
}
.bi-header-section .dropdown-menu {
  left:0;
  top:65px;
  z-index:100;
  margin:0;
  padding:20px 0;
  height:auto;
  min-width:250px;
  display:block;
  border:none;
  border-radius:2px;
  position:absolute;
  opacity:0;
  background:#000;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  transform-origin:0 0 0;
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  -o-transform-origin:0 0 0;
  text-align:left;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.bi-header-section .dropdown-menu .dropdown-menu {
  top:30px;
  left:-100%;
  min-width:250px;
  transform-origin:0 0 0;
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  -o-transform-origin:0 0 0;
  -webkit-transform:scaleY(0)!important;
  transform:scaleY(0)!important
}
.bi-header-section .dropdown-menu .dropdown-menu a {
  color:#fff;
  font-size:16px;
  font-weight:400;
  white-space:nowrap
}
.bi-blog-item-2 .bi-blog-text .blog-meta a:last-child:before,
.bi-header-section .dropdown-menu .dropdown-menu a:before,
.bi-header-section .dropdown-menu a:before,
.bi-header-section .hap-megamenu:after,
.bi-header-section.header-style-four .mobile_menu_content,
.bi-header-section.header-style-four.sticky-on .bi-header-social,
.bi-pricing-item-4 .plan-list li:last-child:before,
.hap-counter-content .col-lg-3:last-child .hap-counter-item:before,
.hap-header-section .dropdown-menu .dropdown-menu a:before,
.hap-header-section .dropdown-menu a:before,
.hap-header-section .hap-megamenu:after,
.hap-header-section.sticky-on .hap-header-top-area,
.mobile_menu .mobile-main-navigation .navbar-nav li a:after,
.mobile_menu_content .dropdown:after,
.no-after::after {
  display:none
}
.bi-header-section .dropdown-menu li,
.hap-header-section .dropdown-menu li,
.inv-lan-header-section .dropdown-menu li {
  display:block;
  margin:0!important;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.bi-header-section .dropdown-menu li:last-child,
.hap-header-section .dropdown-menu li:last-child,
.inv-lan-header-section .dropdown-menu li:last-child {
  border-bottom:none
}
.bi-header-section .dropdown-menu li:after,
.hap-header-section .dropdown-menu li:after {
  top:8px;
  right:15px;
  font-size:16px;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.bi-header-section .dropdown-menu li.dropdown:hover .dropdown-menu,
.hap-header-section .dropdown-menu li.dropdown:hover .dropdown-menu {
  top:0;
  -webkit-transform:scaleY(1)!important;
  transform:scaleY(1)!important
}
.bi-header-section .dropdown-menu a {
  width:100%;
  display:block;
  position:relative;
  padding:10px 30px!important;
  color:#fff!important;
  font-weight:600!important;
  font-size:15px!important
}
.bi-header-section .dropdown-menu a:hover {
  padding-left:40px!important;
  color:var(--base-color)!important
}
.bi-header-section .bi-header-cta-btn-grp,
.ml-25 {
  margin-left:25px
}
.bi-header-section .bi-header-cta-btn-grp button {
  padding:0;
  color:#fff;
  border:none;
  font-size:18px;
  margin-left:23px;
  background-color:transparent
}
.bi-header-section .bi-header-cta-btn-grp .cart-btn span {
  top:3px;
  right:-10px;
  width:15px;
  color:#fff;
  height:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:9px;
  font-weight:800;
  position:absolute;
  border-radius:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:var(--base-color)
}
.bi-header-section .bi-header-cta-btn-grp .offcanves-btn,
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info,
.ml-40 {
  margin-left:40px
}
.bi-header-section .bi-header-cta-btn-grp .offcanves-btn button {
  width:58px;
  height:58px;
  border-radius:100%;
  background-color:#272727
}
.bi-header-section.sticky-on {
  top:0;
  width:100%;
  z-index:10;
  padding:0;
  position:fixed;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:slideInDown;
  animation-name:slideInDown;
  background-color:#000;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.bi-header-section.sticky-on .bi-header-content {
  padding:12px 0
}
.bi-header-section.sticky-on .dropdown-menu {
  top:55px
}
.bi-header-section.header-style-one .bi-header-content {
  margin:0 auto;
  padding:20px 0;
  max-width:1550px
}
.bi-header-section.header-style-one .bi-header-social,
.ml-50 {
  margin-left:50px
}
.bi-header-section.header-style-four .bi-header-social a,
.bi-header-section.header-style-one .bi-header-social a {
  color:#fff;
  font-size:15px;
  margin-left:15px
}
.bi-blog-details-author .inner-social a:hover,
.bi-blog-share-tag .bi-blog-share a:hover,
.bi-career-feed-item .inner-text li i,
.bi-footer-cta-content-2 .bi-footer-cta-social li a:hover,
.bi-footer-cta-content-2 .bi-footer-cta-text .inner-icon i,
.bi-footer-social-content ul li a:hover,
.bi-footer-widget .menu-widget li a:hover,
.bi-header-main-navigation .main-navigation li a.active,
.bi-header-main-navigation .main-navigation li:hover a,
.bi-header-section.header-style-four .bi-header-social a:hover,
.bi-header-section.header-style-one .bi-header-social a:hover,
.bi-key-feature-item .bi-key-feature-text h3:hover,
.bi-portfolio-community .community-img-text h3 b,
.bi-portfolio-community .community-img-text h3 span,
.bi-portfolio-item-4 .portfolio-text h3:hover,
.bi-portfolio-tab-btn .nav-tabs .nav-link.active,
.bi-project-next-prev-btn a:hover,
.bi-service-list-item a:hover,
.bi-sidebar-widget .add-widget .add-widget-area .add-icon i,
.bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text h3:hover,
.bi-team-item-2 .bi-team-social li:hover,
.bi-why-choose-skill-area .skill-set-percent:first-child .progress span,
.mobile_menu .bi-mobile-header-social a:hover,
.sidebar-info-contents .sidebar-menu li a:hover,
.sidebar-info-contents .sidebar-more-menu li a:hover,
.sidebar-info-contents .sidebar-social li a:hover {
  color:var(--base-color)
}
.bi-header-section .hap-megamenu,
.hap-header-section .hap-megamenu {
  position:static!important
}
.bi-header-section .hap-megamenu .dropdown-menu,
.hap-header-section .hap-megamenu .dropdown-menu {
  left:0;
  right:0;
  top:80%;
  width:100%;
  padding:20px;
  margin:0 auto;
  max-width:1230px
}
.bi-header-section .hap-megamenu .hap-megamenu-item,
.hap-header-section .hap-megamenu .hap-megamenu-item {
  margin:10px
}
.bi-header-section .hap-megamenu .hap-menu-btn-grp,
.hap-header-section .hap-megamenu .hap-menu-btn-grp {
  left:0;
  top:60%;
  right:0;
  opacity:0;
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-header-section .hap-megamenu .hap-menu-btn-grp a,
.hap-header-section .hap-megamenu .hap-menu-btn-grp a {
  width:100px;
  margin:0 auto 8px;
  white-space:nowrap;
  font-size:14px!important;
  font-weight:500!important;
  padding:8px 10px!important;
  background-color:var(--base-color)
}
.bi-header-section .hap-megamenu .hap-menu-btn-grp a:hover,
.bi-sidebar-widget .service-widget li a:hover:before {
  color:var(--base-color);
  background-color:#fff
}
.bi-header-section .hap-megamenu .hap-megamenu-item h3,
.hap-header-section .hap-megamenu .hap-megamenu-item h3 {
  color:#fff;
  font-size:17px;
  font-weight:700;
  text-align:center;
  padding-top:15px
}
.bi-header-section .hap-megamenu .hap-megamenu-item:hover .hap-menu-btn-grp,
.hap-gallery-item:hover .overlay-box,
.hap-header-section .hap-megamenu .hap-megamenu-item:hover .hap-menu-btn-grp {
  top:50%;
  opacity:1
}
.bi-footer-section-2,
.bi-header-section.header-style-two.sticky-on {
  background-color:#0e0f19
}
.bi-header-section.header-style-two.sticky-on .bi-header-content,
.h1-sidebar-menu .sidebar-menu .dropdown-menu li a {
  padding:10px 15px
}
.bi-header-section.header-style-two .bi-header-content {
  margin:0 auto;
  max-width:1700px;
  padding:35px 15px
}
.bi-header-section.header-style-two .bi-header-main-navigation .main-navigation,
.home-2 .headline h1,
.home-2 .headline h2,
.home-2 .headline h3,
.home-2 .headline h4,
.home-2 .headline h5,
.home-2 .headline h6 {
  font-family:var(--heading-2)
}
.bi-header-section.header-style-two .bi-header-main-navigation .main-navigation li {
  margin:0 32px
}
.bi-header-section.header-style-two .bi-header-main-navigation .main-navigation li a {
  font-size:15px;
  font-weight:500;
  padding-bottom:40px
}
.bi-header-section.header-style-two .bi-header-cta-btn-grp .bi-header-search button {
  padding:0;
  color:#fff;
  border:none;
  font-size:20px;
  background-color:transparent
}
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info .inner-icon {
  width:50px;
  height:50px;
  margin-right:18px;
  border-radius:100%;
  background-color:#fff;
  color:var(--base-color)
}
.bi-consult-cta-form-btn .nav,
.bi-footer-cta-content-2 .bi-footer-cta-text .inner-text a,
.bi-footer-cta-content-2 .bi-footer-cta-text .inner-text span,
.bi-fun-fact-text-area-2 h2 span,
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info .inner-text a,
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info .inner-text span,
.bi-portfolio-sidebar li span,
.bi-portfolio-tab-btn .nav,
.hpt-service-2-tabs-menu {
  display:block
}
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info .inner-text span {
  color:#f8762b;
  font-size:12px
}
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info .inner-text a {
  color:#fff;
  font-size:15px;
  font-weight:700
}
.bi-footer-cta-content-2 .bi-footer-cta-social li,
.bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-area,
.ml-30 {
  margin-left:30px
}
.bi-header-section.header-style-three .bi-header-content {
  padding:17px 60px
}
.bi-header-section.header-style-three .bi-header-content .brand-logo {
  max-width:135px
}
.bi-header-section.header-style-three .bi-header-cta-btn-grp .cart-btn span {
  background-color:#fff;
  color:var(--base-color)
}
.bi-header-section.header-style-four .bi-header-social a:first-child,
.bi-header-section.header-style-three .bi-header-cta-btn-grp .cart-btn button,
.bi-portfolio-community li:first-child {
  margin-left:0
}
.bi-header-cta-btn-grp .bi-btn-2 a {
  white-space:nowrap
}
.bi-header-main-navigation .main-navigation,
.bi-team-details-img-social .bi-team-details-name-social,
.sidebar-info-contents {
  font-family:var(--heading)
}
.bi-header-main-navigation .main-navigation li {
  margin:0 28px
}
.bi-header-main-navigation .main-navigation li a {
  color:#fff;
  font-size:18px;
  font-weight:600;
  padding-bottom:40px
}
.sidebar-info-contents .content-inner .logo {
  padding-bottom:20px;
  max-width:180px
}
.sidebar-info-contents .content-inner .logo img {
  display:inline-block;
  max-width:100%
}
.close-side-widget,
.close-side-widget:hover {
  color:#fff!important;
  font-size:24px
}
.xs-sidebar-group .xs-overlay {
  top:0;
  left:0;
  width:100%;
  height:100%;
  font-size:0;
  position:fixed;
  pointer-events:none
}
.xs-sidebar-group .loader-area,
.xs-sidebar-group .xs-overlay .loader-area {
  height:100vh
}
.xs-sidebar-group.info-group .xs-overlay {
  z-index:35
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li,
.xs-sidebar-group .preloader-wrap {
  padding:0
}
.xs-sidebar-group.info-group.isActive .preloader-wrap .loader-bg {
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  -webkit-transition:.8s cubic-bezier(.77, 0, .175, 1);
  transition:.8s cubic-bezier(.77, 0, .175, 1)
}
.xs-sidebar-group.info-group .preloader-wrap .loader-bg {
  left:0;
  width:0;
  opacity:0;
  opacity:.95;
  height:100%;
  -webkit-transition:.8s cubic-bezier(.1, .1, .1, 1);
  transition:.8s cubic-bezier(.1, .1, .1, 1)
}
.xs-sidebar-group .widget-heading {
  top:5px;
  right:0;
  z-index:2;
  padding:20px;
  position:absolute
}
.xs-sidebar-group .widget-heading a {
  font-size:16px;
  font-weight:500
}
.xs-sidebar-widget {
  position:fixed;
  right:-100%;
  top:0;
  bottom:0;
  width:100%;
  max-width:50%;
  z-index:999999;
  overflow:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background-color:#272727;
  -webkit-transition:.5s cubic-bezier(.9, .03, 0, .96) .6s;
  transition:.5s cubic-bezier(.9, .03, 0, .96) .6s;
  visibility:hidden;
  opacity:0
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
  opacity:1;
  visibility:visible;
  right:0;
  -webkit-transition:.7s cubic-bezier(.9, .03, 0, .96) .4s;
  transition:.7s cubic-bezier(.9, .03, 0, .96) .4s
}
.close-side-widget {
  color:#1768dd;
  font-size:rem(15px);
  display:block
}
.sidebar-widget-container {
  position:relative;
  top:150px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.3s ease-in .3s;
  transition:.3s ease-in .3s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.xs-sidebar-group.isActive .sidebar-widget-container {
  top:0;
  opacity:1;
  visibility:visible;
  -webkit-transition:1s ease-out 1.2s;
  transition:1s ease-out 1.2s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.sidebar-info-contents .sidebar-logo {
  padding:20px 30px;
  margin-bottom:30px;
  border-left:1px solid;
  border-bottom:1px solid rgba(255,255,255,.15)
}
.sidebar-info-contents .sidebar-menu {
  margin-bottom:20px;
  border-top:1px solid rgba(255,255,255,.15)
}
.sidebar-info-contents .sidebar-menu li a {
  color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-weight:500;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-left:1px solid;
  text-transform:uppercase;
  border-bottom:1px solid rgba(255,255,255,.15)
}
.sidebar-info-contents .sidebar-menu li a i {
  width:90px;
  font-size:25px;
  text-align:center;
  line-height:.75;
  padding:15px 20px;
  margin-right:25px;
  border-right:1px solid rgba(255,255,255,.15)
}
.sidebar-info-contents .sidebar-more-menu {
  font-size:14px;
  font-weight:500;
  padding:10px 20px;
  margin-bottom:15px
}
.sidebar-info-contents .sidebar-more-menu span {
  color:#fff;
  font-weight:600;
  margin-right:15px;
  text-transform:capitalize
}
.hap-contact-social a i,
.mr-10,
.sidebar-info-contents .sidebar-more-menu li,
.sidemenu-contact-info .info-box .title i {
  margin-right:10px
}
.sidebar-info-contents .sidebar-more-menu li a {
  color:#fff;
  font-size:13px
}
.sidebar-info-contents .sidebar-social {
  font-weight:500;
  padding-left:20px;
  text-transform:uppercase
}
.sidebar-info-contents .sidebar-social span {
  color:#fff;
  font-size:16px;
  font-weight:600;
  margin-bottom:10px;
  display:inline-block
}
.bi-sidebar-widget .service-widget li,
.cart_sidebar_button a:not(:last-child),
.hpt-contact-1-form .input-item:not(:last-child),
.hpt-service-2-content .service-feature li:not(:last-child),
.mb-10,
.sidebar-info-contents .sidebar-social li {
  margin-bottom:10px
}
.sidebar-info-contents .sidebar-social li a {
  color:#fff;
  font-size:14px
}
.bi-blog-feed-item-2 .blog-meta i,
.bi-blog-feed-item-3 .blog-meta i,
.hap-header-top-area .top-info-cta li i,
.inv-demo-page-item .inv-demo-preview-btn a i,
.mr-5,
.sidebar-info-contents .sidebar-social li a i {
  margin-right:5px
}
.sidebar-info-contents .sidebar-copyright {
  color:#fff;
  font-size:14px;
  margin-top:30px;
  font-weight:500
}
.mobile_logo {
  top:10px;
  left:15px;
  display:none;
  position:absolute
}
.mobile_menu_content {
  top:0;
  bottom:0;
  left:-350px;
  height:100vh;
  z-index:101;
  position:fixed;
  width:310px;
  overflow-y:scroll;
  background-color:#0f0d0d;
  padding:20px 35px 35px;
  -webkit-box-shadow:0 3px 5px rgba(100,100,100,.19);
  box-shadow:0 3px 5px rgba(100,100,100,.19);
  -webkit-transition:.5s ease-in;
  transition:.5s ease-in
}
.bi-btn-4 a:hover:before,
.bi-footer-widget .menu-widget li a:hover:before,
.hap-pricing-tab-btn .nav-tabs .nav-link.active:before,
.hap-service-item .service-category a:hover:before,
.hap-service-item.active:after,
.hpt-footer-widget .menu-widget li a:hover::before,
.hpt-testimonial-1-slider-1 .testimonial-1-1.swiper-slide-active .hpt-testimonial-1-slider-1-content .right .slide-img,
.mobile_menu_content .mobile-main-navigation,
.mobile_menu_content .mobile-main-navigation .navbar-nav,
.w_img img {
  width:100%
}
.mobile_menu_content .navbar-nav .dropdown-menu {
  position:static!important;
  -webkit-transform:none!important;
  transform:none!important
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
  width:100%;
  display:block;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
  width:100%;
  color:#fff;
  display:block;
  font-weight:600;
  font-size:14px;
  font-family:var(--heading);
  text-transform:uppercase;
  padding:10px 30px 10px 0!important
}
.mobile_menu_content .m-brand-logo {
  width:120px;
  margin:50px auto
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  left:0;
  -webkit-transition:.7s ease-out;
  transition:.7s ease-out
}
.mobile_menu_overlay {
  top:0;
  width:100%;
  position:fixed;
  z-index:100;
  right:0;
  height:120vh;
  opacity:0;
  visibility:hidden;
  background-color:rgba(0,0,0,.9);
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
.bi-banner-section,
.bi-portfolio-section-4,
.bi-slider-section-4,
.bi-text-scroll-section-1,
.fix,
.hap-banner-section,
.hap-gallery-section,
.hap-testimonial-item,
.hpt-client-logo-1-slider-wrap,
.hpt-hero-2-slider-wrapper .swiper-container,
.hpt-testimonial-slider-4,
.mobile_menu_overlay_on,
.sidebar-mobile-menu-wrap .mobile_menu {
  overflow:hidden
}
.bi-blog-item-3:hover .bi-blog-text p,
.bi-service-feed-item:hover .hover_img,
.bi-team-item-2:hover .bi-team-social li,
.bi-team-item-2:hover .team-shape.shape_1,
.bi-team-item-2:hover .team-shape.shape_2,
.bi-team-item-4:hover .team-social,
.hpt-project-2-item:hover .hpt-project-2-item-btn,
.mobile_menu .mobile-main-navigation .dropdown>.dropdown-menu,
.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay,
.search-open {
  opacity:1;
  visibility:visible
}
.mobile_menu_button {
  right:0;
  top:-35px;
  z-index:5;
  color:#fff;
  display:none;
  font-size:24px;
  cursor:pointer;
  line-height:38px;
  position:absolute;
  text-align:center
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
  border:none;
  display:none;
  -webkit-transition:none;
  transition:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:5px 0;
  width:100%;
  background-color:transparent
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
  border:none;
  padding:0 10px;
  line-height:1
}
.bi-faq-content-area .accordion-button,
.bi-faq-content-area .accordion-button:not(.collapsed),
.bi-faq-content-area .accordion-item,
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
  background-color:transparent
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
  color:#fff!important
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
  color:var(--base-color);
  background-color:transparent
}
.mobile_menu .dropdown .dropdown-btn {
  color:#9397a7;
  position:absolute;
  top:3px;
  right:0;
  height:30px;
  padding:5px 10px
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}
.mobile_menu .mobile_menu_close {
  top:25px;
  right:25px;
  cursor:pointer;
  color:#d60606;
  font-size:20px;
  position:absolute
}
.bi-blog-item,
.bi-footer-widget,
.bi-fun-fact-text-area .bi-fun-fact-text,
.bi-team-feed-section .hap-team-item,
.hpt-footer-widget,
.mb-40,
.mobile_menu .mobile-search-bar {
  margin-bottom:40px
}
.mobile_menu .mobile-search-bar input {
  width:100%;
  height:50px;
  border:none;
  border-bottom:1px solid #616161;
  background-color:transparent
}
.mobile_menu .mobile-search-bar input::-webkit-input-placeholder {
  color:#616161
}
.mobile_menu .mobile-search-bar input::-moz-placeholder {
  color:#616161
}
.mobile_menu .mobile-search-bar input:-ms-input-placeholder {
  color:#616161
}
.mobile_menu .mobile-search-bar input::-ms-input-placeholder {
  color:#616161
}
.mobile_menu .mobile-search-bar input::placeholder {
  color:#616161
}
.mobile_menu .mobile-search-bar button {
  top:0;
  right:0;
  color:#fff;
  padding:0;
  height:50px;
  border:none;
  position:absolute;
  background-color:transparent
}
.bi-about-video-play-area,
.bi-complete-work-counter,
.bi-pricing-item-2 .bi-btn-2,
.hap-pricing-tab-content,
.mobile_menu .bi-mobile-header-social,
.mt-40 {
  margin-top:40px
}
.mobile_menu .bi-mobile-header-social a {
  color:#fff;
  margin:0 8px;
  font-size:15px
}
.search-body {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index:1000;
  -webkit-transform:scale(1,0);
  transform:scale(1,0);
  -webkit-transform-origin:bottom center;
  transform-origin:bottom center;
  -webkit-transition:-webkit-transform .7s;
  transition:transform .7s;
  transition:transform .7s,-webkit-transform .7s;
  background-color:rgba(0,0,0,.85)
}
.search-body.search-open {
  -webkit-transform-origin:top center;
  transform-origin:top center;
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
}
.search-body .search-form {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.search-body .search-form .search-form-area {
  width:100%;
  z-index:9991;
  max-width:600px;
  overflow:hidden;
  position:relative;
  border-radius:5px
}
.search-body .search-form input {
  width:100%;
  color:#000;
  height:60px;
  border:none;
  padding:0 30px;
  background-color:#fff
}
.search-body .search-form input::-webkit-input-placeholder {
  color:#000;
  font-weight:500
}
.search-body .search-form input::-moz-placeholder {
  color:#000;
  font-weight:500
}
.search-body .search-form input:-ms-input-placeholder {
  color:#000;
  font-weight:500
}
.search-body .search-form input::-ms-input-placeholder {
  color:#000;
  font-weight:500
}
.search-body .search-form input::placeholder {
  color:#000;
  font-weight:500
}
.search-body .search-form button {
  top:0;
  right:0;
  color:#fff;
  border:none;
  width:120px;
  height:60px;
  position:absolute;
  background:var(--base-color)
}
.bi-main-slider-area,
.bi-slider-content {
  margin:0 auto;
  max-width:1550px;
  border-radius:10px
}
.search-body .outer-close {
  top:40px;
  right:55px;
  width:50px;
  height:50px;
  cursor:pointer;
  line-height:50px;
  border-radius:3px;
  position:absolute;
  background-color:var(--base-color)
}
.bi-header-main-navigation .main-navigation .navbar-nav .nav-link {
  display:initial
}
.bi-slider-section {
  overflow:hidden;
  padding-top:100px
}
.bi-slider-content {
  overflow:hidden
}
#rev_slider_3_1_wrapper .custom.tparrows {
  top:50%;
  color:#191825;
  cursor:pointer;
  background:#fff;
  width:60px;
  height:60px;
  border-radius:5px;
  position:absolute;
  display:block;
  z-index:1000
}
#rev_slider_3_1_wrapper .custom.tparrows:after,
.bi-carousel-arrow-next-prev .bi-slider-arrow:after {
  top:0;
  z-index:-1;
  left:0;
  width:100%;
  content:"";
  opacity:0;
  height:100%;
  border-radius:5px;
  visibility:hidden;
  position:absolute;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
#rev_slider_3_1_wrapper .custom.tparrows:hover:after,
.bi-carousel-arrow-next-prev .bi-slider-arrow:hover:after {
  top:-5px;
  left:-5px;
  opacity:1;
  visibility:visible
}
#rev_slider_3_1_wrapper .custom.tparrows:hover:before {
  color:#fff;
  padding-right:5px;
  line-height:50px
}
#rev_slider_3_1_wrapper .custom.tparrows.rs-touchhover {
  background:#fff
}
#rev_slider_3_1_wrapper .custom.tparrows:before {
  z-index:1;
  color:#191825;
  font-size:15px;
  display:block;
  font-weight:900;
  line-height:60px;
  text-align:center;
  -webkit-transition:.5s;
  transition:.5s;
  font-family:"Font Awesome 5 Brands"
}
#rev_slider_3_1_wrapper .custom.tparrows.tp-leftarrow,
.bi-blog-item.right_align_content .bi-blog-meta:before {
  left:0
}
#rev_slider_3_1_wrapper .custom.tparrows.tp-rightarrow,
.cart_sidebar.active {
  right:0
}
#rev_slider_3_1_wrapper .custom.tparrows.tp-leftarrow:before {
  content:"\f177"
}
#rev_slider_3_1_wrapper .custom.tparrows.tp-rightarrow:before {
  content:"\f178"
}
.b-strock-font,
.bi-storyboard-item.active h3,
.bi-storyboard-item:hover h3 {
  color:var(--base-color);
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:var(--base-color)
}
@-webkit-keyframes moveAnimation {
  0%,
  100% {
    left:0
  }
  50% {
    -webkit-transform:translateY(-30px);
    transform:translateY(-30px)
  }
}
@keyframes moveAnimation {
  0%,
  100% {
    left:0
  }
  50% {
    -webkit-transform:translateY(-30px);
    transform:translateY(-30px)
  }
}
@-webkit-keyframes moveAnimation2 {
  0%,
  100% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  50% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
}
@keyframes moveAnimation2 {
  0%,
  100% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  50% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
}
.bi-main-slide-item {
  padding:45px 0 100px
}
.bi-main-slide-item .side-shape {
  top:50%;
  opacity:0;
  right:50px;
  visibility:hidden;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-main-slide-item .side-shape img {
  -webkit-animation:4s infinite moveAnimation2;
  animation:4s infinite moveAnimation2
}
.bi-main-slide-item .bi-slide-img-area {
  max-width:695px
}
.bi-main-slide-item .bi-slide-img-area .bi-slide-img {
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(80px);
  transform:translateY(80px)
}
.bi-main-slide-item .bi-slide-img-area .bi-slide-text-img {
  left:0;
  right:0;
  bottom:-20px;
  text-align:center;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(-80px);
  transform:translateY(-80px)
}
.bi-main-slide-item .bi-slide-img-area .bi-slide-img-arrow {
  top:50%;
  opacity:0;
  right:-20px;
  visibility:hidden;
  -webkit-transform:translateX(-80px);
  transform:translateX(-80px)
}
.bi-main-slide-item .bi-slide-img-area .bi-slide-img-arrow img {
  -webkit-animation:2s infinite moveAnimation;
  animation:2s infinite moveAnimation
}
.bi-main-slide-item .bi-slide-text-area {
  max-width:610px;
  padding-left:70px
}
.bi-main-slide-item .bi-slide-text-area h1 {
  color:#fff;
  line-height:1;
  font-size:99px;
  font-weight:900;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(-80px);
  transform:translateX(-80px)
}
.bi-main-slide-item .bi-slide-text-area h2 {
  font-size:85px;
  font-weight:900;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(80px);
  transform:translateX(80px)
}
.bi-main-slide-item .bi-slide-text-area ul,
.bi-portfolio-community,
.mt-15 {
  margin-top:15px
}
.bi-main-slide-item .bi-slide-text-area li {
  color:#fff;
  font-size:23px;
  font-weight:700;
  padding-left:30px;
  position:relative;
  margin-bottom:8px;
  font-family:var(--heading);
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-main-slide-item .bi-slide-text-area li:before {
  top:0;
  left:0;
  color:#ff7425;
  content:"\f061";
  font-weight:900;
  position:absolute;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  font-family:"Font Awesome 5 Brands"
}
.bi-main-slide-item .bi-slide-text-area .bi-btn-1 {
  margin-top:30px;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
}
.bi-main-slide-item .bi-slide-text-area .bi-btn-1:hover a {
  color:#000
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .side-shape {
  opacity:1;
  right:20px;
  visibility:visible;
  -webkit-transition:1s 1.35s;
  transition:1s 1.35s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-img-area .bi-slide-img {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:1s 0.3s;
  transition:1s 0.3s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-img-area .bi-slide-text-img {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:1s 0.4s;
  transition:1s 0.4s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-img-area .bi-slide-img-arrow {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:1s 0.5s;
  transition:1s 0.5s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-text-area h1 {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:1s 0.9s;
  transition:1s 0.9s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-text-area h2,
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-text-area li {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:1s 1s;
  transition:1s 1s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-text-area li:nth-child(2) {
  -webkit-transition-delay:1.05s;
  transition-delay:1.05s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-text-area li:nth-child(3) {
  -webkit-transition-delay:1.1s;
  transition-delay:1.1s
}
.bi-main-slider .swiper-slide-active .bi-main-slide-item .bi-slide-text-area .bi-btn-1 {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:1s 1.25s;
  transition:1s 1.25s
}
.bi-quality-feature-item:before,
.bi-storyboard-item:before {
  content:"\f061";
  -webkit-transition:.5s;
  font-family:"Font Awesome 5 Brands";
  position:absolute
}
.bi-main-slider-section .bi-carousel-arrow-next-prev {
  top:50%;
  left:0;
  right:0
}
.bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-prev {
  left:-25px;
  position:absolute
}
.bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-next {
  right:-25px;
  position:absolute
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.bi-skill-logo-content {
  padding:70px 0;
  border-bottom:1px solid #4b4b4b
}
.bi-skill-logo-play {
  max-width:115px;
  margin-right:25px;
  -webkit-animation:10s linear infinite spin;
  animation:10s linear infinite spin
}
.bi-skill-logo-text,
.inv-lan-faq-feature-item .inner-text {
  max-width:260px
}
.bi-skill-logo-text h2 {
  color:#fff;
  font-size:40px;
  font-weight:700
}
.bi-skill-logo-wrapper,
.pl-40 {
  padding-left:40px
}
.bi-skill-logo-item {
  height:46px;
  width:130px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:15px;
  margin:10px 13px;
  border-radius:30px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#fff
}
.bi-quality-section {
  overflow:hidden;
  padding:85px 0 140px
}
.bi-complete-work-counter h4 {
  color:#fff;
  font-size:18px;
  font-weight:500;
  padding-bottom:3px
}
.bi-complete-work-counter h3 {
  font-size:80px;
  font-weight:700;
  color:var(--base-color)
}
.bi-quality-feature-area,
.pl-70 {
  padding-left:70px
}
.bi-quality-feature-item {
  padding:35px 0;
  border-bottom:1px solid #515151
}
.bi-quality-feature-item:last-child {
  margin-bottom:0;
  border-bottom:none
}
.bi-quality-feature-item:before {
  top:50%;
  right:0;
  color:#ff7425;
  font-size:55px;
  font-weight:900;
  transition:.5s;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg)
}
.bi-quality-feature-item .feature-icon,
.hap-service-item .service-icon,
.mr-25 {
  margin-right:25px
}
.bi-quality-feature-item .feature-text h3 {
  color:#fff;
  font-size:30px;
  font-weight:500
}
.bi-quality-feature-item:hover:before {
  -webkit-transform:translateY(-50%) rotate(0);
  transform:translateY(-50%) rotate(0)
}
.bi-about-section {
  padding:140px 0 160px
}
.bi-about-img-area1 {
  max-width:301px;
  padding-top:50px;
  margin-right:30px
}
.bi-about-img-area1 .bi-about-img1 {
  margin-bottom:15px;
  display:inline-block
}
.bi-about-img-area1 .bi-about-img-text,
.bi-blog-details-meta,
.bi-key-feature-item .bi-key-feature-icon-number,
.bi-pricing-item-4 .plan-price,
.mb-35 {
  margin-bottom:35px
}
.bi-about-img-area2 .bi-about-img2,
.bi-portfolio-btn-img,
.bi-service-section-4 .bi-service-scroll-area,
.home-6 .hpt-btn-2 .text,
.sidemenu-social-link ul li,
.testimonial-rate.ul-li ul li {
  display:inline-block
}
.bi-about-text-area {
  top:40px;
  right:85px;
  max-width:550px;
  position:absolute
}
.bi-about-text-area .bi-section-title-1 .bi-subtitle:after {
  border:2px solid #000
}
.bi-about-text-area .bi-section-title-1 h2 span {
  color:var(#000);
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:var(#000)
}
.bi-about-circle-progress {
  padding-top:350px
}
.bi-about-circle-progress-item,
.bi-career-details-text-area ul,
.bi-footer-widget-2 .logo-widget .logo-info,
.bi-sidebar-widget,
.hpt-cta-2-content>.icon,
.hpt-testimonial-item-4 .testimonial-author,
.inv-demo-page-item .inner-img,
.mb-30 {
  margin-bottom:30px
}
.bi-about-circle-progress-item .graph-outer,
.bi-carousel-testimonial .bi-slider-arrow,
.bi-service-details-text-area .bi-sd-feature .bi-sd-icon-title .inner-icon,
.hap-about-feature-item .feature-icon,
.hpt-about-1-feature .item .icon,
.mr-15 {
  margin-right:15px
}
.bi-about-circle-progress-item .graph-outer .count-box {
  top:15px;
  left:15px;
  width:50px;
  height:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:#0e0e0e;
  font-size:14px;
  font-weight:900;
  position:absolute;
  border-radius:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-family:var(--heading);
  background-color:#e7e8ee
}
.bi-about-circle-progress-item .graph-outer .count-box .count-text {
  -webkit-transform:translate(0)!important;
  transform:translate(0)!important
}
.bi-about-circle-progress-item .bi-about-prog-text h3 {
  color:var(--title-color);
  font-size:23px;
  font-weight:700;
  padding-bottom:5px
}
.bi-about-circle-progress-item .bi-about-prog-text p {
  color:#494949;
  font-size:15px;
  font-family:var(--heading)
}
.bi-storyboard-section {
  z-index:1;
  padding:130px 0 80px
}
.bi-storyboard-section .background_overlay {
  z-index:-1;
  background-color:rgba(0,0,0,.5)
}
.bi-storyboard-content .bi-storyboard-title {
  color:#fff;
  font-size:70px;
  font-weight:700
}
.bi-storyboard-list-area,
.pt-80 {
  padding-top:80px
}
.bi-storyboard-item {
  margin:0 auto 30px;
  cursor:pointer;
  max-width:670px;
  text-align:center;
  position:relative;
  padding-bottom:40px
}
.bi-storyboard-item:before {
  top:40px;
  opacity:0;
  right:50px;
  color:#ff7425;
  font-size:55px;
  font-weight:900;
  visibility:hidden;
  transition:.5s;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg)
}
.bi-storyboard-item h3 {
  font-size:60px;
  font-weight:700;
  padding-bottom:5px;
  -webkit-transition:.5s;
  transition:.5s;
  color:#fff;
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff
}
.bi-main-slider-item-4 .bi-main-slider-text h1,
.bi-text-scroll-item-1 h3 {
  -webkit-text-stroke-color:var(--base-color);
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:2px
}
.bi-storyboard-item .bi-storyboard-hover {
  left:0;
  right:0;
  opacity:0;
  width:100%;
  bottom:-45px;
  visibility:hidden;
  position:absolute;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-storyboard-item .bi-storyboard-hover i {
  width:100%;
  height:1.1px;
  max-width:0;
  position:relative;
  display:inline-block;
  -webkit-transition:.5s;
  transition:.5s;
  background-color:var(--base-color)
}
.bi-storyboard-item .bi-storyboard-hover span {
  color:#fff;
  font-size:15px;
  font-weight:500;
  padding:3px 23px;
  margin:0 15px;
  white-space:nowrap;
  border-radius:20px;
  font-family:var(--heading);
  background-color:var(--base-color)
}
.bi-counter-item h3,
.bi-counter-item p,
.bi-team-item-area .bi-team-text h3 {
  font-weight:900;
  color:var(--title-color)
}
.bi-storyboard-item.active .bi-storyboard-hover,
.bi-storyboard-item:hover .bi-storyboard-hover {
  bottom:0;
  opacity:1;
  visibility:visible
}
.bi-storyboard-item.active .bi-storyboard-hover i,
.bi-storyboard-item:hover .bi-storyboard-hover i {
  max-width:115px;
  -webkit-transition-delay:0.3s;
  transition-delay:0.3s
}
.bi-storyboard-item.active:before,
.bi-storyboard-item:hover:before,
.bi-team-item-3:hover .bi-team-img-social .team-social {
  right:0;
  opacity:1;
  visibility:visible
}
.bi-fun-fact-section {
  padding:110px 0;
  background-color:#ebf7f7
}
.bi-fun-fact-img-area,
.hpt-choose-2-content,
.pt-35 {
  padding-top:35px
}
.bi-fun-fact-img,
.bi-fun-fact-img-2 {
  height:377px;
  width:100%;
  max-width:479px;
  overflow:hidden;
  display:inline-block
}
.bi-fun-fact-img .image_item_1,
.bi-fun-fact-img-2 .image_item_1 {
  position:absolute;
  top:0;
  left:0;
  width:auto;
  height:100%;
  -webkit-transition:.5s;
  transition:.5s;
  background-size:cover
}
.bi-counter-item:after,
.bi-counter-item:before {
  left:48%;
  width:1px;
  background:var(--base-color);
  position:absolute;
  content:""
}
.bi-fun-fact-img .image_item_1:first-child,
.bi-fun-fact-img-2 .image_item_1:first-child {
  -webkit-transform:translateY(-50%) scaleY(2);
  transform:translateY(-50%) scaleY(2);
  opacity:0;
  -webkit-filter:blur(10px);
  filter:blur(10px)
}
.bi-fun-fact-img-2:hover .image_item_1:first-child,
.bi-fun-fact-img:hover .image_item_1:first-child {
  -webkit-transform:translateY(0) scaleY(1);
  transform:translateY(0) scaleY(1);
  opacity:1;
  -webkit-filter:blur(0);
  filter:blur(0)
}
.bi-fun-fact-img-2:hover .image_item_1:nth-child(2),
.bi-fun-fact-img:hover .image_item_1:nth-child(2) {
  -webkit-transform:translateY(50%) scaleY(2);
  transform:translateY(50%) scaleY(2);
  opacity:0;
  -webkit-filter:blur(10px);
  filter:blur(10px)
}
.bi-fun-fact-img-2 {
  max-width:712px
}
.bi-blog-content-2,
.bi-blog-feed-content-2,
.bi-career-content,
.bi-career-feed-content,
.bi-faq-feed-content,
.bi-fun-fact-counter,
.bi-key-feature-title-text,
.bi-portfolio-tab-content,
.bi-pricing-content-3,
.bi-team-content-4,
.bi-testimonial-feed-content,
.bi-testimonial-slider-4,
.bi-why-choose-us-content,
.hap-blog-content,
.hpt-service-2-tabs,
.inv-demo-page-content,
.inv-lan-faq-feature,
.pt-50 {
  padding-top:50px
}
.bi-counter-item {
  max-width:330px;
  margin:0 auto
}
.bi-counter-item:after {
  top:20%;
  height:50px;
  -webkit-transform:translate(-50%) rotate(45deg);
  transform:translate(-50%) rotate(45deg)
}
.bi-counter-item:before {
  top:43%;
  opacity:.5;
  height:16px;
  -webkit-transform:translate(-50%) rotate(-45deg);
  transform:translate(-50%) rotate(-45deg)
}
.bi-counter-item h3 {
  font-size:62px
}
.bi-counter-item p {
  font-size:18px;
  max-width:130px;
  line-height:1.2;
  font-family:var(--heading)
}
.bi-fun-fact-text-area {
  margin:25px auto 0;
  max-width:830px
}
.bi-fun-fact-section-2 {
  padding:105px 0 65px
}
.bi-fun-fact-text-area-2 .bi-btn-1,
.mt-85 {
  margin-top:85px
}
.bi-fun-fact-counter-2 .bi-fun-fact-star {
  left:0;
  top:35%;
  right:90px;
  text-align:center;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-animation:10s linear infinite spin;
  animation:10s linear infinite spin
}
.bi-play-btn {
  padding:310px 0
}
.bi-play-btn a,
.bi-video-play-content-2 .video-play-logo {
  display:inline-block;
  -webkit-animation:10s linear infinite spin;
  animation:10s linear infinite spin
}
.bi-team-section {
  padding:110px 0
}
.bi-team-section .bi-team-bg {
  top:0;
  left:0;
  width:100%;
  height:695px
}
.bi-blog-content,
.bi-team-content,
.bi-team-content-2,
.hap-portfolio-content,
.hpt-project-1-wrap .project-1-right,
.pt-40 {
  padding-top:40px
}
.bi-team-item-area {
  width:565px;
  height:530px;
  overflow:hidden;
  border-bottom-right-radius:100%;
  border-bottom-left-radius:100%
}
.bi-team-item-area .bi-team-img {
  overflow:hidden;
  position:absolute
}
.bi-team-item-area .bi-team-img img {
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%
}
.bi-team-item-area .bi-team-text {
  top:55%;
  right:35px;
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-team-item-area .bi-team-text h3 {
  font-size:45px
}
.bi-team-item-area .bi-team-text span {
  font-size:20px;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-team-item-area .bi-team-text .bi-team-social,
.mt-5 {
  margin-top:5px
}
.bi-team-item-area .bi-team-text .bi-team-social a {
  color:#000;
  font-size:20px;
  margin:0 6px
}
.bi-team-item-area .bi-team-item {
  bottom:0;
  right:0
}
.bi-team-item-area .bi-team-item .bi-team-shape {
  top:48px;
  z-index:-1;
  right:105px;
  -webkit-transform:rotate(9deg);
  transform:rotate(9deg)
}
.bi-team-item-area .bi-team-item .bi-team-link {
  right:-46px;
  bottom:-32px;
  width:170px;
  height:170px;
  position:absolute;
  border-radius:100%;
  background-color:var(--base-color)
}
.bi-team-item-area .bi-team-item .bi-team-link a {
  top:25px;
  left:30px;
  color:#fff;
  position:absolute
}
.bi-portfolio-section {
  padding:170px 0 90px
}
.bi-counter-content-4 .bi-fun-fact-counter-2,
.bi-portfolio-tab-btn-text {
  max-width:480px
}
.bi-blog-details-text-area .bi-portfolio-details-list-img,
.bi-blog-feed-item-3 .blog-text,
.bi-portfolio-tab-btn,
.bi-team-content-4 .bi-btn-4,
.bi-team-details-img-social .bi-team-details-name-social .bi-team-details-social,
.hap-banner-content .hap-banner-image .hap-banner-img1,
.hap-faq-accordion-area .hap-accordion,
.hap-skill-progress-item .skill-set-percent,
.mt-20 {
  margin-top:20px
}
.bi-consult-cta-form-btn .nav-tabs,
.bi-portfolio-tab-btn .nav-tabs,
.hap-pricing-tab-btn .nav-tabs {
  border:none
}
.bi-portfolio-tab-btn .nav-tabs .nav-item.show .nav-link,
.bi-portfolio-tab-btn .nav-tabs .nav-link,
.bi-portfolio-tab-btn .nav-tabs .nav-link.active {
  border:none;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  background-color:transparent
}
.bi-portfolio-tab-btn .nav-tabs .nav-link {
  width:100%;
  color:#555;
  font-size:20px;
  font-weight:700;
  padding-left:26px;
  position:relative;
  margin-bottom:10px;
  font-family:var(--heading)
}
.bi-portfolio-tab-btn .nav-tabs .nav-link:before {
  left:0;
  top:10px;
  width:12px;
  content:"";
  height:12px;
  border-radius:3px;
  position:absolute;
  background-color:#ff8e5e
}
.bi-portfolio-tab-btn li:nth-child(2) .nav-link:before {
  background-color:#ff4141
}
.bi-portfolio-tab-btn li:nth-child(3) .nav-link:before {
  background-color:#1d1e22
}
.bi-portfolio-tab-btn li:nth-child(4) .nav-link:before {
  background-color:#84d6d7
}
.bi-faq-content,
.bi-portfolio-btn-img-area,
.bi-video-play-content-2 .video-play-text,
.hap-banner-content .hap-banner-text .hap-btn,
.hap-team-slider-content,
.mt-30 {
  margin-top:30px
}
.bi-portfolio-community li {
  width:46px;
  height:46px;
  overflow:hidden;
  margin-left:-18px;
  border-radius:100%;
  border:2px solid #fff
}
.bi-portfolio-community .community-img-text h3 {
  color:#5f6465;
  font-size:15px;
  max-width:170px;
  font-weight:700;
  margin-left:15px;
  line-height:1.333
}
.bi-portfolio-item {
  display:inline-block;
  margin-bottom:50px
}
.bi-blog-feed-item-2 .blog-img img,
.bi-blog-feed-item-3 .blog-img img,
.bi-blog-item-2 .blog-img-area .blog-img img,
.bi-portfolio-item .portfolio-img img,
.bi-team-item-2 .bi-team-img img,
.bi-what-we-offer-item .bi-what-we-offer-img-title .offer-img img,
.hap-blog-item .blog-img-meta .blog-img img {
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-item .portfolio-img:before {
  top:-30px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-item .portfolio-img:after {
  bottom:-30px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-item .portfolio-text {
  left:40px;
  z-index:2;
  opacity:0;
  bottom:0;
  visibility:hidden;
  position:absolute;
  -webkit-transition:.3s;
  transition:.3s
}
.bi-portfolio-item .portfolio-text h3 {
  color:#fff;
  font-size:20px;
  font-weight:700;
  overflow:hidden;
  position:relative;
  border-radius:8px;
  padding:16px 22px 16px 82px;
  background-color:var(--base-color)
}
.bi-portfolio-item .portfolio-text h3 i {
  top:0;
  left:0;
  width:62px;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#0e0e0e
}
.bi-portfolio-item:hover .portfolio-img img,
.hap-sponsor-logo-area .sponsor-logo:hover img,
.hpt-project-1-item-img-big:hover .multi-img-wrap img,
.hpt-project-1-item-img-medle:hover .multi-img-wrap img,
.hpt-project-1-item-img-small:hover .multi-img-wrap img,
.hpt-video-1-item:hover .video-1-img .multi-img-wrap img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.bi-blog-item-3:hover .more_btn,
.bi-consult-cta-form-btn .nav-tabs .nav-link.active .bi-consult-btn-area .bi-consult-btn,
.bi-footer-cta-content-2 .bi-footer-newslatter-form button:hover,
.bi-main-arrow-next-prev .bi-slider-arrow:hover:before,
.bi-portfolio-filter-btn li.filtr-active,
.bi-portfolio-filter-btn li:hover,
.bi-portfolio-item:hover .portfolio-img:after,
.bi-portfolio-item:hover .portfolio-img:before,
.bi-pricing-item-area-3 .bi-pricing-item-3 .price-btn a:hover,
.bi-team-pagination-carousel .swiper-team-paginations .swiper-pagination-bullet-active,
.bi-terms-condition-content li:before,
.bi-why-choose-skill-area .skill-set-percent:first-child .progress-bar,
.bins-dot-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--base-color)
}
.bi-portfolio-item:hover .portfolio-text {
  opacity:1;
  bottom:30px;
  visibility:visible
}
.bi-portfolio-item-content .col-md-6 .bi-portfolio-item .portfolio-text {
  width:75%;
  left:20px
}
.bi-blog-feed-item-2 .blog-text p,
.bi-career-item .inner-text p,
.bi-portfolio-item-content .col-md-6 .bi-portfolio-item .portfolio-text h3,
.bi-service-details-text-area .bi-sd-feature .bi-sd-feature-text,
.hap-pricing-tab-img-price .plan-price-title .price-plan-title span,
.home-6 h6 {
  font-size:16px
}
.bi-faq-testimonial-section {
  z-index:1;
  padding:135px 0 60px
}
.bi-faq-testimonial-section:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  content:"";
  height:800px;
  position:absolute;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url(../img/faq-bg.jpg)
}
.bi-faq-content-area {
  max-width:655px;
  border-radius:10px;
  background-color:#f8f8f8;
  padding:85px 115px 60px 65px
}
.bi-faq-content-area .accordion-item {
  border:none;
  position:relative;
  margin-bottom:25px;
  padding-bottom:30px;
  border-radius:0;
  border-bottom:1px solid #000
}
.bi-faq-content-area .accordion-button {
  padding:0;
  border:none;
  font-size:23px;
  font-weight:700;
  position:relative;
  color:var(--title-color);
  font-family:var(--heading)
}
.bi-faq-content-area .accordion-button span {
  max-width:80%
}
.bi-faq-content-area .accordion-button:focus,
.bi-why-choose-textarea .accordion-button:focus,
.hap-faq-accordion-area .accordion-button:focus {
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none
}
.bi-faq-content-area .accordion-body {
  font-size:18px;
  line-height:1.667;
  padding:14px 0 0
}
.bi-faq-content-area .accordion-button::after {
  top:5px;
  right:0;
  content:"\f067";
  font-weight:300;
  position:absolute;
  border-radius:100%;
  background-image:none;
  color:var(--base-color);
  font-family:"Font Awesome 5 Brands"
}
.bi-faq-content-area .accordion-button:not(.collapsed):after {
  content:"\f068"
}
.bi-testimonial-area {
  width:100%;
  max-width:580px;
  padding-top:130px
}
.bi-testimonial-slider {
  -webkit-transform:translateX(-55px);
  transform:translateX(-55px)
}
.bi-testimonial-item .testimonial-img {
  opacity:0;
  width:140px;
  height:190px;
  overflow:hidden;
  visibility:hidden;
  margin-right:40px;
  border-radius:10px;
  -webkit-transform:scale(.7);
  transform:scale(.7)
}
.bi-testimonial-item .testimonial-text {
  max-width:400px
}
.bi-testimonial-item .testimonial-text h3 {
  opacity:0;
  color:#fff;
  font-size:35px;
  font-weight:700;
  visibility:hidden;
  padding-bottom:25px;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-testimonial-item .testimonial-text p {
  opacity:0;
  color:#ccc;
  font-size:16px;
  visibility:hidden;
  padding-bottom:50px;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-testimonial-item .testimonial-text h4 {
  opacity:0;
  font-size:17px;
  font-weight:700;
  visibility:hidden;
  color:var(--base-color);
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-blog-item .bi-blog-text-area .bi-blog-text,
.bi-sold-employe-text,
.bi-testimonial-item .testimonial-desc-author,
.pl-30 {
  padding-left:30px
}
.bi-carousel-arrow-next-prev .bi-slider-arrow {
  z-index:1;
  width:48px;
  height:48px;
  color:#191825;
  position:relative;
  border-radius:8px;
  background-color:#fff
}
.bi-carousel-arrow-next-prev .bi-slider-arrow i {
  display:inline-block;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-carousel-arrow-next-prev .bi-slider-arrow:hover i {
  margin-top:-5px;
  margin-right:5px;
  color:#fff
}
.bi-carousel-testimonial {
  margin-top:45px;
  margin-left:160px
}
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-img {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-text h3,
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-text h4,
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-text p {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-text h3 {
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s
}
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-text p {
  -webkit-transition-delay:0.3s;
  transition-delay:0.3s
}
.bi-testimonial-slider .swiper-slide-active .bi-testimonial-item .testimonial-text h4 {
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s
}
.bi-sponsor-item {
  height:100px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.bi-sponsor-content {
  padding:20px 0 60px;
  border-bottom:1px solid #eee
}
.bi-about-img-3 .about-img,
.bi-about-video-play,
.bi-blog-item .bi-blog-img,
.bi-blog-item-4 .blog-img,
.bi-portfolio-details-content .bi-port-detail-img,
.hap-portfolio-item .project-img {
  overflow:hidden;
  border-radius:10px
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta {
  margin-bottom:32px;
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px)
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta:before {
  right:0;
  top:16px;
  width:70%;
  content:"";
  height:1px;
  position:absolute;
  background-color:var(--base-color)
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta:after {
  top:-18px;
  right:-50px;
  width:70px;
  content:"";
  height:70px;
  position:absolute;
  background-repeat:no-repeat;
  background-image:url(../img/star2.png)
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta a {
  color:#fff;
  font-size:13px;
  font-weight:700;
  padding:7px 15px;
  border:2px solid #fff;
  font-family:var(--heading);
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  background-color:var(--base-color)
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta a i,
.bi-consult-form-wrap .bi-consult-form-area label i {
  margin-right:6px
}
.bi-blog-item .bi-blog-text-area h3 {
  font-size:45px;
  font-weight:600;
  color:var(--title-color);
  padding-bottom:18px
}
.bi-blog-item .bi-blog-text-area p {
  line-height:1.556;
  padding-bottom:42px
}
.bi-blog-item .bi-blog-text-area .bi-btn-1 a:before {
  top:-5px
}
.bi-blog-item .bi-blog-text-area .bi-btn-1 a:after {
  bottom:-5px
}
.bi-blog-item.right_align_content .bi-blog-meta {
  text-align:right;
  -webkit-transform:translateX(100px);
  transform:translateX(100px)
}
.bi-blog-item.right_align_content .bi-blog-meta a {
  border-radius:0 20px 20px 0
}
.bi-blog-item.right_align_content .bi-blog-meta:after {
  top:-19px;
  left:-50px;
  right:auto
}
.bi-blog-item.right_align_content .bi-blog-text {
  padding-left:0;
  text-align:right;
  padding-right:30px
}
.home-2 {
  color:#e2e2e2;
  font-size:16px;
  font-weight:300;
  font-family:var(--heading-2);
  background-color:var(--body-bg-color)
}
.bi-banner-content .banner_img_1 {
  top:25%;
  left:25px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-banner-content .banner_img_3 {
  left:110px;
  bottom:240px
}
.bi-banner-content .banner_img_2 {
  left:18%;
  bottom:150px
}
.bi-banner-content .banner_img_4 {
  top:30%;
  right:20px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-banner-content .banner_img_5 {
  right:18%;
  bottom:20%
}
.bi-banner-text {
  margin:0 auto;
  max-width:775px;
  padding:295px 0 245px
}
.bi-banner-text .banner-subtitle {
  font-size:14px;
  font-weight:600;
  position:relative;
  padding-left:18px;
  margin-bottom:10px;
  display:inline-block;
  color:var(--base-color);
  font-family:var(--body-font)
}
.bi-banner-text .banner-subtitle:after,
.bi-banner-text .banner-subtitle:before {
  left:0;
  top:5px;
  width:12px;
  content:"";
  height:12px;
  position:absolute;
  border-radius:100%;
  background-color:#fff
}
.bi-banner-text .banner-subtitle:after {
  top:10px;
  left:6px;
  width:9px;
  height:9px;
  border-radius:100%;
  border:2px solid #000;
  background-color:var(--base-color)
}
.bi-banner-text h1 {
  color:#fff;
  font-size:75px;
  font-weight:700;
  padding-bottom:20px
}
.bi-banner-text p {
  color:#cecece;
  margin:0 auto;
  max-width:670px;
  padding-bottom:62px
}
.bi-key-feature-section {
  z-index:1;
  padding-bottom:65px
}
.bi-key-feature-section .bi-side-shape.shape_1 {
  left:0;
  top:-120%
}
.bi-key-feature-title-text .bi-section-title-2 {
  margin-bottom:52px
}
.bi-key-feature-item {
  padding:35px 40px;
  margin-bottom:30px;
  background-color:#141522;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-key-feature-item .feature-icon {
  z-index:1;
  padding-left:15px
}
.bi-key-feature-item .feature-icon:before {
  left:5px;
  z-index:-1;
  width:50px;
  content:"";
  bottom:-10px;
  height:50px;
  position:absolute;
  border-radius:100%;
  background-color:#313045;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-key-feature-item .feature-icon i {
  color:#fff;
  width:78px;
  height:78px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:35px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:100%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--base-color)
}
.bi-key-feature-item .feature-number {
  color:#313045;
  line-height:1;
  font-size:90px;
  font-weight:700
}
.bi-key-feature-item .bi-key-feature-text {
  margin-bottom:30px;
  padding-bottom:35px;
  border-bottom:1px solid #313045
}
.bi-key-feature-item .bi-key-feature-text h3 {
  color:#fff;
  font-size:24px;
  font-weight:700;
  padding-bottom:15px
}
.bi-key-feature-item .bi-key-feature-list li {
  padding-left:30px;
  position:relative;
  margin-bottom:10px
}
.bi-about-list-2 li:before,
.bi-key-feature-item .bi-key-feature-list li:before {
  font-weight:900;
  position:absolute;
  top:0;
  left:0;
  font-family:"Font Awesome 5 Brands"
}
.bi-key-feature-item .bi-key-feature-list li:before {
  color:#763fce;
  content:"\f055"
}
.bi-key-feature-item:hover,
.bi-testimonial-feed-item:hover {
  -webkit-transform:translateY(-15px);
  transform:translateY(-15px)
}
.bi-key-feature-item:hover .feature-icon:before {
  background-color:#4a4870
}
.bi-about-section-2 {
  z-index:0;
  padding-bottom:100px
}
.bi-about-section-2 .bi-side-shape.shape_1 {
  right:0;
  top:-120%
}
.bi-about-img2_1 {
  width:600px;
  height:600px;
  overflow:hidden;
  border-radius:100%
}
.bi-about-img2_2 {
  right:50px;
  width:295px;
  bottom:-80px;
  height:295px;
  overflow:hidden;
  border-radius:100%;
  border:12px solid #171926;
  -webkit-box-shadow:0 0 76px 0 rgba(255,56,56,.15);
  box-shadow:0 0 76px 0 rgba(255,56,56,.15)
}
.bi-about-text-area-2,
.bi-portfolio-content-4,
.pt-70 {
  padding-top:70px
}
.bi-about-list-2 {
  margin:30px 0 45px
}
.bi-about-list-2 li {
  padding-left:32px;
  position:relative;
  margin-bottom:8px
}
.bi-about-list-2 li:before {
  content:"\f058";
  color:var(--base-color)
}
.bi-service-section-2 {
  padding:70px 0 140px
}
.hover-reveal {
  position:fixed;
  width:200px;
  height:150px;
  top:0;
  left:0;
  pointer-events:none;
  opacity:0
}
.hover-reveal__img,
.hover-reveal__inner {
  width:100%;
  height:100%;
  position:relative
}
.hover-reveal__deco {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-color:#181314
}
.hover-reveal__img {
  background-size:cover;
  background-position:50% 50%
}
.bi-service-list-item {
  padding:0 100px
}
.bi-service-list-item a {
  z-index:1;
  color:#fff;
  line-height:1;
  font-size:64px;
  font-weight:700;
  margin:40px 35px;
  padding-left:45px;
  position:relative;
  display:inline-block;
  text-transform:uppercase
}
.bi-service-list-item a img {
  left:0;
  top:-18px;
  width:94px;
  z-index:-1;
  height:94px;
  position:absolute;
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-service-list-item a:hover img {
  left:15px;
  -webkit-transform:scale(0);
  transform:scale(0)
}
.bi-bredcrumbs-section,
.bi-footer-cta,
.bi-slider-content-3,
.bi-sold-employe-section,
.bi-why-choose-img2-area {
  z-index:1
}
.bi-sold-employe-content {
  padding:50px 40px;
  border-radius:220px;
  background-color:#2c3145
}
.bi-sold-employe-text-area,
.pl-50 {
  padding-left:50px
}
.bi-sold-employe-counter-item {
  margin-bottom:25px;
  padding-bottom:30px;
  border-bottom:1px solid #cbcdd7
}
.bi-sold-employe-counter-item:last-child,
.hap-skill-progress-item:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none
}
.bi-sold-employe-counter-item .counter-img {
  width:110px;
  margin-right:5px
}
.bi-sold-employe-counter-item .counter-text h3 {
  font-size:30px;
  font-weight:700;
  padding-bottom:5px
}
.bi-sold-employe-counter-item .counter-text p {
  font-size:24px;
  font-weight:300
}
.bi-privacy-policy-content ul,
.bi-service-title-text .service-emoji-logo,
.bi-sold-employe-text .bi-section-title-2,
.bi-terms-condition-content ul,
.h1-sidebar-menu .sidebar-menu,
.hap-service-scroll-text-area .hap-section-title,
.hap-topic-item .inner-img,
.mb-20 {
  margin-bottom:20px
}
.bi-sold-employe-text .bi-section-title-2 h2 {
  font-size:40px
}
.bi-sold-employe-video {
  width:307px;
  height:307px;
  margin:0 auto;
  overflow:hidden;
  border-radius:100%
}
.bi-sold-employe-video .video-circle-text {
  top:50%;
  left:50%;
  width:207px;
  height:207px;
  opacity:.871;
  border-radius:100%;
  -webkit-transform:translateY(-50%) translateX(-50%);
  transform:translateY(-50%) translateX(-50%);
  background-color:#cfe1fd
}
.bi-portfolio-section-2 {
  z-index:0;
  padding:120px 0 140px
}
.bi-portfolio-section-2 .bi-side-shape.shape_1 {
  right:0;
  top:-50%
}
.bi-portfolio-section-2 .bi-side-shape.shape_2 {
  left:0;
  bottom:-120%
}
.bi-portfolio-content-2 {
  padding:40px 0 15px
}
.bi-portfolio-item-2 {
  z-index:1;
  margin-bottom:45px
}
.bi-portfolio-item-2.item-type-one {
  max-width:451px
}
.bi-portfolio-item-2.item-type-two {
  max-width:746px
}
.bi-portfolio-item-2:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  border-radius:330px;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-item-2 .bi-portfolio-img {
  overflow:hidden;
  border-radius:330px
}
.bi-portfolio-item-2 .bi-portfolio-img img {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-item-2 .bi-portfolio-text {
  top:50%;
  left:40%;
  -webkit-transform:translateY(-50%) translateX(-50%);
  transform:translateY(-50%) translateX(-50%)
}
.bi-portfolio-item-2 .bi-portfolio-text h3 {
  opacity:0;
  visibility:hidden;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translateX(-30px);
  transform:translateX(-30px)
}
.bi-portfolio-item-2 .bi-portfolio-text h3 a {
  color:#181926;
  font-size:15px;
  font-weight:700;
  padding:15px 23px;
  display:inline-block;
  background-color:#fff
}
.bi-portfolio-item-2 .bi-portfolio-text span {
  opacity:0;
  margin-top:5px;
  visibility:hidden;
  display:inline-block;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translateX(-30px);
  transform:translateX(-30px)
}
.bi-portfolio-item-2 .bi-portfolio-text span a {
  color:#fff;
  font-size:13px;
  padding:10px 26px;
  display:inline-block;
  background-color:var(--base-color)
}
.bi-portfolio-item-2:hover .bi-portfolio-text h3 {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-portfolio-item-2:hover .bi-portfolio-text span,
.bi-testimonial-slider-for .swiper-slide-active .bi-testimonial-text .testimonial-quote {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s
}
.bi-portfolio-item-2:hover:before {
  -webkit-transform:rotate(-2.5deg);
  transform:rotate(-2.5deg)
}
.bi-portfolio-item-2:hover.item-type-one:before {
  -webkit-transform:rotate(-6deg);
  transform:rotate(-6deg)
}
.bi-header-section.header-style-four .bi-header-main-navigation .main-navigation li:hover a:before,
.bi-portfolio-item-2:hover .bi-portfolio-img img,
.bi-team-details-img-social .bi-team-details-name-social .bi-team-details-social a:hover:before,
.bi-testimonial-slider-nav-4 .swiper-slide-active .testimonial_nav:before,
.bins-dot-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.cart-btn-2:hover::before,
.hap-carousel-arrow-next-prev .hap-slider-arrow:hover:after,
.hpt-menu-btn-1:hover::before,
.hpt-testimonial-1-sider-btn-wrap .left-btn:hover::after,
.hpt-testimonial-1-sider-btn-wrap .right-btn:hover::after,
.hpt-testimonial-slider-nav-4 .swiper-slide-active .testimonial_nav:before,
.play-btn-1:hover::after,
.play-btn-3:hover::after,
.play-btn-4:hover::after {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.bi-consult-cta-section {
  z-index:2;
  padding:90px 0 120px
}
.bi-consult-cta-text-area .bi-section-title-2 h2 {
  font-size:50px
}
.bi-consult-cta-form-btn {
  margin-top:40px;
  margin-bottom:20px
}
.bi-consult-cta-form-btn .nav-tabs .nav-item.show .nav-link,
.bi-consult-cta-form-btn .nav-tabs .nav-link,
.bi-consult-cta-form-btn .nav-tabs .nav-link.active {
  padding:0;
  border:none;
  cursor:pointer;
  border-radius:0;
  background-color:transparent
}
.bi-blog-item-2 .bi-blog-text .blog-meta a:last-child,
.bi-breadcrumbs-content ul li:last-child,
.bi-consult-cta-form-btn li:last-child .bi-consult-btn-area,
.hap-contact-social a:last-child,
.hap-header-top-area .top-info-cta li:last-child {
  margin-right:0
}
.bi-blog-item-3:hover .bi-blog-author .inner-img,
.bi-consult-cta-form-btn .nav-tabs .nav-link.active .bi-consult-btn-area,
.bi-team-item-3:hover {
  border:1px solid var(--base-color)
}
.bi-consult-btn-area {
  width:170px;
  height:170px;
  padding:15px;
  margin-right:30px;
  border-radius:25px;
  border:1px solid #7d808a
}
.bi-consult-btn-area .bi-consult-btn {
  width:100%;
  height:100%;
  padding-top:22px;
  border-radius:25px;
  background-color:transparent;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-consult-btn-area .bi-consult-btn i {
  color:#fff;
  font-size:60px;
  margin-bottom:18px
}
.bi-consult-btn-area .bi-consult-btn span {
  color:#fff;
  display:block;
  font-size:15px;
  font-weight:700
}
.bi-consult-form-wrap {
  overflow:hidden;
  max-height:585px
}
.bi-consult-form-wrap .bi-consult-form-tilte {
  color:#fff;
  width:52px;
  height:90%;
  line-height:52px;
  font-size:14px;
  font-weight:700;
  text-align:center;
  background-color:#111010;
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px
}
.bi-counter-item-3:after,
.bi-counter-item-3:before {
  left:50%;
  background:var(--base-color);
  content:"";
  position:absolute
}
.bi-consult-form-wrap .bi-consult-form-area {
  width:100%;
  max-width:430px;
  overflow:hidden;
  border-radius:0 10px 10px;
  border-left:1px solid var(--base-color)
}
.bi-consult-form-wrap .bi-consult-form-area .bi-consult-form-input {
  padding:60px 60px 0
}
.bi-consult-form-wrap .bi-consult-form-area label {
  color:#e7d0d0;
  display:block;
  font-size:14px;
  margin-bottom:10px
}
.bi-consult-form-wrap .bi-consult-form-area input,
.bi-consult-form-wrap .bi-consult-form-area textarea {
  width:100%;
  height:55px;
  color:#000;
  padding-left:15px;
  font-size:12px;
  border-radius:6px;
  margin-bottom:25px;
  background-color:#fff
}
.bi-consult-form-wrap .bi-consult-form-area input::-webkit-input-placeholder,
.bi-consult-form-wrap .bi-consult-form-area textarea::-webkit-input-placeholder {
  color:#000;
  font-size:12px
}
.bi-consult-form-wrap .bi-consult-form-area input::-moz-placeholder,
.bi-consult-form-wrap .bi-consult-form-area textarea::-moz-placeholder {
  color:#000;
  font-size:12px
}
.bi-consult-form-wrap .bi-consult-form-area input:-ms-input-placeholder,
.bi-consult-form-wrap .bi-consult-form-area textarea:-ms-input-placeholder {
  color:#000;
  font-size:12px
}
.bi-consult-form-wrap .bi-consult-form-area input::-ms-input-placeholder,
.bi-consult-form-wrap .bi-consult-form-area textarea::-ms-input-placeholder {
  color:#000;
  font-size:12px
}
.bi-consult-form-wrap .bi-consult-form-area input::placeholder,
.bi-consult-form-wrap .bi-consult-form-area textarea::placeholder {
  color:#000;
  font-size:12px
}
.bi-consult-form-wrap .bi-consult-form-area button {
  width:100%;
  color:#fff;
  height:60px;
  border:none;
  font-size:14px;
  text-transform:uppercase;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-consult-form-wrap .bi-consult-form-area button:hover {
  background-color:#010101
}
.bi-pricing-section-2 {
  z-index:1;
  overflow:hidden;
  padding:130px 0 100px
}
.bi-pricing-section-2 .bi-side-shape.shape_1 {
  right:0;
  top:-100%
}
.bi-pricing-content-2,
.bi-service-feed-content,
.hap-skill-progress-area,
.hap-topic-content,
.pt-45 {
  padding-top:45px
}
.bi-pricing-item-2 {
  overflow:hidden;
  border-radius:25px;
  padding:75px 60px 55px
}
.bi-pricing-item-2 .bi-pricing-title-2 {
  margin-bottom:35px;
  padding-bottom:50px;
  border-bottom:2px solid rgba(255,255,255,.2)
}
.bi-pricing-item-2 .bi-pricing-title-2 span {
  font-size:14px;
  font-weight:400;
  color:var(--base-color)
}
.bi-pricing-item-2 .bi-pricing-title-2 h3 {
  color:#fff;
  font-weight:600;
  font-weight:33px;
  padding:14px 0 25px
}
.bi-pricing-item-2 .bi-pricing-title-2 h4 {
  font-size:32px;
  font-weight:700;
  color:var(--base-color)
}
.bi-pricing-item-2 .bi-pricing-title-2 h4 sub {
  bottom:0;
  color:#e2dee7;
  font-size:14px;
  font-weight:400;
  letter-spacing:3px;
  text-transform:uppercase
}
.bi-pricing-item-2 .bi-price-list-area li {
  font-size:15px;
  font-weight:500;
  padding-left:28px;
  margin-bottom:15px;
  position:relative
}
.bi-pricing-item-2 .bi-price-list-area li:before {
  top:0;
  left:0;
  content:"\f00c";
  font-weight:400;
  position:absolute;
  color:var(--base-color);
  font-family:"Font Awesome 5 Brands"
}
.bi-video-play-content-2 {
  padding:285px 0 205px;
  text-align:center
}
.bi-video-play-content-2 .video-play-text h3 {
  font-size:50px;
  font-weight:700
}
.bi-video-play-content-2 .video-play-text h3 span {
  font-weight:200;
  display:block
}
.bi-team-section-2 {
  z-index:1;
  overflow:hidden;
  padding:120px 0 55px
}
.bi-team-section-2 .bi-side-shape.shape_1 {
  left:0;
  top:-150%
}
.bi-team-item-2 {
  margin:0 auto 40px;
  max-width:373px
}
.bi-blog-item-2,
.bi-counter-item-3 {
  max-width:370px
}
.bi-team-item-2 .team-shape.shape_1,
.bi-team-item-2 .team-shape.shape_2 {
  right:0;
  top:-18px;
  left:30px;
  opacity:0;
  z-index:1;
  visibility:hidden;
  text-align:center;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-team-item-2 .team-shape.shape_1 {
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-team-item-2 .team-shape.shape_2 {
  top:auto;
  bottom:-11px;
  -webkit-transform:translateX(-30px);
  transform:translateX(-30px)
}
.bi-team-item-2 .bi-team-img {
  overflow:hidden;
  border-radius:8px;
  margin-bottom:25px
}
.bi-team-item-2 .bi-team-text h3 {
  color:#fff;
  font-size:25px;
  font-weight:800
}
.bi-team-item-2 .bi-team-text span {
  font-size:16px;
  font-weight:300;
  color:var(--base-color)
}
.bi-team-item-2 .bi-team-social {
  margin-top:13px
}
.bi-team-item-2 .bi-team-social li {
  opacity:0;
  color:#fff;
  margin:0 12px;
  visibility:hidden;
  display:inline-block;
  -webkit-transition:.3s;
  transition:.3s
}
.bi-team-item-2 .bi-team-social li a {
  -webkit-transition:0;
  transition:0
}
.bi-team-item-2 .bi-team-social li:first-child,
.bi-team-item-2 .bi-team-social li:nth-child(2),
.bi-team-item-2 .bi-team-social li:nth-child(3),
.bi-team-item-2 .bi-team-social li:nth-child(4) {
  -webkit-transform:translateY(10px);
  transform:translateY(10px)
}
.bi-team-item-2:hover .team-shape.shape_1 {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s
}
.bi-team-item-2:hover .team-shape.shape_2 {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s
}
.bi-blog-feed-item-2:hover .blog-img img,
.bi-blog-feed-item-3:hover .blog-img img,
.bi-blog-item-2:hover .blog-img-area .blog-img img,
.bi-team-item-2:hover .bi-team-img img,
.hap-blog-item:hover .blog-img img,
.hap-portfolio-item:hover .project-img img {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.bi-team-item-2:hover .bi-team-social li:first-child {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s
}
.bi-team-item-2:hover .bi-team-social li:nth-child(2) {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:0.3s;
  transition-delay:0.3s
}
.bi-team-item-2:hover .bi-team-social li:nth-child(3) {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s
}
.bi-team-item-2:hover .bi-team-social li:nth-child(4) {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition-delay:0.5s;
  transition-delay:0.5s
}
.bi-counter-section-3,
.pb-135 {
  padding-bottom:135px
}
.bi-counter-item-3:after {
  top:20%;
  width:1px;
  height:50px;
  -webkit-transform:translate(-50%) rotate(-45deg);
  transform:translate(-50%) rotate(-45deg)
}
.bi-counter-item-3:before {
  top:40%;
  width:1px;
  opacity:.5;
  height:16px;
  -webkit-transform:translate(-50%) rotate(45deg);
  transform:translate(-50%) rotate(45deg)
}
.bi-counter-item-3 h3 {
  color:#fff;
  font-size:60px;
  font-weight:700
}
.bi-counter-item-3 p {
  color:#fff;
  font-size:18px;
  font-weight:700;
  max-width:135px;
  line-height:1.2
}
.bi-testimonial-thumb {
  top:90px;
  z-index:2;
  left:-130px;
  width:190px;
  text-align:right
}
.bi-main-arrow-next-prev,
.bi-slider-content-3 .bi-slider-social {
  top:50%;
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode:tb-rl
}
.bi-testimonial-nav {
  height:305px
}
.bi-testimonial-nav .bi-testimonial-nav-item {
  position:relative;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-testimonial-nav .bi-testimonial-nav-item img {
  width:90px;
  height:90px;
  cursor:pointer;
  border-radius:100%;
  border:5px solid #fff;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-testimonial-nav .bi-testimonial-nav-item:before {
  top:45px;
  height:1px;
  content:"";
  width:0;
  right:-70px;
  position:absolute;
  -webkit-transition:.7s;
  transition:.7s;
  background-color:var(--base-color)
}
.bi-testimonial-nav .swiper-slide-active .bi-testimonial-nav-item {
  -webkit-transform:translateX(-90px);
  transform:translateX(-90px)
}
.bi-testimonial-nav .swiper-slide-active .bi-testimonial-nav-item:before {
  width:57px;
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s
}
.bi-testimonial-nav .swiper-slide-active .bi-testimonial-nav-item img {
  border:5px solid var(--base-color)
}
.bi-testimonial-item-2 .bi-testimonial-img {
  opacity:0;
  width:493px;
  height:493px;
  overflow:hidden;
  margin-right:50px;
  visibility:hidden;
  border-radius:100%;
  -webkit-transition:.8s;
  transition:.8s;
  -webkit-transform:scale(.5);
  transform:scale(.5)
}
.bi-testimonial-item-2 .bi-testimonial-text,
.hap-banner-content .hap-banner-text {
  max-width:540px
}
.bi-testimonial-item-2 .bi-testimonial-text .testimonial-quote {
  opacity:0;
  visibility:hidden;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-testimonial-item-2 .bi-testimonial-text .testimonial-desc {
  opacity:0;
  font-size:21px;
  font-weight:400;
  visibility:hidden;
  margin:25px 0 33px;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-testimonial-item-2 .bi-testimonial-text .testimonial-author h3 {
  opacity:0;
  color:#fff;
  font-size:25px;
  font-weight:700;
  visibility:hidden;
  padding-bottom:5px;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-testimonial-item-2 .bi-testimonial-text .testimonial-author span {
  opacity:0;
  display:block;
  font-size:15px;
  font-weight:400;
  visibility:hidden;
  color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-testimonial-slider-for .swiper-slide-active .bi-testimonial-img {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.bi-testimonial-slider-for .swiper-slide-active .bi-testimonial-text .testimonial-desc {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s
}
.bi-testimonial-slider-for .swiper-slide-active .bi-testimonial-text .testimonial-author h3 {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition-delay:0.6s;
  transition-delay:0.6s
}
.bi-testimonial-slider-for .swiper-slide-active .bi-testimonial-text .testimonial-author span {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s
}
.bi-blog-section-2 {
  z-index:1;
  overflow:hidden;
  padding:120px 0 50px
}
.bi-blog-section-2 .bi-side-shape.shape_1 {
  right:0;
  top:-80%
}
.bi-blog-item-2 {
  margin:0 auto 30px
}
.bi-blog-item-2 .blog-img-area {
  z-index:1;
  width:370px;
  height:120px;
  margin-bottom:14px
}
.bi-blog-item-2 .blog-img-area .blog-img {
  overflow:hidden;
  border-radius:140px
}
.bi-blog-item-2 .blog-img-area:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  border-radius:140px;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-blog-item-2 .bi-blog-text,
.pl-35 {
  padding-left:35px
}
.bi-blog-item-2 .bi-blog-text .blog-meta {
  margin-bottom:6px
}
.bi-blog-item-2 .bi-blog-text .blog-meta a {
  font-size:12px;
  font-weight:400;
  position:relative;
  margin-right:20px;
  color:var(--base-color)
}
.bi-blog-item-2 .bi-blog-text .blog-meta a:before {
  top:-2px;
  right:-18px;
  content:"x";
  font-size:12px;
  position:absolute;
  color:var(--base-color)
}
.bi-blog-item-2 .bi-blog-text h3 {
  color:#fff;
  font-size:21px;
  font-weight:400;
  line-height:1.524
}
.bi-blog-item-2 .bi-blog-text .read_more {
  opacity:0;
  font-size:12px;
  font-weight:400;
  visibility:hidden;
  display:inline-block;
  color:var(--base-color);
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-blog-feed-item-3 .blog-author-more .blog-more a i,
.bi-blog-item-2 .bi-blog-text .read_more i,
.bi-blog-item-4 .blog-more a i,
.ml-5 {
  margin-left:5px
}
.bi-blog-item-2:hover .blog-img-area:before {
  -webkit-transform:rotate(3deg);
  transform:rotate(3deg)
}
.bi-blog-item-2:hover .bi-blog-text .read_more,
.hap-team-item:hover .team-text h3 a,
.hap-team-item:hover .team-text span,
.scroll-top.show {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.home-3 {
  background-color:#070506;
  color:rgba(255,255,255,.7)
}
.home-3 .container {
  max-width:1315px
}
.bi-slider-content-3 .slider_shape {
  z-index:2
}
.bi-slider-content-3 .slider_shape.shape_1,
.bi-why-choose-img3-area .why-choose-img3_6 {
  left:0;
  bottom:0
}
.bi-slider-content-3 .slider_shape.shape_2 {
  left:30%;
  bottom:40px;
  -webkit-animation:8s linear infinite alternate Bins_animation_1;
  animation:8s linear infinite alternate Bins_animation_1
}
.bi-slider-content-3 .slider_shape.shape_3 {
  left:16%;
  bottom:15%;
  -webkit-animation:8s linear infinite alternate Bins_animation_3;
  animation:8s linear infinite alternate Bins_animation_3
}
.bi-slider-content-3 .slider_shape.shape_4 {
  left:50%;
  top:195px;
  -webkit-animation:12s linear infinite alternate Bins_animation_2;
  animation:12s linear infinite alternate Bins_animation_2
}
.bi-slider-content-3 .slider_shape.shape_5 {
  left:53%;
  bottom:20%
}
.bi-slider-content-3 .bi-slider-social {
  right:50px;
  z-index:2;
  color:#fff;
  font-family:var(--heading);
  writing-mode:vertical-rl;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-slider-content-3 .bi-slider-social span {
  font-size:14px;
  font-weight:600;
  position:relative;
  letter-spacing:5px;
  padding-bottom:80px;
  display:inline-block;
  text-transform:uppercase
}
.bi-slider-content-3 .bi-slider-social span:before {
  left:10px;
  width:1px;
  content:"";
  bottom:25px;
  height:35px;
  position:absolute;
  background-color:#fff
}
.bi-slider-content-3 .bi-slider-social a {
  width:52px;
  height:45px;
  line-height:51px;
  text-align:center;
  margin-bottom:10px;
  display:inline-block;
  background-size:cover;
  background-repeat:no-repeat;
  background-image:url(../img/s-bg.png)
}
.bi-slider-item-3 {
  z-index:1;
  overflow:hidden;
  padding:245px 0 205px
}
.bi-slider-item-3 .bi-slider-img3_1 {
  top:0;
  right:0;
  z-index:-3;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(150px);
  transform:translateX(150px)
}
.bi-slider-item-3 .bi-slider-img3_2 {
  right:0;
  bottom:0;
  z-index:-2;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(250px);
  transform:translateY(250px)
}
.bi-slider-item-3 .bi-slider-text-3 {
  max-width:675px
}
.bi-slider-item-3 .bi-slider-text-3 .slider-sub-title {
  color:#fff;
  font-size:14px;
  font-weight:700;
  padding:10px 15px;
  border-radius:10px;
  margin-bottom:18px;
  display:inline-block;
  font-family:var(--heading);
  border:1px solid var(--base-color);
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(40px);
  transform:translateY(40px)
}
.bi-slider-item-3 .bi-slider-text-3 h1 {
  color:#fff;
  font-size:70px;
  font-weight:900;
  line-height:100px;
  text-transform:uppercase;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(40px);
  transform:translateY(40px)
}
.bi-slider-item-3 .bi-slider-text-3 h1 span {
  display:block;
  font-size:117px;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#ff3838),to(rgba(255,255,255,.2)));
  background:linear-gradient(180deg,#ff3838 30%,rgba(255,255,255,.2) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.bi-blog-item-3 .bi-blog-text h3 a,
.bi-blog-item-4 .blog-text h3 a,
.bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title h3 a {
  display:inline!important;
  background-position-y:-1px;
  background-repeat:no-repeat;
  background-size:0 100%;
  background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px)
}
.bi-slider-item-3 .bi-slider-text-3 .slider-img-desc {
  margin-top:30px;
  margin-bottom:60px;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(40px);
  transform:translateY(40px)
}
.bi-slider-item-3 .bi-slider-text-3 .slider-img-desc .inner-img {
  width:137px;
  height:120px;
  overflow:hidden;
  margin-right:25px;
  border-radius:17px
}
.bi-slider-item-3 .bi-slider-text-3 .slider-img-desc .inner-text {
  color:#fff;
  font-size:19px;
  font-weight:400;
  max-width:495px;
  line-height:30px
}
.bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp,
.bi-testimonial-item-4 .testimonial-desc-rate {
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(40px);
  transform:translateY(40px)
}
.bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp .bi-btn-3,
.inv-lan-header-main-menu .menu-navigation li,
.mr-50 {
  margin-right:50px
}
.bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp .bi-slider-video-play a {
  color:#fff;
  font-weight:500;
  font-family:var(--heading)
}
.bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp .bi-slider-video-play a i {
  font-size:50px;
  margin-right:15px;
  color:var(--base-color)
}
.bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-text-3 .slider-sub-title {
  opacity:1;
  visibility:visible;
  -webkit-transition:1.2s 0.1s;
  transition:1.2s 0.1s;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-text-3 h1 {
  opacity:1;
  visibility:visible;
  -webkit-transition:1.2s 0.5s;
  transition:1.2s 0.5s;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-text-3 .slider-img-desc {
  opacity:1;
  visibility:visible;
  -webkit-transition:.8s 0.9s;
  transition:.8s 0.9s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp {
  opacity:1;
  visibility:visible;
  -webkit-transition:.8s 1.2s;
  transition:.8s 1.2s;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-img3_1 {
  opacity:1;
  visibility:visible;
  -webkit-transition:1.5s 0.4s;
  transition:1.5s 0.4s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-img3_2 {
  opacity:1;
  visibility:visible;
  -webkit-transition:1.2s 0.9s;
  transition:1.2s 0.9s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
@-webkit-keyframes zoom-in-zoom-out {
  0%,
  100% {
    -webkit-transform:scale(1,1);
    transform:scale(1,1)
  }
  50% {
    -webkit-transform:scale(1.5,1.5);
    transform:scale(1.5,1.5)
  }
}
@keyframes zoom-in-zoom-out {
  0%,
  100% {
    -webkit-transform:scale(1,1);
    transform:scale(1,1)
  }
  50% {
    -webkit-transform:scale(1.5,1.5);
    transform:scale(1.5,1.5)
  }
}
.bi-main-arrow-next-prev {
  left:25px;
  z-index:2;
  overflow:hidden;
  padding:85px 50px;
  border-radius:80px;
  writing-mode:vertical-rl;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  border:2px solid var(--base-color)
}
.bi-main-arrow-next-prev .arrow-bg-zooming {
  z-index:-1;
  overflow:hidden;
  -webkit-animation:15s infinite zoom-in-zoom-out;
  animation:15s infinite zoom-in-zoom-out
}
.bi-main-arrow-next-prev .arrow-bg-zooming:before {
  top:0;
  left:0;
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  background-color:rgba(0,0,0,.7)
}
.bi-header-section.header-style-four .bi-header-main-navigation .main-navigation li a,
.bi-main-arrow-next-prev .bi-slider-arrow {
  z-index:1;
  position:relative
}
.bi-main-arrow-next-prev .bi-slider-arrow i {
  color:#fff;
  font-size:40px
}
.bi-main-arrow-next-prev .bi-slider-arrow:before {
  top:15px;
  left:-6px;
  z-index:-1;
  content:"";
  width:52px;
  height:52px;
  position:absolute;
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  background-color:rgba(255,255,255,.2)
}
.bi-main-arrow-next-prev .bi-slider-arrow.bi-main-button-prev_3:before {
  top:-25px
}
.bi-main-arrow-next-prev .swiper-paginations {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:20px 0
}
.bi-main-arrow-next-prev .swiper-paginations .swiper-pagination-bullet {
  width:12px;
  height:12px;
  opacity:1;
  margin:3px 0;
  border-radius:100%;
  border:1px solid #fff;
  -webkit-transition:.5s;
  transition:.5s;
  background-color:transparent
}
.bi-main-arrow-next-prev .swiper-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:var(--base-color);
  border:1px solid var(--base-color)
}
.bi-what-we-offer-section {
  z-index:1;
  overflow:hidden;
  padding:165px 0 130px
}
.bi-what-we-offer-section .bi-shape-anim.anim_1 {
  top:170px;
  left:-50px;
  -webkit-animation:8s linear infinite alternate Bins_animation_1;
  animation:8s linear infinite alternate Bins_animation_1
}
.bi-what-we-offer-section .bi-shape-anim.anim_2 {
  top:200px;
  right:-70px;
  -webkit-animation:8s linear infinite alternate Bins_animation_3;
  animation:8s linear infinite alternate Bins_animation_3
}
.bi-what-we-offer-section .bi-shape-anim.anim_3 {
  left:-100px;
  bottom:100px
}
.bi-what-we-offer-section .bi-shape-anim.anim_4 {
  top:50%;
  right:50px
}
.bi-what-we-offer-top-content {
  padding-bottom:55px;
  border-bottom:1px solid #312f30
}
.bi-what-we-offer-top-content .bi-section-title-3 {
  max-width:745px
}
.bi-what-we-offer-top-content .bi-btn-3 {
  margin:20px 0
}
.bi-what-we-offer-item {
  padding:30px 0;
  border-bottom:1px solid #312f30
}
.bi-what-we-offer-item .bi-what-we-offer-img-title,
.pricing-page-content .bi-section-title-1 {
  max-width:500px
}
.bi-what-we-offer-item .bi-what-we-offer-img-title .offer-img {
  width:162px;
  height:162px;
  overflow:hidden;
  margin-right:40px;
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  border:3px solid transparent
}
.bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title {
  max-width:295px
}
.bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title h3 {
  color:#fff;
  font-size:32px;
  font-weight:700;
  line-height:46px
}
.bi-blog-item-4 .blog-text h3 a,
.bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title h3 a {
  width:100%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  -webkit-transition:.6s cubic-bezier(.215, .61, .355, 1);
  transition:.6s cubic-bezier(.215, .61, .355, 1)
}
.bi-what-we-offer-item .bi-what-we-offer-desc {
  max-width:470px;
  -webkit-transition:.5s;
  transition:.5s;
  color:rgba(255,255,255,.7)
}
.bi-what-we-offer-item .offer-btn a {
  color:#fff;
  font-weight:700;
  padding:14px 30px;
  border-radius:5px;
  display:inline-block;
  font-family:var(--heading);
  border:1px solid var(--base-color)
}
.bi-blog-share-tag .bi-blog-tag a:hover,
.bi-portfolio-item-4 .portfolio-text .portfolio-category a:hover,
.bi-portfolio-sidebar .portfolio-social a:hover,
.bi-service-feed-item:hover .read_more,
.bi-sidebar-widget .service-widget li a:hover,
.bi-sidebar-widget .tag-widget a:hover,
.bi-team-pagination-carousel .bi-slider-arrow:hover,
.bi-what-we-offer-item .offer-btn a:hover {
  color:#fff;
  background-color:var(--base-color)
}
.bi-what-we-offer-item:hover .bi-what-we-offer-img-title .offer-img {
  border:3px solid var(--base-color)
}
.bi-what-we-offer-item:hover .bi-what-we-offer-img-title .offer-img img {
  -webkit-transform:scale(1.04);
  transform:scale(1.04)
}
.bi-what-we-offer-item:hover .bi-what-we-offer-img-title .offer-title h3 a {
  color:var(--base-color);
  background-size:100% 100%
}
.bi-about-section-3 {
  padding:130px 0;
  background-color:#111318
}
.bi-about-section-3 .bi-shape-anim.anim_1 {
  top:70px;
  right:45px;
  -webkit-animation:8s linear infinite alternate Bins_animation_3;
  animation:8s linear infinite alternate Bins_animation_3
}
.bi-about-section-3 .bi-shape-anim.anim_2 {
  left:120px;
  bottom:180px
}
.bi-about-section-3 .bi-shape-anim.anim_3 {
  right:200px;
  bottom:200px
}
.bi-abut-feature-list {
  margin-top:30px;
  border-radius:10px;
  padding:28px 0 0;
  background-color:#1d1f24;
  font-family:var(--heading)
}
.bi-abut-feature-list ul,
.bi-abut-feature-list-4 ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.bi-abut-feature-list li {
  width:50%;
  color:#fff;
  font-size:20px;
  font-weight:500;
  padding:0 25px;
  margin-bottom:20px
}
.bi-abut-feature-list li i,
.bi-abut-feature-list-4 li i {
  width:30px;
  font-size:30px;
  margin-right:15px;
  color:var(--base-color)
}
.bi-about-img-3 {
  z-index:1;
  margin-top:30px;
  padding-left:45px
}
.bi-about-img-3:before {
  top:50%;
  height:80%;
  right:-12px;
  width:150px;
  z-index:-1;
  content:"";
  position:absolute;
  border-radius:10px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-color:var(--base-color)
}
.bi-about-video-play-area .bi-about-exp-area {
  left:49%;
  z-index:1;
  top:-125px;
  width:210px;
  height:208px;
  padding-top:25px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.bi-about-video-play-area .bi-about-exp-area h3 {
  color:#fff;
  font-size:70px;
  font-weight:900;
  line-height:120%
}
.bi-about-video-play-area .bi-about-exp-area span {
  color:#fff;
  font-size:20px;
  font-weight:600;
  line-height:30px;
  font-family:var(--heading)
}
.bi-about-video-play-area .video-play-btn {
  left:0;
  top:50%;
  right:0;
  width:90px;
  height:90px;
  margin:0 auto;
  text-align:center;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-about-video-play-area .video-play-btn .video_btn_border {
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  border-radius:100%;
  position:absolute;
  border:20px solid rgba(255,255,255,.7);
  -webkit-animation:3.9s linear infinite border_animation;
  animation:3.9s linear infinite border_animation
}
.bi-about-video-play-area .video-play-btn .video_btn_border.border_wrap-2,
.bi-main-slider-item-4 .bi-slider-watch-video .inner-icon .video_btn_border.border_wrap-2 {
  -webkit-animation-delay:1.3s;
  animation-delay:1.3s
}
.bi-about-video-play-area .video-play-btn .video_btn_border.border_wrap-3,
.bi-main-slider-item-4 .bi-slider-watch-video .inner-icon .video_btn_border.border_wrap-3 {
  -webkit-animation-delay:2.6s;
  animation-delay:2.6s
}
.bi-about-video-play-area .video-play-btn a {
  z-index:2;
  color:#fff;
  width:90px;
  height:90px;
  font-size:30px;
  position:relative;
  border-radius:100%;
  background-color:var(--base-color)
}
.bi-about-video-play:before {
  top:0;
  left:0;
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  background:linear-gradient(206deg,rgba(0,0,0,.5) 0,rgba(255,56,56,.34) 100%)
}
.bi-about-text-quote-area {
  padding-top:150px;
  padding-left:25px
}
.bi-about-text-quote-area p {
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height:40px;
  font-family:var(--heading);
  padding-bottom:40px
}
.bi-about-text-quote-area .quote-author,
.bi-blog-item-3 .bi-blog-author,
.bi-portfolio-details-list,
.bi-service-top-content-4,
.mb-50 {
  margin-bottom:50px
}
.bi-about-text-quote-area .quote-author h3 {
  font-size:28px;
  font-weight:600;
  color:var(--base-color);
  padding-bottom:15px
}
.bi-about-text-quote-area .quote-author span {
  font-weight:600px
}
.bi-team-section-3,
.bi-testimonial-section-3 {
  overflow:hidden;
  padding:130px 0
}
.bi-team-section-3 .bi-shape-anim.anim_1 {
  top:0;
  right:-50px;
  -webkit-animation:8s linear infinite alternate Bins_animation_2;
  animation:8s linear infinite alternate Bins_animation_2
}
.bi-team-section-3 .bi-shape-anim.anim_2 {
  left:0;
  bottom:-100px;
  -webkit-animation:8s linear infinite alternate Bins_animation_1;
  animation:8s linear infinite alternate Bins_animation_1
}
.bi-team-item-3 {
  max-width:410px;
  border-radius:5px;
  padding:50px 40px 40px;
  -webkit-transition:.5s;
  transition:.5s;
  border:1px solid transparent;
  background:rgba(17,19,24,.5)
}
.bi-team-item-3 .bi-team-img-social,
.mb-45 {
  margin-bottom:45px
}
.bi-team-item-3 .bi-team-img-social img {
  width:308px;
  height:308px;
  overflow:hidden;
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  border:1px solid transparent;
  -webkit-filter:grayscale(1);
  filter:grayscale(1)
}
.bi-team-item-3 .bi-team-img-social .team-social {
  top:50%;
  opacity:0;
  right:30px;
  visibility:hidden;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-team-item-3 .bi-team-img-social .team-social a {
  color:#fff;
  width:62px;
  height:62px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:20px;
  margin-bottom:15px;
  border-radius:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--base-color)
}
.bi-team-item-3 .bi-team-img-social .team-social a:first-child {
  -webkit-transform:translateX(-10px) translateY(-15px);
  transform:translateX(-10px) translateY(-15px)
}
.bi-team-item-3 .bi-team-img-social .team-social a:nth-child(2) {
  -webkit-transform:translateX(20px) translateY(-10px);
  transform:translateX(20px) translateY(-10px)
}
.bi-team-item-3 .bi-team-img-social .team-social a:nth-child(3) {
  -webkit-transform:translateX(-5px) translateY(0);
  transform:translateX(-5px) translateY(0)
}
.bi-team-item-3 .bi-team-text h3 {
  color:#fff;
  font-size:30px;
  font-weight:600;
  padding-bottom:12px
}
.bi-team-item-3 .bi-team-text span {
  font-weight:500;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-team-item-3:hover .bi-team-img-social img {
  border:1px solid var(--base-color);
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
}
.bi-team-slider-content-3,
.bi-testimonial-content-3 {
  margin:0 auto;
  padding-top:55px;
  max-width:1920px
}
.bi-team-slider-content-3 .bi-team-slider-3 {
  margin:0 -135px 0 0;
  max-width:1735px
}
.bi-pricing-item-4 .price-btn,
.bi-team-pagination-carousel,
.coming-soon-socail,
.hap-pricing-list-area .hap-btn,
.mt-50 {
  margin-top:50px
}
.bi-team-pagination-carousel .bi-team-carousel,
.ml-20 {
  margin-left:20px
}
.bi-team-pagination-carousel .bi-slider-arrow {
  width:52px;
  color:var(--base-color);
  height:52px;
  font-size:25px;
  margin-left:15px;
  border-radius:100%;
  border:2px solid var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-team-pagination-carousel .swiper-team-paginations {
  width:100%;
  height:5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:1px solid #1d1c1c
}
.bi-team-pagination-carousel .swiper-team-paginations .swiper-pagination-bullet {
  width:50%;
  height:4px;
  border-radius:0;
  margin-top:-3px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-pricing-section-3 {
  overflow:hidden;
  padding:120px 0 90px
}
.bi-pricing-section-3 .bi-shape-anim.anim_1 {
  top:100px;
  right:100px;
  -webkit-animation:8s linear infinite alternate Bins_animation_2;
  animation:8s linear infinite alternate Bins_animation_2
}
.bi-pricing-section-3 .bi-shape-anim.anim_2 {
  top:50%;
  left:50px
}
.bi-pricing-section-3 .bi-shape-anim.anim_3 {
  bottom:100px;
  right:-150px
}
.bi-price-top-content .bi-section-title-3 {
  max-width:420px
}
.bi-price-top-content .bi-section-top-text {
  max-width:550px;
  margin:30px 0 20px
}
.bi-pricing-item-area-3 {
  z-index:1;
  padding-bottom:15px
}
.bi-pricing-item-area-3:before {
  bottom:0;
  right:0;
  width:80%;
  z-index:-1;
  height:50%;
  content:"";
  position:absolute;
  border-radius:25px;
  background-color:var(--base-color)
}
.bi-pricing-item-area-3 .bi-pricing-item-3 {
  margin:0 auto;
  max-width:388px;
  padding:30px 30px 40px;
  border-bottom-left-radius:50px;
  border-bottom-right-radius:50px
}
.bi-pricing-item-area-3 .bi-pricing-item-3:before {
  top:0;
  left:0;
  content:"";
  width:0;
  height:0;
  position:absolute;
  border-top:39px solid var(--base-color);
  border-right:39px solid transparent
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-title {
  color:#fff;
  font-size:24px;
  font-weight:700;
  font-family:var(--heading);
  margin-bottom:30px
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price {
  padding:36px 40px;
  border-radius:100px;
  margin-bottom:45px;
  background-color:#e63333;
  border:10px solid var(--base-color)
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price h3 {
  color:#fff;
  font-size:26px;
  font-weight:700
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price h3 sub {
  bottom:0;
  font-size:20px
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price h3 span {
  font-size:18px;
  font-weight:400;
  color:rgba(255,255,255,.8)
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-list li {
  color:#fff;
  font-size:16px;
  line-height:26px;
  position:relative;
  padding:16px 0 18px
}
.bi-pricing-item-4 .plan-list li::before,
.bi-pricing-item-area-3 .bi-pricing-item-3 .plan-list li:before {
  left:0;
  bottom:0;
  content:"";
  width:100%;
  height:1.112px;
  position:absolute;
  opacity:.5;
  background:radial-gradient(50% 50% at 50% 50%,#fff 0,rgba(22,35,43,0) 100%)
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .price-btn {
  margin-top:38px
}
.bi-pricing-item-area-3 .bi-pricing-item-3 .price-btn a {
  color:#fff;
  border-radius:5px;
  padding:14px 40px;
  font-weight:600;
  display:inline-block;
  font-family:var(--heading);
  border:1px solid var(--base-color)
}
.pricing-page-content .bi-pricing-item-area-3:before {
  right:-10px
}
.bi-testimonial-section-3 .bi-section-title-3 {
  margin:0 auto;
  max-width:710px
}
.bi-testimonial-section-3 .bi-shape-anim.anim_1 {
  top:150px;
  left:-50px;
  -webkit-animation:8s linear infinite alternate Bins_animation_1;
  animation:8s linear infinite alternate Bins_animation_1
}
.bi-testimonial-item-3 {
  width:100%;
  overflow:hidden;
  max-width:625px;
  padding:45px 40px;
  border-radius:10px;
  background-color:#111318
}
.bi-testimonial-item-3 .quote-icon {
  top:35px;
  right:35px
}
.bi-testimonial-item-3 .testimonial-img {
  bottom:-75px;
  right:-45px;
  width:250px;
  height:250px;
  overflow:hidden;
  border-radius:100%;
  border:2px solid var(--base-color)
}
.bi-testimonial-item-3 .testimonial-text {
  color:#fff;
  font-size:24px;
  font-weight:600;
  max-width:415px;
  line-height:40px;
  padding-bottom:40px;
  font-family:var(--heading)
}
.bi-testimonial-item-3 .testimonial-author h3 {
  font-size:24px;
  font-weight:600;
  padding-bottom:10px;
  color:var(--base-color)
}
.bi-testimonial-feed-item .testimonial-author span,
.bi-testimonial-item-3 .testimonial-author span {
  font-weight:600
}
.bi-testimonial-content-3 .testimonial-circle {
  top:-55px;
  right:-80px;
  width:665px;
  height:665px;
  border-radius:100%;
  border:65px solid var(--base-color)
}
.bi-testimonial-content-3 .bi-testimonial-slider-3 {
  margin:0 -330px 0 0;
  max-width:1920px
}
.bins-dot-carousel,
.mt-70 {
  margin-top:70px
}
.bins-dot-carousel .swiper-pagination-bullet {
  width:20px;
  opacity:1;
  height:20px;
  position:relative;
  border-radius:100%;
  background-color:#390f10;
  margin:0 14px
}
.bins-dot-carousel .swiper-pagination-bullet:before {
  top:-8px;
  left:-9px;
  width:37px;
  content:"";
  height:37px;
  position:absolute;
  -webkit-transform:scale(0);
  transform:scale(0);
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  border:2px solid var(--base-color)
}
.bi-portfolio-section-3 {
  z-index:2;
  margin:0 auto;
  max-width:1920px
}
.bi-portfolio-filter-btn li {
  color:#fff;
  cursor:pointer;
  font-weight:600;
  margin-left:5px;
  padding:15px 25px;
  border-radius:5px;
  background:#111318;
  text-transform:uppercase;
  font-family:var(--heading);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-item-3 {
  width:33.33%
}
.bi-blog-slider-3,
.bi-portfolio-feed-item-wrapper {
  margin:50px 0
}
.bi-portfolio-img-text-3 {
  z-index:1;
  overflow:hidden
}
.bi-portfolio-img-text-3:before {
  left:0;
  top:150px;
  z-index:1;
  width:100%;
  content:"";
  opacity:0;
  height:100%;
  visibility:hidden;
  position:absolute;
  -webkit-transition:.5s;
  transition:.5s;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,56,56,.8)));
  background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,56,56,.8) 100%)
}
.bi-portfolio-img-text-3 .portfolio-img img {
  -webkit-filter:grayscale(1);
  filter:grayscale(1);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-portfolio-img-text-3 .porfolio-icon {
  left:0;
  top:35%;
  right:0;
  z-index:2;
  opacity:0;
  width:100px;
  color:#fff;
  height:100px;
  margin:0 auto;
  font-size:30px;
  visibility:hidden;
  border-radius:100%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.5s;
  transition:.5s;
  background-color:var(--base-color)
}
.bi-portfolio-img-text-3 .portfolio-text {
  left:0;
  z-index:2;
  opacity:0;
  width:100%;
  bottom:-100px;
  padding:30px;
  visibility:hidden;
  background:#070506;
  -webkit-transition:.5s;
  transition:.5s;
  border-bottom:2px solid var(--base-color)
}
.bi-portfolio-img-text-3 .portfolio-text span {
  opacity:0;
  visibility:hidden;
  font-weight:500;
  margin-bottom:12px;
  display:inline-block;
  color:var(--base-color);
  -webkit-transition:.7s;
  transition:.7s;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-portfolio-img-text-3 .portfolio-text h3 {
  opacity:0;
  visibility:hidden;
  color:#fff;
  font-size:30px;
  font-weight:700;
  -webkit-transition:.7s;
  transition:.7s;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
}
.bi-portfolio-img-text-3 .portfolio-text .more_btn {
  top:50%;
  opacity:0;
  width:62px;
  height:62px;
  right:-60px;
  font-size:26px;
  visibility:hidden;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.7s;
  transition:.7s;
  background-color:var(--base-color)
}
.bi-portfolio-img-text-3 .portfolio-text .more_btn i {
  color:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.bi-portfolio-img-text-3:hover:before {
  top:0;
  opacity:1;
  visibility:visible
}
.bi-portfolio-feed-section .bi-portfolio-img-text-3 .portfolio-img img,
.bi-portfolio-img-text-3:hover .portfolio-img img {
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
}
.bi-portfolio-img-text-3:hover .porfolio-icon {
  top:40%;
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.1s;
  transition-delay:0.1s
}
.bi-portfolio-img-text-3:hover .portfolio-text {
  bottom:0;
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.3s;
  transition-delay:0.3s
}
.bi-portfolio-img-text-3:hover .portfolio-text span {
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.5s;
  transition-delay:0.5s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-portfolio-img-text-3:hover .portfolio-text h3 {
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.7s;
  transition-delay:0.7s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-portfolio-img-text-3:hover .portfolio-text .more_btn {
  right:0;
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s
}
.bi-sponsor-section-3 {
  z-index:1;
  padding-top:120px
}
.bi-sponsor-section-3 .sponsor-bg {
  z-index:-1;
  top:-150px
}
.bi-sponsor-slider-3 {
  padding:70px 0;
  border-top:1.5px dashed var(--base-color);
  border-bottom:1.5px dashed var(--base-color)
}
.bi-sponsor-slider-3 .slider-img {
  height:80px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.bi-blog-item-3:before,
.bi-btn-4 a:before {
  left:0;
  height:100%;
  top:0;
  position:absolute;
  z-index:-1;
  content:""
}
.bi-blog-section-3 {
  z-index:2;
  overflow:hidden;
  padding:130px 0;
  background-color:#070506
}
.bi-blog-section-3 .bi-shape-anim.anim_1 {
  left:100px;
  bottom:20%;
  -webkit-animation:8s linear infinite alternate Bins_animation_3;
  animation:8s linear infinite alternate Bins_animation_3
}
.bi-blog-section-3 .bi-shape-anim.anim_2 {
  top:80px;
  right:30px;
  -webkit-animation:8s linear infinite alternate Bins_animation_3;
  animation:8s linear infinite alternate Bins_animation_3
}
.bi-blog-item-3 {
  z-index:1;
  max-width:410px;
  overflow:hidden;
  border-radius:5px;
  padding:50px 30px 110px
}
.bi-blog-item-3:before {
  width:100%;
  -webkit-transition:.5s;
  transition:.5s;
  background:-webkit-gradient(linear,left bottom,left top,from(rgba(17,19,24,.96)),to(rgba(17,19,24,.96)));
  background:linear-gradient(0deg,rgba(17,19,24,.96) 0,rgba(17,19,24,.96) 100%)
}
.bi-btn-4 a,
.bi-section-title-4 .sub-title {
  position:relative;
  display:inline-block;
  font-family:var(--heading)
}
.bi-blog-item-3 .bi-blog-author .inner-img {
  width:80px;
  height:80px;
  overflow:hidden;
  margin-right:20px;
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  border:1px solid transparent
}
.bi-blog-item-3 .bi-blog-author .inner-text span {
  font-size:14px;
  font-weight:400;
  padding-bottom:5px;
  display:inline-block;
  color:rgba(255,255,255,.7)
}
.bi-blog-item-3 .bi-blog-author .inner-text h3 {
  color:#fff;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase
}
.bi-blog-item-3 .bi-blog-text {
  -webkit-transform:translateY(120px);
  transform:translateY(120px);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-blog-item-3 .bi-blog-text .blog-meta {
  font-size:14px;
  font-weight:600;
  margin-bottom:20px;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-blog-item-3 .bi-blog-text .blog-meta i {
  margin-right:8px
}
.bi-blog-item-3 .bi-blog-text h3 {
  color:#fff;
  font-size:28px;
  font-weight:700;
  line-height:38px;
  padding-bottom:15px
}
.bi-blog-item-3 .bi-blog-text h3 a {
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  -webkit-transition:.6s cubic-bezier(.215, .61, .355, 1);
  transition:.6s cubic-bezier(.215, .61, .355, 1)
}
.bi-blog-item-3 .bi-blog-text p {
  opacity:0;
  color:#fff;
  font-size:16px;
  font-weight:400;
  visibility:hidden;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-blog-item-3 .more_btn {
  left:0;
  bottom:0;
  color:#fff;
  width:100%;
  font-size:14px;
  font-weight:600;
  padding:20px 30px;
  font-family:var(--heading);
  background-color:rgba(255,56,56,.1)
}
.bi-blog-item-3 .more_btn i {
  font-size:30px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-blog-item-3:hover:before {
  opacity:.7
}
.bi-blog-item-3:hover .bi-blog-text {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.bi-blog-item-3:hover .bi-blog-text h3 a {
  color:inherit;
  background-size:100% 100%
}
.bi-blog-item-3:hover .more_btn i,
.bi-service-scroll-item .service-text .service_more:hover {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.home-4 {
  background-color:#1b1c35;
  color:rgba(255,255,255,.7)
}
.bi-btn-4 a {
  color:#fff;
  z-index:1;
  overflow:hidden;
  font-weight:600;
  border-radius:100px;
  white-space:nowrap;
  padding:15px 64px 15px 30px;
  background:var(--linear,linear-gradient(135deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%))
}
.bi-btn-4 a:before {
  width:0%;
  background:rgba(11,12,14,.23);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-btn-4 a span {
  top:0;
  right:0;
  width:39px;
  height:60px;
  position:absolute;
  border-radius:50px 0 0 50px;
  background:rgba(11,12,14,.23)
}
.bi-section-title-4 .sub-title {
  font-size:14px;
  font-weight:700;
  color:var(--base-color);
  padding-bottom:12px
}
.bi-section-title-4 .sub-title:before {
  top:10px;
  right:-80px;
  width:72px;
  height:1px;
  content:"";
  position:absolute;
  background-color:var(--base-color)
}
.bi-section-title-4 h2 {
  color:#fff;
  font-size:62px;
  font-weight:700
}
.bi-section-title-4.text-center .sub-title:after {
  top:10px;
  left:-80px;
  width:72px;
  height:1px;
  content:"";
  position:absolute;
  background-color:var(--base-color)
}
.bi-title-waterprint h2 {
  opacity:.5;
  font-size:153px;
  font-weight:700;
  text-align:center;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.28)),to(rgba(27,28,53,.44)));
  background:linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(27,28,53,.44) 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.bi-footer-cta.blue-footer:before {
  background-color:#1b1c35
}
@-webkit-keyframes rotate-2 {
  0% {
    transform:rotate(0);
    -webkit-transform:rotate(0)
  }
  100% {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg)
  }
}
@keyframes rotate-2 {
  0% {
    transform:rotate(0);
    -webkit-transform:rotate(0)
  }
  100% {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg)
  }
}
.bi-header-section.header-style-four {
  padding:22px 0;
  background:#161729;
  border-radius:0 0 50px 50px;
  -webkit-box-shadow:0 1px 0 0 rgba(255,56,56,.5);
  box-shadow:0 1px 0 0 rgba(255,56,56,.5)
}
.bi-header-section.header-style-four .bi-header-content {
  margin:0 auto;
  max-width:1290px
}
.bi-header-section.header-style-four.sticky-on {
  right:0;
  top:auto;
  padding:0 30px;
  bottom:40px;
  max-width:1200px;
  margin:0 auto;
  border-radius:100px;
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp
}
.bi-header-section.header-style-four.sticky-on .dropdown-menu {
  bottom:100%;
  top:auto
}
.bi-header-section.header-style-four.sticky-on .dropdown-menu .dropdown-menu {
  top:30px;
  bottom:auto
}
.bi-header-section.header-style-four .bi-header-main-navigation .main-navigation li a:before {
  top:0;
  left:-5px;
  z-index:-1;
  width:22px;
  content:"";
  height:22px;
  position:absolute;
  border-radius:100%;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-transform:scale(0);
  transform:scale(0)
}
@-webkit-keyframes border_animation {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
  20% {
    -webkit-transform:scale(1.05);
    transform:scale(1.24);
    opacity:1
  }
  100% {
    -webkit-transform:scale(1.7);
    transform:scale(1.7);
    opacity:0
  }
}
@keyframes border_animation {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
  20% {
    -webkit-transform:scale(1.05);
    transform:scale(1.24);
    opacity:1
  }
  100% {
    -webkit-transform:scale(1.7);
    transform:scale(1.7);
    opacity:0
  }
}
.bi-main-slider-item-4 {
  z-index:1;
  padding:230px 0 140px
}
.bi-main-slider-item-4 .slider_men {
  right:0;
  z-index:1;
  left:80px;
  bottom:20px;
  margin:0 auto;
  text-align:center;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(180px);
  transform:translateX(180px)
}
.bi-main-slider-item-4 .shape_1 {
  z-index:-1;
  top:190px;
  left:200px;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(-80px);
  transform:translateX(-80px)
}
.bi-main-slider-item-4 .bi-main-slider-text {
  margin:0 auto;
  max-width:1300px
}
.bi-main-slider-item-4 .bi-main-slider-text h1 {
  font-weight:700;
  font-size:153px;
  text-transform:uppercase;
  color:var(--base-color);
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(-80px);
  transform:translateX(-80px)
}
.bi-main-slider-item-4 .bi-main-slider-text h1 span {
  color:#fff;
  display:block;
  font-size:131px;
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke-width:2px;
  -webkit-text-stroke-color:#fff
}
.bi-main-slider-item-4 .bi-main-slider-text h1 strong {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:310px;
  font-weight:900;
  background:-webkit-gradient(linear,left top,left bottom,from(#ff3838),to(rgba(255,56,56,0)));
  background:linear-gradient(180deg,#ff3838 0,rgba(255,56,56,0) 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:inherit;
  -webkit-text-stroke-width:2px;
  -webkit-text-stroke-color:transparent
}
.bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
  right:0;
  top:50px;
  z-index:2;
  max-width:350px;
  text-align:right;
  position:absolute;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(80px);
  transform:translateY(80px)
}
.bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text p {
  color:#fff;
  padding-bottom:44px
}
.bi-main-slider-item-4 .bi-slider-watch-video {
  right:0;
  left:23%;
  z-index:6;
  bottom:60px;
  margin:0 auto;
  position:absolute;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateX(-80px);
  transform:translateX(-80px)
}
.bi-main-slider-item-4 .bi-slider-watch-video .inner-icon {
  color:#fff;
  width:95px;
  height:95px;
  border-radius:100%;
  margin-right:30px;
  background-color:var(--base-color)
}
.bi-main-slider-item-4 .bi-slider-watch-video .inner-icon .video_btn_border {
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  border-radius:100%;
  position:absolute;
  border:20px solid rgba(27,28,53,.7);
  -webkit-animation:3.9s linear infinite border_animation;
  animation:3.9s linear infinite border_animation
}
.bi-main-slider-item-4 .bi-slider-watch-video .inner-text h4 {
  color:#fff;
  font-size:24px;
  font-weight:600
}
.bi-main-slider-item-4 .bi-slider-watch-video .inner-text span {
  font-weight:300;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-main-slider-next-prev .bi-main-slider-arrow-4 {
  z-index:5;
  color:#fff;
  width:300px;
  bottom:80px;
  height:300px;
  font-size:50px;
  position:absolute;
  border-radius:100%
}
.bi-main-slider-next-prev .bi-main-slider-arrow-4.bi-main-button-prev-4 {
  left:-150px;
  padding-right:70px
}
.bi-main-slider-next-prev .bi-main-slider-arrow-4.bi-main-button-next-4 {
  right:-150px;
  padding-left:70px
}
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .slider_men {
  opacity:1;
  visibility:visible;
  -webkit-transition:1.5s 1.4s;
  transition:1.5s 1.4s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text h1 {
  opacity:1;
  visibility:visible;
  -webkit-transition:1s 0.5s;
  transition:1s 0.5s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
  opacity:1;
  visibility:visible;
  -webkit-transition:1.6s 1.2s;
  transition:1.6s 1.2s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-slider-watch-video {
  opacity:1;
  visibility:visible;
  -webkit-transition:1s 1.5s;
  transition:1s 1.5s;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}
.bi-about-section-4 {
  overflow:hidden;
  padding:110px 0 100px
}
.bi-about-img-wrapper4,
.pb-175 {
  padding-bottom:175px
}
.bi-about-img-wrapper4 .about-circle-shape {
  left:-40px;
  z-index:-1;
  bottom:90px
}
.bi-about-img-wrapper4 .about-img2 {
  right:0;
  bottom:0
}
.bi-about-text-4 .bi-section-title-4 {
  right:0;
  top:35px;
  width:720px;
  position:absolute
}
.bi-about-text-area-4 {
  padding-left:15px;
  padding-top:265px
}
.bi-about-text-area-4 p {
  color:rgba(255,255,255,.6999)
}
.bi-abut-feature-list-4 {
  border-radius:10px;
  margin:30px 0 40px;
  padding:28px 0 0;
  background:linear-gradient(97.31deg,rgba(235,92,24,.11199) 0,rgba(249,80,85,.11199) 45.72%,rgba(202,45,184,.11199) 100%)
}
.bi-abut-feature-list-4 li {
  width:50%;
  color:#fff;
  font-size:18px;
  font-weight:500;
  padding:0 25px;
  margin-bottom:20px;
  font-family:var(--heading)
}
.bi-about-btn-cta .bi-btn-4,
.mr-30 {
  margin-right:30px
}
.bi-about-cta-4 .inner-icon {
  color:#fff;
  width:40px;
  height:40px;
  margin-right:20px;
  border-radius:100%;
  background-color:var(--base-color)
}
.bi-about-cta-4 .inner-text span {
  display:block;
  font-size:16px;
  margin-bottom:5px;
  color:rgba(255,255,255,.7)
}
.bi-about-cta-4 .inner-text h4 {
  color:#fff;
  font-size:20px;
  font-weight:600
}
.bi-text-scroll-item-1 h3 {
  font-size:150px;
  font-weight:700;
  margin:0 20px;
  display:inline-block;
  color:var(--base-color)
}
.bi-text-scroll-item-2 {
  display:flow-root;
  overflow:hidden;
  padding-top:25px;
  background:linear-gradient(135deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%)
}
.bi-text-scroll-item-2 h3 {
  font-size:92px;
  font-weight:700;
  margin:0 20px;
  padding-top:20px;
  display:inline-block
}
.bi-text-scroll-item-2 span {
  top:-25px;
  position:relative;
  display:inline-block
}
.bi-text-scroll-item-2 .scroll-text-1 {
  color:#1b1c35
}
.bi-text-scroll-item-2 .scroll-text-2 {
  color:#fff;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:2px;
  -webkit-text-stroke-color:#fff
}
.bi-text-scroll-item-2 .scroll-text-3 {
  color:rgba(27,28,53,.3)
}
.bi-service-section-4 {
  overflow:hidden;
  padding:100px 0 0
}
.bi-service-top-content-4 .bi-section-title-4 {
  max-width:660px
}
.bi-service-scroll-item {
  max-width:522px;
  overflow:hidden;
  margin:0 15px;
  border-radius:20px;
  display:inline-block
}
.bi-team-item-4 .team-social a,
.bi-why-choose-feature ul,
.cro-matter {
  display:-webkit-box;
  display:-ms-flexbox
}
.bi-service-scroll-item .service-text {
  width:100%;
  bottom:30px;
  padding:0 40px
}
.bi-service-scroll-item .service-text h3 {
  color:#fff;
  font-size:34px;
  font-weight:600
}
.bi-service-scroll-item .service-text h3:hover {
  letter-spacing:2px
}
.bi-service-scroll-item .service-text .service_more {
  width:62px;
  height:62px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:30px;
  border-radius:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:var(--linear,linear-gradient(135deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%))
}
.bi-service-section-4_2 {
  overflow:hidden;
  cursor:-webkit-grab;
  cursor:grab;
  padding:100px 0 60px;
  border-radius:0 0 100px 100px;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.02)));
  background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.02) 100%);
  -webkit-box-shadow:0 1px 0 0 rgba(255,56,56,.5);
  box-shadow:0 1px 0 0 rgba(255,56,56,.5)
}
.bi-service-title-text,
.hap-section-title.text-center {
  margin:0 auto;
  max-width:750px
}
.bi-service-title-text h2 {
  color:#fff;
  font-size:62px;
  font-weight:600
}
.cro-matter {
  width:100%;
  min-height:325px;
  cursor:-webkit-grab;
  cursor:grab;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  display:flex;
  position:relative
}
.bi-why-choose-us-section-4 {
  overflow:hidden;
  padding:100px 0
}
.bi-why-choose-us-section-4 .container {
  max-width:1640px
}
.bi-why-choose-img1-area {
  margin:0 auto;
  max-width:720px
}
.bi-why-choose-img1-area .why-choose-img2 {
  top:0;
  left:0;
  z-index:-1
}
.bi-why-choose-img1-area .why-choose-img3 {
  top:-55px;
  left:-40px;
  z-index:-2
}
.bi-why-choose-img1-area .why-choose-img4 {
  top:0;
  right:60px
}
.bi-why-choose-img1-area .why-choose-img5 {
  top:-15px;
  left:-15px
}
.bi-why-choose-textarea {
  max-width:650px
}
.bi-why-choose-us-area-1,
.bi-why-choose-us-area-2,
.mb-130 {
  margin-bottom:130px
}
.bi-why-choose-us-area-2 .bi-why-choose-textarea {
  margin:0 auto 0 150px
}
.bi-why-choose-img2-area .why-choose-img2_1 {
  right:25px;
  z-index:-1;
  bottom:-20px
}
.bi-why-choose-img2-area .why-choose-img2_2 {
  top:0;
  right:0;
  z-index:-2
}
.bi-why-choose-img2-area .why-choose-img2_3 {
  top:-25px;
  left:37%
}
.bi-why-choose-img3-area {
  z-index:1;
  max-width:690px;
  margin:0 auto
}
.bi-why-choose-img3-area .why-choose-img3_2 {
  left:0;
  bottom:0;
  z-index:-1
}
.bi-why-choose-img3-area .why-choose-img3_3 {
  top:0;
  left:0
}
.bi-why-choose-img3-area .why-choose-img3_4 {
  top:0;
  right:40px
}
.bi-why-choose-img3-area .why-choose-img3_5 {
  bottom:0;
  right:50px
}
.bi-project-next-prev-btn,
.bi-why-choose-feature {
  margin:30px 0
}
.bi-why-choose-feature ul {
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  font-family:var(--heading)
}
.bi-why-choose-feature ul li {
  width:50%;
  color:#fff;
  font-size:26px;
  font-weight:600;
  margin-bottom:22px;
  padding-left:50px;
  position:relative
}
.bi-why-choose-feature ul li:before {
  left:0;
  top:5px;
  width:34px;
  content:"";
  height:34px;
  position:absolute;
  background-repeat:no-repeat;
  background-image:url(../img/check.png)
}
.bi-pricing-item-4 .plan-price h3,
.bi-pricing-item-4 .plan-price h3 sub {
  background:-webkit-gradient(linear,left top,right top,from(#eb5c18),color-stop(45.72%,#f95055),to(#ca2db8));
  -webkit-text-fill-color:transparent
}
.bi-why-choose-skill-area {
  width:100%;
  max-width:570px;
  margin:40px 0 50px
}
.bi-why-choose-skill-area .skill-set-percent {
  margin-bottom:32px
}
.bi-why-choose-skill-area .skill-set-percent h4 {
  color:#fff;
  font-size:18px;
  font-weight:500;
  padding-bottom:15px
}
.bi-why-choose-skill-area .skill-set-percent .progress {
  height:14px;
  border-radius:30px;
  position:relative;
  overflow:visible;
  border:1px solid rgba(255,255,255,.2);
  background-color:transparent
}
.bi-why-choose-skill-area .skill-set-percent .progress span {
  right:0;
  top:-35px;
  font-size:18px;
  font-weight:600;
  position:absolute;
  font-family:var(--heading);
  color:var(--base-color)
}
.bi-why-choose-skill-area .skill-set-percent .progress-bar {
  width:0;
  left:3px;
  top:3px;
  float:left;
  height:6px;
  position:relative;
  border-radius:30px;
  -webkit-transition:1s ease-in-out;
  transition:1s ease-in-out
}
.bi-why-choose-skill-area .skill-set-percent:nth-child(2) .progress span {
  color:#30f272
}
.bi-why-choose-skill-area .skill-set-percent:nth-child(2) .progress-bar {
  background-color:#30f272
}
.bi-why-choose-skill-area .skill-set-percent:nth-child(3) .progress span {
  color:#f2c230
}
.bi-why-choose-skill-area .skill-set-percent:nth-child(3) .progress-bar {
  background-color:#f2c230
}
.bi-why-choose-textarea .accordion-item {
  border:none;
  overflow:hidden;
  border-radius:0;
  position:relative;
  margin-bottom:10px;
  padding:10px 20px 25px;
  background-color:transparent;
  -webkit-transition:.5s;
  transition:.5s;
  border-bottom:1px solid #919191
}
.bi-why-choose-textarea .accordion-item.faq_bg {
  background:linear-gradient(97.31deg,rgba(235,92,24,.11199) 0,rgba(249,80,85,.11199) 45.72%,rgba(202,45,184,.11199) 100%)
}
.bi-why-choose-textarea .accordion-button {
  color:#fff;
  font-size:23px;
  font-weight:700;
  position:relative;
  font-family:var(--heading);
  background-color:transparent;
  padding:20px 25px 0 0
}
.bi-why-choose-textarea .accordion-button span,
.hap-faq-accordion-area .accordion-button span {
  color:#fff;
  max-width:95%
}
.bi-why-choose-textarea .accordion-body {
  padding:20px 0 0;
  color:#bac1d4;
  font-size:15px;
  line-height:30px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-why-choose-textarea .accordion-button::after {
  right:5px;
  content:"\f055";
  font-weight:900;
  position:absolute;
  border-radius:100%;
  background-image:none;
  color:var(--base-color);
  font-family:"Font Awesome 5 Brands"
}
.bi-why-choose-textarea .accordion-button:not(.collapsed):after {
  color:var(--base-color);
  content:"\f056"
}
.bi-team-section-4 {
  overflow:hidden;
  padding:120px 0 100px
}
.bi-team-item-4 {
  z-index:1;
  margin:0 auto 40px;
  height:510px;
  max-width:410px;
  overflow:hidden;
  border-radius:20px;
  padding:42px 45px;
  background:#202139;
  -webkit-box-shadow:0 0 20px 0 rgba(255,255,255,.2) inset;
  box-shadow:0 0 20px 0 rgba(255,255,255,.2) inset
}
.bi-team-item-4:before {
  top:0;
  left:0;
  width:100%;
  content:"";
  z-index:-1;
  opacity:0;
  height:100%;
  position:absolute;
  -webkit-transition:.5s;
  transition:.5s;
  background:var(--linear,linear-gradient(135deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%));
  -webkit-box-shadow:0 0 30px 0 rgba(27,28,53,.65) inset;
  box-shadow:0 0 30px 0 rgba(27,28,53,.65) inset
}
.bi-team-item-4 .team-img {
  width:298px;
  height:298px;
  margin:0 auto 45px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-team-item-4 .team-text h3 {
  color:#fff;
  font-size:32px;
  font-weight:600;
  padding-bottom:15px
}
.bi-team-item-4 .team-text span {
  font-weight:500;
  color:var(--base-color);
  font-family:var(--heading);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-team-item-4 .team-social {
  opacity:0;
  margin-top:25px;
  visibility:hidden;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-team-item-4 .team-social a {
  width:52px;
  height:52px;
  display:flex;
  margin:0 10px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:100%;
  border:1px solid #fff;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.bi-team-item-4 .team-social a:hover {
  color:#fd6f23;
  background-color:#fff
}
.bi-team-item-4:hover:before,
.hpt-project-1-item-img-big:hover .multi-img-wrap,
.hpt-project-1-item-img-medle:hover .multi-img-wrap,
.hpt-project-1-item-img-small:hover .multi-img-wrap,
.hpt-video-1-item:hover .video-1-img .multi-img-wrap {
  opacity:1
}
.bi-team-item-4:hover .team-img {
  width:222px;
  height:222px;
  padding:15px;
  border-radius:100%;
  background-color:rgba(27,28,53,.3)
}
.bi-team-item-4:hover .team-text span {
  color:#00071a
}
.bi-portfolio-section-4 .bi-title-waterprint,
.bi-testimonial-section-4 .bi-title-waterprint {
  margin-bottom:-50px
}
.bi-portfolio-section-4 .bi-section-title-4 {
  margin:0 auto;
  max-width:770px
}
.bi-portfolio-section-4 .container {
  max-width:1330px
}
.bi-portfolio-item-4 {
  max-width:610px;
  margin-bottom:70px
}
.bi-portfolio-item-4 .portfolio-img-4 {
  overflow:hidden;
  border-radius:20px;
  margin-bottom:30px;
  -webkit-box-shadow:0 4px 27px 0 rgba(0,0,0,.65) inset;
  box-shadow:0 4px 27px 0 rgba(0,0,0,.65) inset
}
.bi-portfolio-item-4 .portfolio-text h3 {
  color:#fff;
  font-size:38px;
  font-weight:700;
  padding-bottom:20px
}
.bi-portfolio-item-4 .portfolio-text .portfolio-category a {
  font-size:16px;
  border-radius:50px;
  display:inline-block;
  padding:8px 25px;
  background:rgba(255,255,255,.08);
  -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.26) inset;
  box-shadow:0 0 15px 0 rgba(0,0,0,.26) inset
}
.bi-portfolio-item-wrapper-2 {
  margin-top:50px;
  padding-left:30px
}
.bi-pricing-section-4 {
  padding:120px 0 180px;
  border-radius:0 0 100px 100px;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.02)));
  background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.02) 100%)
}
.bi-pricing-section-4 .container {
  max-width:1375px
}
.bi-pricing-section-4 .bi-section-title-4,
.mb-55 {
  margin-bottom:55px
}
.bi-pricing-text-area-4 {
  top:50px;
  position:sticky
}
.bi-pricing-item-4 {
  max-width:405px;
  background:#202139;
  border-radius:20px;
  padding-bottom:50px;
  -webkit-box-shadow:0 4px 40px 0 rgba(0,0,0,.25) inset;
  box-shadow:0 4px 40px 0 rgba(0,0,0,.25) inset
}
.bi-pricing-item-4 .plan-title {
  color:#fff;
  max-width:78%;
  margin:0 auto 40px;
  font-size:20px;
  overflow:hidden;
  font-weight:600;
  padding:18px 0;
  position:relative;
  font-family:var(--heading);
  border-radius:0 0 20px 20px;
  background:rgba(255,255,255,.02);
  -webkit-box-shadow:0 1px 0 0 rgba(255,56,56,.5);
  box-shadow:0 1px 0 0 rgba(255,56,56,.5)
}
.bi-pricing-item-4 .plan-price h3 {
  font-size:68px;
  font-weight:700;
  display:inline-block;
  background:linear-gradient(90deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%);
  background-clip:text;
  -webkit-background-clip:text
}
.bi-pricing-item-4 .plan-price h3 sub {
  bottom:0;
  font-size:54px;
  font-weight:300;
  background:linear-gradient(90deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%);
  background-clip:text;
  -webkit-background-clip:text
}
.bi-pricing-item-4 .plan-price span {
  display:block;
  font-size:30px;
  font-family:var(--heading);
  color:rgba(255,255,255,.4)
}
.bi-pricing-item-4 .plan-list {
  padding:32px 70px;
  background:rgba(255,255,255,.05)
}
.bi-blog-item-4:before,
.bi-pricing-item-4 .price-btn a {
  background:linear-gradient(135deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%)
}
.bi-pricing-item-4 .plan-list li {
  color:#fff;
  font-size:16px;
  position:relative;
  margin-bottom:15px;
  padding-bottom:15px
}
.bi-pricing-item-4 .plan-list li:last-child {
  margin-bottom:0;
  padding-bottom:0
}
.bi-pricing-item-4 .price-btn a {
  color:#fff;
  font-weight:700;
  padding:20px 70px;
  border-radius:50px;
  display:inline-block;
  font-family:var(--heading)
}
.bi-pricing-plan-content-4 {
  z-index:1;
  margin-left:40px
}
.bi-pricing-plan-content-4 .bi-pricing-item-4,
.home-6 .button,
.home-6 a,
.home-6 button,
.hpt-hero-2-social li a i {
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.bi-pricing-plan-content-4 .bi-pricing-item-4:nth-child(2) {
  display:block;
  position:absolute;
  top:50%;
  right:0;
  -webkit-transform:translate(0,-50%) scale(.88);
  -khtml-transform:translate(0,-50%) scale(0.88);
  transform:translate(0,-50%) scale(.88);
  z-index:-1
}
.bi-pricing-plan-content-4 .bi-pricing-item-4:nth-child(2):hover,
.bi-pricing-plan-content-4.is-last-active .bi-pricing-item-4:nth-child(2) {
  -webkit-transform:translate(0,-50%) scale(1);
  -khtml-transform:translate(0,-50%) scale(1);
  transform:translate(0,-50%) scale(1);
  z-index:9
}
.bi-pricing-plan-content-4.is-last-active .bi-pricing-item-4:first-child {
  -webkit-transform:scale(.88);
  transform:scale(.88)
}
.bi-counter-section-4 {
  z-index:1;
  overflow:hidden;
  position:relative;
  padding:295px 0 155px
}
.bi-counter-section-4 .counter-landing {
  -webkit-transition:.8s;
  transition:.8s
}
.bi-counter-section-4 .counter-landing.bi-counter-landing1 {
  left:-33%;
  z-index:-1;
  bottom:-85%;
  -webkit-transition-delay:0.1s;
  transition-delay:0.1s
}
.bi-counter-section-4 .counter-landing.bi-counter-landing2 {
  left:-36%;
  z-index:-2;
  bottom:-110%;
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s
}
.bi-counter-section-4 .counter-landing.bi-counter-landing3 {
  left:-27%;
  bottom:-50%;
  -webkit-transition-delay:0.3s;
  transition-delay:0.3s
}
.bi-counter-section-4:hover .counter-landing {
  -webkit-transform:translateY(-70px);
  transform:translateY(-70px)
}
.bi-counter-item-2 {
  overflow:hidden;
  margin-bottom:75px
}
.bi-counter-item-2 h3 {
  line-height:1;
  font-size:30px;
  font-weight:600;
  max-width:200px;
  margin-bottom:5px;
  padding-bottom:25px;
  color:var(--title-color);
  border-bottom:1px solid #e7e8ee
}
.bi-counter-item-2 h3 span {
  font-size:120px;
  font-weight:500
}
.bi-counter-item-2 p {
  color:#717171;
  font-size:17px;
  font-family:var(--heading)
}
.bi-counter-content-4 .bi-fun-fact-star {
  left:0;
  top:42%;
  right:90px;
  text-align:center;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-animation:10s linear infinite spin;
  animation:10s linear infinite spin
}
.bi-counter-content-4 .bi-counter-item-2 h3 {
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.1)
}
.bi-counter-content-4 .bi-counter-item-2 p {
  color:#fff;
  font-size:18px
}
.bi-testimonial-section-4 {
  overflow:hidden;
  padding-top:120px
}
.bi-testimonial-section-4 .bi-section-title-4,
.hpt-testimonial-section-4 .hpt-section-title-4 {
  margin:0 auto;
  max-width:650px
}
.bi-testimonial-slider-nav-4 .testimonial_nav,
.hpt-testimonial-slider-nav-4 .testimonial_nav {
  width:200px;
  z-index:1;
  height:200px;
  margin:0 auto;
  overflow:hidden;
  border-radius:100%;
  border:10px solid #313249;
  -webkit-transform:scale(.5);
  transform:scale(.5);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-testimonial-slider-nav-4 .testimonial_nav img {
  width:180px;
  height:180px;
  margin:0 auto;
  border-radius:100%
}
.bi-testimonial-slider-nav-4 .testimonial_nav:before,
.hpt-testimonial-slider-nav-4 .testimonial_nav:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:.5s;
  transition:.5s;
  background:linear-gradient(135deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%)
}
.bi-testimonial-slider-nav-4 .swiper-slide-next .testimonial_nav,
.bi-testimonial-slider-nav-4 .swiper-slide-prev .testimonial_nav,
.hpt-testimonial-slider-nav-4 .swiper-slide-next .testimonial_nav,
.hpt-testimonial-slider-nav-4 .swiper-slide-prev .testimonial_nav {
  -webkit-transform:scale(.7);
  transform:scale(.7)
}
.bi-testimonial-slider-nav-4 .swiper-slide-active .testimonial_nav,
.hpt-testimonial-slider-nav-4 .swiper-slide-active .testimonial_nav {
  -webkit-transform:scale(1);
  transform:scale(1);
  border:10px solid #f14a65
}
.bi-testimonial-slider-nav-4 .testimonial-next_4,
.bi-testimonial-slider-nav-4 .testimonial-prev_4,
.hpt-testimonial-slider-nav-4 .testimonial-next_4,
.hpt-testimonial-slider-nav-4 .testimonial-prev_4 {
  left:0;
  top:50%;
  z-index:2;
  font-size:30px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-blog-item-4 .blog-meta a,
.bi-testimonial-slider-nav-4 .testimonial-next_4:hover,
.bi-testimonial-slider-nav-4 .testimonial-prev_4:hover,
.hpt-testimonial-slider-nav-4 .testimonial-next_4:hover,
.hpt-testimonial-slider-nav-4 .testimonial-prev_4:hover {
  background:-webkit-gradient(linear,left top,right top,from(#eb5c18),color-stop(45.72%,#f95055),to(#ca2db8));
  background:linear-gradient(90deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.bi-testimonial-slider-nav-4 .testimonial-next_4,
.hpt-testimonial-slider-nav-4 .testimonial-next_4 {
  right:0;
  left:auto
}
.bi-testimonial-slider-for-4,
.hpt-testimonial-slider-for-4,
.mt-60 {
  margin-top:60px
}
.bi-testimonial-item-4,
.hpt-testimonial-item-4 {
  margin:0 auto;
  max-width:745px
}
.bi-testimonial-item-4 .testimonial-author {
  opacity:0;
  visibility:hidden;
  margin-bottom:25px;
  -webkit-transform:translateY(40px);
  transform:translateY(40px)
}
.bi-testimonial-item-4 .testimonial-author h3 {
  color:#fff;
  font-size:30px;
  font-weight:700
}
.bi-testimonial-item-4 .testimonial-author span {
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-testimonial-item-4 .testimonial-desc-rate p {
  z-index:1;
  color:#fff;
  font-weight:500;
  font-style:italic;
  line-height:1.8;
  position:relative;
  padding-bottom:30px
}
.bi-testimonial-item-4 .testimonial-desc-rate p:after,
.bi-testimonial-item-4 .testimonial-desc-rate p:before {
  top:-80px;
  left:-40px;
  width:210px;
  content:"";
  opacity:.1;
  height:210px;
  position:absolute;
  background-repeat:no-repeat;
  background-image:url(../img/qt1.png)
}
.bi-testimonial-item-4 .testimonial-desc-rate p:after {
  top:auto;
  left:auto;
  right:-40px;
  z-index:-1;
  bottom:-20px;
  background-image:url(../img/qt2.png)
}
.bi-testimonial-item-4 .testimonial-desc-rate .testimonial-rate li {
  font-size:24px;
  background:-webkit-gradient(linear,right top,left top,from(#ff5412),color-stop(45.72%,#ffb85d),to(#ff5412));
  background:linear-gradient(-90deg,#ff5412 0,#ffb85d 45.72%,#ff5412 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.bi-testimonial-slider-for-4 .swiper-slide-active .bi-testimonial-item-4 .testimonial-author,
.bi-testimonial-slider-for-4 .swiper-slide-active .bi-testimonial-item-4 .testimonial-desc-rate {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:.8s;
  transition:.8s
}
.bi-testimonial-slider-for-4 .swiper-slide-active .bi-testimonial-item-4 .testimonial-desc-rate p:before {
  left:0;
  -webkit-transition:.8s;
  transition:.8s
}
.bi-testimonial-slider-for-4 .swiper-slide-active .bi-testimonial-item-4 .testimonial-desc-rate p:after {
  right:0;
  -webkit-transition:.8s;
  transition:.8s
}
.bi-scroll-img-section,
.hpt-scroll-img-section {
  height:825px;
  overflow:hidden
}
.bi-scroll-img-section .bi-scroll-img-area,
.hpt-scroll-img-section .hpt-scroll-img-area {
  top:0;
  left:-260px;
  right:0;
  margin:0 auto;
  width:125%
}
.bi-blog-section-4 {
  overflow:hidden;
  padding-bottom:100px
}
.bi-blog-item-4 {
  z-index:1;
  margin:0 auto 40px;
  max-width:410px;
  border-radius:10px;
  background:#202139;
  overflow:hidden;
  border:1px solid rgba(31,36,44,.15);
  -webkit-box-shadow:0 0 19px 0 rgba(255,255,255,.1) inset;
  box-shadow:0 0 19px 0 rgba(255,255,255,.1) inset
}
.bi-blog-item-4:before {
  left:0;
  bottom:0;
  z-index:-1;
  width:100%;
  content:"";
  height:0%;
  position:absolute;
  border-radius:10px;
  -webkit-transition:.8s;
  transition:.8s;
  -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.65) inset;
  box-shadow:0 0 20px 0 rgba(0,0,0,.65) inset
}
.bi-blog-item-4 .blog-meta {
  left:0;
  top:20px;
  font-weight:500;
  font-size:14px;
  background:#1b1c35;
  padding:10px 25px;
  border-radius:0 8px 8px 0;
  -webkit-box-shadow:0 0 0 1px rgba(255,56,56,.5);
  box-shadow:0 0 0 1px rgba(255,56,56,.5)
}
.bi-blog-item-4 .blog-img img {
  -webkit-transition:.6s;
  transition:.6s;
  -webkit-filter:grayscale(1);
  filter:grayscale(1)
}
.bi-blog-item-4 .blog-text {
  padding:30px;
  border-bottom:1px solid rgba(0,7,26,.6)
}
.bi-blog-item-4 .blog-text h3 {
  color:#fff;
  font-size:26px;
  font-weight:700;
  padding-bottom:15px
}
.bi-blog-item-4 .blog-text h3 a:hover {
  color:#fff;
  background-size:100% 100%
}
.bi-blog-item-4 .blog-text p {
  font-size:16px;
  color:rgba(255,255,255,.7)
}
.bi-blog-item-4 .blog-author-more {
  padding:15px 30px
}
.bi-blog-item-4 .blog-author-more .blog-author .inner-img {
  width:40px;
  height:40px;
  overflow:hidden;
  margin-right:10px;
  border-radius:100%
}
.bi-blog-item-4 .blog-author-more .blog-author .inner-text {
  color:#fff;
  font-size:16px;
  font-weight:600;
  font-family:var(--heading)
}
.bi-blog-item-4 .blog-more a {
  font-size:16px;
  font-weight:500;
  display:inline-block;
  background:-webkit-gradient(linear,left top,right top,from(#eb5c18),color-stop(45.72%,#f95055),to(#ca2db8));
  background:linear-gradient(90deg,#eb5c18 0,#f95055 45.72%,#ca2db8 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.bi-blog-item-4:hover:before,
.hap-portfolio-item:hover .project-text h3 a:before {
  height:100%
}
.bi-blog-item-4:hover .blog-img img {
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.bi-blog-item-4:hover .blog-more a {
  background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(45.72%,#fff),to(#fff));
  background:linear-gradient(90deg,#fff 0,#fff 45.72%,#fff 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
@media screen and (max-width:1800px) {
  .bi-counter-section-4 .counter-landing.bi-counter-landing1 {
    left:-50%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing3 {
    left:-40%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing2 {
    left:-57%
  }
  .bi-scroll-img-section {
    height:550px
  }
  .bi-service-list-item a {
    margin:40px 20px
  }
  .bi-banner-content .banner_img_1 {
    left:10px
  }
  .bi-banner-content .banner_img_4 {
    right:10px
  }
  .bi-banner-content .banner_img_3 {
    left:50px
  }
  .bi-banner-content .banner_img_2 {
    left:15%
  }
}
@media screen and (max-width:1500px) {
  .bi-why-choose-us-area-2 .bi-why-choose-textarea {
    margin-left:50px
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing1 {
    left:-55%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing3 {
    left:-50%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing2 {
    left:-65%
  }
  .bi-slider-section-4 {
    background-image:none!important;
    background-color:#192140
  }
  .bi-main-slider-item-4 .slider_men {
    bottom:0
  }
}
@media screen and (max-width:1400px) {
  .bi-main-slider-next-prev .bi-main-slider-arrow-4.bi-main-button-prev-4 {
    left:-75px;
    padding-right:30px
  }
  .bi-main-slider-next-prev .bi-main-slider-arrow-4.bi-main-button-next-4 {
    right:-75px;
    padding-left:30px
  }
  .bi-main-slider-next-prev .bi-main-slider-arrow-4 {
    width:150px;
    height:150px;
    font-size:30px
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing1 {
    left:-60%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing3 {
    left:-55%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing2 {
    left:-70%
  }
  .bi-team-item-3,
  .bi-testimonial-item-3 {
    margin:0 auto
  }
  .bi-team-slider-content-3 .bi-team-slider-3,
  .bi-testimonial-content-3 .bi-testimonial-slider-3 {
    margin:0;
    max-width:100%
  }
}
@media screen and (max-width:1300px) {
  .bi-counter-section-4 .counter-landing.bi-counter-landing1 {
    left:-70%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing3 {
    left:-65%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing2 {
    left:-80%
  }
}
@media screen and (max-width:850px) {
  .bi-service-top-content-4 {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .bi-service-top-content-4 .bi-section-title-4 {
    margin-bottom:20px
  }
  .bi-scroll-img-section,
  .bi-service-section-4_2 {
    display:none
  }
  .bi-blog-section-4 {
    padding-top:100px
  }
}
:root {
  --hap-heading:"Noto Sans", "Noto Sans KR", sans-serif !important;
  --hap-body-font:"Noto Sans", "Noto Sans KR", sans-serif !important;
  --hap-body-color:#0d0d0d;
  --hap-base-color:#6d55e9;
  --hap-title-color:#000000;
  --hap-gradient-color:linear-gradient( 90deg, rgb(89,86,240) 0%, rgb(255,80,184) 100%);
  --clr-common-white:#fff;
  --clr-common-black:#222222;
  --clr-common-black-soft:#0D0D0D;
  --clr-common-black-deep:#000000;
  --clr-body-heading:#00071A;
  --clr-body-text-white:#ffffff;
  --clr-body-text:#4D515F;
  --clr-color-blue:#000A30;
  --clr-hover-primary:#FF7425;
  --clr-theme-primary:#FF7425;
  --clr-bg-primary:#FF7425;
  --clr-bg-white:#ffffff;
  --clr-bg-gray:#171717;
  scroll-behavior:inherit;
  --font-four:"Catamaran",sans-serif;
  --grad-color:linear-gradient( -90deg, rgb(168,115,250) 0%, rgb(112,61,241) 100%)
}
.hap-counter-item:before,
.hap-faq-accordion-area .accordion-button:not(.collapsed) span,
.hap-faq-accordion-area .accordion-button:not(.collapsed):after,
.hap-footer-widget .logo-cta li i,
.hap-pricing-tab-btn .nav-tabs .nav-link.active .hap-price-btn-text,
.hap-pricing-tab-img-price .plan-price-title .price-plan-title span,
.hap-section-title .sub-title,
.hap-section-title .sub-title:before { content: none !important; display: none !important; }
@-webkit-keyframes gradient_animation {
  0%,
  100% {
    background-position:0 0
  }
  50% {
    background-position:100% 0
  }
}
@keyframes gradient_animation {
  0%,
  100% {
    background-position:0 0
  }
  50% {
    background-position:100% 0
  }
}
.haptic-home {
  line-height:1.579;
  font-size:19px;
  overflow-x:hidden!important;
  color:var(--hap-body-color);
  font-family:var(--hap-body-font)
}
.haptic-home .container {
  max-width:1280px
}
.hap-headline h1,
.hap-headline h2,
.hap-headline h3,
.hap-headline h4,
.hap-headline h5,
.hap-headline h6 {
  margin-bottom:0;
  font-weight:400;
  line-height:1.143;
  font-family:var(--hap-heading)
}
.hap-section-title .sub-title {
  font-size:16px;
  font-weight:600;
  position:relative;
  padding-left:23px;
  margin-bottom:5px;
  display:inline-block
}
.hap-section-title .sub-title:before { content: none !important; display: none !important; }
.hap-section-title h2 {
  font-size:72px;
  font-weight:700;
  color:var(--hap-title-color)
}
.hap-section-title p,
.pt-5 {
  padding-top:5px
}
.hap-section-title.dark-bg-title p {
  color:#e1e1e1
}
.hap-btn a {
  color:#fff;
  font-size:17px;
  font-weight:500;
  padding:18px 30px;
  border-radius:40px;
  display:inline-block;
  -webkit-transition:.2s linear;
  transition:.2s linear;
  background:-webkit-gradient(linear,left top,right top,from(#6256ed),color-stop(50%,#f350bc),to(#6256ed));
  background:linear-gradient(90deg,#6256ed 0,#f350bc 50%,#6256ed);
  background-size:200%,1px
}
.hap-btn a i,
.hap-contact-form button i {
  margin-left:10px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.2s linear;
  transition:.2s linear
}
.hap-btn a:hover,
.hap-contact-form button:hover,
.inv-demo-page-item .inv-demo-preview-btn a:hover,
.inv-lan-header-section .inv-lan-header-btn a:hover {
  background-position:120%
}
.hap-btn a:hover i,
.hap-contact-form button:hover i,
.hap-portfolio-item:hover .project-text h3 a i,
.hap-service-item:hover .service-arrow a {
  -webkit-transform:rotate(0);
  transform:rotate(0)
}
.hap-header-section {
  left:0;
  top:28px;
  z-index:10;
  width:100%;
  position:absolute
}
.hap-header-section .hap-megamenu .hap-menu-btn-grp a:hover {
  padding:8px 10px!important;
  color:var(--base-color);
  background-color:#f7f7f7
}
.hap-header-section .dropdown-menu {
  left:0;
  top:65px;
  z-index:100;
  margin:0;
  padding:20px 0;
  height:auto;
  min-width:230px;
  display:block;
  border:none;
  border-radius:2px;
  position:absolute;
  opacity:0;
  background:#000;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  transform-origin:0 0 0;
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  -o-transform-origin:0 0 0;
  text-align:left;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.hap-header-section .dropdown-menu .dropdown-menu {
  top:30px;
  left:-100%;
  transform-origin:0 0 0;
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  -o-transform-origin:0 0 0;
  -webkit-transform:scaleY(0)!important;
  transform:scaleY(0)!important
}
.hap-header-section .dropdown-menu .dropdown-menu a {
  font-size:14px;
  font-weight:400;
  color:#fff
}
.hap-header-section .dropdown-menu a {
  width:100%;
  display:block!important;
  position:relative;
  padding:10px 30px!important;
  color:#fff!important;
  font-weight:600!important;
  font-size:17px!important
}
.hap-header-section .dropdown-menu a:hover {
  padding-left:40px!important;
  color:var(--hap-base-color)!important
}
.hap-header-section.sticky-on {
  top:0;
  width:100%;
  z-index:10;
  padding:0;
  position:fixed;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  background-color:#fff;
  -webkit-animation-name:slideInDown;
  animation-name:slideInDown;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  -webkit-box-shadow:0 4px 4px 0 rgba(100,109,152,.0588235294);
  box-shadow:0 4px 4px 0 rgba(100,109,152,.0588235294)
}
.hap-header-section.sticky-on .hap-header-menu-navigation {
  padding:30px 15px
}
.hap-header-top-area {
  color:#fff;
  margin:0 auto;
  padding:8px 70px;
  max-width:1145px;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  background:var(--hap-gradient-color)
}
.bg-default,
[data-overlay] {
  background-size:cover;
  background-position:center center
}
.hap-header-top-area .top-info-cta li {
  font-size:15px;
  font-weight:700;
  margin-right:40px
}
.hap-header-top-area .top-social-area a {
  font-size:15px;
  margin-left:30px
}
.hap-header-menu-navigation {
  padding:30px 60px;
  border-radius:100px;
  background-color:#fff
}
.hap-header-menu-navigation .main-navigation li {
  margin:0 15px
}
.hap-header-menu-navigation .main-navigation li a {
  color:#000;
  font-size:18px;
  display:initial;
  font-weight:500;
  padding-bottom:40px
}
.hap-blog-item .blog-text h3:hover,
.hap-contact-social a:hover,
.hap-footer-widget .menu-widget li a:hover,
.hap-header-menu-navigation .main-navigation li a.active,
.hap-header-menu-navigation .main-navigation li:hover a {
  color:var(--hap-base-color)
}
.hap-header-menu-navigation .hap-header-cta-btn-grp button {
  padding:0;
  color:#000;
  border:none;
  font-size:18px;
  margin-left:23px;
  background-color:transparent
}
.hap-header-menu-navigation .hap-header-cta-btn-grp .cart-btn span {
  top:3px;
  right:-10px;
  width:15px;
  height:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:#fff;
  font-size:9px;
  font-weight:800;
  position:absolute;
  border-radius:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:var(--hap-base-color)
}
.hap-banner-section:before {
  left:0;
  bottom:-50px;
  content:"";
  width:105%;
  height:110px;
  z-index:1;
  position:absolute;
  background-color:#fff;
  -webkit-transform:rotate(-3deg);
  transform:rotate(-3deg)
}
.hap-banner-content {
  padding:350px 0 335px
}
.hap-banner-content .hap-banner-text .hap-section-title p {
  max-width:510px
}
.hap-banner-content .hap-banner-image {
  right:0;
  top:240px
}
.hap-banner-content .hap-banner-image .hap-banner-img1 img,
.hap-banner-content .hap-banner-image .hap-banner-img2 img {
  border-radius:200px
}
.hap-banner-content .hap-banner-image .hap-banner-shape4 {
  left:0;
  top:38%;
  right:0;
  z-index:2;
  text-align:center
}
.hap-banner-content .hap-banner-image .hap-banner-shape1 {
  left:-75px;
  bottom:60px
}
.hap-banner-content .hap-banner-image .hap-banner-shape2 {
  left:-50px;
  bottom:-10px
}
.hap-banner-content .hap-banner-image .hap-banner-shape3 {
  right:-30px;
  bottom:-20px
}
.hap-sponsor-content {
  overflow:hidden;
  z-index:3;
  padding-left:75px;
  margin-top:-150px;
  border-radius:300px;
  background-color:#fff;
  -webkit-box-shadow:0 3px 60px 0 rgba(32,42,181,.11);
  box-shadow:0 3px 60px 0 rgba(32,42,181,.11)
}
.hap-sponsor-content .hap-section-title {
  max-width:250px;
  padding-top:45px
}
.hap-sponsor-content .hap-section-title h2 {
  font-size:35px
}
.hap-sponsor-logo-area .sponsor-logo {
  width:20%;
  height:100px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:0 15px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-bottom:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1
}
.hap-sponsor-logo-area .sponsor-logo img {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:.5s;
  transition:.5s
}
.hap-about-section {
  overflow:hidden;
  padding:270px 0 120px
}
.hap-about-img-area {
  z-index:1;
  bottom:0;
  left:-125px
}
.hap-about-img-area .about-shape1 {
  top:50%;
  left:-30%;
  z-index:-1;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.hap-about-img-area .about-shape2 {
  top:100px;
  right:0
}
.hap-about-img-area .about-exp {
  right:-10px;
  bottom:-20px;
  width:165px;
  height:140px;
  padding:20px;
  border-radius:20px;
  background:var(--hap-gradient-color)
}
.hap-about-img-area .about-exp h3 {
  color:#fff;
  line-height:1;
  font-size:55px;
  font-weight:700
}
.hap-about-img-area .about-exp span {
  color:#fff;
  font-size:20px;
  font-weight:700;
  max-width:103px;
  line-height:1.2;
  display:inline-block
}
.hap-about-text-area {
  max-width:760px
}
.hap-about-text-area .hap-section-title p {
  max-width:600px
}
.hap-about-feature-area {
  margin-top:40px;
  max-width:700px
}
.hap-about-feature-area:before {
  top:36%;
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  background-color:#eee;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.hap-about-feature-area:after {
  top:0;
  left:44%;
  content:"";
  width:1px;
  height:165px;
  position:absolute;
  background-color:#eee
}
.hap-about-feature-item {
  width:50%;
  margin-bottom:50px
}
.hap-about-feature-item .feature-icon i {
  color:#000;
  font-size:45px
}
.hap-about-feature-item .feature-text h3 {
  font-size:20px;
  font-weight:700;
  max-width:200px;
  color:var(--title-color)
}
.hap-service-section {
  z-index:1;
  overflow:hidden;
  padding:170px 0 120px
}
.hap-service-section:after,
.hap-service-section:before {
  left:0;
  top:-50px;
  content:"";
  width:105%;
  height:110px;
  z-index:1;
  position:absolute;
  background-color:#fff;
  -webkit-transform:rotate(2deg);
  transform:rotate(2deg)
}
.hap-service-section:after {
  top:auto;
  bottom:-60px;
  height:330px
}
.hap-service-content,
.pt-90 {
  padding-top:90px
}
.hap-service-item {
  margin-bottom:50px;
  padding-bottom:35px
}
.hap-service-item:after,
.hap-service-item:before {
  left:0;
  bottom:0;
  height:2px;
  width:100%;
  z-index:-2;
  content:"";
  position:absolute;
  background:#373737
}
.hap-service-item:after {
  width:0%;
  -webkit-transition:1.5s;
  transition:1.5s;
  background:var(--hap-gradient-color)
}
.bg-default,
[data-overlay] {
  background-repeat:no-repeat
}
.hap-service-item .service-hover {
  width:200px;
  height:270px;
  position:absolute;
  top:50%;
  left:30%;
  -webkit-transform:translateY(-50%) rotate(0);
  transform:translateY(-50%) rotate(0);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position-x:75%;
  opacity:0;
  -webkit-transition:opacity .3s,-webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
  transition:opacity .3s,transform .7s cubic-bezier(.23, 1, .32, 1),-webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
  overflow:hidden;
  pointer-events:none;
  z-index:-1
}
.hap-service-item .service-icon i {
  font-size:50px;
  background:var(--hap-gradient-color);
  background-size:100% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  color:#fff;
  -webkit-transition:color .1s ease-in-out;
  transition:color .1s ease-in-out
}
.hap-service-item .service-title h3 {
  z-index:1;
  font-size:55px;
  font-weight:700;
  background:var(--hap-gradient-color);
  background-size:100% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  color:#fff
}
.hap-service-item .service-title span {
  font-size:18px;
  font-weight:300;
  background:var(--hap-gradient-color);
  background-size:100% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  color:#fff;
  -webkit-transition:color .1s ease-in-out;
  transition:color .1s ease-in-out
}
.hap-service-item .service-category a {
  z-index:1;
  color:#fff;
  font-size:17px;
  margin:0 8px;
  font-weight:300;
  padding:10px 20px;
  position:relative;
  border-radius:30px;
  display:inline-block;
  border:1px solid #fff
}
.hap-service-item .service-category a:before {
  top:0;
  left:0;
  bottom:0;
  width:0%;
  z-index:-1;
  content:"";
  height:100%;
  position:absolute;
  border-radius:30px;
  background:var(--hap-gradient-color);
  -webkit-transition:.5s;
  transition:.5s
}
.hap-service-item .service-category a:hover {
  border:1px solid var(--hap-base-color)
}
.hap-service-item .service-arrow,
.ml-90 {
  margin-left:90px
}
.hap-service-item .service-arrow a {
  color:#fff;
  font-size:50px;
  display:inline-block;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.hap-service-item:hover:after {
  opacity:1;
  width:100%;
  visibility:visible
}
.hap-service-item:hover .service-icon i,
.hap-service-item:hover .service-title h3,
.hap-service-item:hover .service-title span {
  color:transparent
}
.hap-service-item:hover .service-hover {
  opacity:1;
  -webkit-transition-delay:0.4s;
  transition-delay:0.4s;
  -webkit-transform:translateY(-50%) rotate(-5deg);
  transform:translateY(-50%) rotate(-5deg)
}
.hap-service-item.active:nth-child(odd):after {
  left:auto;
  right:0
}
.hap-service-item.active:nth-child(2n):after {
  left:0;
  right:auto
}
.hap-service-scroll-text-area {
  z-index:2;
  padding:70px;
  margin-top:125px;
  position:relative;
  border-radius:20px;
  background-color:#000
}
.hap-service-scroll-text-area h2 {
  color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:80px;
  font-weight:700;
  white-space:nowrap
}
.hap-service-scroll-text-area h2 .strock_txt {
  color:#fff;
  margin:0 15px;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff
}
.hap-service-scroll-text-area h2 .scroller_item_1 {
  width:340px;
  height:60px;
  margin:0 15px;
  overflow:hidden;
  border-radius:60px;
  background:var(--hap-gradient-color)
}
.hap-service-scroll-text-area h2 .scroller_item_1.text_scroller_2 {
  width:315px
}
.hap-service-scroll-text-area h2 .scroller_item_1.text_scroller_3 {
  width:630px
}
.hap-service-scroll-text-area h2 .scroller_item_1 li {
  top:-33px;
  color:#fff;
  font-size:20px;
  font-weight:700;
  padding-left:25px;
  position:relative
}
.hap-pricing-section {
  z-index:2;
  overflow:hidden;
  padding-bottom:120px
}
.hap-pricing-tab-btn {
  margin-top:22px
}
.hap-pricing-tab-btn .nav-tabs .nav-item.show .nav-link,
.hap-pricing-tab-btn .nav-tabs .nav-link,
.hap-pricing-tab-btn .nav-tabs .nav-link.active {
  border:none;
  padding-top:0;
  padding-right:0;
  border-radius:0;
  margin-bottom:0;
  cursor:pointer;
  background-color:transparent
}
.hap-pricing-tab-btn .nav-tabs .nav-link {
  padding:0 0 8px;
  color:#151f35;
  font-size:17px;
  cursor:pointer;
  font-weight:600;
  margin:0 30px;
  position:relative
}
.hap-pricing-tab-btn .nav-tabs .nav-link:before {
  left:0;
  right:0;
  bottom:0;
  width:0%;
  height:4px;
  content:"";
  margin:0 auto;
  position:absolute;
  border-radius:4px;
  -webkit-transition:.5s;
  transition:.5s;
  background:var(--hap-gradient-color)
}
.hap-pricing-tab-img-price .price-img {
  z-index:1;
  overflow:hidden;
  border-radius:30px
}
.hap-pricing-tab-img-price .price-img:before {
  width:100%;
  content:"";
  z-index:-1;
  height:100%;
  position:absolute;
  background-color:rgba(0,0,0,.95)
}
.hap-pricing-tab-img-price .plan-price-title {
  left:45px;
  z-index:2;
  bottom:30px
}
.hap-pricing-tab-img-price .plan-price-title .plan-price {
  color:#fff;
  width:122px;
  height:122px;
  margin-right:45px;
  border-radius:100%;
  background:var(--hap-gradient-color)
}
.hap-pricing-tab-img-price .plan-price-title .plan-price h4 {
  width:100%;
  line-height:1;
  font-size:26px;
  font-weight:700
}
.hap-pricing-tab-img-price .plan-price-title .plan-price span {
  color:#fff;
  width:100%;
  font-size:14px;
  font-weight:600
}
.hap-pricing-tab-img-price .plan-price-title .price-plan-title h3 {
  color:#fff;
  font-size:32px;
  font-weight:700
}
.hap-pricing-list-area {
  margin-left:25px;
  border-radius:20px;
  padding:70px 65px 60px;
  background-color:#fff;
  -webkit-box-shadow:0 1px 120px 0 rgba(35,31,32,.17);
  box-shadow:0 1px 120px 0 rgba(35,31,32,.17)
}
.hap-pricing-list-area ul:before {
  top:-5px;
  left:6px;
  width:1px;
  content:"";
  height:106%;
  position:absolute;
  background-color:#c5d7e3
}
.hap-pricing-list-area li {
  color:#151f35;
  font-size:20px;
  font-weight:700;
  padding-left:35px;
  margin-bottom:30px;
  position:relative
}
.hap-pricing-list-area li:before {
  left:0;
  top:8px;
  width:13px;
  height:13px;
  content:"";
  position:absolute;
  border-radius:100%;
  background:var(--hap-gradient-color)
}
.hap-skill-faq-section {
  z-index:1;
  overflow:hidden;
  padding:140px 0 120px
}
.hap-skill-faq-section .hap-section-title {
  max-width:870px
}
.hap-skill-faq-section:after,
.hap-skill-faq-section:before,
.hap-team-section:after,
.hap-team-section:before,
.hap-testimonial-section:after,
.hap-testimonial-section:before {
  left:0;
  top:-70px;
  content:"";
  width:105%;
  height:110px;
  z-index:1;
  position:absolute;
  background-color:#fff;
  -webkit-transform:rotate(-2deg);
  transform:rotate(-2deg)
}
.hap-skill-faq-section:after {
  top:auto;
  bottom:-70px
}
.hap-skill-content {
  padding:50px 0 100px
}
.hap-skill-progress-item {
  margin-bottom:35px;
  padding-bottom:40px;
  border-bottom:1px solid #373737
}
.hap-skill-progress-item .skill-icon {
  width:110px;
  height:110px;
  margin-right:35px;
  border-radius:100%;
  background-color:#000
}
.hap-skill-progress-item .skill-text {
  max-width:365px
}
.hap-skill-progress-item .skill-text h3 {
  color:#fff;
  font-size:20px;
  font-weight:700;
  padding-bottom:15px
}
.hap-skill-progress-item .skill-set-percent .progress {
  height:10px;
  border-radius:30px;
  position:relative;
  overflow:visible;
  background-color:#383535
}
.hap-skill-progress-item .skill-set-percent .progress span {
  top:-3px;
  right:25px;
  color:#fff;
  font-size:12px;
  font-weight:600;
  position:relative
}
.hap-skill-progress-item .skill-set-percent .progress-bar {
  width:0;
  left:0;
  top:0;
  float:left;
  height:100%;
  position:relative;
  border-radius:30px;
  -webkit-transition:1s ease-in-out;
  transition:1s ease-in-out;
  background:var(--hap-gradient-color)
}
.hap-skill-img {
  overflow:hidden;
  margin-left:60px;
  border-radius:30px;
  display:inline-block
}
.hap-faq-img-wrapper {
  margin-right:40px;
  padding-bottom:70px
}
.hap-portfolio-section,
.hap-team-section,
.hap-topic-section {
  padding:120px 0;
  overflow:hidden
}
.hap-faq-img-wrapper .hap-faq-img1 {
  overflow:hidden;
  border-radius:25px
}
.hap-faq-img-wrapper .hap-faq-img2 {
  left:0;
  bottom:0;
  overflow:hidden;
  border-radius:25px
}
.hap-faq-accordion-area .hap-section-title h2 {
  font-size:65px
}
.hap-faq-accordion-area .accordion-item {
  border:none;
  overflow:hidden;
  border-radius:0;
  position:relative;
  margin-bottom:10px;
  padding:10px 0 25px;
  background-color:transparent;
  -webkit-transition:.5s;
  transition:.5s;
  border-bottom:1px solid #373737
}
.hap-faq-accordion-area .accordion-button {
  color:#fff;
  font-size:21px;
  font-weight:700;
  position:relative;
  padding:5px 0 0;
  font-family:var(--hap-heading);
  background-color:transparent
}
.hap-faq-accordion-area .accordion-body {
  padding:15px 0 0;
  color:#bac1d4;
  font-size:19px;
  line-height:30px;
  -webkit-transition:.5s;
  transition:.5s
}
.hap-faq-accordion-area .accordion-button::after {
  right:5px;
  content:"\f067";
  font-weight:300;
  position:absolute;
  border-radius:100%;
  background-image:none;
  color:#fff;
  font-family:"Font Awesome 5 Brands"
}
.hap-faq-accordion-area .accordion-button:not(.collapsed):after {
  content:"\f067";
  color:var(--base-color)
}
.hap-portfolio-item {
  margin:0 auto 20px
}
.hap-portfolio-item .project-img img {
  width:100%;
  overflow:hidden;
  border-radius:10px;
  -webkit-transition:.5s;
  transition:.5s
}
.hap-portfolio-item .project-text {
  margin-top:-6px
}
.hap-portfolio-item .project-text h3 a {
  z-index:1;
  color:#000;
  display:block;
  font-size:21px;
  font-weight:700;
  position:relative;
  padding:23px 0 20px
}
.hap-portfolio-item .project-text h3 a i {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:.1s;
  transition:.1s
}
.hap-portfolio-item .project-text h3 a:before,
.hap-team-item .team-img:before {
  z-index:-1;
  width:100%;
  -webkit-transition:.5s;
  left:0;
  content:"";
  position:absolute
}
.hap-portfolio-item .project-text h3 a:before {
  top:0;
  height:0%;
  transition:.5s;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  background:var(--hap-gradient-color)
}
.hap-portfolio-item:hover .project-text h3 a {
  color:#fff;
  padding:23px 30px 20px
}
.hap-team-section {
  z-index:1
}
.hap-team-section:after {
  z-index:-1;
  top:auto;
  height:30%;
  bottom:-70px
}
.hap-team-item {
  margin:0 auto;
  max-width:400px
}
.hap-team-item .team-img {
  z-index:1;
  overflow:hidden;
  border-bottom-left-radius:180px;
  border-bottom-right-radius:180px
}
.hap-team-item .team-img:before {
  bottom:0;
  height:495px;
  background-color:#fff;
  border-top-left-radius:180px;
  border-top-right-radius:180px;
  border:2px solid transparent;
  transition:.5s
}
.hap-team-item .team-text h3 a,
.hap-team-item .team-text span {
  position:relative;
  visibility:hidden;
  border-radius:30px;
  display:inline-block;
  opacity:0
}
.hap-team-item .team-text {
  left:0;
  right:0;
  bottom:55px;
  margin:0 auto
}
.hap-team-item .team-text h3 a {
  z-index:2;
  color:#fff;
  font-size:20px;
  font-weight:700;
  padding:18px 23px;
  background:var(--hap-gradient-color);
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
.hap-team-item .team-text span {
  z-index:1;
  color:#000;
  font-size:14px;
  margin-top:-5px;
  padding:14px 18px;
  background-color:#fff;
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  -webkit-transition:.5s;
  transition:.5s
}
.hap-team-item:hover .team-img:before {
  border:2px solid var(--hap-base-color)
}
.hap-carousel-arrow-next-prev .hap-slider-arrow {
  z-index:1;
  top:50%;
  color:#000;
  font-size:30px;
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.hap-carousel-arrow-next-prev .hap-slider-arrow:after,
.hap-carousel-arrow-next-prev .hap-slider-arrow:before {
  width:45px;
  content:"";
  height:45px;
  z-index:-1;
  border-radius:100%;
  position:absolute;
  background-color:#fff;
  -webkit-transition:.5s;
  transition:.5s
}
.hap-carousel-arrow-next-prev .hap-slider-arrow:after {
  -webkit-transform:scale(0);
  transform:scale(0);
  background:var(--hap-gradient-color)
}
.hap-carousel-arrow-next-prev .hap-slider-arrow.hap-team-button-prev:after,
.hap-carousel-arrow-next-prev .hap-slider-arrow.hap-team-button-prev:before,
.hap-testimonial-content .hap-testimonial-button-prev:after,
.hap-testimonial-content .hap-testimonial-button-prev:before {
  left:10px
}
.hap-carousel-arrow-next-prev .hap-slider-arrow.hap-team-button-next:after,
.hap-carousel-arrow-next-prev .hap-slider-arrow.hap-team-button-next:before,
.hap-testimonial-content .hap-testimonial-button-next:after,
.hap-testimonial-content .hap-testimonial-button-next:before {
  right:10px
}
.hap-team-slider-content .hap-carousel-arrow-next-prev .hap-team-button-prev {
  left:-70px
}
.hap-team-slider-content .hap-carousel-arrow-next-prev .hap-team-button-next {
  right:-70px
}
.bi-team-feed-section {
  background-color:#f7f7f7
}
.hap-counter-section {
  z-index:2;
  overflow:hidden;
  padding-bottom:80px
}
.hap-counter-item:before {
  top:50%;
  right:20px;
  content:"\f067";
  font-weight:900;
  position:absolute;
  font-family:"Font Awesome 5 Brands";
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.hap-counter-item h3 {
  line-height:1;
  color:#000;
  font-size:120px;
  font-weight:700;
  padding-bottom:5px
}
.hap-counter-item p {
  color:#323131;
  font-size:18px
}
.hap-testimonial-section {
  z-index:1;
  overflow:hidden;
  padding:140px 0;
  background-color:#f2f4f4
}
.hap-testimonial-section:after {
  z-index:-1;
  top:auto;
  bottom:-70px
}
.hap-testimonial-item .testimoial-img {
  z-index:2;
  width:168px;
  height:168px;
  margin-right:15px
}
.hap-testimonial-item .testimoial-img:before {
  top:50%;
  width:0;
  content:"";
  height:2px;
  right:-42px;
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:var(--hap-gradient-color);
  -webkit-transition:.5s;
  transition:.5s
}
.hap-testimonial-item .testimoial-img:after {
  left:3px;
  top:0;
  width:97%;
  z-index:-1;
  opacity:0;
  content:"";
  height:109%;
  position:absolute;
  visibility:visible;
  border-radius:400px;
  background:var(--hap-gradient-color);
  -webkit-transition:.8s;
  transition:.8s
}
.hap-testimonial-item .testimoial-img img {
  border-radius:100%
}
.hap-testimonial-item .testimoial-text-author {
  z-index:1;
  max-width:810px;
  padding:80px 125px;
  border-radius:400px
}
.hap-testimonial-item .testimoial-text-author:after,
.hap-testimonial-item .testimoial-text-author:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  content:"";
  height:100%;
  position:absolute;
  border-radius:400px;
  background:var(--hap-gradient-color)
}
.hap-testimonial-item .testimoial-text-author:after {
  background-color:#fff;
  -webkit-box-shadow:0 9px 68px 0 rgba(0,0,0,.06);
  box-shadow:0 9px 68px 0 rgba(0,0,0,.06);
  background-image:url(../img/tst-item-bg.png);
  -webkit-transition:.7s;
  transition:.7s
}
.hap-testimonial-item .testimoial-text-author .testimonial-desc {
  color:#0d0d0d;
  font-size:24px;
  margin-bottom:28px
}
.hap-testimonial-item .testimoial-text-author .testimonial-author h3 {
  font-size:20px;
  font-weight:700;
  padding-bottom:5px;
  color:var(--hap-base-color)
}
.hap-testimonial-slider {
  margin:0 auto;
  max-width:995px
}
.hap-testimonial-slider .swiper-slide-active .hap-testimonial-item .testimoial-img:before {
  width:65px;
  -webkit-transition-delay:1s;
  transition-delay:1s
}
.hap-testimonial-slider .swiper-slide-active .hap-testimonial-item .testimoial-img:after {
  top:-7px;
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.7s;
  transition-delay:0.7s
}
.hap-testimonial-slider .swiper-slide-active .hap-testimonial-item .testimoial-text-author:after {
  -webkit-transition-delay:0.5s;
  transition-delay:0.5s;
  -webkit-transform:rotate(-4.5deg);
  transform:rotate(-4.5deg)
}
.hap-testimonial-content .hap-testimonial-button-prev {
  left:15px
}
.hap-testimonial-content .hap-testimonial-button-next {
  right:15px
}
.hap-blog-section {
  z-index:2;
  overflow:hidden;
  padding:110px 0 80px
}
.hap-blog-item {
  margin:0 auto 30px;
  max-width:402px
}
.bi-team-details-text-content .bi-team-details-info,
.bi-testimonial-feed-item .testimonial-ratting,
.hap-blog-item .blog-img-meta,
.hpt-faq-1-section-title .hpt-title-1,
.hpt-hero-2-social li:not(:last-child),
.mb-25 {
  margin-bottom:25px
}
.hap-blog-item .blog-img-meta .blog-img {
  max-width:380px;
  overflow:hidden;
  border-radius:10px
}
.hap-blog-item .blog-img-meta .blog-meta {
  right:0;
  top:35px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  padding:25px 15px;
  border-radius:30px;
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
  background:var(--hap-gradient-color)
}
.hap-blog-item .blog-text {
  max-width:325px
}
.hap-blog-item .blog-text h3 {
  color:#070707;
  font-size:24px;
  font-weight:700
}
.hap-contact-section {
  overflow:hidden;
  padding:140px 0
}
.hap-contact-form {
  max-width:550px
}
.hap-contact-form .hap-contact-select {
  position:relative;
  -webkit-appearance:none
}
.hap-contact-form .hap-contact-select:before {
  top:12px;
  right:15px;
  width:34px;
  height:34px;
  color:#000;
  font-weight:900;
  content:"\f0d7";
  line-height:34px;
  text-align:center;
  position:absolute;
  border-radius:100%;
  font-family:"Font Awesome 5 Brands";
  background-color:#d1eeff
}
.hap-contact-form input,
.hap-contact-form select,
.hap-contact-form textarea {
  width:100%;
  height:62px;
  color:#000;
  padding-left:20px;
  margin-bottom:18px;
  border-radius:40px;
  background-color:#fff;
  -webkit-appearance:none
}
.hap-contact-form input::-webkit-input-placeholder,
.hap-contact-form select::-webkit-input-placeholder,
.hap-contact-form textarea::-webkit-input-placeholder {
  font-size:17px;
  color:#9fa4af
}
.hap-contact-form input::-moz-placeholder,
.hap-contact-form select::-moz-placeholder,
.hap-contact-form textarea::-moz-placeholder {
  font-size:17px;
  color:#9fa4af
}
.hap-contact-form input:-ms-input-placeholder,
.hap-contact-form select:-ms-input-placeholder,
.hap-contact-form textarea:-ms-input-placeholder {
  font-size:17px;
  color:#9fa4af
}
.hap-contact-form input::-ms-input-placeholder,
.hap-contact-form select::-ms-input-placeholder,
.hap-contact-form textarea::-ms-input-placeholder {
  font-size:17px;
  color:#9fa4af
}
.hap-contact-form input::placeholder,
.hap-contact-form select::placeholder,
.hap-contact-form textarea::placeholder {
  font-size:17px;
  color:#9fa4af
}
.hap-contact-form textarea {
  height:140px;
  padding-top:15px
}
.hap-contact-form button {
  color:#fff;
  width:100%;
  height:62px;
  border:none;
  font-weight:700;
  font-size:17px;
  border-radius:40px;
  text-transform:uppercase;
  -webkit-transition:.2s linear;
  transition:.2s linear;
  background:-webkit-gradient(linear,left top,right top,from(#6256ed),color-stop(50%,#f350bc),to(#6256ed));
  background:linear-gradient(90deg,#6256ed 0,#f350bc 50%,#6256ed);
  background-size:200%,1px
}
.hap-contact-text-area,
.pt-20 {
  padding-top:20px
}
.hap-contact-social,
.inv-lan-testimonial-item .testimonial-author,
.mt-35 {
  margin-top:35px
}
.hap-contact-social a {
  color:#fff;
  font-weight:700;
  margin-right:40px
}
.hap-topic-section .hap-section-title {
  max-width:850px
}
.hap-topic-item {
  width:188px;
  height:235px;
  margin:0 15px;
  padding:45px 15px;
  border-radius:100px;
  border:2px solid #efefef;
  -webkit-transition:.5s;
  transition:.5s
}
.hap-topic-item .inner-text a {
  font-size:20px;
  font-weight:700;
  display:inline-block
}
.hap-topic-item:hover,
.inv-lan-feature-item:hover,
.inv-lan-keyfeature-item:hover {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
}
.hap-gallery-item,
.hpt-hero-1-slider {
  overflow:hidden;
  position:relative
}
.hap-gallery-item:after {
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  -webkit-transform:scale(.5);
  transform:scale(.5);
  -webkit-transition:.5s;
  transition:.5s;
  background-color:rgba(0,0,0,.5)
}
.hap-gallery-item .overlay-box {
  left:0;
  right:0;
  top:40%;
  z-index:2;
  color:#fff;
  opacity:0;
  width:40px;
  height:40px;
  font-size:16px;
  margin:0 auto;
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.5s;
  transition:.5s;
  background-color:var(--hap-base-color)
}
.hap-gallery-item:hover:after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.bi-career-feed-section,
.hap-footer-content {
  padding:100px 0
}
.hap-footer-widget .widget-title {
  color:#fff;
  font-size:20px;
  font-weight:700;
  position:relative;
  display:inline-block;
  margin-bottom:38px
}
.hap-footer-widget .widget-title:before {
  bottom:0;
  height:1px;
  content:"";
  width:100%;
  position:absolute;
  background-color:#fff
}
.hap-footer-widget .logo-widget p {
  color:#7f7f7f;
  font-size:17px;
  max-width:340px;
  padding:20px 0 30px
}
.hap-footer-widget .logo-cta li {
  color:#fff;
  font-size:15px;
  margin-bottom:10px
}
.hap-footer-widget .logo-cta li i {
  width:20px;
  margin-right:8px;
  display:inline-block
}
.hap-footer-widget .hap-contact-social,
.hap-footer-widget .tranding-service,
.mt-25 {
  margin-top:25px
}
.bi-team-details-text-content,
.hap-footer-widget .menu-widget,
.pl-20 {
  padding-left:20px
}
.hap-footer-widget .menu-widget li {
  position:relative;
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid #2b2b2b
}
.hap-footer-widget .menu-widget li:last-child {
  border:none;
  margin-bottom:0;
  padding-bottom:0
}
.hap-footer-widget .menu-widget li a {
  color:#e6eedd;
  font-size:16px;
  font-weight:600
}
.hap-footer-widget .newslatter-widget,
.pl-10 {
  padding-left:10px
}
.hap-footer-widget .newslatter-widget p {
  color:#7f7f7f;
  font-size:15px;
  padding-bottom:18px
}
.hap-footer-widget .newslatter-widget form input {
  width:100%;
  height:64px;
  border:none;
  padding-left:20px;
  border-radius:30px;
  background-color:#262626
}
.hap-footer-widget .newslatter-widget form input::-webkit-input-placeholder {
  font-size:14px;
  color:#7f7f7f
}
.hap-footer-widget .newslatter-widget form input::-moz-placeholder {
  font-size:14px;
  color:#7f7f7f
}
.hap-footer-widget .newslatter-widget form input:-ms-input-placeholder {
  font-size:14px;
  color:#7f7f7f
}
.hap-footer-widget .newslatter-widget form input::-ms-input-placeholder {
  font-size:14px;
  color:#7f7f7f
}
.hap-footer-widget .newslatter-widget form input::placeholder {
  font-size:14px;
  color:#7f7f7f
}
.hap-footer-widget .newslatter-widget form button {
  top:7px;
  right:7px;
  color:#fff;
  width:66px;
  height:53px;
  border:none;
  position:absolute;
  border-radius:30px;
  background:var(--hap-gradient-color)
}
.hap-footer-widget .tranding-service h4 {
  color:#fff;
  font-size:20px;
  font-weight:700;
  padding-bottom:10px
}
.hap-footer-widget .tranding-service ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow:hidden;
  border-radius:30px
}
.hap-footer-widget .tranding-service li a {
  width:100px;
  height:100px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.hap-footer-widget .tranding-service li:first-child a {
  background-color:#ab003a
}
.hap-footer-widget .tranding-service li:nth-child(2) a {
  background-color:#d44823
}
.hap-footer-widget .tranding-service li:nth-child(3) a {
  background-color:#ffc107
}
.hap-footer-widget .tranding-service li:nth-child(4) a {
  background-color:#5adafd
}
.hap-footer-copyright {
  color:#fff;
  font-size:15px;
  padding:10px 15px;
  background-color:#151515
}
@media screen and (max-width:1500px) {
  .hap-about-img-area {
    left:0
  }
  .hap-about-text-area {
    max-width:650px
  }
  .hap-team-slider-content .hap-carousel-arrow-next-prev,
  .hap-testimonial-content .hap-carousel-arrow-next-prev {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:50px
  }
  .hap-team-slider-content .hap-carousel-arrow-next-prev .hap-team-button-next,
  .hap-team-slider-content .hap-carousel-arrow-next-prev .hap-team-button-prev,
  .hap-testimonial-content .hap-testimonial-button-next,
  .hap-testimonial-content .hap-testimonial-button-prev {
    width:50px;
    color:#fff;
    height:50px;
    position:static;
    margin:0 10px;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    background-color:var(--hap-base-color)
  }
  .hap-carousel-arrow-next-prev .hap-slider-arrow:after,
  .hap-carousel-arrow-next-prev .hap-slider-arrow:before {
    display:none
  }
}
@media screen and (max-width:1300px) {
  .hap-banner-content .hap-banner-image {
    right:-50px
  }
  .bi-main-slide-item .bi-slide-text-area h1 {
    font-size:90px
  }
  .bi-main-slide-item .bi-slide-text-area h2 {
    font-size:70px
  }
  .bi-service-list-item a {
    font-size:60px
  }
  .bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info {
    display:none!important
  }
  .bi-footer-cta-content-2 .bi-footer-newslatter-form span {
    margin-right:20px
  }
  .bi-sponsor-section-3 .sponsor-bg {
    top:-105px
  }
  .bi-career-feed-item .inner-img-text {
    padding-bottom:15px
  }
}
@media screen and (max-width:1250px) {
  .bi-about-img-wrapper4 .about-circle-shape,
  .bi-portfolio-section-4 .bi-title-waterprint,
  .bi-testimonial-section-4 .bi-title-waterprint,
  .bi-title-waterprint {
    display:none
  }
  .bi-about-text-4 .bi-section-title-4 {
    max-width:650px
  }
  .bi-section-title-4 h2 {
    font-size:50px
  }
  .bi-about-btn-cta {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing1 {
    left:-80%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing3 {
    left:-75%
  }
  .bi-counter-section-4 .counter-landing.bi-counter-landing2 {
    left:-90%
  }
  .bi-header-section.header-style-four.sticky-on {
    max-width:80%
  }
  .bi-header-main-navigation .main-navigation li {
    margin:0 18px
  }
  .bi-header-section .bi-header-cta-btn-grp .offcanves-btn {
    margin-left:20px
  }
  .bi-header-section .bi-header-cta-btn-grp button {
    margin-left:10px
  }
  .bi-header-section .bi-header-cta-btn-grp {
    margin-left:15px
  }
  .bi-main-slider-next-prev .bi-main-slider-arrow-4 {
    bottom:20px
  }
  .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
    right:15px
  }
  .bi-team-item-4 .team-text h3 {
    font-size:28px
  }
  .hap-banner-content .hap-banner-image {
    right:-70px
  }
  .hap-section-title h2 {
    font-size:60px
  }
  .hap-about-text-area {
    max-width:550px
  }
  .hap-service-scroll-text-area h2 {
    font-size:65px
  }
  .hap-service-scroll-text-area h2 .scroller_item_1 li {
    top:-20px
  }
  .hap-service-scroll-text-area h2 .scroller_item_1.text_scroller_3 {
    max-width:600px
  }
}
@media screen and (max-width:1150px) {
  .hap-pricing-list-area {
    padding:50px 40px 45px
  }
  .hap-faq-accordion-area .hap-section-title h2 {
    font-size:60px
  }
  .hap-topic-item .inner-text a {
    font-size:18px
  }
  .hap-topic-item {
    margin:0 10px
  }
  .hap-banner-content .hap-banner-image {
    right:-210px
  }
  .hap-sponsor-content .hap-section-title h2 {
    font-size:25px
  }
  .hap-about-img-area {
    margin:0 auto 50px;
    max-width:500px;
    position:relative!important
  }
  .hap-about-text-wrapper {
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
  }
  .hap-about-section {
    padding-top:120px
  }
  .hap-counter-item h3 {
    font-size:80px
  }
}
.home-6 {
  font-family:Inter,sans-serif;
  font-weight:400;
  font-style:normal;
  color:var(--clr-body-text);
  font-size:18px;
  line-height:1.6
}
.home-6 .img,
.home-6 img {
  max-width:100%;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.home-6 .button:focus,
.home-6 a:focus {
  text-decoration:none;
  outline:0
}
.home-6 a:focus,
.home-6 a:hover {
  color:inherit;
  text-decoration:none
}
.home-6 a,
.home-6 button {
  color:inherit;
  outline:0;
  text-decoration:none
}
.home-6 button:focus,
.home-6 input:focus,
.home-6 textarea,
.home-6 textarea:focus {
  outline:0
}
.uppercase {
  text-transform:uppercase
}
.reveal-type,
.reveal-type-2 {
  text-transform:lowercase!important
}
.home-6 .capitalize,
.hpt-offer-1-section-title .left .hpt-title-1 {
  text-transform:capitalize
}
.home-6 h1,
.home-6 h2,
.home-6 h3,
.home-6 h4,
.home-6 h5,
.home-6 h6 {
  font-family:"Recoleta Alt";
  color:var(--clr-body-heading);
  margin-top:0;
  line-height:1.12;
  font-weight:700;
  text-transform:capitalize
}
.home-6 h1 a,
.home-6 h2 a,
.home-6 h3 a,
.home-6 h4 a,
.home-6 h5 a,
.home-6 h6 a {
  color:inherit
}
.home-6 h1 {
  font-size:80px
}
.home-6 h2 {
  font-size:62px
}
.home-6 h3 {
  font-size:32px
}
.home-6 h4 {
  font-size:26px
}
.home-6 h5,
.scroll-top {
  font-size:20px
}
.home-6 ul {
  margin:0;
  padding:0
}
.home-6 p {
  font-family:Inter,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:27px;
  color:var(--clr-body-text)
}
.home-6 hr {
  border-bottom:1px solid var(--clr-bg-gray-3);
  border-top:0;
  padding:0;
  opacity:1
}
.home-6 label {
  color:var(--clr-common-black);
  cursor:pointer;
  font-size:14px;
  font-weight:400
}
.home-6 ::-moz-selection {
  background-color:var(--clr-theme-primary);
  color:var(--clr-common-white);
  text-shadow:none
}
.home-6::-moz-selection {
  background-color:var(--clr-theme-primary);
  color:var(--clr-common-white);
  text-shadow:none
}
.home-6::selection {
  background-color:var(--clr-theme-primary);
  color:var(--clr-common-white);
  text-shadow:none
}
.home-6 input::-webkit-input-placeholder {
  color:var(--clr-body-text);
  font-size:16px;
  opacity:1;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
.home-6 input::-moz-placeholder {
  color:var(--clr-body-text);
  font-size:16px;
  opacity:1;
  -webkit-transition:.5s linear;
  -moz-transition:.5s linear;
  transition:.5s linear
}
.home-6 input:-ms-input-placeholder {
  color:var(--clr-body-text);
  font-size:16px;
  opacity:1;
  -webkit-transition:.5s linear;
  -ms-transition:.5s linear;
  transition:.5s linear
}
.home-6 textarea::-webkit-input-placeholder {
  color:var(--clr-body-text);
  font-size:16px;
  opacity:1;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
.home-6 textarea::-moz-placeholder {
  color:var(--clr-body-text);
  font-size:16px;
  opacity:1;
  -webkit-transition:.5s linear;
  -moz-transition:.5s linear;
  transition:.5s linear
}
.home-6 textarea:-ms-input-placeholder {
  color:var(--clr-body-text);
  font-size:16px;
  opacity:1;
  -webkit-transition:.5s linear;
  -ms-transition:.5s linear;
  transition:.5s linear
}
.home-6 input:focus::-webkit-input-placeholder,
.home-6 textarea:focus::-webkit-input-placeholder {
  opacity:0
}
.home-6 input:focus::-moz-placeholder,
.home-6 textarea:focus::-moz-placeholder {
  opacity:0
}
.home-6 input:focus:-ms-input-placeholder,
.home-6 textarea:focus:-ms-input-placeholder {
  opacity:0
}
.home-6 input:focus::-ms-input-placeholder,
.home-6 textarea:focus::-ms-input-placeholder {
  opacity:0
}
.home-6 input:focus::placeholder,
.home-6 textarea:focus::placeholder {
  opacity:0
}
.home-6::-webkit-scrollbar {
  width:8px;
  background-color:transparent;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none
}
.home-6::-webkit-scrollbar-track {
  background:0 0;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none
}
.home-6::-webkit-scrollbar-thumb {
  background:var(--linear,linear-gradient(180deg,#e02626 0,#f0831f 100%));
  border-radius:30px
}
[data-overlay] {
  position:relative
}
[data-overlay]::before {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  content:""
}
.mt-10 {
  margin-top:10px
}
.mt-45 {
  margin-top:45px
}
.mt-55 {
  margin-top:55px
}
.mt-65 {
  margin-top:65px
}
.mt-75 {
  margin-top:75px
}
.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
}
.mb-5 {
  margin-bottom:5px
}
.hpt-project-1-item,
.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-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
}
.bi-blog-details-author .inner-social a,
.ml-15 {
  margin-left:15px
}
.ml-35 {
  margin-left:35px
}
.ml-45 {
  margin-left:45px
}
.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-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
}
.bi-career-feed-item .inner-text li:last-child,
.mr-20 {
  margin-right:20px
}
.mr-35 {
  margin-right:35px
}
.mr-40 {
  margin-right:40px
}
.mr-45 {
  margin-right:45px
}
.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
}
.bi-career-feed-item .inner-text p,
.pt-10 {
  padding-top:10px
}
.pt-15 {
  padding-top:15px
}
.pt-25 {
  padding-top:25px
}
.pt-55 {
  padding-top:55px
}
.pt-60 {
  padding-top:60px
}
.pt-65 {
  padding-top:65px
}
.pt-75 {
  padding-top:75px
}
.pt-85 {
  padding-top:85px
}
.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
}
.inv-lan-feed-accordion,
.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
}
.pb-5 {
  padding-bottom:5px
}
.pb-10 {
  padding-bottom:10px
}
.pb-15 {
  padding-bottom:15px
}
.bi-privacy-policy-content p,
.bi-team-details-text-content p,
.bi-terms-condition-content p,
.pb-20 {
  padding-bottom:20px
}
.bi-footer-widget-2 .logo-widget .brand-logo,
.bi-portfolio-details-content p,
.bi-service-details-text-area .bi-service-details-text p,
.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
}
.inv-lan-keyfeature-content,
.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
}
.bi-coming-soon-section,
.bi-contact-form-section,
.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-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-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
}
.pb-255 {
  padding-bottom:255px
}
.pb-260 {
  padding-bottom:260px
}
.pb-265 {
  padding-bottom:265px
}
.pb-270 {
  padding-bottom:270px
}
.pb-275 {
  padding-bottom:275px
}
.pb-280 {
  padding-bottom:280px
}
.pb-285 {
  padding-bottom:285px
}
.pb-290 {
  padding-bottom:290px
}
.pb-295 {
  padding-bottom:295px
}
.pb-300 {
  padding-bottom:300px
}
.pl-5 {
  padding-left:5px
}
.pl-15 {
  padding-left:15px
}
.h1-sidebar-menu .sidebar-menu .dropdown-menu .dropdown-menu li a,
.pl-25 {
  padding-left:25px
}
.pl-45 {
  padding-left:45px
}
.pl-55 {
  padding-left:55px
}
.pl-60 {
  padding-left:60px
}
.pl-65 {
  padding-left:65px
}
.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
}
.bi-footer-widget-2 .menu-widget,
.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
}
.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
}
.container {
  padding-right:15px;
  padding-left:15px
}
.row {
  --bs-gutter-x:30px
}
.row.g-0 {
  --bs-gutter-x:0
}
@media (min-width:1400px) {
  .home-6 .container.h1-container {
    max-width:1320px
  }
  .home-6 .container.h2-container {
    max-width:1480px
  }
  .home-6 .container.h3-container {
    max-width:1410px
  }
}
.play-btn-2 .play-btn-2-text,
.z-index-3 {
  position:relative;
  z-index:3
}
.black-bg {
  background-color:#0d0d0d
}
.hpt-subtitle-1,
.scroll-top {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.reveal-type {
  letter-spacing:-.5px
}
.reveal-type-2 {
  letter-spacing:-.7px
}
@-webkit-keyframes swipe-animation {
  0%,
  100% {
    bottom:-10px
  }
  50% {
    bottom:30px
  }
}
@keyframes swipe-animation {
  0%,
  100% {
    bottom:-10px
  }
  50% {
    bottom:30px
  }
}
@-webkit-keyframes hero-1-img-zoomout {
  0% {
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes hero-1-img-zoomout {
  0% {
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@-webkit-keyframes hero-1-after-slider {
  0% {
    height:100%
  }
  100% {
    height:0%
  }
}
@keyframes hero-1-after-slider {
  0% {
    height:100%
  }
  100% {
    height:0%
  }
}
@-webkit-keyframes play-btn-3 {
  0% {
    outline:rgba(17,17,17,.6156862745) solid 0
  }
  100% {
    outline:rgba(17,17,17,0) solid 13px
  }
}
@keyframes play-btn-3 {
  0% {
    outline:rgba(17,17,17,.6156862745) solid 0
  }
  100% {
    outline:rgba(17,17,17,0) solid 13px
  }
}
@-webkit-keyframes hero-2-back-top-btn {
  0%,
  100% {
    -webkit-box-shadow:0 0 40px 0 #fff;
    box-shadow:0 0 40px 0 #fff
  }
  50% {
    -webkit-box-shadow:0 0 40px 20px #fff;
    box-shadow:0 0 40px 20px #fff
  }
}
@keyframes hero-2-back-top-btn {
  0%,
  100% {
    -webkit-box-shadow:0 0 40px 0 #fff;
    box-shadow:0 0 40px 0 #fff
  }
  50% {
    -webkit-box-shadow:0 0 40px 20px #fff;
    box-shadow:0 0 40px 20px #fff
  }
}
@-webkit-keyframes call-btn-1 {
  0%,
  100% {
    outline:rgba(255,56,56,.2) solid 7px
  }
  50% {
    outline:rgba(255,56,56,.9) solid 7px
  }
}
@keyframes call-btn-1 {
  0%,
  100% {
    outline:rgba(255,56,56,.2) solid 7px
  }
  50% {
    outline:rgba(255,56,56,.9) solid 7px
  }
}
@-webkit-keyframes videoBtn {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    opacity:0;
    -ms-filter:"alpha(opacity=0)";
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
  }
}
@keyframes videoBtn {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    opacity:0;
    -ms-filter:"alpha(opacity=0)";
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
  }
}
@-webkit-keyframes btn-3-animation {
  0% {
    left:-100%
  }
  100% {
    left:100%
  }
}
@keyframes btn-3-animation {
  0% {
    left:-100%
  }
  100% {
    left:100%
  }
}
@-webkit-keyframes loop-img-1 {
  0%,
  100% {
    visibility:hidden
  }
  25%,
  75% {
    visibility:visible
  }
  50% {
    opacity:0
  }
}
@keyframes loop-img-1 {
  0%,
  100% {
    visibility:hidden
  }
  25%,
  75% {
    visibility:visible
  }
  50% {
    opacity:0
  }
}
@-webkit-keyframes marquee-animation {
  0% {
    translateX:0
  }
  100% {
    translateX:-100%
  }
}
@keyframes marquee-animation {
  0% {
    translate:0
  }
  100% {
    translate:-100%
  }
}
@-webkit-keyframes marquee-animation-2 {
  0%,
  50% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
}
@keyframes marquee-animation-2 {
  0%,
  50% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
}
@-webkit-keyframes marquee-right-animation-2 {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
  100%,
  50% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
}
@keyframes marquee-right-animation-2 {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
  100%,
  50% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
}
@-webkit-keyframes marquee-zindex-2 {
  0%,
  50% {
    position:relative
  }
  100% {
    position:relative;
    z-index:1
  }
}
@keyframes marquee-zindex-2 {
  0%,
  50% {
    position:relative
  }
  100% {
    position:relative;
    z-index:1
  }
}
@-webkit-keyframes choose-2-f-item {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes choose-2-f-item {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.scroll-top {
  position:fixed;
  right:30px;
  bottom:0;
  height:60px;
  width:45px;
  cursor:pointer;
  display:block;
  border-radius:20px 20px 0 0;
  z-index:5;
  opacity:1;
  visibility:visible;
  -webkit-transition:.3s linear;
  transition:.3s linear;
  text-align:center;
  color:#fff;
  -webkit-transform:translateY(80px);
  transform:translateY(80px)
}
.scroll-top-wrap {
  position:relative;
  width:100%;
  height:100%;
  padding:16px 8px 8px
}
.scroll-top-wrap .icon-2 {
  font-size:16px;
  position:absolute;
  left:33%;
  bottom:22%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
@-webkit-keyframes ab-2-after {
  0%,
  100% {
    border-color:#c10909
  }
  25% {
    border-color:#ee7620
  }
  50% {
    border-color:#00071a
  }
  75% {
    border-color:#05b0c6
  }
}
@keyframes ab-2-after {
  0%,
  100% {
    border-color:#c10909
  }
  25% {
    border-color:#ee7620
  }
  50% {
    border-color:#00071a
  }
  75% {
    border-color:#05b0c6
  }
}
@-webkit-keyframes rotated {
  0% {
    rotate:0deg
  }
  100% {
    rotate:360deg
  }
}
@keyframes rotated {
  0% {
    rotate:0deg
  }
  100% {
    rotate:360deg
  }
}
@-webkit-keyframes updown {
  0%,
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  50% {
    -webkit-transform:translateY(50px);
    transform:translateY(50px)
  }
}
@keyframes updown {
  0%,
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  50% {
    -webkit-transform:translateY(50px);
    transform:translateY(50px)
  }
}
@-webkit-keyframes cta-2-icon {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  15% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
  50% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  }
  70% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes cta-2-icon {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  15% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
  50% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  }
  70% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
.hpt-subtitle-1 {
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:0;
  line-height:1;
  font-weight:600;
  font-size:14px;
  text-transform:uppercase;
  padding:13px 15px
}
.hpt-subtitle-1-wrap {
  display:inline-block;
  border-radius:3px;
  background:-webkit-gradient(linear,left top,right top,from(rgba(224,38,38,.1)),to(rgba(240,131,31,.1)));
  background:linear-gradient(90deg,rgba(224,38,38,.1) 0,rgba(240,131,31,.1) 100%);
  margin-bottom:15px
}
.hero-2-subtitle,
.hpt-header-2-menu ul li a.active,
.hpt-header-2-menu ul li a::after,
.hpt-header-2-menu ul li:hover>a,
.section-subtitle-2 {
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.hpt-title-1 {
  color:#00071a;
  font-size:62px;
  font-weight:700;
  line-height:1.16;
  margin-bottom:0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-title-1 {
    font-size:55px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .hpt-title-1 {
    font-size:50px
  }
}
@media (max-width:767px) {
  .hpt-title-1 {
    font-size:36px
  }
}
.hpt-section-pera {
  font-size:18px;
  font-weight:400;
  line-height:1.66;
  color:#4d515f;
  margin-bottom:0
}
.hero-2-subtitle,
.section-subtitle-2 {
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-family:Kanit,sans-serif;
  margin-bottom:0;
  line-height:1;
  font-weight:400;
  font-size:16px;
  text-transform:uppercase;
  padding:8px 27px
}
.section-subtitle-2-wrap {
  position:relative;
  display:inline-block;
  border-radius:38px;
  background:rgba(229,62,41,.15);
  margin-bottom:15px;
  margin-left:20px
}
.hero-2-subtitle-wrap .icon-2,
.section-subtitle-2-wrap .icon-2 {
  position:absolute;
  left:-20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.hero-2-subtitle-wrap .icon-1,
.section-subtitle-2-wrap .icon-1 {
  position:absolute;
  right:-20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.scetion-title-2 {
  color:#00071a;
  font-family:Kanit,sans-serif;
  font-size:65px;
  font-weight:600;
  line-height:1.15;
  margin-bottom:0
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .scetion-title-2 {
    font-size:56px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .scetion-title-2 {
    font-size:52px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .hpt-title-1 {
    font-size:45px
  }
  .scetion-title-2 {
    font-size:48px
  }
}
@media (max-width:767px) {
  .scetion-title-2 {
    font-size:34px
  }
  .hpt-header-1-action .hpt-cart-btn-1 {
    display:none
  }
}
.section-pera-2 {
  font-size:20px;
  color:#4d515f;
  font-weight:400;
  line-height:30px;
  margin-bottom:0;
  margin-top:25px
}
.header-1-transparent,
.header-2-transparent {
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  top:0
}
.hpt-header-1-area {
  padding-top:22px;
  padding-bottom:22px
}
.hpt-header-1-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-header-1-action,
.hpt-header-2-action {
  text-align:right;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:end;
  gap:0 48px
}
@media (max-width:767px) {
  .hpt-header-1-action .hpt-search-btn-1 {
    display:none
  }
}
.sticky_header_1,
.sticky_header_2 {
  top:0;
  -webkit-transition:.6s linear;
  transition:.6s linear
}
.sticky_header_1:is(.sticky1) {
  -webkit-transition:.4s linear;
  transition:.4s linear;
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  -webkit-animation:.5s slideInDown;
  animation:.5s slideInDown;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  padding-top:10px;
  padding-bottom:10px
}
.hpt-header-2-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:0 0 500px 500px;
  background-color:#fff;
  -webkit-box-shadow:0 6px 30px 0 rgba(0,0,0,.1);
  box-shadow:0 6px 30px 0 rgba(0,0,0,.1);
  border-bottom:1px solid #b60b0b;
  padding:0 70px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-header-2-content {
    padding:0 50px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-header-2-content {
    padding:0 35px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-header-2-content {
    padding:20px 70px
  }
}
@media (max-width:767px) {
  .hpt-header-2-content {
    padding:15px 30px
  }
  .hpt-header-2-action .cart-btn-2 {
    display:none
  }
}
.hpt-header-2-menu ul .has-dropdown {
  position:relative;
  z-index:5;
  text-align:start
}
.hpt-header-2-menu ul li {
  display:inline-block;
  margin:0 24px
}
.hpt-header-2-menu ul li a {
  font-size:18px;
  font-family:Kanit,sans-serif;
  color:#00071a;
  font-weight:400;
  padding:35px 0;
  display:inline-block;
  text-transform:capitalize;
  line-height:1;
  position:relative
}
.hpt-header-2-menu ul li a::after {
  position:absolute;
  content:"";
  left:auto;
  right:0;
  bottom:30px;
  height:2px;
  border-radius:10px;
  opacity:0;
  visibility:hidden;
  width:0%;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
.hpt-header-2-menu ul li .submenu {
  position:absolute;
  left:0;
  top:100%;
  background:#fff;
  width:240px;
  opacity:0;
  visibility:hidden;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:0 0 0;
  transform-origin:0 0 0;
  -webkit-transition:.5s linear;
  transition:.5s linear;
  -webkit-box-shadow:0 9px 19px rgba(0,0,0,.1);
  box-shadow:0 9px 19px rgba(0,0,0,.1);
  padding-left:0
}
.hpt-header-2-menu ul li .submenu li {
  display:block;
  margin:0;
  position:relative;
  z-index:5
}
.hpt-header-2-menu ul li .submenu li a {
  display:block;
  padding:15px 25px;
  color:#00071a;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-header-2-menu ul li .submenu li a::after,
.inv-lan-footer-section {
  bottom:0
}
.hpt-header-2-menu ul li .submenu li .submenu {
  left:100%;
  top:0
}
.hpt-header-2-menu ul li .submenu li:hover>a {
  background-color:var(--clr-hover-primary);
  background-color:transparent
}
.hpt-header-2-menu ul li .submenu li:not(:last-child) {
  border-bottom:1px solid rgba(28,42,78,.231372549)
}
.hpt-header-2-menu ul li:hover>.submenu {
  opacity:1;
  visibility:visible;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
}
.hpt-header-2-menu ul li a.active,
.hpt-header-2-menu ul li:hover>a {
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-header-2-menu ul li a.active:after,
.hpt-header-2-menu ul li:hover>a::after {
  opacity:1;
  visibility:visible;
  right:auto;
  left:0;
  width:100%
}
.sticky_header_2:is(.sticky2) {
  -webkit-transition:.4s linear;
  transition:.4s linear;
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  -webkit-animation:.5s slideInDown;
  animation:.5s slideInDown
}
@-webkit-keyframes slideInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-400px);
    transform:translateY(-400px)
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
@keyframes slideInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-400px);
    transform:translateY(-400px)
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
.sidemenu-area::-webkit-scrollbar {
  width:0;
  background-color:transparent;
  opacity:0
}
.sidemenu-area::-webkit-scrollbar-track {
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:5px;
  opacity:0
}
.sidemenu-area::-webkit-scrollbar-thumb {
  background:0 0;
  border-radius:5px;
  opacity:0
}
.sidemenu-area::-webkit-scrollbar-thumb:hover {
  background:var(--clr-theme-secondary)
}
.sidemenu-area {
  overflow-Y:scroll;
  overflow-x:hidden;
  width:100%;
  max-width:450px;
  -webkit-box-shadow:0 13px 29px rgba(4,0,23,.1);
  box-shadow:0 13px 29px rgba(4,0,23,.1);
  height:100vh;
  position:fixed;
  z-index:333;
  top:0;
  padding:50px;
  background-color:#fff;
  left:-500px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-hero-2-social li a,
.sidemenu-close-btn,
.sidemenu-social-link ul li a {
  height:40px;
  line-height:40px;
  text-align:center
}
.sidemenu-area:is(.active) {
  left:0;
  visibility:visible;
  opacity:1
}
.sidemenu-close-btn {
  width:50px;
  border:1px solid var(--clr-theme-primary);
  font-size:18px;
  background-color:var(--clr-bg-white-light-6);
  color:var(--clr-theme-primary);
  -webkit-transition:.3s linear;
  transition:.3s linear;
  position:absolute;
  right:1px;
  top:70px;
  cursor:pointer
}
.sidemenu-close-btn:hover,
.sidemenu-social-link ul li a:hover {
  background-color:var(--clr-theme-primary);
  color:var(--clr-common-white)
}
.sidemenu-profile {
  border-bottom:1px solid #c9c9c9;
  padding-bottom:25px;
  position:relative;
  left:-20%;
  -webkit-transition:.6s linear;
  transition:.6s linear
}
.sidemenu-profile:is(.is_show) {
  left:0
}
.sidemenu-profile .img {
  width:90px;
  height:90px;
  border-radius:50%;
  border:1px solid var(--clr-theme-primary);
  overflow:hidden;
  margin-bottom:19px
}
.hpt-about-1-img .about-1-img-1 img,
.hpt-about-1-img .about-1-img-2 img,
.hpt-about-2-img-wrap .about-2-img img,
.hpt-blog-1-item-single-2 .blog-1-img img,
.hpt-blog-2-item .blog-2-auhor-wrap .blog-2-author .img img,
.hpt-choose-2-img-wrap .img img,
.hpt-cta-2-area .bg-img-1 img,
.hpt-cta-2-img img,
.hpt-faq-1-img img,
.hpt-faq-2 .hpt-faq-1-img img,
.hpt-hero-2-slider-item .hero-2-bg-img img,
.hpt-hero-2-slider-item .hero-2-img-1 img,
.hpt-project-1-item-img-big img,
.hpt-project-1-item-img-medle img,
.hpt-project-1-item-img-small img,
.hpt-service-2-tabs-content .tab-pane img,
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-img img,
.hpt-testimonial-1-slider-1-content .right .slide-img img,
.hpt-testimonial-1-slider-2 .parson-wrap .parson-img img,
.hpt-video-1-item .video-1-img img,
.sidemenu-profile .img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.sidemenu-profile .name {
  font-size:28px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:1px
}
.sidemenu-profile span {
  display:block;
  font-size:18px;
  font-weight:400;
  text-transform:capitalize;
  color:var(--clr-body-text-4);
  letter-spacing:1px
}
.sidemenu-social-link {
  border-bottom:1px solid #c9c9c9;
  padding-bottom:30px;
  position:relative;
  left:-60%;
  -webkit-transition:.6s linear 0.5s;
  transition:.6s linear 0.5s
}
.sidemenu-social-link:is(.is_show) {
  left:0
}
.sidemenu-social-link .title {
  font-size:16px;
  font-weight:700;
  line-height:26px;
  color:var(--clr-body-heading);
  margin-bottom:17px
}
.sidemenu-social-link ul li:not(:first-child) {
  margin-left:12px
}
.sidemenu-social-link ul li a {
  display:inline-block;
  background-color:var(--clr-common-white);
  width:40px;
  font-size:19px;
  color:var(--clr-body-heading);
  border-radius:50%
}
.sidemenu-contact-info {
  position:relative;
  left:-80%;
  -webkit-transition:.6s linear 0.6s;
  transition:.6s linear 0.6s
}
.sidemenu-contact-info:is(.is_show) {
  left:0
}
.sidemenu-contact-info>.title {
  color:var(--clr-body-heading);
  font-weight:700;
  line-height:26px;
  font-size:16px;
  margin-bottom:26px
}
.sidemenu-contact-info .info-box {
  margin-bottom:16px
}
.sidemenu-contact-info .info-box .title {
  font-size:16px;
  font-weight:500;
  line-height:26px;
  color:var(--clr-body-heading);
  margin-bottom:4px
}
.sidemenu-contact-info .info-box p {
  color:var(--clr-body-text-4);
  margin-bottom:0
}
.sidebar-mobile-menu-wrap {
  position:relative;
  left:-40%;
  -webkit-transition:.6s linear 0.4s;
  transition:.6s linear 0.4s
}
.sidebar-mobile-menu-wrap:is(.is_show) {
  left:0
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar {
  border-bottom:1px solid #c9c9c9;
  padding-bottom:25px;
  margin-bottom:30px
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav {
  background:0 0;
  margin-top:0
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li a {
  padding:15px 0;
  width:100%;
  font-size:16px;
  text-transform:capitalize;
  border-top:none;
  color:var(--clr-body-text-4)
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li a:hover {
  color:var(--clr-theme-primary);
  background-color:#ececec
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li:not(:last-child) a {
  border-bottom:1px solid rgba(255,255,255,.1)
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li:is(.has-dropdown-menu) a::after {
  display:none
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li .mean-expand {
  border:none!important;
  background:0 0;
  width:40px;
  height:53px;
  line-height:53px;
  padding:0;
  margin:0
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li .mean-expand:hover {
  background-color:rgba(255,255,255,.2);
  color:var(--clr-theme-primary)
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li .mean-expand:is(.mean-clicked) {
  background-color:rgba(255,255,255,.2);
  color:var(--clr-theme-primary)
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li .sub-menu {
  border-top:none;
  background-color:transparent;
  position:unset;
  width:100%;
  top:100%;
  visibility:visible;
  opacity:1;
  -webkit-transform-origin:top;
  transform-origin:top;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
}
.sidebar-mobile-menu-wrap .mobile_menu .mean-bar .mean-nav ul li .sub-menu li a {
  border:none;
  padding-left:35px;
  font-size:16px;
  color:var(--clr-body-text-4)
}
.offcanvas-overlay {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  content:"";
  background-color:rgba(4,0,23,.8);
  z-index:5;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.4s linear;
  transition:.4s linear;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:left;
  transform-origin:left
}
.offcanvas-overlay:is(.overlay_open) {
  opacity:1;
  visibility:visible;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
.offcanvas-overlay:is(.visible) {
  opacity:1;
  visibility:visible;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
.offcanvas-overlay:is(.active) {
  opacity:1;
  visibility:visible;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
.h1-sidebar-menu {
  font-family:"Recoleta Alt";
  padding-left:15px;
  border-left:1px solid rgba(0,7,26,.1)
}
.h1-sidebar-menu .sidebar-menu .dropdown-menu {
  border:none;
  position:static
}
.h1-sidebar-menu .sidebar-menu .dropdown-btn {
  top:5px;
  right:0;
  width:30px;
  height:30px;
  cursor:pointer;
  line-height:30px;
  text-align:center;
  position:absolute;
  border:1px solid var(--clr-body-heading)
}
.h1-sidebar-menu .sidebar-menu li a {
  font-size:18px;
  color:var(--clr-body-heading);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-weight:500;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-transform:uppercase;
  padding:20px 0;
  line-height:1;
  gap:20px
}
.h1-sidebar-menu .sidebar-menu li a:hover,
.hpt-footer-social-content ul li a:hover,
.hpt-footer-widget .menu-widget li a:hover,
.hpt-search-btn-1:hover,
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-content .name:hover {
  color:#e02626
}
.h1-sidebar-menu .sidebar-menu li a .icon {
  margin-left:auto
}
.h1-sidebar-menu .sidebar-menu li a .icon:is(.iconrotete) i::before {
  content:"\f078"
}
.h1-sidebar-menu .sidebar-menu li .submenu {
  padding-left:40px;
  display:none
}
.h1-sidebar-menu .sidebar-menu li .submenu li a {
  border-left:none;
  font-size:18px;
  opacity:.8;
  text-transform:capitalize;
  padding:10px 0
}
.h2-sidemenu-wrap .mean-bar .mean-nav {
  background:0 0;
  margin-top:40px;
  margin-bottom:40px
}
.h2-sidemenu-wrap .mean-bar .mean-nav li a {
  font-family:Kanit,sans-serif;
  border:none;
  font-size:16px;
  color:#00071a;
  text-transform:capitalize
}
.h2-sidemenu-wrap .mean-bar .mean-nav li .mean-expand {
  border:none;
  background:0 0;
  margin-top:4px
}
.h2-sidemenu-wrap .mean-bar .mean-nav li .mean-expand .mean-clicked,
.h2-sidemenu-wrap .mean-bar .mean-nav li .mean-expand:hover,
.hpt-faq-2 {
  background:0 0
}
.hpt-hero-1-slider .hero-1-bg-img {
  overflow:hidden;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0
}
.hpt-hero-1-slider .hero-1-bg-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-animation:15s linear hero-1-img-zoomout;
  animation:15s linear hero-1-img-zoomout
}
.hpt-hero-1-slider .hero-1-bg-shape-1 {
  position:absolute;
  top:0;
  left:0;
  height:100%
}
.hpt-about-1-area .about-1-bg-shape,
.hpt-faq-1-area .faq-1-bg-shape-1,
.hpt-hero-1-slider .hero-1-bg-shape-2 {
  position:absolute;
  right:0;
  top:0
}
.hpt-hero-1-slider-content {
  padding-top:215px;
  padding-bottom:215px;
  position:relative;
  z-index:1
}
@media (max-width:767px) {
  .hpt-hero-1-slider-content {
    padding-top:150px;
    padding-bottom:100px
  }
}
.hpt-hero-1-slider-content .hero-1-subtitle {
  font-size:14px;
  display:inline-block;
  font-weight:700;
  color:#fff;
  background-color:rgba(255,255,255,.2);
  border-radius:3px;
  padding:10px 15px;
  margin-bottom:12px
}
.hpt-hero-1-slider-content .hero-1-title {
  width:100%;
  max-width:540px;
  font-size:80px;
  font-weight:900;
  color:#fff;
  line-height:1.25;
  margin-bottom:15px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-hero-1-slider-content .hero-1-title {
    font-size:70px
  }
}
@media (max-width:767px) {
  .hpt-hero-1-slider-content .hero-1-title {
    font-size:40px
  }
}
.hpt-hero-1-slider-content .hero-1-pera {
  font-size:20px;
  line-height:1.5;
  color:#fff;
  width:100%;
  max-width:528px;
  margin-bottom:54px
}
.hero-1-play-btn-wrap {
  margin-left:32px;
  display:inline-block
}
@media (max-width:767px) {
  .hero-1-play-btn-wrap {
    margin-left:0;
    padding-top:25px
  }
}
.hero-1-play-btn-wrap .play-btn-text {
  display:inline-block;
  font-size:20px;
  line-height:1.5;
  color:#fff;
  font-weight:500;
  margin-left:13px;
  font-family:"Recoleta Alt"
}
.hero-2-subtitle-wrap {
  position:relative;
  display:inline-block;
  border-radius:38px;
  background:rgba(229,62,41,.15);
  margin-bottom:10px;
  margin-left:20px
}
.hpt-hero-2-slider-item,
.hpt-offer-1-item-single,
.hpt-project-2-item {
  position:relative;
  overflow:hidden
}
.hpt-hero-2-slider-item .hero-2-bg-img,
.hpt-project-2-area .project-2-bg-img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.hpt-hero-2-slider-item .hero-2-img-1 {
  position:absolute;
  right:0;
  bottom:0;
  height:100%;
  width:100%;
  max-width:860px
}
@media only screen and (min-width:1600px) and (max-width:1799px),only screen and (min-width:1400px) and (max-width:1599px) {
  .hpt-hero-2-slider-item .hero-2-img-1 {
    max-width:620px
  }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-hero-2-slider-item .hero-2-img-1 {
    max-width:580px
  }
}
.hpt-hero-2-slider-item .hero-2-shape-1 {
  opacity:.7;
  background:#c10909;
  height:100%;
  display:block;
  width:100%;
  max-width:860px;
  position:absolute;
  right:0;
  bottom:0;
  mix-blend-mode:multiply;
  -webkit-transition:.8s linear;
  transition:.8s linear
}
@media only screen and (min-width:1600px) and (max-width:1799px),only screen and (min-width:1400px) and (max-width:1599px) {
  .hpt-hero-2-slider-item .hero-2-shape-1 {
    max-width:620px
  }
  .hpt-hero-2-slider-item .hero-2-curcle-position {
    width:100%;
    max-width:645px
  }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-hero-2-slider-item .hero-2-shape-1 {
    max-width:580px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
  .hpt-hero-2-slider-item .hero-2-img-1 {
    max-width:50%
  }
  .hpt-hero-2-slider-item .hero-2-shape-1 {
    max-width:50%;
    height:100%;
    opacity:.5;
    background:#fff;
    mix-blend-mode:unset
  }
}
.hpt-hero-2-slider-item .hero-2-curcle-position {
  position:absolute;
  bottom:-195px;
  left:62%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.hpt-hero-2-slider-item .hero-2-curcle-position .hero-2-curcle {
  -webkit-transform:rotate(239deg);
  transform:rotate(239deg);
  opacity:0;
  -webkit-transition:1s linear 0.8s;
  transition:1s linear 0.8s
}
.hpt-hero-2-slider-content {
  padding-top:205px;
  padding-bottom:165px;
  position:relative;
  z-index:2
}
.hpt-hero-2-slider-content .hero-2-title {
  font-size:85px;
  line-height:1.11;
  font-weight:600;
  margin-bottom:26px;
  font-family:Kanit,sans-serif;
  width:100%;
  max-width:552px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-hero-2-slider-content .hero-2-title {
    font-size:70px
  }
}
@media (max-width:767px) {
  .hpt-hero-2-slider-item .hero-2-shape-1 {
    max-width:100%;
    height:100%;
    opacity:.9;
    background:#fff;
    mix-blend-mode:unset
  }
  .hpt-hero-2-slider-content .hero-2-title {
    font-size:40px
  }
}
.hpt-hero-2-slider-content .hero-2-pera {
  font-size:20px;
  font-weight:400;
  line-height:1.55;
  color:#4d515f;
  margin-bottom:47px;
  width:100%;
  max-width:465px
}
.hpt-hero-2-slider-content .hero-2-btn-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:40px
}
@media (max-width:767px) {
  .hpt-hero-2-slider-content .hero-2-btn-wrap {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .orixy__sponser-area:is(.pt-125) {
    padding-top:70px
  }
}
.hpt-hero-2-slider-content .hero-2-play-btn-wrap .play-btn-3 {
  margin-right:12px
}
.hpt-hero-2-slider-content .hero-2-play-btn-wrap .play-btn-text {
  font-size:20px;
  font-weight:400;
  line-height:1.55;
  color:#00071a;
  font-family:Kanit,sans-serif
}
.hpt-hero-2-slider-wrapper .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .hpt-hero-2-slider-item .hero-2-shape-1 {
  height:330px
}
.hpt-hero-2-slider-wrapper .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .hpt-hero-2-slider-item .hero-2-curcle-position .hero-2-curcle {
  opacity:1;
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
}
.horo-2-pagination {
  width:32px!important;
  left:unset!important;
  height:120px;
  position:absolute;
  top:50%;
  right:3vw;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:1
}
.horo-2-pagination .swiper-pagination-bullet {
  opacity:.5;
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  width:28px;
  height:28px;
  border:5px solid transparent;
  outline:transparent solid 2px;
  margin-bottom:5px!important
}
.horo-2-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
  opacity:1;
  outline:#FF3838 solid 2px;
  border:5px solid #ababab
}
.hero-2-back-to-top-btn-postion {
  position:absolute;
  left:54.8%;
  bottom:-10px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:2
}
.hero-2-back-to-top-btn-postion .hero-2-back-top-btn {
  display:block;
  position:relative;
  width:100%;
  border-radius:50%
}
.hero-2-back-to-top-btn-postion .hero-2-back-top-btn::after {
  position:absolute;
  content:"";
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-box-shadow:0 0 40px 20px #fff;
  box-shadow:0 0 40px 20px #fff;
  border-radius:50%;
  -webkit-animation:5s linear infinite hero-2-back-top-btn;
  animation:5s linear infinite hero-2-back-top-btn
}
.hero-2-back-to-top-btn-postion .hero-2-back-top-btn img,
.hpt-cart-btn-1 svg * {
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.call-btn-1:hover img,
.hero-2-back-to-top-btn-postion .hero-2-back-top-btn:hover img {
  -webkit-transform:rotateX(360deg);
  transform:rotateX(360deg)
}
.hpt-hero-2-social-postion {
  position:absolute;
  top:50%;
  left:2.5vw;
  z-index:1;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
  .hpt-hero-2-social-postion {
    display:none
  }
}
.hpt-hero-2-social .text {
  display:inline-block;
  font-size:14px;
  line-height:1;
  font-weight:600;
  letter-spacing:3.29px;
  -webkit-writing-mode:vertical-lr;
  -ms-writing-mode:tb-lr;
  writing-mode:vertical-lr;
  margin-left:17px;
  padding-bottom:76px;
  margin-bottom:30px;
  position:relative;
  color:#00071a
}
.hpt-hero-2-social .text::after {
  position:absolute;
  width:1px;
  height:45px;
  background-color:#00071a;
  content:"";
  left:7px;
  bottom:0
}
.hpt-hero-2-social li a {
  display:inline-block;
  background:rgba(255,56,56,.15);
  -webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  width:48px;
  color:#b60b0b
}
.hpt-hero-2-social li a:hover i {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.hpt-hero-2-social-postion ul {
  padding-left:0
}
.cart-btn-2 img,
.hpt-contact-1-wrap .left,
.hpt-contact-1-wrap .right,
.hpt-menu-btn-1 i,
.hpt-menu-btn-2 i,
.orixy__sponser-title,
.play-btn-3 i,
.play-btn-4 i {
  position:relative;
  z-index:1
}
.orixy__sponser-slider .swiper-wrapper .swiper-slide {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center
}
.hpt-project-1-area .project-1-bg-shape-1 {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%
}
.hpt-project-1-wrap {
  position:relative;
  z-index:1;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 70px 1fr;
  grid-template-columns:1fr 1fr;
  gap:70px
}
.hpt-project-1-item-img-big {
  width:100%;
  height:740px;
  overflow:hidden;
  position:relative;
  margin-bottom:31px
}
@media (max-width:767px) {
  .hpt-project-1-item-img-big {
    height:500px
  }
}
.hpt-project-1-item-img-big .multi-img-wrap,
.hpt-project-1-item-img-medle .multi-img-wrap,
.hpt-project-1-item-img-small .multi-img-wrap,
.hpt-video-1-item .video-1-img .multi-img-wrap {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-project-1-item-img-big .multi-img-wrap .multi-img,
.hpt-project-1-item-img-medle .multi-img-wrap .multi-img,
.hpt-project-1-item-img-small .multi-img-wrap .multi-img {
  position:relative;
  width:100%;
  height:100%;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-project-1-item-img-big .multi-img-wrap .multi-img img,
.hpt-project-1-item-img-medle .multi-img-wrap .multi-img img,
.hpt-project-1-item-img-small .multi-img-wrap .multi-img img,
.hpt-video-1-item .video-1-img .multi-img-wrap .multi-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transition:3s linear;
  transition:3s linear
}
.hpt-project-1-item-img-big .multi-img-wrap .multi-img .img-1,
.hpt-project-1-item-img-medle .multi-img-wrap .multi-img .img-1 {
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  -webkit-animation:2s linear infinite loop-img-1;
  animation:2s linear infinite loop-img-1
}
.hpt-project-1-item-img-big .multi-img-wrap .multi-img .img-2,
.hpt-project-1-item-img-medle .multi-img-wrap .multi-img .img-2 {
  position:absolute;
  left:0;
  right:0;
  z-index:2;
  -webkit-animation:2s linear .3s infinite loop-img-1;
  animation:2s linear .3s infinite loop-img-1
}
.hpt-project-1-item-img-big .multi-img-wrap .multi-img .img-3,
.hpt-project-1-item-img-medle .multi-img-wrap .multi-img .img-3 {
  position:absolute;
  left:0;
  right:0;
  z-index:3;
  -webkit-animation:2s linear .6s infinite loop-img-1;
  animation:2s linear .6s infinite loop-img-1
}
.hpt-project-1-item-img-medle {
  width:100%;
  height:600px;
  overflow:hidden;
  position:relative;
  margin-bottom:31px
}
@media (max-width:767px) {
  .hpt-project-1-item-img-medle {
    height:500px
  }
}
.hpt-project-1-item-img-small {
  width:100%;
  height:505px;
  overflow:hidden;
  position:relative;
  margin-bottom:31px
}
.hpt-project-1-item-img-small .multi-img-wrap .multi-img .img-1 {
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  -webkit-animation:2.5s linear infinite loop-img-1;
  animation:2.5s linear infinite loop-img-1
}
.hpt-project-1-item-img-small .multi-img-wrap .multi-img .img-2 {
  position:absolute;
  left:0;
  right:0;
  z-index:2;
  -webkit-animation:3s linear infinite loop-img-1;
  animation:3s linear infinite loop-img-1
}
.hpt-project-1-item-img-small .multi-img-wrap .multi-img .img-3 {
  position:absolute;
  left:0;
  right:0;
  z-index:3;
  -webkit-animation:3.5s linear infinite loop-img-1;
  animation:3.5s linear infinite loop-img-1
}
.hpt-project-1-img-content .project-1-title {
  font-size:32px;
  line-height:1.25;
  color:#00071a;
  margin-bottom:0;
  -webkit-transition:.4s linear;
  transition:.4s linear;
  text-shadow:0 1px 0 rgba(255,56,56,0)
}
.hpt-project-1-img-content .project-1-title:hover {
  text-shadow:1px 1px 1px rgba(255,56,56,.8)
}
.hpt-project-1-img-content .project-1-pera {
  font-size:18px;
  font-weight:300;
  font-style:italic;
  margin-bottom:0;
  opacity:.8
}
.hpt-project-1-img-content .project-1-pera span,
.redius-btn-1:hover {
  color:#ff3838
}
.hpt-project-2-item-wrap-1 {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 60px 1fr;
  grid-template-columns:1fr 1fr;
  gap:60px;
  -webkit-box-align:self-start;
  -ms-flex-align:self-start;
  align-items:self-start
}
.hpt-project-2-item-wrap-2 {
  width:100%;
  max-width:870px;
  margin:auto;
  padding-top:70px;
  padding-bottom:70px
}
.hpt-project-2-item .img-wrap {
  position:relative;
  width:100%;
  max-width:870px;
  height:834px;
  overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-header-2-menu ul li {
    margin:0 12px
  }
  .hpt-project-1-wrap {
    gap:30px
  }
  .hpt-project-2-item .img-wrap {
    height:600px
  }
}
@media (max-width:767px) {
  .hpt-project-2-item .img-wrap {
    height:450px
  }
}
.hpt-project-2-item .img-wrap::after {
  position:absolute;
  content:"";
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,7,26,0)),to(rgba(0,7,26,.5)));
  background:linear-gradient(180deg,rgba(0,7,26,0) 0,rgba(0,7,26,.5) 100%)
}
.hpt-project-2-item .img-wrap img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transition:2s linear;
  transition:2s linear
}
.hpt-project-2-item .title-position {
  position:absolute;
  bottom:45px;
  right:auto;
  left:0;
  width:0%;
  overflow:hidden;
  -webkit-transition:1s linear;
  transition:1s linear
}
.hpt-project-2-item .title-position .title-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  white-space:nowrap;
  gap:10px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-project-2-item .title-position .title-wrap .title {
  font-family:Kanit,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1;
  color:transparent;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff;
  margin-bottom:0
}
.hpt-project-2-item-btn {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:0;
  visibility:hidden;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
.hpt-menu-btn-1::after,
.hpt-menu-btn-1::before {
  position:absolute;
  -webkit-transition:.3s linear;
  content:""
}
.hpt-project-2-item:hover .img-wrap img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  rotate:5deg
}
.hpt-project-2-item:hover .title-position {
  right:0;
  left:auto;
  width:100%
}
.hpt-project-2-item:hover .title-position .title-wrap {
  -webkit-animation:5s linear 1s infinite marquee-animation;
  animation:5s linear 1s infinite marquee-animation
}
.hpt-project-2-area::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:#00071a;
  z-index:-1
}
.hpt-project-2-section-btn {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:680px 1fr;
  grid-template-columns:680px 1fr;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-project-2-section-btn .project-2-pera {
  font-size:20px;
  font-weight:400;
  line-height:1.5;
  margin-bottom:0;
  color:#fff
}
.hpt-project-2-section-btn .hpt-btn-3 {
  -ms-grid-column-align:end;
  justify-self:end
}
.hpt-menu-btn-1 {
  position:relative;
  width:62px;
  height:62px;
  line-height:62px;
  border-radius:50%;
  background:0 0;
  border:1px solid #fff;
  outline:0;
  font-size:25px;
  color:#333
}
.hpt-menu-btn-1::after {
  width:85%;
  height:85%;
  border-radius:50%;
  background-color:#fff;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  transition:.3s linear
}
.hpt-menu-btn-1::before {
  width:100%;
  height:100%;
  border-radius:50%;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  left:0;
  top:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  transition:.3s linear;
  -webkit-transition-delay:ease-in 0.3s;
  transition-delay:ease-in 0.3s
}
.cart-btn-2::after,
.cart-btn-2::before,
.hpt-menu-btn-2::before {
  position:absolute;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.hpt-menu-btn-1:hover,
.play-btn-1:hover {
  border-color:transparent
}
.hpt-menu-btn-1:hover::after {
  opacity:0
}
.hpt-menu-btn-2 {
  position:relative;
  width:58px;
  height:58px;
  line-height:58px;
  border-radius:50%;
  background:#00071a;
  color:#fff;
  outline:0;
  border:none;
  font-size:25px;
  overflow:hidden
}
.hpt-menu-btn-2::before {
  content:"";
  width:0%;
  height:100%;
  border-radius:50%;
  left:0;
  right:auto;
  top:0;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-menu-btn-2:hover::before {
  left:auto;
  right:0;
  width:100%
}
.hpt-cart-btn-1,
.hpt-search-btn-1 {
  border:none;
  outline:0;
  font-size:30px;
  background:0 0;
  color:#fff
}
.hpt-cart-btn-1:hover svg * {
  fill:#E02626
}
.cart-btn-2 {
  color:#fff;
  position:relative;
  display:inline-block;
  width:58px;
  height:58px;
  background:0 0;
  border-radius:50%;
  text-align:center;
  line-height:58px
}
.cart-btn-2::after {
  content:"2";
  line-height:17px;
  width:17px;
  height:17px;
  border-radius:50%;
  font-size:9px;
  color:#fff;
  right:0;
  top:7px;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
.home-6 .hpt-btn-2,
.hpt-btn-1 {
  font-family:"Recoleta Alt";
  line-height:1.44;
  font-weight:600;
  padding:17px 38px;
  z-index:0
}
.cart-btn-2::before,
.hpt-btn-3 ::after {
  content:"";
  top:0;
  width:100%;
  height:100%
}
.cart-btn-2::before {
  border-radius:50%;
  left:0;
  -webkit-transition:.4s linear;
  transition:.4s linear;
  -webkit-transform:scale(0);
  transform:scale(0)
}
.home-6 .hpt-btn-2,
.hpt-btn-1,
.hpt-btn-3 {
  position:relative;
  cursor:pointer;
  font-size:18px;
  text-transform:uppercase;
  display:inline-block
}
.hpt-btn-1 .text,
.hpt-btn-1 i,
.hpt-btn-1:hover .text,
.hpt-btn-border .text {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  -webkit-text-fill-color:transparent
}
.hpt-btn-1 {
  background:#fff;
  border:1px solid transparent;
  outline:rgba(255,255,255,.8) solid 1px;
  outline-offset:0px;
  -webkit-transition:1.25s cubic-bezier(.19, 1, .22, 1);
  transition:1.25s cubic-bezier(.19, 1, .22, 1)
}
.home-6 .hpt-btn-2 i,
.hpt-btn-1 i {
  -webkit-transition:.4s linear;
  margin-left:4px
}
.hpt-btn-1 .text,
.hpt-btn-1:hover .text,
.hpt-btn-border .text {
  display:inline-block;
  background-clip:text;
  -webkit-background-clip:text
}
.hpt-btn-1 i {
  rotate:-45deg;
  background-clip:text;
  -webkit-background-clip:text;
  transition:.4s linear
}
.home-6 .hpt-btn-2,
.hpt-btn-border i {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.hpt-btn-1:hover {
  color:unset;
  outline-color:rgba(255,255,255,0);
  outline-offset:15px
}
.home-6 .hpt-btn-2:hover i,
.hpt-btn-1:hover i {
  rotate:0deg
}
.home-6 .hpt-btn-2 {
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  color:#fff
}
.home-6 .hpt-btn-2 i {
  rotate:-45deg;
  transition:.4s linear
}
.home-6 .hpt-btn-2:hover {
  color:#fff;
  -webkit-box-shadow:0 .5em .5em -.4em #000;
  box-shadow:0 .5em .5em -.4em #000;
  -webkit-transform:translateY(-.25em);
  transform:translateY(-.25em)
}
.hpt-btn-3 {
  font-family:Kanit,sans-serif;
  font-weight:500;
  line-height:1;
  color:#fff;
  border-radius:100px;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  padding:21px 34px;
  overflow:hidden
}
.hpt-btn-3 .icon {
  font-size:15px;
  display:inline-block;
  border-left:1px solid #fff;
  padding-left:10px;
  margin-left:8px
}
.hpt-btn-3 ::after {
  position:absolute;
  background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(50%,#fff),to(rgba(0,0,0,0)));
  background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 50%,rgba(0,0,0,0) 100%);
  left:-100%;
  -webkit-transition:.4s linear;
  transition:.4s linear;
  opacity:.5
}
.hpt-btn-3:hover .icon::after {
  -webkit-animation:1s linear infinite btn-3-animation;
  animation:1s linear infinite btn-3-animation
}
.hpt-btn-border {
  display:inline-block;
  font-family:"Recoleta Alt";
  font-size:18px;
  line-height:1.44;
  text-transform:uppercase;
  font-weight:600;
  background:#00071a;
  cursor:pointer;
  position:relative;
  z-index:0;
  padding:17px 38px;
  border:1px solid #e02626
}
.play-btn-2,
.redius-btn-1 {
  background-color:transparent;
  cursor:pointer
}
.hpt-btn-border i {
  margin-left:4px;
  rotate:-45deg;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-btn-border:hover {
  -webkit-box-shadow:inset 0 0 0 2em #e02626;
  box-shadow:inset 0 0 0 2em #e02626;
  color:#fff
}
.hpt-btn-border:hover .text {
  color:#fff;
  -webkit-background-clip:unset;
  -webkit-text-fill-color:unset;
  background:unset
}
.hpt-btn-border:hover i {
  color:#fff;
  rotate:0deg;
  background:unset;
  background-clip:unset;
  -webkit-background-clip:unset;
  -webkit-text-fill-color:unset
}
.redius-btn-1 {
  font-size:30px;
  width:148px;
  height:148px;
  line-height:148px;
  color:#ff3838;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  outline:0;
  border:1px solid #ff3838
}
.redius-btn-1 .icon {
  position:relative;
  z-index:2
}
.redius-btn-1::after,
.redius-btn-1::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  border-radius:50%
}
.redius-btn-1 .icon i {
  rotate:-45deg
}
.redius-btn-1::before {
  width:100%;
  height:100%;
  -webkit-backdrop-filter:blur(7.5px);
  backdrop-filter:blur(7.5px);
  -webkit-animation:none;
  animation:none;
  opacity:1;
  z-index:1;
  -webkit-transition:-webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}
.redius-btn-1::after {
  width:148px;
  height:148px;
  background-color:#fff;
  -webkit-box-shadow:0 30px 60px rgba(43,0,29,.1411764706);
  box-shadow:0 30px 60px rgba(43,0,29,.1411764706);
  -webkit-animation:1.75s cubic-bezier(.4,0,.2,1) infinite videoBtn;
  animation:1.75s cubic-bezier(.4,0,.2,1) infinite videoBtn;
  z-index:1
}
.play-btn-1::after,
.play-btn-2::before {
  width:100%;
  height:100%;
  content:"";
  left:0
}
.play-btn-1::after,
.play-btn-2:hover::after,
.redius-btn-1:hover::after {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.play-btn-1,
.play-btn-3 {
  -webkit-animation:2s linear infinite play-btn-3;
  position:relative;
  text-align:center;
  display:inline-block
}
.play-btn-2:hover::after,
.redius-btn-1:hover::after {
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px)
}
.play-btn-1 {
  font-size:18px;
  width:52px;
  height:52px;
  border-radius:50%;
  line-height:45px;
  border:4px solid #fff;
  color:#fff;
  outline:rgba(17,17,17,.2392156863) solid 13px;
  animation:2s linear infinite play-btn-3;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.play-btn-1 i {
  position:relative;
  z-index:1;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
}
.play-btn-1::after,
.play-btn-3::after {
  -webkit-transform:scale(0);
  top:0;
  position:absolute
}
.play-btn-1::after {
  border-radius:50%;
  transform:scale(0);
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.play-btn-2 {
  text-transform:capitalize;
  font-family:"Recoleta Alt";
  font-size:24px;
  width:160px;
  height:160px;
  line-height:160px;
  color:#fff;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  position:relative;
  -webkit-transition:.4s;
  transition:.4s;
  outline:0;
  z-index:2;
  border:1px solid #fff
}
.play-btn-2::before {
  position:absolute;
  top:0;
  -webkit-backdrop-filter:blur(7.5px);
  backdrop-filter:blur(7.5px);
  border-radius:50%;
  -webkit-animation:none;
  animation:none;
  opacity:1;
  z-index:2;
  -webkit-transition:-webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}
.play-btn-3,
.play-btn-3::after {
  border-radius:50%;
  -webkit-transition:.4s linear
}
.play-btn-2::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:160px;
  height:160px;
  border-radius:50%;
  background-color:#fff;
  -webkit-box-shadow:0 30px 60px rgba(43,0,29,.1411764706);
  box-shadow:0 30px 60px rgba(43,0,29,.1411764706);
  -webkit-animation:1.75s cubic-bezier(.4,0,.2,1) infinite videoBtn;
  animation:1.75s cubic-bezier(.4,0,.2,1) infinite videoBtn;
  z-index:2
}
.play-btn-3::after,
.play-btn-4::after {
  height:100%;
  width:100%;
  left:0;
  content:""
}
.play-btn-3::after,
.play-btn-4 {
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.play-btn-3 {
  font-size:18px;
  width:52px;
  height:52px;
  line-height:45px;
  border:4px solid #c10909;
  color:#c10909;
  outline:rgba(0,0,0,.1019607843) solid 13px;
  animation:2s linear infinite play-btn-3;
  transition:.4s linear
}
.play-btn-3::after {
  transform:scale(0);
  transition:.4s linear
}
.play-btn-4,
.play-btn-4::after {
  -webkit-transition:.4s linear;
  border-radius:50%
}
.play-btn-3:hover {
  color:#fff;
  border-color:transparent
}
.play-btn-4 {
  position:relative;
  font-size:18px;
  display:inline-block;
  width:58px;
  height:58px;
  text-align:center;
  line-height:58px;
  color:#fff;
  -webkit-animation:2s linear infinite play-btn-3;
  animation:2s linear infinite play-btn-3;
  transition:.4s linear
}
.play-btn-4::after {
  position:absolute;
  top:0;
  background:#fff;
  -webkit-transform:scale(0);
  transform:scale(0);
  transition:.4s linear
}
.call-btn-1,
.call-btn-1 i {
  position:relative;
  -webkit-transition:.4s linear
}
.play-btn-4:hover {
  color:#b60b0b;
  border-color:transparent
}
.call-btn-1 {
  cursor:pointer;
  font-size:22px;
  display:inline-block;
  width:54px;
  height:54px;
  border-radius:50%;
  text-align:center;
  line-height:46px;
  border:4px solid #fff;
  background-color:#ff3838;
  outline:rgba(255,56,56,.2) solid 7px;
  -webkit-animation:3s linear infinite call-btn-1;
  animation:3s linear infinite call-btn-1;
  transition:.4s linear
}
.call-btn-1 i {
  z-index:1;
  transition:.4s linear
}
.hpt-service-2-area .bg-shape-1 {
  position:absolute;
  top:-92px;
  left:-150px;
  width:20%;
  -webkit-animation:10s linear infinite rotated;
  animation:10s linear infinite rotated
}
.hpt-service-2-area .bg-shape-2 {
  position:absolute;
  right:0;
  top:0;
  -webkit-animation:10s linear infinite updown;
  animation:10s linear infinite updown
}
.hpt-service-2-content-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:326px 53px 1fr 53px 1fr;
  grid-template-columns:326px 1fr 1fr;
  gap:53px
}
.hpt-service-2-content {
  padding-top:35px;
  position:relative
}
.hpt-service-2-content>.icon {
  position:relative;
  width:78px;
  height:78px;
  display:inline-block;
  background-color:rgba(182,11,11,.1);
  text-align:center;
  line-height:78px;
  border-radius:50%
}
.hpt-choose-2-feature-item .icon::after,
.hpt-service-2-content>.icon::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  border:1px dashed #b60b0b;
  left:0;
  top:0;
  -webkit-animation:5s infinite choose-2-f-item;
  animation:5s infinite choose-2-f-item
}
.hpt-service-2-content .text {
  font-size:18px;
  color:#00071a;
  opacity:1;
  line-height:1.66;
  font-weight:500
}
.hpt-service-2-content .service-feature li {
  font-size:18px;
  font-weight:400;
  color:#00071a;
  line-height:1.33
}
.hpt-service-2-content .service-feature li .icon {
  display:inline-block;
  margin-top:-4px
}
.hpt-service-2-content .btn-wrap {
  position:absolute;
  bottom:50px;
  left:-170px;
  display:inline-block;
  border-radius:100px;
  border:6px solid #fff;
  height:72px
}
.hpt-service-2-tabs-menu .nav-link {
  position:relative;
  display:block;
  padding:0 0 23px;
  margin:0;
  font-family:Kanit,sans-serif;
  font-size:30px;
  font-weight:500;
  color:#00071a;
  line-height:1.33;
  text-transform:capitalize;
  text-align:left
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-service-2-content-wrap {
    -ms-grid-columns:250px 30px 1fr 30px 1fr;
    grid-template-columns:250px 1fr 1fr;
    gap:30px
  }
  .hpt-service-2-content .btn-wrap {
    bottom:30px
  }
  .hpt-service-2-tabs-menu .nav-link {
    font-size:24px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-service-2-content-wrap {
    -ms-grid-columns:1fr 1.5fr;
    grid-template-columns:1fr 1.5fr
  }
  .hpt-service-2-tabs-menu .nav-link {
    font-size:28px
  }
}
.hpt-service-2-tabs-menu .nav-link .icon {
  position:absolute;
  right:0;
  top:40%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  opacity:0
}
.hpt-service-2-tabs-menu .nav-link::after {
  position:absolute;
  content:"";
  width:100%;
  height:2px;
  background-color:#00071a;
  left:0;
  bottom:0;
  opacity:.1
}
.hpt-service-2-tabs-menu .nav-link::before {
  position:absolute;
  content:"";
  width:0%;
  height:2px;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  left:auto;
  right:0;
  bottom:0;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-service-2-tabs-menu .nav-link:is(.active) {
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-service-2-tabs-menu .nav-link:is(.active) .icon {
  opacity:1;
  right:-135px
}
.hpt-service-2-tabs-menu .nav-link:is(.active)::before {
  left:0;
  right:auto;
  width:100%
}
.hpt-service-2-tabs-content .tab-pane {
  height:585px;
  width:100%;
  overflow:hidden
}
.cart_sidebar {
  padding:30px 30px 50px
}
.cart_sidebar_top {
  background-color:#0e0f11;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:16px 30px;
  margin:-30px -30px 40px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.cart_sidebar .heading_title {
  line-height:1;
  font-size:17px;
  color:#fff;
  font-weight:600
}
.cart_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-right:25px
}
.cart_sidebar,
.popup-search-box {
  position:fixed;
  z-index:9999;
  height:100vh
}
.cart_item:not(:last-child) {
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #0e0f11
}
.cart_item .item_image {
  display:block;
  min-width:70px;
  overflow:hidden;
  position:relative;
  margin-right:10px;
  width:60px;
  padding:5px
}
.cart_item .item_title {
  font-size:14px;
  font-weight:500;
  margin-bottom:10px;
  color:#fff
}
.cart_item .item_price {
  line-height:1;
  display:block;
  font-size:14px;
  font-weight:400;
  color:#fff;
  opacity:.6
}
.cart_item .remove_btn {
  top:5px;
  right:0;
  padding:0;
  border:none;
  color:var(--base-color);
  font-size:14px;
  line-height:19px;
  text-align:center;
  position:absolute;
  border-radius:100%;
  background:0 0
}
.cart_sidebar {
  top:0;
  width:300px;
  right:-320px;
  overflow-y:scroll;
  scrollbar-width:none;
  background-color:#000;
  -webkit-box-shadow:-5px 0 20px -5px rgba(0,0,0,.29);
  box-shadow:-5px 0 20px -5px rgba(0,0,0,.29);
  -webkit-transition-duration:.5s;
  transition-duration:.5s
}
.cart_sidebar .tx-close {
  right:-11px
}
.cart_sidebar_bottom {
  padding:30px 30px 55px
}
.cart_sidebar_button a {
  width:100%;
  text-align:center;
  display:inline-block;
  padding:14px 25px 16px
}
.cart_sidebar_button a:nth-child(2) {
  color:#fff;
  background:#0e0f11
}
.cart_sidebar .total_price {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:16px;
  font-weight:500;
  margin-top:30px;
  padding:10px 0;
  margin-bottom:10px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#fff;
  border-top:1px solid #0e0f11;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.popup-search-box {
  background-color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  left:0;
  top:-100px;
  width:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transition:.3s;
  transition:.3s;
  -webkit-transform-origin:top;
  transform-origin:top;
  opacity:0;
  visibility:hidden
}
.popup-search-box .title {
  color:#00071a;
  font-weight:600;
  margin-bottom:25px
}
@media (max-width:767px) {
  .hpt-service-2-content-wrap {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
  .hpt-service-2-tabs {
    padding-top:0
  }
  .hpt-service-2-tabs-menu .nav-link {
    font-size:22px;
    width:100%
  }
  .hpt-service-2-tabs-menu .nav-link:is(.active) .icon {
    display:none
  }
  .popup-search-box .title {
    font-size:30px
  }
  .popup-search-box-form {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.hpt-testimonial-1-slider-1-content,
.hpt-testimonial-1-slider-wrap,
.popup-search-box-form {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.popup-search-box-form .popup-search-box-close-action-btn {
  height:60px;
  width:60px;
  font-size:30px;
  border:1px solid rgba(0,0,0,.2);
  outline:0;
  border-radius:5px;
  margin-left:25px;
  background:0 0;
  color:#111;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto
}
@media (max-width:767px) {
  .popup-search-box-form .popup-search-box-close-action-btn {
    margin:auto
  }
  .popup-search-box {
    height:100%;
    overflow-y:auto
  }
}
.popup-search-box-form .popup-search-box-close-action-btn:hover {
  background-color:rgba(0,0,0,.2);
  border-color:transparent
}
.popup-search-box.active {
  top:0;
  opacity:1;
  visibility:visible;
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
}
.popup-search-box form {
  position:relative;
  width:100%
}
@media (max-width:767px) {
  .popup-search-box form {
    margin-bottom:50px
  }
}
.popup-search-box-input input {
  width:100%;
  height:60px;
  background:0 0;
  border:1px solid rgba(0,0,0,.2);
  border-radius:5px;
  font-size:14px;
  color:#111;
  padding:0 115px 0 30px
}
.popup-search-box-input input::-webkit-input-placeholder {
  color:#111;
  font-size:14px
}
.popup-search-box-input input::-moz-placeholder {
  color:#111;
  font-size:14px
}
.popup-search-box-input input:-ms-input-placeholder {
  color:#111;
  font-size:14px
}
.popup-search-box-input input::-ms-input-placeholder {
  color:#111;
  font-size:14px
}
.popup-search-box-input input::placeholder {
  color:#111;
  font-size:14px
}
.popup-search-box button[type=submit] {
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  padding:0 30px;
  background:0 0;
  color:#111;
  font-size:24px;
  border-radius:0 5px 5px 0;
  border-left:1px solid rgba(0,0,0,.2);
  border-right:none;
  border-top:none;
  border-bottom:none
}
.popup-search-box button[type=submit]:hover {
  color:var(--clr-common-white);
  background-color:rgba(0,0,0,.2)
}
.htp-client-logo-1-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:471px auto;
  grid-template-columns:471px auto;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .htp-client-logo-1-wrap {
    -ms-grid-columns:371px auto;
    grid-template-columns:371px auto
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .htp-client-logo-1-wrap {
    -ms-grid-columns:320px auto;
    grid-template-columns:320px auto
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .htp-client-logo-1-wrap {
    -ms-grid-columns:290px auto;
    grid-template-columns:290px auto
  }
}
@media (max-width:767px) {
  .popup-search-box-input input {
    width:100%;
    background-color:transparent;
    opacity:.7
  }
  .htp-client-logo-1-wrap {
    -ms-grid-columns:auto;
    grid-template-columns:auto
  }
}
.htp-client-logo-1-wrap .title-wrap {
  position:relative;
  height:222px;
  display:-ms-grid;
  display:grid;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
@media (max-width:767px) {
  .htp-client-logo-1-wrap .title-wrap {
    height:110px
  }
}
.htp-client-logo-1-wrap .title-wrap::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:.08;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.htp-client-logo-1-wrap .title-wrap .title {
  font-size:55px;
  font-weight:500;
  text-transform:capitalize;
  line-height:1;
  margin-bottom:0;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  width:100%;
  text-align:center
}
.hpt-client-logo-1-slider {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:0 30px;
  -webkit-animation:15s linear infinite marquee-animation;
  animation:15s linear infinite marquee-animation
}
.hpt-choose-2-btn-wrap .hpt-btn-3,
.hpt-client-logo-1-slider-single {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto
}
.hpt-client-logo-2 .htp-client-logo-1-wrap .title-wrap {
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  margin-top:-15px
}
.hpt-client-logo-2 .htp-client-logo-1-wrap .title-wrap .title {
  font-size:50px;
  line-height:1.25;
  font-weight:500;
  color:#fff;
  background:unset;
  background-clip:unset;
  -webkit-background-clip:unset;
  -webkit-text-fill-color:unset
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-client-logo-2 .htp-client-logo-1-wrap .title-wrap .title,
  .htp-client-logo-1-wrap .title-wrap .title {
    font-size:50px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-client-logo-2 .htp-client-logo-1-wrap .title-wrap .title,
  .htp-client-logo-1-wrap .title-wrap .title {
    font-size:45px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-client-logo-2 .htp-client-logo-1-wrap .title-wrap .title,
  .htp-client-logo-1-wrap .title-wrap .title {
    font-size:40px
  }
}
.hpt-offer-1-section-title {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:auto auto;
  grid-template-columns:auto auto
}
.hpt-blog-2-top .btn-wrap,
.hpt-offer-1-section-title .right {
  -ms-flex-item-align:end;
  -ms-grid-row-align:end;
  align-self:end;
  -ms-grid-column-align:end;
  justify-self:end
}
.hpt-offer-1-item-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:auto 20px auto 20px auto 20px auto 20px auto;
  grid-template-columns:auto auto auto auto auto;
  grid-gap:20px 20px
}
.hpt-offer-1-item-single-normal {
  height:571px;
  width:162px;
  background-color:rgba(0,7,26,.05);
  padding-top:30px;
  padding-bottom:20px;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
@media (max-width:767px) {
  .hpt-client-logo-2 .htp-client-logo-1-wrap .title-wrap .title,
  .htp-client-logo-1-wrap .title-wrap .title {
    font-size:30px
  }
  .hpt-offer-1-section-title {
    -ms-grid-columns:auto;
    grid-template-columns:auto;
    grid-gap:30px 0px
  }
  .hpt-offer-1-section-title .right {
    -ms-flex-item-align:end;
    -ms-grid-row-align:end;
    align-self:end;
    -ms-grid-column-align:left;
    justify-self:left
  }
  .hpt-offer-1-item-single-normal {
    width:135px
  }
}
.hpt-offer-1-item-single-normal .offer-1-icon {
  width:105px;
  height:90px;
  position:relative;
  margin:auto auto 21px
}
.hpt-offer-1-item-single-hover .offer-1-icon .icon,
.hpt-offer-1-item-single-normal .offer-1-icon .icon {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.hpt-offer-1-item-single-normal .offer-1-title {
  font-size:32px;
  font-weight:600;
  -webkit-writing-mode:vertical-lr;
  -ms-writing-mode:tb-lr;
  writing-mode:vertical-lr;
  margin:auto
}
.hpt-offer-1-item-single-hover-position {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  max-width:561px;
  opacity:0;
  -webkit-transition:.5s linear;
  transition:.5s linear
}
.hpt-offer-1-item-single-hover {
  position:relative;
  padding:40px;
  height:100%
}
@media (max-width:767px) {
  .hpt-offer-1-item-single-hover {
    padding:25px
  }
}
.hpt-offer-1-item-single-hover::after {
  position:absolute;
  content:"";
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,7,26,.8)
}
.hpt-about-1-feature::after,
.hpt-about-1-img .bg-shape {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.hpt-offer-1-item-single-hover .offer-1-icon {
  width:105px;
  height:90px;
  position:relative;
  margin-bottom:30px;
  z-index:1
}
.hpt-offer-1-item-single-hover .offer-1-title {
  font-size:32px;
  font-weight:600;
  color:#fff;
  position:relative;
  z-index:1;
  line-height:1.44;
  text-transform:capitalize;
  margin-bottom:25px;
  opacity:0
}
@media (max-width:767px) {
  .hpt-offer-1-item-single-hover .offer-1-title {
    font-size:28px
  }
}
.hpt-offer-1-item-single-hover .offer-1-feature {
  position:relative;
  z-index:1;
  margin-bottom:20px;
  opacity:0
}
.hpt-offer-1-item-single-hover .offer-1-feature li {
  font-size:16px;
  line-height:1.5;
  color:#fff;
  font-weight:400
}
.hpt-offer-1-item-single-hover .offer-1-feature li img {
  margin-top:-1px;
  margin-right:5px
}
.hpt-offer-1-item-single-hover .offer-1-feature li:not(:last-child) {
  margin-bottom:14px
}
.hpt-offer-1-item-single-hover .btn-wrap {
  position:relative;
  z-index:1;
  text-align:right;
  opacity:0
}
@media (max-width:767px) {
  .hpt-offer-1-item-single-hover .btn-wrap {
    text-align:left
  }
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-normal {
  width:561px
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-normal .offer-1-icon {
  opacity:0
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-normal .offer-1-title {
  opacity:0
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-hover-position {
  left:0;
  opacity:1
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-hover .offer-1-title {
  opacity:1;
  -webkit-transition:.4s 0.5s;
  transition:.4s 0.5s
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-hover .offer-1-feature {
  opacity:1;
  -webkit-transition:.4s 0.5s;
  transition:.4s 0.5s
}
.hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-hover .btn-wrap {
  opacity:1;
  -webkit-transition:.4s 0.5s;
  transition:.4s 0.5s
}
.hpt-about-1-area {
  padding-bottom:200px;
  position:relative
}
.hpt-about-1-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:467px 65px auto;
  grid-template-columns:467px auto;
  gap:0 65px
}
.hpt-about-1-img .about-1-img-1 {
  width:100%;
  height:560px;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:5px
}
.hpt-about-1-img .about-1-img-2 {
  width:420px;
  height:480px;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:5px;
  position:absolute;
  bottom:-85px;
  right:-208px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-about-1-img .about-1-img-2 {
    right:-60px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-about-1-wrap {
    -ms-grid-columns:300px auto;
    grid-template-columns:300px auto
  }
  .hpt-about-1-img .about-1-img-2 {
    right:-40px;
    width:275px
  }
}
@media (max-width:767px) {
  .hpt-about-1-img .about-1-img-2 {
    right:0;
    width:100%
  }
}
.hpt-about-1-img .bg-shape {
  width:260px;
  height:260px;
  display:inline-block;
  border-radius:50%;
  position:absolute;
  bottom:0;
  left:-55px;
  z-index:-1
}
.hpt-about-1-content-inner {
  padding-left:180px;
  padding-top:45px
}
.hpt-about-1-feature {
  padding:25px 35px;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:auto 30px auto;
  grid-template-columns:auto auto;
  gap:30px 30px;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  position:relative;
  border-radius:2px;
  margin-top:30px
}
@media (max-width:767px) {
  .hpt-about-1-feature {
    -ms-grid-columns:auto;
    grid-template-columns:auto;
    padding:25px
  }
}
.hpt-about-1-feature::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius:2px;
  opacity:.12;
  z-index:-1
}
.hpt-about-1-feature .item {
  font-weight:500;
  font-size:20px;
  line-height:1.5;
  color:#00071a;
  margin-bottom:0
}
.hpt-about-1-btn-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:auto 30px auto;
  grid-template-columns:auto auto;
  gap:30px 30px
}
.hpt-about-1-btn-wrap .hpt-btn-2 {
  -ms-grid-column-align:left;
  justify-self:left
}
.hpt-about-1-btn-wrap .call-btn-wrap,
.hpt-about-2-btn-wrap .play-btn-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:90px auto;
  grid-template-columns:90px auto;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-about-1-btn-wrap .call-btn-wrap .call-us,
.hpt-choose-2-btn-wrap .call-btn-wrap .call-us {
  display:inline-block;
  color:#00071a;
  font-size:16px;
  line-height:1;
  font-weight:400
}
.hpt-about-1-btn-wrap .call-btn-wrap .number {
  font-size:26px;
  line-height:1.15;
  margin-bottom:0;
  color:#00071a
}
.hpt-about-2-area .about-2-bg-img-1 {
  position:absolute;
  left:0;
  z-index:-1;
  top:0
}
.hpt-about-2-area .about-2-bg-shape-1 {
  position:absolute;
  right:0;
  z-index:-1;
  top:0
}
.hpt-about-2-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 98px 1fr;
  grid-template-columns:1fr 1fr;
  gap:100px 98px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-about-1-content-inner {
    padding-left:40px
  }
  .hpt-about-2-wrap {
    -ms-grid-columns:1fr 1.5fr;
    grid-template-columns:1fr 1.5fr
  }
}
.hpt-about-2-img-wrap {
  position:relative;
  display:inline-block
}
.hpt-about-2-img-wrap::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:40px;
  left:40px;
  background-color:transparent;
  border:2px solid #ff3838;
  z-index:-1;
  -webkit-animation:5s linear infinite ab-2-after;
  animation:5s linear infinite ab-2-after
}
.hpt-about-2-img-wrap .about-2-img {
  width:100%;
  height:740px;
  overflow:hidden
}
.hpt-about-2-feature {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 25px 1fr;
  grid-template-columns:1fr 1fr;
  gap:25px
}
@media (max-width:767px) {
  .hpt-about-1-btn-wrap {
    -ms-grid-columns:auto;
    grid-template-columns:auto
  }
  .hpt-about-2-wrap {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    gap:50px
  }
  .hpt-about-2-img-wrap::after {
    left:10px;
    top:10px
  }
  .hpt-about-2-feature {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
  .hpt-about-2-btn-wrap {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.hpt-about-2-feature-item {
  border:1px solid rgba(14,5,2,.1);
  background:#fff;
  position:relative;
  padding:30px 20px;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-about-2-feature-item .icon-2 {
  position:absolute;
  right:10px;
  top:10px;
  opacity:.1
}
.hpt-about-2-feature-item .icon-wrap {
  position:relative;
  padding-bottom:20px;
  margin-bottom:23px
}
.hpt-about-2-feature-item .icon-wrap::after {
  position:absolute;
  content:"";
  opacity:.1;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  width:40px;
  height:1px;
  left:0;
  bottom:0;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-about-2-feature-item .title {
  font-family:Kanit,sans-serif;
  font-size:22px;
  line-height:120%;
  font-weight:500;
  color:#00071a;
  margin-bottom:13px
}
.hpt-about-2-feature-item .text {
  font-size:14px;
  font-weight:400;
  line-height:160%;
  color:#4d515f;
  margin-bottom:0
}
.hpt-about-2-feature-item:Hover {
  border:1px solid rgba(255,56,56,.1)
}
.hpt-about-2-feature-item:Hover .icon-wrap::after {
  opacity:.3;
  width:100%
}
.hpt-about-2-btn-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:50px
}
.hpt-about-2-btn-wrap .play-btn-wrap .play-content .text {
  font-family:Kanit,sans-serif;
  font-size:24px;
  font-weight:500;
  color:#00071a;
  margin-bottom:5px;
  line-height:1
}
.hpt-about-2-btn-wrap .play-btn-wrap .play-content .number {
  display:inline-block;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:300;
  font-size:18px;
  line-height:1
}
.hpt-video-1-item .video-1-img {
  position:relative;
  width:100%;
  height:668px;
  overflow:hidden
}
.hpt-video-1-item .video-1-img::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#00071a;
  opacity:.5;
  z-index:1
}
.hpt-video-1-item .video-1-img .multi-img-wrap .multi-img {
  position:relative;
  width:100%;
  height:100%
}
.hpt-video-1-item .video-1-img .multi-img-wrap .multi-img .img-1 {
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  -webkit-animation:4s linear infinite loop-img-1;
  animation:4s linear infinite loop-img-1
}
.hpt-video-1-item .hpt-video-1-item-btn {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:2
}
.hpt-testimonial-1-title {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:555px 170px 1fr;
  grid-template-columns:555px 1fr;
  gap:170px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-testimonial-1-title .right .hpt-section-pera {
  margin-bottom:53px
}
.hpt-testimonial-1-slider-1 {
  width:100%;
  position:relative
}
.hpt-testimonial-1-slider-1-content .left {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:50%;
  padding-right:40px
}
.hpt-testimonial-1-slider-1-content .left .text {
  font-size:30px;
  line-height:1.44;
  font-weight:400;
  color:#00071a;
  letter-spacing:.3px;
  margin-bottom:60px
}
.hpt-testimonial-1-slider-1-content .left .text .qoute-icon {
  display:inline-block;
  font-size:60px;
  line-height:1;
  color:#f0831f;
  opacity:.4
}
.hpt-choose-2-feature-item,
.hpt-testimonial-1-slider-1-content .left .parson-wrap,
.hpt-testimonial-1-slider-2 .parson-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px
}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-img {
  width:80px;
  height:80px;
  border-radius:50%;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  padding:1px;
  overflow:hidden;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto
}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-content .name {
  font-size:24px;
  font-weight:600;
  color:#00071a;
  text-transform:capitalize;
  font-family:"Recoleta Alt";
  line-height:1.5
}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-content .bio {
  display:block;
  font-size:18px;
  font-weight:400;
  color:#4d515f;
  line-height:30px;
  text-transform:capitalize
}
.hpt-testimonial-1-slider-1-content .right {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:50%
}
.hpt-testimonial-1-slider-1-content .right .slide-img {
  width:100%;
  height:441px;
  overflow:hidden;
  -webkit-transition:1s linear;
  transition:1s linear
}
.hpt-testimonial-1-slider-2 .line {
  display:block;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  width:100%;
  height:1px;
  margin-bottom:30px;
  margin-top:30px
}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-img {
  width:68px;
  height:68px;
  border-radius:50%;
  background:0 0;
  padding:2px;
  overflow:hidden;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto
}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-img .parson-img-bg {
  padding:2px;
  background:#fff;
  border-radius:50%
}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-content .name {
  font-size:20px;
  font-weight:600;
  color:#00071a;
  text-transform:capitalize;
  font-family:"Recoleta Alt";
  line-height:1.5;
  margin-bottom:-5px
}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-content .bio {
  display:block;
  font-size:16px;
  font-weight:400;
  color:#4d515f;
  line-height:30px;
  text-transform:capitalize
}
.hpt-testimonial-1-sider-btn-wrap {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:absolute;
  left:47.5%;
  bottom:0;
  z-index:1;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.hpt-testimonial-1-sider-btn-wrap .left-btn,
.hpt-testimonial-1-sider-btn-wrap .right-btn {
  border:1px solid rgba(0,7,26,.04);
  background:rgba(0,7,26,.04);
  display:inline-block;
  width:62px;
  height:62px;
  line-height:56px;
  text-align:center;
  position:relative
}
.hpt-testimonial-1-sider-btn-wrap .left-btn::after,
.hpt-testimonial-1-sider-btn-wrap .right-btn::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:.4s linear;
  transition:.4s linear;
  z-index:-1
}
.hpt-testimonial-1-sider-btn-wrap .left-btn:hover svg *,
.hpt-testimonial-1-sider-btn-wrap .right-btn:hover svg * {
  fill:#fff
}
.hpt-testimonial-1-slider-2 .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .parson-wrap .parson-img {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.hpt-testimonial-section-4 {
  background-color:#00071a;
  padding-top:535px;
  margin-top:-430px
}
.hpt-testimonial-slider-4 .testimonial-desc-rate .quote-icon-1 {
  position:absolute;
  left:0;
  top:-45px;
  opacity:.2
}
.hpt-testimonial-slider-4 .testimonial-desc-rate .quote-icon-2 {
  position:absolute;
  right:0;
  bottom:10px;
  opacity:.2
}
.hpt-testimonial-slider-nav-4 .testimonial_nav img {
  width:180px;
  height:180px;
  margin:0 auto;
  border-radius:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%)
}
.hpt-testimonial-slider-nav-4 .swiper-slide-active .testimonial_nav img {
  -webkit-filter:grayscale(0%);
  filter:grayscale(0%)
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-testimonial-1-title {
    gap:50px
  }
  .hpt-testimonial-slider-nav-4 .testimonial-next_4,
  .hpt-testimonial-slider-nav-4 .testimonial-prev_4 {
    top:110%
  }
}
.hpt-testimonial-item-4 .testimonial-author h3 {
  color:#fff;
  font-size:32px;
  font-weight:600;
  font-family:Kanit,sans-serif;
  margin-bottom:8px
}
.hpt-testimonial-item-4 .testimonial-author span {
  color:#ff3838;
  font-weight:400;
  line-height:30px
}
.hpt-testimonial-item-4 .testimonial-desc-rate p {
  z-index:1;
  color:#fff;
  font-weight:500;
  font-style:italic;
  line-height:1.6;
  position:relative
}
.hpt-testimonial-item-4 .testimonial-desc-rate .testimonial-rate li i {
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-project-count-1-area {
  overflow:hidden;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  width:100%;
  max-width:1395px;
  margin:auto
}
.hpt-project-count-1-wrap {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background:var(--linear,linear-gradient(90deg,#eeeaff 0,#e6f1ff 48.58%,#def8ff 100%));
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:50px;
  padding:35px 150px;
  -webkit-clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%);
  clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%)
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-about-1-content-inner {
    padding-left:30px
  }
  .hpt-testimonial-1-title {
    gap:0
  }
  .hpt-testimonial-1-slider-1-content .left {
    width:51%
  }
  .hpt-testimonial-1-slider-1-content .right {
    width:49%
  }
  .hpt-project-count-1-wrap {
    padding-right:120px;
    padding-left:120px;
    gap:15px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-offer-1-item-single:is(.active) .hpt-offer-1-item-single-normal {
    width:505px
  }
  .hpt-about-1-img .about-1-img-2 {
    right:0
  }
  .hpt-testimonial-1-slider-1-content .left {
    width:100%
  }
  .hpt-project-count-1-wrap {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-right:120px;
    padding-left:120px;
    gap:15px
  }
}
.hpt-project-count-1-wrap .project-count-3-shape-1 {
  position:absolute;
  left:-73px;
  top:-48px;
  z-index:-1
}
.hpt-project-count-1-wrap .project-count-3-shape-2 {
  position:absolute;
  right:-55px;
  bottom:-65px;
  z-index:-1
}
.hpt-project-count-1-item .title {
  font-size:80px;
  line-height:1;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#E02626;
  color:transparent;
  margin-bottom:-4px
}
.hpt-project-count-1-item .title span {
  display:inline-block;
  line-height:1;
  margin-top:-2px
}
.hpt-project-count-1-item .text {
  display:block;
  font-size:18px;
  font-weight:400;
  color:#131928;
  line-height:1;
  text-transform:capitalize
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
  .hpt-about-2-wrap {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
  .hpt-project-count-1-item .title {
    font-size:60px;
    margin-bottom:-10px
  }
  .hpt-project-count-1-item .text {
    font-size:20px
  }
}
.htp-project-count-2-wrap .hpt-project-count-1-wrap {
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.htp-project-count-2-wrap .hpt-project-count-1-item .title {
  -webkit-text-stroke-color:#fff
}
.hpt-faq-1-area {
  position:relative;
  background-color:rgba(0,7,26,.03)
}
.hpt-faq-1-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 70px 1fr;
  grid-template-columns:1fr 1fr;
  gap:70px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-faq-1-img {
  width:100%;
  height:100%
}
.hpt-faq-1-left {
  height:100%;
  width:100%
}
.hpt-faq-1-right {
  width:100%;
  max-width:626px
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
  .hpt-faq-1-right {
    padding-top:120px;
    padding-bottom:120px
  }
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
  .hpt-faq-1-right {
    max-width:100%;
    padding:0 35px 120px
  }
}
@media (max-width:767px) {
  .hpt-video-1-item .video-1-img {
    height:450px
  }
  .hpt-testimonial-1-slider-1-content .left {
    width:100%;
    padding-right:0
  }
  .hpt-testimonial-slider-nav-4 .testimonial-next_4,
  .hpt-testimonial-slider-nav-4 .testimonial-prev_4 {
    top:110%
  }
  .hpt-project-count-1-wrap {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-right:45px;
    padding-left:55px;
    gap:15px
  }
  .hpt-project-count-1-item .title {
    font-size:60px;
    margin-bottom:0
  }
  .hpt-faq-1-right {
    max-width:100%;
    padding:0 15px 120px
  }
}
.hpt-faq-1-item-wrap .accordion-item {
  position:relative;
  background:0 0;
  border:none
}
.hpt-faq-1-item-wrap .accordion-item::after {
  position:absolute;
  content:"";
  width:100%;
  height:0%;
  top:0;
  left:0;
  opacity:.3;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-faq-1-item-wrap .accordion-item:is(.faq_bg)::after {
  height:100%
}
.hpt-faq-1-item-wrap .accordion-item:is(.faq_bg) .accordion-header .accordion-button {
  padding-left:15px;
  padding-right:15px
}
.hpt-faq-1-item-wrap .accordion-item:is(.faq_bg) .line {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%))
}
.hpt-faq-1-item-wrap .accordion-item .line {
  display:block;
  width:100%;
  height:1px;
  background:var(--919191,#919191)
}
.hpt-faq-1-item-wrap .accordion-item .accordion-header {
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  position:relative;
  z-index:1
}
.hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button {
  padding-right:0;
  padding-left:0;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background:0 0;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-transition:.3s linear;
  transition:.3s linear
}
.hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button .text {
  font-size:23px;
  font-family:"Recoleta Alt";
  font-weight:700;
  color:#00071a;
  line-height:1.55
}
.hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button .icon {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  text-align:center;
  font-size:11px;
  line-height:19px;
  color:#fff
}
.bi-breadcrumbs-content ul li:last-child:before,
.hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button::after,
.inv-lan-header-section .dropdown-menu a:after,
.inv-lan-header-section .dropdown-menu a:before {
  display:none
}
.hpt-faq-1-item-wrap .accordion-item .accordion-body {
  position:relative;
  z-index:1;
  padding-top:0
}
.hpt-faq-1-item-wrap .accordion-item .accordion-body .faq-text {
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:#00071a;
  margin-bottom:0;
  opacity:.8
}
.hpt-faq-2 .faq-1-bg-shape-1 {
  position:absolute;
  left:-120px;
  bottom:-100px;
  top:unset;
  -webkit-animation:10s linear infinite rotated;
  animation:10s linear infinite rotated
}
.hpt-faq-2 .hpt-faq-1-right {
  width:100%;
  max-width:100%;
  padding-left:50px;
  position:relative
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-faq-2 .hpt-faq-1-right {
    padding-top:0;
    padding-bottom:0;
    padding-right:0
  }
}
.hpt-faq-2 .hpt-faq-1-right .faq-2-img-bg {
  position:absolute;
  top:20px;
  right:-20px;
  z-index:-1
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
  .hpt-faq-2 .hpt-faq-1-right .faq-2-img-bg,
  .hpt-hero-2-slider-item .hero-2-curcle-position {
    display:none
  }
  .hpt-about-2-area .about-2-bg-img-1 {
    width:30%
  }
  .hpt-about-2-wrap .right {
    padding-top:0
  }
  .hpt-faq-1-wrap {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
}
.hpt-faq-2 .hpt-faq-1-img {
  -webkit-clip-path:polygon(18% 0,100% 0,100% 84%,82% 100%,0 100%,0 16%);
  clip-path:polygon(18% 0,100% 0,100% 84%,82% 100%,0 100%,0 16%);
  width:100%;
  height:740px;
  overflow:hidden
}
@media (max-width:767px) {
  .hpt-faq-2 .hpt-faq-1-img {
    height:450px
  }
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button .text {
  font-size:22px;
  font-family:Kanit,sans-serif;
  font-weight:500
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button .icon {
  position:relative;
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item .accordion-header .accordion-button .icon::after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  left:0;
  top:0;
  z-index:-1;
  opacity:.2;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item:is(.faq_bg) .accordion-header .accordion-button .text {
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item:is(.faq_bg) .accordion-header .accordion-button .icon {
  position:relative;
  background:unset;
  background-clip:unset;
  -webkit-background-clip:unset;
  -webkit-text-fill-color:unset;
  color:#fff
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item:is(.faq_bg) .accordion-header .accordion-button .icon::after {
  opacity:1
}
.hpt-faq-2 .hpt-faq-1-item-wrap .accordion-item:is(.faq_bg) .accordion-header .accordion-button .icon i::before {
  content:"\f068"
}
.hpt-blog-1-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:540px 40px 1fr;
  grid-template-columns:540px 1fr;
  gap:40px
}
.hpt-blog-1-item-single {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:200px 20px 1fr;
  grid-template-columns:200px 1fr;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-blog-1-item-single {
    -ms-grid-columns:320px 1fr;
    grid-template-columns:320px 1fr
  }
}
@media (max-width:767px) {
  .hpt-blog-1-item-single {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
}
.hpt-blog-1-item-single:not(:last-child) {
  padding-bottom:25px;
  border-bottom:1px solid rgba(21,32,40,.15);
  margin-bottom:25px
}
.hpt-blog-1-item-single .blog-1-img {
  width:100%;
  height:200px;
  overflow:hidden
}
.hpt-blog-1-item-single .blog-1-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-1-item-single .blog-1-content .meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border-bottom:1px solid rgba(21,32,40,.15);
  padding-bottom:12px;
  margin-bottom:13px
}
.hpt-blog-1-item-single .blog-1-content .meta .author,
.hpt-blog-1-item-single .blog-1-content .meta .date {
  font-size:16px;
  line-height:1.86;
  text-transform:uppercase;
  color:#152028
}
.hpt-blog-1-item-single .blog-1-content .meta .author .color,
.hpt-blog-1-item-single-2 .blog-1-content .meta .author .color {
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-blog-1-item-single .blog-1-content .blog-1 {
  color:#152028;
  font-size:26px;
  font-weight:600;
  line-height:1.3;
  margin-bottom:11px
}
.hpt-blog-1-item-single .blog-1-content .blog-1:hover,
.hpt-blog-1-item-single-2 .blog-1-content .blog-1:hover {
  color:#f0831f
}
.hpt-blog-1-item-single .blog-1-content .blog-1-pera {
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:#152028;
  margin-bottom:0
}
.hpt-blog-1-item-single-2 .blog-1-img {
  width:100%;
  height:700px;
  -webkit-clip-path:polygon(0 0,100% 0,100% 89%,93% 100%,7% 100%,0 89%);
  clip-path:polygon(0 0,100% 0,100% 89%,93% 100%,7% 100%,0 89%);
  background:#ececec;
  padding-bottom:75px
}
.hpt-blog-1-item-single-2 .blog-1-content-position {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:0 50px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-faq-1-img {
    width:70%
  }
  .hpt-blog-1-item-single-2 .blog-1-content-position {
    padding:0 38px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-blog-1-item-single-2 .blog-1-content-position {
    padding:0 68px
  }
}
@media (max-width:767px) {
  .hpt-blog-1-item-single-2 .blog-1-content-position {
    padding:0 21px
  }
}
.hpt-blog-1-item-single-2 .blog-1-content {
  background:rgba(0,7,26,.32);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  width:100%;
  padding:40px 50px 30px
}
@media (max-width:767px) {
  .hpt-blog-1-item-single-2 .blog-1-content {
    padding:30px 15px
  }
}
.hpt-blog-1-item-single-2 .blog-1-content .meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.2);
  padding-bottom:14px;
  margin-bottom:15px
}
.hpt-blog-1-item-single-2 .blog-1-content .meta .author,
.hpt-blog-1-item-single-2 .blog-1-content .meta .date {
  font-size:16px;
  line-height:1.86;
  text-transform:uppercase;
  color:#fff
}
.hpt-blog-1-item-single-2 .blog-1-content .blog-1 {
  color:#fff;
  font-size:32px;
  font-weight:600;
  line-height:1.25;
  margin-bottom:11px
}
@media (max-width:767px) {
  .hpt-blog-1-item-single-2 .blog-1-content .blog-1 {
    font-size:26px
  }
}
.hpt-blog-1-item-single-2 .blog-1-content .blog-1-pera {
  font-size:18px;
  font-weight:400;
  line-height:30px;
  color:#fff;
  margin-bottom:20px
}
.hpt-blog-1-item-single-2 .blog-1-content .blog-1-btn {
  text-align:right
}
.hpt-blog-2-area .blog-2-bg-shape-1 {
  position:absolute;
  right:12vw;
  bottom:6vh;
  -webkit-animation:10s linear infinite rotated;
  animation:10s linear infinite rotated
}
.hpt-blog-2-top {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:685px 1fr;
  grid-template-columns:685px 1fr
}
.hpt-blog-2-item {
  border-radius:10px;
  border:1px solid rgba(31,36,44,.15);
  background:#fff;
  -webkit-box-shadow:0 0 19px 0 rgba(255,255,255,.1) inset;
  box-shadow:0 0 19px 0 rgba(255,255,255,.1) inset;
  position:relative
}
.hpt-blog-2-item::after {
  position:absolute;
  content:"";
  border-radius:10px;
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  width:100%;
  height:0%;
  top:0;
  bottom:auto;
  left:0;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-2-item .blog-2-img {
  position:relative;
  z-index:1;
  width:100%;
  height:306px;
  overflow:hidden;
  border-radius:10px;
  margin-bottom:30px
}
.hpt-blog-2-item .blog-2-img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  -webkit-transition:1s linear;
  transition:1s linear
}
.hpt-blog-2-item .blog-2-img .date-position {
  position:absolute;
  left:0;
  top:20px
}
.hpt-blog-2-item .blog-2-img .date-wrap {
  overflow:hidden;
  position:relative;
  border-radius:0 8px 8px 0;
  border-right:1px solid #b60b0b;
  background:#fff;
  padding:6px 26px
}
.hpt-blog-2-item .blog-2-auhor-wrap .blog-2-btn,
.hpt-blog-2-item .blog-2-img .date-wrap .date,
.hpt-blog-2-item .blog-2-img .date-wrap::after {
  background:var(--Linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.hpt-blog-2-item .blog-2-img .date-wrap::after {
  position:absolute;
  content:"";
  width:0%;
  height:100%;
  border-radius:0 8px 8px 0;
  top:0;
  right:auto;
  left:0;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-2-item .blog-2-img .date-wrap .date {
  position:relative;
  z-index:1;
  line-height:1;
  display:inline-block;
  font-size:14px;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:500;
  text-transform:capitalize;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-2-item .blog-2-content {
  position:relative;
  z-index:1;
  padding:0 30px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-blog-2-item .blog-2-content {
    padding:0 15px
  }
}
@media (max-width:767px) {
  .hpt-blog-2-item .blog-2-content {
    padding:0 15px
  }
}
.hpt-blog-2-item .blog-2-content .blog-2-title {
  font-size:26px;
  color:#00071a;
  line-height:1.23;
  margin-bottom:22px;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-blog-2-item .blog-2-content .blog-2-title {
    font-size:20px
  }
  .hpt-contact-1-wrap .contact-1-bg-shape {
    height:434px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-blog-2-item .blog-2-content .blog-2-title {
    font-size:22px
  }
}
@media (max-width:767px) {
  .hpt-blog-2-item .blog-2-content .blog-2-title {
    font-size:20px
  }
}
.hpt-blog-2-item .blog-2-content .blog-2-title a {
  background-position-y:-1px;
  background-repeat:no-repeat;
  background-size:0 100%;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  background-image:linear-gradient(transparent calc(100% - 2px),currentColor 1px);
  -webkit-transition:.6s cubic-bezier(.215, .61, .355, 1);
  transition:.6s cubic-bezier(.215, .61, .355, 1)
}
.hpt-blog-2-item .blog-2-content .blog-2-pera {
  color:#4d515f;
  font-size:16px;
  font-weight:400;
  line-height:26px;
  margin-bottom:33px;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-2-item .blog-2-auhor-wrap {
  position:relative;
  z-index:1;
  border-top:1px solid #dddedf;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:15px 30px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-blog-2-item .blog-2-auhor-wrap {
    padding:15px
  }
}
@media (max-width:767px) {
  .hpt-blog-2-item .blog-2-auhor-wrap {
    padding:15px
  }
}
.hpt-blog-2-item .blog-2-auhor-wrap .blog-2-author {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto
}
.hpt-blog-2-item .blog-2-auhor-wrap .blog-2-author .img {
  display:inline-block;
  width:40px;
  height:40px;
  border-radius:50%;
  overflow:hidden;
  margin-right:10px
}
.hpt-blog-2-item .blog-2-auhor-wrap .blog-2-author .name {
  text-transform:uppercase;
  font-weight:600;
  display:inline-block;
  color:#00071a;
  font-size:16px;
  line-height:1px;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
@media (max-width:767px) {
  .hpt-blog-2-item .blog-2-auhor-wrap .blog-2-author .name {
    display:none
  }
}
.hpt-blog-2-item .blog-2-auhor-wrap .blog-2-btn {
  display:inline-block;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:500;
  font-size:16px;
  line-height:1;
  text-transform:uppercase;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-2-item:hover::after {
  height:100%;
  top:auto;
  bottom:0;
  left:0
}
.hpt-blog-2-item:hover .blog-2-img img {
  -webkit-filter:grayscale(0%);
  filter:grayscale(0%);
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.hpt-blog-2-item:hover .blog-2-img .date-wrap::after {
  width:100%;
  right:0;
  left:auto
}
.hpt-blog-2-item:hover .blog-2-img .date-wrap .date {
  line-height:1;
  background:unset;
  background-clip:unset;
  -webkit-background-clip:unset;
  -webkit-text-fill-color:unset;
  color:#fff
}
.hpt-blog-2-item:hover .blog-2-content .blog-2-title {
  color:#fff;
  -webkit-transition:.4s linear;
  transition:.4s linear
}
.hpt-blog-2-item:hover .blog-2-content .blog-2-title a {
  background-size:100% 100%
}
.hpt-blog-2-item:hover .blog-2-content .blog-2-pera {
  color:#fff;
  opacity:.7
}
.hpt-blog-2-item:hover .blog-2-auhor-wrap {
  border-top:1px solid #fff
}
.hpt-blog-2-item:hover .blog-2-auhor-wrap .blog-2-btn {
  display:inline-block;
  background:unset;
  background-clip:unset;
  -webkit-background-clip:unset;
  -webkit-text-fill-color:unset;
  color:#fff
}
.hpt-contact-1-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1.5fr 1fr;
  grid-template-columns:1.5fr 1fr;
  position:relative;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:end
}
.hpt-contact-1-wrap .contact-1-bg-shape {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%
}
.hpt-contact-1-form {
  position:relative;
  padding:40px 30px;
  background:var(--linear,linear-gradient(90deg,#e02626 0,#f0831f 100%));
  width:100%;
  max-width:414px
}
.hpt-marquee-2-content-1-bg,
.hpt-marquee-2-content-2-item .text {
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.hpt-contact-1-form .shape-1 {
  position:absolute;
  left:-30px;
  top:0
}
.hpt-contact-1-form .shape-2 {
  position:absolute;
  right:-30px;
  top:0
}
.hpt-contact-1-form .form-title {
  font-size:32px;
  line-height:1.25;
  color:#fff;
  letter-spacing:.96px;
  text-align:center;
  margin-bottom:26px
}
.hpt-marquee-2-content-1-item .text,
.hpt-marquee-2-content-2-item .text {
  font-size:36px;
  line-height:1;
  font-family:Kanit,sans-serif;
  white-space:nowrap;
  text-transform:uppercase
}
.hpt-contact-1-form .input-item .icon {
  position:absolute;
  top:50%;
  left:17px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
@media (max-width:767px) {
  .hpt-contact-1-form .input-item .icon {
    left:6px
  }
}
.hpt-contact-1-form .input-item .icon-textarea {
  position:absolute;
  top:18px;
  left:17px
}
@media (max-width:767px) {
  .hpt-contact-1-form .input-item .icon-textarea {
    left:6px
  }
}
.hpt-contact-1-form .input-item input,
.hpt-contact-1-form .input-item textarea {
  border:1px solid rgba(255,255,255,.2);
  background:0 0;
  width:100%;
  height:54px;
  color:#fff;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  letter-spacing:.14px;
  padding:0 55px
}
@media (max-width:767px) {
  .hpt-contact-1-form .input-item input,
  .hpt-contact-1-form .input-item textarea {
    padding:0 35px
  }
  .hpt-choose-2-area::before {
    display:none
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .scetion-title-2 {
    font-size:42px
  }
  .hpt-blog-2-item .blog-2-auhor-wrap .blog-2-author .name,
  .hpt-choose-2-area::before,
  .hpt-header-1-action .hpt-cart-btn-1,
  .hpt-header-1-action .hpt-search-btn-1,
  .hpt-header-2-action .cart-btn-2 {
    display:inline-block
  }
  .hpt-header-2-content {
    padding:20px 70px
  }
  .hpt-hero-1-slider-content {
    padding-top:215px;
    padding-bottom:215px
  }
  .hpt-hero-1-slider-content .hero-1-title,
  .hpt-hero-2-slider-content .hero-2-title {
    font-size:60px
  }
  .hero-1-play-btn-wrap {
    margin-left:32px;
    padding-top:0
  }
  .hpt-hero-2-slider-content .hero-2-btn-wrap,
  .popup-search-box-form {
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  .orixy__sponser-area:is(.pt-125) {
    padding-top:125px
  }
  .hpt-project-1-item-img-big {
    height:740px
  }
  .hpt-faq-2 .hpt-faq-1-img,
  .hpt-project-1-item-img-medle {
    height:600px
  }
  .hpt-project-2-item .img-wrap {
    height:700px
  }
  .popup-search-box .title {
    font-size:36px
  }
  .popup-search-box-form .popup-search-box-close-action-btn {
    margin:0 0 0 25px
  }
  .popup-search-box form {
    margin-bottom:0
  }
  .htp-client-logo-1-wrap {
    -ms-grid-columns:200px auto;
    grid-template-columns:200px auto
  }
  .htp-client-logo-1-wrap .title-wrap {
    height:222px
  }
  .hpt-offer-1-item-single-normal {
    width:154px
  }
  .hpt-offer-1-item-single-hover {
    padding:40px
  }
  .hpt-offer-1-item-single-hover .offer-1-title {
    font-size:30px
  }
  .hpt-offer-1-item-single-hover .btn-wrap {
    text-align:right
  }
  .hpt-about-1-img .about-1-img-2 {
    right:0;
    width:275px
  }
  .hpt-about-1-feature {
    -ms-grid-columns:auto;
    grid-template-columns:auto;
    padding:25px 35px
  }
  .hpt-about-2-feature {
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr
  }
  .hpt-faq-1-right {
    max-width:100%;
    padding:0 35px 120px
  }
  .hpt-blog-1-item-single {
    -ms-grid-columns:200px 1fr;
    grid-template-columns:200px 1fr
  }
  .hpt-blog-1-item-single-2 .blog-1-content-position {
    padding:0 36px
  }
  .hpt-blog-1-item-single-2 .blog-1-content {
    padding:30px 50px
  }
  .hpt-blog-1-item-single-2 .blog-1-content .blog-1 {
    font-size:28px
  }
  .hpt-blog-2-item .blog-2-content {
    padding:0 30px
  }
  .hpt-blog-2-item .blog-2-content .blog-2-title {
    font-size:24px
  }
  .hpt-blog-2-item .blog-2-auhor-wrap {
    padding:15px 30px
  }
  .hpt-contact-1-form .input-item .icon,
  .hpt-contact-1-form .input-item .icon-textarea {
    left:17px
  }
  .hpt-contact-1-form .input-item input,
  .hpt-contact-1-form .input-item textarea {
    padding:0 55px
  }
}
.hpt-contact-1-form .input-item input::-webkit-input-placeholder,
.hpt-contact-1-form .input-item textarea::-webkit-input-placeholder {
  text-transform:capitalize;
  color:#fff;
  font-size:14px;
  letter-spacing:.14px
}
.hpt-contact-1-form .input-item input::-moz-placeholder,
.hpt-contact-1-form .input-item textarea::-moz-placeholder {
  text-transform:capitalize;
  color:#fff;
  font-size:14px;
  letter-spacing:.14px
}
.hpt-contact-1-form .input-item input:-ms-input-placeholder,
.hpt-contact-1-form .input-item textarea:-ms-input-placeholder {
  text-transform:capitalize;
  color:#fff;
  font-size:14px;
  letter-spacing:.14px
}
.hpt-contact-1-form .input-item input::-ms-input-placeholder,
.hpt-contact-1-form .input-item textarea::-ms-input-placeholder {
  text-transform:capitalize;
  color:#fff;
  font-size:14px;
  letter-spacing:.14px
}
.hpt-contact-1-form .input-item input::placeholder,
.hpt-contact-1-form .input-item textarea::placeholder {
  text-transform:capitalize;
  color:#fff;
  font-size:14px;
  letter-spacing:.14px
}
.hpt-contact-1-form .input-item textarea {
  padding-top:17px;
  height:115px
}
.hpt-contact-1-form .form-btn-wrap .contact-1-btn {
  width:100%;
  height:54px;
  background-color:#00071a;
  border:none;
  outline:0;
  color:#fff;
  text-transform:uppercase;
  font-size:16px;
  font-weight:600;
  line-height:26px
}
.hpt-contact-1-form .form-btn-wrap .contact-1-btn:hover {
  background-color:#fff;
  color:#e02626
}
.hpt-marquee-2-wrap {
  overflow:hidden;
  padding-top:35px;
  padding-bottom:35px
}
.hpt-marquee-2-content-1-bg {
  rotate:2deg;
  width:100%;
  padding:32px 0;
  -webkit-animation:20s linear infinite marquee-zindex-2;
  animation:20s linear infinite marquee-zindex-2
}
.hpt-marquee-2-content-1-item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  gap:30px;
  -webkit-transition:.4s linear;
  transition:.4s linear;
  -webkit-animation:20s linear infinite marquee-animation-2;
  animation:20s linear infinite marquee-animation-2
}
.hpt-marquee-2-content-1-item .text {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  font-weight:500;
  margin-bottom:0;
  color:#fff
}
.hpt-marquee-2-content-1-item .text .icon,
.hpt-marquee-2-content-2-item .text .icon {
  margin-right:5px;
  margin-top:-15px
}
.hpt-marquee-2-content-2-bg {
  background-color:var(--clr-common-white);
  padding:28px 0;
  rotate:-2deg;
  margin-top:-92px;
  overflow:hidden
}
.hpt-marquee-2-content-2-item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  gap:30px;
  -webkit-animation:20s linear infinite marquee-right-animation-2;
  animation:20s linear infinite marquee-right-animation-2
}
.hpt-marquee-2-content-2-item .text {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  font-weight:500;
  margin-bottom:0;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hpt-choose-2-area::after {
  position:absolute;
  content:"";
  right:0;
  bottom:0;
  width:70%;
  height:100%;
  background-color:#fff
}
.hpt-choose-2-area::before {
  position:absolute;
  content:"";
  right:0;
  bottom:0;
  width:22px;
  height:430px;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%));
  z-index:1
}
.hpt-choose-2-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:640px 58px 1fr;
  grid-template-columns:640px 1fr;
  gap:58px;
  position:relative;
  z-index:1
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-choose-2-wrap {
    -ms-grid-columns:500px 1fr;
    grid-template-columns:500px 1fr
  }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
  .hpt-menu-btn-1,
  .hpt-menu-btn-2 {
    width:50px;
    height:50px;
    font-size:20px;
    line-height:50px
  }
  .hpt-offer-1-item-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:20px
  }
  .hpt-faq-2 .hpt-faq-1-right {
    padding:50px 0 0
  }
  .hpt-blog-1-wrap,
  .hpt-choose-2-wrap {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
  .hpt-choose-2-area {
    background-color:#fff;
    padding-bottom:120px
  }
  .hpt-choose-2-area::after {
    display:none
  }
}
.hpt-choose-2-img-wrap .img {
  width:100%;
  height:854px;
  overflow:hidden
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-choose-2-img-wrap .img {
    height:890px
  }
}
@media (max-width:767px) {
  .hpt-choose-2-img-wrap .img {
    height:450px
  }
}
.hpt-choose-2-img-wrap .img-content-wrap {
  position:absolute;
  top:0;
  left:0;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 1fr;
  grid-template-columns:1fr 1fr;
  -ms-grid-rows:1fr 1fr;
  grid-template-rows:1fr 1fr;
  height:100%;
  width:100%
}
.hpt-choose-2-img-wrap .img-content-wrap>:first-child {
  -ms-grid-row:1;
  -ms-grid-column:1
}
.hpt-choose-2-img-wrap .img-content-wrap>:nth-child(2) {
  -ms-grid-row:1;
  -ms-grid-column:2
}
.hpt-choose-2-img-wrap .img-content-wrap>:nth-child(3) {
  -ms-grid-row:2;
  -ms-grid-column:1
}
.hpt-choose-2-img-wrap .img-content-wrap>:nth-child(4) {
  -ms-grid-row:2;
  -ms-grid-column:2
}
.hpt-choose-2-img-wrap .img-content-wrap .img-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:30px;
  position:relative;
  background:var(--linear,linear-gradient(90deg,#b60b0b 0,#ff3838 100%))
}
.hpt-choose-2-img-wrap .img-content-wrap .img-content h4 {
  font-size:44px;
  line-height:1.22;
  color:#fff;
  margin-bottom:0;
  font-family:Kanit,sans-serif;
  font-weight:500
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-choose-2-img-wrap .img-content-wrap .img-content h4 {
    font-size:32px
  }
}
@media (max-width:767px) {
  .hpt-choose-2-img-wrap .img-content-wrap .img-content h4 {
    font-size:16px
  }
  .hpt-choose-2-feature-item {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.hpt-choose-2-img-wrap .img-content-wrap .img-content .icon {
  position:absolute;
  top:0;
  left:0
}
.hpt-choose-2-img-wrap .img-content-wrap .img-content.rb-border {
  border-right:1px solid #fff;
  border-bottom:1px solid #fff
}
.hpt-choose-2-img-wrap .img-content-wrap .animate-div.lt-border {
  border-top:1px solid #fff;
  border-left:1px solid #fff
}
.hpt-choose-2-feature {
  border-bottom:1px solid rgba(0,0,0,.15);
  padding-bottom:50px
}
.hpt-choose-2-feature-item .icon {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:96px;
  height:96px;
  text-align:center;
  line-height:96px;
  background-color:rgba(182,11,11,.2);
  border-radius:50%;
  position:relative
}
.hpt-choose-2-feature-item .content {
  width:100%;
  max-width:515px
}
.hpt-choose-2-feature-item .content .title {
  font-family:Kanit,sans-serif;
  font-size:24px;
  font-weight:500;
  line-height:1.33;
  border-bottom:1px solid #00071a;
  border-style:dashed;
  border-top:none;
  border-left:none;
  border-right:0;
  padding-bottom:10px;
  margin-bottom:10px
}
@media (max-width:767px) {
  .hpt-choose-2-feature-item .content .title {
    font-size:22px
  }
}
.hpt-choose-2-feature-item .content .text {
  font-size:16px;
  font-weight:400;
  color:#4d515f;
  line-height:26px;
  margin-bottom:0;
  max-width:465px
}
.hpt-choose-2-btn-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:65px
}
.hpt-choose-2-btn-wrap .call-btn-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:92px auto;
  grid-template-columns:92px auto;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.hpt-choose-2-btn-wrap .call-btn-wrap .number {
  font-family:Kanit,sans-serif;
  font-size:26px;
  line-height:1.15;
  font-weight:500;
  margin-bottom:0;
  color:#00071a
}
.hpt-cta-2-area {
  background-color:#00071a;
  position:relative
}
.hpt-cta-2-area .bg-img-1 {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}
.hpt-cta-2-area .bg-shape-1 {
  position:absolute;
  right:11vw;
  bottom:-40px
}
@media only screen and (min-width:1600px) and (max-width:1799px),only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
  .hpt-blog-2-area .blog-2-bg-shape-1 {
    right:0
  }
  .hpt-cta-2-area .bg-shape-1 {
    display:none
  }
}
.hpt-cta-2-wrap {
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:672px 60px 1fr;
  grid-template-columns:672px 1fr;
  gap:60px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-bottom:80px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hpt-cta-2-wrap {
    -ms-grid-columns:580px 1fr;
    grid-template-columns:580px 1fr
  }
}
.hpt-cta-2-img {
  width:100%;
  height:550px;
  overflow:overlay
}
.hpt-cta-2-content>.icon img {
  -webkit-animation:5s linear infinite cta-2-icon;
  animation:5s linear infinite cta-2-icon
}
.hpt-cta-2-content .number {
  color:#fff;
  font-family:Kanit,sans-serif;
  font-size:50px;
  line-height:1.08;
  font-weight:600;
  margin-bottom:21px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-contact-1-wrap {
    -ms-grid-columns:1fr 30px 1fr;
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .hpt-contact-1-wrap .contact-1-bg-shape {
    height:433px
  }
  .hpt-cta-2-wrap {
    -ms-grid-columns:400px 1fr;
    grid-template-columns:400px 1fr
  }
  .hpt-cta-2-content .number {
    font-size:40px
  }
}
@media (max-width:767px) {
  .hpt-choose-2-btn-wrap {
    gap:40px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .hpt-cta-2-content .number {
    font-size:26px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .hpt-choose-2-img-wrap .img {
    height:600px
  }
  .hpt-choose-2-img-wrap .img-content-wrap .img-content h4 {
    font-size:28px
  }
  .hpt-choose-2-feature-item {
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  .hpt-choose-2-feature-item .content .title {
    font-size:24px
  }
  .hpt-cta-2-content .number {
    font-size:36px
  }
}
.hpt-cta-2-content .text {
  font-size:18px;
  font-weight:400;
  line-height:1.66;
  color:#fff;
  margin-bottom:42px
}
.hpt-cta-2-content .btn-wrap {
  -ms-flex-item-align:left;
  -ms-grid-row-align:left;
  align-self:left
}
.hpt-cta-3-wrap {
  border-radius:10px;
  position:relative;
  z-index:1
}
.hpt-cta-3-content {
  padding:80px 90px;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:690px 1fr;
  grid-template-columns:690px 1fr;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  justify-items:end
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
  .hpt-cta-3-content {
    -ms-grid-columns:2fr 1fr;
    grid-template-columns:2fr 1fr
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hpt-cta-3-content {
    -ms-grid-columns:2fr 1fr;
    grid-template-columns:2fr 1fr;
    padding:80px 20px
  }
}
.hpt-cta-3-content .tittle {
  font-size:50px;
  font-weight:600;
  line-height:1.1;
  color:#fff;
  margin-bottom:0
}
@media (max-width:767px) {
  .hpt-cta-3-content {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    padding:40px 20px;
    justify-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:40px
  }
  .hpt-cta-3-content .tittle {
    text-align:center;
    font-size:32px
  }
}
.hpt-footer-section {
  margin-top:-125px
}
.hpt-footer-widget-content {
  padding:200px 0 50px
}
.bi-footer-widget .widget-title,
.hpt-footer-widget .widget-title {
  color:#fff;
  font-size:26px;
  font-weight:600;
  position:relative;
  padding-bottom:5px;
  margin-bottom:23px;
  display:inline-block
}
.bi-footer-widget .widget-title:before,
.hpt-footer-widget .widget-title::before {
  left:0;
  bottom:0;
  height:1px;
  content:"";
  width:100%;
  position:absolute;
  background-color:#fff
}
.bi-footer-widget .about-widget,
.hpt-footer-widget .about-widget {
  max-width:440px
}
.hpt-footer-widget .about-widget h3 {
  color:#fff;
  font-size:40px;
  font-weight:600;
  line-height:1.25;
  padding-bottom:12px;
  margin-bottom:30px
}
.hpt-footer-widget .about-widget p {
  color:#fff;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  opacity:.8;
  margin-bottom:0
}
.bi-footer-widget .menu-widget li,
.hpt-footer-widget .menu-widget li {
  margin-bottom:8px
}
.bi-footer-widget .menu-widget li a,
.hpt-footer-widget .menu-widget li a {
  color:#e3e3e3;
  font-size:15px;
  position:relative
}
.hpt-footer-widget .menu-widget li a::before {
  left:0;
  bottom:0;
  right:0;
  width:0%;
  content:"";
  height:1px;
  margin:0 auto;
  position:absolute;
  -webkit-transition:.5s;
  transition:.5s
}
.hpt-footer-social-content {
  padding-bottom:15px;
  border-bottom:1px solid #16232b
}
.bi-footer-social-content ul,
.hpt-footer-social-content ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
  .hpt-header-2-area {
    padding-top:20px;
    padding-bottom:20px
  }
  .hpt-marquee-2-wrap,
  .sticky_header_2 {
    padding-top:0;
    padding-bottom:0
  }
  .hpt-about-1-area,
  .hpt-project-1-area {
    padding-bottom:120px
  }
  .hpt-contact-1-wrap,
  .hpt-cta-2-wrap,
  .hpt-project-1-wrap,
  .hpt-project-2-item-wrap-1 {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr
  }
  .hpt-project-1-wrap .project-1-right {
    padding-top:0
  }
  .hpt-project-2-item:is(.pt-170) {
    padding-top:0
  }
  .hpt-contact-1-form .shape-1,
  .hpt-contact-1-form .shape-2,
  .hpt-project-2-section-title .scetion-title-2 br,
  .hpt-service-2-section-title .scetion-title-2 br {
    display:none
  }
  .hpt-project-2-section-btn {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    gap:30px
  }
  .hpt-project-2-section-btn .hpt-btn-3 {
    -ms-grid-column-align:start;
    justify-self:start
  }
  .hpt-service-2-content {
    padding-top:0;
    grid-column:1/-1
  }
  .hpt-service-2-content .btn-wrap {
    position:unset
  }
  .hpt-about-1-wrap {
    -ms-grid-columns:auto;
    grid-template-columns:auto;
    gap:150px 0
  }
  .hpt-about-1-content-inner {
    padding-left:0
  }
  .hpt-blog-2-top,
  .hpt-testimonial-1-title {
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    gap:40px
  }
  .hpt-testimonial-1-slider-1-content {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:30px
  }
  .hpt-testimonial-1-slider-1-content .right {
    width:100%
  }
  .hpt-testimonial-1-sider-btn-wrap {
    left:0;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    background-color:#fff
  }
  .hpt-blog-2-top .btn-wrap {
    -ms-flex-item-align:start;
    -ms-grid-row-align:start;
    align-self:start;
    -ms-grid-column-align:start;
    justify-self:start
  }
  .hpt-contact-1-form {
    max-width:100%
  }
  .hpt-footer-social-content ul {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:30px;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
}
.hpt-footer-social-content ul li {
  color:#fff;
  font-size:21px;
  font-weight:600
}
.bi-footer-social-content ul li i,
.hpt-footer-social-content ul li i {
  font-size:17px;
  margin-right:8px
}
.hpt-footer-logo {
  padding:30px 0;
  border-bottom:1px solid #16232b
}
.hpt-footer-logo .logo-mail h3 {
  color:#fff;
  font-size:30px;
  padding-top:10px;
  font-weight:300;
  margin-bottom:0
}
.hpt-footer-copyright {
  padding:15px 0;
  font-size:15px;
  font-weight:500;
  color:#fff;
  font-family:"Recoleta Alt";
  margin-bottom:0
}
.hpt-footer-2 {
  margin-top:-115px;
  background-color:#0e0f13
}
.bi-bredcrumbs-section .background_overlay {
  z-index:-1;
  background:-webkit-gradient(linear,left bottom,left top,from(rgba(22,35,43,.9)),to(rgba(22,35,43,.9)));
  background:linear-gradient(0deg,rgba(22,35,43,.9) 0,rgba(22,35,43,.9) 100%)
}
.bi-breadcrumbs-content {
  padding:300px 0 230px
}
.bi-breadcrumbs-content h2 {
  color:#fff;
  font-size:98px;
  font-weight:700;
  padding-bottom:40px
}
.bi-breadcrumbs-content ul {
  padding:18px 30px;
  border-radius:10px;
  display:inline-block;
  font-family:var(--heading);
  border:1px solid var(--base-color);
  background:rgba(255,56,56,.1)
}
.bi-breadcrumbs-content ul li {
  font-weight:700;
  margin-right:40px;
  position:relative;
  color:var(--base-color)
}
.bi-breadcrumbs-content ul li:before {
  top:4px;
  width:24px;
  content:"";
  height:24px;
  right:-35px;
  position:absolute;
  background-repeat:no-repeat;
  background-image:url(../img/left-arrow.svg)
}
.bi-service-feed-item {
  z-index:1;
  overflow:hidden;
  border-radius:10px;
  margin-bottom:30px;
  padding:70px 30px 45px;
  background:rgba(14,14,14,.01999)
}
.bi-service-feed-item:before {
  width:0;
  height:0;
  bottom:0;
  z-index:-1;
  left:-50px;
  content:"";
  opacity:0;
  visibility:hidden;
  position:absolute;
  -webkit-transition:.5s;
  transition:.5s;
  border-bottom:300px solid rgba(255,56,56,.3);
  border-right:390px solid transparent
}
.bi-service-feed-item .hover_img {
  top:0;
  left:0;
  opacity:0;
  z-index:-2;
  width:100%;
  height:100%;
  visibility:hidden;
  -webkit-filter:grayscale(1);
  filter:grayscale(1);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-service-feed-item .hover_img:before {
  top:0;
  left:0;
  width:100%;
  content:"";
  height:100%;
  position:absolute;
  background:-webkit-gradient(linear,left bottom,left top,from(rgba(22,35,43,.6)),to(rgba(22,35,43,.6)));
  background:linear-gradient(0deg,rgba(22,35,43,.6) 0,rgba(22,35,43,.6) 100%)
}
.bi-service-feed-item .serial-number {
  top:10px;
  right:20px;
  color:#16232b;
  font-size:70px;
  font-weight:700;
  font-family:var(--heading);
  opacity:.1000000015;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#16232B
}
.bi-service-feed-item .service-icon {
  z-index:1;
  margin-bottom:15px
}
.bi-service-feed-item .service-icon:before {
  z-index:-1;
  top:-10px;
  left:-10px;
  width:68px;
  content:"";
  height:68px;
  position:absolute;
  border-radius:100%;
  opacity:.0500000007;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-service-feed-item .service-icon i {
  font-size:70px;
  line-height:.75;
  color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-blog-feed-item-3 .blog-text h3,
.bi-service-feed-item .service-text h3 {
  color:#0e0e0e;
  font-size:30px;
  font-weight:700;
  padding-bottom:10px
}
.bi-service-feed-item .service-text p {
  color:#555;
  font-size:16px;
  padding-bottom:25px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-service-feed-item .service-text .read_more {
  width:60px;
  height:60px;
  border-radius:100%;
  color:var(--base-color);
  background-color:rgba(255,56,56,.05)
}
.bi-service-feed-item:hover:before {
  left:0;
  opacity:1;
  visibility:visible;
  -webkit-transition-delay:0.3s;
  transition-delay:0.3s
}
.bi-service-feed-item:hover .serial-number {
  opacity:.5;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff
}
.bi-service-feed-item:hover .service-icon:before,
.inv-demo-page-item:hover .inv-demo-hover {
  opacity:1
}
.bi-career-section,
.service-portfolio {
  background-color:rgba(22,35,43,.05)
}
.bi-blog-details-content,
.bi-career-details-text-area,
.bi-service-details-text-area {
  padding:30px;
  border-radius:10px;
  border:1px solid rgba(22,35,43,.1)
}
.bi-portfolio-details-img,
.bi-service-details-text-area .bi-service-details-img {
  overflow:hidden;
  border-radius:10px;
  margin-bottom:40px
}
.bi-service-details-text-area .bi-service-details-text h3,
.bi-service-details-text-area .bi-service-details-text h4 {
  color:#0e0e0e;
  font-size:50px;
  font-weight:700;
  padding-bottom:30px
}
.bi-service-details-text-area .bi-service-details-text h4 {
  font-size:30px;
  padding-bottom:20px
}
.bi-service-details-text-area .bi-service-details-feature .service-star {
  left:0;
  right:0;
  top:46%;
  z-index:-1;
  margin:0 auto;
  text-align:center;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-service-details-text-area .bi-sd-feature {
  padding:30px;
  margin-bottom:30px;
  border-radius:10px;
  background:#f3f4f4
}
.bi-service-details-text-area .bi-sd-feature .bi-sd-icon-title .inner-icon i {
  font-size:42px;
  line-height:.75;
  color:var(--base-color)
}
.bi-service-details-text-area .bi-sd-feature .bi-sd-icon-title .inner-title h4 {
  color:#0e0e0e;
  font-size:20px;
  font-weight:700
}
.bi-service-details-text-area .bi-faq-content-area {
  padding:30px 0 0;
  max-width:100%;
  background-color:transparent
}
.bi-single-sidebar {
  top:110px;
  position:sticky;
  padding-left:15px
}
.bi-sidebar-widget .widget-title {
  font-size:24px;
  font-weight:600;
  padding-left:40px;
  position:relative;
  margin-bottom:15px;
  color:#000
}
.bi-sidebar-widget .widget-title:before {
  left:0;
  top:10px;
  height:4px;
  width:30px;
  content:"";
  border-radius:30px;
  position:absolute;
  background-color:var(--base-color)
}
.bi-sidebar-widget .widget-area {
  padding:20px;
  border-radius:10px;
  border:1px solid rgba(22,35,43,.1)
}
.bi-sidebar-widget .search-widget input {
  color:#000;
  width:100%;
  border:none;
  height:60px;
  padding-left:15px;
  border-radius:5px;
  background:rgba(22,35,43,.05)
}
.bi-sidebar-widget .search-widget input::-webkit-input-placeholder {
  color:#555;
  font-family:var(--heading)
}
.bi-sidebar-widget .search-widget input::-moz-placeholder {
  color:#555;
  font-family:var(--heading)
}
.bi-sidebar-widget .search-widget input:-ms-input-placeholder {
  color:#555;
  font-family:var(--heading)
}
.bi-sidebar-widget .search-widget input::-ms-input-placeholder {
  color:#555;
  font-family:var(--heading)
}
.bi-sidebar-widget .search-widget input::placeholder {
  color:#555;
  font-family:var(--heading)
}
.bi-sidebar-widget .search-widget button {
  top:0;
  right:0;
  color:#fff;
  width:60px;
  border:none;
  height:60px;
  border-radius:5px;
  position:absolute;
  background-color:var(--base-color)
}
.bi-sidebar-widget .service-widget li a {
  width:100%;
  color:#0e0e0e;
  font-weight:500;
  padding:15px 30px;
  border-radius:5px;
  position:relative;
  display:inline-block;
  font-family:var(--heading);
  background-color:rgba(22,35,43,.05)
}
.bi-sidebar-widget .service-widget li a:after {
  top:0;
  left:0;
  width:10px;
  content:"";
  height:100%;
  position:absolute;
  border-radius:30px;
  -webkit-transition:.5s;
  transition:.5s;
  background-color:rgba(255,56,56,.105)
}
.bi-sidebar-widget .service-widget li a:before {
  top:12px;
  right:15px;
  color:#fff;
  width:35px;
  height:35px;
  content:"\f176";
  font-weight:300;
  position:absolute;
  text-align:center;
  border-radius:5px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition:.5s;
  transition:.5s;
  font-family:"Font Awesome 5 Brands";
  background-color:var(--base-color)
}
.bi-sidebar-widget .add-widget {
  overflow:hidden;
  padding:60px 40px;
  border-radius:10px;
  background-color:transparent
}
.bi-sidebar-widget .add-widget .add-widget-area .add-icon {
  width:62px;
  height:62px;
  margin:0 auto 30px;
  border-radius:100%;
  border:5px solid var(--base-color)
}
.bi-sidebar-widget .add-widget .add-widget-area .add-text h3 {
  color:#fff;
  font-size:38px;
  font-weight:800;
  padding-bottom:15px
}
.bi-sidebar-widget .add-widget .add-widget-area .add-text p {
  color:#fff;
  font-size:22px;
  font-weight:400;
  font-family:var(--heading)
}
.bi-sidebar-widget .recent-post-widget .bi-recent-blog-item {
  padding:8px;
  border-radius:5px;
  margin-bottom:10px;
  background:#f3f4f4
}
.bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-img {
  width:83px;
  height:83px;
  overflow:hidden;
  margin-right:15px;
  border-radius:5px
}
.bi-blog-feed-item-3 .blog-author-more .blog-author,
.bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text {
  max-width:215px
}
.bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text span {
  font-size:12px;
  font-weight:700;
  color:var(--base-color)
}
.bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text h3 {
  color:#1f1f1f;
  font-size:18px;
  font-weight:700
}
.bi-sidebar-widget .tag-widget a {
  color:#505050;
  font-size:15px;
  font-weight:500;
  padding:5px 20px;
  border-radius:5px;
  margin-right:5px;
  background:#f3f4f4;
  margin-bottom:10px;
  display:inline-block;
  font-family:var(--heading)
}
.bi-team-details-img-social {
  top:110px;
  margin-bottom:40px;
  position:sticky
}
.bi-team-details-img-social .bi-team-details-img {
  overflow:hidden;
  border-radius:15px;
  margin-bottom:30px
}
.bi-team-details-img-social .bi-team-details-name-social h3 {
  color:#0e0e0e;
  font-size:40px;
  font-weight:700;
  padding-bottom:10px
}
.bi-team-details-img-social .bi-team-details-name-social span {
  font-size:22px;
  color:var(--base-color)
}
.bi-team-details-img-social .bi-team-details-name-social .bi-team-details-social a {
  z-index:1;
  width:50px;
  height:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow:hidden;
  margin:0 10px;
  position:relative;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:100%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:var(--base-color);
  border:1px solid rgba(22,35,43,.1)
}
.bi-team-details-img-social .bi-team-details-name-social .bi-team-details-social a:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  content:"";
  height:100%;
  position:absolute;
  -webkit-transform:scale(0);
  transform:scale(0);
  border-radius:100%;
  -webkit-transition:.5s;
  transition:.5s;
  background:var(--gradient-color)
}
.bi-team-details-text-content h3 {
  color:#0e0e0e;
  font-size:34px;
  font-weight:700;
  padding-bottom:20px
}
.bi-team-details-text-content .bi-team-details-info li {
  color:#0e0e0e;
  margin-bottom:10px;
  font-family:var(--heading)
}
.bi-team-details-text-content .bi-team-details-info .info-title {
  width:125px;
  font-weight:600;
  display:inline-block
}
.bi-team-details-text-content .bi-team-details-info .info-value {
  color:#555;
  font-weight:500
}
.bi-team-details-contact-info {
  margin-top:50px;
  border-radius:20px;
  background-color:rgba(247,247,247,.05)
}
.bi-team-details-contact-info .bi-team-details-contact-title h3 {
  color:#0e0e0e;
  font-size:34px;
  font-weight:700;
  padding-bottom:15px
}
.bi-team-details-contact-form {
  padding:40px;
  margin-top:30px;
  border-radius:20px;
  border:1px solid rgba(22,35,43,.1)
}
.bi-team-details-contact-form input,
.bi-team-details-contact-form textarea {
  width:100%;
  height:62px;
  border:none;
  color:#555;
  padding-left:20px;
  margin-bottom:25px;
  border-radius:5px;
  font-family:var(--heading);
  background:rgba(22,35,43,.05)
}
.bi-team-details-contact-form input::-webkit-input-placeholder,
.bi-team-details-contact-form textarea::-webkit-input-placeholder {
  font-size:14px;
  color:#555;
  font-family:var(--heading)
}
.bi-team-details-contact-form input::-moz-placeholder,
.bi-team-details-contact-form textarea::-moz-placeholder {
  font-size:14px;
  color:#555;
  font-family:var(--heading)
}
.bi-team-details-contact-form input:-ms-input-placeholder,
.bi-team-details-contact-form textarea:-ms-input-placeholder {
  font-size:14px;
  color:#555;
  font-family:var(--heading)
}
.bi-team-details-contact-form input::-ms-input-placeholder,
.bi-team-details-contact-form textarea::-ms-input-placeholder {
  font-size:14px;
  color:#555;
  font-family:var(--heading)
}
.bi-team-details-contact-form input::placeholder,
.bi-team-details-contact-form textarea::placeholder {
  font-size:14px;
  color:#555;
  font-family:var(--heading)
}
.bi-team-details-contact-form textarea {
  padding-top:20px;
  height:178px
}
.bi-team-details-contact-form button {
  color:#fff;
  border:none;
  font-size:15px;
  font-weight:700;
  padding:18px 30px;
  border-radius:5px;
  text-transform:uppercase;
  font-family:var(--heading);
  -webkit-transition:.2s linear;
  transition:.2s linear;
  background-color:var(--base-color)
}
.bi-team-details-contact-form button:hover {
  background-color:#000
}
.bi-testimonial-feed-item {
  background:#fff;
  padding:30px 25px;
  border-radius:10px;
  margin-bottom:30px;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-box-shadow:0 0 20px 2px rgba(0,0,0,.05);
  box-shadow:0 0 20px 2px rgba(0,0,0,.05)
}
.bi-testimonial-feed-item .testimonial-ratting li {
  color:#ff7425;
  font-size:20px
}
.bi-testimonial-feed-item .testimonial-desc {
  color:#16232b;
  font-size:20px;
  font-weight:600;
  margin-bottom:30px;
  font-family:var(--heading)
}
.bi-testimonial-feed-item .testimonial-author h3 {
  font-size:24px;
  font-weight:600;
  padding-bottom:5px;
  color:var(--base-color)
}
.bi-portfolio-feed-top-content .bi-section-title-3 h2 {
  color:#0e0e0e
}
.bi-portfolio-feed-top-content .bi-portfolio-filter-btn li {
  font-size:14px
}
.bi-portfolio-feed-section .bi-portfolio-feed-item-wrapper {
  margin:50px -15px
}
.bi-portfolio-feed-section .bi-portfolio-item-3 {
  padding:15px
}
.bi-portfolio-feed-section .bi-portfolio-img-text-3 .porfolio-icon {
  width:70px;
  height:70px;
  font-size:24px
}
.bi-portfolio-feed-section .bi-portfolio-img-text-3:hover .porfolio-icon {
  top:40%
}
.bi-portfolio-feed-section .bi-portfolio-img-text-3 .portfolio-text {
  padding:20px 30px
}
.bi-portfolio-sidebar {
  top:110px;
  position:sticky;
  border-radius:10px;
  padding:30px 30px 25px;
  background-color:#16232b
}
.bi-blog-details-text-area h3,
.bi-blog-details-text-area h4,
.bi-portfolio-details-content h3,
.bi-portfolio-details-content h4 {
  color:#0e0e0e;
  font-size:42px;
  font-weight:700;
  padding-bottom:25px
}
.bi-blog-details-text-area h4,
.bi-portfolio-details-content h4 {
  font-size:30px
}
.bi-portfolio-details-list li {
  font-size:18px;
  font-weight:400;
  padding-left:30px;
  margin-bottom:10px;
  position:relative
}
.bi-portfolio-sidebar h3,
.bi-portfolio-sidebar li {
  margin-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.15)
}
.bi-portfolio-details-list li:before {
  top:0;
  left:0;
  content:"\f058";
  font-weight:400;
  position:absolute;
  color:var(--base-color);
  font-family:"Font Awesome 5 Brands"
}
.bi-portfolio-sidebar h3 {
  color:#fff;
  font-size:26px;
  padding-bottom:15px
}
.bi-portfolio-sidebar li {
  padding-bottom:20px
}
.bi-portfolio-sidebar li .title {
  color:#fff;
  font-weight:600;
  font-family:var(--heading)
}
.bi-portfolio-sidebar li .info {
  font-size:16px;
  font-family:var(--heading);
  color:rgba(255,255,255,.8)
}
.bi-portfolio-sidebar .portfolio-social a {
  width:42px;
  height:42px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 10px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:100%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:var(--base-color);
  border:1px solid var(--base-color)
}
.bi-blog-feed-item-2 {
  margin:0 auto 40px;
  max-width:390px
}
.bi-blog-feed-item-2 .blog-img {
  overflow:hidden;
  margin-bottom:25px
}
.bi-blog-feed-item-2 .blog-meta {
  left:0;
  bottom:0;
  z-index:1;
  color:#fff;
  font-size:14px;
  font-weight:600;
  padding:5px 20px;
  border:2px solid #fff;
  border-left:none;
  font-family:var(--heading);
  background-color:var(--base-color);
  border-top-right-radius:30px;
  border-bottom-right-radius:30px
}
.bi-blog-feed-item-2 .blog-text h3 {
  color:#0e0e0e;
  font-size:20px;
  font-weight:700;
  padding-bottom:10px
}
.bi-blog-feed-item-3 {
  padding:30px;
  border-radius:10px;
  margin-bottom:30px;
  border:1px solid rgba(22,35,43,.1)
}
.bi-blog-feed-item-3 .blog-img {
  overflow:hidden;
  border-radius:10px;
  margin-bottom:15px
}
.bi-blog-feed-item-3 .blog-meta {
  color:#fff;
  font-size:14px;
  font-weight:600;
  padding:5px 20px;
  display:inline-block;
  border:2px solid #fff;
  border-left:none;
  font-family:var(--heading);
  background-color:var(--base-color);
  border-top-right-radius:30px;
  border-bottom-right-radius:30px
}
.bi-blog-feed-item-3 .blog-author-more {
  margin-top:20px;
  padding:17px 20px;
  border-radius:10px;
  background-color:rgba(22,35,43,.05)
}
.bi-blog-feed-item-3 .blog-author-more .blog-author .inner-img {
  width:52px;
  height:52px;
  overflow:hidden;
  margin-right:20px;
  border-radius:100%
}
.bi-blog-feed-item-3 .blog-author-more .blog-author .inner-text,
.bi-project-next-prev-btn a {
  color:#0e0e0e;
  font-size:20px;
  font-weight:700;
  font-family:var(--heading)
}
.bi-blog-feed-item-3 .blog-author-more .blog-more a {
  font-weight:600;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-blog-details-img {
  overflow:hidden;
  border-radius:10px;
  margin-bottom:30px
}
.bi-blog-details-meta ul {
  padding:8px 20px;
  border-radius:30px;
  display:inline-block;
  border:2px solid var(--base-color)
}
.bi-blog-details-meta li {
  color:#0e0e0e;
  font-size:15px;
  font-weight:500;
  margin:0 15px;
  font-family:var(--heading)
}
.bi-blog-details-meta li i {
  color:var(--base-color);
  margin-right:8px
}
.bi-blog-details-text-area p {
  font-weight:400;
  padding-bottom:20px
}
.bi-blog-details-text-area blockquote {
  margin-bottom:30px;
  padding:20px 53px 20px 20px;
  border-radius:0 150px 150px 0;
  background:rgba(255,56,56,.1)
}
.bi-blog-details-text-area blockquote .inner-img {
  width:130px;
  height:130px;
  overflow:hidden;
  margin-right:25px;
  border-radius:100%
}
.bi-blog-details-text-area blockquote .inner-text {
  font-size:20px;
  max-width:525px;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-blog-share-tag {
  margin:30px 0 40px
}
.bi-blog-share-tag span {
  color:#0e0e0e;
  font-size:22px;
  font-weight:700;
  margin-right:20px;
  font-family:var(--heading)
}
.bi-blog-share-tag .bi-blog-tag a {
  color:#0e0e0e;
  font-size:15px;
  padding:5px 15px;
  margin-right:10px;
  border-radius:5px;
  display:inline-block;
  background:#f3f4f4
}
.bi-blog-share-tag .bi-blog-share a {
  color:#555;
  font-size:18px;
  line-height:34px;
  margin-left:10px;
  text-align:center;
  border-radius:100%
}
.bi-blog-details-author {
  padding:30px;
  border-radius:20px;
  background:#f3f4f4
}
.bi-blog-details-author .inner-img {
  width:140px;
  height:140px;
  overflow:hidden;
  margin-right:30px;
  border-radius:100%
}
.bi-blog-details-author .inner-text {
  max-width:560px
}
.bi-blog-details-author .inner-text h4 {
  color:#0e0e0e;
  font-size:24px;
  font-weight:700
}
.bi-comment-list-wrap h3 {
  color:#0e0e0e;
  font-size:34px;
  font-weight:700;
  padding-bottom:35px
}
.bi-comment-list-wrap .bi-comment-item {
  border-bottom:1px solid rgba(2,6,38,.1)
}
.bi-comment-list-wrap .bi-comment-item .bi-comment-img {
  width:78px;
  height:78px;
  overflow:hidden;
  margin-right:30px;
  border-radius:100%
}
.bi-comment-list-wrap .bi-comment-item .bi-comment-text {
  max-width:595px
}
.bi-comment-list-wrap .bi-comment-item .bi-comment-text .author-name-date span {
  display:block;
  font-family:var(--heading)
}
.bi-comment-list-wrap .bi-comment-item .bi-comment-text .author-name-date .cm-name {
  color:#0e0e0e;
  font-size:22px;
  font-weight:700
}
.bi-comment-list-wrap .bi-comment-item .bi-comment-text .author-name-date .cm-date {
  font-size:15px;
  color:var(--base-color)
}
.bi-comment-list-wrap .bi-comment-item .bi-comment-text p {
  color:#0e0e0e;
  line-height:30px;
  max-width:850px;
  padding:15px 0 20px
}
.bi-comment-list-wrap .bi-comment-item .bi-like-reply {
  top:0;
  right:0;
  font-weight:500
}
.bi-comment-list-wrap .bi-comment-item .bi-like-reply a {
  font-size:17px;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-comment-list-wrap .children-comment {
  padding-left:90px;
  padding-top:40px;
  margin-bottom:40px
}
.bi-blog-details-section .bi-team-details-contact-info {
  padding:40px;
  border-radius:10px;
  background-color:#f3f4f4
}
.bi-blog-details-section .bi-team-details-contact-form,
.bi-contact-map-content .bi-team-details-contact-form {
  padding:0;
  border:none
}
.bi-career-details-text-area .bi-career-details-img {
  border-radius:10px;
  margin-bottom:40px
}
.bi-career-details-text-area li {
  padding-left:25px;
  position:relative;
  margin-bottom:10px
}
.bi-career-details-text-area li:before {
  left:0;
  top:10px;
  width:16px;
  content:"";
  height:16px;
  position:absolute;
  background-repeat:no-repeat;
  background-image:url(../img/check-1.png)
}
.bi-career-details-text-area .salary-limit {
  color:#000;
  font-size:20px;
  font-weight:700;
  margin-bottom:30px
}
.bi-career-details-text-area .bi-btn-3 a {
  padding:13px 18px
}
.bi-job-apply-section .bi-team-details-contact-info {
  margin:50px auto 0;
  max-width:1010px
}
.bi-job-apply-section .bi-team-details-contact-form .upload-cv h3 {
  font-size:22px;
  font-weight:700;
  padding-bottom:15px
}
.bi-job-apply-section .bi-team-details-contact-form .upload-cv input {
  width:inherit;
  padding-left:0;
  border-radius:0;
  margin-bottom:0;
  background-color:transparent
}
.bi-contact-info-content {
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(22,35,43,.1)
}
.bi-contact-info-item {
  z-index:1;
  overflow:hidden;
  padding:40px 50px
}
.bi-contact-info-item .info-bg {
  top:0;
  left:0;
  opacity:0;
  z-index:-1;
  width:100%;
  height:100%;
  visibility:hidden;
  -webkit-transition:1s;
  transition:1s
}
.bi-contact-info-item .info-bg:before {
  top:0;
  left:0;
  width:100%;
  content:"";
  height:100%;
  position:absolute;
  background:-webkit-gradient(linear,left bottom,left top,from(rgba(22,35,43,.95)),to(rgba(22,35,43,.95)));
  background:linear-gradient(0deg,rgba(22,35,43,.95) 0,rgba(22,35,43,.95) 100%)
}
.bi-contact-info-item .inner-icon {
  width:72px;
  height:72px;
  margin-bottom:20px;
  border-radius:100%;
  background-color:var(--base-color)
}
.bi-contact-info-item .inner-text h3 {
  color:#0e0e0e;
  font-size:24px;
  font-weight:600;
  padding-bottom:13px;
  -webkit-transition:.5s;
  transition:.5s
}
.bi-contact-info-item .inner-text a {
  color:#555;
  display:block;
  font-weight:400;
  padding-bottom:5px
}
.bi-contact-info-item:hover .info-bg {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
}
.bi-contact-map-content .bi-team-details-contact-info {
  margin-top:0;
  max-width:685px;
  margin-left:45px
}
.bi-contact-map-content .bi-section-title-1 h2 {
  font-size:40px;
  padding-bottom:15px
}
.bi-coming-soon-section .brand-logo {
  max-width:135px;
  padding:30px 0
}
.coming-soon__countdown .single {
  width:230px;
  height:195px;
  margin:0 11px 20px;
  padding-top:40px;
  text-align:center;
  border-radius:20px;
  background:rgba(255,255,255,.1)
}
.coming-soon__countdown .single h1 {
  font-size:55px;
  font-weight:800;
  color:var(--base-color)
}
.coming-soon__countdown .single p {
  color:#fff;
  font-size:26px;
  font-weight:600;
  font-family:var(--heading)
}
.bi-coming-soon-subscription {
  margin:40px auto 0;
  max-width:555px
}
.bi-coming-soon-subscription input {
  color:#fff;
  width:100%;
  height:72px;
  border:none;
  padding-left:15px;
  border-radius:5px;
  font-family:var(--heading);
  background:rgba(255,255,255,.1)
}
.bi-coming-soon-subscription button {
  top:0;
  right:0;
  color:#fff;
  border:none;
  height:72px;
  font-weight:600;
  padding:0 30px;
  position:absolute;
  border-radius:10px;
  font-family:var(--heading);
  text-transform:uppercase;
  background:var(--base-color)
}
.coming-soon-socail li a {
  color:#fff;
  width:50px;
  height:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 10px;
  border-radius:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border:1px solid #fff;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.coming-soon-socail li a:hover {
  border:1px solid var(--base-color);
  background-color:var(--base-color)
}
.bi-privacy-policy-section h2,
.bi-terms-condition-section h2 {
  color:#0e0e0e;
  font-size:70px;
  font-weight:700;
  text-align:center
}
.bi-privacy-policy-content,
.bi-terms-condition-content {
  margin-top:50px;
  padding:40px 30px;
  border-radius:20px;
  border:1px solid rgba(22,35,43,.1)
}
.bi-privacy-policy-content h3,
.bi-terms-condition-content h3 {
  color:#0e0e0e;
  font-size:28px;
  font-weight:600;
  padding-bottom:20px
}
.bi-privacy-policy-content li,
.bi-terms-condition-content li {
  padding-left:25px;
  position:relative;
  margin-bottom:15px
}
.bi-privacy-policy-content li:before,
.bi-terms-condition-content li:before {
  left:0;
  top:10px;
  width:8px;
  height:8px;
  content:"";
  border-radius:100%;
  position:absolute;
  background-color:#0e0e0e
}
.bi-terms-condition-content ul {
  padding:30px;
  border-radius:20px;
  background-color:rgba(22,35,43,.05)
}
.bi-career-item {
  padding:25px 0 40px
}
.bi-career-item .inner-icon {
  z-index:1;
  width:130px;
  height:130px;
  margin:0 auto 30px;
  border-radius:100%;
  background-color:#21cfd1
}
.bi-career-item .inner-icon:before,
.bi-footer-cta:before {
  background-color:#fff;
  z-index:-1;
  position:absolute;
  left:0;
  content:""
}
.bi-career-item .inner-icon:before {
  top:50%;
  right:0;
  width:90px;
  height:90px;
  margin:0 auto;
  border-radius:100%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.bi-career-item .inner-text {
  margin:0 auto;
  max-width:220px
}
.bi-career-item .inner-text h3 {
  color:#0e0e0e;
  font-size:22px;
  font-weight:700;
  padding-bottom:15px
}
.bi-career-feed-item {
  border-radius:10px;
  margin-bottom:20px;
  padding:15px 20px 15px 15px;
  background-color:rgba(22,35,43,.05)
}
.bi-career-feed-item .inner-img {
  width:152px;
  height:152px;
  overflow:hidden;
  margin-right:30px;
  border-radius:10px
}
.bi-career-feed-item .inner-text {
  max-width:770px
}
.bi-career-feed-item .inner-text h3 {
  color:#0e0e0e;
  font-size:22px;
  font-weight:700;
  padding-bottom:10px
}
.bi-career-feed-item .inner-text li {
  font-size:15px;
  margin-right:20px
}
.bi-footer-cta:before {
  top:0;
  width:100%;
  height:50%
}
.bi-footer-cta.black-footer:before {
  background-color:#070506
}
.bi-footer-cta-content {
  overflow:hidden;
  padding:65px 105px;
  border-radius:10px
}
.bi-footer-cta-content .bi-footer-cta-text {
  max-width:345px
}
.bi-footer-cta-content .bi-footer-cta-text h3 {
  color:#fff;
  font-size:45px;
  font-weight:600;
  line-height:1.222
}
.bi-footer-widget-content {
  padding:90px 0 50px
}
.bi-footer-widget .about-widget h3 {
  color:#fff;
  font-size:40px;
  font-weight:700;
  padding-bottom:12px
}
.bi-footer-widget .about-widget p {
  color:#d4d4d4
}
.bi-footer-widget .menu-widget li a:before {
  left:0;
  bottom:0;
  right:0;
  width:0%;
  content:"";
  height:1px;
  margin:0 auto;
  position:absolute;
  background-color:var(--base-color);
  -webkit-transition:.5s;
  transition:.5s
}
.bi-footer-social-content {
  padding-bottom:15px;
  border-bottom:1px solid #313131
}
.bi-footer-social-content ul li {
  color:#fff;
  font-size:21px;
  font-weight:600;
  font-family:var(--heading)
}
.bi-footer-logo {
  padding:30px 0;
  border-bottom:1px solid #313131
}
.bi-footer-logo .logo-mail {
  color:#fff;
  font-size:30px;
  padding-top:10px
}
.bi-footer-copyright {
  padding:15px 0;
  font-size:14px;
  color:var(--base-color);
  font-family:var(--heading)
}
.bi-footer-cta-content-2 {
  padding:50px 0;
  border-bottom:1px solid #1f2031
}
.bi-footer-cta-content-2 .bi-footer-cta-social-area {
  width:50%;
  padding-right:65px
}
.bi-footer-cta-content-2 .bi-footer-cta-text .inner-icon {
  width:50px;
  height:50px;
  margin-right:20px;
  border-radius:100%;
  background-color:#fff
}
.bi-footer-cta-content-2 .bi-footer-cta-text .inner-text span {
  font-size:12px;
  font-weight:400;
  color:var(--base-color)
}
.bi-footer-cta-content-2 .bi-footer-cta-text .inner-text a {
  color:#f5f9fa;
  font-size:15px;
  font-weight:700
}
.bi-footer-cta-content-2 .bi-footer-cta-social li a {
  color:#fff;
  font-size:15px
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form {
  width:50%;
  padding-left:70px
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form span {
  color:#f5f9fa;
  font-size:15px;
  font-weight:700;
  max-width:110px
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form .bi-footer-newslatter {
  width:100%;
  max-width:410px
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form input {
  width:100%;
  height:57px;
  border:none;
  font-size:11px;
  padding-left:20px;
  border-radius:30px;
  background-color:#1f2031
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form input::-webkit-input-placeholder {
  color:#54357d
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form input::-moz-placeholder {
  color:#54357d
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form input:-ms-input-placeholder {
  color:#54357d
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form input::-ms-input-placeholder {
  color:#54357d
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form input::placeholder {
  color:#54357d
}
.bi-footer-cta-content-2 .bi-footer-newslatter-form button {
  top:0;
  right:0;
  color:#fff;
  height:57px;
  border:none;
  position:absolute;
  padding:0 30px;
  border-radius:30px;
  background-color:#301256;
  -webkit-transition:.5s;
  transition:.5s
}
.inv-lan-footer-content a span,
.inv-lan-section-title .subtitle span {
  background:-webkit-gradient(linear,left top,right top,from(#2be492),color-stop(100.22%,#3888ff));
  -webkit-text-fill-color:transparent
}
.bi-footer-widget-content-2 {
  padding:70px 0
}
.bi-footer-widget-2 .widget-title {
  color:#fff;
  font-size:22px;
  font-weight:600;
  padding-bottom:32px
}
.bi-footer-widget-2 .menu-widget li {
  margin-bottom:18px
}
.bi-footer-widget-2 .menu-widget li a:before {
  left:0;
  top:10px;
  width:0;
  height:1px;
  content:"";
  position:absolute;
  -webkit-transition:.5s;
  transition:.5s;
  background-color:var(--base-color)
}
.bi-footer-widget-2 .menu-widget li a:hover {
  padding-left:22px
}
.bi-footer-widget-2 .menu-widget li a:hover:hover {
  color:var(--base-color)
}
.bi-footer-widget-2 .menu-widget li a:hover:hover:before {
  width:15px
}
.bi-footer-copyright-content-2 {
  color:#fff;
  font-size:15px;
  padding:30px 0;
  border-top:1px solid #1f2031
}
body.inv-landing {
  color:#39393a;
  font-size:18px;
  font-family:var(--body-font);
  line-height:1.556
}
body.inv-landing a {
  text-decoration:none;
  -webkit-transition:.5s;
  transition:.5s
}
body.inv-landing a:focus,
body.inv-landing a:hover {
  text-decoration:none
}
body.inv-landing .container {
  max-width:1550px
}
body.inv-landing h1,
body.inv-landing h2,
body.inv-landing h3,
body.inv-landing h4,
body.inv-landing h5,
body.inv-landing h6 {
  margin:0;
  line-height:1.2;
  font-family:var(--heading)
}
[data-background] {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center
}
.ul-li ul li {
  display:inline-block
}
.inv-lan-section-title-watermark {
  top:-25px;
  left:0;
  z-index:-1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  line-height:1;
  font-size:278px;
  overflow:hidden;
  max-width:100%;
  margin:0 auto;
  font-weight:700;
  position:absolute;
  white-space:nowrap;
  background:-webkit-gradient(linear,left top,left bottom,from(#eee),color-stop(100.22%,#fff));
  background:linear-gradient(180deg,#eee 0,#fff 100.22%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.inv-lan-section-title .subtitle {
  font-size:15px;
  font-weight:700;
  padding:10px 15px;
  border-radius:30px;
  margin-bottom:28px;
  display:inline-block;
  background-color:#fff;
  -webkit-box-shadow:0 10px 21px 0 rgba(83,83,83,.1);
  box-shadow:0 10px 21px 0 rgba(83,83,83,.1)
}
.inv-lan-section-title .subtitle span {
  background:linear-gradient(90deg,#2be492 0,#3888ff 100.22%);
  background-clip:text;
  -webkit-background-clip:text
}
.inv-lan-section-title h2 {
  color:#131115;
  font-size:48px;
  font-weight:800
}
.inv-lan-header-section {
  top:0;
  left:0;
  width:100%;
  z-index:10;
  padding-top:30px;
  position:absolute
}
.inv-lan-header-section .inv-lan-header-btn {
  right:0;
  top:20px;
  position:absolute
}
.inv-lan-header-section .inv-lan-header-btn a {
  color:#fff;
  font-weight:600;
  font-size:16px;
  border-radius:5px;
  padding:12px 15px;
  display:inline-block;
  background:-webkit-gradient(linear,left top,right top,from(#2be492),color-stop(50%,#3888ff),to(#2be492));
  background:linear-gradient(90deg,#2be492 0,#3888ff 50%,#2be492);
  background-size:200%,1px;
  -webkit-transition:.2s linear;
  transition:.2s linear
}
.inv-lan-header-section .dropdown:after {
  top:4px;
  right:-18px;
  font-size:14px;
  color:#c3c7c9;
  content:"\f078";
  font-weight:400;
  position:absolute;
  font-family:"Font Awesome 5 Brands";
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.inv-lan-header-section .dropdown-menu .dropdown-menu a:hover,
.inv-lan-header-section .dropdown:hover:after {
  color:var(--thm-color-4)
}
.inv-lan-header-section .dropdown-menu {
  left:0;
  top:62px;
  z-index:100;
  margin:0;
  padding:20px 0;
  height:auto;
  min-width:250px;
  display:block;
  border:none;
  border-radius:2px;
  position:absolute;
  opacity:0;
  background:#fff;
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  transform-origin:0 0 0;
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  -o-transform-origin:0 0 0;
  text-align:left;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  -webkit-box-shadow:0 10px 60px 0 rgba(0,0,0,.07);
  box-shadow:0 10px 60px 0 rgba(0,0,0,.07)
}
.inv-lan-header-section .dropdown-menu .dropdown-menu {
  top:0;
  left:100%;
  -webkit-transform:scaleY(0)!important;
  transform:scaleY(0)!important;
  opacity:0!important;
  transform-origin:0 0 0;
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  -o-transform-origin:0 0 0
}
.inv-lan-header-section .dropdown-menu .dropdown-menu a {
  font-size:17px;
  font-weight:700;
  color:#000
}
.inv-lan-header-section .dropdown-menu li:after {
  top:10px;
  color:#000;
  right:15px;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.inv-lan-header-section .dropdown-menu li:hover .dropdown-menu {
  top:0;
  -webkit-transform:scaleY(1)!important;
  transform:scaleY(1)!important;
  opacity:1!important
}
.inv-lan-header-section .dropdown-menu a {
  width:100%;
  display:block;
  color:#000!important;
  position:relative;
  padding:10px 30px!important;
  font-size:15px!important
}
.inv-lan-header-section .dropdown-menu a:hover {
  margin-left:15px;
  color:var(--thm-color-4)!important
}
.inv-lan-header-section.sticky-on {
  top:0;
  width:100%;
  z-index:20;
  position:fixed;
  padding:15px 0 30px;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:slideInDown;
  animation-name:slideInDown;
  background-color:#000;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  -webkit-box-shadow:0 0 18px 1px rgba(0,0,0,.1);
  box-shadow:0 0 18px 1px rgba(0,0,0,.1)
}
.inv-lan-header-section.sticky-on .site-logo {
  top:7px
}
.inv-lan-header-section.sticky-on .inv-lan-header-btn {
  top:15px
}
.inv-lan-header-main-menu .menu-navigation.left-nav {
  float:left;
  text-align:left
}
.inv-lan-header-main-menu .menu-navigation.right-nav {
  float:right;
  margin-right:170px;
  text-align:right
}
.inv-lan-header-main-menu .site-logo {
  left:0;
  right:0;
  top:12px;
  width:150px;
  margin:0 auto;
  position:absolute
}
.inv-lan-header-main-menu .menu-navigation li a {
  color:#fff;
  font-size:16px;
  font-weight:700;
  position:relative;
  padding-bottom:38px
}
.inv-landing .mobile_menu_button {
  top:-50px
}
.inv-lan-banner-text {
  margin:0 auto;
  max-width:885px;
  padding:285px 0 135px
}
.inv-lan-banner-text h1 {
  color:#fff;
  font-size:72px;
  font-weight:800
}
.inv-lan-banner-bottom-text {
  margin:0 auto;
  max-width:1040px;
  overflow:hidden;
  padding:85px 120px;
  border-top-left-radius:50px;
  border-top-right-radius:50px
}
.inv-lan-banner-bottom-text h2 {
  color:#1fc2ff;
  font-weight:700;
  font-size:36px;
  padding-bottom:35px
}
.inv-lan-banner-bottom-text p {
  color:#d7ddee;
  font-size:22px
}
.inv-lan-feature-section {
  padding:105px 0
}
.inv-lan-feature-content {
  padding-top:50px;
  padding-bottom:80px
}
.inv-lan-feature-item {
  margin-bottom:70px;
  -webkit-transition:.5s;
  transition:.5s
}
.inv-lan-feature-item .inner-icon {
  width:100px;
  height:100px;
  padding:20px;
  margin:0 auto 28px;
  border-radius:30px;
  background-color:#fff;
  -webkit-box-shadow:0 9px 21px 0 rgba(85,85,85,.11);
  box-shadow:0 9px 21px 0 rgba(85,85,85,.11)
}
.inv-lan-feature-item .inner-text {
  color:#131115;
  font-size:20px;
  font-weight:600
}
@-webkit-keyframes jumpInfinite {
  0%,
  100% {
    margin-top:0
  }
  50% {
    margin-top:20px
  }
}
@keyframes jumpInfinite {
  0%,
  100% {
    margin-top:0
  }
  50% {
    margin-top:20px
  }
}
.inv-lan-feature-content .more-demo-btn {
  left:0;
  right:0;
  z-index:2;
  bottom:-155px;
  position:absolute
}
.inv-lan-feature-content .more-demo-btn a {
  color:#fff;
  width:180px;
  height:180px;
  display:block;
  margin:0 auto;
  padding-top:50px;
  font-weight:500;
  font-size:24px;
  text-align:center;
  border-radius:100%;
  background-image:linear-gradient(1deg,#00f94c 0,#0271ff 100%)
}
.inv-demo-page-item .inv-demo-preview-btn a,
.inv-lan-faq-feature-item .inner-text a:hover {
  background:-webkit-gradient(linear,left top,right top,from(#2be492),color-stop(50%,#3888ff),to(#2be492))
}
.inv-lan-feature-content .more-demo-btn a span {
  display:block;
  margin:0 auto;
  line-height:1.1;
  max-width:80px
}
.inv-lan-feature-content .more-demo-btn a i {
  width:100%;
  padding-top:10px;
  text-align:center;
  -webkit-animation:1.5s infinite jumpInfinite;
  animation:1.5s infinite jumpInfinite
}
.inv-lan-keyfeature-section {
  padding:90px 0 60px;
  overflow:hidden
}
.inv-lan-keyfeature-item {
  margin-bottom:30px;
  -webkit-transition:.5s;
  transition:.5s
}
.inv-lan-keyfeature-item .inner-icon {
  width:70px;
  height:70px;
  margin-right:20px
}
.inv-lan-keyfeature-item .inner-text {
  color:#02091d;
  width:160px;
  font-size:18px;
  font-weight:600
}
.inv-lan-demo-page-section {
  z-index:1;
  padding:170px 0 50px
}
.inv-lan-demo-page-section .inv-lan-section-title {
  margin:0 auto;
  max-width:910px
}
.inv-demo-page-item {
  margin:0 auto 80px;
  max-width:475px
}
.inv-demo-page-item .inv-demo-hover {
  position:absolute;
  top:40px;
  left:40px;
  right:40px;
  bottom:40px;
  z-index:1;
  overflow:hidden;
  -webkit-transition:.25s cubic-bezier(.3, .3, 0, .8);
  transition:.25s cubic-bezier(.3, .3, 0, .8);
  opacity:0
}
.inv-demo-page-item .inv-demo-hover .hover-img {
  top:-40px;
  right:-40px;
  bottom:-40px;
  left:-40px;
  position:absolute;
  -webkit-filter:blur(15px);
  filter:blur(15px)
}
.inv-demo-page-item .inner-text {
  color:#000;
  margin-top:15px;
  font-size:22px;
  font-weight:600;
  text-transform:uppercase;
  font-family:var(--heading)
}
.inv-demo-page-item .inv-demo-preview-btn {
  left:0;
  right:0;
  top:50%;
  z-index:2;
  opacity:0;
  margin-top:25px;
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:.25s cubic-bezier(.3, .3, 0, .8);
  transition:.25s cubic-bezier(.3, .3, 0, .8)
}
.inv-demo-page-item .inv-demo-preview-btn a {
  color:#fff;
  margin:0 8px;
  font-weight:800;
  border-radius:5px;
  padding:12px 15px;
  display:inline-block;
  background:linear-gradient(90deg,#2be492 0,#3888ff 50%,#2be492);
  background-size:200%,1px;
  -webkit-transition:.2s linear;
  transition:.2s linear
}
.inv-demo-page-item:hover .inv-demo-preview-btn {
  margin-top:0;
  opacity:1
}
.inv-lan-faq-section {
  z-index:1;
  padding:135px 0 120px
}
.inv-lan-faq-section .container,
.inv-lan-testimonial-section .container {
  max-width:1300px!important
}
.inv-lan-faq-top-content .inv-lan-section-title {
  max-width:630px
}
.inv-lan-faq-top-content .inv-lan-faq-top-text {
  color:#000;
  font-weight:500;
  font-size:20px;
  max-width:475px
}
.inv-lan-faq-feature-item .inner-icon {
  margin-right:28px
}
.inv-lan-faq-feature-item .inner-text h3 {
  color:#000;
  font-size:24px;
  font-weight:700;
  padding-bottom:15px
}
.inv-lan-faq-feature-item .inner-text p {
  color:#39393a;
  padding-bottom:15px
}
.inv-lan-faq-feature-item .inner-text a {
  color:#a2a2a2;
  font-weight:700;
  font-size:15px;
  display:inline-block
}
.inv-lan-faq-feature-item .inner-text a:hover {
  background:linear-gradient(90deg,#2be492 0,#3888ff 50%,#2be492);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.inv-lan-feed-accordion .accordion-header button {
  color:#000;
  font-size:20px;
  border:none;
  font-weight:600;
  padding:15px 0;
  background:0 0
}
.inv-lan-feed-accordion .accordion-button:focus {
  border:none;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.inv-lan-feed-accordion .accordion-item {
  border:none;
  border-radius:5px;
  margin-bottom:20px;
  border-bottom:1px solid #dedede
}
.inv-lan-feed-accordion .accordion-body {
  padding:10px 0 20px
}
.inv-lan-feed-accordion .accordion-button:not(.collapsed) {
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:3px
}
.inv-lan-feed-accordion .accordion-button::after {
  right:25px;
  height:auto;
  width:auto;
  font-size:15px;
  content:"\f078";
  font-weight:900;
  position:absolute;
  background-image:none;
  font-family:"Font Awesome 5 Brands"
}
.inv-lan-feed-accordion .accordion-button:not(.collapsed)::after {
  content:"\f068"
}
.inv-lan-testimonial-top-content .inv-lan-section-title {
  max-width:530px
}
.inv-lan-testimonial-slider-area {
  z-index:1;
  padding-top:50px
}
.inv-lan-testimonial-slider-area .shape_1 {
  bottom:0;
  right:33%;
  z-index:-1
}
.inv-lan-testimonial-top-text h3 {
  color:#000;
  line-height:1;
  font-size:100px;
  font-weight:600
}
.inv-lan-testimonial-top-text .inv-lan-client-ratting .ratting-text {
  color:#000;
  max-width:180px;
  font-size:18px;
  font-weight:500
}
.inv-lan-testimonial-item .testimonial-author .ratting-star,
.inv-lan-testimonial-top-text .inv-lan-client-ratting .ratting-star li {
  color:#eead08
}
.inv-lan-testimonial-top-text .inv-lan-client-ratting .ratting-star span {
  font-weight:500;
  font-size:16px
}
.inv-lan-testimonial-item {
  padding:75px 45px 40px;
  position:relative;
  margin-top:50px;
  opacity:.5;
  border-radius:50px;
  margin-bottom:60px;
  -webkit-transition:.25s cubic-bezier(.645, .045, .355, 1);
  transition:.25s cubic-bezier(.645, .045, .355, 1)
}
.inv-lan-testimonial-item:before {
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  content:"";
  border-radius:50px;
  position:absolute;
  background-color:#fff
}
.inv-lan-testimonial-item .inner-icon {
  top:-42px;
  width:94px;
  height:94px;
  overflow:hidden;
  position:absolute;
  border-radius:100%
}
.inv-lan-testimonial-item .inner-text .desc-text {
  color:#000;
  font-size:17px
}
.inv-lan-testimonial-item .testimonial-author .author-text h3 {
  color:#000;
  font-size:22px;
  font-weight:700
}
.inv-lan-testimonial-item .testimonial-author .author-text span {
  color:#39393a;
  font-weight:600
}
.inv-lan-testimonial-slider .swiper-slide-active .inv-lan-testimonial-item {
  opacity:1;
  -webkit-box-shadow:0 20px 40px rgba(10,15,68,.12);
  -ms-box-shadow:0 20px 40px rgba(10,15,68,.12);
  -o-box-shadow:0 20px 40px rgba(10,15,68,.12);
  box-shadow:0 20px 40px rgba(10,15,68,.12)
}
.inv-lan-footer-section .footer-copyright {
  padding:15px 0;
  background-color:rgba(0,0,0,.8)
}
.inv-lan-footer-content {
  margin:0 auto;
  max-width:700px;
  padding:100px 0
}
.inv-lan-footer-content p {
  color:#fff;
  font-weight:500;
  font-size:18px
}
.inv-lan-footer-content h2 {
  color:#fff;
  font-size:48px;
  font-weight:700;
  padding:30px 0
}
.inv-lan-footer-content a {
  font-weight:800;
  font-size:16px;
  padding:12px 15px;
  border-radius:5px;
  display:inline-block;
  background-color:#000
}
.inv-lan-footer-content a span {
  font-weight:800;
  background:linear-gradient(90deg,#2be492 0,#3888ff 100.22%);
  background-clip:text;
  -webkit-background-clip:text
}
@media screen and (max-width:1600px) {
  .bi-banner-content .banner_img_3,
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-prev {
    left:15px
  }
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-next {
    right:15px
  }
  .bi-main-arrow-next-prev {
    padding:85px 20px
  }
  .bi-slider-item-3 .bi-slider-text-3 {
    margin-left:50px
  }
}
@media screen and (max-width:1500px) {
  .bi-header-section.header-style-one .bi-header-content {
    padding:20px 15px
  }
  .bi-header-section.header-style-two .bi-header-main-navigation .main-navigation li {
    margin:0 20px
  }
  .bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info {
    margin-left:20px
  }
  .bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-area {
    margin-left:15px
  }
  .bi-header-section.header-style-two .bi-header-cta-btn-grp .cta-btn-info .inner-icon {
    margin-right:10px
  }
  .bi-testimonial-content {
    padding-left:130px
  }
  .bi-testimonial-thumb {
    left:0
  }
  .bi-banner-content .banner_img_2 {
    bottom:50px
  }
  .bi-slider-item-3 .bi-slider-text-3 {
    margin-left:120px
  }
}
@media screen and (max-width:1200px) {
  body {
    font-size:16px
  }
  .bi-banner-content .bi-banner-img,
  .bi-main-slide-item .side-shape {
    display:none
  }
  .bi-main-slide-item .bi-slide-img-area {
    max-width:580px
  }
  .bi-skill-logo-play {
    max-width:95px
  }
  .bi-section-title-1 h2 {
    font-size:60px
  }
  .bi-banner-text {
    padding:270px 0 170px
  }
  .bi-key-feature-item,
  .bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price {
    padding:35px 25px
  }
  .bi-section-title-2 h2 {
    font-size:40px
  }
  .bi-portfolio-content-2 {
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
  }
  .bi-consult-btn-area {
    width:150px;
    height:150px;
    margin-right:15px
  }
  .bi-consult-btn-area .bi-consult-btn i {
    font-size:45px;
    margin-bottom:10px
  }
  .bi-testimonial-item-2 .bi-testimonial-text {
    max-width:490px
  }
  .bi-blog-item-2 .blog-img-area {
    width:auto;
    height:auto
  }
  .bi-slider-item-3 .bi-slider-img3_2 {
    right:-250px
  }
  .bi-section-title-3 h2 {
    font-size:65px
  }
  .bi-abut-feature-list li {
    padding:0 20px
  }
  .bi-about-text-quote-area {
    padding-top:90px
  }
  .bi-about-text-quote-area p {
    padding-bottom:25px
  }
  .bi-about-text-quote-area .quote-author {
    margin-bottom:30px
  }
  .bi-blog-item-3 {
    margin:0 auto
  }
  .bi-pricing-item-area-3 .bi-pricing-item-3 {
    background-color:#1b1f28
  }
}
@media screen and (max-width:1100px) {
  .bi-about-img-3:before,
  .bi-counter-section-4 .counter-landing.bi-counter-landing1,
  .bi-counter-section-4 .counter-landing.bi-counter-landing2,
  .bi-counter-section-4 .counter-landing.bi-counter-landing3,
  .bi-portfolio-section-2 .bi-side-shape.shape_1 {
    display:none
  }
  .bi-counter-section-4 {
    padding:120px 0
  }
  .bi-counter-content-4 {
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
  }
  .bi-scroll-img-section {
    height:400px
  }
  .bi-header-main-navigation .main-navigation li {
    margin:0 15px
  }
  .bi-header-section.header-style-one .bi-header-cta-btn-grp button {
    margin-left:10px
  }
  .bi-header-section.header-style-one .bi-header-cta-btn-grp .offcanves-btn,
  .bi-header-section.header-style-one .bi-header-social {
    margin-left:20px
  }
  .bi-skill-logo-text h2,
  .bi-sold-employe-text .bi-section-title-2 h2 {
    font-size:30px
  }
  .bi-header-section.header-style-one .bi-header-social a {
    margin-left:8px
  }
  .bi-header-logo-main-menu .brand-logo {
    max-width:115px
  }
  .bi-header-section .dropdown:after {
    top:2px
  }
  .bi-header-section.header-style-one .bi-header-cta-btn-grp {
    margin-left:15px
  }
  .bi-header-section.header-style-one .bi-header-content {
    padding:15px
  }
  .bi-slider-section {
    padding-top:90px
  }
  .bi-skill-logo-play {
    max-width:80px
  }
  .bi-section-title-1 h2,
  .bi-section-title-3 h2 {
    font-size:55px
  }
  .bi-quality-feature-area {
    padding-left:0
  }
  .bi-about-text-area {
    right:0
  }
  .bi-fun-fact-img,
  .bi-fun-fact-img-2 {
    height:320px
  }
  .bi-testimonial-area {
    max-width:460px
  }
  .bi-testimonial-item .testimonial-text {
    max-width:280px
  }
  .bi-faq-content-area {
    padding:85px 90px 60px 30px
  }
  .bi-faq-content-area .bi-section-title-1 h2 {
    font-size:45px
  }
  .bi-service-list-item a {
    font-size:40px
  }
  .bi-service-list-item a img {
    width:75px;
    height:75px
  }
  .bi-testimonial-item-2 .bi-testimonial-text {
    max-width:400px
  }
  .bi-testimonial-item-2 .bi-testimonial-img {
    margin-right:30px
  }
  .bi-testimonial-item-2 .bi-testimonial-text .testimonial-desc {
    font-size:18px
  }
  .bi-about-img2_1 {
    width:100%;
    height:100%
  }
  .bi-header-section.header-style-three .bi-header-content {
    padding:17px 20px;
    background-image:none!important;
    background-color:var(--base-color)
  }
  .bi-header-section.header-style-three .bi-header-cta-btn-grp .offcanves-btn {
    margin-left:0
  }
  .bi-header-section.header-style-three .bi-header-main-navigation .main-navigation li:hover a {
    color:#000
  }
  .bi-what-we-offer-item .bi-what-we-offer-desc {
    max-width:330px
  }
  .bi-abut-feature-list li {
    width:100%
  }
  .bi-about-img-3 {
    padding-top:150px
  }
  .bi-portfolio-item-3 {
    width:50%
  }
}
@media screen and (max-width:1024px) {
  .bi-main-slider-item-4 .bi-main-slider-text h1 strong {
    font-size:220px
  }
  .bi-blog-item-4 .blog-text h3,
  .bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price h3,
  .bi-team-item-4 .team-text h3,
  .bi-why-choose-feature ul li {
    font-size:22px
  }
  .bi-service-title-text h2 {
    font-size:50px
  }
  .bi-why-choose-us-area-2 .bi-why-choose-textarea,
  .hap-pricing-list-area {
    margin-left:0
  }
  .bi-counter-item-3:after,
  .bi-counter-item-3:before,
  .bi-header-section .bi-header-cta-btn-grp .offcanves-btn,
  .bi-main-slider-item-4 .slider_men,
  .bi-testimonial-nav .bi-testimonial-nav-item:before,
  .hap-banner-section:before,
  .hap-header-top-area,
  .hap-service-section:after,
  .hap-service-section:before,
  .hap-skill-faq-section:after,
  .hap-skill-faq-section:before,
  .hap-team-section:after,
  .hap-team-section:before,
  .hap-testimonial-section:after,
  .hap-testimonial-section:before {
    display:none
  }
  .bi-about-text-4 .bi-section-title-4 {
    max-width:100%;
    position:static
  }
  .bi-consult-cta-text-area .bi-section-title-2 h2,
  .bi-section-title-4 h2 {
    font-size:40px
  }
  .bi-about-text-area-4 {
    padding-top:30px
  }
  .bi-why-choose-textarea .accordion-button {
    font-size:16px;
    padding-top:10px
  }
  .bi-team-item-4 .team-img {
    width:auto;
    height:auto
  }
  .bi-team-item-4 {
    padding:30px 20px
  }
  .bi-portfolio-item-4 .portfolio-text h3 {
    font-size:30px
  }
  .bi-blog-item-4 .blog-author-more {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .bi-header-section.header-style-four {
    border-radius:0;
    padding:20px 15px
  }
  .bi-header-section.header-style-four.sticky-on {
    top:0;
    bottom:auto;
    max-width:100%;
    border-radius:0;
    padding:10px 15px;
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
  }
  .bi-header-section.header-style-two .bi-header-main-navigation .main-navigation li,
  .hap-header-menu-navigation .main-navigation li {
    margin:0 15px
  }
  .hap-header-menu-navigation {
    padding:20px 30px
  }
  .hap-banner-content .hap-banner-image {
    display:none!important
  }
  .hap-banner-content .hap-banner-text {
    max-width:100%;
    padding:0 15px;
    text-align:center
  }
  .hap-banner-content .hap-banner-text .hap-section-title p {
    margin:0 auto
  }
  .hap-banner-content {
    padding:250px 0 150px
  }
  .hap-sponsor-content {
    margin-top:0;
    border-radius:0;
    padding-left:15px
  }
  .hap-service-scroll-text-area {
    padding:50px 30px
  }
  .bi-footer-widget-2 .widget-title,
  .bi-sold-employe-counter-item .counter-text p,
  .hap-pricing-list-area li {
    font-size:18px
  }
  .hap-header-section.sticky-on .hap-header-menu-navigation {
    padding:20px 15px
  }
  .hap-about-section,
  .hap-contact-section,
  .hap-counter-section,
  .hap-portfolio-section,
  .hap-pricing-section,
  .hap-service-section,
  .hap-skill-faq-section,
  .hap-team-section,
  .hap-testimonial-section,
  .hap-topic-section {
    padding:80px 0
  }
  .hap-testimonial-item .testimoial-text-author {
    padding:65px 90px;
    max-width:780px
  }
  .hap-blog-section {
    padding:80px 0 50px
  }
  .bi-header-cta-btn-grp .bi-btn-2 a,
  .bi-pricing-item-area-3 .bi-pricing-item-3 .plan-price {
    padding:15px 20px
  }
  .bi-key-feature-item .bi-key-feature-text h3,
  .bi-sold-employe-counter-item .counter-text h3 {
    font-size:20px
  }
  .bi-section-title-2 h2 {
    font-size:36px
  }
  .bi-consult-btn-area {
    margin-bottom:15px
  }
  .bi-testimonial-thumb {
    width:320px;
    margin:0 auto 40px;
    position:static!important
  }
  .bi-testimonial-content {
    padding-left:0
  }
  .bi-testimonial-nav {
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .bi-testimonial-nav .bi-testimonial-nav-item {
    width:95px
  }
  .bi-testimonial-nav .swiper-slide-active .bi-testimonial-nav-item {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  .bi-footer-cta-content-2 .bi-footer-cta-social li {
    margin-left:20px
  }
  .bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-img3_2 {
    right:-50%
  }
  .bi-what-we-offer-item .bi-what-we-offer-img-title .offer-img {
    width:100px;
    height:100px;
    margin-right:20px
  }
  .bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title h3 {
    font-size:26px;
    line-height:1.5
  }
  .bi-section-title-3 h2 {
    font-size:45px;
    line-height:1.5
  }
  .bi-breadcrumbs-content {
    padding:200px 0 180px
  }
}
@media screen and (max-width:991px) {
  .bi-about-img-wrapper4,
  .bi-fun-fact-text-area-2 {
    margin:0 auto 40px;
    max-width:600px
  }
  .bi-about-text-4,
  .bi-portfolio-tab-btn-text {
    margin:0 auto;
    max-width:550px
  }
  .bi-text-scroll-item-1 h3 {
    font-size:100px
  }
  .bi-why-choose-img1-area {
    max-width:550px
  }
  .bi-why-choose-textarea {
    margin:40px auto 0
  }
  .bi-why-choose-us-area-2 .bi-why-choose-textarea {
    margin:0 auto
  }
  .bi-why-choose-img2-area {
    margin:50px auto 0;
    max-width:550px
  }
  .bi-portfolio-item-4 {
    margin:0 auto 40px
  }
  .bi-pricing-text-area-4 {
    margin:0 auto 40px;
    max-width:550px
  }
  .bi-pricing-plan-content-4 .bi-pricing-item-4:nth-child(2) {
    position:static;
    -webkit-transform:translate(0) scale(1);
    transform:translate(0) scale(1)
  }
  .bi-pricing-plan-content-4 .bi-pricing-item-4 {
    width:50%;
    margin:20px
  }
  .bi-pricing-plan-content-4 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-left:0;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .bi-header-main-navigation,
  .bi-header-section.header-style-four .bi-header-main-navigation,
  .bi-header-section.header-style-four .bi-header-social,
  .bi-header-section.header-style-one .bi-header-cta-btn-grp .offcanves-btn,
  .bi-header-section.header-style-one .bi-header-social,
  .bi-header-section.header-style-three .bi-header-cta-btn-grp .offcanves-btn,
  .bi-header-section.header-style-two .bi-header-cta-btn-grp .bi-header-search,
  .bi-main-slider-item-4 .bi-slider-watch-video,
  .bi-pricing-item-area-3:before,
  .bi-slider-content-3 .bi-slider-social,
  .bi-slider-content-3 .slider_shape,
  .bi-slider-wrapper-3 .swiper-slide-active .bi-slider-item-3 .bi-slider-img3_2,
  .bi-sponsor-section-3 .sponsor-bg,
  .bi-testimonial-content-3 .testimonial-circle,
  .hap-counter-item:before,
  .hap-header-menu-navigation .hap-header-cta-btn-grp .search-btn,
  .hap-header-menu-navigation .main-navigation,
  .hap-service-item .service-arrow,
  .hap-testimonial-item .testimoial-img:after,
  .hap-testimonial-item .testimoial-img:before,
  .inv-lan-header-main-menu .menu-navigation {
    display:none
  }
  .bi-header-section .bi-header-cta-btn-grp {
    margin-right:50px
  }
  .bi-header-section.header-style-four .mobile_menu_content,
  .mobile_menu_button {
    display:block
  }
  .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
    max-width:100%;
    position:static;
    margin-top:40px;
    text-align:center;
    padding-bottom:30px
  }
  .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text p {
    padding-bottom:20px
  }
  .bi-main-slider-item-4 .bi-main-slider-text h1,
  .bi-main-slider-item-4 .bi-main-slider-text h1 span,
  .bi-main-slider-item-4 .bi-main-slider-text h1 strong {
    font-size:90px;
    display:block;
    text-align:center
  }
  .bi-main-slider-item-4 {
    padding:180px 15px 80px
  }
  .bi-header-section.header-style-four .mobile_menu_button {
    top:-40px
  }
  .bi-header-section.header-style-four.sticky-on .mobile_menu_button {
    top:-48px
  }
  .bi-portfolio-item-wrapper-2 {
    padding-left:0;
    margin-top:0
  }
  .hap-header-menu-navigation .hap-header-cta-btn-grp .cart-btn {
    margin-right:45px
  }
  .hap-header-section .mobile_menu_button {
    top:-56px;
    display:block;
    color:var(--hap-base-color)
  }
  .hap-header-section {
    top:0;
    background-color:#fff
  }
  .hap-header-menu-navigation {
    padding:20px 0
  }
  .hap-sponsor-content .hap-section-title {
    margin:0 auto 30px;
    text-align:center
  }
  .hap-sponsor-content .hap-section-title h2 {
    font-size:30px
  }
  .hap-section-title h2 {
    font-size:50px
  }
  .hap-service-item .service-title h3 {
    font-size:45px
  }
  .hap-skill-img {
    margin:40px auto 0;
    display:block;
    text-align:center
  }
  .hap-faq-img-wrapper {
    margin:0 auto 40px;
    max-width:540px
  }
  .hap-counter-item {
    text-align:center;
    margin-bottom:20px
  }
  .bi-blog-details-text-area blockquote,
  .bi-faq-testimonial-content,
  .bi-footer-cta-content-2,
  .hap-testimonial-item,
  .inv-lan-client-ratting,
  .inv-lan-faq-feature-item,
  .inv-lan-faq-top-content,
  .inv-lan-testimonial-top-content {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .bi-footer-widget-2,
  .hap-footer-widget,
  .hap-testimonial-item .testimoial-img,
  .hap-topic-item {
    margin-bottom:30px
  }
  .bi-main-slide-text-img-content,
  .hap-topic-content {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .bi-blog-item .bi-blog-text-area .bi-blog-text,
  .bi-footer-widget-2 .menu-widget,
  .bi-testimonial-item .testimonial-desc-author,
  .hap-footer-widget .menu-widget,
  .hap-footer-widget .newslatter-widget {
    padding-left:0
  }
  .bi-counter-item,
  .bi-footer-cta-content .bi-footer-cta-text,
  .hap-footer-widget .widget-title {
    margin-bottom:20px
  }
  .hap-footer-content {
    padding:80px 0
  }
  .hap-service-content {
    padding-top:40px
  }
  .inv-lan-header-section .site-logo {
    margin:0;
    position:static
  }
  .inv-lan-header-section .inv-lan-header-btn {
    position:static;
    margin-right:45px
  }
  .inv-lan-header-main-menu .inv-lan-header-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  .inv-lan-header-section.sticky-on {
    padding:15px 0
  }
  .inv-lan-header-main-menu .mobile_menu_button {
    top:-42px;
    right:0;
    display:block
  }
  .inv-lan-faq-top-content .inv-lan-section-title {
    padding-bottom:15px
  }
  .bi-blog-details-text-area blockquote .inner-img,
  .inv-lan-faq-feature-item .inner-icon,
  .inv-lan-testimonial-top-text .inv-lan-client-ratting .ratting-text {
    margin-bottom:15px
  }
  .bi-header-section.header-style-one .bi-header-cta-btn-grp {
    margin-left:0;
    margin-right:45px
  }
  .bi-main-slide-item .bi-slide-img-area {
    margin-bottom:50px
  }
  .bi-header-section.header-style-one .bi-header-content {
    padding:20px 15px
  }
  .bi-slider-section {
    padding-top:70px
  }
  .bi-skill-logo-text-area {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:40px
  }
  .bi-skill-logo-wrapper {
    padding-left:0;
    text-align:center
  }
  .bi-about-img-wrapper,
  .bi-consult-form-wrap,
  .bi-skill-logo-wrapper .bi-skill-logo-area,
  .bi-testimonial-item {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .bi-quality-section {
    padding-bottom:80px
  }
  .bi-about-text-area {
    position:static;
    margin:40px auto 0
  }
  .bi-about-text-area .bi-section-title-1 h2 b {
    color:#0e0e0e
  }
  .bi-about-circle-progress {
    padding-top:40px;
    margin:0 auto;
    max-width:550px
  }
  .bi-about-section {
    padding:100px 0 60px
  }
  .bi-fun-fact-img {
    margin:0 auto 30px;
    max-width:405px;
    display:block
  }
  .bi-fun-fact-img-2 {
    margin:0 auto;
    display:block;
    max-width:600px
  }
  .bi-portfolio-tab-content {
    margin:0 auto;
    max-width:710px
  }
  .bi-fun-fact-text-area-2 .bi-btn-1 {
    margin-top:30px
  }
  .bi-consult-cta-text-area,
  .bi-fun-fact-counter-2 {
    margin:0 auto;
    max-width:500px
  }
  .bi-blog-item {
    margin:0 auto 40px;
    max-width:605px
  }
  .bi-blog-item .bi-blog-text-area .bi-blog-meta,
  .bi-testimonial-slider {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  .bi-blog-item .bi-blog-text-area .bi-blog-meta:before {
    left:0;
    right:0;
    width:95%;
    z-index:-1
  }
  .bi-blog-item .bi-blog-text-area .bi-blog-meta:after {
    right:15px
  }
  .bi-blog-item.right_align_content .bi-blog-meta:after {
    left:0
  }
  .bi-blog-item.right_align_content .row {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
  .bi-faq-content-area {
    width:100%;
    max-width:100%
  }
  .bi-faq-testimonial-section:before {
    height:100%;
    background-size:cover
  }
  .bi-testimonial-area {
    max-width:100%
  }
  .bi-carousel-testimonial {
    margin-left:0;
    padding-left:0;
    text-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .bi-header-cta-btn-grp .bi-btn-2,
  .bi-header-section.header-style-three .bi-header-cta-btn-grp .cart-btn {
    margin-right:40px
  }
  .bi-header-section.header-style-two .mobile_menu_button {
    top:-50px
  }
  .bi-key-feature-title-text {
    max-width:500px;
    margin:0 auto 40px
  }
  .bi-key-feature-title-text .bi-section-title-2 {
    margin-bottom:25px
  }
  .bi-about-img-wrapper2 {
    margin:0 auto 50px;
    max-width:600px
  }
  .bi-main-arrow-next-prev .bi-slider-arrow,
  .bi-shape-anim,
  .bi-side-shape {
    display:none!important
  }
  .bi-about-text-area-2 {
    margin:0 auto;
    max-width:600px
  }
  .bi-sold-employe-content {
    border-radius:0
  }
  .bi-sold-employe-text-area {
    padding-left:0;
    margin-bottom:40px
  }
  .bi-pricing-item-2,
  .bi-pricing-item-area-3 {
    margin-bottom:40px
  }
  .bi-footer-cta-content-2 .bi-footer-cta-social-area {
    width:100%;
    padding-bottom:30px
  }
  .bi-footer-cta-content-2 .bi-footer-newslatter-form {
    width:100%;
    padding-left:0
  }
  .bi-about-video-play {
    margin:0 auto;
    max-width:635px
  }
  .bi-about-img-3 {
    margin:0 auto;
    max-width:768px;
    padding-top:50px;
    padding-left:0
  }
  .bi-main-arrow-next-prev {
    height:60px;
    padding:0 30px;
    margin-left:15px;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    position:static!important;
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    display:inline-block!important
  }
  .bi-slider-item-3 .bi-slider-text-3 {
    margin-left:0
  }
  .bi-main-arrow-next-prev .swiper-paginations .swiper-pagination-bullet {
    margin:0 5px
  }
  .bi-slider-item-3 {
    padding:190px 0 80px
  }
  .bi-slider-content-3 {
    padding-bottom:60px
  }
  .bi-what-we-offer-item {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
  }
  .bi-header-section.header-style-three {
    background-color:var(--base-color)
  }
  .bi-header-section.header-style-three .mobile_menu_button {
    top:-52px;
    right:0
  }
  .bi-what-we-offer-item .bi-what-we-offer-desc {
    margin:0 25px
  }
  .bi-what-we-offer-item .offer-btn {
    margin-top:20PX
  }
  .bi-what-we-offer-item .bi-what-we-offer-img-title {
    margin-bottom:25PX
  }
  .bi-sponsor-slider-3 {
    padding:50px 15px
  }
  .bi-career-feed-item .inner-img {
    margin-bottom:10px
  }
  .bi-contact-map-content {
    overflow:hidden
  }
  .bi-contact-map-content .bi-team-details-contact-info {
    margin-left:0;
    padding:0 15px
  }
  .bi-header-section .hap-megamenu,
  .hap-header-section .dropdown {
    position:relative!important
  }
}
@media screen and (max-width:767px) {
  .bi-blog-details-text-area .bi-portfolio-details-list-img,
  .bi-portfolio-details-video-img,
  .inv-lan-faq-feature-item {
    margin-bottom:30px
  }
  .bi-counter-item-2,
  .bi-portfolio-item-content {
    text-align:center
  }
  .bi-fun-fact-counter-2 .bi-fun-fact-star {
    display:none
  }
  .bi-counter-item-2 h3 {
    margin:0 auto 5px
  }
  .bi-footer-cta-content {
    padding:65px 50px
  }
  .bi-footer-social-content ul li {
    font-size:18px
  }
  .bi-sold-employe-text {
    padding-left:0;
    padding-top:35px
  }
  .bi-counter-item-3 {
    margin:0 auto 15px
  }
  .bi-testimonial-item-2 .bi-testimonial-img {
    width:200px;
    height:200px
  }
  .bi-portfolio-item-3 {
    width:100%
  }
  .bi-blog-details-author .inner-img {
    margin-bottom:15px
  }
}
@media screen and (max-width:680px) {
  .bi-pricing-plan-content-4 {
    display:block
  }
  .bi-pricing-plan-content-4 .bi-pricing-item-4 {
    width:100%;
    margin:0 auto 40px
  }
  .hap-sponsor-logo-area .sponsor-logo {
    width:25%
  }
  .bi-testimonial-item-2,
  .hap-service-item,
  .hap-skill-progress-item .skill-icon-text,
  .inv-demo-page-item .inv-demo-preview-btn {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .hap-service-item .hap-service-title-icon,
  .hap-skill-progress-item .skill-icon {
    margin-bottom:20px
  }
  .bi-service-details-text-area .bi-service-details-text h3,
  .bi-service-details-text-area .bi-service-details-text h4,
  .bi-service-list-item a,
  .hap-service-scroll-text-area h2 {
    font-size:30px
  }
  .hap-service-scroll-text-area h2 .scroller_item_1 li {
    top:10px;
    font-size:14px
  }
  .hap-skill-progress-item .skill-arrow,
  .hap-testimonial-item .testimoial-text-author:after,
  .hap-testimonial-item .testimoial-text-author:before {
    display:none
  }
  .hap-testimonial-item .testimoial-text-author {
    border-radius:0;
    padding:40px 20px;
    background-color:#fff
  }
  .hap-about-feature-item {
    width:100%
  }
  .bi-key-feature-title-text,
  .hap-skill-progress-area {
    padding-top:0
  }
  .inv-lan-banner-text h1 {
    font-size:50px
  }
  .inv-lan-banner-bottom-text {
    padding:50px 30px
  }
  .inv-demo-page-item .inv-demo-preview-btn a {
    margin-bottom:10px
  }
  .bi-footer-cta-content .bi-footer-cta-text {
    padding-bottom:15px
  }
  .bi-footer-social-content ul {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .bi-footer-social-content ul li {
    margin:0 8px
  }
  .bi-main-slide-item .bi-slide-img-area {
    max-width:500px
  }
  .bi-banner-text h1 {
    font-size:55px
  }
  .bi-header-section.header-style-two .bi-header-content {
    padding:20px 15px
  }
  .bi-banner-text {
    padding:220px 15px 120px
  }
  .bi-banner-text p {
    padding-bottom:30px
  }
  .bi-testimonial-item-2 .bi-testimonial-text {
    margin-top:30px
  }
  .bi-slider-item-3 .bi-slider-text-3 h1 {
    font-size:60px;
    line-height:1.3
  }
  .bi-slider-item-3 .bi-slider-text-3 h1 span {
    font-size:80px
  }
  .bi-slider-item-3 .bi-slider-text-3 .slider-img-desc .inner-text {
    max-width:335px
  }
  .bi-portfolio-feed-section .bi-portfolio-img-text-3 .portfolio-text .more_btn {
    display:none!important
  }
  .bi-service-feed-item .service-text h3 {
    font-size:26px
  }
  .bi-faq-content-area .bi-section-title-1 h2 {
    font-size:35px
  }
}
@media screen and (max-width:480px) {
  .bi-counter-item-2 h3 span,
  .bi-main-slide-item .bi-slide-text-area h1,
  .bi-main-slider-item-4 .bi-main-slider-text h1,
  .bi-main-slider-item-4 .bi-main-slider-text h1 span,
  .bi-main-slider-item-4 .bi-main-slider-text h1 strong {
    font-size:60px
  }
  .bi-about-img-wrapper4 .about-img2 {
    position:static!important;
    margin-top:30px
  }
  .bi-about-img-wrapper4,
  .bi-about-section-2,
  .bi-slider-item-3 {
    padding-bottom:40px
  }
  .bi-section-title-4 h2 {
    font-size:36px
  }
  .bi-about-text-area-4,
  .bi-main-slide-item .bi-slide-text-area {
    padding-left:0
  }
  .bi-abut-feature-list-4 li,
  .bi-why-choose-feature ul li {
    width:100%
  }
  .bi-about-section-4,
  .bi-blog-section,
  .bi-blog-section-3,
  .bi-consult-cta-section,
  .bi-fun-fact-section,
  .bi-fun-fact-section-2,
  .bi-portfolio-section-2,
  .bi-pricing-section-2,
  .bi-pricing-section-4,
  .bi-testimonial-section-2 .background_parallax,
  .bi-why-choose-us-section-4,
  .inner-page-padding,
  .inv-lan-feature-section {
    padding:60px 0
  }
  .bi-service-section-4 {
    padding-top:60px
  }
  .bi-counter-item:after,
  .bi-counter-item:before,
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-next:after,
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-prev:after,
  .bi-slider-item-3 .bi-slider-text-3 .slider-img-desc .inner-img,
  .bi-storyboard-item:before,
  .bi-testimonial-item-3 .quote-icon,
  .bi-testimonial-item-3 .testimonial-img,
  .bi-why-choose-img1-area .why-choose-img3,
  .bi-why-choose-img1-area .why-choose-img5,
  .hap-about-feature-area:after,
  .hap-about-feature-area:before,
  .hap-service-scroll-text-area h2 img {
    display:none
  }
  .bi-why-choose-us-content {
    padding-top:0
  }
  .bi-why-choose-us-area-1 {
    margin-bottom:60px
  }
  .bi-portfolio-item-4 .portfolio-text .portfolio-category a {
    padding:5px 15px;
    margin-bottom:5px
  }
  .bi-section-title-1 h2,
  .hap-faq-accordion-area .hap-section-title h2,
  .hap-section-title h2,
  .inv-lan-banner-text h1 {
    font-size:40px
  }
  .hap-btn a {
    padding:15px 25px
  }
  .hap-faq-img-wrapper .hap-faq-img2,
  .hap-sponsor-logo-area .sponsor-logo {
    width:50%
  }
  .bi-blog-details-text-area h3,
  .bi-blog-item .bi-blog-text-area h3,
  .bi-consult-cta-text-area .bi-section-title-2 h2,
  .bi-footer-widget .about-widget h3,
  .bi-portfolio-details-content h3,
  .bi-portfolio-details-content h4,
  .bi-section-title-2 h2,
  .bi-video-play-content-2 .video-play-text h3,
  .hap-service-item .service-title h3,
  .inv-lan-footer-content h2,
  .inv-lan-section-title h2 {
    font-size:30px
  }
  .bi-btn-3 a,
  .hap-service-item .service-category a {
    padding:8px 20px
  }
  .hap-service-scroll-text-area h2 .scroller_item_1 {
    margin:0 5px
  }
  .hap-pricing-tab-img-price .plan-price-title .plan-price h4,
  .inv-lan-banner-bottom-text p {
    font-size:18px
  }
  .hap-pricing-tab-img-price .plan-price-title .plan-price {
    margin-right:15px;
    width:80px;
    height:80px;
    padding:10px;
    border-radius:0
  }
  .bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title h3,
  .hap-pricing-tab-img-price .plan-price-title .price-plan-title h3 {
    font-size:22px
  }
  .hap-service-item .service-title span {
    font-size:16px
  }
  .bi-about-text-quote-area p,
  .bi-footer-widget .widget-title,
  .bi-main-slide-item .bi-slide-text-area li,
  .hap-service-scroll-text-area h2 {
    font-size:20px
  }
  .hap-service-scroll-text-area h2 .scroller_item_1 li {
    top:18px
  }
  .hap-team-item .team-img:before {
    height:80%
  }
  .hap-footer-widget .tranding-service li a {
    width:85px
  }
  .inv-lan-banner-text {
    padding:150px 0 60px
  }
  .inv-lan-banner-bottom-text h2 {
    font-size:26px;
    padding-bottom:15px
  }
  .inv-lan-header-main-menu .site-logo {
    width:90px
  }
  .inv-lan-header-section .inv-lan-header-btn a {
    padding:10px 12px
  }
  .inv-lan-testimonial-item {
    padding:75px 15px 40px
  }
  .bi-pagination li a,
  .scrollup {
    width:45px;
    height:45px
  }
  .bi-main-slide-item .bi-slide-img-area {
    max-width:290px
  }
  .bi-main-slide-item .bi-slide-img-area .bi-slide-img-arrow {
    width:40px
  }
  .bi-complete-work-counter h3,
  .bi-main-slide-item .bi-slide-text-area h2,
  .bi-storyboard-content .bi-storyboard-title {
    font-size:50px
  }
  .bi-main-slider-section .bi-carousel-arrow-next-prev {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:static!important
  }
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-next,
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-prev {
    position:static;
    margin:0 8px
  }
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-next:hover,
  .bi-main-slider-section .bi-carousel-arrow-next-prev .bi-main-button-prev:hover {
    background-color:var(--base-color)
  }
  .bi-carousel-arrow-next-prev .bi-slider-arrow:hover i {
    margin-top:0
  }
  .bi-main-slide-item {
    padding:50px
  }
  .bi-main-slide-item .bi-slide-img-area .bi-slide-text-img {
    width:140px;
    margin:0 auto
  }
  .bi-main-slider-area {
    padding-bottom:60px
  }
  .bi-btn-1 a {
    padding:15px 30px 13px
  }
  .bi-btn-1 a:before {
    top:5px
  }
  .bi-btn-1 a:after {
    bottom:5px
  }
  .bi-quality-feature-item .feature-icon {
    width:60px
  }
  .bi-quality-feature-item .feature-text h3 {
    max-width:70%
  }
  .bi-about-img-wrapper,
  .bi-skill-logo-wrapper .bi-skill-logo-area,
  .bi-slider-wrapper-3 .bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .bi-quality-section {
    padding-bottom:50px
  }
  .bi-about-section,
  .bi-blog-section-2,
  .bi-portfolio-section,
  .bi-team-section-2 {
    padding:60px 0 30px
  }
  .bi-about-img-area2 {
    margin-top:40px
  }
  .bi-about-img-area1 .bi-about-img-text,
  .bi-storyboard-item {
    margin-bottom:20px
  }
  .bi-storyboard-section {
    padding:70px 0 20px
  }
  .bi-banner-text h1,
  .bi-slider-item-3 .bi-slider-text-3 h1,
  .bi-storyboard-item h3 {
    font-size:45px
  }
  .bi-storyboard-list-area {
    padding-top:50px
  }
  .bi-counter-item h3 {
    font-size:45px;
    margin-right:20px
  }
  .bi-counter-item,
  .bi-counter-item-3 {
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
  }
  .bi-faq-testimonial-section {
    padding:60px 0 80px
  }
  .bi-faq-content-area {
    padding:60px 15px 40px
  }
  .bi-testimonial-item .testimonial-text h3 {
    font-size:25px
  }
  .bi-testimonial-item .testimonial-text {
    max-width:250px
  }
  .bi-testimonial-item .testimonial-img {
    height:120px;
    width:120px;
    margin-right:20px
  }
  .bi-footer-widget-2 .widget-title,
  .bi-sponsor-content {
    padding-bottom:20px
  }
  .bi-play-btn {
    padding:120px 0
  }
  .bi-blog-item .bi-blog-text-area p {
    padding-bottom:25px
  }
  .bi-blog-item .bi-blog-text-area .bi-btn-1 a:before {
    top:5px;
    left:-125px
  }
  .bi-blog-item .bi-blog-text-area .bi-btn-1 a:after {
    bottom:5px;
    right:-125px
  }
  .bi-footer-cta-content .bi-footer-cta-text h3,
  .bi-section-title-3 h2 {
    font-size:35px
  }
  .scrollup {
    line-height:45px
  }
  .bi-btn-2 a {
    padding:15px 20px
  }
  .bi-header-cta-btn-grp .bi-btn-2 a {
    font-size:10px
  }
  .bi-header-section.header-style-two .mobile_menu_button {
    top:-45px
  }
  .bi-about-img2_2 {
    width:200px;
    height:200px
  }
  .bi-service-list-item {
    padding:0 20px
  }
  .bi-service-section-2 {
    padding:40px 0 60px
  }
  .bi-consult-form-wrap .bi-consult-form-area .bi-consult-form-input {
    padding:40px 30px 0
  }
  .bi-pricing-item-2 {
    padding:30px 30px 25px
  }
  .bi-video-play-content-2 {
    padding:100px 0 80px
  }
  .bi-counter-item-3 h3 {
    font-size:40px;
    margin-right:20px
  }
  .bi-counter-section-3 {
    padding-bottom:30px
  }
  .bi-blog-content-2 {
    padding-top:25px
  }
  .bi-footer-cta-content-2 .bi-footer-cta-social-area,
  .bi-footer-cta-content-2 .bi-footer-newslatter-form {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
  }
  .bi-footer-cta-text {
    margin-bottom:15px
  }
  .bi-footer-cta-content-2 .bi-footer-newslatter-form span {
    width:100%;
    text-align:center;
    padding-bottom:15px
  }
  .bi-footer-widget-2 .menu-widget li {
    margin-bottom:12px
  }
  .bi-slider-item-3 .bi-slider-text-3 h1 span {
    font-size:65px
  }
  .bi-slider-item-3 .bi-slider-text-3 .slider-img-desc {
    margin:20px 0
  }
  .bi-slider-item-3 .bi-slider-text-3 .slider-img-desc .inner-text {
    max-width:100%
  }
  .bi-slider-item-3 .bi-slider-text-3 .slider-btn-grp .bi-slider-video-play {
    margin-top:20px
  }
  .bi-what-we-offer-section {
    padding:70px 0 30px
  }
  .bi-what-we-offer-item .bi-what-we-offer-img-title .offer-title {
    max-width:220px
  }
  .bi-about-section-3,
  .bi-team-section-3,
  .bi-testimonial-section-3 {
    padding:70px 0
  }
  .bi-about-text-quote-area {
    padding-left:0;
    padding-top:40px
  }
  .bi-team-item-3 .bi-team-text h3 {
    font-size:28px
  }
  .bi-pricing-section-3 {
    padding:60px 0 40px
  }
  .bi-testimonial-content-3 {
    padding-top:30px
  }
  .bi-testimonial-item-3 .testimonial-text {
    font-size:18px;
    line-height:1.6667;
    padding-bottom:25px
  }
  .bi-portfolio-filter-btn,
  .error-text-btn {
    margin-top:30px
  }
  .bi-portfolio-filter-btn li {
    margin:5px;
    padding:10px 20px
  }
  .bi-breadcrumbs-content {
    padding:150px 0 100px
  }
  .bi-breadcrumbs-content h2 {
    font-size:40px;
    padding-bottom:20px
  }
  .bi-breadcrumbs-content ul {
    padding:12px 25px
  }
  .error-text-btn h3 {
    font-size:40px;
    padding-bottom:30px
  }
  .bi-footer-cta-content {
    padding:50px 30px
  }
  .bi-blog-details-content,
  .bi-blog-feed-item-3 {
    padding:15px
  }
  .bi-blog-details-text-area h4,
  .bi-blog-feed-item-3 .blog-text h3 {
    font-size:24px
  }
  .bi-blog-feed-item-3 .blog-author-more .blog-more {
    margin-top:15px;
    margin-left:15px
  }
  .bi-team-details-contact-info .bi-team-details-contact-title h3 {
    font-size:26px
  }
  .bi-blog-details-section .bi-team-details-contact-info {
    padding:30px 20px
  }
  .bi-career-item {
    background-image:none!important
  }
  .bi-coming-soon-subscription button {
    padding:0 15px
  }
  .bi-team-details-contact-form {
    padding:30px 15px
  }
}
@media screen and (max-width:380px) {
  .hap-banner-content {
    padding:200px 0 150px
  }
  .bi-slider-item-3 .bi-slider-text-3 h1 {
    font-size:40px
  }
  .bi-slider-item-3 .bi-slider-text-3 .slider-img-desc .inner-text {
    font-size:17px
  }
}
@media screen and (max-width:360px) {
  .bi-header-cta-btn-grp .bi-btn-2 {
    display:none
  }
  .bi-header-section.header-style-two .mobile_menu_button {
    top:-33px
  }
}

/* ============================================================

/* ── 서브타이틀 아이콘 수정 ──
   원본: \f666 (텔레그램 아이콘) + Font Awesome 5 Brands (미존재)
   변경: \f005 (별 아이콘) + Font Awesome 6 Free (로컬 존재) */
.hap-section-title .sub-title:before { content: none !important; display: none !important; }



/* ── 서브타이틀 깨진 아이콘 제거 ── */
.hap-section-title .sub-title:before,
.hap-service-scroll-text-area h2 .scroller_item_1 li:before {
    content: none !important;
    display: none !important;
}



/* ── 메인 배너 소제목 & 아이콘 최종 수정 ── */
/* 1. 깨진 가상 요소(사각형) 박멸 */
.hap-section-title .sub-title:before,
.hap-section-title .sub-title:after,
.sub-title:before,
.sub-title:after {
    display: none !important;
    content: none !important;
}

/* 2. 소제목 자체는 확실히 노출 */
.sub-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ae49ff !important; /* 보라색 강제 적용 */
    padding-left: 0 !important;
    margin-bottom: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    position: relative !important;
    transform: none !important; /* WOW 애니메이션 간섭 방지용 */
}

/* 3. 소제목 안의 별 아이콘 */
.sub-title i {
    color: #ae49ff !important;
    margin-right: 8px !important;
    font-size: 13px !important;
    vertical-align: baseline !important;
    display: inline-block !important;
}