@charset "UTF-8";
body{-moz-font-feature-settings:"ss02";-webkit-font-feature-settings:"ss02";font-feature-settings:"ss02"}.
.link-open-trigger {
  display:inline-block;
  width:4rem;
  height:4rem;
  padding:0.375rem;
  transition:padding 0.2s;
  border-radius:2rem;
  background:rgba(255,
  255,
  255,
  0.07);
  position:relative;
  vertical-align:middle;
  margin-right:0.75rem;
  margin-left:-0.25rem;
  box-shadow:0 0 40px rgba(0,
  0,
  0,
  0.08)
}
.link-open-trigger:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius:2rem;
  background:#fff
}
.link-open-trigger:hover {
  padding:0.25rem
}
.link-open-trigger i {
  color:#08c;
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  margin:-10px 0 0 -10px;
  width:20px;
  height:20px;
  line-height:20px;
  font-size:18px
}
.tag {
  display:inline-block;
  background-color:#36c57a;
  color:#fff;
  font-weight:600;
  border-radius:0.25rem;
  padding:0.5rem 1rem;
  margin:0 0.4rem 0.4rem 0;
  font-weight:400
}
.tag:before {
  content:"";
  font-family:"Font Awesome 5 Free";
  font-size:12px;
  font-weight:900;
  margin-left:0.5rem;
}
.icon-box h4 {
  letter-spacing:0;
}
.icon-box .icon-1 {
  background-position:-10px -10px
}
.icon-box .icon-2 {
  background-position:-110px -10px
}
.icon-box .icon-3 {
  background-position:-210px -10px
}
.icon-box .icon-plugin-1 {
  background-position:-230px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-2 {
  background-position:-345px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-3 {
  background-position:-460px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-4 {
  background-position:-575px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-5 {
  background-position:-690px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-6 {
  background-position:-805px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-7 {
  background-position:-920px 100%;
  width:115px;
  height:115px
}
.icon-box .icon-plugin-merged {
  background:url(../img/merge.jpg) no-repeat;
  width:115px;
  height:115px;
  border-radius:6px
}
.icon-box .icon-plugin-critical {
  background:url(../img/critical.jpg) no-repeat;
  width:115px;
  height:115px;
  border-radius:6px
}
.icon-box .icon-feature-1 {
  background-position:-20px -110px
}
.icon-box .icon-feature-2 {
  background-position:-120px -110px
}
.icon-box .icon-feature-3 {
  background-position:-220px -110px
}
.icon-box .icon-feature-4 {
  background-position:-320px -110px
}
.col-half-section {
  width:100%;
  min-height:1px;
  position:relative;
  max-width:calc(1366px / 2)
}
@media (max-width:1199px) {
  .col-half-section {
    font-size:13px
  }
}
@media (max-width:576px) {
  .col-half-section {
    font-size:9.3px
  }
  .col-half-section h1 figure {
    transform:scale(0.75)
  }
}
.section-concept {
  min-height:820px
}
@media (max-width:1199px) {
  .section-concept {
    min-height:750px
  }
}
@media (max-width:1026px) {
  .section-concept {
    min-height:700px
  }
}
@media (min-width:1441px) {
  .section-concept .mt-mxl-5 {
    margin-top:3rem!important
  }
}
@media (min-width:1601px) {
  .section-concept {
    min-height:930px
  }
  .section-concept .mb-xxl-5 {
    margin-bottom:3rem!important
  }
  .section-concept .mb-xxl-3 {
    margin-bottom:1rem!important
  }
  .section-concept .pb-xxl-1 {
    padding-bottom:0.25rem!important
  }
  .section-concept .mb-xxl-4 {
    margin-bottom:1.5rem!important
  }
}
@media (max-width:991px) {
  .section-concept {
    padding:125px 0 12.5rem!important
  }
}
.section-concept .fit-video {
  box-shadow:0 0 60px rgba(0,0,0,0.1);
  border-radius:0.25rem;
  background:#fff
}
.section-concept .video-open {
  font-size:1.125rem;
  font-weight:600;
  letter-spacing:-0.02em
}
.section-concept .has-bg-gradient {
  position:absolute;
  bottom:-39px;
  width:66.7vw;
  padding:1.75rem 0 1.5625rem
}
.section-concept .has-bg-gradient h3 {
  margin-top:6px
}
.section-concept .has-bg-gradient:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:49vw;
  background-image:linear-gradient(150deg,#0088cc 0%,#0088cc 30%,#0169fe 70%,#0169fe 100%);
  border-radius:0 4px 4px 0;
  box-shadow:0 0 60px rgba(0,0,0,0.06)
}
.section-concept p {
  font-weight:400;
  font-size:1.286em;
  letter-spacing:0;
  line-height:1.875rem
}
.section-concept h1 {
  font-size:3.71423em
}
.section-concept h1 span {
  font-size:1.6rem;
  letter-spacing:0;
  margin-right:2px;
  display:inline-block;
  transform:rotate(-12deg);
  transform-origin:0 0
}
.section-concept h1 span:after {
  transform:scaleY(-1) rotate(6deg);
  bottom:-0.2em
}
.section-concept h4 {
  font-size:1.4286em;
  letter-spacing:0.02em
}
.section-concept h5 {
  font-size:1.14286em;
  letter-spacing:0;
}
@media (max-width:576px) {
  .section-concept h5 {
    font-size:1em
  }
}
.section-concept .intro-update-badge figure {
  left:100%;
  min-width:133px;
  bottom:0
}
@media (max-width:576px) {
  .section-concept .intro-update-badge figure {
    min-width:70px
  }
}
.section-concept .btn-white {
  background-color:#fff;
  color:#222529;
  border-width:2px
}
.section-concept .btn-white:hover {
  background-color:#08c;
  color:#fff
}
.section-concept .btn-outline {
  background-color:transparent;
  border:2px solid rgba(255,255,255,0.05)
}
.section-concept .btn-outline:hover {
  background-color:#fff;
  color:#222529
}
.section-concept .intro-btn {
  font-size:1.14286em;
  width:13.75em;
  height:3.75em;
  padding:0;
  line-height:calc(3.75em - 2px)
}
.section-concept .counter h3 {
  font-size:3.571em;
  line-height:1
}
.section-concept .counter p {
  font-size:1.1em;
  margin:5px 0 0;
  font-weight:500;
  line-height:1.2rem;
  color:#fff;
  opacity:0.7;
  letter-spacing:0;
  text-transform:uppercase
}
.section-concept .counter a {
  font-size:1.125rem;
  letter-spacing:-0.05em;
  color:#222529
}
@media (max-width:1365px) {
  .section-concept h1 {
    font-size:3em
  }
  .section-concept .counter h3 {
    font-size:3.25em
  }
}
.star-rating-wrap i {
  font-size:1.4rem;
  margin-left:0.25rem
}
.feedback-rating-value {
  display:inline-block;
  padding:0.2rem 0.4rem;
  border-radius:5px;
  font-size:0.75rem;
  font-weight:500;
  letter-spacing:-0.05em;
  line-height:1.2;
  transform:rotate(-35deg)
}
.video-content {
  padding-left:8.3%
}
.video-content video {
  padding:0.5rem
}
.section-intro h3 {
  margin:3px 0 18px;
}
.section-intro p {
  line-height:1.875rem;
  font-weight:500
}
.section-intro p.text-sm {
  margin:50px 0
}
.section-intro .intro-wrapper {
  height:0;
  padding-bottom:10.9%
}
.section-intro .circle {
  display:block;
  width:37px;
  height:37px;
  border-radius:50%;
  background-color:#e8e8e8
}
.section-intro .circle2 {
  width:17px;
  height:17px;
  left:15.6%;
  top:7.8%
}
.section-intro .circle3 {
  width:24px;
  height:24px;
  left:13.1%;
  top:3.1%
}
.section-intro .circle4 {
  width:30px;
  height:30px;
  right:14.375%;
  top:12.3%
}
.section-intro .circle5 {
  width:19px;
  height:19px;
  right:16.3%;
  top:-6.8%
}
.section-intro .intro1,
.section-intro .intro2,
.section-intro .intro3,
.section-intro .intro4,
.section-intro .intro5,
.section-intro .intro6 {
  max-width:30%
}
.section-intro .intro1 {
  left:0;
  top:-30px
}
.section-intro .intro2 {
  left:1.5%;
  top:15.6%
}
.section-intro .intro3 {
  left:3.1%;
  top:40.7%
}
.section-intro .intro4 {
  right:1.4%;
  top:20px
}
.section-intro .intro5 {
  right:10%;
  top:40%
}
.section-intro .intro6 {
  right:0;
  top:-5.2%
}
.section-intro .intro7 {
  bottom:-11.3%;
  right:29.5%;
  max-width:50%
}
.section-intro .intro img {
  box-shadow:0 0 80px rgba(0,0,0,0.3);
  border-radius:5px
}
.section-intro .intro>img {
  box-shadow:0 0 80px rgba(0,0,0,0.1)
}
.section-intro #popup-content-video {
  display:none
}
.banner {
  position:relative
}
.banner-content {
  position:absolute
}
.intro-img-slider .banner-content-slider {
  bottom:19px;
  right:12px;
  left:12px
}
.intro-img-slider .banner-feature1 {
  top:28.6%;
  right:16.8%;
}
.intro-img-slider .banner-feature2 {
  top:57.5%;
  right:21.5%;
}
.intro-img-slider .banner-feature3 {
  top:19.4%;
  right:65.6%;
}
.intro-img-slider .banner-feature4 {
  top:62%;
  right:55.8%;
}
.intro-img-slider .banner-feature5 {
  top:48.3%;
  right:-9%;
}
.intro-img-slider .banner-feature1,
.intro-img-slider .banner-feature2,
.intro-img-slider .banner-feature3,
.intro-img-slider .banner-feature4,
.intro-img-slider .banner-feature5 {
  max-width:18%
}
.intro-img-slider .banner-feature6 {
  bottom:-7.3%;
  left:-4.7%;
  max-width:65%
}
.performance-subsection {
  background-image:url(../img/performance-bg.png);
  min-height:254px;
  background-repeat:no-repeat;
  background-position:bottom center;
  background-size:100%
}
.performance-subsection .container {
  padding:3rem 0.625rem 3.5rem
}
.performance-subsection h4 {
  font-size:0.8125rem
}
.heading-border {
  display:flex;
  justify-content:center
}
.heading-border:after,
.heading-border:before {
  content:"";
  height:2.25rem;
  flex:1;
  border-top:1px dotted rgba(34,37,41,0.3)
}
.heading-border:before {
  border-right:1px dotted rgba(34,37,41,0.3);
  margin:1.1rem 0.7rem 0 2.7rem
}
.heading-border:after {
  border-left:1px dotted rgba(34,37,41,0.3);
  margin:1.1rem 2.5rem 0 1rem
}
.section-theme-options .mt-custom {
  margin-top:calc(41% - 5vw)
}
.section-theme-options .image-wrapper {
  height:0;
  padding-bottom:16%
}
.section-theme-options p {
  line-height:28px;
  text-align: right; 
}
.section-theme-options .text-back {
  font-size:1.668rem;
  padding:2.4rem 0 2rem
}
.section-theme-options hr {
  margin:2.5rem 0 3rem;
  border-color:#e7e7e7
}
.section-theme-options .point-img {
  position:absolute
}
.section-theme-options .point-img.pos-1 {
  top:0;
  right:-5.6%
}
.section-theme-options .point-img.pos-2 {
  top:2%;
  left:5%
}
.section-theme-options .point-img.pos-3 {
  top:21%;
  transform:translate3d(13.7%,0,0)
}
.section-theme-options .point-img.pos-4 {
  top:0;
  left:-22%
}
.section-theme-options .owl-dot {
  position:relative;
  cursor:pointer;
  font-size:1.25rem;
  font-weight:700;
  border-style:solid;
  border-width:0 1px 2px 1px;
  border-color:#e7e7e7;
  background:#f4f4f4;
  padding:25px 12px 30px;
  outline:0;
  width:50%
}
.section-theme-options .owl-dot.active {
  color:#08c
}
.section-theme-options .owl-dot.active:before {
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  display:block;
  width:100%;
  border-bottom:3px solid #08c
}
.section-theme-options .owl-carousel .owl-nav {
  margin-top:-2.6rem
}
.sub-section-pb {
  margin:0 auto
}
@media (min-width:992px) {
  .sub-section-pb {
    width:85%
  }
}
.sub-section-pb .icon-porto {
  position:relative;
  display:flex;
  flex:0 0 30%;
  max-width:30%;
  padding:2.52rem 1rem 0.5rem 2rem;
  z-index:1
}
.sub-section-pb .icon-porto .arrow {
  position:absolute;
  max-width:182px;
  top:4px
}
.sub-section-pb .icon-porto .desc {
  font-family:"Handlee","Segeo Script";
  font-size:1.625rem;
  letter-spacing:3px;
  font-weight:700;
  text-align:center;
  position:absolute;
  top:-3.55rem;
  left:2.45rem;
  transform:rotate(-17deg);
  min-width:170px;
  line-height:30px;
  color:#222529
}
.sub-section-pb .pbs {
  position:relative;
  display:flex;
  flex:1;
  max-width:100%;
  padding:2.35rem 4.2% 1.625rem;
  flex-wrap:wrap;
  justify-content:space-around
}
.sub-section-pb h3 {
  font-size:1.125rem;
  font-weight:800;

  text-transform:uppercase;
  margin-bottom:-11px;
  border-bottom:3px solid transparent;
  padding-bottom:6px
}
.sub-section-pb img {
  margin-bottom:0.7rem
}
.sub-section-pb .sep {
  padding:2rem 1.5rem 0;
  font-size:1.5rem;
  font-weight:700;
  letter-spacing:-0.05em;
  color:#222529
}
.sub-section-pb .icon-box {
  padding:0 1rem;
  margin-bottom:1rem;
  text-decoration:none
}
.sub-section-pb .icon-box span {
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;

  text-decoration:none;
  color:inherit
}
.sub-section-pb .icon-box:not(:hover) span {
  color:#777
}
.has-cols:not(.owl-loaded) {
  display:flex
}
.has-cols:not(.owl-loaded)>* {
  flex:0 0 auto;
  width:100%
}
.section-chatgpt {
  background-color:#fff
}
.section-chatgpt .openai-tip {
  display:inline-block;
  background-color:#0169fd;
  color:#fff;
  padding:1rem 1.5rem;
  border-radius:4px;
  line-height:12px;
  letter-spacing:0;
}
.section-chatgpt h2 {
  font-size:2.8125rem;
  line-height:1.5em
}
.section-chatgpt h3 {
  font-size:2rem
}
.section-chatgpt .openai-desc {
  font-size:1.125rem
}
.section-chatgpt .btn {
  padding:0.8rem 2.5rem;
  font-size:1rem
}
.section-chatgpt .ai-detail-bg,
.section-chatgpt .ai-underline {
  display:inline-block;
  line-height:1.1em
}
.section-chatgpt .ai-underline {
  border-bottom:3px solid #222529
}
.section-chatgpt .ai-detail-bg {
  color:#ffffff;
  background-color:#f4a1ab;
  padding:6px 8px
}
@media (max-width:1199px) {
  .section-chatgpt h2 {
    font-size:2.75em
  }
}
@media (max-width:576px) {
  .section-chatgpt h2 {
    font-size:2.5em
  }
  .section-chatgpt h3 {
    font-size:1.6em
  }
}
.section-demos {
  padding-top:1.8125rem;
  padding-bottom:6.5rem
}
.section-demos h2 {
  position:relative;
  font-size:3rem;
  margin-bottom:1.875rem
}
.section-demos h2 label {
  position:absolute;
  font-size:13px;
  transform:rotate(-11deg);
  margin-left:14px;
  top:11px
}
.section-demos h2 label:after {
  left:10%;
  bottom:-0.8rem;
  background-size:90% auto
}
.section-demos a:hover {
  text-decoration:none
}
.section-demos .install-order {
  list-style:none;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:center;
  padding:0;
  font-size:1rem;
}
.section-demos .install-order li {
  margin:0 31px
}
.section-demos .image-box {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  border:1px dashed #e7e7e7;
  border-radius:0.25rem;
  max-width:calc(100% - 1.25rem);
  transition:box-shadow 0.2s
}
.section-demos .image-box:hover {
  box-shadow:0 0 40px rgba(0,0,0,0.06)
}
.section-demos .image-box h3 {
  font-size:2.375rem;
  margin-bottom:0
}
.section-demos .image-box h4 {
  font-size:0.937rem;
  color:#777
}
.section-demos .image-box .image {
  flex:0 0 60%;
  max-width:277px;
  padding:1rem
}
.section-demos .image-box .image img {
  box-shadow:0 0 40px rgba(0,0,0,0.06)
}
.section-demos .image-box:after {
  content:"=";
  position:absolute;
  font-size:2.375rem;
  line-height:1;
  margin-top:-1.1875rem;
  top:50%;
  right:-0.35rem;
  color:#222529;
  font-weight:700
}
.section-demos .image-box.plus:after {
  content:"+"
}
.section-demos .total-sites {
  font-size:4.75rem;
  font-weight:800;
  margin-bottom:0;
  line-height:0.85
}
.section-demos .highlight-word:after {
  background-image:url(../img/highlight3.png)
}
.section-demos>.position-relative:before {
  content:"";
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:calc((100vw - 1824px) / 2);
  height:100%;
  background:#fff;
  z-index:1
}
.section-demos .demo-list {
  display:flex
}
.section-demos .demo-list>.row {
  width:calc(100% + 20px)
}
.section-demos .demo-filter {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  overflow:visible!important;
  padding-left:30px
}
.section-demos .search-form {
  position:relative;
  border:2px solid #e7e7e7;
  border-radius:3rem;
  margin-left:20px;
  margin-bottom:2rem
}
.section-demos .search-form input {
  padding:0.8rem 1.5rem;
  border:none;
  background-color:transparent;
  font-size:1rem;
  font-weight:500;
  letter-spacing:0em;
  color:#999;
  opacity:0.5;
  width:100%;
  min-width:12rem
}
.section-demos .search-form input::placeholder {
  color:inherit
}
.section-demos .search-form .btn {
  position:absolute;
  top:53%;
  left:-0.7rem;
  font-size:1.2rem;
  min-width:5rem;
  transform:translateY(-50%);
  padding:0;
  background:none;
  transition:color 0.3s
}
.section-demos .sample-item+h3 {
  font-size:0.92rem;
  font-weight:600;
  text-align:center;
  margin:0.2rem 0 2.3rem;
  padding-top:0.2rem
}
.section-demos .filter-list ul {
  list-style:none
}
.section-demos .filter-list a {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-size:15px;
  font-weight:700;
  color:#222529;
  padding:4px 0 5px 15px;
  text-align: right;
}
.section-demos .filter-list a:before {
  content:"";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-size:0.8rem;
  color:transparent;
  display:inline-block;
  width:32px;
  height:32px;
  border:2px solid #e7e7e7;
  border-radius:5px;
  line-height:30px;
  text-align:center;
  margin-left:0.9rem
}
.section-demos .filter-list a.active:before {
  color:#08c
}
.section-demos .filter-list+.filter-list {
  margin-top:50px
}
.section-demos .support-pb a {
  margin:0;
  text-transform:none
}
.section-demos .support-pb a:before {
  content:none
}
.section-demos .position-sticky {
  position:sticky;
  position:-webkit-sticky;
  top:30px
}
.section-demos .filter-toggle-wrapper {
  margin-bottom:34px
}
.section-demos .filter-toggle {
  display:inline-block;
  position:relative;
  width:32px;
  height:32px;
  background-color:#f1f1f1;
  border-radius:3px;
  color:#222
}
.section-demos .filter-toggle:before {
  content:"";
  width:0.55rem;
  height:0.55rem;
  border-bottom:3px solid;
  border-right:3px solid;
  transform:rotate(-45deg) translate(-50%,-50%);
  position:absolute;
  top:55%;
  left:50%;
  transform-origin:center center;
  margin-top:-0.375rem
}
.section-demos .filter-toggle-out-wrapper {
  position:absolute;
  right:0;
  top:20px;
  width:70px;
  height:100%;
  z-index:2;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.15s,visibility 0.15s
}
.section-demos .filter-toggle-out-wrapper .position-sticky {
  display:flex;
  align-items:center;
  transform:rotate(-90deg) translate(-20px,calc(-100% - 10px));
  transform-origin:top right;
  min-width:120px
}
.section-demos .filter-toggle-out-wrapper h4 {
  margin-bottom:0;
  margin-right:10px
}
.section-demos .filter-toggle-out-wrapper .filter-toggle {
  display:block
}
.section-demos .filter-toggle-out-wrapper .filter-toggle:before {
  transform:rotate(-135deg) translate(0,-50%)
}
@media (max-width:767px) {
  .section-demos .filter-toggle-out-wrapper {
    display:none
  }
}
.demo-sidebar-active .section-demos .filter-toggle-out-wrapper {
  opacity:1;
  visibility:visible;
}
.section-demos .scroll-wrapper {
  overflow-y:auto;
  max-height:calc(100vh - 98px);
  scrollbar-gutter:stable;
  scrollbar-color:#0088cc #f4f4f4;
  scrollbar-width:thin
}
.section-demos .scroll-wrapper::-webkit-scrollbar {
  width:7px
}
.section-demos .scroll-wrapper::-webkit-scrollbar-track {
  background-color:#f4f4f4;
  border-radius:100px
}
.section-demos .scroll-wrapper::-webkit-scrollbar-thumb {
  background-color:#0088cc;
  border-radius:100px
}
.sample-item-list {
  margin-left:-10px;
  margin-right:-10px;
  overflow:hidden
}
.sample-item-list a:hover {
  text-decoration:none
}
.sample-item .inner-wrapper {
  position:absolute;
  top:10px;
  right:10px;
  opacity:0;
  transform:translateX(8px);
  transition:opacity 0.3s,transform 0.3s
}
.sample-item:hover .inner-wrapper {
  transform:translateX(0);
  opacity:1
}
.sample-item .inner-wrapper a {
  display:block;
  width:34px;
  height:34px;
  background-color:#222529;
  margin-bottom:6px;
  border-radius:3px;
  background-position:center;
  background-repeat:no-repeat;
  font-size:11px;
  font-weight:700;
  letter-spacing:-0.05em;
  color:#fff;
  position:relative
}
.sample-item .inner-wrapper a:before {
  position:absolute;
  right:100%;
  top:4px;
  margin-right:8px;
  background-color:inherit;
  padding:4px 14px;
  line-height:18px;
  border-radius:3px
}
.sample-item .inner-wrapper a:after {
  border-left:10px solid #222529;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  position:absolute;
  right:100%;
  top:50%;
  margin-top:-9px;
  width:13px
}
.sample-item .inner-wrapper a:hover:after {
  content:""
}
.sample-item .p-wpbakery {
  background-image:url(../img/icon-wpbakery.png)
}
.sample-item .p-wpbakery:hover:before {
  content:"WPBakery"
}
.sample-item .p-elementor {
  background-image:url(../img/icon-elementor.png)
}
.sample-item .p-elementor:hover:before {
  content:"Elementor"
}
.sample-item .p-vc {
  background-image:url(../img/icon-vc.png);
  background-size:70% auto
}
.sample-item .p-vc:hover:before {
  content:"VisualComposer"
}
.sample-item .p-gutenberg {
  background-image:url(../img/icon-gutenberg.png)
}
.sample-item .p-gutenberg:hover:before {
  content:"Gutenberg"
}
.section-rating {
  padding-top:5rem;
  margin-bottom:-1px
}
.section-rating h2 {
  font-size:2.625rem
}
.section-rating h2 b {
  display:block;
  font-size:7.5rem;
  line-height:0.9;
  letter-spacing:-0.05em
}
.section-rating.bg-bottom-arrow:after {
  background:#222529
}
.star-rating {
  display:inline-block;
  position:relative;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  color:#222529;
  letter-spacing:0.15em
}
.star-rating:before {
  opacity:0.4
}
.star-rating .rating-value:before,
.star-rating:before {
  content:""
}
.star-rating .rating-value {
  display:block;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden
}
.feedback {
  padding:3rem 3rem 2rem;
  border-radius:0.375rem;
  box-shadow:0 0 60px rgba(0,0,0,0.06);
  background:#fff;
  width:66.6666%;
  margin-left:auto
}
.feedback h3 {
  font-size:1.25rem;
  font-weight:600;
  text-align:left
}
.feedback h3 small {
  display:block;
  font-size:0.6em;
  font-weight:400;
  opacity:0.7;
  text-align: right;
}
.feedback blockquote {
  border:none;
  text-align:left;
  padding:0;
  margin-top:1rem;
    text-align: right;
}
.feedback p {
  font-size:1em;
  font-weight:300;
  letter-spacing:0
}
.section-rating .owl-carousel .owl-stage-outer {
  overflow:visible
}
.owl-item.active .feedback {
  margin-right:auto;
  background-image:linear-gradient(150deg,#0088cc 0%,#0088cc 30%,#0169fe 70%,#0169fe 100%)
}
.owl-item.active .feedback .star-rating,
.owl-item.active .feedback h3,
.owl-item.active .feedback p {
  color:#fff
}
.section-features {
  padding-top:calc(3vw + 3rem)
}
.section-features .row>div {
  margin-bottom:1.25rem
}
.section-features .icon-box {
  background:#25282d;
  border-radius:0.375rem;
  padding:3.2rem 2.65rem 3rem 2.65rem;
  height:100%;
  transition:box-shadow 0.2s
}
.section-features .icon-box i {
  margin-bottom:1.4rem
}
.section-features .icon-box h3 {
  letter-spacing:0;
  margin-bottom:0.8rem
}
.section-features .icon-box p {
  color:inherit;
  font-size:1em;
  font-weight:500;
  letter-spacing:0;
  margin-bottom:1.7rem
}
.section-features .icon-box .text-xs {
  line-height:28px
}
.section-features .icon-box a {
  font-size:13px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin-left:2px
}
.section-features .icon-box a:hover {
  text-decoration:underline
}
.section-features figure {
  position:absolute;
  bottom:1%
}
.section-features figure img {
  max-width:fit-content
}
.section-features .btn-light {
  background:#fff;
  color:#222428;
  padding:1rem 2.7rem
}
.section-features .btn-light:hover {
  background:#f1f1f1
}
.section-features.bg-bottom-slash:after {
  border-top-width:4vw
}
.faq {
  margin-bottom:1.25rem
}
.faq .faq-header a {
  display:block;
  position:relative;
  padding:23px 40px 23px 30px;
  font-size:1.125rem;
  font-weight:600;
  letter-spacing:-0.025em;
  border-left-width:0;
  border-radius:5px;
  color:#212529;
  background:#f4f4f4
}
.faq .faq-header a:after {
  content:"+";
  width:auto;
  height:auto;
  position:absolute;
  top:50%;
  right:25px;
  margin-top:0!important;
  font-size:inherit;
  font-weight:inherit;
  transform:translate3d(0,-50%,0) rotate(0deg);
  transform-origin:50% 50%;
  transition:ease transform 300ms;
  border-width:0!important
}
.faq .faq-header a.collapse:after {
  transform:translate3d(0,-50%,0) rotate(45deg)
}
.faq .faq-body {
  padding:2.5rem 0 1.25rem 0.15rem
}
.faq .faq-body p {
  font-size:1.125rem;
  font-weight:500;
  line-height:30px
}
.faq .collapsed,
.faq .expanding {
  display:none
}
.section-elements .icon-box {
  display:block;
  box-shadow:0px 1px 0px 0px rgba(0,0,0,0.1);
  margin-bottom:2.15rem;
  padding:1.7rem 0;
  position:relative;
  overflow:hidden
}
.section-elements .icon-box:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#fff
}
.section-elements .icon-box i {
  font-size:2rem;
  color:#0169fe;
  position:relative
}
.section-elements .icon-box i:last-child {
  font-size:4rem;
  position:absolute;
  top:-1.125rem;
  opacity:0.08;
  right:-1.125rem;
  color:#777
}
.section-elements .icon-box h3 {
  position:relative;
  font-size:0.85rem;
  font-weight:600;
  text-transform:uppercase;
  margin:0.75rem 0 0
}
.section-elements .icon-box:hover {
  background:linear-gradient(135deg,#0169fe 0%,#383f48 100%)
}
.section-elements .icon-box:hover:before {
  top:0.5rem;
  left:0.5rem;
  right:0.5rem;
  bottom:0.5rem;
  transition:cubic-bezier(0.39,0.66,0.42,0.99) all 200ms
}
.section-elements.bg-bottom-slash:after {
  background:none;
  position:absolute;
  top:99.99%;
  left:0;
  right:0
}
@media (max-width:1519px) {
  .section-concept .has-bg-gradient:before {
    width:60.7vw
  }
  .section-theme-options .mt-custom {
    margin-top:calc(40% - 4.84vw)
  }
}
@media (min-width:1200px) {
  .section-intro {
    padding-top:31px
  }
  .col-half-section-right {
    justify-self:flex-end;
    margin-left:auto
  }
}
@media (max-width:1199px) {
  .section-theme-options .mt-custom {
    margin-top:calc(65% - 4.84vw)
  }
  .section-whats-new .version-info {
    padding:30px 20px
  }
}
@media (min-width:992px) {
  .bg-custom-bottom-slash:after {
    margin-top:-7.6rem
  }
  .section-theme-options .col-lg-4col {
    flex:0 0 25%;
    max-width:25%;
    width:100%;
    min-height:1px;
    padding-right:10px;
    padding-left:10px
  }
  .text-lg-left {
    text-align:left!important
  }
}
@media (max-width:991px) {
  .video-content {
    padding:40px 10px 0
  }
  .video-content video {
    height:auto
  }
  .heading-border:after,
  .heading-border:before {
    border-width:1px 0 0 0
  }
  .sub-section-pb .icon-porto {
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  .section-whats-new .version-info {
    padding:40px 30px 0;
    align-items:center;
    text-align:center
  }
  .section-whats-new .version-info h3 svg {
    display:block;
    margin-bottom:5px
  }
  .section-whats-new .version-info h3 {
    flex-direction:column;
    font-size:30px
  }
  .section-whats-new .content-slider-wrapper {
    padding:20px 60px
  }
  .section-whats-new .content-slider-wrapper .slide {
    text-align:center
  }
  .section-whats-new .button-wrapper {
    padding-top:0
  }
}
@media (max-width:849px) {
  .section-concept .has-bg-gradient,
  .section-concept .has-bg-gradient:before {
    width:80.7vw
  }
}
@media (max-width:767px) {
  .section-demos .demo-list {
    flex-wrap:wrap
  }
  .section-demos .demo-list .scroll-wrapper {
    scrollbar-gutter:unset;
    max-height:unset;
    overflow:hidden;
    margin-bottom:30px
  }
  .section-demos .search-form {
    margin-right:0
  }
  .section-demos .search-form #demo-name {
    width:100%
  }
  .section-demos .filter-list {
    text-align:left!important
  }
  .demo-list .demo-filter {
    display:block!important;
    width:100%;
    padding:0
  }
  .demo-list .demo-filter .filter-toggle-wrapper {
    display:none
  }
  .demo-list .demo-filter>.position-sticky {
    position:static!important
  }
  .demo-list .demo-filter a {
    justify-content:flex-start;
    padding-left:0;
    padding-right:0
  }
  .demo-list .demo-filter a:after {
    order:-1;
    margin:0 0.9rem 0 0
  }
  .sub-section-pb .icon-porto {
    flex:0 0 100%;
    max-width:100%;
    padding-left:2rem;
    padding-right:2rem
  }
}
@media (max-width:576px) {
  .feedback {
    padding:3rem 1rem 2rem
  }
  .section-demos h2 label {
    top:-2rem;
    right:0
  }
  .section-demos .image-box:after {
    right:0
  }
}
@media (min-width:577px) {
  .d-sm-inline-block {
    display:inline-block!important
  }
}
@media (min-width:768px) {
  .section-demos .container-fluid {
    padding:0 50px;
    max-width:1902px
  }
}
