@import url("typography.css");

/* Header css */
header {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9;
     background: #010101;
     padding: 26px 0;
}

.navbar-expand-lg {
     padding: 0 72px;
}

header .navbar-expand-lg .navbar-nav .nav-link {
     padding: 0.8em 0;
     font-size: 18px;
     transition: all 0.5s ease-in-out;
}

/* Toggler menu style */
.mobile-menu-wrap {
     display: none;
}

.navbar-mobile .navbar-toggler span {
     display: block;
     width: 30px;
     height: 2px;
     margin: 6px auto;
     background: #fff;
     transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -ms-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.navbar-open .navbar-mobile .navbar-toggler[aria-expanded="true"] span:first-of-type {
     transform: rotate(45deg) translate(6px, 6px);
     -webkit-transform: rotate(45deg) translate(6px, 6px);
     -moz-transform: rotate(45deg) translate(6px, 6px);
     -ms-transform: rotate(45deg) translate(6px, 6px);
     -o-transform: rotate(45deg) translate(6px, 6px);
}

.navbar-open .navbar-mobile .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
     opacity: 0;
}

.navbar-open .navbar-mobile .navbar-toggler[aria-expanded="true"] span:last-of-type {
     transform: rotate(-45deg) translate(5px, -5px);
     -webkit-transform: rotate(-45deg) translate(5px, -5px);
     -moz-transform: rotate(-45deg) translate(5px, -5px);
     -ms-transform: rotate(-45deg) translate(5px, -5px);
     -o-transform: rotate(-45deg) translate(5px, -5px);
}

.navbar-mobile .navbar-toggler[aria-expanded="false"] span {
     transform: none;
     opacity: 1;
}

.navbar-toggler {
     width: 30px;
     min-width: 30px;
     height: 30px;
     border: none;
     padding: 0;
     position: relative;
     z-index: 999;
}

.navbar-mobile .navbar-toggler span {
     transform: none;
     opacity: 1;
}

.mini-logo {
     display: none;
}

.in-mobile {
     display: none;
}

.in-mobile-links {
     display: none;
}

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

header .nav-item {
     margin-right: 86px;
     padding: 0;
     height: 52px;
     /* transition: .2s ease-in-out;
     -webkit-transition: .2s ease-in-out;
     -moz-transition: .2s ease-in-out;
     -ms-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out; */
}

header .navbar-nav.desktop-view .nav-link:hover {
     border-bottom: 1px solid #F9F9F9;
}

header .navbar-nav .nav-link.is-active {
     border-bottom: 1px solid #F9F9F9;
}

.main-menu-wrapper {
     width: 100%;
}

.navbar-collapse {
     justify-content: space-between;
     width: 100%;
}

header ul {
     margin-left: 13.6875rem;
}

.contact-btn {
     font-size: 20px;
     border: 1px solid #F9F9F9;
     border-radius: 83.23em;
     padding: 16px 40px;
}

.contactArrow {
     margin-left: 16px;
}

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

.hero-inner {
     padding: 0 0 0 72px;
     /* width: 61%; */
     align-items: center;
}

.h-inner-content {
     margin: 0 0 80px;
}

.h-inner-content h1 {
     margin: 24px 0;
}

.contact-btn.get-btn {
     border: 1px solid #613FE7;
     background: #613FE7;
     margin-right: 16px;
}

.contact-btn.get-start {
     padding: 16px 22px;
     display: block;
     width: fit-content;
}

.h-join-community {
     display: flex;
     align-items: center;
     gap: 48px;
     margin: 50px 80px 0 0;
}

.h-join-community h5 {
     margin-right: 70px;
}

.hero-img img {
     height: 770px;
     width: 100%;
}

.sec-padding {
     padding: 150px 72px;
}

.sub-title {
     border: 1px solid #F9F9F9;
     border-radius: 83.23em;
     padding: 14px 20px;
     width: fit-content;
     margin-bottom: 0;
}

.title-heading {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 32px;
     margin: 0 0 64px;
}

.card-container {
     /* background: linear-gradient(140deg, #777777 0%, #111111 49%, #777777 100%)100%; */
     background: linear-gradient(26deg, #333333 0%, #111111 49%, #333333 100%);
     border-radius: 12px;
     padding: 1px;
     z-index: 2;
     margin-right: 20px;
     margin-bottom: 20px;
}

.card {
     /* background: linear-gradient(140deg, #111111 0%, #333333 100%)100%; */
     color: #fff;
     background: #010101;
     padding: 40px 40px 48px;
     border-radius: 12px;
     text-align: left;
     display: flex;
     flex-direction: column;
     gap: 10px;
     z-index: 1;
     overflow: hidden;
}

.circle-effect {
     width: 322px;
     height: 322px;
     border-radius: 50%;
     background: linear-gradient(140deg, #111111 0%, #333333 100%)100%;
     position: absolute;
     z-index: -1;
     right: -120px;
     bottom: -120px;
     filter: blur(30px);
     -webkit-filter: blur(30px);
}

.card h4 {
     padding: 28px 0 32px;
}

.me_0 {
     margin-right: 0 !important;
}

.mb_0 {
     margin-bottom: 0 !important;
}

.mx_0 {
     margin: 0 !important;
}

.objectives-item {
     display: flex;
     flex-direction: column;
     gap: 32px;
}

.objectives-sec .card {
     padding: 48px 40px 40px;
}

.objectives-sec .circle-effect {
     left: -28%;
     top: -30%;
}

.template-items .sub-title {
     margin: 0;
}

.template-items {
     display: flex;
     flex-wrap: wrap;
     row-gap: 16px;
     column-gap: 12px;
     width: 75%;
}

.template-pages h4 {
     margin: 30px 0 20px;
}

.email-input button {
     color: #fff;
     padding: 12px 40px;
     margin-right: 0 !important;
}

.email-input {
     width: 87%;
}

.form-control {
     /* padding: 0; */
     padding-top: 0;
     padding-bottom: 0;
     border: 0;
     margin-left: 20px;
     line-height: 3em;
     background: #010101;
     color: #AAAAAA;
     border-radius: 40px;
}

.form-control::placeholder {
     color: #AAAAAA;
}

.form-control:focus {
     color: #AAAAAA !important;
     border-color: transparent;
     background-color: #010101;
     outline: 0;
     box-shadow: none !important;
}

.col-input {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border: 1px solid #777777;
     border-radius: 40px;
     padding: 4px;
}

.objectives-sec .card-container {
     padding: 1px;
}

.ds-btn {
     display: block;
     width: fit-content;
}

.crm-content {
     display: flex;
     flex-direction: column;
     gap: 32px;
     margin-right: 40px;
     /* width: 87%; */
}

.crm-application .row {
     align-items: center;
}

.crm-content h3,
.faqs-blog h3 {
     font-size: 48px;
}

/* .container.c-custom {
     max-width: 1388px;
} */

.crm_mr {
     margin-top: 120px;
}

.monetize-row {
     flex-direction: row-reverse;
}

.monetize-row .contact-btn,
.monetize-row .crm-content {
     margin-left: auto;
}

.faqs-blog {
     padding-top: 110px;
}

.border_bottom {
     border-bottom: 1px solid #7E7E7E !important;
     padding: 40px 0;
}

.mini-dot {
     display: block;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #BBBBBB;
}

.faqs-blog h4 {
     font-family: 'ClashGrotesk-Regular';
     color: #BBBBBB;
}

.date-name {
     display: flex;
     align-items: center;
     gap: 24px;
}

.faqs-blog-item {
     display: flex;
     flex-direction: column;
     gap: 28px;
}

/* accordion */
.accordion {
     padding: 50px 0 0;
}

.accordion-button,
.accordion-item,
.accordion-button:not(.collapsed) {
     background: #010101;
     color: #F9F9F9;
     box-shadow: none;
}

.accordion-body p {
     font-family: 'ClashGrotesk-Regular';
     margin-bottom: 0;
     font-size: 24px;
}

.accordion,
.accordion-item,
.accordion-item:first-of-type,
.accordion-item:first-of-type>.accordion-header .accordion-button {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border: none;
     border-color: transparent;
}

.accordion-item:last-of-type>.accordion-collapse,
.accordion-item:last-of-type {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}

.accordion-button:focus {
     box-shadow: none;
}

.accordion-button {
     padding: 24px 0;
}

.accordion-body {
     padding: 0 16px 24px;
}

.accordion-button::after {
     background-image: url(../images/accordion-close-v.svg);
     transition: .6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -webkit-transition: .6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -moz-transition: .6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -ms-transition: .6s cubic-bezier(0.25, 0.1, 0.25, 1);
     -o-transition: .6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.accordion-button:not(.collapsed)::after {
     background-image: url(../images/accordion-open-v.svg);
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
}

.f-mr-top {
     margin-top: 22px;
}

.accordion-header h4 {
     font-size: 36px;
}

.accordion-item.faqs-blog-item {
     gap: 0;
}

.accordion-item.faqs-blog-item.border_bottom {
     padding: 0;
}

/* end */

.form-wrapper {
     margin: 84px 0 0;
}

.form-wrapper .email-input {
     width: 100%;
}

.textareaa .form-control {
     min-height: 224px;
     padding-left: 33px;
     margin: 0;
}

.textareaa .col-input {
     border-radius: 24px;
}

.form-wrapper .row {
     row-gap: 24px;
}

footer {
     padding: 120px 72px 80px;
     position: relative;
}

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

.footer-nav li h4 {
     font-family: 'Inter-SemiBold';
     margin-bottom: 20px;
}

.footer-nav li .f-link {
     font-family: 'Inter-Light';
}

.footer-links li,
.footer-nav li .f-link {
     font-size: 24px;
}

.footer-nav {
     display: flex;
     flex-direction: column;
     gap: 32px;
     margin: 0;
}

.footer-intro {
     width: 55%;
}

.footer-intro p {
     margin-top: 32px;
}

.row.footer-bottom {
     justify-content: space-between;
     align-items: center;
     border-top: 1px solid #7E7E7E;
     padding-top: 48px;
     margin-top: 120px;
     margin-right: 0;
     margin-left: 0;
}

.footer-social {
     display: flex;
     gap: 34px;
     align-items: center;
     width: auto;
}

.footer-copyright {
     display: block;
     width: auto;
}

img.gradient-v {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
}

.form-wrapper .container {
     padding: 0 40px;
}

.h-join-us.tab-visible {
     display: none;
}

.h-inner-content h3 {
     font-size: 36px;
     border-bottom: 1px solid #555555;
     padding-bottom: 16px;
}

/* partner page */
.partner-hero-sec .hero-img img {
     border-radius: 8px;
     width: auto;
}

.become-partner {
     padding: 150px 130px;
}

.become-partner .hero-img img {
     height: 870px;
     width: 870px;
     float: right;
}

.watch-tutorial {
     display: flex;
     margin: 80px 0 0;
}

.freelance-profile img {
     border: 2px solid #F9F9F9;
     border-radius: 50%;
}

.f-name-status h5 {
     font-family: 'ClashGrotesk-Regular';
}

.freelance-profile {
     display: flex;
     align-items: center;
     gap: 32px;
     margin: 0 0 40px;
}

.f-name-status {
     display: flex;
     flex-direction: column;
}

.available_status {
     display: inline-flex;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #2CFFBF;
     vertical-align: middle;
     margin-right: 12px;
}

.desc_mb {
     margin-top: 24px;
}

/* marquee */
.marquee-block {
     background: transparent;
     padding: 130px 0 0;
     position: relative;
}

.flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
}

.marquee-block .marquee-inner {
     position: relative;
     overflow: hidden;
     text-decoration: none;
     flex-wrap: nowrap !important;
     z-index: 1;
     gap: 150px;
}

.marquee-block .marquee-inner .marquee-text {
     -webkit-animation: ticker 10s infinite linear;
     animation: ticker 10s infinite linear;
     animation-duration: 15s;
     position: relative;
     z-index: 4;
     gap: 150px;
}

.marquee-block .marquee-inner .marquee-text .m-item {
     position: relative;
     align-items: center;
}

/* version-1 css */
.header-v1 ul.navbar-nav {
     margin: 0 auto;
}

/* .card-inner img {
     height: 63px;
     width: 63px;
} */

.terms-conditions {
     padding: 0 72px;
}

.terms-conditions-inner p {
     font-size: 24px;
     font-family: 'ClashGrotesk-Regular';
     font-weight: 400 !important;
     color: #F9F9F9;
     margin-bottom: 24px;
}

.terms-conditions-inner h3 {
     margin-bottom: 24px;
}

.terms-conditions-inner {
     padding: 84px 0 0;
     display: flex;
     flex-direction: column;
     gap: 32px;
}

.key-modules-v1 .card-container {
     margin-right: 30px;
     margin-bottom: 30px;
}

.key-modules-v1 .c-description {
     margin-bottom: 0;
}

.key-modules-v1 .card h4 {
     margin-bottom: 0;
}

.key-modules-v1 .row {
     padding: 0 12px;
}

.objectives-item p {
     width: 90%;
}

.objectives-item .form-control,
.objectives-item .form-control::placeholder,
.objectives-item .form-control:focus {
     color: #F9F9F9;
}

.objectives-sec .card-container {
     margin-right: 0;
}

.view-mobile {
     display: none;
}

input[type="text"] {
     caret-color: #F9F9F9;
}

.a-link,
.a-link:hover {
     text-decoration: underline;
}

.navbar-brand {
     display: block;
}

.footer-intro .f-logoo {
     display: inline-block;
}

/* animated border btn */
.animated-border-box {
     position: relative;
     width: 190px;
     height: 60px;
     border-radius: 83.23em;

}

.animated-border-box::before {
     position: absolute;
     content: '';
     width: 190px;
     height: 60px;
     border-radius: 83.23em;
     /* background-image: linear-gradient(transparent, transparent, transparent, #fff); */
     padding: 2px;
     /* z-index: 2; */
     inset: 0;
     border-right: 3px solid #fff;
     overflow: hidden;
     animation: border 5s linear infinite;
     -webkit-animation: border 5s linear infinite;
}

.animated-border {
     width: 100%;
     height: 100%;
     background: #010101;
     overflow: hidden;
     border-radius: 83.23em;
     position: absolute;
     right: 0;
     left: 0;
}

.animated-border-box .contact-btn {
     display: inline-flex;
     width: 100%;
     height: 100%;
     align-items: center;
}

/* keyframes */
@keyframes border {
     100% {
          transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
     }
}

@keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

@-webkit-keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

@-webkit-keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@-webkit-keyframes ticker {
     100% {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
     }
}

@keyframes ticker {
     100% {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
     }
}