/* Exporting Fonts */
/*
@import url(https://ka-p.fontawesome.com/releases/v6.5.1/css/pro.min.css?token=7ca6a895ef);
@import url(https://ka-p.fontawesome.com/releases/v6.5.1/css/pro-v4-shims.min.css?token=7ca6a895ef);
@import url(https://ka-p.fontawesome.com/releases/v6.5.1/css/pro-v5-font-face.min.css?token=7ca6a895ef);
@import url(https://ka-p.fontawesome.com/releases/v6.5.1/css/pro-v4-font-face.min.css?token=7ca6a895ef); */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
   --primary: #134fc9;
   --secondery: rgba(0, 0, 0, 0.8);
   --primaryLight: rgba(19, 79, 201, 0.06);
   --ghostWhite: #ebf0fd;
   --white: #ffffff;
   --black: #000000;
   --iconShadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
   --tableshadow: 0px 6.88px 41.26px 0px rgba(0, 0, 0, 0.12);
   --transition: 0.3s all ease;
   --tableBorder: rgba(0, 0, 0, 0.07);
}

html {
   scroll-behavior: smooth;
}

body {
   overflow-x: hidden;
}

body {
   margin: 0;
   padding: 0;
   font-family: "Outfit", sans-serif;
}

h2 {
   font-size: 44px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
   margin: 0;
   padding: 0;
   text-decoration: none;
   font-family: "Outfit", sans-serif;
}

a {
   text-decoration: none;
   color: unset;
   font-family: "Outfit", sans-serif;
}

img {
   width: 100%;
   height: auto;
}

p {
   font-size: 16px;
   font-weight: 400;
   color: var(--black);
}

h3 {
   font-size: 40px;
   color: var(--black);
   font-weight: 500;
}

.page-id-1335 h3,
h5 {
   font-weight: 600;
}

.site-btn,
.btn-site {
   background-color: var(--primary);
   text-align: center;
   font-size: 16px;
   border-radius: 78px;
   cursor: pointer;
   font-weight: 500;
   min-width: 183px;
   position: relative;
   z-index: 1;
   border: 1px solid var(--primary);
   color: var(--white);
   overflow: hidden;
   transition: 0.2s all ease;
   padding: 15px;
   display: inline-block;
}

.site-btn span,
.btn-site span {
   text-shadow: var(--btnTextshadow);
}

.site-btn::before,
.btn-site::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: var(--white);
   z-index: -1;
   transition: 0.3s all ease;
   width: 0;
   height: 100%;
   border-radius: 50px;
}

.site-btn:hover,
.btn-site:hover {
   color: var(--primary);
}

.site-btn:hover::before,
.btn-site:hover::before {
   width: 100%;
}

.site-btn:focus,
.btn-site:focus {
   outline: unset;
}

.site-btn.outline-btn {
   background: var(--white);
   color: var(--primary);
}

.site-btn.outline-btn:hover {
   color: var(--white) !important;
}

.site-btn.outline-btn::before {
   background-color: var(--primary);
}

body.post-template-default ul:not(.navbar-nav),
body.post-template-default ol {
   list-style: initial;
   padding-left: 20px;
}

body.single-post a:not(.btn-site) {
   text-decoration: underline;
}

body.single-post .ue_post_blocks_title a,
body.single-post .elementor-icon-list-item a {
   text-decoration: none;
}

.header .btn-site {
   background-color: transparent;
   color: var(--primary);
   border: 1px solid var(--primary);
}

.header .btn-site::before {
   background-color: var(--primary);
}

.header .btn-site:hover {
   color: var(--white);
}

header {
   padding: 20px 0 50px;
}

header.sticky {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: auto;
   z-index: 1050;
   padding: 8px 0;
   background: var(--white);
}

header .logo {
   max-width: 160px;
}

header.sticky .logo {
   max-width: 120px;
}

.header li.nav-item a {
   font-size: 18px;
   font-weight: 400;
   color: var(--black);
   cursor: pointer;
}

.header li.nav-item a:hover {
   color: var(--primary);
}

.header-btn .site-btn {
   border: 1px solid var(--primary);
   background: var(--white);
   color: var(--primary);
   min-width: 183px;
   padding: 12px 12px;
}

.header-btn .site-btn:hover {
   background: var(--primary);
   color: var(--white);
}

.header .container {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding-bottom: 20px;
}

.header .navbar-toggler {
   padding: 8px 16px;
}

.navbar-toggler:focus {
   box-shadow: unset;
}

/* Banner */

.banner {
   margin-bottom: 100px;
   padding-top: 100px;
}

h1 {
   font-size: 54px;
   font-weight: 700;
   color: var(--black);
}

.banner .banner-text h1 {
   max-width: 470px;
}

.banner-text h1 span {
   font-size: 80px;
}

.banner-text p {
   margin: 15px 0 40px;
}

.banner-btn .site-btn {
   min-width: 212px;
}

.banner .img {
   position: relative;
   z-index: 1;
}

.banner .img .grid-lines {
   width: 100%;
   margin: auto;
   display: block;
}

.banner .rotate-logo {
   width: 57px;
   aspect-ratio: 1;
   border-radius: 50%;
   box-shadow: 0px 4px 24px 0px #0000001a;
   display: flex;
   justify-content: center;
   align-items: center;
}

.banner .rotate-logo img {
   width: 40px;
}

.banner .rotating-outer {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

#rotatingLogos {
   width: 526px;
   height: 526px;
   position: relative;
}

.community {
   margin-bottom: 100px;
}

.community .tittle {
   text-align: center;
   margin: 0 auto 40px;
}

.community .tittle h2 {
   font-size: 40px;
   font-weight: 500;
}

.community-card {
   background: rgba(19, 79, 201, 0.07);
   border-radius: 4px;
   padding: 20px 0 0 22px;
}

.community-card .card-head {
   display: flex;
   align-items: center;
   margin-bottom: 30px;
}

.community-card .card-head h3 {
   font-size: 22px;
}

.community-card .image img {
   height: 290px;
   object-fit: cover;
   object-position: top center;
   border-top-left-radius: 8px;
}

.community-card .card-head p {
   font-size: 14px;
}

.community-card .logo-img {
   background: var(--white);
   border-radius: 50%;
   border: 1px solid rgba(19, 79, 201, 0.2);
   width: 48px;
   height: 48px;
   margin-right: 5px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.card-head .logo-img img {
   width: 27px;
}

.communityV2 {
   margin-top: 100px;
}

.communityV2 .community-card {
   padding: 22px 22px;
}

.communityV2 .community-card .image img {
   height: auto !important;
   border-radius: 8px !important;
}

.communityV2 .com-title h3 {
   font-size: 22px;
   text-align: center;
   margin: 15px 0 0;
}

.all-slides .inner-wrapper {
   max-width: 940px;
   margin: auto;
   display: flex;
   flex-direction: column;
   gap: 35px;
}

.all-slides .slide-img {
   margin: auto;
   background-color: rgba(19, 79, 201, 0.07);
   padding: 20px 27px 30px;
   border-radius: 12px;
}

.all-slides .text h3 {
   font-size: 32px;
   font-weight: 500;
   color: var(--black);
   margin-bottom: 10px;
}

.all-slides .text h3 br {
   display: none;
}

.all-slides .text p {
   max-width: 410px;
   color: rgba(0, 0, 0, 0.8);
}

.swiper-button-prev:after,
.swiper-button-next:after {
   font-size: 22px !important;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
   color: #000000;
   font-weight: 600;
   background-color: #ffffff;
   border-radius: 50%;
   width: 48px;
   height: 48px;
   box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.04);
   opacity: unset !important;
}

.swiper-button-prev,
.swiper-button-next {
   color: #fff;
   font-weight: 600;
   background-color: #000000;
   border-radius: 50%;
   width: 48px;
   height: 48px;
   box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.04);
}

/* Two Column Sec */

.two-column-sec.padding-sec {
   padding: 48px 0;
}

.padding-sec.community-sec {
   padding-bottom: 0;
}

.two-column-sec .side-main-pic {
   max-width: 550px;
   margin: auto;
}

.two-column-content .logo img {
   width: 48px;
}

.content-tittle h3 {
   margin: 10px 0 20px;
}

ul {
   list-style: none;
}

.list-content {
   margin: 40px 0;
}

.list-content li::before {
   content: "\2713";
   border-radius: 50%;
   background: var(--primary);
   color: var(--white);
   padding: 2px 6px;
   margin-right: 10px;
}

.list-content li {
   margin-bottom: 20px;
}

.list-content li:last-of-type {
   margin-bottom: 0;
}

.visit-btn i {
   transform: rotate(320deg);
}

.visit-btn .site-btn:hover {
   border: 1px solid var(--primary);
   color: var(--primary);
}

.two-column-sec.light-blue {
   background: rgba(19, 79, 201, 0.06);
   margin: 0;
}

.two-column-sec.dark-blue {
   background: var(--primary);
   margin: 0;
}

.two-coloum-sec-tittle {
   text-align: center;
   margin-bottom: 50px;
}

.two-coloum-sec-tittle img {
   width: 60px;
}

.two-coloum-sec-tittle h3 {
   margin: 5px 0 15px;
}

.two-coloum-sec-tittle p {
   max-width: 820px;
   margin: auto;
}

.list-content .content-text {
   margin-bottom: 20px;
}

.list-content .content-text:last-of-type {
   margin-bottom: 0;
}

.list-content .content-text h4 {
   font-size: 18px;
   color: var(--black);
   font-weight: 600;
   margin-bottom: 5px;
}

.list-content .content-text h4.white-text {
   color: var(--white);
}

.list-content .content-text p {
   font-size: 16px;
   color: var(--black);
   font-weight: 400;
}

.list-content .content-text p.white-text {
   color: var(--white);
}

.content-tittle h3.white-text {
   color: var(--white);
}

.white-text p {
   color: var(--white);
}

.list-content.white-text li {
   color: var(--white);
}

.visit-btn.white-bg .site-btn {
   background: var(--white);
   color: var(--primary);
   border: 1px solid var(--white);
}

.visit-btn.white-bg .site-btn:hover {
   border: 1px solid var(--white);
   color: var(--white);
}

.visit-btn.white-bg .site-btn:before {
   background: var(--primary);
}

.sub-option {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.sub-option p {
   width: max-content;
   position: relative;
}

.sub-option p::before {
   content: "\26AC";
   margin-right: 10px;
   color: var(--primary);
   font-size: 18px;
}

.howeb-sec .tittle {
   text-align: center;
}

.howeb-sec .tittle img {
   width: 60px;
}

.howeb-sec .tittle p {
   margin-top: 15px;
}

.featuer-list .featuer {
   display: flex;
   align-items: center;
   margin-bottom: 70px;
}

.featuer-list .featuer:last-of-type {
   margin-bottom: 0;
}

.featuer-list .featuer .logo img {
   width: 50px;
   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   background-color: var(--white);
   aspect-ratio: 1;
   margin-right: 10px;
}

.featuer-list .featuer p {
   font-weight: 500;
   font-size: 18px;
}

.number-list {
   counter-reset: section;
}

.number-list h4 {
   position: relative;
}

.number-list h4::before {
   content: "";
   position: absolute;
   border-radius: 50%;
   left: -30px;
   top: 0;
   width: 20px;
   height: 20px;
   counter-increment: section;
   content: counter(section);
   background: var(--primary);
   color: var(--white);
   font-size: 14px;
   font-weight: 500;
   aspect-ratio: 1;
   padding: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.content-text {
   padding-left: 30px;
}

.howeb-sec .two-coloum-sec-tittle p {
   max-width: unset;
}

.number-list.white-text h4::before {
   background: var(--white);
   color: var(--primary);
}

.number-list.white-text h4,
.number-list.white-text p {
   color: var(--white);
}

.featuer-list .featuer .logo {
   position: relative;
}

.featuer-list .featuer .logo::before {
   content: url("../images/line.svg");
   position: absolute;
   z-index: -1;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   top: 49px;
   left: -60px;
   bottom: 0;
   margin: auto;
}

.featuer.fea-2 .logo::before {
   top: 102px;
   left: -90px;
   bottom: 0;
   transform: rotate(-158deg);
}

.featuer-list .featuer.fea-2 {
   margin-left: 60px;
}

.featuer-list .featuer.fea-3 {
   margin-left: 80px;
}

.featuer.fea-3 .logo::before {
   top: 62px;
   left: -110px;
   bottom: 0;
   transform: rotate(-133deg);
}

.featuer-list .featuer.fea-4 {
   margin-left: 60px;
}

.featuer.fea-4 .logo::before {
   top: -57px;
   left: -62px;
   bottom: 0;
   transform: rotate(-101deg);
}

.featuer.fea-5 .logo::before {
   top: -88px;
   left: -35px;
   bottom: 0;
   transform: rotate(-85deg);
}

.brands-sec {
   margin: 100px 0;
}

.brands-sec .sec-tittle {
   text-align: center;
}

.brands-sec .sec-tittle img {
   max-width: 300px;
   margin-bottom: 10px;
}

.brands-logos {
   margin-top: 40px;
}

.brands-logos .logo img {
   width: auto;
   max-width: 100%;
}

.visit-btn.community {
   margin: 0 !important;
}

.visit-btn.community button {
   min-width: 220px;
}

.visit-btn.community i {
   transform: rotate(0);
}

.highlited-text {
   background: rgba(19, 79, 201, 0.2);
   text-align: center;
   border-radius: 10px;
   padding: 20px 15px;
}

/* Footer */

footer {
   background: rgba(19, 79, 201, 0.1);
   padding: 40px 0;
}

footer .about-product .logo {
   max-width: 160px;
   margin-bottom: 20px;
}

footer .about-product .para p {
   max-width: 380px;
}

.footer-pages .tittle p {
   font-weight: 600;
   margin-bottom: 15px;
}

.footer-pages .list li {
   font-weight: 400;
   color: var(--black);
   margin-bottom: 12px;
}

.footer-pages .list li:hover {
   color: var(--primary);
}

.footer-pages .list li:last-of-type {
   margin-bottom: 0;
}

.footer-pages .list li i {
   color: var(--primary);
}

.copy-right {
   background: var(--primary);
   padding: 13px 0;
}

.contect-copyright {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.contect-copyright .text p {
   color: var(--white);
}

.social-logos .widget {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.media-logo-wrapper {
   margin-right: 15px;
}

.media-logo {
   background: var(--white);
   color: var(--primary);
   border-radius: 50%;
   border: 1px solid var(--white);
   width: 24px;
   aspect-ratio: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   padding: 1px 14px;
}

.media-logo:hover {
   background: transparent;
   border: 1px solid var(--white);
   color: var(--white);
}

.media-logo-wrapper:last-of-type {
   margin-right: 0;
}

.media-logo i {
   font-size: 12px;
}

/* pricing page  */

.pricing-page h2 {
   font-size: 44px;
   font-weight: 600;
   font-family: "Outfit", sans-serif;
}

.pricing-page p {
   font-size: 16px;
   font-weight: 400;
   color: #252849;
}

.pricing-page .table-responsive p {
   max-width: 468px;
   white-space: pre-wrap;
}

.pricing-table tbody img {
   width: auto;
   max-width: 100%;
   max-height: 50px;
}

.pricing-page .pricing-table {
   padding-top: 100px;
}

.pricing-page .pricing-table .para p {
   margin-top: 12px;
}

.pricing-page .pricing-table .table td,
.pricing-page .pricing-table .table th {
   padding: 20px 30px;
   vertical-align: middle;
   white-space: nowrap;
   font-size: 16px !important;
   color: #252849;
   text-transform: capitalize;
   font-family: "Outfit", sans-serif;
}

.pricing-page .pricing-table .table tr td:first-of-type {
   padding-left: 0;
}

.pricing-page .pricing-table .table th {
   color: #000000;
}

.pricing-page .pricing-table .table td.light-blue {
   background: #edf8ff !important;
   color: #134fc9;
   font-weight: 700;
}

.pricing-page .pricing-table .table th.light-blue {
   background: #edf8ff !important;
   border-radius: 10px 10px 0 0;
   color: #134fc9;
   font-size: 23px !important;
   font-weight: 700 !important;
}

.pricing-page .pricing-table .table th {
   font-size: 23px !important;
   font-weight: 700 !important;
}

/* Pricing Featuer Table */

.pricing-com-table {
   padding: 100px 0 50px;
}

.pricing-com-table .title p {
   color: #141b34;
   margin-top: 16px;
}

.pricing-com-table .inner-title h4 {
   color: #141b34;
   font-size: 28px;
   font-weight: 400;
}

.pricing-com-table .inner-title h4 span {
   color: var(--primary);
   font-weight: 700;
   font-size: 60px;
   margin: 15px 0;
}

.pricing-page .pricing-featuer-table .card {
   padding: 25px 26px;
   margin: 40px 0 30px;
   box-shadow: 0px 6.88px 41.26px 0px #0000001f !important;
}

.sales-page .select-fields .form-input {
   width: 93px !important;
   border: 1px solid #134fc9;
   border-radius: 6px;
   color: #134fc9;
   font-weight: 500;
   margin-right: 10px;
   font-size: 29px;
   padding: 5px 5px;
   height: calc(1em + 1rem + 2px);
   text-align: center;
}

.pricing-page .pricing-featuer-table .table-header input::placeholder {
   color: #134fc9;
}

.pricing-page .pricing-featuer-table .table-header h3 {
   font-size: 29px;
   font-weight: 400;
   color: #000000;
   margin-bottom: 0;
}

.pricing-page .pricing-featuer-table .table {
   margin-top: 30px;
}

.pricing-page .pricing-featuer-table .table td,
.pricing-page .pricing-featuer-table .table th {
   padding: 23px 30px;
   vertical-align: middle;
   white-space: nowrap;
   font-size: 16px !important;
   color: #252849;
   text-transform: capitalize;
   font-family: "Outfit", sans-serif;
}

.pricing-page .pricing-featuer-table .table th {
   font-size: 25px !important;
   font-weight: 600 !important;
   color: #000000;
}

.pricing-page .pricing-featuer-table thead {
   background-color: #f7f7f7;
}

.pricing-page .pricing-featuer-table .table th:first-of-type {
   font-weight: 400 !important;
}

.pricing-page .pricing-featuer-table tbody tr:nth-of-type(even) {
   background-color: #f7f7f7;
}

.pricing-page .pricing-featuer-table .average-table-price h3 {
   font-size: 28px;
   font-weight: 400;
   color: #252849;
   text-align: center;
}

.pricing-page .pricing-featuer-table .average-table-price h2 {
   font-size: 60px;
   font-weight: 700;
   color: #134fc9;
   text-align: center;
}

.bannerv5 {
   margin-bottom: 0;
   padding-bottom: 100px;
}

.bannerv5 h1,
.bannerv5 p {
   color: var(--white);
}

.bannerv5 h1 {
   font-weight: 400;
}

@media (min-width: 1200px) {
   .bannerv5 h1 {
      font-size: 44px;
   }
}

.bannerv5 span {
   display: block;
}

.bannerv5 span.small-word {
   font-size: 24px;
}

.bannerv5 span:not(.small-word) {
   font-weight: 700;
}

.bannerv5 span small {
   font-size: 44px;
   font-weight: 400;
   margin-left: -13px;
}

.bannerv5 .img {
   max-width: 470px;
}

@media (min-width: 1600px) {
   .bannerv5 .img {
      margin-left: auto;
   }
}

.bannerv5 #rotatingLogos2 {
   width: 470px;
   height: 470px;
}

.bannerv5 .rotate-logo {
   width: 180px;
}

.bannerv5 .rotate-logo img {
   width: 100% !important;
}

.primary-bg-700 .site-btn {
   background: var(--white);
   color: var(--primary);
}

.primary-bg-700 .site-btn::before {
   background: var(--ghostWhite);
}

@media (max-width: 1199px) {
   #rotatingLogos {
      width: 450px;
      height: 450px;
   }

   h1 {
      font-size: 40px;
   }

   .banner .banner-text h1 {
      max-width: 315px;
   }

   .banner-text h1 span {
      font-size: 55px;
   }

   .padding-sec.community-sec {
      padding-bottom: 48px;
   }

   .community .tittle h2 {
      font-size: 30px;
   }

   .two-coloum-sec-tittle {
      margin-bottom: 30px;
   }

   .number-list h4::before {
      width: 25px;
      height: 25px;
      font-size: 12px;
   }

   h3 {
      font-size: 30px;
      color: var(--black);
      font-weight: 500;
   }

   .brands-sec .sec-tittle img {
      max-width: 230px;
   }

   .bannerv5 .img {
      max-width: 410px;
   }

   .bannerv5 #rotatingLogos2 {
      width: 410px;
      height: 410px;
   }

   .bannerv5 .rotate-logo {
      width: 160px;
   }
}

@media (max-width: 991px) {
   .banner .banner-text h1 {
      max-width: 270px;
   }

   .header li.nav-item a {
      font-size: 16px;
   }

   .banner-text {
      margin-top: 50px;
   }

   h1 {
      font-size: 35px;
   }

   .banner-text h1 span {
      font-size: 45px;
   }

   #rotatingLogos {
      width: 400px;
      height: 400px;
   }

   .banner .rotate-logo {
      width: 50px;
      aspect-ratio: 1;
   }

   .banner .rotate-logo img {
      width: 30px;
   }

   .banner {
      margin-bottom: 50px;
      padding-top: 50px;
   }

   .bannerv5 {
      margin-bottom: 0;
      padding: 100px 0 50px;
   }

   .bannerv5 .banner-text h1 {
      max-width: 280px;
      line-height: 1.4;
   }

   .bannerv5 .img {
      max-width: 395px;
   }

   .bannerv5 #rotatingLogos2 {
      width: 395px;
      height: 395px;
   }

   .bannerv5 .rotate-logo {
      width: 150px;
   }

   .bannerv5 span small {
      font-size: 30px;
      margin-left: -3px;
   }

   .community .tittle h2 {
      font-size: 25px;
   }

   .community {
      margin-bottom: 50px;
   }

   .communityV2 {
      margin-top: 50px;
   }

   .communityV2 .community-card {
      padding: 15px 15px;
   }

   .communityV2 .row {
      --bs-gutter-y: 30px;
   }

   h3 {
      font-size: 25px;
      color: var(--black);
      font-weight: 500;
   }

   .list-content {
      margin: 20px 0 30px;
   }

   .list-content .content-text h4 {
      font-size: 16px;
   }

   .sub-option {
      display: unset;
   }

   .featuer-list .featuer {
      margin-bottom: 50px;
   }

   .featuer-list .featuer .logo img {
      width: 44px;
   }

   .brands-sec .sec-tittle img {
      max-width: 170px;
   }

   .number-list h4::before {
      width: 20px;
      height: 20px;
   }

   .featuer-list .featuer p {
      font-size: 16px;
   }

   .brands-sec {
      margin: 50px 0;
   }

   footer .about-product .logo {
      max-width: 130px;
   }

   .visit-btn .site-btn {
      min-width: 130px;
   }

   /* pricing page  */
   .pricing-page .pricing-table {
      padding-top: 50px;
   }

   .pricing-page .pricing-featuer-table {
      padding-top: 50px;
   }

   .pricing-page .pricing-featuer-table .table th {
      font-size: 18px !important;
   }

   .pricing-page .pricing-featuer-table .table td {
      font-size: 13px !important;
   }

   .pricing-page .pricing-featuer-table .average-table-price h2 {
      font-size: 50px;
   }

   .pricing-page .pricing-featuer-table .average-table-price h3 {
      font-size: 22px;
   }

   /* show all slides  */
   .all-slides .text h3 {
      font-size: 25px;
   }

   .all-slides .text p {
      font-size: 14px;
   }
}

@media (max-width: 767px) {
   .header .container {
      padding-bottom: 10px;
   }

   .sales-page .header {
      padding: 10px 0 0;
   }

   .banner .banner-text h1 {
      max-width: 100%;
   }

   .header .logo {
      max-width: 140px;
   }

   .header-btn .site-btn {
      min-width: 120px;
   }

   .banner-text h1 span {
      font-size: 50px;
      display: block;
   }

   .banner .img-circle {
      display: block;
      max-width: 302px;
      margin: auto;
   }

   #rotatingLogos {
      width: 300px;
      height: 300px;
   }

   .banner .img .grid-lines {
      max-width: 300px;
   }

   .banner .rotate-logo {
      width: 40px;
      aspect-ratio: 1;
   }

   .bannerv5 .img {
      max-width: 290px;
      margin: auto;
   }

   .bannerv5 #rotatingLogos2 {
      width: 290px;
      height: 290px;
   }

   .bannerv5 .rotate-logo {
      width: 90px;
   }

   h3 {
      font-size: 22px;
   }

   .featuer-list .featuer .logo::before {
      display: none;
   }

   .featuer-list .featuer {
      margin-bottom: 20px;
   }

   .featuer-list .featuer.fea-2,
   .featuer-list .featuer.fea-3,
   .featuer-list .featuer.fea-4,
   .featuer-list .featuer.fea-5 {
      margin-left: 0;
   }

   .featuer-list .featuer .logo img {
      width: 30px;
   }

   footer .about-product .logo {
      max-width: 110px;
   }

   .swiper-button-prev,
   .swiper-button-next {
      width: 30px;
      height: 30px;
      top: 60px !important;
   }

   .swiper-button-prev {
      right: 55px !important;
      left: unset !important;
   }

   .swiper-button-prev:after,
   .swiper-button-next:after {
      font-size: 14px !important;
   }

   .swiper-button-prev.swiper-button-disabled,
   .swiper-button-next.swiper-button-disabled {
      width: 30px;
      height: 30px;
   }

   .community-card {
      padding-left: 15px;
   }

   .all-slides .slide-img {
      padding: 20px;
   }

   .communityV2 .community-card {
      max-width: 300px;
      margin: 30px auto 0;
   }

   .communityV2 .tittle {
      margin-bottom: 10px;
   }
}

/* Sales Page */

/* header  */

.sales-page .header {
   padding: 20px 0 0;
   background-color: var(--white);
}

.sales-page .header .logo {
   transition: var(--transition);
}

.sales-page .header .logo:hover {
   transform: translateY(-5px) scale(1.07);
   transition: var(--transition);
}

.sales-page .header ul {
   display: flex;
   gap: 50px;
}

.sales-page .header ul a {
   color: var(--black);
   font-size: 18px;
   padding: 0 !important;
}

.sales-page .header ul a:hover {
   color: var(--primary);
}

.sales-page .navbar-toggler-icon {
   background-image: url(../images/burger-menu-svgrepo-com.svg);
}

/* .banner  */

.sales-page .banner {
   padding: 55px 0;
   background-color: var(--primaryLight);
   margin-bottom: 0;
}

.sales-page .banner .text span {
   color: var(--black);
   font-size: 30px;
   font-weight: 700;
}

.sales-page .banner .text h1 {
   color: var(--primary);
   font-size: 100px;
   font-weight: 700;
   line-height: 1.2;
}

.sales-page .banner .text p {
   color: #000000;
   max-width: 448px;
   margin-top: 12px;
}

.sales-page .bg-cercle {
   position: relative;
   z-index: 1;
}

/* section 1  */

.sales-page .margin-x-70 {
   margin: 70px 0;
}

.sales-page .section-1 {
   padding: 50px 0;
}

.sales-page .section-1 .wrapper {
   max-width: 1021px;
   margin: auto;
}

.sales-page .section-1 .wrapper.wide {
   max-width: 1135px;
   margin: auto;
}

.sales-page .section-1 .row .col-lg-2:nth-child(even) .your-role {
   margin-top: 90px;
}

.sales-page .section-1 .your-role {
   text-align: center;
}

.sales-page .section-1 .your-role h3 {
   color: var(--secondery);
   font-size: 20px;
   font-weight: 500;
   width: 127px;
   margin: auto;
}

.sales-page .section-1 .your-role p {
   color: #000000;
   margin-top: 10px;
}

.sales-page .section-1 .img {
   width: 80px;
   aspect-ratio: 1;
   border-radius: 50%;
   padding: 22px;
   box-shadow: var(--iconShadow);
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto 20px;
   background-color: var(--white);
   transition: var(--transition);
}

.sales-page .section-1 .inner-wrapper {
   position: relative;
}

.sales-page .vavi-border {
   position: absolute;
   z-index: -2;
   top: -44px;
   left: 0;
   right: 0;
   bottom: 0;
   width: 88%;
   height: max-content;
   margin: auto;
}

/* section 2  */

.sales-page .section-2 {
   padding: 50px 0;
   position: relative;
   z-index: 1;
}

.sales-page .section-2::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   height: 50%;
   width: 100%;
   background-color: var(--primary);
}

.sales-page .section-2 .wrapper {
   max-width: 1000px;
   margin: auto;
}

.sales-page .section-2 .title h2 {
   color: var(--white);
}

.sales-page .section-2 .title p {
   color: var(--white);
   font-size: 20px;
   font-weight: 500;
   margin: 12px auto 40px;
   opacity: 0.8;
}

.sales-page .section-2 .iframe-video {
   border: 6px solid var(--white);
   border-radius: 16px;
   overflow: hidden;
   box-shadow: var(--tableshadow);
}

.sales-page .section-2 .iframe-video > iframe {
   height: 556px;
   width: 100%;
}

/* section 3  */

.sales-page .select-fields {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #ebf0fd;
   padding: 9px;
   margin-bottom: 27px;
   border-radius: 5px;
}

.sales-page .form-group {
   display: flex;
   align-items: center;
}

.sales-page .form-group .form-control {
   border-radius: 26px;
   border: none;
   padding: 0 50px 0 24px;
   min-width: 50px;
   background-image: url(../images/select-bg.svg);
   background-repeat: no-repeat;
   background-position: right 13px center;
   font-size: 28px;
   color: var(--primary);
   display: flex;
   justify-content: center;
   align-items: center;
   height: 43px;
   font-family: "Outfit", sans-serif;
   position: relative;
   z-index: 1;
   font-weight: 500;
   line-height: 1;
}

.sales-page .section-3 select,
.sales-page .select-field select {
   -webkit-appearance: none;
   -moz-appearance: none;
}

.sales-page .section-3 select::-ms-expand,
.sales-page .select-field select::-ms-expand {
   display: none;
}

.sales-page .form-group label {
   white-space: nowrap;
   font-size: 28px;
   color: var(--black);
   margin: 0 10px;
   font-family: "Outfit", sans-serif;
}

.sales-page .section-3 .inner-wrapper {
   background-color: var(--white);
   box-shadow: var(--tableshadow);
   padding: 24px 26px;
   border-radius: 6.88px;
   margin: 30px 0 55px;
}

.sales-page .main-table {
   overflow-x: auto;
   border: 1px solid var(--tableBorder);
   border-radius: 5px;
}

.sales-page .main-table img {
   margin-right: 10px;
   max-height: 43px;
   width: auto;
   max-width: 100%;
}

.sales-page .main-table :is(td, thead th:not(:first-child)) {
   vertical-align: middle;
   text-align: center;
}

.sales-page .main-table thead th {
   background-color: #f7f7f7;
}

.sales-page .main-table thead th:first-child {
   font-size: 25px;
   color: var(--black);
   font-weight: 400;
   border: unset;
}

.sales-page .main-table td,
.sales-page th {
   border: unset !important;
   padding: 24px 0;
}

.sales-page .main-table :is(th, td):not(:first-child) {
   border-left: 1px solid var(--tableBorder) !important;
}

.sales-page .main-table thead th:not(:first-child) {
   font-size: 20px;
   font-weight: 600;
   color: var(--black);
   border: unset;
   border-left: 1px solid var(--tableBorder);
   white-space: nowrap;
}

.sales-page .main-table tbody tr:nth-child(even) :is(th, td) {
   background-color: #f7f7f7;
}

.sales-page .table td,
.sales-page .table th {
   padding: 23px 40px;
   vertical-align: middle;
   white-space: nowrap;
}

.sales-page .inner-title .form-control {
   box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1);
}

.sales-page .inner-select {
   display: inline-flex;
}

.sales-page .inner-select label,
.sales-page .inner-title span {
   font-size: 28px;
   color: var(--secondery);
}

.sales-page .inner-title h3 {
   color: var(--primary);
   font-size: 32px;
   font-weight: 500;
   margin: 30px 0 40px;
}

/* .footer  */

.sales-page .footer {
   position: relative;
   z-index: 1;
   padding-bottom: 40px;
}

.sales-page .footer::before {
   background-color: rgba(19, 79, 201, 0.1);
   content: "";
   position: absolute;
   z-index: -1;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 60%;
}

.sales-page .my-form {
   background-color: var(--primary);
   max-width: 1070px;
   margin: auto;
   padding: 70px;
   border-radius: 10px;
   position: relative;
   z-index: 1;
}

.sales-page .my-form .inner-wrapper {
   max-width: 546px;
   margin: auto;
}

.sales-page .my-form .ball img {
   position: absolute;
   z-index: -1;
   width: auto;
   height: auto;
}

.sales-page .my-form .ball-left img {
   left: 0;
   top: 0;
}

.sales-page .my-form .ball-right img {
   right: 0;
   bottom: 0;
}

.sales-page .my-form .title h2 {
   color: var(--white);
   margin-bottom: 18px;
}

.sales-page .my-form label {
   color: var(--white);
   font-size: 14px;
   margin-bottom: 6px;
   opacity: 0.8;
}

.sales-page .my-form select {
   border: unset;
}

.sales-page .my-form :where(input, select) {
   background-color: transparent !important;
   color: rgba(255, 255, 255, 0.6);
}

.sales-page .my-form input::placeholder {
   color: rgba(255, 255, 255, 0.6);
}

.sales-page .my-form input {
   border-radius: 30px !important;
   border: 1px solid rgba(255, 255, 255, 0.6);
   padding: 27px 15px;
}

.sales-page .my-form .row div:nth-child(3) .input-group {
   border: 1px solid rgba(255, 255, 255, 0.6);
   display: flex;
   align-items: center;
   border-radius: 30px;
   padding: 15px;
   flex-wrap: nowrap;
}

.sales-page .my-form .row div:nth-child(3) .input-group input {
   border: unset;
   border-left: 1px solid;
   border-radius: unset !important;
   padding: 0;
   width: 100%;
   margin-left: 3px;
}

.sales-page .my-form .row div:nth-child(3) .input-group :where(input, select):focus {
   border: unset;
   outline: unset;
}

.sales-page .my-form .select-field {
   display: flex;
   flex-direction: column;
}

.sales-page .my-form .select-field select {
   padding: 17px 15px;
   border-radius: 1px;
   border: 1px solid rgba(255, 255, 255, 0.6);
   border-radius: 30px;
   background-image: url(../images/sales/awrrow-down.svg);
   background-repeat: no-repeat;
   background-position: right 20px center;
}

.sales-page .my-form .select-field select:focus {
   outline: unset;
}

.sales-page .my-form .row .col-12 {
   margin-top: 16px;
}

.sales-page .footer-wrapper {
   margin-top: 60px;
}

.sales-page .footer-wrapper .text .img img {
   max-width: 155px;
}

.sales-page .footer-wrapper .text p,
.sales-page .footer-wrapper .page-links a {
   color: var(--secondery);
   max-width: 383px;
   margin-top: 14px;
   display: block;
}

.sales-page .footer-wrapper .page-links {
   display: flex;
   justify-content: space-between;
}

.sales-page .footer-wrapper .page-links h3 {
   font-weight: 600;
   font-size: 16px;
}

.sales-page .footer-wrapper .page-links p i {
   color: var(--primary);
   margin-right: 10px;
}

.sales-page .footer-wrapper .page-links p {
   margin-top: 13px;
}

/* .copyright  */

.sales-page .copyright {
   background-color: var(--primary);
   padding: 13px 0;
}

.sales-page .copyright .wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.sales-page .copyright h4 {
   font-size: 16px;
   color: var(--white);
   font-weight: 400;
}

.sales-page .copyright .social-icons {
   display: flex;
   gap: 20px;
}

.sales-page .copyright a {
   background-color: var(--white);
   color: var(--primary);
   border-radius: 50%;
   width: 24px;
   height: 24px;
   padding: 5px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   transition: var(--transition);
   border: 2px solid transparent;
}

.sales-page .copyright a:hover {
   border: 2px solid var(--white);
   text-decoration: none;
   background-color: var(--primary);
   color: var(--white);
   transition: var(--transition);
}

.sales-page .copyright a i {
   font-size: 14px;
}

/*community section */

.two-column-content .tittle-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.tittle-header .brand-name {
   display: flex;
   justify-content: start;
   align-items: center;
}

.tittle-header .brand-name .content-tittle h3 {
   margin-top: 0 !important;
   margin-left: 12px;
   margin-bottom: 0 !important;
}

.number-list.white-text p {
   max-width: 500px;
}

.two-column-content .image img {
   border-radius: 4px;
}

.two-column-sec .order-content {
   display: flex;
   flex-direction: column;
}

/*sales page */

.sales-page .banner .text span {
   color: var(--primary);
   font-size: 100px;
   font-weight: 700;
}

.sales-page .banner .text h1 {
   color: var(--black);
   font-size: 30px;
   font-weight: 700;
   line-height: 1.2;
}

.sales-page .banner .text p {
   color: #000000;
   max-width: 448px;
   margin-top: 12px;
}

/* demo page  */

section.demo-section {
   padding: 120px 0 70px;
}

.paddingY-50 {
   padding: 50px 0;
}

.demo-page .demo-section :is(p, h1, span, li, label, h3, input) {
   color: #141b34;
}

.demo-page .demo-section :is(p, li) {
   color: rgba(20, 27, 52, 0.8);
}

.demo-page .demo-section .text span {
   font-size: 25px;
   font-weight: 700;
}

.demo-page .demo-section .text h1 {
   font-size: 60px;
   font-weight: 700;
   line-height: 1;
   max-width: 550px;
   margin-top: 15px;
}

.demo-page .demo-section .text p {
   margin: 25px 0 40px;
}

.demo-page .list {
   list-style-type: none;
   display: flex;
   flex-direction: column;
   gap: 25px;
}

.demo-page .list li {
   position: relative;
   display: flex;
   gap: 10px;
}

.demo-page .list li::before {
   content: "\2713";
   border-radius: 50%;
   font-size: 12px;
   line-height: 1;
   background: var(--primary);
   width: 20px;
   height: 20px;
   aspect-ratio: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--white);
   transform: rotate(15deg);
}

.demo-page .demo-form {
   box-shadow: 0px 0px 33px 0px rgba(19, 79, 201, 0.22);
   padding: 10px 22px 28px;
   border-radius: 10px;
   border: 0.5px solid rgba(19, 79, 201, 1);
}

.demo-page .demo-form :is(input, textarea, select) {
   border: 1px solid rgba(219, 219, 219, 1);
}

.demo-page .demo-form :is(input, textarea, select):focus {
   outline: unset;
   box-shadow: 0 0 0 4px rgba(19, 79, 201, 0.3);
   border-color: var(--primary);
}

.demo-page .demo-form :is(input, textarea)::placeholder {
   color: rgba(20, 27, 52, 0.5);
}

.demo-page .demo-form label {
   font-weight: 500;
   margin-bottom: 12px;
}

.demo-page .demo-form > .row > div {
   margin-top: 30px;
}

.demo-page .demo-form > .row > div .form-field input {
   padding: 10px 13px;
}

.demo-page .demo-form h3 {
   margin-bottom: 25px;
   font-weight: 500;
   font-size: 18px;
}

.demo-page .inner-row-2 .form-check,
.last-box {
   display: flex;
   align-items: center;
   padding: 0;
   gap: 12px;
}

.demo-page .inner-row-2 .form-check img {
   width: auto;
   max-width: 100%;
   max-height: 30px;
}

.demo-page .inner-row-2 .form-check label,
.last-box label {
   margin: unset !important;
}

.demo-page .form-check input {
   position: static;
   margin: 0;
   appearance: none;
   width: 18px;
   height: 18px;
   border-radius: 4px;
   position: relative;
   z-index: 1;
   margin: 0;
}

.demo-page .form-check input:checked {
   background-color: var(--primary);
   background-image: url(../images/chack-box-white.svg);
   background-size: 9px 9px;
   background-repeat: no-repeat;
   background-position: center center;
   border-color: #134fc9;
}

.demo-page .form-check input:focus {
   box-shadow: 0 0 0 2px rgba(19, 79, 201, 0.3) !important;
}

.demo-page .inner-row-2 .row {
   row-gap: 20px;
}

.demo-page .form-field-select {
   display: flex;
   flex-direction: column;
   justify-content: start;
}

.demo-page .form-field-select select {
   width: 100%;
   border-radius: 4px;
   padding: 10px;
   appearance: none;
   background-image: url(../images/chavrown-down.svg);
   background-repeat: no-repeat;
   background-position: right 10px center;
   transition: var(--transition);
}

.demo-page .last-box label {
   font-size: 16px;
   font-weight: 400;
   color: rgba(20, 27, 52, 0.8);
}

.demo-page .last-box + p {
   font-size: 13px;
   margin-top: 10px;
}

.demo-page .site-btn {
   color: var(--white);
   background-color: #141b34;
   border-radius: 5px;
   padding: 15px 10px;
   border: 1px solid #141b34;
   border-radius: 50px;
}

.demo-page .site-btn:hover {
   color: #141b34;
}

.demo-page .site-btn:focus {
   outline: unset;
}

.demo-page .site-btn::before {
   border-radius: 5px;
}

/* infinite section  */

.demo-page .infinite-sec .title .img img {
   max-width: 310px;
}

.demo-page .infinite-sec .title p {
   color: rgba(20, 27, 52, 0.8);
   margin-top: 10px;
}

/* .demo-page .infinite-sec .splide__slide .img {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* .infinite-sec .splide__slide {
    width: max-content !important;
} */

.infinite-sec .splide__slide img {
   width: auto;
   max-width: 100%;
}

/*Footer form */

.form-section {
   position: relative;
   z-index: 1;
   padding-bottom: 10px;
}

.form-section::before {
   background-color: rgba(19, 79, 201, 0.1);
   content: "";
   position: absolute;
   z-index: -1;
   bottom: 0px;
   left: 0;
   width: 100%;
   height: 50%;
}

.form-section .wrapper {
   background-color: var(--primary);
   max-width: 1070px;
   margin: auto;
   padding: 70px;
   border-radius: 10px;
   position: relative;
   z-index: 1;
}

.footer-form .inner-wrapper {
   max-width: 546px;
   margin: auto;
}

.footer-form .ball img {
   position: absolute;
   z-index: -1;
   width: auto;
   height: auto;
}

.footer-form .ball-left img {
   left: 0;
   top: 0;
}

.footer-form .ball-right img {
   right: 0;
   bottom: 0;
}

.footer-form .title h2 {
   color: var(--white);
   margin-bottom: 18px;
   font-size: 44px;
}

.footer-form label {
   color: var(--white);
   font-size: 14px;
   margin-bottom: 6px;
   opacity: 0.8;
}

.footer-form select {
   border: unset;
}

.footer-form :is(input, select) {
   background-color: transparent;
   color: rgba(255, 255, 255, 0.6);
   transition: var(--transition);
   color: rgba(255, 255, 255, 0.6);
}

.footer-form :where(input, select):focus {
   background-color: transparent;
   box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.341);
   color: rgba(255, 255, 255, 0.6);
}

.footer-form input::placeholder {
   color: rgba(255, 255, 255, 0.6);
}

.footer-form input {
   border-radius: 5px !important;
   border: 1px solid rgba(255, 255, 255, 0.6);
   padding: 15px;
}

.footer-form .row div:nth-child(3) .input-group {
   border: 1px solid rgba(255, 255, 255, 0.6);
   display: flex;
   align-items: center;
   border-radius: 5px;
   padding: 15px;
   flex-wrap: nowrap;
}

.footer-form .row div:nth-child(3) .input-group input {
   border: unset;
   border-left: 1px solid;
   border-radius: unset !important;
   padding: 0;
   width: 100%;
   margin-left: 3px;
}

.footer-form .row div:nth-child(3) select {
   padding: 0;
}

.footer-form select option {
   color: black;
}

.footer-form .row div:nth-child(3) select:focus {
   box-shadow: unset;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

.footer-form .row div:nth-child(3) .input-group input:focus {
   box-shadow: unset;
}

.footer-form .row div:nth-child(3) .input-group :where(input, select):focus {
   border: unset;
   outline: unset;
}

.footer-form .select-field {
   display: flex;
   flex-direction: column;
}

.footer-form .select-field select {
   padding: 15px;
   border-radius: 1px;
   border: 1px solid rgba(255, 255, 255, 0.6);
   border-radius: 5px;
   background-image: url(../images/awrrow-down.svg);
   background-repeat: no-repeat;
   background-position: right 20px center;
   -webkit-appearance: none;
}

.footer-form .select-field select:focus {
   outline: unset;
}

.footer-form .row .col-12 {
   margin-top: 16px;
}

/* form v2  */

.formv2 .wrapper {
   background-color: transparent;
   padding: 0 65px !important;
}

.formv2 .wrapper::before {
   background-color: var(--primary);
   content: "";
   position: absolute;
   z-index: -1;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   border-radius: 10px;
}

.formv2 .wrapper > .row {
   align-items: center;
}

/* .formv2 .wrapper>.row>div label {
    display: none;
} */

.formv2 .row div:nth-child(3) .input-group,
.formv2 .wrapper > .row > div input,
.formv2 .select-field select,
.formv2 .visit-btn.white-bg .site-btn {
   border-radius: 5px !important;
   padding: 10.2px 15px;
   border: 1px solid rgba(255, 255, 255, 0.3);
}

.formv2 .visit-btn.white-bg .site-btn {
   border-radius: 50px !important;
}

.formv2 .visit-btn .site-btn {
   margin-top: 16px !important;
}

.formv2 .visit-btn .site-btn::before {
   border-radius: unset !important;
}

.formv2 .inner-wrapper {
   padding-top: 20px;
   padding-bottom: 40px;
}

.formv2 .ball-left,
.formv2 .ball-right {
   display: none;
}

.formv2 .title h2 {
   font-size: 40px;
}

.formv2 .inner-wrapper .row > div:nth-child(5),
.formv2 .inner-wrapper .row > div:nth-child(6) {
   width: 100% !important;
}

/* Why Us page  */

.why-us-page .time-line {
   padding: 50px 0px;
}

.why-us-page .time-line-content h2 {
   font-size: 40px;
   font-weight: 600;
   color: #000000;
   font-family: "Outfit", sans-serif;
}

.why-us-page .time-line-content p {
   font-size: 16px;
   font-weight: 400;
   color: #000000;
   font-family: "Outfit", sans-serif;
   max-width: 520px;
   margin-top: 10px;
}

.why-us-page .time-line-content {
   margin-left: 45px;
}

.why-us-page .time-line-row {
   display: flex;
   align-items: start;
   margin-bottom: 130px;
}

.why-us-page .time-line-row:last-of-type {
   margin-bottom: 0;
}

.why-us-page .time-line-logo {
   border-radius: 50%;
   width: 56px;
   aspect-ratio: 1;
   border: 2px solid #d9d9d9;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   color: #d9d9d9;
   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
}

.why-us-page .time-line-logo svg {
   width: 40px;
   height: 40px;
   color: #d9d9d9;
}

.why-us-page .time-line-logo.active {
   border: 2px solid #134fc9;
}

.why-us-page .time-line-logo.active svg {
   color: #134fc9;
}

.why-us-page .time-line .wrapper {
   position: relative;
   z-index: 1;
}

.why-us-page .time-line .wrapper::before {
   content: " ";
   position: absolute;
   z-index: -1;
   border-right: 2px solid #d9d9d9;
   aspect-ratio: 1;
   left: 26px;
   height: 100%;
   width: 2px;
}

section.thank-you {
   padding: 50px 0 80px;
}

section.thank-you img {
   max-width: 400px;
}

section.thank-you h1 {
   font-size: 30px;
   margin-top: 30px;
}

section.thank-you h1 a {
   color: var(--primary);
}

/* Landing Page */

.primary-bg-700 {
   background-color: #3687f2;
}

.banner-v2 {
   padding: 50px 0 0;
}

.banner-v2 .img {
   position: relative;
   z-index: 1;
}

.ban-rotate-img {
   display: none;
}

.banner-v2 .img .grid-lines {
   width: 70%;
   position: absolute;
   z-index: 2;
   top: -22%;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

.banner-v2 .rotate-logo {
   width: 65px;
   aspect-ratio: 1;
   border-radius: 50%;
   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #296abf;
}

.banner-v2 .rotate-logo img {
   width: 40px;
}

.banner-v2 .rotating-outer {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.banner-v2 .current-logo {
   margin-bottom: 90px;
}

.banner-v2 .current-logo img {
   width: auto;
   max-width: 100%;
}

.banner-v2 #rotatingLogos {
   width: 500px;
   height: 500px;
   position: relative;
   border-radius: 50%;
   background-image: url(../images/border-rotater.svg);
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.rotate-45 {
   transform: rotate(45deg);
}

.banner-v2 .banner-text :is(span, h1, p) {
   color: var(--white);
}

.banner-v2 .banner-text span {
   font-size: 44px;
}

.banner-v2 .banner-text p {
   opacity: 0.8;
}

.light-blue-v2 {
   background-color: #f1f4fc;
}

.pad-100 {
   padding: 100px 0 !important;
}

.title-v2 h2 {
   font-size: 48px;
   color: #1e1e1e;
   font-weight: 600;
}

.title-v2 p {
   color: rgba(69, 69, 69, 0.8);
   font-size: 18px;
   line-height: 1.3;
}

.title.title-v2 p {
   margin-top: 10px;
}

.two-column-sec-v2 {
   padding: 100px 0 30px;
}

.two-column-sec-v2 .title-v2 h2 {
   margin-bottom: 12px;
}

.two-column-sec-v2 .list-content {
   margin: 24px 0 40px;
}

.two-column-sec-v2 .number-list h4::before {
   width: 24px;
   height: 24px;
}

.two-column-sec-v2 .visit-btn {
   margin-top: 30px;
}

.bg-card {
   background-color: var(--white);
   box-shadow: 0px 4px 30px 0px rgba(30, 30, 30, 0.06);
   border-radius: 12px;
   padding: 38px 10px;
}

.avtar-v2 {
   width: 62px;
   aspect-ratio: 1;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   background-color: #d4e2ff;
   border-radius: 50%;
   font-size: 30px;
   color: #134fc9;
}

.static-card h4 {
   color: #1e1e1e;
   font-size: 21px;
   font-weight: 600;
   margin-top: 18px;
}

.hover-top {
   transition: 0.3s all ease;
}

.hover-top:hover {
   transform: translateY(-8px) scale(1.012);
}

.gray-800,
.gray-800 p,
.two-column-sec-v2 p,
.two-column-sec-v2 li {
   color: rgba(69, 69, 69, 0.8) !important;
   font-size: 18px !important;
   line-height: 1.3;
}

.secondery-v2,
.secondery-v2 :is(h2, h3, h4, h5) {
   color: #1e1e1e;
}

.font-20 p {
   font-size: 20px;
}

.font-16 p {
   font-size: 16px;
}

.l-blue-before.bg-bottom::before {
   top: unset;
   bottom: -1px;
}

.l-blue-before {
   position: relative;
   z-index: 1;
}

.l-blue-before::before {
   background-color: #f1f4fc;
   content: "";
   position: absolute;
   z-index: -1;
   top: -1px;
   left: 0;
   width: 100%;
   height: 60%;
}

.static-info-section .bg-card {
   box-shadow: 0px 3.19px 35.09px 0px rgba(0, 0, 0, 0.17);
   border-radius: 13.5px;
}

.user-v2 {
   display: flex;
   align-items: center;
   gap: 10px;
   justify-content: center;
}

.user-v2 h5 {
   font-size: 16px;
   color: rgba(30, 30, 30, 0.8);
   font-weight: 700;
   text-transform: capitalize;
}

.user-v2 p {
   font-size: 14px;
}

.avtar-img-v2 img {
   max-width: 40px;
   border-radius: 50%;
}

/*trial hero section */

section.trial-hero {
   margin: 80px 0 0;
}

section.trial-hero .content {
   max-width: 780px;
   margin: auto;
}

section.trial-hero h1 {
   font-size: 48px;
   font-weight: 600;
}

section.trial-hero .container > p {
   margin: 24px 0;
}

section.trial-hero p {
   opacity: 0.8;
}

section.trial-hero .site-btn {
   padding: 12px 25px;
}

section.trial-hero .site-btn i {
   display: none;
}

section.trial-hero .banner-btn p {
   margin: 8px 0 30px;
   font-size: 14px;
}

section.trial-hero .trial-list {
   display: flex;
   justify-content: space-between;
   max-width: 575px;
   margin: 0 auto 40px;
}

section.trial-hero .icon-item {
   display: flex;
   align-items: center;
   gap: 13px;
}

section.trial-hero .icon-item img {
   width: auto;
}

section.trial-hero .icon-item p {
   font-size: 20px;
}

section.trial-hero .video-wrap {
   display: block;
   position: relative;
   max-width: 600px;
   margin: auto;
}

section.trial-hero .vid-btn {
   position: absolute;
   width: max-content;
   height: max-content;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}

/* trial-three-col section  */

section.trial-three-col {
   background-color: rgba(19, 79, 201, 0.05);
   padding: 100px 0;
   margin: -15px 0 0;
}

section.trial-three-col .tittle {
   margin-bottom: 60px;
   max-width: 590px;
}

section.trial-three-col h2 {
   color: #1e1e1e;
   font-size: 44px;
   margin-bottom: 24px;
}

section.trial-three-col p {
   color: #727272;
}

section.trial-three-col p a {
   color: #134fc9;
   font-weight: 500;
}

section.trial-three-col .three-col-card {
   max-width: 341px;
   margin: auto;
   text-align: center;
}

section.trial-three-col .three-col-card .image {
   text-align: center;
}

section.trial-three-col .three-col-card img {
   max-width: 70px;
   border-radius: 50%;
}

section.trial-three-col .three-col-card h3 {
   font-size: 24px;
   color: #1e1e1e;
   margin: 30px 0 24px;
}

section.trial-three-col .three-col-card p {
   color: #727272;
}

section.trial-three-col .three-col-card p a {
   color: #134fc9;
   font-weight: 500;
}

section.trial-three-col .btn-wrap {
   text-align: center;
}

section.trial-three-col .site-btn {
   margin-top: 60px;
   padding: 13px 25px;
}

section.trial-three-col .site-btn i {
   display: none;
}

/* banner h3 */

.banner-v3 {
   padding: 80px 0;
}

.banner-v3 .banner-text h1 span {
   font-size: 60px;
   font-weight: normal;
}

.banner-v3 .banner-text h1 span span {
   font-weight: bold;
   display: block;
}

.banner-v3 .banner-text p {
   margin: 5px 0 0;
}

.banner-form-card {
   padding: 100px 0;
   position: relative;
   z-index: 1;
   max-width: 550px;
   margin-left: auto;
}

.banner-form-card .content-bg img {
   position: absolute;
   z-index: -1;
   inset: 0;
   margin: auto;
   max-height: 100%;
   width: auto;
   max-width: 100%;
}

.availability-card {
   background-color: white;
   box-shadow: 0px 4px 32px 0px rgba(30, 30, 30, 0.12);
   border-radius: 12px;
   padding: 20px;
}

.schedule-form {
   position: relative;
   z-index: 1;
}

.schedule-form input {
   width: 100%;
   background-color: transparent !important;
   height: 55px;
   padding: 10px 200px 10px 35px;
   border: 1px solid rgba(212, 226, 255, 1);
   box-shadow: unset !important;
   border-radius: 28px;
}

.schedule-form i {
   position: absolute;
   z-index: -1;
   top: 20px;
   margin: auto;
   left: 15px;
   color: #134fc9;
}

.schedule-form .site-btn {
   position: absolute;
   z-index: 0;
   top: 6px;
   right: 8px;
   padding: 8px 20px;
}

.option-content {
   margin-top: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px 0;
}

.option-content .content p {
   color: rgba(69, 69, 69, 0.8);
   font-size: 15px;
}

.option-content .content a {
   color: rgba(19, 79, 201, 0.8);
   font-weight: 600;
   font-size: 17px;
}

.option-or {
   color: rgba(197, 197, 197, 0.8);
   font-size: 13px;
   position: relative;
}

.option-or::before,
.option-or::after {
   background-color: rgba(197, 197, 197, 0.8);
   width: 1px;
   height: 12px;
   top: -10px;
   left: 0;
   right: 0;
   margin: auto;
   content: "";
   position: absolute;
}

.option-or::after {
   top: unset;
   bottom: -10px;
}

/* desktop  */

@media (max-width: 1199px) {
   .sales-page .header ul {
      gap: 40px;
   }

   .sales-page .banner .text h1 {
      font-size: 60px;
   }

   .sales-page .table tbody th {
      min-width: 220px;
   }

   .sales-page .table th,
   .sales-page .table td {
      padding: 15px;
   }

   .sales-page .inner-select label,
   .sales-page .inner-title span {
      font-size: 20px;
   }

   /*home page */
   .community-card .image img {
      height: 210px;
   }

   .demo-page .demo-section .text h1 {
      font-size: 50px;
   }

   /* form v2  */
   .formv2 .title h2 {
      font-size: 30px;
   }

   .formv2 .wrapper::before {
      height: 94%;
   }

   .formv2 .row div:nth-child(3) .input-group,
   .formv2 .wrapper > .row > div input,
   .formv2 .select-field select,
   .formv2 .visit-btn.white-bg .site-btn {
      padding: 9px 10px;
   }

   .pricing-page .pricing-table .table td,
   .pricing-page .pricing-table .table th {
      padding: 15px;
   }

   .pricing-page p {
      font-size: 14px;
   }

   .banner-v2 #rotatingLogos {
      width: 400px;
      height: 400px;
   }

   .banner-v2 .img .grid-lines {
      width: 65%;
   }

   .banner-v2 .banner-text span {
      font-size: 35px;
   }

   .banner-v2:not(.rock-banner) .banner-text p br {
      display: none;
   }

   .banner-v2 .rotate-logo {
      width: 60px;
   }

   .title-v2 h2,
   h2 {
      font-size: 34px;
   }

   .title-v2 h2 br,
   h2 br {
      display: none;
   }

   .gray-800,
   .gray-800 p,
   .list-content-v2 ul li {
      font-size: 16px !important;
   }

   .banner-v3 .banner-text h1 span {
      font-size: 44px;
   }
}

/* tab  */

@media (max-width: 991px) {
   .sales-page header .navbar-collapse {
      position: absolute;
      z-index: 1060;
      background: #ffffff;
      left: 0;
      top: 72px;
      width: 100%;
      padding: 5px 15px 15px;
   }

   .sales-page .header ul {
      gap: 15px;
      padding: 15px;
   }

   .sales-page .banner .text span {
      font-size: 50px;
   }

   .sales-page .banner .text h1 {
      font-size: 24px;
   }

   .sales-page .banner .text p {
      font-size: 15px;
   }

   .sales-page .section-1 .row .col-lg-2:nth-child(even) .your-role {
      margin: unset;
   }

   .sales-page .vavi-border {
      display: none;
   }

   .sales-page .section-1 .row {
      align-items: center;
      justify-content: space-around !important;
   }

   .sales-page .section-1 .your-role {
      margin-top: 30px !important;
   }

   .sales-page .table tbody th {
      min-width: 267px;
   }

   .sales-page .inner-select label,
   .sales-page .inner-title span {
      font-size: 17px;
   }

   .sales-page .form-group .form-control {
      font-size: 20px;
      padding: 5px 40px 5px 15px;
      height: 40px;
   }

   .two-column-content .order-content p {
      max-width: 100%;
   }

   .two-column-sec .row {
      justify-content: center !important;
   }

   /*communety section */
   .tittle-header .brand-name .content-tittle h3 {
      margin-left: 0;
   }

   .community-card .image img {
      height: 200px;
   }

   .community-card .card-head {
      margin-bottom: 20px;
   }

   /* Footer form  */
   .footer-form .inner-wrapper {
      max-width: 100%;
   }

   .form-section .wrapper {
      padding: 40px 35px;
   }

   .footer-form .row div:nth-child(3) .input-group,
   .footer-form .select-field select,
   .footer-form :is(input, select),
   .footer-form .site-btn {
      padding: 12px;
   }

   .why-us-page .time-line {
      padding-top: 50px;
   }

   .why-us-page .time-line-content h2 {
      font-size: 35px;
   }

   /* form v2  */
   .formv2 .wrapper > .row .img {
      max-width: 400px;
      margin: auto;
      padding-top: 20px;
   }

   .formv2 .wrapper::before {
      height: 100%;
   }

   .pricing-page .table-responsive p {
      min-width: 302px;
   }

   .pricing-table tbody img {
      min-width: 200px;
   }

   section.demo-section {
      padding: 80px 0 50px;
   }

   .banner-v2 h1 {
      font-size: 54px;
   }

   .banner-v2 .banner-text span {
      font-size: 28px;
   }

   .banner-v2 p {
      font-size: 18px;
   }

   .banner-v2 .banner-text {
      margin-top: 0;
   }

   .banner-v2 .img {
      margin-top: 40px;
   }

   .gray-800,
   .gray-800 p,
   .list-content-v2 ul li {
      font-size: 14px !important;
   }

   .title-v2 h2 {
      font-size: 25px;
   }

   .list-content-v2 ul li {
      margin-bottom: 8px;
   }

   .list-content-v2 {
      margin: 15px 0 25px;
   }

   .banner-v3 .banner-text {
      margin-top: 0;
   }

   .banner-form-card {
      margin: 20px auto 0;
      max-width: unset;
      padding: 50px 0;
   }
}

/* mobile  */

@media (max-width: 767px) {
   /*Home page */
   /*banner */
   .banner-text p {
      margin: 10px 0 20px;
   }

   .community-card .card-head {
      margin-bottom: 20px;
   }

   /*sales page */
   .sales-page .btn-site {
      padding: 12px;
   }

   .sales-page h2 {
      font-size: 30px;
   }

   .sales-page header nav {
      position: unset;
   }

   .sales-page .header .logo img {
      max-width: 130px;
   }

   .sales-page .banner .img {
      margin-top: 30px;
   }

   .sales-page .banner .text p {
      font-size: 14px;
   }

   .sales-page .banner .text span {
      font-size: 50px;
   }

   .sales-page .banner .text h1 {
      font-size: 20px;
   }

   .sales-page .banner {
      padding: 25px 0;
   }

   .sales-page .margin-x-70 {
      margin: 0;
   }

   .sales-page .section-1 {
      padding: 25px 0;
   }

   .sales-page .section-1 .your-role {
      margin: 10px 0 20px !important;
   }

   .sales-page .section-1 .your-role h3 {
      font-size: 18px;
   }

   .sales-page .section-1 .img {
      padding: 17px;
      width: 65px;
   }

   .sales-page .section-2 {
      padding: 25px 0;
   }

   .sales-page .section-2 .title h2 {
      font-family: 25px;
   }

   .sales-page .section-2 .title p {
      margin: 10px 0 25px;
   }

   .sales-page .section-2::before {
      height: 66%;
   }

   .sales-page .section-3 .inner-wrapper {
      padding: 10px 0;
      margin-top: 10px;
      box-shadow: unset;
      background-color: transparent;
   }

   .sales-page .select-fields {
      flex-wrap: wrap;
      gap: 10px;
      background-color: white;
      margin-bottom: 15px;
   }

   .sales-page .select-fields .form-group {
      width: 100%;
   }

   .sales-page .select-fields .form-group:has(select) {
      justify-content: space-between;
   }

   .sales-page .form-group .form-control {
      max-width: 100px;
      font-size: 16px;
      background-size: 9px;
      height: 31px;
      line-height: 0.9;
   }

   .sales-page .form-group label {
      font-size: 20px;
   }

   .sales-page .inner-select .form-group label {
      font-size: 16px;
   }

   .sales-page .inner-title h3 {
      color: var(--primary);
      font-size: 22px;
      font-weight: 500;
      margin: 13px 0 15px;
   }

   .sales-page .inner-select label,
   .sales-page .inner-title span {
      font-size: 16px;
   }

   .sales-page .my-form {
      padding: 15px;
   }

   .sales-page .my-form .title h2 {
      font-size: 25px;
      margin-bottom: 0;
   }

   .sales-page .my-form .select-field select {
      padding: 12px 15px;
   }

   .sales-page .my-form input {
      padding: 24px 15px;
   }

   .sales-page .footer {
      padding-bottom: 25px;
   }

   .sales-page .footer-wrapper .page-links {
      width: 85%;
      margin-top: 30px;
   }

   .sales-page .footer-wrapper {
      margin-top: 30px;
   }

   .sales-page .footer-wrapper .text .img img {
      max-width: 127px;
   }

   .sales-page .footer-wrapper .text p,
   .sales-page .footer-wrapper .page-links a {
      margin-top: 8px;
   }

   .sales-page .copyright .wrapper {
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
   }

   .sales-page .main-table img {
      max-height: 28px;
   }

   .sales-page .main-table thead th {
      font-size: 16px !important;
   }

   .sales-page .table tbody th {
      min-width: 170px;
      font-size: 14px;
   }

   .sales-page .table th,
   .sales-page .table td {
      padding: 10px;
   }

   .sales-page .table td,
   .sales-page .main-table thead th {
      font-size: 14px !important;
   }

   .sales-page .section-2 .iframe-video > iframe {
      height: 250px;
   }

   /*community section */
   .two-column-content .brand-name .logo img {
      width: 35px;
   }

   .tittle-header .brand-name .content-tittle h3 {
      margin-left: 7px;
   }

   .rfp-sec .tittle-header {
      margin-bottom: 15px;
   }

   .rfp-sec .list-content {
      margin-top: 0;
   }

   .two-column-sec .order-content {
      flex-direction: column-reverse;
   }

   .two-column-sec .order-content .visit-btn {
      order: -1;
   }

   .community .tittle h2 {
      font-size: 22px;
   }

   .community-card .image img {
      height: 250px;
   }

   section.demo-section {
      padding: 50px 0 30px;
   }

   .demo-page .demo-section .text h1 {
      font-size: 25px;
      margin-top: 10px;
   }

   .demo-page .demo-section .text p {
      margin: 10px 0 20px;
   }

   .demo-page .demo-section .text span {
      font-size: 16px;
   }

   .demo-page p,
   .demo-page li {
      font-size: 14px !important;
   }

   .demo-page .list {
      gap: 13px;
   }

   .demo-page .demo-form > .row > div {
      margin-top: 20px;
   }

   .demo-page .inner-row-2 .form-check img {
      max-height: 33px;
   }

   .demo-page .demo-form :is(input, textarea, select)::placeholder {
      font-size: 14px !important;
   }

   .demo-page .demo-form {
      padding: 0 10px 15px;
   }

   .demo-page .demo-form label {
      margin-bottom: 5px;
   }

   .demo-page .infinite-sec .title .img img {
      max-width: 150px;
   }

   .paddingY-50 {
      padding: 25px 0;
   }

   .demo-page .last-box + p {
      margin-top: 5px;
   }

   .demo-page .inner-row-2 .row {
      row-gap: 18px;
   }

   .demo-page .infinite-sec .title {
      padding: 0 10px;
   }

   .form-section .wrapper {
      padding: 15px;
      margin-top: 40px;
   }

   .footer-form .title h2 {
      font-size: 25px;
      margin-bottom: 0;
   }

   /*why-us-page */
   .why-us-page .time-line-content h2 {
      font-size: 23px;
   }

   .why-us-page .time-line-content {
      margin-left: 22px;
   }

   .why-us-page .time-line-row {
      margin-bottom: 60px;
   }

   .why-us-page .time-line-logo svg {
      width: 30px;
      height: 30px;
   }

   .why-us-page .time-line .wrapper::before {
      left: 19px;
   }

   .why-us-page .time-line-logo {
      padding: 4px;
   }

   .why-us-page .time-line-content p br {
      display: none;
   }

   .why-us-page .time-line-content p {
      font-size: 14px;
   }

   .why-us-page .time-line {
      padding: 25px 0;
   }

   /* pricing page  */
   .pricing-page h2 {
      font-size: 30px;
   }

   .pricing-page .pricing-featuer-table .average-table-price h2 {
      font-size: 38px;
   }

   .pricing-page .pricing-featuer-table .average-table-price h3 {
      font-size: 20px;
   }

   .sales-page .select-fields .form-input {
      width: 80px !important;
      font-size: 20px;
      height: calc(0.8em + 0.8em + 2px);
   }

   .pricing-page .pricing-featuer-table .table-header h3 {
      font-size: 18px;
   }

   /* form v2  */
   .formv2 .wrapper {
      padding: 0 15px !important;
   }

   .sales-page .section-1 .your-role p {
      font-size: 14px;
   }

   .formv2 .row div:nth-child(3) .input-group,
   .formv2 .wrapper > .row > div input,
   .formv2 .select-field select,
   .formv2 .visit-btn.white-bg .site-btn {
      padding: 8px 10px;
      font-size: 14px;
   }

   /* Mobile Responcive */
   .pricing-page .table-card {
      background: #fff;
      border-radius: 8px;
      padding: 16px 16px;
      margin-bottom: 10px;
   }

   .pricing-page .table-card:last-of-type {
      margin-bottom: 0;
   }

   .pricing-page .table-head p {
      font-size: 12px;
      color: #595959;
      margin: 8px 0;
      text-transform: capitalize;
   }

   .pricing-page .table-body {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .pricing-page .table-body .charges {
      background: #ebf0fd;
      padding: 8px 12px;
      border-radius: 8px;
      width: 48%;
   }

   .pricing-page .table-body .charges h3 {
      font-size: 17px;
      font-weight: 700;
      color: #000000;
   }

   .pricing-page .table-body .charges p {
      font-size: 15px;
      color: #595959;
      margin-bottom: 0;
   }

   .pricing-page .table-head > img {
      max-height: 35px;
      width: auto;
      max-width: 100%;
   }

   .pricing-page .charges.blue-text h3,
   .pricing-page .charges.blue-text p {
      color: #134fc9;
   }

   .mobile-make-money {
      margin-bottom: 30px;
   }

   .pricing-page .mobile-make-money .table-header {
      background: #fff !important;
      padding: 16px 16px;
   }

   .pricing-page .mobile-make-money .table-header {
      margin-bottom: 8px;
   }

   .pricing-page .table-card .content h3 {
      font-size: 14px;
   }

   .pricing-page .table-card .content p {
      font-size: 14px;
      margin: 4px 0 0 0;
   }

   .pricing-page hr {
      border-top: 1px solid #f3f3f3 !important;
      opacity: 1;
   }

   .pricing-page .table-body hr {
      margin: 0;
      height: 100%;
      border: 0;
      border-right: 1px solid #f3f3f3;
      height: 46px;
   }

   .pricing-table .para p {
      font-size: 13px;
   }

   .pricing-featuer-table .section-tittle {
      text-align: left;
   }

   .pricing-featuer-table .para p {
      text-align: left;
      font-size: 13px;
   }

   .pricing-page .pricing-table .para p {
      margin-bottom: 10px;
   }

   .pricing-featuer-table,
   .section-3,
   .pricing-table {
      background-color: #ebf0fd;
   }

   .pricing-com-table {
      padding: 50px 0 40px;
      background-color: #ebf0fd;
   }

   .pricing-com-table .inner-title h4 span {
      font-size: 30px;
      margin: 10px 0;
   }

   .pricing-com-table .inner-title h4 {
      font-size: 23px;
   }

   .mobile-make-money {
      margin: 0;
   }

   .sales-page .form-group .form-control {
      border: 1px solid rgba(19, 79, 201, 0.2);
   }

   .sales-page .inner-title h3 {
      margin: 0;
      padding: 10px 0;
   }

   .footer-form .row div:nth-child(3) .input-group,
   .footer-form .select-field select,
   .footer-form :is(input, select),
   .footer-form .site-btn {
      padding: 10px 12px;
   }

   .copy-right {
      padding: 20px 0;
   }

   .contect-copyright {
      flex-direction: column-reverse;
      gap: 15px;
   }

   .section-3 {
      padding: 20px 0;
   }

   .page-id-342 .header {
      padding-bottom: 0;
   }

   section.thank-you h1 {
      font-size: 25px;
   }

   .banner-v2 #rotatingLogos {
      width: 300px;
      height: 300px;
   }

   .banner-v2 .rotate-logo {
      width: 50px;
   }

   .banner-v2 .rotate-logo img {
      max-width: 30px;
   }

   .banner-v2 .img .grid-lines {
      width: 75%;
   }

   .banner-v2 {
      padding: 60px 0 0;
   }

   .banner-v2 p {
      font-size: 15px;
   }

   .banner-v2 .banner-text span {
      font-size: 15px;
   }

   .banner-v2 .banner-text h1 {
      font-size: 30px;
   }

   .banner-v2 .banner-text p {
      margin: 15px 0 20px;
   }

   .pad-100 {
      padding: 50px 0 !important;
   }

   .font-20 p br {
      display: none;
   }

   .two-column-sec-v2 {
      padding: 60px 0;
   }

   .title-v2 p {
      font-size: 14px;
   }

   .list-content-v2 ul li::before {
      width: 20px;
      min-width: 20px;
      height: 20px;
      font-size: 12px;
   }

   .gray-800,
   .gray-800 p,
   .two-column-sec-v2 p,
   .two-column-sec-v2 li {
      font-size: 16px !important;
   }

   .bg-card {
      padding: 25px 10px;
   }

   .static-info-section p {
      font-size: 14px !important;
   }

   section.trial-hero h1 {
      font-size: 30px;
   }

   .banner-v3 {
      padding: 50px 0;
   }

   .banner-v3 .banner-text h1 span {
      font-size: 31px;
   }

   .banner-v3 .banner-text p br {
      display: none;
   }

   .option-content {
      flex-direction: column;
      align-items: start;
      gap: 4px;
      padding: 0;
      margin-top: 20px;
   }

   .option-or {
      padding-left: 20px;
   }

   .option-or::before,
   .option-or::after {
      top: 0;
      bottom: 0;
      left: -10px;
      width: 10px;
      height: 1px;
   }

   .option-or::after {
      left: unset;
      right: -10px;
   }

   .schedule-form .site-btn {
      font-size: 12px;
      top: 7px;
   }

   .schedule-form input {
      padding: 10px 152px 10px 30px;
      height: 50px;
   }

   .schedule-form i {
      top: 18px;
   }
}

/* add team page */

.content-sec .text h1 {
   font-weight: 700;
   font-size: 80px;
   margin-bottom: 5px;
}

.content-sec .text h2 {
   margin-bottom: 10px;
}

.content-sec .text p,
.content-sec .text li {
   opacity: 0.8;
}

.content-sec .col-content .site-btn {
   min-width: 200px;
}

.hov-bdr:hover {
   border: 1px solid #134fc9;
}

.padding-50 {
   padding: 50px 0;
}

.bg-d-blue {
   background-color: #134fc9;
}

.bg-d-blue .text :is(h1, h2, p, ) {
   color: var(--white);
}

.off-white-bg {
   background-color: #f1f4fc;
   margin: 50px 0;
}

.select-states select {
   width: auto;
   color: #134fc9;
   border-radius: 78px;
   border: 1px solid #134fc9;
   background-image: url(../images/select-arrow.svg);
   background-size: 13px;
   padding: 10px 20px;
   min-width: 120px;
   background-position: right 18px center;
   font-weight: 500;
}

.team-sec .text h2 {
   margin-bottom: 15px;
}

.h-style h2 {
   color: #000000;
   font-size: 44px;
   font-weight: 500;
}

.h-style p {
   font-size: 18px;
}

.team-card {
   position: relative;
   z-index: 1;
   border-radius: 12px;
}

.team-card .img-bg img {
   border-radius: 12px;
}

.team-card .link-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-shadow: 0px 0px 20px 0px rgba(30, 30, 30, 0.08);
   background-color: white;
   border-radius: 8px;
   margin: 0 auto;
   padding: 12px 20px;
   position: absolute;
   z-index: 0;
   bottom: 22px;
   width: 88%;
   left: 0;
   right: 0;
   transition: 0.3s all ease;
}

.team-card .link-content .content h3 {
   font-size: 24px;
   font-weight: 700;
   color: #1e1e1e;
   margin-bottom: 2px;
}

.team-card .link-content .content p {
   color: rgba(30, 30, 30, 0.8);
}

.team-card .link-content .icon i {
   color: #0a66c2;
   font-size: 35px;
}

.team-card:hover .link-content {
   bottom: 30px;
   transition: 0.3s all ease;
}

.content-sec.v2 .text * {
   color: #1e1e1e;
}

.content-sec.v2 p {
   margin-bottom: 15px;
}

.content-sec.v2 p a {
   color: #3687f2 !important;
}

@media (max-width: 1199px) {
   .content-sec .text p br {
      display: none;
   }

   .content-sec .text h1 {
      font-size: 60px;
   }

   .team-card .link-content {
      width: 92%;
      padding: 10px 15px;
      bottom: 12px;
   }

   .team-card .link-content .content p {
      font-size: 15px;
   }

   .team-card .link-content .content h3 {
      font-size: 20px;
   }

   .team-card .link-content .icon i {
      font-size: 30px;
   }
}

@media (max-width: 767px) {
   p {
      font-size: 16px;
   }

   p br {
      display: none;
   }

   .content-sec .text h1 {
      font-size: 40px;
   }

   .padding-50 {
      padding: 30px 0;
   }

   .h-style h2 {
      font-size: 30px;
      margin-bottom: 5px !important;
   }

   .h-style p {
      font-size: 14px;
   }

   .col-content {
      justify-content: start !important;
   }

   .team-sec .title {
      flex-direction: column;
      align-items: start !important;
      gap: 15px;
   }

   .select-states select,
   .select-states {
      width: 100%;
   }

   .off-white-bg {
      margin: 20px 0;
   }

   section.trial-hero h1 {
      font-size: 30px;
   }

   section.trial-hero .container > p {
      font-size: 14px;
   }

   section.trial-hero h1,
   section.trial-hero .container > p {
      max-width: 350px;
      margin-left: auto;
      margin-right: auto;
   }

   section.trial-hero .trial-list {
      flex-direction: column;
      row-gap: 10px;
      max-width: 145px;
   }

   section.trial-hero .icon-item p {
      font-size: 16px;
   }

   section.trial-hero .vid-btn svg {
      width: 50px;
      height: auto;
   }

   section.trial-three-col {
      padding: 60px 0;
   }
}

.content-sec .text * {
   color: #fff;
}

.content-sec .text h3 {
   margin: 20px 0 10px;
   font-size: 32px;
   font-weight: 500;
}

/* angel invester page  */

.banner .banner-style-v2 h1 {
   max-width: 800px;
   display: flex;
   flex-direction: column;
}

.banner .banner-style-v2 p {
   font-size: 15.6px;
}

.banner .banner-style-v2 + .banner-btn .site-btn {
   padding-inline: 30px;
}

section.count-section {
   padding-bottom: 100px;
}

.video-play {
   position: relative;
   z-index: 1;
}

.video-play img {
   border-radius: 12px;
}

.count-section .text {
   max-width: 470px;
}

.count-section .text h2 {
   color: #000000;
   max-width: 450px;
   font-size: 32px;
}

.count-section .text p {
   font-size: 16px;
   color: rgba(0, 0, 0, 0.8);
   margin-top: 10px;
}

.video-play:hover::before {
   transform: translateY(-2px) scale(1.02);
}

.video-play::before {
   content: "";
   background-image: url(../images/play-icon.svg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 80px 80px;
   position: absolute;
   z-index: 0;
   inset: 0;
   margin: auto;
   transition: 0.3s all ease;
}

.count-section .inner-wrapper {
   position: relative;
   z-index: 1;
   padding: 30px 0;
}

.count-section .inner-wrapper:first-of-type {
   padding-top: 0;
}

/*.count-section .inner-wrapper:nth-child(even) .row {*/

/*    flex-direction: row-reverse;*/

/*}*/

.counts-items {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: max-content;
   height: 100%;
}

.counts-items svg {
   height: 100%;
}

.counts-items span.count {
   border-radius: 50%;
   width: 46px;
   height: 46px;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--primary);
   color: var(--white);
   font-size: 26px;
   font-weight: 500;
   position: absolute;
   top: 13.8%;
   left: 0;
   right: 0;
   margin: auto;
}

.counts-items.right {
   right: -56px;
}

.counts-items.right span.count {
   top: 14%;
   right: 6px;
}

.counts-items.citem-1 span.count {
   transform: scale(0.8);
   top: 13.5%;
}

.counts-items.citem-3 span.count,
.counts-items.citem-5 span.count {
   top: 16%;
}

.counts-items.citem-7 span.count {
   top: 14.5%;
}

.counts-items.citem-8 span.count {
   top: 12.8%;
}

.counts-items.citem-3,
.counts-items.citem-5 {
   right: -66px;
}

.counts-items.left {
   left: -57px;
}

.count-section .visit-btn {
   display: flex;
   gap: 10px;
}

.btn-pad .site-btn {
   padding-inline: 20px;
}

.disclaimer-sec {
   padding: 100px 0;
}

.disclaimer-sec .text h3 {
   color: #000000;
   font-size: 19px;
   font-weight: 600;
   margin: 15px 0 4px;
}

.disclaimer-sec .title h2 {
   color: #000000;
   font-size: 44px;
}

.disclaimer-sec .text p {
   color: rgba(0, 0, 0, 0.8);
   font-size: 17.7px;
}

/* PC Rockstar */

.rock-banner .banner-text {
   max-width: 388px;
}

.rock-banner .banner-text h1 {
   line-height: 1;
}

.rock-banner .banner-text p,
.rock-banner .banner-text li {
   opacity: 1;
   font-size: 24px;
}

/* Cam section */

.rock-cam {
   padding: 65px 0;
   background: #eef3fb;
}

.rock-cam .info {
   position: relative;
   text-align: center;
   background: var(--white);
   border-radius: 12px;
   padding: 15px 15px;
   margin: -85px auto 0;
}

.rock-cam .info h3 {
   font-weight: 600;
   font-size: 24px;
   margin-bottom: 8px;
}

.rock-cam .info p {
   font-size: 12px;
   margin: 0;
}

.rock-cam .two-column-content {
   max-width: 720px;
}

.rock-cam .para {
   margin: 22px 0 30px;
}

.rock-cam .para ul {
   list-style-type: disc;
   padding-left: 22px;
}

.rock-cam .para li {
   margin-bottom: 14px;
}

.rock-cam .para li::marker {
   font-size: 20px;
}

.rock-cam .site-btn {
   padding-left: 30px;
   padding-right: 30px;
}

/* Ski Landing Page */

section.h1-hero {
   position: relative;
   z-index: 1;
}

section.h1-hero .content {
   position: absolute;
   width: 100%;
   height: max-content;
   top: 0;
   bottom: 0;
   margin: auto;
}

section.h1-hero.ski-left .content {
   top: 27%;
   bottom: unset;
}

section.h1-hero h1 {
   color: var(--white);
}

@media (min-width: 1200px) {
   section.h1-hero h1 {
      font-size: 80px;
   }
}

.rock-cam.rcam-2 {
   background: var(--white);
}

.rock-cam.rcam-2 .para {
   margin-top: 0px;
}

.rcam-2 .para *,
.rcam-2 .info-para * {
   color: rgba(20, 27, 52, 0.8);
}

.rcam-2 .info-para {
   margin-top: 15px;
}

.rcam-2 .info-para p,
.rcam-2 .info-para li {
   font-size: 14px;
}

.rcam-2 .para p:first-of-type {
   margin-bottom: 20px;
}

.rock-cam.rcam-2 .para li {
   margin-bottom: 4px;
}

.rcam-2 .info {
   max-width: 245px;
   margin-left: unset;
   text-align: left;
   box-shadow: 0px 4.33px 32.477px 0px rgba(30, 30, 30, 0.06);
}

.rcam-2 .info h3 {
   margin-bottom: 4px;
}

.rcam-2 .info p {
   color: #454545;
}

@media (min-width: 1200px) {
   .rock-cam.rcam-3 {
      padding: 100px 0;
   }
}

.rock-cam.rcam-3 .title-v2 {
   margin-bottom: 5px;
}

.rock-cam.rcam-3 .para h4 {
   margin-bottom: 15px;
   font-weight: 400;
}

.rock-cam.rcam-3 .para h5 {
   margin-bottom: 6px;
   font-size: 18px;
}

@media (min-width: 1200px) {
   .rock-cam.rcam-3 .info {
      margin-top: -115px;
   }
}

@media (min-width: 992px) {
   .rock-cam.rcam-3 .info {
      transform: scale(0.73);
   }
}

/*Book Demo*/

section.book-demo {
   padding: 100px 0 60px;
}

section.book-demo .title {
   margin-bottom: 10px;
}

section.book-demo .title h2 {
   color: var(--white);
   font-weight: 600;
}

/* FAQ Sec */

section.faq-sec {
   padding: 100px 0;
}

section.faq-sec .title {
   margin-bottom: 40px;
}

section.faq-sec .accordion {
   --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTYuODQxMzggMTYuMTA5NFYwLjEwOTM3NUg5LjE1ODYyVjE2LjEwOTRINi44NDEzOFpNMCA5LjI0MTQ1VjcuMDE1MDRIMTZWOS4yNDE0NUgwWiIgZmlsbD0iIzM2ODdGMiIvPgo8L3N2Zz4=");
   --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMTYgMyIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0wIDIuMjIyNTFWLTAuMDAzOTA2MjVIMTZWMi4yMjI1MUgwWiIgZmlsbD0iIzM2ODdGMiIvPgo8L3N2Zz4=");
}

section.faq-sec .accordion-item {
   margin-bottom: 16px;
   border-radius: 12px !important;
   background: #fff;
   box-shadow: 0px 0px 20px 0px rgba(30, 30, 30, 0.06);
   border: none;
}

section.faq-sec .accordion-button {
   box-shadow: none !important;
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
   color: #303030;
}

section.faq-sec .accordion-button.collapsed {
   border-radius: 12px !important;
}

section.faq-sec .accordion-button:not(.collapsed),
section.faq-sec .accordion-collapse {
   background: #e8f2ff !important;
}

section.faq-sec .accordion-collapse {
   border-radius: 0 0 12px 12px;
}

section.faq-sec .accordion-body {
   padding-top: 0;
}

section.faq-sec .accordion-body p,
section.faq-sec .accordion-body li {
   color: #656565;
   font-size: 16px;
   margin-bottom: 3px;
}

section.faq-sec .accordion-body ul,
section.faq-sec .accordion-body ol {
   list-style: initial;
   padding-left: 20px;
}

section.faq-sec .accordion-body li::marker {
   color: #3687f2;
   font-size: 20px;
}

/* Content Page */

.content-page {
   padding: 50px 0;
}

@media (min-width: 768px) {
   .content-page {
      padding: 80px 0;
   }
}

.content-page h2,
.content-page h3,
.content-page p {
   margin-bottom: 15px;
}

.content-page h2 {
   margin-top: 20px;
}

.content-page ul,
.content-page ol {
   list-style-type: initial;
   padding-left: 19px;
}

.content-page li {
   margin-bottom: 10px;
}

@media (min-width: 1200px) {
   .content-page h3 {
      font-size: 36px;
   }
}

/* Built Community */

.abs-cards-sec .title p {
   color: rgba(69, 69, 69, 0.8);
}

.abs-cards-sec .title h2 {
   font-size: 44px;
   margin-bottom: 10px;
}

.static-built-card {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 20px;
   height: 100%;
}

.static-built-card h4 {
   margin: 0 0 5px;
}

.static-built-card p {
   color: #454545;
   font-size: 18px;
   max-width: 280px;
   line-height: 1.3;
}

.abs-cards-sec .row {
   row-gap: 220px;
}

.abs-cards-wrapper {
   position: relative;
   z-index: 1;
}

.abs-center-content .center-txt {
   width: 145px;
   aspect-ratio: 1;
   border-radius: 50%;
   background-color: #134fc9;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   z-index: 0;
   inset: 0;
   margin: auto;
}

.abs-center-content .center-txt h3 {
   color: white;
   text-align: center;
   font-size: 19px;
   font-weight: 600;
}

@media (min-width: 992px) {
   .abs-cards-sec .col-lg-5 {
      width: 42%;
   }

   .two-column-sec-v3 .row > div:first-child {
      width: 60%;
   }

   .two-column-sec-v3 .row > div:last-child {
      width: 40%;
   }
}

@media (min-width: 1200px) {
   .abs-cards-sec .col-lg-5 {
      width: 38%;
   }
}

/* mediaQuery  */

@media (max-width: 1399px) {
   .banner-style-v2 h1 span {
      font-size: 65px;
   }

   .counts-items.right {
      right: -46px;
   }

   .counts-items span.count {
      top: 13%;
      font-size: 24px;
      width: 40px;
      height: 40px;
   }

   .counts-items.right span.count {
      top: 14.4%;
   }

   .counts-items.citem-1 span.count {
      transform: scale(0.9);
      top: 14%;
   }

   .counts-items.citem-3,
   .counts-items.citem-5 {
      right: -55px;
   }

   .counts-items.citem-3 span.count,
   .counts-items.citem-5 span.count,
   .counts-items.citem-7 span.count {
      top: 15% !important;
   }

   .count-section .visit-btn {
      flex-direction: column;
      align-items: flex-start;
   }
}

@media (max-width: 1199px) {
   /* angel invester page  */
   .banner-style-v2 h1 span {
      font-size: 56px;
   }

   .counts-items.citem-1 span.count {
      transform: scale(1);
      top: 14%;
   }

   .counts-items.right {
      right: -57px;
   }

   .counts-items.right span.count {
      top: 14.8%;
   }

   .counts-items span.count {
      top: 13.5%;
   }

   .video-play::before {
      background-size: 55px 55px;
   }

   .counts-items.left {
      left: -52px;
   }

   .counts-items.citem-3,
   .counts-items.citem-5 {
      right: -64px;
   }

   .counts-items.citem-6 {
      left: -45px;
   }

   .counts-items.citem-3 span.count {
      top: 17% !important;
   }

   .rock-cam .two-column-content {
      max-width: 510px;
   }

   .abs-cards-sec .row {
      row-gap: 55px;
   }

   .static-built-card h4 {
      font-size: 18px;
   }

   .abs-cards-wrapper .abs-center-content img {
      max-width: 235px;
   }

   .abs-center-content .center-txt {
      width: 100px;
   }

   .abs-center-content .center-txt h3 {
      font-size: 14px;
   }
}

/* tab  */

@media (max-width: 991px) {
   /* angel invester page  */
   .count-section .inner-wrapper .images {
      max-width: 400px;
      margin: auto;
   }

   .count-section .text {
      max-width: unset;
   }

   .counts-items {
      display: none !important;
   }

   .rock-banner .banner-text h1 {
      line-height: 0.7;
   }

   .rock-banner .banner-text p,
   .rock-banner .banner-text li {
      font-size: 18px;
   }

   .rock-cam .two-column-content {
      max-width: 100%;
   }

   .book-demo .cta {
      margin-top: 25px;
   }

   .abs-center-content {
      display: none;
   }

   .abs-cards-sec .row {
      row-gap: 24px;
   }

   .static-built-card {
      flex-direction: column;
      text-align: center;
   }

   .abs-cards-sec .title h2 {
      font-size: 26px;
   }
}

/* mobile  */

@media (max-width: 767px) {
   /* angel invester page  */
   .banner-style-v2 h1 span {
      font-size: 40px;
   }

   .banner-style-v2 h1 {
      font-size: 28px;
   }

   .disclaimer-sec .title h2,
   h2 {
      font-size: 30px;
   }

   .disclaimer-sec .text p {
      font-size: 14px;
   }

   .h-style p {
      font-size: 14px;
   }

   .count-section .text h2 {
      font-size: 28px;
   }

   .rock-banner .banner-text h1 {
      line-height: 1.3;
      max-width: 300px;
      font-size: 35px;
   }

   .rock-banner .banner-text span {
      font-size: inherit;
   }

   .rock-banner .img {
      margin-top: 25px;
   }

   .rock-cam .info h3 {
      font-size: 20px;
      margin-bottom: 6px;
   }

   .rock-cam .para li {
      font-size: 14px;
   }

   .rock-cam {
      padding: 50px 0;
   }

   .h1-hero img {
      min-height: 235px;
      object-fit: cover;
      object-position: 78% 50%;
   }

   .rock-cam.rcam-2 {
      padding-bottom: 60px;
   }

   .rock-cam.rcam-2 .para {
      margin-top: 15px;
      max-width: 320px;
   }

   .rcam-2 .para p,
   .rcam-2 .para p:first-of-type {
      margin-bottom: 10px;
   }

   .rcam-2 .info-para p br {
      display: none;
   }

   .rcam-2 .image {
      margin-bottom: 50px;
   }

   section.book-demo,
   section.faq-sec {
      padding: 60px 0;
   }

   section.book-demo .wrapper {
      display: flex;
      flex-direction: column;
   }

   section.book-demo .title {
      order: 1;
      max-width: 310px;
      margin: 20px auto;
   }

   section.book-demo .img {
      max-width: 275px;
      margin: auto;
   }

   section.book-demo .cta {
      order: 2;
      margin-top: 0;
   }

   section.faq-sec .accordion-button {
      font-size: 18px;
      line-height: 1.4;
   }

   section.faq-sec .accordion-body p,
   section.faq-sec .accordion-body li {
      margin-bottom: 8px;
   }
}