body {
    font-family: 'Poppins', sans-serif;
}
.font-ovo {
    font-family: 'Ovo', serif;
}
.navbar .navbar-brand {
    font-weight: 700;
    /* color: blueviolet; */
    color: #000;
    font-size: 1.5rem;
}
.nav-link {
    font-size: .9rem;
    margin-right: 2rem;
}
.signin {
    margin-right: 0;
    padding: 8px 30px !important;
}
.btn-main {
    background-color: #794DF5;
    /* background-color: #f86103; */
    color: white !important;
}
.btn-main:hover {
    background-color: #632df7;
}
.flex-align-center {
    display: flex;
    align-items: center;
}
.color-light-green {
    color: #0DBCA5;
}
.color-light-yellow {
    color: #F1F52D;
}
.abovecolor {
    background-color: #632df7;
    color: #fff;
}
.fade-purple-bg {
    background: rgb(221,179,255);
    background: linear-gradient(180deg, rgba(221,179,255,1) 0%, rgba(255,255,255,1) 91%);
}
.sec-bg-color {
    background: #F86F03;
    color: #fff;
}
.sm-head-badge {
    background-color: #FDFFAE;
    color: #000;
    padding: 0.2rem 1rem;
    border-radius: 4px;
    font-size: .9rem;
}
.opc-sm {
    color: #ffffffc9;
}
.fade-blue-bg {
    background-color: #FAF0E4;
}
.lightgray {
    background-color: #f8f8f8;
}
.priceswitchtab {
    display: flex;
    justify-content: center;
    width: 250px;
    /* background: #fff; */
    padding: 1rem 0;
    border-radius: 8px;
    margin: auto;
}
main {
    margin-top: 78px;
}
.above-tf {
    /* background-color: #f861030a; */
    background-color: #0338f80a;
}
.abovetf-heading {
    font-size: 3rem;
    font-weight: 700;
    /* color: hsla(227, 48%, 14%, 0.8); */
    color: #000;
}
.atf-subheading {
    font-weight: 300;
    line-height: 1.5;
}
.sub-heading-color {
    color: #4A5168;
}
.size-m {
    font-size: 1.5rem;
}
.size-l {
    font-size: 2rem;
}
.fs-9rem {
    font-size: .9rem;
}
.fs-8rem {
    font-size: .8rem;
}
.fs-7rem {
    font-size: .7rem;
}
.fs-6rem {
    font-size: .6rem;
}
.fs-11rem {
    font-size: 1.1rem;
}
.fs-12rem {
    font-size: 1.2rem;
}
.sec-headings {
    font-size: 3rem;
}
.color-d {
    color: #ddd;
}
.sec-padding {
    padding: 7rem 0;
}
.sec-padding-bottom {
    padding-bottom: 7rem;
}
.sec-padding-b6{
    padding-bottom: 6rem !important;
}
.sec-padding-6 {
    padding: 6rem 0;
}
.sec-padding-sm {
    padding: 4rem 0;
}
.bgcolor-violet-light {
    background-color: #F3F1FF;
}
.bg-dark-blue {
    background-color: #0f2d9e;
}
.bg-bl-orange {
    background-color: #ff5b00;
}
.color-bl-dark-orange {
    color: #572002;
}
.mb-7 {
    margin-bottom: 7rem;
}
.style-none-ul {
    list-style: none;
    padding: 0;
}
.pb-12 {
    padding-bottom: 12rem;
}
.mtop--10 {
    margin-top: -10rem;
}
.fs-d4rem {
    font-size: 4rem;
}
.feature-abf {
    background: rgb(18,25,51);
    background: linear-gradient(90deg, rgba(18,25,51,1) 0%, rgba(15,45,158,1) 50%, rgba(18,25,51,1) 100%); 
}
.logo-new {
    font-size: 1.7rem;
    font-weight: 700;
    color: #190171;
    /* color: #4e3ff3; */
    font-family: 'Arvo', serif;
}
/* scale and automate div */
.scale {
    background-image: url(img/scaleandautomate.jpg);
    background-size: cover;
    border-top-right-radius: 10rem;
}
.top-image img{
    width: 115%;
}
.top-2-img {
    width: 110%;
    left: -18%;
    top: -5%;
}
.who-box {
    border-radius: 1rem;
    color: white;
}
.wb-1 {
    background-color: #016A70;
}
.wb-2 {
    background-color: #461959;
}
.wb-1-text {
    color: #a3ebef;
    font-weight: 500;
}
.wb-2-text {
    color: #e5b5f9;
    font-weight: 500;
}
.bg-entype-1 {
    background-color: #02050563;
}
.pr-sec-one {
    background: #ff5b0012;
}
.btn-partnership {
    background-color: #ff5b00;
    color: #ffffff;
}
.pr-sec-two {
    background-image: url('/img/dotgrid.png');
    -webkit-background-size: 16px;
    background-size: 16px;
}
.why-join {
    border: 1px solid #ff5b00;
}
.how-works-box {
    background: #fff;
    padding: 1rem;
    text-align: center;
    border-radius: 1rem;
    box-shadow: 5px 5px 0px 0 #a93b05;
}
.bg-light-orange {
    background-color: #fcffda;
}

/* section 3 */
.sec-three {
    position: relative;
}
.sec-three-boxes {
    background-color: white;
    box-shadow: 6px 8px 0 rgba(101, 101, 101, 0.2);
    padding: 2rem;
    border-radius: .5rem;
    color: #4A5168;
    line-height: 1.5;
    height: 108px;
    text-align: center;
}
.sec-three-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sec-three-circle img {
    width: 250px;
    border-radius: 50%;
}
.sec-three-circle h6 {
    position: absolute;
    top: 18%;
    color: white;
    font-size: 1.5rem;
    padding: 0 48px;
    text-align: center;
}
.sec-three-line {
    position: absolute;
    z-index: -1;
    border: 1px dashed #9b8cff;
}
.line-1 {
    top: 30px;
    left: -54px;
    width: 140px;
    transform: rotate(45deg) !important;
}
.line-2 {
    top: 30px;
    right: -54px;
    width: 140px;
    transform: rotate(135deg) !important;
}
.line-3 {
    top: 115px;
    left: -135px;
    width: 140px;
    transform: rotate(0deg) !important;
}
.line-4 {
    top: 115px;
    right: -135px;
    width: 140px;
    transform: rotate(0deg) !important;
}
.line-5 {
    top: 200px;
    left: -54px;
    width: 140px;
    transform: rotate(140deg) !important;
}
.line-6 {
    top: 200px;
    right: -54px;
    width: 140px;
    transform: rotate(40deg) !important;
}

/* sec partners */
.sec-partners {
    background-color: #5E44FF;
    color: white;
    border-top-left-radius: 10rem;
}
.partner-box {
    background-color: #462DDE;
    padding: 1rem;
    border-radius: .5rem;
}
.partner-box h5 {
    text-align: center;
    color: #F1F52D;
}

/* Pricing */
.sec-pricing {
    background-color: #F1F52D40;
}

/* extra */
.stats h4 {
    font-size: 4rem;
    font-weight: 700;
}
.clippath {
    clip-path: polygon(51% 29%, 0 100%, 100% 100%);
    background-color: #462DDE;
}
.partner-type {
    background-color: white;
    border-radius: 1rem;
    text-align: center;
}
.partner-type h4 {
    color: #462DDE;
    font-weight: 700;
}

.sec-demo {
    background-image: url('/img/demo-banner-bg.jpg');
    background-size: cover;
}

/* footer */
.main-footer h6 {
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.main-footer ul li {
    margin-bottom: .5rem;
}
.main-footer ul li a{
    color: #4A5168;
    text-decoration: none;
    font-size: .9rem;
}

:root {
    --radius: 16vmin;
    --frame-size: calc(var(--radius) / 3);
    --d-zoneouter: calc(var(--radius) * 3);
    --d-outer: calc(var(--radius) * 2);
    --d-inner: calc(var(--d-outer) - var(--frame-size));
    --font-size: calc(var(--radius) / 10);
  }
  
  .animate-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
  }
  .animate-circle p {
    font-size: var(--font-size);
  }
  .circle {
    position: relative;
    width: var(--d-outer);
    height: var(--d-outer);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .logo {
    position: absolute;
    width: var(--d-inner);
    height: var(--d-inner);
    background: url(/img/best-prm.png);
    background-size: cover;
    border-radius: 50%;
    filter: contrast(1.5);
  }
  .text {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotateText 20s linear infinite;
    color: #fff;
  }
  .dashline {
    position: absolute;
    border: 2px dashed #ddd; 
    border-radius: 50%;
    animation: rotateText 20s linear infinite;
    width: var(--d-zoneouter);
    height: var(--d-zoneouter);
    top: -24%;
    left: -24%;
  }
  @keyframes rotateText {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .text p span {
    position: absolute;
    left: 50%;
    font-size: 1.5em;
    transform-origin: 0 var(--radius);
  }
.prm-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 
.sec-circle-text {
    background-color: #fff;
    padding: 2rem;
    border-radius: 1rem;
    text-align: center;
}
.sec-circle-text h5 {
    margin-bottom: 0;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.planstable {
    background: rgb(242,223,255);
    background: linear-gradient(180deg, rgba(242,223,255,1) 0%, rgba(255,255,255,1) 91%);
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
  
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
  
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    /* background-color: #1e2321; */
    -webkit-transition: 0.4s;
    transform: translate(0px, 0px);
    transition: 0.6s ease transform, 0.6s box-shadow;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: black;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
  
input:checked + .slider {
    background-color: #ffc107;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px #ffc107;
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
.slider.round {
    border-radius: 34px;
}
  
.slider.round:before {
    border-radius: 50%;
}

.feature-table ul {
    padding: 0;
    list-style: none;
}
.feature-table ul li {
    font-family: 'Inter', sans-serif;
    margin-bottom: .8rem;
}
.feature-table ul li.notincluded {
    color: #9b9b9b;
    text-decoration: line-through;
}
.about-img {
    background-image: url(/img/partner-relation.jpg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 50%;
}
.mission-text {
    color: #632df7;
    font-size: 1.2rem;
    letter-spacing: 3px;
    word-spacing: 5px;
}
.mission-para {
    word-spacing: 3px;
    text-transform: capitalize;
    line-height: 1.3;
}
.mission-color {
    background-color: #632df712;
}
.why-box {
    background-color: #fdfdfd;
}
.feature-list-box {
    background-color: #000;
    text-align: center;
    padding: 3rem 3rem 1rem;
}
.feature-list-box a {
    text-decoration: none;
}
.feature-list-box p {
    padding: 1rem;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    color: #c3c3c3;
    margin-bottom: 2rem;
    font-size: .8rem;
}
.feature-list-box p:hover {
    background-color: #fff;
    color: #000;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}
.active-feature {
    background-color: #fff;
    color: #000 !important;
}
.key-benefit {
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
}
.key-benefit p {
    color: #555;
    line-height: 1.6;
    font-family: 'Ovo', serif;
}
.key-line-img {
    position: absolute;
    width: 60px;
    left: -55px;
    top: -65px;
}
.key-features p {
    font-family: 'Ovo', serif;
    font-size: 1.2rem;
}
.keyf-heading {
    background: -webkit-linear-gradient(rgb(241 115 12), rgb(255 207 171));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 3rem;
}
.keynum {
    margin-bottom: 2rem;
}
.keynum span{
    border: 1px solid rgb(0, 0, 0);
    padding: 0 1rem;
    border-radius: 50%;
    font-size: 2rem;
    display: inline-block;
    width: 3rem;
    height: 3rem;
}
.final-heading {
    background-image: url(/img/download.jpeg);
    background-size: cover;
    color: white;
    border-radius: 1rem;
}
.feature-imgs img {
    border-radius: 8px;
}
.sec-three-mob {
    display: none;
}
.feature-toggle {
    display: none;
}
.width800 {
    width: 800px;
    margin: auto;
}
.feature-list-page {
    margin-top: -10rem;
}
.main-feature-page {
    height: 500px;
}
.contact-page {
    background-color: #f0edff;
    color: #000;
}
.contact-box {
    background-color: #5E44FF;
    color: #fff;
}
.cp-icon {
    position: absolute;
    right: 30%;
    top: 15%;
    opacity: .5;
}
.fea-list li .ph-check {
    color: #2ce127;
}
.fea-list li .ph-x-circle {
    color: #DDE6ED;
}
.sub-feature h6 {
    color: #2480f3;
}
.mostpopular {
    right: 0;
    top: 0;
    background-color: orangered;
    color: white;
    font-size: .9rem;
    padding: 0 12px;
    border-radius: 4px;
}
.rounded-topbar {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottombar {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.scale img {
    position: absolute;
}
/* overwrite bootstrap */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1240px;
    }
}


/* Mobile Responsive */

@media screen and (max-width: 767px) {
    .abovetf-heading {
        font-size: 2.5rem;
    }
    .sec-padding {
        padding: 4rem 0;
    }
    .scale {
        border-top-right-radius: 0rem;
    }
    .sec-partners {
        border-top-left-radius: 0rem;
    }
    .sec-headings {
        font-size: 2rem;
    }
    .size-m {
        font-size: 1.2rem;
    }
    .sec-three {
        display: none;
    }
    .sec-three-mob {
        padding-bottom: 0;
    }
    .sec-three-mob h5 {
        background: rgb(162,100,255);
        background: linear-gradient(180deg, rgba(162,100,255,1) 0%, rgba(53,51,255,1) 100%);
        color: #ffffff;
        line-height: 1.5;
    }
    .sec-three-boxes {
        height: auto;
        border: 1px solid #ddd;
        padding: 1rem;
    }

    /* features */
    .platform-features {
        position: absolute;
        z-index: 2;
        padding: 2rem;
        left: 0;
        background-color: #000000;
        display: none;
    }
    .feature-list-box {
        padding: 2rem;
    }
    .feature-toggle {
        display: block;
        color: #777;
        margin: auto;
        border: 1px solid #777;
    }
    .feature-list-box p {
        margin-bottom: 1rem;
    }
    .width800, .top-image img, .top-2-img {
        width: 100%;
    }
    .feature-list-page {
        margin-top: -2rem;
    }
    .main-feature-page {
        height: auto;
    }
    .scale img {
        position: initial;
    }
}