/*---------------------------------------------------------------------------*
 * SF UI Text
 *---------------------------------------------------------------------------*/
/** Bold */
@font-face {
  font-family: "SF Text";
  font-weight: 700;
  src: url("../fonts/SF-UI-Text-Bold.otf"); }

/** Bold Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/SF-UI-Text-BoldItalic.otf"); }

/** Heavy */
@font-face {
  font-family: "SF Text";
  font-weight: 800;
  src: url("../fonts/SF-UI-Text-Heavy.otf"); }

/** Heavy Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 800;
  font-style: italic;
  src: url("../fonts/SF-UI-Text-HeavyItalic.otf"); }

/** Light */
@font-face {
  font-family: "SF Text";
  font-weight: 200;
  src: url("../fonts/SF-UI-Text-Light.otf"); }

/** Light Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 200;
  font-style: italic;
  src: url("../fonts/SF-UI-Text-LightItalic.otf"); }

/** Medium */
@font-face {
  font-family: "SF Text";
  font-weight: 500;
  src: url("../fonts/SF-UI-Text-Medium.otf"); }

/** Medium Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/SF-UI-Text-MediumLight.otf"); }

/** Regular */
@font-face {
  font-family: "SF Text";
  font-weight: 400;
  src: url("../fonts/SF-UI-Text-Regular.otf"); }

/** Regular Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/SF-UI-Text-RegularItalic.otf"); }

/** Semibold */
@font-face {
  font-family: "SF Text";
  font-weight: 600;
  src: url("../fonts/SF-UI-Text-Semibold.otf"); }

/** Semibold Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/SF-UI-Text-SemiboldItalic.otf"); }

.text-blue {
  color: #4A90E2; }

.text-gray {
  color: #949EB6; }

.text-green {
  color: #60A74A; }

.navbar {
  padding-top: 20px;
  padding-bottom: 20px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s; }
  .navbar.scroll {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF; }
    .navbar.scroll .navbar-nav .nav-item .nav-link {
      color: #3F4658 !important; }
    .navbar.scroll .navbar-toggler span {
      background: #000; }
    .navbar.scroll .navbar-brand .dark {
      opacity: 1; }
    .navbar.scroll .navbar-brand .light {
      opacity: 0; }
  .navbar .navbar-brand {
    position: relative; }
    .navbar .navbar-brand > img {
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s; }
    .navbar .navbar-brand .dark {
      position: absolute;
      left: 0;
      top: 9px;
      opacity: 0; }
    .navbar .navbar-brand .light {
      opacity: 1; }

.navbar-toggler {
  border: none;
  position: relative;
  height: 30px;
  padding-right: 0; }
  .navbar-toggler:focus {
    outline: none; }
  .navbar-toggler span {
    width: 26px;
    height: 2px;
    border-radius: 1.5px;
    background-color: #FFFFFF;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .navbar-toggler span:first-child {
      top: -8px; }
    .navbar-toggler span:last-child {
      top: 8px;
      width: 13px;
      left: 0;
      margin-left: 0; }

.navbar-light .navbar-nav .nav-item {
  margin-left: 32px; }
  .navbar-light .navbar-nav .nav-item .nav-link {
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    color: #FFFFFF;
    padding-top: 10px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    padding-right: 0px;
    padding-left: 0px;
    opacity: 0.7; }
  .navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link.active {
    font-weight: 300 !important; }

.nav-link:hover, .nav-link.active {
  font-weight: 400 !important; }

.dropdown-toggle::after {
  font-family: 'serped-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  top: 4px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  border: none; }

.dropdown-menu {
  background-color: #F9FAFC;
  box-shadow: 0px 21px 34px rgba(69, 59, 112, 0.15);
  border: none;
  border-radius: 6px;
  display: block !important;
  -webkit-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(15px) scale(0.97);
  -khtml-transform: translateY(15px) scale(0.97);
  -moz-transform: translateY(15px) scale(0.97);
  -ms-transform: translateY(15px) scale(0.97);
  -o-transform: translateY(15px) scale(0.97);
  transform: translateY(15px) scale(0.97); }
  .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
    -khtml-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1); }
  .dropdown-menu.dropdown-menu-lg {
    width: 725px;
    padding: 35px 50px;
    left: -265px; }
  .dropdown-menu.dropdown-menu-md {
    width: 453px;
    left: -115px;
    padding: 30px 5px; }
    .dropdown-menu.dropdown-menu-md .dropdown-menu-lists > li.dropdown-menu-item {
      width: 33.33%;
      margin-left: 15px;
      margin-right: 15px; }
  .dropdown-menu:after {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    background-color: #F9FAFC;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: -150px;
    right: 0;
    z-index: -1;
    margin: 0 auto; }

.dropdown-menu-lists {
  text-align: center; }
  .dropdown-menu-lists > li.dropdown-menu-item {
    display: inline-block;
    width: 19%;
    margin-top: 15px;
    margin-bottom: 15px; }
    .dropdown-menu-lists > li.dropdown-menu-item > a {
      text-decoration: none;
      text-align: center; }
      .dropdown-menu-lists > li.dropdown-menu-item > a .nav-round {
        display: flex;
        margin: 0 auto;
        -webkit-transition: all ease 0.1s;
        -khtml-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        transition: all ease 0.1s; }
      .dropdown-menu-lists > li.dropdown-menu-item > a > p {
        font-size: 10px;
        font-weight: 500;
        color: #949EB6;
        margin-top: 15px;
        padding-bottom: 0;
        margin-bottom: 0;
        -webkit-transition: all ease 0.1s;
        -khtml-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        transition: all ease 0.1s; }
      .dropdown-menu-lists > li.dropdown-menu-item > a > small {
        font-size: 10px;
        font-weight: 300;
        color: #949EB6;
        line-height: 18px;
        display: block; }
      .dropdown-menu-lists > li.dropdown-menu-item > a:hover .icon-w {
        -webkit-text-fill-color: #FFFFFF !important; }
      .dropdown-menu-lists > li.dropdown-menu-item > a:hover > p {
        color: #3F4658; }

.link-keyword-research .icon-w {
  background: -webkit-linear-gradient(-35deg, #EEBA88, #F27969);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-keyword-research:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #EEBA88, #F27969); }

.link-seo-freelance .icon-w {
  background: -webkit-linear-gradient(60deg, #743AAD, #F79367);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-seo-freelance:hover .nav-round {
  background: -webkit-linear-gradient(60deg, #743AAD, #F79367); }

.link-domain-research .icon-w {
  background: -webkit-linear-gradient(35deg, #92E6E0, #6EAEF8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-domain-research:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #92E6E0, #6EAEF8); }

.link-site-management .icon-w {
  background: -webkit-linear-gradient(-35deg, #FAA8E3, #C68CFB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-site-management:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #FAA8E3, #C68CFB); }

.link-rank-tracking .icon-w {
  background: -webkit-linear-gradient(-35deg, #D3EEAD, #80E4A2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-rank-tracking:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #D3EEAD, #80E4A2); }

.link-other-tools .icon-w {
  background: -webkit-linear-gradient(-35deg, #FFBC7B, #E866C4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-other-tools:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #FFBC7B, #E866C4); }

.link-domain-finding .icon-w {
  background: -webkit-linear-gradient(-35deg, #FBA1AB, #EB995C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-domain-finding:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #FBA1AB, #EB995C); }

.link-done-for-you .icon-w {
  background: -webkit-linear-gradient(-35deg, #A1FBCD, #71B8E6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-done-for-you:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #A1FBCD, #71B8E6); }

.link-client-aqcuisition .icon-w {
  background: -webkit-linear-gradient(-35deg, #ECB6F2, #FC8794);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-client-aqcuisition:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #ECB6F2, #FC8794); }

.link-reporting .icon-w {
  background: -webkit-linear-gradient(-35deg, #C4C884, #B8CA89);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-reporting:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #C4C884, #B8CA89); }

.link-agency .icon-w {
  background: -webkit-linear-gradient(-35deg, #B8FFDD, #4A90E2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.link-agency:hover .nav-round {
  background: -webkit-linear-gradient(-35deg, #B8FFDD, #4A90E2); }

@media screen and (max-width: 980px) {
  .navbar-nav .dropdown-menu {
    position: relative;
    max-height: 0px;
    overflow: hidden;
    padding: 0; }
    .navbar-nav .dropdown-menu.show {
      max-height: 100%; }
      .navbar-nav .dropdown-menu.show .dropdown-menu-lists {
        max-height: 100%; }
  .navbar .navbar-nav {
    max-height: 100vh;
    overflow-y: scroll; }
    .navbar .navbar-nav .dropdown-menu {
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      box-shadow: none;
      background-color: #FFF; }
      .navbar .navbar-nav .dropdown-menu a {
        text-align: center; }
  .dropdown-menu-lists {
    background-color: #FFF;
    width: 100%;
    max-height: 0;
    overflow: hidden; }
    .dropdown-menu-lists > li.dropdown-menu-item {
      width: 45%; }
  .dropdown-menu.dropdown-menu-lg {
    width: 100%;
    left: 0; }
  .navbar-nav {
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 25px;
    background-color: #FFF; }
    .navbar-nav .nav-item .nav-link {
      color: #3F4658 !important; }
    .navbar-nav.mr-auto {
      display: none; }
  .navbar-light .navbar-nav .nav-item {
    margin-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center; } }

header {
  position: relative; }
  header .container {
    padding-top: 149px; }
  header.home {
    background: linear-gradient(130deg, #0E155A 0%, #3B3897 40%, #DE8CFF 100%);
    position: relative; }
    header.home .hero-illustration {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url("../img/home-hero-illustration.svg");
      width: 1145px;
      height: 808px;
      position: relative;
      top: -30px;
      left: -30px; }
    header.home .header-content {
      color: #FFFFFF;
      position: relative;
      z-index: 1; }
    header.home h6 {
      color: #E5D4FB;
      width: 80%;
      margin: 20px auto 0px auto; }
    header.home .btn {
      margin-top: 40px; }
    header.home:before {
      content: "";
      position: absolute;
      width: 100vw;
      background-size: cover;
      background-position: center 1px;
      background-repeat: no-repeat;
      background-image: url("../img/circle-half.svg");
      height: 317px;
      bottom: 0px; }
  header.header-default {
    padding-bottom: 192px; }
    header.header-default:before {
      content: "";
      position: absolute;
      width: 100vw;
      background-size: cover;
      background-position: center 1px;
      background-repeat: no-repeat;
      background-image: url("https://cdn.plypages.com/f0f52bfd-d4db-45b8-80f6-101b0a6e5c28/-/quality/lightest/circlesegment.png");
      height: 125px;
      z-index: 1;
      bottom: 0px; }
  header.solutions {
    background: linear-gradient(60deg, #4B35A5 20%, #4894BC 100%); }
    header.solutions .ornament-wrapper .ornament.circle.blue.right {
      right: -150px;
      top: -250px;
      width: 550px;
      height: 550px;
      border-width: 130px;
      border-color: #6C9ECE;
      opacity: 0.2; }
    header.solutions .ornament-wrapper .ornament.circle.blue.left {
      left: -90px;
      top: auto;
      bottom: -150px;
      width: 550px;
      height: 550px;
      border-width: 130px;
      border-color: #6854C7;
      opacity: 0.2; }
    header.solutions .ornament-wrapper .ornament.dotted-box {
      left: -27px; }
      header.solutions .ornament-wrapper .ornament.dotted-box.--scd {
        left: auto;
        right: 200px;
        top: 315px; }
      header.solutions .ornament-wrapper .ornament.dotted-box.--thd {
        left: auto;
        right: 0;
        top: -3px; }
    header.solutions .ornament-wrapper .ornament.wave {
      top: 310px;
      left: 100px; }
      header.solutions .ornament-wrapper .ornament.wave.--scd {
        left: auto;
        right: 250px;
        top: 340px; }
      header.solutions .ornament-wrapper .ornament.wave.--thd {
        left: auto;
        right: -240px;
        top: 220px;
        -webkit-transform: scaleX(-1);
        -khtml-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1); }
    header.solutions .hero-illustration {
      background-size: contain;
      background-position: center bottom;
      background-repeat: no-repeat;
      background-image: url("https://cdn.plypages.com/532ce0da-b2f7-49bb-9190-962988d0fbaa/-/quality/lightest/herosolutionillustration.png");
      width: 100%;
      height: 407px;
      position: absolute;
      bottom: 0px;
      left: 30px;
      right: 0;
      margin: 0 auto;
      max-width: 1640px; }
  header.use-case {
    overflow: visible;
    background: linear-gradient(120deg, #FBCB6F 20%, #E69895 70%, #E470BD 150%); }
    header.use-case .container {
      position: relative;
      z-index: 2; }
    header.use-case .hero-illustration {
      margin: 0 auto;
      left: 90px;
      right: 0;
      width: 944px;
      position: absolute;
      top: 143px;
      height: 400px;
      background-image: url("https://cdn.plypages.com/98b1e779-d57d-48c5-b234-affd2151980f/-/quality/lightest/heroillustrationusecase.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 2;
      /*&-left {
                    background-size: contain;
                    background-position: center bottom;
                    background-repeat: no-repeat;
                    background-image: url("https://cdn.plypages.com/00c6e6a6-83df-49b1-bb34-3accfbcba14e/-/quality/lightest/heroillustrationusecaseleft.png");
                    width: 413px;
                    height: 292px;
                    position: absolute;
                    
                    left: 145px;
                    top: -40px;
                    
                }
                &-right {
                    background-size: contain;
                    background-position: center bottom;
                    background-repeat: no-repeat;
                    background-image: url("https://cdn.plypages.com/ced315d6-da7c-4cea-916c-96bbf05da421/-/quality/lightest/heroillustrationusecaseright.png");
                    width: 331px;
                    height: 362px;
                    position: absolute;
                    
                    right: 155px;
                    top: 0px;
                    z-index: 2;
                }*/ }
    header.use-case .ornament-wrapper .ornament.circle {
      right: -22%;
      top: -26%;
      width: 656px;
      height: 656px;
      left: auto;
      border-color: #F7E4FF;
      opacity: 0.07; }
    header.use-case .ornament-wrapper .ornament.square {
      border-color: #E9C3FA;
      opacity: 0.1;
      width: 351px;
      height: 351px;
      left: -140px;
      top: 160px; }
    header.use-case .ornament-wrapper .ornament.dotted-box {
      left: -27px;
      top: 150px; }
      header.use-case .ornament-wrapper .ornament.dotted-box.--scd {
        left: 0;
        right: -160px;
        margin: 0 auto;
        top: 395px; }
      header.use-case .ornament-wrapper .ornament.dotted-box.--thd {
        left: auto;
        right: -40px;
        top: 130px; }
    header.use-case .ornament-wrapper .ornament.wave {
      top: 340px;
      left: -460px;
      right: 0;
      margin: 0 auto;
      width: 416px;
      height: 142px; }
      header.use-case .ornament-wrapper .ornament.wave.--scd {
        left: auto;
        right: -270px;
        width: 816px;
        height: 182px;
        top: 260px; }
  header.tools {
    background: linear-gradient(130deg, #7EF4BF -20%, #42A4EF 90%);
    padding-bottom: 332px; }
    header.tools .hero-illustration {
      background-size: cover;
      background-position: center bottom;
      background-repeat: no-repeat;
      background-image: url("https://cdn.plypages.com/1403db7c-7b63-4ad8-b905-dc1ebaa9d61d/-/quality/lightest/herotoolsillustration.png");
      width: 100%;
      height: 467px;
      position: absolute;
      bottom: 72px;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 1640px; }
    header.tools:before {
      content: "";
      position: absolute;
      width: 100vw;
      background: #f3f6f8;
      height: 125px;
      z-index: 1;
      bottom: 0px; }
    header.tools form {
      position: relative;
      z-index: 3;
      /*padding-bottom: 370px;*/ }
    header.tools .dropdown-list-wrapper {
      margin-top: 21px; }
    header.tools .ornament-wrapper .ornament.square {
      width: 510px;
      left: -280px;
      top: -50px;
      height: 510px;
      border-width: 150px;
      border-color: #66F9FF;
      opacity: 0.15; }
    header.tools .ornament-wrapper .ornament.dotted-box {
      top: 126px;
      opacity: 0.4; }
      header.tools .ornament-wrapper .ornament.dotted-box.--scd {
        right: 0;
        top: -5px; }
    header.tools .ornament-wrapper .ornament.wave {
      top: 223px;
      width: 416px;
      height: 142px;
      left: -50px; }
      header.tools .ornament-wrapper .ornament.wave.--scd {
        left: -80px;
        right: 0;
        margin: 0 auto;
        top: auto;
        bottom: 160px;
        transform: scaleX(-1); }
      header.tools .ornament-wrapper .ornament.wave.--thd {
        left: auto;
        right: -90px;
        top: 200px; }
    header.tools .ornament-wrapper .ornament.circle {
      width: 570px;
      height: 570px;
      border-width: 140px;
      right: -180px;
      top: -220px;
      border-color: #C278FF;
      opacity: 0.2; }
  header.pricing {
    padding-bottom: 157px;
    background: linear-gradient(120deg, #93D5E6 -20%, #8BE2BD 40%, #9BC583 100%); }
    header.pricing h2 {
      font-size: 35px;
      color: #FFFFFF;
      font-weight: 600; }
    header.pricing h3 {
      font-size: 30px;
      color: #FFFFFF;
      font-weight: 600; }
    header.pricing .hero-illustration {
      background-image: url("https://cdn.plypages.com/0a1780fb-8f32-4390-8041-d2f83a2bc040/-/quality/lightest/heroillustrationpricing.png");
      width: 233px;
      height: 369px;
      background-size: contain;
      background-position: center bottom;
      background-repeat: no-repeat;
      position: absolute;
      right: 130px;
      bottom: -20px;
      z-index: 1; }
    header.pricing .button-group {
      background-color: rgba(255, 255, 255, 0.1);
      display: inline-block;
      padding: 6px;
      border-radius: 50px;
      margin-top: 30px; }
      header.pricing .button-group > .btn.btn-white {
        -webkit-transition: all ease 0.3s;
        -khtml-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        padding: 14px 59px;
        background-color: transparent;
        color: #FFFFFF;
        font-weight: 300; }
        header.pricing .button-group > .btn.btn-white.active {
          background-color: #FFFFFF;
          font-weight: bold;
          color: #2D3540; }
        header.pricing .button-group > .btn.btn-white:focus {
          box-shadow: none; }
    header.pricing .ornament-wrapper .ornament.dotted-box {
      top: 120px;
      left: -39px; }
      header.pricing .ornament-wrapper .ornament.dotted-box.--scd {
        left: auto;
        right: -39px;
        top: 0; }
      header.pricing .ornament-wrapper .ornament.dotted-box.--thd {
        left: auto;
        right: 140px;
        top: auto;
        bottom: 18px; }
    header.pricing .ornament-wrapper .ornament.wave {
      background-image: url("../img/ornament/ornament-wave-green.svg");
      -webkit-transform: scaleX(-1);
      -khtml-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1);
      bottom: 60px;
      left: 150px; }
    header.pricing .ornament-wrapper .ornament.wave-2 {
      background-image: url("../img/ornament/ornament-wave-2-white.svg");
      bottom: 140px;
      width: 715px;
      height: 142px;
      left: 0px; }
    header.pricing .ornament-wrapper .ornament.wave-2.--scd {
      background-image: url("../img/ornament/ornament-wave-2-dark.svg");
      bottom: 20px;
      left: auto;
      width: 815px;
      height: 242px;
      right: -270px; }
  header.integrations {
    background: linear-gradient(90deg, #200777 0%, #73278E 30%, #EFA46C 100%); }
    header.integrations .hero-illustration {
      background-image: url("https://cdn.plypages.com/f542f20d-437d-4d76-b3be-7e579632fb61/-/quality/lightest/heroillustrationintegrations.png");
      width: 1088px;
      height: 485px;
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0 auto;
      bottom: 0px;
      position: absolute; }
    header.integrations .header-content {
      min-height: 161px; }
    header.integrations .ornament-wrapper .dotted-box {
      left: -60px;
      top: 150px; }
      header.integrations .ornament-wrapper .dotted-box.--scd {
        left: -280px;
        top: auto;
        bottom: 5px;
        right: 0;
        margin: 0 auto; }
      header.integrations .ornament-wrapper .dotted-box.--thd {
        left: auto;
        right: -30px;
        top: 10px; }
    header.integrations .ornament-wrapper .wave {
      background-image: url("../img/ornament/ornament-wave-darkblue.svg");
      opacity: 1;
      bottom: 40px;
      left: 290px; }
      header.integrations .ornament-wrapper .wave.wave-2 {
        bottom: 70px;
        top: auto;
        left: auto;
        right: -220px;
        width: 711px;
        height: 178px;
        background-image: url("../img/ornament/ornament-wave-2-darkblue.svg"); }
    header.integrations .ornament-wrapper .background {
      background-image: url("https://cdn.plypages.com/be9e1c5a-8616-48d1-862b-282b134a2f13/-/resize/1256x/-/quality/lightest/ornament_ornamentbackground.png");
      width: 1256px;
      height: 426px;
      background-size: contain;
      background-position: center top;
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -80px; }
  header h1 {
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 3px; }
  header form {
    width: 500px;
    margin: 21px auto 0 auto; }

.header-xl-ornament {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 100%; }
  .header-xl-ornament .left {
    position: absolute;
    height: 350px;
    background: #f1f4f7;
    bottom: -2px;
    left: -99px; }
  .header-xl-ornament .right {
    position: absolute;
    height: 350px;
    background: #f1f4f7;
    bottom: 0px;
    right: -99px; }

@media screen and (max-width: 1360px) {
  header.keyword-research:before {
    height: 306px; } }

@media screen and (max-width: 1300px) {
  header.keyword-research:before {
    height: 295px; } }

@media screen and (max-width: 1215px) {
  header.keyword-research:before {
    height: 280px; }
  header.keyword-research .hero-illustration {
    /*width: 100%;*/
    left: 0; } }

@media screen and (max-width: 1200px) {
  header.home .hero-illustration {
    width: 100%;
    left: 0; } }

@media screen and (max-width: 1140px) {
  header.integrations .hero-illustration {
    width: 100%; }
  header.pricing .hero-illustration {
    bottom: -100px;
    z-index: 3;
    right: 100px; } }

@media screen and (max-width: 980px) {
  header form {
    width: 100%; }
  header.home .hero-illustration {
    height: 700px; }
  header.use-case .hero-illustration {
    width: 100%;
    left: 0;
    height: 350px;
    /*top: 10px;*/
    /*background-image: url("https://cdn.plypages.com/5b4828b5-ba7a-4273-b785-5830cf991af1/-/quality/lightest/herousecaseillustrationmobile.png");*/
    background-size: cover; }
  header.solutions {
    /*overflow: hidden;*/ }
    header.solutions .hero-illustration {
      height: 337px;
      top: 50px;
      left: 0;
      background-size: cover;
      background-image: url("https://cdn.plypages.com/81b94592-b5c5-4236-bdf3-5e8870d8cbe0/-/quality/lightest/herosolutionillustrationmobile.png"); }
  header.integrations .hero-illustration {
    top: 100px; }
  header.integrations .ornament.dotted-box {
    display: none; }
  header.integrations .background {
    display: none; }
  header.pricing .container {
    padding-top: 120px;
    padding-bottom: 29px; }
  header.pricing .hero-illustration {
    bottom: -20px;
    width: 200px;
    z-index: 3;
    right: 0; }
  header.tools .hero-illustration {
    background-size: cover; } }

@media screen and (max-width: 680px) {
  header.home:before {
    height: 247px; }
  header.home .hero-illustration {
    height: 450px; }
  header.use-case .hero-illustration {
    background-size: cover;
    top: 100px;
    background-image: url("https://cdn.plypages.com/5b4828b5-ba7a-4273-b785-5830cf991af1/-/quality/lightest/herousecaseillustrationmobile.png"); }
  header.tools .hero-illustration {
    background-image: url("https://cdn.plypages.com/4d371c10-41e3-42ca-b1ee-e3d5cd497ad0/-/quality/lightest/herotoolsillustrationmobile.png");
    height: 334px;
    bottom: 112px; }
  header.solutions .hero-illustration {
    top: 70px; }
  header.integrations .hero-illustration {
    background-image: url("https://cdn.plypages.com/073fa701-3bae-48ed-9742-be37710b8c18/-/quality/lightest/heroillustrationintegrationsmobile.png");
    background-position: center 50px;
    height: 500px;
    top: 0px; }
  header.pricing {
    padding-bottom: 200px; }
    header.pricing h2, header.pricing h3 {
      font-size: 16px;
      line-height: 25px; }
    header.pricing .button-group > button.btn {
      padding: 14px 20px !important; }
    header.pricing .hero-illustration {
      height: 320px;
      width: 210px;
      height: 300px;
      bottom: -60px; } }

@media screen and (max-width: 480px) {
  header .container {
    padding-top: 90px; }
  header.tools {
    padding-bottom: 372px; }
    header.tools .hero-illustration {
      height: 365px; }
  header.home:before {
    height: 217px; }
  header.home .hero-illustration {
    height: 350px; }
  header.home .ornament-wrapper .ornament.square {
    width: 260px;
    height: 260px;
    right: -130px;
    top: -90px;
    opacity: 0.2;
    border-width: 80px; } }

.btn {
  padding: 19px 48px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px; }
  .btn.btn-default {
    background-color: #6658AF;
    color: #FFFFFF; }
  .btn.btn-pink {
    background-color: #FF7A94;
    color: #FFFFFF !important; }
  .btn.btn-white {
    background: #FFFFFF; }
  .btn.btn-primary {
    background-color: #81B7F6;
    border: none; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background-color: #4A90E2; }
    .btn.btn-primary.btn-border {
      background-color: #FFFFFF;
      border: 1px solid #81B7F6;
      color: #81B7F6; }
  .btn.btn-sm {
    font-size: 12px;
    font-weight: 500;
    padding: 10px 18px; }
  .btn.btn-icon {
    line-height: 42px;
    /*padding:10px 20px;*/
    font-size: 18px !important;
    font-weight: 200; }
    .btn.btn-icon > span {
      display: inline-block;
      width: 32px;
      height: 32px;
      position: relative;
      top: 2px;
      font-size: 23px;
      padding-top: 3px;
      font-weight: bold;
      border-radius: 100%;
      background-color: #FFFFFF;
      color: #AB74E5; }
  .btn.btn-gray {
    background-color: #F2F5F7;
    color: #949EB6; }
  .btn.btn-border-white {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: transparent; }
  .btn.btn-border-pink {
    border: 1px solid #FF7A94;
    color: #FF7A94;
    background-color: transparent; }

.icon {
  width: 24px;
  height: 24px;
  margin: 0 5px;
  position: relative;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  .icon.icon-love {
    bottom: -7px;
    background-image: url("../img/icons/icon-love.svg"); }

.flag {
  width: 19px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  .flag.uk {
    background-image: url("../img/flag-uk.svg"); }
  .flag.spain {
    background-image: url("../img/flag-spain.svg"); }
  .flag.france {
    background-image: url("../img/flag-france.svg"); }
  .flag.us {
    background-image: url("../img/flag-us.svg"); }

@font-face {
  font-family: 'serped-icon';
  src: url("../fonts/serped-icon.eot?wjwuvh");
  src: url("../fonts/serped-icon.eot?wjwuvh#iefix") format("embedded-opentype"), url("../fonts/serped-icon.ttf?wjwuvh") format("truetype"), url("../fonts/serped-icon.woff?wjwuvh") format("woff"), url("../fonts/serped-icon.svg?wjwuvh#serped-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'serped-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-check-o:before {
  content: "\e912"; }

.icon-search:before {
  content: "\e911"; }

.icon-seo-agency:before {
  content: "\e900"; }

.icon-seo-freelance:before {
  content: "\e901"; }

.icon-site-owner:before {
  content: "\e902"; }

.icon-chevron-right:before {
  content: "\e903"; }

.icon-chevron-left:before {
  content: "\e904"; }

.icon-chevron-down:before {
  content: "\e905"; }

.icon-chevron-up:before {
  content: "\e906"; }

.icon-domain-research:before {
  content: "\e907"; }

.icon-client-acquisition:before {
  content: "\e908"; }

.icon-domain-finding:before {
  content: "\e909"; }

.icon-done-for-you:before {
  content: "\e90a"; }

.icon-keyword-research:before {
  content: "\e90b"; }

.icon-other-tools:before {
  content: "\e90c"; }

.icon-rank-tracking:before {
  content: "\e90d"; }

.icon-reporting:before {
  content: "\e90e"; }

.icon-site-management:before {
  content: "\e90f"; }

.icon-agency:before {
  content: "\e910"; }

.form-control {
  font-family: "SF Text";
  letter-spacing: 1px;
  border-radius: 6px;
  border: none; }
  .form-control:focus {
    outline: none !important;
    box-shadow: none; }
  .form-control.form-control-lg {
    padding-top: 25px;
    padding-bottom: 25px; }
  .form-control.has-error {
    border: 1px solid #FF7990; }

.input-group-lg > input.form-control {
  padding: 30px;
  font-weight: bold; }

.i-checkbox {
  position: absolute;
  opacity: 0; }
  .i-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    top: -2px; }
  .i-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white; }
  .i-checkbox:hover + label:before {
    background: #FFFFFF; }
  .i-checkbox:checked + label:before {
    background: #FFFFFF; }
  .i-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .i-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
  .i-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 11px;
    background: #6DA9F0;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #6DA9F0, 4px 0 0 #6DA9F0, 4px -2px 0 #6DA9F0, 4px -4px 0 #6DA9F0, 4px -6px 0 #6DA9F0, 4px -8px 0 #6DA9F0;
    transform: rotate(45deg); }

form .form-search .input-group {
  box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15);
  position: relative;
  overflow: hidden; }
  form .form-search .input-group:after {
    display: none; }

form .form-search .input-group-append > .input-group-text {
  background: #FFFFFF;
  border: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  z-index: 2;
  position: relative;
  left: 1px;
  padding-left: 29px;
  padding-right: 0; }
  form .form-search .input-group-append > .input-group-text > span {
    font-size: 20px;
    position: relative;
    top: 1px; }

.form-search-dropdown-wrapper {
  position: relative;
  /*z-index: 2;*/ }
  .form-search-dropdown-wrapper .input-group {
    box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15);
    position: relative; }
    .form-search-dropdown-wrapper .input-group:after {
      position: absolute;
      right: 30px;
      top: 22px;
      width: 47px;
      padding-top: 12px;
      z-index: 3;
      height: 47px;
      border-radius: 100%;
      background-color: #FF7A94;
      font-family: 'serped-icon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e902";
      font-size: 20px;
      color: #FFFFFF; }
    .form-search-dropdown-wrapper .input-group > input.form-control {
      padding-right: 90px; }
    .form-search-dropdown-wrapper .input-group .input-group-append > .input-group-text {
      background: #FFFFFF;
      border: none;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      z-index: 2;
      position: relative;
      left: 1px;
      padding-left: 29px;
      padding-right: 0; }
      .form-search-dropdown-wrapper .input-group .input-group-append > .input-group-text > span {
        font-size: 20px;
        position: relative;
        top: 1px; }
  .form-search-dropdown-wrapper.open > .input-group > .form-control {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #778696; }
  .form-search-dropdown-wrapper.open .f-s-dropdown-results {
    -webkit-transform: translate(0px, 0px);
    -khtml-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible; }
  .form-search-dropdown-wrapper .f-s-dropdown-results {
    position: absolute;
    background: #fff;
    z-index: 12;
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    max-height: 400px;
    overflow-y: scroll;
    box-shadow: 0px 22px 34px rgba(32, 62, 99, 0.1);
    -webkit-transition: all cubic-bezier(0.35, 1.35, 0.7, 1.1) 0.4s;
    -khtml-transition: all cubic-bezier(0.35, 1.35, 0.7, 1.1) 0.4s;
    -moz-transition: all cubic-bezier(0.35, 1.35, 0.7, 1.1) 0.4s;
    -ms-transition: all cubic-bezier(0.35, 1.35, 0.7, 1.1) 0.4s;
    -o-transition: all cubic-bezier(0.35, 1.35, 0.7, 1.1) 0.4s;
    transition: all cubic-bezier(0.35, 1.35, 0.7, 1.1) 0.4s;
    -webkit-transform: translate(0px, 20px);
    -khtml-transform: translate(0px, 20px);
    -moz-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    -o-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    opacity: 0;
    visibility: hidden; }
    .form-search-dropdown-wrapper .f-s-dropdown-results > .list-icons {
      margin-top: 0px; }
      .form-search-dropdown-wrapper .f-s-dropdown-results > .list-icons > li {
        padding: 22px 30px 12px 30px;
        cursor: pointer; }
        .form-search-dropdown-wrapper .f-s-dropdown-results > .list-icons > li:hover {
          background-color: #F2F8FF; }
        .form-search-dropdown-wrapper .f-s-dropdown-results > .list-icons > li > h6 {
          text-align: left !important;
          width: 100%; }
    .form-search-dropdown-wrapper .f-s-dropdown-results.f-s-dropdown-results-mobile {
      min-height: 100vh;
      text-align: left;
      height: 100vh;
      top: 51px; }

@media screen and (max-width: 680px) {
  .form-control.form-control-lg {
    padding-top: 20px;
    padding-bottom: 20px; } }

.container {
  max-width: 1115px;
  position: relative; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 6;
  opacity: 0.5; }

body {
  font-family: "SF Text";
  letter-spacing: 1px;
  overflow-x: hidden; }

.main {
  position: relative;
  overflow: hidden; }

.bg-gray {
  background-color: #f1f4f7; }

a {
  cursor: pointer; }

h1 {
  font-size: 42px;
  line-height: 60px;
  font-weight: 700; }

h2 {
  font-size: 34px;
  line-height: 52px;
  font-weight: 700; }

h3 {
  font-size: 26px;
  line-height: 44px;
  font-weight: 700; }

h4 {
  font-size: 22px;
  line-height: 52px; }

h5 {
  font-size: 18px;
  line-height: 21px;
  font-weight: bold; }

h6 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300; }
  h6.subheading {
    font-size: 15px;
    line-height: 30px; }

p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300; }

.ornament-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .ornament-wrapper .ornament {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute; }
    .ornament-wrapper .ornament.dotted-box {
      background-image: url("../img/ornament/ornament-dotted-box.svg");
      width: 117px;
      height: 117px; }
    .ornament-wrapper .ornament.dotted-box-gray {
      background-image: url("../img/ornament/ornament-dotted-box-dark.svg");
      width: 117px;
      height: 117px; }
    .ornament-wrapper .ornament.dotted-box-pink {
      background-image: url("../img/ornament/ornament-dotted-box-pink.svg");
      width: 117px;
      height: 117px; }
    .ornament-wrapper .ornament.wave {
      background-image: url("../img/ornament/ornament-wave.svg");
      width: 396px;
      height: 122px; }
      .ornament-wrapper .ornament.wave.white {
        background-image: url("../img/ornament/ornament-wave-white.svg");
        opacity: 0.5; }
      .ornament-wrapper .ornament.wave.wave-2 {
        background-image: url("../img/ornament/ornament-wave-2.svg"); }
    .ornament-wrapper .ornament.mount {
      background-image: url("https://cdn.plypages.com/bef84c63-0dbd-4322-bdf1-c8ed9ee7794c/-/resize/719x/-/quality/lightest/ornament_ornamentmount.png");
      width: 719px;
      height: 363px; }
    .ornament-wrapper .ornament.round-group {
      background-image: url("../img/ornament/ornament-round-group.svg");
      width: 1385px;
      height: 778px; }

.ornament.rect {
  width: 401px;
  height: 234px;
  opacity: 0.3; }
  .ornament.rect.blue {
    background-color: #7FBAFF; }
  .ornament.rect.purple {
    background-image: linear-gradient(140deg, #8CE8FF -30%, #713CCD 80%);
    opacity: 1; }
  .ornament.rect.white {
    width: 218px;
    height: 412px;
    background-color: #FFFFFF;
    opacity: 0.2; }

.ornament.dotted-box.left {
  top: -20px;
  left: -260px; }

.ornament.dotted-box.right {
  left: auto;
  right: -130px;
  top: 386px; }

.ornament.eclipse {
  width: 845px;
  height: 458px;
  border-radius: 200px;
  -webkit-transform: rotate(25deg);
  -khtml-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
  position: absolute; }
  .ornament.eclipse.red {
    background-image: linear-gradient(130deg, #FFBE74 0%, #DE8CFF 100%); }

.ornament.circle {
  width: 750px;
  height: 750px;
  border: 140px solid rgba(255, 120, 161, 0.2);
  border-radius: 100%; }
  .ornament.circle.gray {
    border-color: #416EA6;
    opacity: 0.1; }
  .ornament.circle.white {
    border-color: #FFFFFF;
    opacity: 0.2; }
  .ornament.circle.left {
    left: -480px; }
  .ornament.circle.bottom {
    bottom: -30px; }
  .ornament.circle.circle-pink {
    border-color: #FF78A1 !important;
    opacity: 0.1 !important; }

.ornament.square {
  width: 720px;
  height: 720px;
  border: 130px solid #66F9FF;
  opacity: 0.2;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
  .ornament.square.right {
    right: -530px; }
  .ornament.square.top {
    top: -400px; }

.ornament.wave.left {
  left: -320px;
  top: 150px; }

.ornament.wave.right {
  right: -460px; }
  .ornament.wave.right.bottom {
    bottom: 270px;
    right: -300px; }

.ornament.wave.bottom {
  bottom: 20px; }

.ornament.zigzag {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/ornament/ornament-zigzag.svg");
  height: 689px;
  width: 723px; }

.ornament.round {
  width: 422px;
  height: 422px;
  border-radius: 100%; }
  .ornament.round.purple {
    background-color: #6570F7;
    opacity: 0.3; }

.bg-gray-top {
  background: linear-gradient(0deg, #FFFFFF 0%, #f3f6f8 100%); }

.card-icon {
  margin-bottom: 40px; }
  .card-icon.text-left > img {
    margin: 0; }
  .card-icon > img {
    width: 85px;
    margin: 0 auto;
    display: inline-block; }

.card-icon-group > div {
  padding-left: 20px;
  padding-right: 20px; }

.card {
  padding: 40px 36px 30px 36px;
  border-radius: 5px;
  border-color: transparent; }
  .card.card-icon {
    -webkit-box-shadow: 0px 30px 50px rgba(69, 59, 112, 0.05);
    -khtml-box-shadow: 0px 30px 50px rgba(69, 59, 112, 0.05);
    -moz-box-shadow: 0px 30px 50px rgba(69, 59, 112, 0.05);
    -ms-box-shadow: 0px 30px 50px rgba(69, 59, 112, 0.05);
    -o-box-shadow: 0px 30px 50px rgba(69, 59, 112, 0.05);
    box-shadow: 0px 30px 50px rgba(69, 59, 112, 0.05);
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: pointer; }
    .card.card-icon > h5 {
      margin-top: 27px;
      color: #3F4658; }
    .card.card-icon > p {
      margin-top: 9px;
      color: #949EB6; }
    .card.card-icon:hover {
      -webkit-transform: scale(1.2);
      -khtml-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

section {
  overflow: hidden; }
  section h2 {
    color: #3F4658; }
  section h6 {
    color: #949EB6;
    width: 87%;
    margin: 29px auto 0 auto; }
  section.home-tools {
    margin-top: -50px; }
    section.home-tools .card-icon-group {
      margin-top: 58px; }
    section.home-tools .ornament-wrapper .ornament.circle {
      right: -500px;
      top: 60px; }
    section.home-tools .ornament-wrapper .ornament.dotted-box-gray {
      top: 140px;
      z-index: 1;
      left: -40px; }
    section.home-tools .btn {
      margin-top: 20px;
      position: relative;
      z-index: 2; }
  section.home-statistics {
    /*padding-bottom: 134px;*/
    position: relative;
    overflow: visible;
    padding-top: 168px;
    background: linear-gradient(130deg, #0E155A 0%, #3B3897 20%, #DE8CFF 100%); }
    section.home-statistics h6 {
      width: 100%;
      color: #FFFFFF; }
    section.home-statistics h2 {
      color: #FFFFFF; }
    section.home-statistics .btn {
      margin-top: 30px; }
    section.home-statistics img {
      width: 105%; }
    section.home-statistics:after {
      content: "";
      position: absolute;
      top: -1px;
      height: 76px;
      width: 100vw;
      background-color: #FFFFFF; }
    section.home-statistics:before {
      content: "";
      position: absolute;
      bottom: -1px;
      height: 76px;
      width: 100vw;
      background-color: #FFFFFF; }
    section.home-statistics .img-statistics {
      margin: 0 auto; }
      section.home-statistics .img-statistics > li {
        margin-bottom: 15px;
        width: 30.33%; }
        section.home-statistics .img-statistics > li > img {
          box-shadow: 0px 12px 30px rgba(27, 23, 66, 0.2);
          width: 100%; }
    section.home-statistics .ornament-wrapper .ornament.dotted-box-gray.left {
      left: 20px;
      z-index: 3;
      top: -170px; }
    section.home-statistics .ornament-wrapper .ornament.dotted-box-gray.right {
      bottom: 10px;
      right: -50px; }
    section.home-statistics .ornament-wrapper .ornament.circle {
      width: 469px;
      height: 469px;
      border-width: 100px;
      right: -430px;
      top: -90px;
      border-color: #FFC167;
      opacity: 0.3; }
    section.home-statistics .ornament-wrapper .ornament.rect {
      right: -280px;
      bottom: 74px; }
  section.home-tools-desc {
    margin-top: 63px;
    padding-bottom: 60px; }
    section.home-tools-desc .content-lists {
      margin-top: 50px; }
    section.home-tools-desc .ornament-wrapper .ornament.circle.red {
      opacity: 0.4;
      top: 30px;
      right: -350px;
      width: 650px;
      height: 650px; }
    section.home-tools-desc .ornament-wrapper .ornament.eclipse.red {
      top: 1400px;
      transform: rotate(25deg);
      left: -600px; }
    section.home-tools-desc .ornament-wrapper .ornament.rect.purple {
      top: auto;
      bottom: 1540px;
      width: 424px;
      height: 406px;
      right: -320px; }
    section.home-tools-desc .ornament-wrapper .ornament.circle.gray {
      bottom: 300px;
      right: -480px; }
    section.home-tools-desc .ornament-wrapper .ornament.zigzag {
      bottom: 980px;
      left: -495px; }
  section.home-benefit {
    padding-bottom: 150px;
    background: linear-gradient(140deg, #0E155A 0%, #3B3897 20%, #DE8CFF 100%);
    position: relative;
    color: #FFFFFF; }
    section.home-benefit h2 {
      color: #FFFFFF; }
    section.home-benefit > .container {
      padding-top: 290px; }
    section.home-benefit:after {
      content: "";
      position: absolute;
      top: 0px;
      height: 75px;
      z-index: 1;
      width: 100vw;
      border-top: 275px solid #FFFFFF;
      border-left: 100vw solid transparent;
      border-right: 100vw solid #FFFFFF; }
    section.home-benefit img {
      height: 360px;
      width: auto; }
      section.home-benefit img.freelance {
        padding-top: 60px;
        padding-bottom: 25px; }
    section.home-benefit .row {
      margin-top: 142px; }
    section.home-benefit .ornament-wrapper .ornament.circle {
      opacity: 0.1;
      left: -500px;
      top: -400px;
      z-index: 1;
      border-color: #B8B3DD; }
    section.home-benefit .ornament-wrapper .ornament.mount {
      bottom: -150px;
      right: -320px; }
    section.home-benefit .ornament-wrapper .ornament.round-group {
      top: -120px;
      left: -180px; }
    section.home-benefit .ornament-wrapper .ornament.square {
      right: -750px;
      z-index: 1;
      opacity: 0.1;
      top: 00px; }
    section.home-benefit .ornament-wrapper .ornament.wave.left {
      width: 775px;
      height: 266px;
      left: -500px;
      bottom: -150px;
      -webkit-transform: scaleX(-1);
      -khtml-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1);
      top: auto; }
    section.home-benefit .ornament-wrapper .ornament.wave.right {
      top: 240px;
      right: -400px; }
  section.video {
    position: relative;
    text-align: center;
    z-index: 1; }
    section.video > img {
      width: 100vw;
      max-width: 1440px;
      margin: 0 auto;
      position: relative; }
    section.video h2,
    section.video h6 {
      color: #FFFFFF; }
    section.video h2 {
      padding-top: 184px; }
    section.video h6 {
      margin-top: 12px; }
    section.video > .container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
    section.video .icon-play {
      margin-top: 94px; }
  section.testimonials {
    position: relative;
    padding-bottom: 70px; }
    section.testimonials.testimonial-pricing {
      padding-top: 180px; }
      section.testimonials.testimonial-pricing .testimonial-illustration {
        z-index: 1;
        height: 610px;
        background: linear-gradient(120deg, #93D5E6 -20%, #8BE2BD 40%, #9BC583 100%); }
        section.testimonials.testimonial-pricing .testimonial-illustration .illustration {
          background-image: url("https://cdn.plypages.com/ef52fe31-9494-49f3-94d9-6a217b9e4923/-/quality/lightest/illustrationtestimonialpricing.png");
          width: 804px;
          background-size: contain;
          background-position: center bottom; }
    section.testimonials .testimonial-illustration {
      position: absolute;
      right: 0px;
      top: -1px;
      width: 48vw;
      height: 1116px;
      background: linear-gradient(130deg, #0E155A 0%, #3B3897 10%, #DE8CFF 100%); }
      section.testimonials .testimonial-illustration .illustration {
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("https://cdn.plypages.com/da0ab505-b920-4177-965f-984710d84642/-/quality/lightest/illustrationtestimonial.png");
        width: auto;
        height: 100%; }
    section.testimonials .ornament-wrapper .ornament.circle {
      bottom: 80px;
      right: -60px;
      border-color: #FF78A1;
      opacity: 0.03;
      width: 570px;
      height: 570px;
      border-width: 120px; }
    section.testimonials .ornament-wrapper .ornament.dotted-box-gray {
      top: 520px;
      left: -190px;
      right: 0;
      margin: 0 auto; }
    section.testimonials .ornament-wrapper .ornament.dotted-box-pink {
      top: 818px;
      z-index: 1;
      left: 115px; }
    section.testimonials h6 {
      width: auto;
      margin-top: 10px; }
    section.testimonials h2 {
      padding-top: 100px; }
    section.testimonials .owl-carousel {
      margin-top: 0px;
      position: relative;
      /*left: 165px;*/ }
      section.testimonials .owl-carousel > .owl-stage-outer {
        /*padding-left: 220px;*/
        overflow: visible;
        position: relative;
        padding-bottom: 40px;
        padding-top: 20px;
        /*overflow: visible;*/
        /*padding: 40px 45px;*/
        width: 300%; }
        section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
          left: 210px; }
    section.testimonials > .container-fluid {
      padding-left: 0px;
      padding-right: 0px;
      max-width: 1440px;
      width: 100%;
      position: relative; }
    section.testimonials .list-tools {
      text-align: center;
      margin-top: 50px;
      padding: 0px;
      left: 40px;
      position: relative; }
      section.testimonials .list-tools > li {
        text-align: left;
        width: 260px;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 0px; }
        section.testimonials .list-tools > li > h6 {
          font-weight: bold;
          color: #3F4658; }
        section.testimonials .list-tools > li > .btn-group > button {
          background-color: transparent !important;
          padding: 0;
          border: none;
          font-weight: bold;
          color: #3F4658; }
          section.testimonials .list-tools > li > .btn-group > button:focus {
            box-shadow: none !important; }
            section.testimonials .list-tools > li > .btn-group > button:focus:after {
              -webkit-transform: scaleY(-1) translateY(-15px);
              -khtml-transform: scaleY(-1) translateY(-15px);
              -moz-transform: scaleY(-1) translateY(-15px);
              -ms-transform: scaleY(-1) translateY(-15px);
              -o-transform: scaleY(-1) translateY(-15px);
              transform: scaleY(-1) translateY(-15px); }
          section.testimonials .list-tools > li > .btn-group > button:after {
            -webkit-transition: all ease 0.3s;
            -khtml-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -ms-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            transition: all ease 0.3s; }
        section.testimonials .list-tools > li > .btn-group > .dropdown-toggle::after {
          border: none !important;
          content: "\e905";
          right: 3px;
          top: 5px; }
  section.testimonial-tools h2 {
    padding-top: 81px; }
  section.testimonial-tools .ornament-wrapper .ornament {
    z-index: 3; }
    section.testimonial-tools .ornament-wrapper .ornament.square {
      border-width: 150px;
      width: 470px;
      height: 470px;
      left: -330px;
      border-color: #E3EAF1;
      opacity: 0.07;
      top: -100px; }
      section.testimonial-tools .ornament-wrapper .ornament.square.--scd {
        left: auto;
        right: -320px;
        top: 0; }
    section.testimonial-tools .ornament-wrapper .ornament.dotted-box {
      top: 355px;
      left: 270px;
      opacity: 0.4; }
      section.testimonial-tools .ornament-wrapper .ornament.dotted-box.--scd {
        left: auto;
        right: 96px;
        top: 555px; }
  section.testimonial-tools .testimonials-content {
    margin-top: -570px;
    z-index: 2; }
  section.testimonial-tools .section-header {
    width: 100%;
    z-index: 2;
    position: relative;
    padding-bottom: 100px;
    background: linear-gradient(130deg, #7EF4BF -20%, #42A4EF 90%); }
    section.testimonial-tools .section-header h2,
    section.testimonial-tools .section-header p {
      color: #FFFFFF; }
    section.testimonial-tools .section-header p {
      margin-top: 30px;
      opacity: 0.7; }
    section.testimonial-tools .section-header .btn {
      margin-top: 31px;
      position: relative;
      z-index: 4; }
    section.testimonial-tools .section-header .illustration {
      width: 110%;
      height: 701px;
      top: -80px;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("https://cdn.plypages.com/61370d98-2fb8-4e49-8114-960b8f6d3e8c/-/quality/lightest/footerheaderillustration.png");
      position: relative;
      margin: 0 auto;
      left: -5%;
      right: 0px; }
    section.testimonial-tools .section-header:before {
      content: "";
      position: absolute;
      width: 100vw;
      background-size: cover;
      background-position: center 1px;
      background-repeat: no-repeat;
      background-image: url("../img/circle-half.svg");
      height: 310px;
      bottom: 0px;
      z-index: 2;
      left: 0; }
  section.testimonial-solutions .section-header {
    background: linear-gradient(60deg, #4B35A5 20%, #4894BC 100%); }
    section.testimonial-solutions .section-header .illustration {
      background-image: url("https://cdn.plypages.com/857004ef-7009-4476-bcc7-aa14cd4e69bb/-/quality/lightest/footerheadersolutionillustration.png"); }
  section.testimonial-use-case .section-header {
    background: linear-gradient(120deg, #FBCB6F 20%, #E69895 70%, #E470BD 150%); }
    section.testimonial-use-case .section-header .illustration {
      background-image: url("https://cdn.plypages.com/e68747f8-f462-4432-9e78-0d9a74506d35/-/quality/lightest/footerheaderusecaseillustration.png"); }
  section.testimonial-use-case .ornament.wave {
    width: 1037px;
    height: 354px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    left: -400px;
    bottom: 920px;
    opacity: 0.7;
    top: auto; }
  section.testimonial-integrations .section-header {
    background: linear-gradient(90deg, #200777 0%, #73278E 30%, #EFA46C 100%); }
    section.testimonial-integrations .section-header .illustration {
      background-image: url("https://cdn.plypages.com/d13d7add-4af8-45c4-af98-94635f502fb7/-/quality/lightest/footerheaderintegrationsillustration.png"); }
  section.testimonial-pricing .section-header {
    background: linear-gradient(120deg, #93D5E6 -20%, #8BE2BD 40%, #9BC583 100%); }
    section.testimonial-pricing .section-header:before {
      background-image: url("../img/circle-half-white.svg"); }
    section.testimonial-pricing .section-header .illustration {
      background-image: url("https://cdn.plypages.com/ef39e27b-715f-489f-a303-ef8e29667285/-/quality/lightest/footerheaderpricingillustration.png"); }
  section.section-content {
    padding-bottom: 101px;
    position: relative;
    overflow: visible;
    padding-top: 60px;
    z-index: 1;
    height: auto; }
    section.section-content.tools {
      margin-top: -120px; }
    section.section-content.solutions {
      padding-bottom: 90px; }
      section.section-content.solutions .ornament {
        position: absolute;
        z-index: -1; }
        section.section-content.solutions .ornament.square.lg {
          top: -0px;
          right: -78%;
          width: 437px;
          height: 437px;
          border-color: #E3EAF1;
          opacity: 0.36; }
        section.section-content.solutions .ornament.square.sm {
          top: 70px;
          right: -33%;
          width: 387px;
          height: 387px;
          border-color: #E3EAF1;
          opacity: 0.36; }
        section.section-content.solutions .ornament.circle.lg {
          top: -10px;
          right: -58%;
          width: 537px;
          height: 537px;
          border-color: #E3EAF1;
          opacity: 0.36;
          border-width: 100px; }
      section.section-content.solutions .img-wrapper {
        position: relative;
        top: -40px; }
    section.section-content .tab-content p {
      width: 93%;
      margin-bottom: 20px;
      color: #949EB6; }
    section.section-content .tab-content h2 {
      width: 80%;
      color: #3F4658;
      margin-bottom: 20px; }
    section.section-content .tab-content .img-wrapper {
      width: 130%; }
    section.section-content .tab-content .btn {
      margin-top: 40px; }
    section.section-content.pricing {
      background: #F7F9FB; }
      section.section-content.pricing .box {
        margin-top: 30px;
        padding: 30px 30px;
        position: relative; }
        section.section-content.pricing .box:after {
          content: "";
          position: absolute;
          top: 0;
          left: 30px;
          height: 3px;
          width: 46px;
          background-color: #FF7A94; }
        section.section-content.pricing .box p {
          color: #949EB6; }
  section.tools .tab-pane .ornament.square {
    position: absolute;
    border-color: #E3EAF1;
    width: 370px;
    height: 370px;
    opacity: 0.36;
    right: -220px;
    top: 140px; }
  section.tools .tab-pane .ornament.circle {
    position: absolute;
    width: 700px;
    height: 700px;
    border-color: #416EA6;
    opacity: 0.05;
    right: -500px; }
    section.tools .tab-pane .ornament.circle.green {
      border-color: #A1DD95;
      opacity: 0.1; }
    section.tools .tab-pane .ornament.circle.blue {
      border-color: #4DB7EA;
      opacity: 0.03; }
  section.tools .tab-pane .ornament.oval {
    position: absolute;
    height: 598px;
    width: 100vw;
    right: -990px;
    top: -110px;
    border-radius: 800px;
    -webkit-transform: rotate(-30deg);
    -khtml-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: linear-gradient(180deg, transparent 60%, #EFF2F6 130%); }
  section.pricing-features {
    overflow: visible;
    position: relative;
    padding-bottom: 50px;
    background: linear-gradient(120deg, #82BFE0 0%, #8DDDCB 60%, #8FD9A5 100%); }
    section.pricing-features:before {
      content: "";
      position: absolute;
      top: 0;
      border-top: 20px solid #F7F9FB;
      border-right: 100vw solid #F7F9FB;
      border-bottom: 250px solid transparent; }
    section.pricing-features:after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100vw;
      height: 180px;
      background: #FFFFFF; }
    section.pricing-features h2 {
      color: #2D3540; }
    section.pricing-features .card-icon-group {
      margin-top: 50px; }
      section.pricing-features .card-icon-group .card {
        min-height: 394px; }
    section.pricing-features .card {
      position: relative;
      z-index: 1; }
    section.pricing-features .btn {
      margin-top: 100px;
      margin-bottom: 120px; }
    section.pricing-features .ornament-wrapper .background {
      width: 1241px;
      height: 755px;
      position: absolute;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("../img/pricing-features-background.svg");
      left: 20px;
      right: 0;
      top: 270px;
      margin: 0 auto; }
    section.pricing-features .ornament-wrapper .ornament.dotted-box {
      top: 440px;
      left: 125px; }
      section.pricing-features .ornament-wrapper .ornament.dotted-box.--scd {
        top: 555px;
        left: auto;
        right: 64px; }
    section.pricing-features .ornament-wrapper .ornament.dotted-box-gray {
      top: 700px;
      left: 125px;
      z-index: 2; }
      section.pricing-features .ornament-wrapper .ornament.dotted-box-gray.--scd {
        top: auto;
        bottom: 230px;
        left: auto;
        right: 128px;
        z-index: 1; }
    section.pricing-features .ornament-wrapper .ornament.wave {
      opacity: 1;
      left: -300px;
      top: auto;
      bottom: 180px;
      width: 774px;
      height: 264px; }
      section.pricing-features .ornament-wrapper .ornament.wave.--scd {
        left: auto;
        right: -220px;
        bottom: 380px; }
    section.pricing-features .ornament-wrapper .ornament.circle {
      top: auto;
      bottom: -190px;
      border-color: #C6F4E3;
      opacity: 0.23;
      left: -500px;
      z-index: 1; }
  section.faq {
    padding-bottom: 100px;
    position: relative;
    overflow: visible;
    padding-top: 30px; }
    section.faq .box-group {
      margin-top: 50px;
      padding: 0px 0px; }
      section.faq .box-group .box-list {
        margin-bottom: 50px; }
        section.faq .box-group .box-list p {
          padding-right: 50px; }
  section.detail-features {
    position: relative;
    overflow: visible;
    padding-top: 0;
    margin-bottom: -160px; }
    section.detail-features .detail-features-container {
      position: relative;
      margin-top: 50px;
      z-index: 2;
      /*top: 160px;*/ }
    section.detail-features .ornament-wrapper .ornament.square {
      top: -170px;
      border-color: #416EA6;
      opacity: 0.06;
      width: 378px;
      height: 378px;
      right: -190px; }
    section.detail-features .ornament-wrapper .ornament.tube {
      width: 100%;
      height: 558px;
      border-radius: 400px;
      background: linear-gradient(120deg, #93D5E6 -20%, #8BE2BD 40%, #9BC583 100%);
      -webkit-transform: rotate(30deg);
      -khtml-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -o-transform: rotate(30deg);
      transform: rotate(30deg);
      top: 37%;
      left: -55%;
      opacity: 0.25; }
    section.detail-features .ornament-wrapper .ornament.circle {
      top: auto;
      bottom: 50px;
      border-color: #C6F4E3;
      opacity: 0.23;
      left: auto;
      /* z-index: 1; */
      right: -200px;
      z-index: -1;
      width: 410px;
      height: 410px;
      border-width: 100px; }
  section.login {
    background: linear-gradient(130deg, #0E155A 0%, #3B3897 40%, #DE8CFF 100%);
    min-height: 100vh;
    padding-top: 30px;
    padding-bottom: 60px; }
    section.login .container {
      max-width: 1000px; }
    section.login ul.list-inline {
      margin-right: 40px; }
      section.login ul.list-inline li p {
        color: #FFFFFF; }
    section.login .logo {
      margin-top: 25px; }
    section.login .label-container {
      /*margin-top: 51px;*/
      margin-top: 25px; }
    section.login .card.card-login {
      margin-top: 30px;
      padding-top: 70px;
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 70px;
      min-height: 630px;
      position: relative; }
      section.login .card.card-login h4 {
        font-weight: 700;
        font-size: 24px;
        color: #3F4658;
        line-height: 40px;
        margin-bottom: 0; }
      section.login .card.card-login p {
        color: #949EB6; }
      section.login .card.card-login .pull-right {
        float: right; }
      section.login .card.card-login .btn {
        margin-top: 30px;
        margin-bottom: 31px; }
      section.login .card.card-login a {
        font-size: 12px;
        color: #949EB6; }
      section.login .card.card-login .form-reset a {
        color: #2D3540; }
      section.login .card.card-login .form-group {
        margin-top: 20px; }
        section.login .card.card-login .form-group label {
          font-size: 12px;
          color: #3F4658; }
        section.login .card.card-login .form-group input {
          background-color: #F4F6F8;
          padding-top: 10px;
          padding-bottom: 10px; }
        section.login .card.card-login .form-group [type=checkbox] {
          margin-top: 15px; }
      section.login .card.card-login .illustration {
        top: -1px;
        position: absolute;
        background-size: contain;
        background-position: 0px center;
        background-repeat: no-repeat;
        width: 433px;
        height: 688px;
        left: -20px;
        background-image: url("https://cdn.plypages.com/bba79c5c-9315-44fb-af6a-c6c0c7d653ba/-/quality/lightest/loginillustration.png"); }
    section.login .blog-list {
      margin-top: 114px; }
      section.login .blog-list h5 {
        color: #FFFFFF; }
      section.login .blog-list > .row {
        margin-top: 31px; }
    section.login .sticky {
      color: #FFFFFF;
      margin-top: 161px; }

.blog-list .card {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.09);
  margin: 0; }
  .blog-list .card img {
    width: 215px;
    height: 150px; }
  .blog-list .card a {
    padding-left: 20px;
    color: #FFFFFF;
    display: inline-block; }

#ultimateresearch .img-wrapper {
  position: relative;
  width: 110%;
  z-index: 1;
  /*height: 100%;*/ }
  #ultimateresearch .img-wrapper > img {
    position: relative;
    z-index: 1;
    width: 100%; }
  #ultimateresearch .img-wrapper:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("https://cdn.plypages.com/59d6e9fb-bac4-43d5-b661-f3e589bc1d57/-/quality/lightest/contentillustration_illustrationbgultimateresearch.png");
    width: 160%;
    height: 125%;
    right: -90%;
    top: -15%; }

footer {
  overflow: hidden;
  background-image: linear-gradient(20deg, #F572A3 0%, #F4C298 100%); }
  footer > .container {
    padding-top: 80px;
    padding-bottom: 80px; }
  footer .ornament-wrapper .ornament.circle.white {
    width: 524px;
    height: 524px;
    top: 50px;
    border-width: 120px;
    right: -150px; }
  footer .ornament-wrapper .ornament.round {
    left: -270px;
    top: -78px; }
  footer .ornament-wrapper .ornament.rect {
    left: -275px;
    top: 110px; }
  footer h2 {
    color: #FFFFFF; }
  footer p {
    color: #FFFFFF; }
  footer .btn {
    margin-top: 20px;
    color: #f5a99b; }
  footer .list-inline {
    margin-top: 80px; }
    footer .list-inline > li {
      color: #FFFFFF;
      padding-right: 10px; }
      footer .list-inline > li > a {
        color: #FFFFFF; }

.card.card-client {
  overflow: hidden;
  padding: 0px;
  margin-top: 240px;
  box-shadow: 0px 22px 120px rgba(50, 41, 139, 0.04);
  position: relative; }
  .card.card-client .card-header {
    background: #FFFFFF;
    border: none;
    padding-top: 81px; }
    .card.card-client .card-header h2 {
      padding-top: 0px; }
  .card.card-client .card-body {
    padding-top: 62px;
    padding-right: 62px;
    padding-left: 62px; }
    .card.card-client .card-body .list-inline > li.list-inline-item {
      margin-bottom: 37px; }
      .card.card-client .card-body .list-inline > li.list-inline-item > img {
        height: 74px; }
  .card.card-client .ornament.circle {
    position: absolute;
    bottom: -308px;
    right: -240px;
    border-color: #FF78A1;
    opacity: 0.1;
    width: 570px;
    height: 570px;
    border-width: 120px; }

.card.card-carousel {
  width: 486px;
  min-height: 344px;
  padding: 0px;
  text-align: left;
  box-shadow: 0px 22px 30px rgba(27, 23, 66, 0.1); }
  .card.card-carousel .card-header {
    background: #FFFFFF;
    padding: 30px 30px 0px 30px;
    border: none; }
    .card.card-carousel .card-header .user-profile > span {
      display: inline-block; }
      .card.card-carousel .card-header .user-profile > span > img {
        width: 53px;
        margin-right: 20px; }
      .card.card-carousel .card-header .user-profile > span > h6 {
        margin-top: 0px;
        color: #3F4658;
        font-weight: bold; }
      .card.card-carousel .card-header .user-profile > span > small {
        font-size: 11px;
        color: #96A1BF;
        line-height: 10px;
        display: inline-block;
        position: relative;
        bottom: 6px;
        font-weight: 100; }
  .card.card-carousel .card-body {
    padding: 23px 30px 30px 30px; }
    .card.card-carousel .card-body > p {
      color: #7A8DA5; }

.d-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }

.content-wrapper {
  width: 100%;
  min-height: 365px;
  margin-bottom: 80px;
  position: relative;
  z-index: 2; }
  .content-wrapper.content-wrapper-lg {
    min-height: 500px;
    margin-bottom: 150px; }
  .content-wrapper > .content-text {
    width: 50%;
    text-align: left;
    padding-right: 80px; }
    .content-wrapper > .content-text.right {
      padding-left: 60px;
      padding-right: 0px; }
    .content-wrapper > .content-text.left {
      padding-right: 40px;
      padding-left: 0px; }
  .content-wrapper > .content-img {
    width: 50%;
    /*padding-right: 60px;*/
    text-align: left;
    -webkit-transition: all cubic-bezier(0.07, 1.23, 0.73, 1.04) 0.7s;
    -khtml-transition: all cubic-bezier(0.07, 1.23, 0.73, 1.04) 0.7s;
    -moz-transition: all cubic-bezier(0.07, 1.23, 0.73, 1.04) 0.7s;
    -ms-transition: all cubic-bezier(0.07, 1.23, 0.73, 1.04) 0.7s;
    -o-transition: all cubic-bezier(0.07, 1.23, 0.73, 1.04) 0.7s;
    transition: all cubic-bezier(0.07, 1.23, 0.73, 1.04) 0.7s; }
    .content-wrapper > .content-img.right {
      padding-left: 40px;
      padding-right: 0px;
      -webkit-transform: translateX(100px) scale(0.75);
      -khtml-transform: translateX(100px) scale(0.75);
      -moz-transform: translateX(100px) scale(0.75);
      -ms-transform: translateX(100px) scale(0.75);
      -o-transform: translateX(100px) scale(0.75);
      transform: translateX(100px) scale(0.75);
      opacity: 0; }
    .content-wrapper > .content-img.left {
      padding-right: 40px;
      padding-left: 0px;
      -webkit-transform: translateX(-100px) scale(0.75);
      -khtml-transform: translateX(-100px) scale(0.75);
      -moz-transform: translateX(-100px) scale(0.75);
      -ms-transform: translateX(-100px) scale(0.75);
      -o-transform: translateX(-100px) scale(0.75);
      transform: translateX(-100px) scale(0.75);
      opacity: 0; }
    .content-wrapper > .content-img.show {
      -webkit-transform: translateX(0px) scale(1) !important;
      -khtml-transform: translateX(0px) scale(1) !important;
      -moz-transform: translateX(0px) scale(1) !important;
      -ms-transform: translateX(0px) scale(1) !important;
      -o-transform: translateX(0px) scale(1) !important;
      transform: translateX(0px) scale(1) !important;
      opacity: 1 !important; }
  .content-wrapper > div {
    display: inline-block; }
  .content-wrapper h3 {
    color: #3F4658; }
  .content-wrapper p {
    color: #7A8DA5;
    margin-top: 27px; }
  .content-wrapper .left {
    position: absolute;
    left: 0px; }
  .content-wrapper .right {
    position: absolute;
    right: 0px;
    margin-bottom: 0px; }
    .content-wrapper .right > img {
      position: relative; }

.ol-circle {
  width: 41px;
  height: 41px;
  display: block;
  border-radius: 100%;
  margin-bottom: 28px; }
  .ol-circle.red {
    background-image: linear-gradient(140deg, #F2B6C5 0%, #EF9199 100%); }
  .ol-circle.purple {
    background-image: linear-gradient(140deg, #ECB6F2 0%, #9196EF 100%); }
  .ol-circle.blue {
    background-image: linear-gradient(140deg, #B6ECF2 0%, #9196EF 100%); }
  .ol-circle.orange {
    background-image: linear-gradient(140deg, #F2D8B6 0%, #EF91A6 100%); }

.icon-play {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/play.svg");
  width: 86px;
  height: 86px;
  position: relative;
  display: inline-block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-box-shadow: 0px 32px 74px rgba(13, 5, 24, 0.65);
  -khtml-box-shadow: 0px 32px 74px rgba(13, 5, 24, 0.65);
  -moz-box-shadow: 0px 32px 74px rgba(13, 5, 24, 0.65);
  -ms-box-shadow: 0px 32px 74px rgba(13, 5, 24, 0.65);
  -o-box-shadow: 0px 32px 74px rgba(13, 5, 24, 0.65);
  box-shadow: 0px 32px 74px rgba(13, 5, 24, 0.65);
  -webkit-animation: ripple 0.8s linear infinite;
  -khtml-animation: ripple 0.8s linear infinite;
  -moz-animation: ripple 0.8s linear infinite;
  -ms-animation: ripple 0.8s linear infinite;
  -o-animation: ripple 0.8s linear infinite;
  animation: ripple 0.8s linear infinite; }

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 0.25em rgba(255, 255, 255, 0.1), 0 0 0 1.75em rgba(255, 255, 255, 0.1); }
  100% {
    box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.1), 0 0 0 1.75em rgba(255, 255, 255, 0.1), 0 0 0 2.75em rgba(37, 37, 37, 0); } }

.other-tools .ornament.circle {
  -webkit-transform: scale(0.8);
  -khtml-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  top: -20px; }

.other-tools img {
  position: relative;
  top: 30px !important;
  padding-bottom: 50px; }

.other-tools #linkindex img {
  width: 85% !important;
  top: 0 !important;
  left: -13%;
  padding-bottom: 0; }

.nav-tabs-mobile {
  position: relative; }
  .nav-tabs-mobile .dropdown-toggle {
    font-size: 30px;
    font-weight: bold;
    color: #3F4658; }
  .nav-tabs-mobile .dropdown-menu {
    width: 100%;
    -webkit-transform: translateX(0px) !important;
    -khtml-transform: translateX(0px) !important;
    -moz-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    -o-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    top: 40px !important; }
    .nav-tabs-mobile .dropdown-menu .list-group > li {
      background-color: transparent;
      border: none;
      padding: 0px; }
      .nav-tabs-mobile .dropdown-menu .list-group > li a {
        padding: 15px 20px;
        display: block;
        color: #949EB6;
        text-decoration: none; }
        .nav-tabs-mobile .dropdown-menu .list-group > li a:hover {
          background-color: #eff5fa; }

.nav-tabs {
  border-color: #949EB6;
  position: relative; }
  .nav-tabs.nav-tabs-lg > li.nav-item > a.nav-link {
    white-space: nowrap;
    font-size: 15px; }
  .nav-tabs.nav-tabs-l > li.nav-item > a.nav-link {
    white-space: nowrap;
    font-size: 12.1px; }
  .nav-tabs.nav-tabs-xl > li.nav-item > a.nav-link {
    white-space: nowrap;
    font-size: 12.1px; }
  .nav-tabs > .nav-indicator {
    position: absolute;
    display: none;
    display: inline-block;
    height: 5px;
    background-color: #FF7A94;
    bottom: -2px;
    left: 0;
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s; }
  .nav-tabs > li.nav-item {
    text-align: center;
    padding-bottom: 15px;
    display: inline-block; }
    .nav-tabs > li.nav-item:nth-child(2) {
      text-align: left;
      padding-left: 0px !important; }
    .nav-tabs > li.nav-item:last-child {
      text-align: right;
      padding-right: 0px !important; }
    .nav-tabs > li.nav-item > a.nav-link {
      font-family: "SF Text";
      box-shadow: none;
      font-size: 18px;
      color: #949EB6;
      display: inline-block;
      font-weight: 400;
      padding-left: 0px;
      padding-right: 0px;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s; }
      .nav-tabs > li.nav-item > a.nav-link.active, .nav-tabs > li.nav-item > a.nav-link:hover {
        background-color: transparent;
        color: #3F4658;
        font-weight: bold; }

.tab-content {
  padding-top: 51px; }

.owl-nav {
  margin-top: 30px; }
  .owl-nav > button {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    box-shadow: 0px 12px 24px rgba(221, 221, 236, 0.5);
    margin-right: 20px; }
    .owl-nav > button:focus {
      outline: none; }
    .owl-nav > button > span {
      font-size: 20px;
      color: #AB74E5;
      position: relative;
      top: 3px;
      font-weight: bold; }

.nav-round {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #FFFFFF;
  box-shadow: 0px 9px 20px rgba(69, 59, 112, 0.07);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all ease 0.1s;
  -khtml-transition: all ease 0.1s;
  -moz-transition: all ease 0.1s;
  -ms-transition: all ease 0.1s;
  -o-transition: all ease 0.1s;
  transition: all ease 0.1s; }
  .nav-round.lg {
    width: 86px;
    height: 86px;
    font-size: 30px; }
  .nav-round.no-shadow {
    box-shadow: none; }
  .nav-round .icon-w {
    -webkit-transition: all ease 0.1s;
    -khtml-transition: all ease 0.1s;
    -moz-transition: all ease 0.1s;
    -ms-transition: all ease 0.1s;
    -o-transition: all ease 0.1s;
    transition: all ease 0.1s; }
  .nav-round > span {
    line-height: 0; }

.dropdown-list-wrapper {
  width: 501px;
  position: relative;
  z-index: 5;
  margin: 0 auto; }
  .dropdown-list-wrapper.md ul {
    width: 330px; }
  .dropdown-list-wrapper > button {
    background: #FFFFFF;
    width: 100%;
    text-align: left;
    border-color: transparent;
    letter-spacing: 1px;
    position: relative;
    border-radius: 6px;
    padding: 28px 30px;
    box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15); }
    .dropdown-list-wrapper > button:focus {
      box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15); }
      .dropdown-list-wrapper > button:focus:after {
        /*@include transform(translateX(-1.5px) scale(-1,-1));*/ }
    .dropdown-list-wrapper > button:before {
      content: "";
      position: absolute;
      background-color: #FF7A94;
      width: 50px;
      height: 50px;
      right: 30px;
      top: 16px;
      border-radius: 100%;
      box-shadow: 0px 9px 20px rgba(69, 59, 112, 0.07);
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'serped-icon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      color: #FFFFFF;
      font-size: 18px;
      content: "\e905"; }
    .dropdown-list-wrapper > button:after {
      content: "";
      position: absolute;
      width: 45px;
      height: 34px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/browse-tools-arrow.svg");
      right: 45px;
      top: -53px; }
  .dropdown-list-wrapper > .nav-round {
    position: absolute;
    top: 0;
    box-shadow: none;
    background: #FF7A94;
    right: 30px;
    top: 16px; }
    .dropdown-list-wrapper > .nav-round .icon-w > span {
      color: #FFFFFF;
      font-size: 20px; }
  .dropdown-list-wrapper > ul {
    list-style-type: none;
    background: #FFFFFF;
    width: 282px;
    position: absolute;
    left: 0;
    padding: 30px 0px;
    right: 0;
    margin: 20px auto;
    border-radius: 6px;
    box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -khtml-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s; }
    .dropdown-list-wrapper > ul.show {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0px);
      -khtml-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    .dropdown-list-wrapper > ul:before {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      left: 0;
      right: 0;
      margin: 0 auto;
      background: #FFFFFF;
      top: -5px;
      -webkit-transform: rotate(45deg);
      -khtml-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .dropdown-list-wrapper > ul > li {
      text-align: left; }
      .dropdown-list-wrapper > ul > li > a {
        text-decoration: none;
        padding: 10px 30px;
        display: block;
        -webkit-transition: all ease 0.3s;
        -khtml-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s; }
        .dropdown-list-wrapper > ul > li > a:hover {
          background: #f0f4fa; }
          .dropdown-list-wrapper > ul > li > a:hover > p {
            color: #39414b;
            font-weight: bold; }
          .dropdown-list-wrapper > ul > li > a:hover .icon-w {
            -webkit-text-fill-color: #FFFFFF !important; }
        .dropdown-list-wrapper > ul > li > a > .nav-round {
          width: 30px;
          height: 30px;
          font-size: 16px; }
        .dropdown-list-wrapper > ul > li > a > p {
          margin-left: 15px;
          font-size: 16px;
          margin-bottom: 0;
          -webkit-transition: all ease 0.3s;
          -khtml-transition: all ease 0.3s;
          -moz-transition: all ease 0.3s;
          -ms-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s;
          color: #abb3c6;
          display: inline-block; }
        .dropdown-list-wrapper > ul > li > a.selected {
          display: none; }

.fadein {
  -webkit-transition: all ease 0.4s;
  -khtml-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transform: translateY(50px) scale(0.9);
  -khtml-transform: translateY(50px) scale(0.9);
  -moz-transform: translateY(50px) scale(0.9);
  -ms-transform: translateY(50px) scale(0.9);
  -o-transform: translateY(50px) scale(0.9);
  transform: translateY(50px) scale(0.9);
  opacity: 0; }
  .fadein.in {
    -webkit-transform: translateY(0px) scale(1);
    -khtml-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    opacity: 1; }

.dropdown-menu {
  box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15); }
  .dropdown-menu.top {
    /*top: -30px !important;*/
    /*min-width: 14.5rem;*/
    -webkit-transform: translate3d(0px, -100%, 0px) !important;
    -khtml-transform: translate3d(0px, -100%, 0px) !important;
    -moz-transform: translate3d(0px, -100%, 0px) !important;
    -ms-transform: translate3d(0px, -100%, 0px) !important;
    -o-transform: translate3d(0px, -100%, 0px) !important;
    transform: translate3d(0px, -100%, 0px) !important; }
    .dropdown-menu.top.show {
      -webkit-transform: translate3d(0px, -106%, 0px) !important;
      -khtml-transform: translate3d(0px, -106%, 0px) !important;
      -moz-transform: translate3d(0px, -106%, 0px) !important;
      -ms-transform: translate3d(0px, -106%, 0px) !important;
      -o-transform: translate3d(0px, -106%, 0px) !important;
      transform: translate3d(0px, -106%, 0px) !important; }
    .dropdown-menu.top.left {
      left: -40px !important; }
    .dropdown-menu.top:after {
      top: auto;
      bottom: -3px;
      left: 0; }
  .dropdown-menu > a {
    font-size: 15px;
    line-height: 30px;
    color: #abb3c6;
    padding-left: 30px;
    padding-right: 30px; }
    .dropdown-menu > a:hover {
      font-weight: 500;
      color: #3F4658; }
    .dropdown-menu > a:focus {
      background-color: transparent; }
  .dropdown-menu .dropdown-subitem {
    padding-left: 30px; }
    .dropdown-menu .dropdown-subitem > a {
      padding-left: 0;
      font-size: 15px;
      line-height: 30px;
      color: #abb3c6; }
      .dropdown-menu .dropdown-subitem > a:hover {
        font-weight: 500;
        color: #3F4658; }
      .dropdown-menu .dropdown-subitem > a:focus {
        background-color: transparent; }

.w-120 {
  width: 120%; }

.top-30 {
  position: relative;
  top: 50px; }

.accordion.s-accordion .card {
  padding: 0;
  margin-bottom: 16px;
  box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15); }
  .accordion.s-accordion .card > .card-header {
    background-color: #FFFFFF;
    border: none;
    padding: 30px 30px 10px 30px;
    cursor: pointer; }
    .accordion.s-accordion .card > .card-header.collapsed button > span {
      -webkit-transform: rotate(0deg);
      -khtml-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .accordion.s-accordion .card > .card-header h5 {
      display: inline-block; }
    .accordion.s-accordion .card > .card-header button {
      float: right;
      padding: 2px 2px;
      border: 1px solid #4A90E2;
      line-height: 10px;
      background-color: #E6EEF9;
      color: #4A90E2;
      font-size: 24px;
      position: relative;
      bottom: 2px; }
      .accordion.s-accordion .card > .card-header button > span {
        display: inline-block;
        -webkit-transform: rotate(180deg);
        -khtml-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all ease 0.2s;
        -khtml-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -ms-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s; }
  .accordion.s-accordion .card .card-body {
    padding: 10px 0px 20px 0px; }
    .accordion.s-accordion .card .card-body .video {
      background-color: #333333;
      min-height: 473px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .accordion.s-accordion .card > .card-footer {
    background-color: #FFFFFF;
    border: none;
    padding: 0px 30px 26px 30px; }
    .accordion.s-accordion .card > .card-footer p {
      color: #949EB6; }

.pricing-container {
  margin-top: -150px;
  padding: 0px 30px;
  position: relative; }
  .pricing-container .hero-1 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("https://cdn.plypages.com/334e198e-d3fb-45c5-ba42-484c61327741/-/quality/lightest/heropricing1.png");
    width: 279px;
    height: 250px;
    position: absolute;
    left: -127px;
    top: 130px; }
  .pricing-container .hero-2 {
    width: 179px;
    height: 226px;
    right: -80px;
    bottom: -30px;
    position: absolute; }
    .pricing-container .hero-2 .hero-body {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("https://cdn.plypages.com/425a0c3b-eb14-4d5f-874f-6c0d89d987e3/-/quality/lightest/heropricing2body.png");
      width: 179px;
      height: 145px;
      z-index: 3;
      position: relative; }
    .pricing-container .hero-2 .hero-foot {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("https://cdn.plypages.com/de4d1a14-02ce-4af8-82a0-eda815b657e6/-/quality/lightest/heropricing2foot.png");
      width: 117px;
      height: 127px;
      z-index: 1;
      top: -65px;
      z-index: -1;
      right: -11px;
      position: relative; }

.pricing-card-wrapper {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 12.5px; }
  .pricing-card-wrapper > .card {
    box-shadow: 0px 23px 38px rgba(69, 59, 112, 0.15);
    padding: 0px;
    position: relative; }
    .pricing-card-wrapper > .card.popular:after {
      content: "Most Popular";
      position: absolute;
      height: 35px;
      width: 100%;
      top: -35px;
      text-align: center;
      font-size: 14px;
      line-height: 34px;
      color: #FFFFFF;
      letter-spacing: 1px;
      background-color: #6DA9F0;
      border-top-right-radius: 15px;
      border-top-left-radius: 15px; }
    .pricing-card-wrapper > .card > .card-header {
      background-color: #FFFFFF;
      padding: 30px 30px 10px 30px; }
    .pricing-card-wrapper > .card > .card-body {
      padding: 30px; }
    .pricing-card-wrapper > .card h4 {
      font-size: 24px; }
      .pricing-card-wrapper > .card h4 > img {
        margin-right: 10px; }

.detail-feature-card-wrapper {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  box-shadow: 0px 10px 50px rgba(69, 59, 112, 0.15); }
  .detail-feature-card-wrapper > .card {
    padding: 0px;
    position: relative;
    border-left: 1px solid #949EB6;
    text-align: left; }
    .detail-feature-card-wrapper > .card:first-child {
      border-left: none; }
    .detail-feature-card-wrapper > .card small {
      font-size: 13px;
      color: #949EB6;
      line-height: 22px; }
    .detail-feature-card-wrapper > .card h6 {
      font-weight: bold;
      color: #3F4658; }
    .detail-feature-card-wrapper > .card table.table {
      margin-bottom: 0; }
      .detail-feature-card-wrapper > .card table.table tr > th {
        padding: 30px;
        border-left: 1px solid #dedede;
        border-top: none; }
        .detail-feature-card-wrapper > .card table.table tr > th > h6 {
          width: 200px !important;
          color: #4A90E2;
          font-weight: bold; }
        .detail-feature-card-wrapper > .card table.table tr > th > p {
          width: 192px; }
        .detail-feature-card-wrapper > .card table.table tr > th > .btn {
          width: 200px; }
        .detail-feature-card-wrapper > .card table.table tr > th:first-child {
          border-left: none; }
      .detail-feature-card-wrapper > .card table.table tr > td {
        border-left: 1px solid #dedede;
        padding: 8px 30px;
        border-top: none; }
        .detail-feature-card-wrapper > .card table.table tr > td:first-child {
          border-left: none; }
        .detail-feature-card-wrapper > .card table.table tr > td p {
          color: #2D3540;
          margin-bottom: 0;
          font-weight: 400; }
        .detail-feature-card-wrapper > .card table.table tr > td h4 {
          color: #A5ACB6;
          position: relative;
          top: -10px;
          display: inline-block; }
          .detail-feature-card-wrapper > .card table.table tr > td h4.active {
            color: #60A74A; }
      .detail-feature-card-wrapper > .card table.table tr.end > td {
        padding-bottom: 30px; }
      .detail-feature-card-wrapper > .card table.table tr.divider > td {
        padding-top: 30px; }
    .detail-feature-card-wrapper > .card .btn {
      padding-left: 0px;
      padding-right: 0px;
      width: 100%; }
    .detail-feature-card-wrapper > .card h6 {
      margin: 0; }
    .detail-feature-card-wrapper > .card.popular:after {
      content: "Most Popular";
      position: absolute;
      height: 35px;
      width: 100%;
      top: -35px;
      text-align: center;
      font-size: 14px;
      line-height: 34px;
      color: #FFFFFF;
      letter-spacing: 1px;
      background-color: #6DA9F0;
      border-top-right-radius: 15px;
      border-top-left-radius: 15px; }
    .detail-feature-card-wrapper > .card > .card-header {
      background-color: #FFFFFF;
      padding: 30px 30px 10px 30px; }
    .detail-feature-card-wrapper > .card > .card-body {
      padding: 30px; }
    .detail-feature-card-wrapper > .card h4 {
      font-size: 24px; }
      .detail-feature-card-wrapper > .card h4 > img {
        margin-right: 10px; }

.pricing-addon {
  background-color: #6DA9F0;
  padding: 20px 30px;
  color: #FFFFFF;
  position: relative; }
  .pricing-addon:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 106%;
    left: -3%;
    right: 0;
    margin: 0 auto;
    background-color: #6DA9F0; }
  .pricing-addon:before {
    content: "";
    position: absolute;
    border-top: 10px solid #255C9B;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    height: 0;
    width: 106%;
    left: -33px;
    bottom: -10px; }
  .pricing-addon .d-body {
    padding-left: 35px;
    position: relative;
    padding-right: 35px;
    z-index: 2; }
  .pricing-addon .d-header {
    position: relative;
    z-index: 2; }
  .pricing-addon a {
    color: #FFFFFF;
    font-weight: bold; }
  .pricing-addon h4 {
    display: inline-block; }
  .pricing-addon small {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 300; }

.price-tag {
  color: #4A90E2; }
  .price-tag > span {
    font-size: 14px;
    color: #949EB6;
    font-weight: 400;
    margin-left: 10px; }

ul.list-checked > li {
  padding-left: 20px;
  position: relative; }
  ul.list-checked > li:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 9.5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/icons/icon-check-green.svg");
    left: 0;
    top: 8px; }
  ul.list-checked > li > p {
    color: #48577E;
    font-size: 14px;
    font-weight: 400; }
  ul.list-checked > li.subtitle {
    padding-left: 0; }
    ul.list-checked > li.subtitle:after {
      display: none; }

ul.list-radio {
  padding-left: 0; }
  ul.list-radio > li {
    padding-left: 22px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 5px; }
    ul.list-radio > li:after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 100%;
      left: 0;
      background-color: #949EB6;
      top: 24px; }
    ul.list-radio > li > p {
      font-size: 14px;
      font-weight: 400; }
    ul.list-radio > li.subtitle {
      padding-left: 0;
      list-style-type: none; }
      ul.list-radio > li.subtitle:after {
        display: none; }

.box-list {
  padding-left: 40px;
  position: relative; }
  .box-list:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%; }
  .box-list.red:after {
    background: linear-gradient(120deg, #F2B6C5 0%, #EF9199 100%); }
  .box-list.purple:after {
    background: linear-gradient(120deg, #ECB6F2 0%, #9196EF 100%); }
  .box-list.green:after {
    background: linear-gradient(120deg, #A9DFBF 0%, #E2F2CF 100%); }
  .box-list.blue:after {
    background: linear-gradient(150deg, #63CAFF 0%, #A4E7D3 100%); }
  .box-list h6 {
    margin: 0 0px 10px 0px;
    color: #3F4658;
    min-height: 56px;
    font-weight: bold; }
  .box-list p {
    color: #949EB6; }

.label-container {
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  text-align: left; }
  .label-container p {
    margin-bottom: 0;
    color: #FFFFFF; }
  .label-container .badge {
    margin-right: 10px; 
    margin-left: -5px;}

.badge.badge-default {
  background-color: #A18CC4;
  color: #FFFFFF;
  font-size: 12px;
  padding: 12px 18px; }

ins {
  text-decoration: none; }

.message.danger small {
  color: #FF7990; }

.message small {
  font-size: 13px; }

@media screen and (min-width: 1599px) {
  header.home:before {
    height: 417px; } }

@media screen and (min-width: 1999px) {
  section.testimonial-tools .section-header:before {
    height: 330px; } }

@media screen and (min-width: 2600px) {
  header.home:before {
    height: 517px;
    bottom: -1px; }
  section.testimonial-tools .section-header:before {
    height: 530px; } }

@media screen and (min-width: 1441px) {
  section.testimonials .testimonial-illustration {
    height: 1216px;
    top: -80px; }
  section.video {
    margin-top: -80px; } }

@media screen and (max-width: 1115px) {
  .ornament-wrapper {
    overflow: hidden; }
  .pricing-container {
    margin-top: 0px;
    position: relative; }
  section.section-content.pricing {
    position: relative;
    overflow: hidden;
    background-color: #f2f4f7; }
  section.pricing-features:before {
    border-top-width: 120px; }
  section.detail-features {
    overflow: hidden; }
  .detail-feature-card-wrapper > .card table.table tr > th {
    padding: 30px 20px; }
  .detail-feature-card-wrapper > .card table.table tr > td {
    padding: 8px 20px; }
  section.testimonials > .container-fluid {
    padding-left: 15px;
    padding-right: 15px; }
  section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
    left: -250px; } }

@media screen and (max-width: 1200px) {
  section.home-benefit:after {
    border-top: 175px solid #FFFFFF; }
  section.section-content .tab-content .img-wrapper {
    width: 100%; } }

@media screen and (max-width: 980px) {
  .pricing-container {
    margin-top: -150px; }
  section.testimonials {
    padding-top: 0px !important; }
  section.section-content .tab-content .img-wrapper {
    width: 100% !important; }
    section.section-content .tab-content .img-wrapper img {
      width: 100% !important; }
  section.section-content.solutions {
    overflow: hidden; }
    section.section-content.solutions .img-wrapper img {
      width: 100%;
      margin-top: 70px; }
  section.section-content.pricing {
    overflow: visible;
    z-index: 3; }
  section.home-tools-desc {
    padding-bottom: 100px; }
  section.home-statistics {
    padding-bottom: 100px; }
  section.home-benefit img {
    height: 200px; }
  section.video h2 {
    padding-top: 40px; }
  section.pricing-features .btn {
    margin-top: 20px;
    margin-bottom: 80px; }
  section.testimonials .owl-carousel {
    left: 0px; }
    section.testimonials .owl-carousel .owl-nav > button {
      background-color: #FFFFFF; }
  section.testimonials .testimonial-illustration {
    top: 230px;
    width: 100%;
    height: 800px; }
  section.testimonials .c-text {
    padding-bottom: 0px;
    background: #FFFFFF; }
    section.testimonials .c-text h2 {
      padding-top: 20px; }
    section.testimonials .c-text h2, section.testimonials .c-text h6 {
      position: relative;
      z-index: 2; }
  section.testimonials.testimonial-pricing .testimonial-illustration {
    height: 400px;
    width: 45%;
    top: -190px; }
  section.testimonials.testimonial-tools {
    padding-top: 20px; }
  section.login .badge {
    /*margin-bottom: 10px;*/ 
  }
  section.login p > span.tip-number {
    /*display: block;*/ 
  }  
  section.login .label-container {
    border-radius: 25px;
    margin-top: 20px;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/ 
  }
  section.login .card.card-login {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; }
    section.login .card.card-login .illustration {
      position: relative; }
    section.login .card.card-login .card-body {
      padding-left: 30px;
      padding-right: 30px; }
  section.login .sticky {
    margin-top: 100px; }
  section.detail-features .pricing-card-wrapper {
    z-index: 3;
    position: relative; }
    section.detail-features .pricing-card-wrapper h6 {
      padding-left: 0;
      font-weight: 500;
      width: 100%;
      line-height: 25px;
      padding-top: 0px;
      margin-top: 0px; }
    section.detail-features .pricing-card-wrapper .card .card-header {
      padding-top: 30px; }
  .pricing-card-wrapper {
    grid-template-columns: 1fr;
    grid-row-gap: 20px; }
    .pricing-card-wrapper .card.popular {
      margin-top: 30px; }
    .pricing-card-wrapper .button-md {
      position: relative;
      background: #FFF; }
  .pricing-addon:before {
    left: -20px; }
  .blog-list .card {
    border-radius: 10px;
    margin-bottom: 40px; }
    .blog-list .card img {
      height: auto; }
    .blog-list .card a {
      padding-left: 0;
      text-align: left;
      padding-right: 30px;
      display: block;
      margin-top: 30px; }
  .card.card-client {
    margin-top: 140px; }
  .card.card-client .card-body .list-inline > li.list-inline-item {
    width: 30%; }
  section.testimonial-tools .section-header .illustration {
    background-size: cover; }
  #ultimateresearch .btn {
    margin-top: 150px; }
  section.login .card.card-login .illustration {
    background-image: url(https://cdn.plypages.com/4497149c-0897-4408-a2c8-55cf95be5aa0/-/quality/lightest/loginillustrationmobile.png);
    width: 570px;
    height: 516px;
    background-size: cover;
    left: 0; }
  section.testimonials .owl-carousel > .owl-stage-outer {
    padding-top: 120px; }
    section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
      left: -125px; }
  section.testimonials.testimonial-pricing .owl-carousel > .owl-stage-outer {
    padding-top: 100px; }
  .nav-tabs-mobile a.dropdown-toggle {
    width: 100%;
    display: inline-block;
    border: 1px solid #dedede;
    text-align: left;
    padding: 10px;
    position: relative;
    border-radius: 3px; }
    .nav-tabs-mobile a.dropdown-toggle:after {
      position: absolute;
      right: 30px;
      top: 15px; }
  .nav-tabs-mobile .dropdown-menu {
    top: 50px !important; } }

@media screen and (max-width: 680px) {
  section.login .card.card-login .illustration {
    background-image: url(https://cdn.plypages.com/4497149c-0897-4408-a2c8-55cf95be5aa0/-/quality/lightest/loginillustrationmobile.png);
    width: 100%;
    height: 310px;
    background-size: contain;
    left: 0; }
  .accordion.s-accordion .card .card-body .video {
    min-height: 200px; }
  .dropdown-list-wrapper {
    width: 100%; }
  section.section-content {
    overflow: hidden; }
  section.section-content .tab-content p {
    width: 100%; }
  h1, h2 {
    font-size: 30px;
    line-height: 45px; }
  .ornament.circle {
    border-width: 100px;
    width: 350px;
    height: 350px; }
    .ornament.circle.left {
      left: -200px; }
    .ornament.circle.bottom {
      bottom: 120px; }
  section.home-tools .ornament-wrapper .ornament.circle {
    right: 0;
    top: 150px;
    right: -200px;
    width: 400px;
    height: 400px; }
  section.login {
    padding-bottom: 10px; }
    section.login .sticky {
      margin-top: 30px; }
    section.login .blog-list {
      margin-top: 60px; }
    section.login ul.list-inline {
      margin-right: 20px; }
    section.login .logo {
      margin-top: 0; }
    section.login .card.card-login {
      padding-bottom: 10px; }
      section.login .card.card-login .form-login .btn ~ p {
        text-align: center; }
        section.login .card.card-login .form-login .btn ~ p > a {
          color: #3F4658;
          display: block; }
  .blog-list .card {
    margin-bottom: 30px; }
  section.section-content.solutions {
    padding-bottom: 40px; }
  section.home-tools-desc {
    padding-bottom: 0px; }
  section.home-benefit:after {
    border-top-width: 50px; }
  .card.card-icon:hover {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  section.home-statistics {
    overflow: visible; }
    section.home-statistics img {
      width: 100%;
      margin-top: 50px; }
    section.home-statistics .ornament-wrapper .ornament.rect {
      bottom: 0;
      right: -230px; }
    section.home-statistics .ornament-wrapper .ornament.circle {
      bottom: 0;
      top: auto;
      right: -300px; }
    section.home-statistics .img-statistics {
      position: relative;
      top: 100px;
      z-index: 1; }
      section.home-statistics .img-statistics > li {
        margin-bottom: 15px;
        width: 47.5%; }
        section.home-statistics .img-statistics > li > img {
          margin-top: 0; }
  .content-wrapper.content-wrapper-lg {
    margin-bottom: 100px; }
  .content-wrapper.d-flex {
    display: block !important; }
  .content-wrapper > .left, .content-wrapper .right {
    padding: 0 !important;
    width: 100%;
    position: relative; }
  .content-wrapper .content-img {
    margin-top: 50px; }
  section.home-tools-desc .ornament-wrapper .ornament.circle.red {
    width: 350px;
    height: 350px;
    right: -120px;
    top: 600px; }
  .ornament.eclipse.red {
    left: -650px;
    top: auto;
    bottom: 150px;
    height: 300px; }
  .ornament.rect.purple {
    position: absolute;
    bottom: 0;
    min-height: 370px;
    right: -160px; }
  .ornament.zigzag {
    position: absolute;
    top: 250px;
    left: -500px; }
  .ornament.circle.gray {
    position: absolute;
    bottom: 0;
    right: -195px; }
  section.home-benefit {
    padding-bottom: 0;
    overflow: visible; }
    section.home-benefit > .container {
      padding-top: 105px;
      padding-bottom: 142px; }
    section.home-benefit .row {
      margin-top: 0px; }
    section.home-benefit img {
      margin-top: 72px;
      height: 211px; }
    section.home-benefit:after {
      z-index: auto; }
    section.home-benefit .ornament-wrapper {
      overflow: visible; }
      section.home-benefit .ornament-wrapper .ornament.square {
        width: 600px;
        height: 600px;
        right: -500px;
        top: -200px;
        z-index: 2; }
      section.home-benefit .ornament-wrapper .ornament.circle {
        border-color: #66F9FF;
        top: -200px;
        z-index: 1;
        left: -300px;
        width: 450px;
        height: 450px; }
      section.home-benefit .ornament-wrapper .ornament.mount {
        width: 100%;
        right: 0;
        bottom: 0;
        background-position: center bottom;
        background-image: url("../img/ornament/ornament-mount-mobile.svg"); }
  section.video {
    height: 355px; }
    section.video img {
      width: auto;
      height: 100%; }
    section.video h2 {
      margin-top: 40px; }
    section.video .icon-play {
      margin-top: 30px;
      width: 45px;
      height: 45px; }
  section.testimonials .owl-carousel {
    margin-top: 30px; }
    section.testimonials .owl-carousel > .owl-stage-outer {
      padding: 40px 0px;
      width: 100%; }
  .card.card-carousel {
    width: 320px;
    min-height: 194px; }
    .card.card-carousel .card-header {
      padding-left: 17px;
      padding-right: 17px; }
    .card.card-carousel .card-body {
      padding-top: 11px;
      padding-left: 17px;
      padding-right: 17px;
      padding-bottom: 20px; }
      .card.card-carousel .card-body p {
        font-weight: 300;
        font-size: 8px;
        line-height: 16px; }
  .card.card-client .card-body {
    padding-left: 0;
    padding-right: 0; }
  .card.card-client .card-body .list-inline > li.list-inline-item > img {
    height: auto; }
  section.testimonials .list-tools {
    left: 0;
    text-align: center; }
    section.testimonials .list-tools > li {
      text-align: center; }
  .list-inline-item {
    display: inline-block;
    margin-bottom: 20px; }
  footer .container {
    padding-bottom: 20px;
    padding-top: 60px; }
  footer .ornament-wrapper .ornament.circle.white {
    right: -300px;
    top: 300px; }
  footer .ornament-wrapper .ornament.round {
    top: 0; }
  .card-icon > img {
    width: 76px; }
  section.testimonials .ornament-wrapper .ornament.circle {
    right: -220px;
    bottom: 325px; }
  section.section-content.tools {
    margin-top: -180px; }
  .dropdown-list-wrapper > button {
    font-size: 13px;
    padding: 16px 15px; }
    .dropdown-list-wrapper > button:before {
      width: 30px;
      height: 30px;
      top: 9px;
      right: 15px; }
  #ultimateresearch .btn {
    margin-top: 100px; }
  .pricing-container {
    padding: 10px; }
  .pricing-addon:before {
    left: -10px; }
  section.section-content.pricing .box {
    padding: 30px 12px; }
    section.section-content.pricing .box:after {
      left: 14px; }
  section.section-content.pricing {
    padding-bottom: 50px; }
  .pricing-addon .d-header h4 {
    line-height: 30px;
    display: inline-block; }
  .pricing-addon .d-body {
    padding-left: 0;
    padding-right: 0; }
  section.detail-features {
    overflow: visible; }
    section.detail-features h2 {
      padding-bottom: 30px; }
    section.detail-features .ornament-wrapper {
      height: 150%;
      top: -10%; }
      section.detail-features .ornament-wrapper .ornament.square {
        top: 120px; }
    section.detail-features .pricing-card-wrapper .card .card-body .btn {
      width: 100% !important; }
  section.testimonials.testimonial-pricing .owl-carousel > .owl-stage-outer {
    padding-bottom: 50px;
    padding-top: 10px; }
  section.testimonials.testimonial-pricing > .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  section.testimonials.testimonial-pricing .owl-nav {
    margin-top: 0;
    margin-left: 15px; }
  section.testimonials .owl-carousel > .owl-stage-outer {
    padding-top: 150px; }
    section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
      left: -75px; }
  section.testimonials.testimonial-pricing .owl-carousel > .owl-stage-outer {
    padding-top: 70px; }
  section.home-statistics {
    padding-top: 138px; }
  section.testimonials h2 {
    padding-top: 40px; }
  section.testimonials .testimonial-illustration {
    top: 170px; }
  .card.card-client .card-header {
    padding-top: 51px; } 
  section.login .label-container {
        margin-top: 5px;}
}

@media screen and (max-width: 480px) {
  h1, h2 {
    font-size: 20px;
    line-height: 30px; }
  h5, h3 {
    font-size: 16px;
    line-height: 27px; }
  h6 {
    font-size: 12px;
    line-height: 25px; }
    h6.subheading {
      font-size: 13px;
      line-height: 27px; }
  .btn {
    font-size: 12px; }
  p {
    font-size: 13px;
    line-height: 25px; }
  .ornament.eclipse.red {
    left: -650px;
    top: auto;
    bottom: 80px;
    height: 300px; }
  .ornament.rect.purple {
    position: absolute;
    bottom: 0;
    min-height: 280px;
    right: -160px; }
  section.home-tools .btn {
    width: 100%; }
  section.home-statistics .btn {
    width: 100%; }
  section.home-statistics .img-statistics {
    position: relative; }
    section.home-statistics .img-statistics > li {
      width: 49%;
      margin-right: 0;
      margin-bottom: 7px; }
  .card.card-carousel {
    width: 280px;
    min-height: 195px; }
  section.testimonials .owl-carousel > .owl-stage-outer {
    padding-bottom: 0px;
    padding-right: 150px; }
  section.testimonials.testimonial-pricing .owl-carousel > .owl-stage-outer {
    padding-top: 50px; }
  .card.card-carousel .card-header .user-profile > span > h6 {
    font-size: 9px;
    line-height: 6px; }
    .card.card-carousel .card-header .user-profile > span > h6 + small {
      font-size: 6.5px; }
  .card.card-carousel .card-header .user-profile > span > img {
    height: 28px;
    width: 28px;
    margin-right: 5px; }
  .owl-nav > button {
    width: 30px;
    height: 30px;
    box-shadow: 0px 2px 14px rgba(221, 221, 236, 0.5); }
    .owl-nav > button > span {
      font-size: 15px;
      top: 1px; }
  .card.card-client {
    margin-top: 50px; }
  section.testimonials .testimonial-illustration {
    height: 449px; }
  .list-inline.list-tools > li .btn-group {
    padding-top: 5px; }
  .list-inline.list-tools > li .btn {
    font-size: 13px; }
  .nav-tabs-mobile .dropdown-toggle {
    font-size: 20px;
    font-weight: bold;
    color: #3f4657; }
  .tab-content {
    padding-top: 31px; }
  section.testimonial-tools .section-header .illustration {
    height: 780px; }
  section.testimonials .owl-carousel > .owl-stage-outer {
    padding-top: 40px; }
    section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
      left: -21%; }
  section.testimonials.testimonial-pricing .owl-carousel > .owl-stage-outer {
    padding-top: 70px; } 
  section.login .label-container {
    margin-top: 5px;}
}



@media screen and (max-width: 390px) {
  section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
    left: -16%; } }

@media screen and (max-width: 321px) {
  .ornament.eclipse.red {
    bottom: 80px;
    height: 250px; }
  .ornament.rect.purple {
    min-height: 240px; }
  section.testimonials .owl-carousel > .owl-stage-outer {
    padding: 40px;
    padding-bottom: 0; }
    section.testimonials .owl-carousel > .owl-stage-outer .owl-stage {
      left: -20%; }
  section.testimonials .testimonial-illustration {
    top: 230px; } }


section.login ul.list-inline{
    margin-bottom: -65px;
}

@media (max-width: 992px) {
    section.login .logo {
        margin-top: 25px;
    }   
}

@media screen and (max-width: 680px){
    
    section.login ul.list-inline{
        margin-bottom: 0px;
    }
    
    section.login .logo{
        margin-top: -35px;
        margin-bottom: 0px
    }
}


/* /////////// login page continus text marquee start ////////////// */

section.login .marquee {
    height: 25px;
    /*width: 420px;*/

    overflow: hidden;
    position: relative;
    color: white;
    /*  margin-top:-10px;
      margin-left:-30px;*/

    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}

section.login .marquee div.first-wrapper {
    width: auto;
    height: 25px;
    /*max-width: auto;*/
    overflow: visible;
    display: inline-block;
}
    
section.login .marquee div.slider-div{
    /*display: block;*/
    /*width: 200%;*/
    /*height: 30px;*/
    
    height: 25px;

    /*position: absolute;*/
    position: relative;
    /*overflow: hidden;*/
    
    -webkit-animation: marquee 15s linear infinite;
    -moz-animation: marquee 15s linear infinite;
    -o-animation: marquee 15s linear infinite;
    animation: marquee 15s linear infinite;
    
    overflow: visible;
    display: inline-block;
}

/*section.login .marquee span {
    float: left;
    width: 50%;
}*/

@-webkit-keyframes marquee{
    0% { left: 60%; }
    100% { left: -99%; }
}
@-moz-keyframes marquee {
    0% { left: 60%; }
    100% { left: -99%; }
}
@-o-keyframes marquee{
    0% { left: 60%; }
    100% { left: -99%; }
}
@keyframes marquee {
    0% { left: 60%; }
    100% { left: -99%; }
}



@media (max-width: 992px) {
    section.login .marquee div.slider-div{
        -webkit-animation: marquee 15s linear infinite;
        -moz-animation: marquee 15s linear infinite;
        -o-animation: marquee 15s linear infinite;
        animation: marquee 15s linear infinite;
    }
}


@media (max-width: 767px) {
    section.login .marquee div.slider-div{
        -webkit-animation: marquee 20s linear infinite;
        -moz-animation: marquee 20s linear infinite;
        -o-animation: marquee 20s linear infinite;
        animation: marquee 20s linear infinite;
    }
}

@media (max-width: 575px) {
    section.login .marquee div.slider-div{
        -webkit-animation: marquee 20s linear infinite;
        -moz-animation: marquee 20s linear infinite;
        -o-animation: marquee 20s linear infinite;
        animation: marquee 20s linear infinite;
    }
}

/* /////////// login page continus text marquee END ////////////// */

#view_more{
  color: #949EB6;font-size: 12px;float: right;
}