html {
scroll-behavior: smooth; }
body main {
background-color: #050615;
overflow-x: hidden;
/*Business Accelerator*/ }
body main section.hero {
background-color: #03063F;
padding: 160px 0 100px; }
body main section.hero .badge {
font-size: 14px; }
body main section.featured-in {
padding: 30px 0; }
body main section.reviews {
padding: 80px 0; }
body main section.reviews .video_wrapper {
padding: 6px; }
body main section.reviews .card {
border-radius: 12px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08); }
body main section.reviews .card .card-body {
padding: 16px;
display: flex;
flex-direction: column;
justify-content: space-between; }
body main section.reviews .card .card-body .card-title {
font-size: 22px;
font-weight: 500; }
body main section.reviews .card .card-body .card-text {
font-size: 14px; }
body main section.reviews .card .card-body .author-title {
font-size: 18px; }
body main section.reviews .reviews_slider.slick-initialized {
padding: 0 12px; }
body main section.all_in_one {
padding: 60px 0; }
body main section.all_in_one .content_wrapper {
position: relative;
z-index: 1;
border-radius: 24px;
padding: 60px 0;
overflow: hidden; }
body main section.all_in_one .content_wrapper > img.bg,
body main section.all_in_one .content_wrapper picture.bg {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
pointer-events: none;
user-select: none; }
body main section.all_in_one .content_wrapper > img.bg source,
body main section.all_in_one .content_wrapper > img.bg img,
body main section.all_in_one .content_wrapper picture.bg source,
body main section.all_in_one .content_wrapper picture.bg img {
object-fit: cover;
height: 100%;
width: 100%;
object-position: center; }
body main section.all_in_one .card {
background-color: rgba(255, 255, 255, 0.1);
border: solid 5px rgba(255, 255, 255, 0.2);
border-radius: 24px;
transition: all .2s ease-in-out;
cursor: pointer; }
body main section.all_in_one .card .card-header {
background-color: transparent;
border: none;
transform: translateY(60px);
transition: all .4s ease-in-out; }
body main section.all_in_one .card .card-header .card-img {
height: auto;
width: 100px;
margin: 0 auto;
transition: all .4s ease-in-out; }
body main section.all_in_one .card .card-header .card-title {
transition: all .4s ease-in-out; }
body main section.all_in_one .card .card-body {
overflow: hidden;
padding: 0 10px 40px;
transform-origin: center;
position: relative;
z-index: 1;
transition: all .4s ease-in-out; }
body main section.all_in_one .card .card-body ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
opacity: 0;
transition: all .4s ease-in-out; }
body main section.all_in_one .card .card-body ul li {
background-color: rgba(255, 255, 255, 0.1);
font-weight: 600;
border-radius: 8px;
padding: 6px 20px;
max-width: max-content;
margin: 0 auto; }
body main section.all_in_one .card .card-body ul li span {
background: #28A9E0;
background: -webkit-linear-gradient(90deg, #28a9e0 50%, #60bf99 100%);
background: -moz-linear-gradient(90deg, #28a9e0 50%, #60bf99 100%);
background: linear-gradient(90deg, #28a9e0 50%, #60bf99 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28A9E0", endColorstr="#60BF99", GradientType=1);
color: transparent;
background-clip: text; }
body main section.all_in_one .card .card-body .text_wrapper {
height: 100%;
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .4s ease-in-out; }
body main section.all_in_one .card .card-body .text_wrapper .card-img {
height: auto;
width: 24px;
margin: 0 auto;
border-radius: 0; }
body main section.all_in_one .card:hover {
background-color: rgba(255, 255, 255, 0.2);
border: solid 5px rgba(255, 255, 255, 0.3); }
body main section.all_in_one .card:hover .card-header {
transform: translateY(0); }
body main section.all_in_one .card:hover .card-header .card-img {
transform: scale(0.6); }
body main section.all_in_one .card:hover .card-header .card-title {
transform: scale(0.8) translateY(-20px); }
body main section.all_in_one .card:hover .card-body ul {
opacity: 1; }
body main section.all_in_one .card:hover .card-body .text_wrapper {
opacity: 0;
transform: translate(-50%, calc(-50% + 20px)); }
body main section.who_we_are {
padding: 80px 0; }
body main section.who_we_are .card {
background: #ffffff;
background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
border: solid 1px rgba(255, 255, 255, 0.2);
border-radius: 24px;
overflow: hidden; }
body main section.who_we_are .card .card-header {
background-color: transparent;
padding: 24px;
position: relative;
border: none; }
body main section.who_we_are .card .card-header ul {
display: flex;
flex-direction: column;
gap: 4px; }
body main section.who_we_are .card .card-header ul li {
background: #ffffff;
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1);
padding: 4px 0;
position: relative; }
body main section.who_we_are .card .card-header ul li:before {
content: "";
background-color: rgba(255, 255, 255, 0.2);
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 100%; }
body main section.who_we_are .card .card-header.bg-text {
padding: 80px 24px 40px; }
body main section.who_we_are .card .card-header.bg-text:before {
content: "Unlock millions of assets";
width: 100%;
font-size: 6vw;
font-weight: 600;
color: rgba(255, 255, 255, 0.05);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
body main section.who_we_are .card .card-body {
padding: 0 0 0 20px; }
body main section.who_we_are .card.s2 .card-header {
padding: 24px; }
body main section.who_we_are .card.s2 .card-body {
padding: 0 24px 24px; }
body main section.ai_ads_pro {
padding: 80px 0; }
body main section.ai_ads_pro .card {
background-color: transparent;
border: none;
border-radius: 24px;
overflow: hidden;
padding: 60px 50px; }
body main section.ai_ads_pro .card .card-header {
background-color: transparent;
padding: 0 50px 0 0;
position: relative;
border: none; }
body main section.ai_ads_pro .card .card-body {
padding: 0; }
body main section.ai_ads_pro .nav-pills {
justify-content: center;
gap: 16px; }
body main section.ai_ads_pro .nav-pills .nav-item {
width: 100%;
max-width: calc(16.666% - 13.333px); }
body main section.ai_ads_pro .nav-pills .nav-item .nav-link {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-size: 16px;
padding: 8px 10px;
border: none;
border-radius: 8px;
transition: all .2s ease-in-out;
width: 100%;
position: relative;
z-index: 1;
outline: none;
overflow: hidden; }
body main section.ai_ads_pro .nav-pills .nav-item .nav-link img {
height: auto;
width: 20px;
margin: 0 8px 0 0; }
body main section.ai_ads_pro .nav-pills .nav-item .nav-link:before {
content: "";
background-color: #28A9E0;
height: 100%;
width: 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: none; }
body main section.ai_ads_pro .nav-pills .nav-item .nav-link.active::before {
animation: fillBar 4s linear forwards; }
@keyframes fillBar {
from {
width: 0%; }
to {
width: 100%; } }
body main section.ai_ads_pro .content_bg {
background: url("../../img/automation_card_bg.jpg") no-repeat center/cover;
border-radius: 24px;
overflow: hidden; }
body main section.ai_ads_pro .content_bg .tab-content {
width: 600%;
display: flex;
align-items: center; }
body main section.ai_ads_pro .content_bg .tab-content .tab-pane {
display: block !important;
width: calc(100% / 6);
order: 2; }
body main section.ai_ads_pro .content_bg .tab-content .tab-pane.active {
order: 1; }
body main section.ai_ads_pro .start_now {
background-color: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
border-radius: 24px;
padding: 24px; }
body main section.ai_ads_pro .start_now .top {
padding-bottom: 24px; }
body main section.ai_ads_pro .start_now .top ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 24px; }
body main section.ai_ads_pro .start_now .top ul li {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
max-width: calc(33.333% - 16px); }
body main section.ai_ads_pro .start_now .top ul li img {
height: auto;
width: 72px; }
body main section.ai_ads_pro .start_now .bottom {
padding-top: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px;
position: relative; }
body main section.ai_ads_pro .start_now .bottom:before {
content: "";
background: #28A9E0;
background: -webkit-linear-gradient(90deg, rgba(40, 169, 224, 0) 0%, rgba(40, 169, 224, 0.25) 25%, rgba(40, 169, 224, 0.5) 50%, rgba(40, 169, 224, 0.25) 75%, rgba(40, 169, 224, 0) 100%);
background: -moz-linear-gradient(90deg, rgba(40, 169, 224, 0) 0%, rgba(40, 169, 224, 0.25) 25%, rgba(40, 169, 224, 0.5) 50%, rgba(40, 169, 224, 0.25) 75%, rgba(40, 169, 224, 0) 100%);
background: linear-gradient(90deg, rgba(40, 169, 224, 0) 0%, rgba(40, 169, 224, 0.25) 25%, rgba(40, 169, 224, 0.5) 50%, rgba(40, 169, 224, 0.25) 75%, rgba(40, 169, 224, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28A9E0", endColorstr="#28A9E0", GradientType=0);
height: 2px;
width: 80%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
body main section.social_media_planner {
padding: 80px 0; }
body main section.social_media_planner .card {
background-color: transparent;
padding: 2px;
border-radius: 24px;
overflow: hidden;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between; }
body main section.social_media_planner .card .card-header {
padding: 24px;
border-radius: 24px 24px 0 0;
overflow: hidden;
position: relative;
border: none; }
body main section.social_media_planner .card .card-header.bg-text {
padding: 80px 24px 40px; }
body main section.social_media_planner .card .card-header.bg-text:before {
content: "10x Faster";
width: 100%;
font-size: 6vw;
font-weight: 600;
color: rgba(255, 255, 255, 0.05);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
body main section.social_media_planner .card .card-header.bg-effect {
background: url("../../img/automation_card_bg.jpg") no-repeat center/cover;
border-radius: 24px; }
body main section.social_media_planner .card .card-body {
background-color: #191A27;
border-radius: 0 0 24px 24px;
padding: 0;
overflow: hidden;
flex: unset; }
body main section.social_media_planner .card .card-body .video_wrapper {
border-radius: 0; }
body main section.social_media_planner .card .card-body .video_wrapper video {
border-radius: 0; }
body main section.social_media_planner .card:has(.card-header.bg-effect) {
padding: 4px; }
body main section.social_media_planner .card:has(.card-header.bg-effect):before {
display: none; }
body main section.social_media_planner .card:before {
content: "";
background-color: #191A27;
height: calc(100% - 4px);
width: calc(100% - 4px);
position: absolute;
top: 2px;
left: 2px;
z-index: -1;
border-radius: 24px; }
body main section.social_media_planner .card:after {
content: "";
background: #00A2E2;
background: -webkit-linear-gradient(135deg, #00a2e2 0%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0) 66%, #00a2e2 100%);
background: -moz-linear-gradient(135deg, #00a2e2 0%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0) 66%, #00a2e2 100%);
background: linear-gradient(135deg, #00a2e2 0%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0) 66%, #00a2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00A2E2", endColorstr="#00A2E2", GradientType=0);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2; }
body main section.crm_and_messaging {
padding: 80px 0; }
body main section.crm_and_messaging .card {
background-color: transparent;
border: none;
border-radius: 24px;
overflow: hidden;
padding: 60px 50px; }
body main section.crm_and_messaging .card .card-header {
background-color: transparent;
padding: 0 50px 0 0;
position: relative;
border: none; }
body main section.crm_and_messaging .card .card-body {
padding: 0; }
body main section.crm_and_messaging .nav-pills {
justify-content: center;
gap: 16px; }
body main section.crm_and_messaging .nav-pills .nav-item {
width: 100%;
max-width: calc(20% - 12.8px); }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link {
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-size: 24px;
font-weight: 600;
text-align: start;
padding: 16px;
border: solid 2px transparent;
border-radius: 16px;
transition: all .2s ease-in-out; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link span.play_button {
background-color: rgba(255, 255, 255, 0.4);
padding: 19px 20px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.1);
margin: 5px 5px 30px;
border-radius: 50%;
max-width: max-content;
transition: all .2s ease-in-out; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link span.play_button img {
height: auto;
width: 14px; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link.active {
border-color: #28A9E0;
color: #28A9E0; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link.active span.play_button {
background-color: #28A9E0;
box-shadow: 0 0 0 5px rgba(40, 169, 224, 0.4); }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link:hover {
border-color: #28A9E0;
color: #28A9E0; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link:hover span.play_button {
background-color: #28A9E0;
box-shadow: 0 0 0 5px rgba(40, 169, 224, 0.4); }
body main section.crm_and_messaging .tab-content {
background: url("../../img/automation_card_bg.jpg") no-repeat center/cover;
border-radius: 24px;
overflow: hidden; }
body main section.industry_resources {
padding: 80px 0; }
body main section.industry_resources .card {
background-color: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
border-radius: 24px;
overflow: hidden; }
body main section.industry_resources .card .card-header {
background-color: transparent;
padding: 24px;
position: relative;
border: none; }
body main section.industry_resources .card .card-header ul {
display: flex;
flex-direction: column;
gap: 4px; }
body main section.industry_resources .card .card-header ul li {
background: #ffffff;
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1);
padding: 4px 0;
position: relative; }
body main section.industry_resources .card .card-header ul li:before {
content: "";
background-color: rgba(255, 255, 255, 0.1);
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 100%; }
body main section.industry_resources .card .card-header.bg-text {
padding: 80px 24px 40px; }
body main section.industry_resources .card .card-header.bg-text:before {
content: "Unlock millions of assets";
width: 100%;
font-size: 6vw;
font-weight: 600;
color: rgba(255, 255, 255, 0.05);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
body main section.industry_resources .card .card-body {
padding: 0; }
body main section.industry_resources .card .card-body .card-img {
width: 100%;
border-radius: 0;
object-fit: cover;
object-position: left center; }
body main section.industry_resources .card .card-body .img_wrapper {
width: 100%;
overflow: hidden;
margin: 0 auto -5px;
z-index: -1; }
body main section.industry_resources .card .card-body .img_wrapper .obj_1 {
--imageWidth: 4520px;
background: url("../../img/img_horizontal_1.png") repeat-x left center/auto 100%;
height: 226px;
width: calc(var(--imageWidth) * 2);
animation: horizontal_infinite_scroll calc(1s * 60) linear infinite; }
body main section.industry_resources .card .card-body .img_wrapper .obj_2 {
--imageWidth: 4746px;
background: url("../../img/img_horizontal_2.png") repeat-x left center/auto 100%;
height: 226px;
width: calc(var(--imageWidth) * 2);
animation: horizontal_infinite_scroll_inverse calc(1s * 60) linear infinite; }
@keyframes horizontal_infinite_scroll {
0% {
transform: translateX(0); }
100% {
transform: translateX(calc(-1 * var(--imageWidth))); } }
@keyframes horizontal_infinite_scroll_inverse {
0% {
transform: translateX(calc(-1 * var(--imageWidth))); }
100% {
transform: translateX(calc(0 * var(--imageWidth))); } }
body main section.pricing {
padding: 80px 0 40px; }
body main section.pricing .item {
width: 100%;
max-width: calc(50% - 12px);
flex: 1; }
body main section.pricing .item .card {
background: #ffffff;
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
border: solid 2px rgba(255, 255, 255, 0.2);
border-radius: 24px;
overflow: hidden;
height: 100%; }
body main section.pricing .item .card .card-header {
padding: 24px 24px 16px;
border: none;
display: flex;
flex-direction: column;
position: relative; }
body main section.pricing .item .card .card-header .package_name {
max-width: max-content; }
body main section.pricing .item .card .card-header img.popular_tag {
height: auto;
width: auto;
position: absolute;
top: 0;
right: 0; }
body main section.pricing .item .card .card-header .f-18 {
font-size: 18px; }
body main section.pricing .item .card .card-header .btn-s1 {
font-size: 16px; }
body main section.pricing .item .card .card-header .btn-s1 span {
padding: 6px 40px;
align-items: center; }
body main section.pricing .item .card .card-header .btn-s1 span img {
height: 24px;
width: 24px; }
body main section.pricing .item .card .card-header .btn-s1:before {
content: "";
background: #00A2E2;
background: -webkit-linear-gradient(90deg, rgba(0, 162, 226, 0) 0%, #00a2e2 25%, #00a2e2 50%, #00a2e2 75%, rgba(0, 162, 226, 0) 100%);
background: -moz-linear-gradient(90deg, rgba(0, 162, 226, 0) 0%, #00a2e2 25%, #00a2e2 50%, #00a2e2 75%, rgba(0, 162, 226, 0) 100%);
background: linear-gradient(90deg, rgba(0, 162, 226, 0) 0%, #00a2e2 25%, #00a2e2 50%, #00a2e2 75%, rgba(0, 162, 226, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00A2E2", endColorstr="#00A2E2", GradientType=1);
padding-bottom: calc(100% + 10px);
width: 60%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
z-index: -1;
transition: all 1s ease;
pointer-events: none;
user-select: none;
animation: button 4s linear infinite; }
body main section.pricing .item .card .card-header .btn-s1:hover span, body main section.pricing .item .card .card-header .btn-s1:focus span, body main section.pricing .item .card .card-header .btn-s1:active span {
background: #00A2E2;
color: #ffffff;
border-color: #ffffff; }
body main section.pricing .item .card .card-header .btn-s1:hover span img, body main section.pricing .item .card .card-header .btn-s1:focus span img, body main section.pricing .item .card .card-header .btn-s1:active span img {
filter: brightness(0) invert(1); }
body main section.pricing .item .card .card-header:before {
content: "";
background: url("../../img/webp/pricing_card_bg.webp") no-repeat center/auto;
height: 314px;
width: 314px;
position: absolute;
top: 0;
left: 0;
transform: translate(calc(-50% + 50px), -50%);
z-index: -1; }
body main section.pricing .item .card .card-body {
padding: 0 0 24px; }
body main section.pricing .item .card .card-body .title {
background: #ffffff;
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1);
font-size: 16px;
padding: 4px 24px; }
body main section.pricing .item .card .card-body .text-red {
max-width: calc(100% - 70px); }
body main section.pricing .item .card .card-body ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 4px; }
body main section.pricing .item .card .card-body ul li {
background: #ffffff;
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=1);
font-size: 16px;
line-height: 18px;
padding: 4px 24px 4px 48px;
position: relative; }
body main section.pricing .item .card .card-body ul li:before {
content: "";
background: url("../../img/check.png") no-repeat center/cover;
height: 15px;
width: 15px;
position: absolute;
top: 50%;
left: 0;
transform: translate(24px, -50%); }
body main section.pricing .item .card.card-blue {
background: #27A3DC;
background: -webkit-linear-gradient(180deg, rgba(39, 163, 220, 0.32) 0%, rgba(39, 163, 220, 0.04) 100%);
background: -moz-linear-gradient(180deg, rgba(39, 163, 220, 0.32) 0%, rgba(39, 163, 220, 0.04) 100%);
background: linear-gradient(180deg, rgba(39, 163, 220, 0.32) 0%, rgba(39, 163, 220, 0.04) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#27A3DC", endColorstr="#27A3DC", GradientType=0); }
body main section.pricing .item.reseller .card .card-header:before {
transform: translate(calc(-50% + 72px), -50%); }
body main section.pricing .pricing_slider {
display: flex;
justify-content: center;
gap: 24px; }
body main section.pricing .pricing_slider .slick-list {
width: 100%;
padding: 0 10% 0 0 !important; }
body main section.pricing .pricing_slider .slick-list .slick-track {
display: flex;
align-items: start;
gap: 24px; }
body main section.pricing .nav-pills {
justify-content: center;
gap: 16px; }
body main section.pricing .nav-pills .nav-item .nav-link {
background-color: transparent;
color: #ffffff;
font-size: 20px;
font-weight: 400;
border: solid 1px #ffffff;
padding: 8px 24px;
border-radius: 50px;
min-width: 130px; }
body main section.pricing .nav-pills .nav-item .nav-link.active {
background-color: #ffffff;
color: #000000;
font-weight: 600; }
body main section.pricing .nav-pills .nav-item:nth-child(2) .nav-link {
background: #00A2E2;
background: -webkit-linear-gradient(43deg, #00a2e2 0%, #9747ff 100%);
background: -moz-linear-gradient(43deg, #00a2e2 0%, #9747ff 100%);
background: linear-gradient(43deg, #00a2e2 0%, #9747ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00A2E2", endColorstr="#9747FF", GradientType=0);
border: 0;
position: relative;
z-index: 1; }
body main section.pricing .nav-pills .nav-item:nth-child(2) .nav-link:before {
content: "";
background: #020B19;
background: -webkit-linear-gradient(43deg, #020b19 0%, #130922 100%);
background: -moz-linear-gradient(43deg, #020b19 0%, #130922 100%);
background: linear-gradient(43deg, #020b19 0%, #130922 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020B19", endColorstr="#130922", GradientType=0);
height: calc(100% - 2px);
width: calc(100% - 2px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 50px;
transition: all .3s ease-in-out; }
body main section.pricing .nav-pills .nav-item:nth-child(2) .nav-link:after {
content: "";
background: url("../../img/3d-glossy-shape 1.png") no-repeat center/cover;
height: 36px;
width: 34px;
position: absolute;
top: 0;
right: 0;
transform: translate(-13px, -17px);
animation: star 2s ease-in-out infinite; }
@keyframes star {
0% {
transform: translate(-13px, -17px) scale(1); }
50% {
transform: translate(-13px, -17px) scale(0.7); } }
body main section.pricing .nav-pills .nav-item:nth-child(2) .nav-link.active:before {
background: #ffffff; }
body main section.payment {
padding: 0 0 80px; }
body main section.payment .content_wrapper {
display: flex;
align-content: center;
border-radius: 16px;
overflow: hidden;
border: solid 2px rgba(255, 255, 255, 0.2); }
body main section.payment .content_wrapper .left_content {
background: rgba(255, 255, 255, 0.2);
width: 100%;
max-width: max-content;
padding: 10px 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px; }
body main section.payment .content_wrapper .left_content .top_bar {
display: flex;
align-items: center;
gap: 10px; }
body main section.payment .content_wrapper .left_content .top_bar img {
width: 100%;
max-width: 70px;
filter: brightness(0) invert(1); }
body main section.payment .content_wrapper .left_content > img {
width: 100%;
max-width: 280px; }
body main section.payment .content_wrapper .right_content {
width: 100%;
padding: 20px 10px; }
body main section.payment .content_wrapper .right_content .d-flex img {
height: auto;
width: 100%;
max-width: 140px;
margin: 0 10px; }
body main section.payment .content_wrapper .right_content .d-flex img:first-child {
margin: 0 10px 0 0; }
body main section.payment .content_wrapper .right_content .d-flex img:last-child {
margin: 0 0 0 10px; }
body main section.payment ul.info {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px; }
body main section.payment ul.info li {
font-size: 24px;
font-weight: 500; }
body main section.payment ul.info li img {
width: 32px; }
body main section.section_1 {
padding: 80px 0; }
body main section.section_1 .card {
padding: 12px;
border: none;
border-radius: 24px;
box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.05); }
body main section.section_1 .card .card-body {
padding: 0; }
body main section.section_1 .card img.card-img {
height: 100%;
width: 100%;
object-fit: cover; }
body main section.section_1 .card.card-s2 {
background: #1F2A54;
background: -webkit-linear-gradient(90deg, #1f2a54 0%, #11153d 50%, #0f1d49 100%);
background: -moz-linear-gradient(90deg, #1f2a54 0%, #11153d 50%, #0f1d49 100%);
background: linear-gradient(90deg, #1f2a54 0%, #11153d 50%, #0f1d49 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1F2A54", endColorstr="#0F1D49", GradientType=1);
padding: 24px;
border: none;
border-radius: 24px;
box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.05); }
body main section.faq {
padding: 80px 0; }
body main section.faq .accordion .accordion-item {
background: rgba(255, 255, 255, 0.1);
margin: 0 0 8px;
border: solid 1px rgba(255, 255, 255, 0.2);
border-radius: 10px;
overflow: hidden; }
body main section.faq .accordion .accordion-item .accordion-header .accordion-button {
background: transparent;
color: #ffffff;
font-size: 20px;
font-weight: 500;
padding: 15px;
border: none;
box-shadow: none; }
body main section.faq .accordion .accordion-item .accordion-header .accordion-button:after {
background-image: var(--bs-accordion-btn-icon);
filter: brightness(0) invert(1); }
body main section.faq .accordion .accordion-item .accordion-collapse .accordion-body {
color: #C5C5CA;
font-size: 20px;
padding: 0 15px 15px; }
body main section.faq .accordion .accordion-item:last-child {
margin: 0; }
body main section.faq .accordion-button :active {
background: transparent;
color: #fcce3e;
font-size: 20px;
font-weight: 500;
padding: 15px;
border: none;
box-shadow: none; }
body main section.faq .accordion-button :active:after {
background-image: var(--bs-accordion-btn-icon);
filter: brightness(0) invert(1); }
body main section.section_3 {
padding: 90px 0 20px; }
body main section.section_3 .content_wrapper {
border-radius: 16px;
padding: 60px 50px 60px 60px;
position: relative;
z-index: 1; }
body main section.section_3 .content_wrapper .img_wrapper {
margin-top: -150px; }
body main section.section_3 .content_wrapper .img_wrapper img {
width: 100%;
margin-top: 100px;
max-width: 748px;
border-radius: 18px; }
body main section.section_3 .content_wrapper > img.bg {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
pointer-events: none;
user-select: none;
border-radius: 16px; }
body main section.section_3:after {
content: "";
background-color: black;
height: 45%;
width: 200%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: -1; }
body main section.section_5 {
padding: 80px 0; }
body main section.section_5 .img_wrapper {
padding-right: 40px; }
body main section.section_5 .img_wrapper img {
width: 100%;
max-width: 748px; }
body main section.section_5 .card {
background-color: #ffffff;
border: solid 1px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 24px; }
body main section.section_5 .card .card-header {
background-color: transparent;
padding: 0;
border-radius: 12px 12px 0 0;
border: none; }
body main section.section_5 .card .card-body {
padding: 10px 0 0; }
body main section.section_5 img.obj {
position: absolute;
top: 0;
right: 0;
z-index: -1; }
body main section.section_8 {
padding: 80px 0; }
body main section.section_8 .obj {
background-color: rgba(3, 6, 63, 0.7);
padding: 32px 40px;
border-radius: 24px 0 0 24px;
backdrop-filter: blur(4px);
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%); }
body main section.section_8 .obj-bg {
height: 100%;
width: 40%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
pointer-events: none;
user-select: none; }
body main section.section_11 {
padding: 80px 0; }
body main section.section_11 ul {
background-color: #ffffff;
list-style: none;
margin: 0;
padding: 24px;
border-radius: 16px; }
body main section.section_11 ul li {
display: flex;
align-items: start;
gap: 8px;
border-bottom: solid 1px transparent;
border-image: linear-gradient(90deg, #00a2e2 0%, rgba(0, 162, 226, 0.1993172269) 50%, rgba(240, 240, 240, 0.1012780112) 75%, rgba(240, 240, 240, 0) 100%) 1;
padding-bottom: 8px;
margin-bottom: 8px; }
body main section.section_11 ul li img {
height: auto;
width: 60px; }
body main section.section_11 ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
body main section.section_11 img.obj {
position: absolute;
top: 0;
right: 0;
z-index: -1; }
body main section.section_15 {
padding: 80px 0; }
body main section.section_15 .card {
border-radius: 12px;
border: none;
overflow: hidden; }
body main section.section_15 .card .card-body {
padding: 24px; }
body main section.section_15 .card .card-body > img {
height: 100%;
width: 100%;
object-fit: cover; }
body main section.integrations {
padding: 80px 0; }
body main section.integrations .integrations-grid {
grid-template-columns: repeat(9, 1fr);
column-gap: 27px;
row-gap: 24px; }
body main section.integrations .integrations-grid .integration-item img {
width: 97px;
height: 97px;
object-fit: contain;
margin-bottom: 24px; }
body main section.integrations .integrations-grid .integration-item .title {
font-size: 24px;
font-weight: 500;
margin-bottom: 0; }
body main section.integrations .obj {
background-color: rgba(3, 6, 63, 0.7);
padding: 32px 40px;
border-radius: 24px 0 0 24px;
backdrop-filter: blur(4px);
position: absolute;
top: 60%;
right: 0;
transform: translate(0, -50%); }
body main section.steps {
padding: 80px 0; }
body main section.steps .list_Wrapper {
position: relative;
z-index: 1;
margin-bottom: 70px; }
body main section.steps .list_Wrapper ul {
position: relative;
z-index: 1;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: start;
gap: 90px; }
body main section.steps .list_Wrapper ul li {
width: 100%;
max-width: calc(20% - 45px);
position: relative; }
body main section.steps .list_Wrapper ul li .card {
border: solid 2px #ffffff;
border-radius: 12px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08); }
body main section.steps .list_Wrapper ul li .card .card-header {
background-color: #28A9E0;
padding: 10px 0;
border-radius: 12px 12px 0 0;
border: none; }
body main section.steps .list_Wrapper ul li .card .card-body {
padding: 10px; }
body main section.steps .list_Wrapper ul li .card .card-body img {
height: auto;
width: 68px; }
body main section.steps .list_Wrapper ul li:after {
content: "";
background: url("../../img/arrow.png") no-repeat center/cover;
height: 50px;
width: 50px;
position: absolute;
top: 35%;
left: 100%;
transform: translate(20px, -50%);
z-index: 1; }
body main section.steps .list_Wrapper ul li:nth-child(3) .card .card-header {
background-color: #60BF99; }
body main section.steps .list_Wrapper ul li:nth-child(4) .card .card-header {
background-color: #EE4C4C; }
body main section.steps .list_Wrapper ul li:nth-child(5) .card .card-header {
background-color: #03063F; }
body main section.steps .list_Wrapper ul li:last-child:after {
display: none; }
body main section.video {
padding: 240px 0 60px; }
body main section.video .video_wrapper {
box-shadow: 0 2px 30px -6px rgba(0, 0, 0, 0.4); }
body main section.video .img_wrapper {
position: absolute;
top: 60px;
left: 0;
width: 100%;
overflow: hidden;
margin: 0 auto;
z-index: -1; }
body main section.video .img_wrapper .obj_1 {
--imageWidth: 6725px;
background: url("../../img/webp/img-horizontal-1.webp") repeat-x left center/auto 100%;
height: 240px;
width: calc(var(--imageWidth) * 2);
animation: horizontal_infinite_scroll calc(1s * 60) linear infinite; }
body main section.video .img_wrapper .obj_2 {
--imageWidth: 6725px;
background: url("../../img/webp/img-horizontal-2.webp") repeat-x left center/auto 100%;
height: 240px;
width: calc(var(--imageWidth) * 2);
animation: horizontal_infinite_scroll_inverse calc(1s * 60) linear infinite; }
body main section.video .img_wrapper .obj_3 {
--imageWidth: 6725px;
background: url("../../img/webp/img-horizontal-3.webp") repeat-x left center/auto 100%;
height: 240px;
width: calc(var(--imageWidth) * 2);
animation: horizontal_infinite_scroll calc(1s * 60) linear infinite; }
@keyframes horizontal_infinite_scroll {
0% {
transform: translateX(0); }
100% {
transform: translateX(calc(-1 * var(--imageWidth))); } }
@keyframes horizontal_infinite_scroll_inverse {
0% {
transform: translateX(calc(-1 * var(--imageWidth))); }
100% {
transform: translateX(calc(0 * var(--imageWidth))); } }
body main section.cards {
padding: 80px 0; }
body main section.cards .card {
padding: 24px;
border: none;
border-radius: 12px;
box-shadow: 2px 2px 10px -2px rgba(251, 205, 66, 0.05); }
body main section.cards .card .card-body {
padding: 0; }
body main section.cards .card .card-body img.card-img {
height: auto;
width: 64px; }
body main section.cards .card-s2 {
background: rgba(255, 255, 255, 0.1);
border-radius: 24px;
padding: 0;
backdrop-filter: blur(10px);
position: relative;
z-index: 1;
overflow: hidden; }
body main section.cards .card-s2 .card-body {
padding: 24px;
overflow: hidden; }
body main section.cards .card-s2 .card-body img.card-img {
width: 74px; }
body main section.cards .card-s2:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
z-index: -1;
inset: 0;
border-radius: 24px;
border: 2px solid transparent;
background: linear-gradient(135deg, #ffcc02 0%, rgba(255, 204, 2, 0) 32%, rgba(255, 204, 2, 0) 66%, #ffcc02 100%) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude; }
body main section.cards .card-s3 {
background: transparent;
border-left: 4px solid #fbcd42;
padding: 0; }
body main section.cards .card-s3 .card-body {
background: -moz-linear-gradient(90deg, rgba(217, 217, 217, 0.5) 0%, rgba(3, 6, 63, 0) 100%);
background: -webkit-linear-gradient(90deg, rgba(217, 217, 217, 0.5) 0%, rgba(3, 6, 63, 0) 100%);
background: linear-gradient(90deg, rgba(217, 217, 217, 0.5) 0%, rgba(3, 6, 63, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a2e2",endColorstr="#00a2e2",GradientType=1);
padding: 16px 0 16px 16px; }
body main section.cards .card-s3:after {
display: none; }
body main section.cards div[class*="col-"]:has(.card-s2):nth-child(2) .card-s2:after {
background: linear-gradient(135deg, #ec3e3c 0%, rgba(236, 62, 60, 0) 32%, rgba(236, 62, 60, 0) 66%, #ec3e3c 100%) border-box; }
body main section.cards div[class*="col-"]:has(.card-s2):nth-child(3) .card-s2:after {
background: linear-gradient(135deg, #60bf99 0%, rgba(96, 191, 153, 0) 32%, rgba(96, 191, 153, 0) 66%, #60bf99 100%) border-box; }
body main section.cards div[class*="col-"]:has(.card-s2):nth-child(4) .card-s2:after {
background: linear-gradient(135deg, #00a2e2 0%, rgba(0, 162, 226, 0) 32%, rgba(0, 162, 226, 0) 66%, #00a2e2 100%) border-box; }
body main section.cards div[class*="col-"]:has(.card-s2):nth-child(6) .card-s2:after {
background: linear-gradient(135deg, #ec3e3c 0%, rgba(236, 62, 60, 0) 32%, rgba(236, 62, 60, 0) 66%, #ec3e3c 100%) border-box; }
body main section.cards div[class*="col-"]:has(.card-s2):nth-child(7) .card-s2:after {
background: linear-gradient(135deg, #60bf99 0%, rgba(96, 191, 153, 0) 32%, rgba(96, 191, 153, 0) 66%, #60bf99 100%) border-box; }
body main section.cards div[class*="col-"]:has(.card-s2):nth-child(8) .card-s2:after {
background: linear-gradient(135deg, #00a2e2 0%, rgba(0, 162, 226, 0) 32%, rgba(0, 162, 226, 0) 66%, #00a2e2 100%) border-box; }
body main section.cards div[class*="col-"]:nth-child(6) .card-s3, body main section.cards div[class*="col-"]:nth-child(7) .card-s3, body main section.cards div[class*="col-"]:nth-child(8) .card-s3, body main section.cards div[class*="col-"]:nth-child(9) .card-s3, body main section.cards div[class*="col-"]:nth-child(10) .card-s3 {
border-right: 4px solid #28A9E0;
border-left: none; }
body main section.cards div[class*="col-"]:nth-child(6) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(7) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(8) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(9) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(10) .card-s3 .card-body {
background: -moz-linear-gradient(90deg, rgba(40, 169, 224, 0.2) 0%, rgba(3, 6, 63, 0) 100%);
background: -webkit-linear-gradient(90deg, rgba(40, 169, 224, 0.2) 0%, rgba(3, 6, 63, 0) 100%);
background: linear-gradient(270deg, rgba(40, 169, 224, 0.2) 0%, rgba(3, 6, 63, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a2e2",endColorstr="#00a2e2",GradientType=1);
padding: 16px 16px 16px 0; }
body main section.cards .flip-container {
perspective: 1000px;
width: 432px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body main section.cards .flip-container .flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
display: flex;
justify-content: center; }
body main section.cards .flip-container .flipper .front,
body main section.cards .flip-container .flipper .back {
backface-visibility: hidden; }
body main section.cards .flip-container .flipper .front img,
body main section.cards .flip-container .flipper .back img {
width: 100%; }
body main section.cards .flip-container .flipper .front {
width: 100%;
position: absolute;
top: 0;
left: 50%;
transform: rotateY(180deg) translate(50%, 0);
z-index: 2; }
body main section.cards .flip-container .flipper .back {
transform: rotateY(0deg); }
body main section.cards .flip-container .flipper:nth-child(2) {
margin: -20px 9.72% 0;
z-index: -1; }
body main section.cards .flip-container .flipper:nth-child(3) {
margin: -20px 17.36% 0;
z-index: -2; }
body main section.cards .flip-container .flipper:nth-child(4) {
margin: -20px 23.61% 0;
z-index: -3; }
body main section.cards .flip-container div.aos-animate .flipper {
animation: flip-funnle .4s ease-in-out forwards; }
body main section.cards .flip-container div.aos-animate .flipper:nth-child(2) {
animation-delay: .2s; }
body main section.cards .flip-container div.aos-animate .flipper:nth-child(3) {
animation-delay: .4s; }
body main section.cards .flip-container div.aos-animate .flipper:nth-child(4) {
animation-delay: .6s; }
@keyframes flip-funnle {
0% {
transform: rotateY(0); }
100% {
transform: rotateY(180deg); } }
body main section.ceo {
background-color: #03063F;
padding: 80px 0; }
body main section.ceo .card {
background-color: transparent;
padding: 0;
border-radius: 0;
border: none; }
body main section.ceo .card img.card-img {
margin: 0 auto;
border-radius: 50%; }
body main section.ceo .card .card-body {
padding: 32px 0; }
body main section.ceo .content_wrapper {
padding-left: 40px; }
@media (max-width: 1580px) {
body main section.ai_ads_pro .nav-pills .nav-item .nav-link {
font-size: 14px; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link {
font-size: 20px; }
body main section.industry_resources .card .card-body .img_wrapper .obj_1 {
--imageWidth: 4200px;
height: 200px; }
body main section.industry_resources .card .card-body .img_wrapper .obj_2 {
--imageWidth: 4000px;
height: 200px; }
body main section.pricing .pricing_slider {
gap: 16px; }
body main section.pricing .pricing_slider .item .card .card-body ul li {
font-size: 16px; }
body main section.pricing .pricing_slider .item.popular {
max-width: calc(24% - 19.2px); }
body main section.pricing .pricing_slider .item.popular .card {
padding: 6px; }
body main section.pricing .pricing_slider .item.popular .card .card-body {
padding: 16px; }
body main section.pricing .pricing_slider .slick-list .slick-track {
gap: 16px; }
body main section.payment .content_wrapper .left_content > img {
max-width: 240px; }
body main section.payment .content_wrapper .right_content .d-flex img {
max-width: 120px; }
body main section.section_1 .img_wrapper {
padding-right: 20px; }
body main section.section_5 .card {
padding: 18px; }
body main section.section_5 .card .card-header img {
height: auto;
width: 24px; }
body main section.section_5 img.obj {
max-width: 400px; }
body main section.section_11 img.obj {
max-width: 360px; }
body main section.integrations .integrations-grid .integration-item img {
width: 80px;
height: 80px; }
body main section.integrations .integrations-grid .integration-item .title {
font-size: 20px; }
body main section.steps .list_Wrapper ul {
gap: 70px; }
body main section.steps .list_Wrapper ul li {
max-width: calc(20% - 35px); }
body main section.steps .list_Wrapper ul li .card .card-body {
padding: 10px; }
body main section.steps .list_Wrapper ul li .card .card-body img {
width: 50px; }
body main section.steps .list_Wrapper ul li:after {
height: 30px;
width: 30px; }
body main section.section_15 .card .card-body h2 img {
height: auto;
width: 52px; }
body main section.video {
padding: 220px 0 60px; }
body main section.video .img_wrapper .obj_1 {
--imageWidth: 5600px;
height: 200px; }
body main section.video .img_wrapper .obj_2 {
--imageWidth: 5600px;
height: 200px; }
body main section.video .img_wrapper .obj_3 {
--imageWidth: 5600px;
height: 200px; } }
@media (max-width: 1380px) {
body main section.hero {
padding: 140px 0 80px; }
body main section.featured-in img {
max-width: 150px; }
body main section.reviews {
padding: 60px 0; }
body main section.all_in_one .content_wrapper {
padding: 40px 20px; }
body main section.all_in_one .card .card-header .card-img {
width: 80px; }
body main section.all_in_one .card .card-body {
padding: 0 10px 20px; }
body main section.all_in_one .card .card-body ul li {
font-size: 14px;
padding: 6px 10px; }
body main section.all_in_one .card .card-body .text_wrapper p {
font-size: 14px; }
body main section.who_we_are {
padding: 60px 0; }
body main section.ai_ads_pro {
padding: 60px 0; }
body main section.ai_ads_pro .nav-pills .nav-item .nav-link {
font-size: 12px;
padding: 8px 4px; }
body main section.social_media_planner {
padding: 60px 0; }
body main section.crm_and_messaging {
padding: 60px 0; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link {
font-size: 16px; }
body main section.industry_resources {
padding: 60px 0; }
body main section.industry_resources .card .card-body .img_wrapper .obj_1 {
--imageWidth: 3000px;
height: 150px; }
body main section.industry_resources .card .card-body .img_wrapper .obj_2 {
--imageWidth: 3150px;
height: 150px; }
body main section.pricing {
padding: 60px 0 40px; }
body main section.payment {
padding: 0 0 60px; }
body main section.payment .content_wrapper .left_content {
padding: 10px 30px; }
body main section.payment .content_wrapper .left_content .top_bar img {
max-width: 60px; }
body main section.payment .content_wrapper .left_content > img {
max-width: 200px; }
body main section.payment .content_wrapper .right_content .d-flex img {
max-width: 100px; }
body main section.payment ul.info li {
font-size: 18px; }
body main section.payment ul.info li img {
width: 26px; }
body main section.faq {
padding: 60px 0; }
body main section.faq .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px; }
body main section.faq .accordion .accordion-item .accordion-collapse .accordion-body {
font-size: 18px; }
body main section.section_3 .content_wrapper {
padding: 40px 34px 40px 40px; }
body main section.section_3 .content_wrapper .img_wrapper {
margin-top: -130px; }
body main section.section_5 img.obj {
max-width: 300px; }
body main section.section_11 img.obj {
max-width: 300px; }
body main section.integrations .integrations-grid {
grid-template-columns: repeat(8, 1fr); }
body main section.steps .list_Wrapper ul {
gap: 40px; }
body main section.steps .list_Wrapper ul li {
max-width: calc(20% - 20px);
font-size: 12px; }
body main section.steps .list_Wrapper ul li .card .card-body {
padding: 10px 0; }
body main section.steps .list_Wrapper ul li .card .card-body img {
width: 40px; }
body main section.steps .list_Wrapper ul li:after {
height: 20px;
width: 20px;
transform: translate(10px, -50%); }
body main section.video {
padding: 180px 0 60px; }
body main section.video .img_wrapper .obj_1 {
--imageWidth: 4200px;
height: 150px; }
body main section.video .img_wrapper .obj_2 {
--imageWidth: 4200px;
height: 150px; }
body main section.video .img_wrapper .obj_3 {
--imageWidth: 4200px;
height: 150px; }
body main section.cards .card .card-body img.card-img {
width: 54px; }
body main section.cards .card-s2 {
padding: 0; }
body main section.cards .card-s2 .card-body img.card-img {
width: 64px; }
body main section.cards .card-s3 {
padding: 0; }
body main section.cards .card-s3 .card-body {
padding: 10px 0 10px 10px; }
body main section.cards .card-s3 .card-body .f-20 {
font-size: 16px; }
body main section.cards .card-s3 .card-body ul li {
font-size: 14px; }
body main section.cards .card-s3 .card-body p {
font-size: 14px; }
body main section.cards div[class*="col-"]:nth-child(6) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(7) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(8) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(9) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(10) .card-s3 .card-body {
padding: 10px 10px 10px 0; }
body main section.cards .flip-container {
width: 300px; }
body main section.cards .flip-container .flipper:nth-child(2) {
margin: -16px 9.72% 0; }
body main section.cards .flip-container .flipper:nth-child(3) {
margin: -16px 17.36% 0; }
body main section.cards .flip-container .flipper:nth-child(4) {
margin: -16px 23.61% 0; } }
@media (max-width: 1180px) {
body main section.ai_ads_pro .card {
padding: 40px 30px; }
body main section.ai_ads_pro .card .card-header {
padding: 0 30px 0 0; }
body main section.ai_ads_pro .nav-pills {
gap: 4px; }
body main section.ai_ads_pro .nav-pills .nav-item {
max-width: calc(16.666% - 3.333px); }
body main section.ai_ads_pro .nav-pills .nav-item .nav-link {
padding: 8px 2px; }
body main section.crm_and_messaging .card {
padding: 40px 30px; }
body main section.crm_and_messaging .card .card-header {
padding: 0 30px 0 0; }
body main section.section_5 img.obj {
max-width: 200px; }
body main section.integrations .integrations-grid .integration-item img {
width: 60px;
height: 60px; }
body main section.integrations .integrations-grid .integration-item .title {
font-size: 16px; }
body main section.section_15 .card .card-body {
padding: 16px; }
body main section.section_15 .card .card-body h2 img {
height: auto;
width: 42px; }
body main section.section_15 .card .card-body .card h3 {
font-size: 14px; }
body main section.section_15 .card .card-body .card p {
font-size: 14px; }
body main section.video {
padding: 160px 0 60px; }
body main section.video .img_wrapper .obj_1 {
--imageWidth: 3920px;
height: 140px; }
body main section.video .img_wrapper .obj_2 {
--imageWidth: 3920px;
height: 140px; }
body main section.video .img_wrapper .obj_3 {
--imageWidth: 3920px;
height: 140px; } }
@media (max-width: 992px) {
body main section.hero {
padding: 120px 0 60px; }
body main section.featured-in img {
max-width: 100px; }
body main section.who_we_are {
padding: 80px 0; }
body main section.who_we_are .card .card-header {
padding: 20px; }
body main section.who_we_are .card .card-body {
padding: 20px 20px 0; }
body main section.who_we_are .card.s2 .card-header {
padding: 20px; }
body main section.who_we_are .card.s2 .card-body {
padding: 0 20px 20px; }
body main section.ai_ads_pro .card {
padding: 40px; }
body main section.ai_ads_pro .card .card-header {
padding: 0 0 20px 0; }
body main section.ai_ads_pro .nav-pills .nav-item {
max-width: calc(33.333% - 10.666px); }
body main section.ai_ads_pro .start_now .top ul li {
max-width: 100%; }
body main section.ai_ads_pro .start_now .bottom {
flex-direction: column; }
body main section.crm_and_messaging .card {
padding: 40px; }
body main section.crm_and_messaging .card .card-header {
padding: 0 0 20px 0; }
body main section.crm_and_messaging .nav-pills .nav-item {
max-width: calc(33.33% - 10.66666px); }
body main section.pricing {
padding: 60px 0 20px; }
body main section.pricing .item .card .card-body ul li {
font-size: 16px; }
body main section.payment .content_wrapper {
flex-wrap: wrap; }
body main section.payment .content_wrapper .left_content {
max-width: 100%;
justify-content: center;
padding: 10px; }
body main section.payment ul.info {
gap: 4px;
flex-direction: column; }
body main section.section_1 {
padding: 60px 0; }
body main section.faq .accordion .accordion-item .accordion-header .accordion-button {
font-size: 16px; }
body main section.faq .accordion .accordion-item .accordion-collapse .accordion-body {
font-size: 16px; }
body main section.section_5 {
padding: 60px 0; }
body main section.section_5 .img_wrapper {
padding-right: 0; }
body main section.section_5 img.obj {
max-width: 150px; }
body main section.section_8 {
padding: 0 0 60px; }
body main section.section_8 p img {
height: 16px; }
body main section.section_8 .obj {
position: unset;
transform: none;
padding: 20px 20px;
border-radius: 12px;
max-width: max-content; }
body main section.section_8 .obj-bg {
height: auto;
width: 100%;
position: relative; }
body main section.section_11 {
padding: 60px 0; }
body main section.section_11 h3 img {
height: 16px; }
body main section.section_11 img.obj {
max-width: 150px; }
body main section.integrations {
padding: 60px 0; }
body main section.integrations .integrations-grid {
grid-template-columns: repeat(6, 1fr); }
body main section.section_15 {
padding: 60px 0; }
body main section.steps {
padding: 60px 0; }
body main section.steps .list_Wrapper {
margin-bottom: 30px; }
body main section.steps .list_Wrapper ul {
flex-direction: column;
align-items: center;
gap: 60px; }
body main section.steps .list_Wrapper ul li {
max-width: 40%;
font-size: 16px; }
body main section.steps .list_Wrapper ul li:before {
display: none; }
body main section.steps .list_Wrapper ul li:after {
top: 100%;
left: 50%;
transform: translate(-50%, 20px) rotate(90deg); }
body main section.steps .list_Wrapper ul:before, body main section.steps .list_Wrapper ul:after {
display: none; }
body main section.steps .list_Wrapper:after {
display: none; }
body main section.cards {
padding: 60px 0; }
body main section.cards .flip-container {
position: relative;
top: unset;
left: unset;
transform: none;
margin: 0 auto; }
body main section.ceo {
padding: 60px 0; }
body main section.ceo .content_wrapper {
padding-left: 0; } }
@media (max-width: 767px) {
body main section.reviews {
padding: 40px 0; }
body main section.reviews .card {
margin: 0 6px; }
body main section.all_in_one {
padding: 40px 0; }
body main section.who_we_are {
padding: 40px 0; }
body main section.ai_ads_pro {
padding: 40px 0; }
body main section.ai_ads_pro .card {
padding: 20px; }
body main section.ai_ads_pro .start_now {
padding: 20px; }
body main section.social_media_planner {
padding: 40px 0; }
body main section.social_media_planner .card .card-header.bg-text {
padding: 40px 24px 40px; }
body main section.social_media_planner .card .card-header.bg-text:before {
display: none; }
body main section.crm_and_messaging {
padding: 40px 0; }
body main section.crm_and_messaging .card {
padding: 20px; }
body main section.industry_resources {
padding: 40px 0; }
body main section.industry_resources .card .card-header.bg-text {
padding: 40px 24px 40px; }
body main section.industry_resources .card .card-header.bg-text:before {
display: none; }
body main section.pricing {
padding: 40px 0 20px; }
body main section.pricing .item {
max-width: 60%; }
body main section.pricing .item .card .card-header {
padding: 14px 14px 16px; }
body main section.pricing .item .card .card-header img.popular_tag {
width: 44px; }
body main section.pricing .item .card .card-header .f-18 {
font-size: 14px; }
body main section.pricing .item .card .card-header .btn-s1 span {
padding: 6px 20px; }
body main section.pricing .item .card .card-header:before {
transform: translate(calc(-50% + 40px), calc(-50% + -10px)); }
body main section.pricing .item .card .card-body {
padding: 0 0 14px; }
body main section.pricing .item .card .card-body .title {
padding: 4px 14px; }
body main section.pricing .item .card .card-body ul li {
padding: 4px 14px 4px 38px; }
body main section.pricing .item .card .card-body ul li:before {
transform: translate(14px, -50%); }
body main section.pricing .item.reseller .card .card-header:before {
transform: translate(calc(-50% + 62px), calc(-50% + -10px)); }
body main section.pricing .nav-pills {
justify-content: center;
gap: 16px; }
body main section.pricing .nav-pills .nav-item .nav-link {
font-size: 16px;
padding: 8px 20px; }
body main section.payment {
padding: 0 0 40px; }
body main section.payment .content_wrapper .right_content .d-flex img {
max-width: 80px;
margin: 0 5px; }
body main section.payment .content_wrapper .right_content .d-flex img:first-child {
margin: 0 5px 0 0; }
body main section.payment .content_wrapper .right_content .d-flex img:last-child {
margin: 0 0 0 5px; }
body main section.payment ul.info li {
font-size: 14px; }
body main section.payment ul.info li img {
width: 24px; }
body main section.section_1 {
padding: 40px 0; }
body main section.section_1 .card.card-s2 {
padding: 12px; }
body main section.faq {
padding: 40px 0; }
body main section.section_3 .content_wrapper .img_wrapper img {
max-width: 400px; }
body main section.section_15 .card .card-body h2 {
font-size: 20px; }
body main section.steps .list_Wrapper ul li {
max-width: 80%; }
body main section.video {
padding: 140px 0 40px; }
body main section.video .img_wrapper .obj_1 {
--imageWidth: 2800px;
height: 100px; }
body main section.video .img_wrapper .obj_2 {
--imageWidth: 2800px;
height: 100px; }
body main section.video .img_wrapper .obj_3 {
--imageWidth: 2800px;
height: 100px; }
body main section.cards .card-s2 .card-body {
padding: 16px; }
body main section.cards .card-s3 {
padding: 0; }
body main section.cards .card-s3 .card-body {
padding: 10px 0 10px 10px; }
body main section.cards .card-s3 .card-body .f-20 {
font-size: 16px; }
body main section.cards .card-s3 .card-body ul li {
font-size: 14px; }
body main section.cards .card-s3 .card-body p {
font-size: 14px; }
body main section.cards div[class*="col-"]:nth-child(6) .card-s3, body main section.cards div[class*="col-"]:nth-child(7) .card-s3, body main section.cards div[class*="col-"]:nth-child(8) .card-s3, body main section.cards div[class*="col-"]:nth-child(9) .card-s3, body main section.cards div[class*="col-"]:nth-child(10) .card-s3 {
border-right: none;
border-left: 4px solid #28A9E0; }
body main section.cards div[class*="col-"]:nth-child(6) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(7) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(8) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(9) .card-s3 .card-body, body main section.cards div[class*="col-"]:nth-child(10) .card-s3 .card-body {
background: -moz-linear-gradient(90deg, rgba(40, 169, 224, 0.2) 0%, rgba(3, 6, 63, 0) 100%);
background: -webkit-linear-gradient(90deg, rgba(40, 169, 224, 0.2) 0%, rgba(3, 6, 63, 0) 100%);
background: linear-gradient(90deg, rgba(40, 169, 224, 0.2) 0%, rgba(3, 6, 63, 0) 100%);
padding: 10px 0 10px 10px; }
body main section.ceo {
padding: 40px 0; } }
@media (max-width: 567px) {
body main section.hero {
padding: 100px 0 40px; }
body main section.hero .badge {
font-size: 12px; }
body main section.featured-in {
padding: 20px 0; }
body main section.ai_ads_pro .nav-pills .nav-item {
max-width: calc(50% - 8px); }
body main section.crm_and_messaging .nav-pills .nav-item {
max-width: 100%; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
padding: 12px 12px 12px 12px; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link span.play_button {
padding: 9px 10px;
margin: 0 12px 0 0; }
body main section.crm_and_messaging .nav-pills .nav-item .nav-link span.play_button img {
width: 7px; }
body main section.payment .content_wrapper .right_content .d-flex img {
max-width: 50px; }
body main section.integrations .integrations-grid {
grid-template-columns: repeat(3, 1fr); }
body main section.video {
padding: 100px 0 40px; }
body main section.video .img_wrapper {
top: 40px; }
body main section.video .img_wrapper .obj_1 {
--imageWidth: 1848px;
height: 66px; }
body main section.video .img_wrapper .obj_2 {
--imageWidth: 1848px;
height: 66px; }
body main section.video .img_wrapper .obj_3 {
--imageWidth: 1848px;
height: 66px; }
body main section.cards {
padding: 40px 0; }
body main section.pricing {
padding: 40px 0 20px; }
body main section.pricing .item {
max-width: 100%; }
body main section.pricing .item .card .card-header {
padding: 14px 14px 16px; }
body main section.pricing .item .card .card-header img.popular_tag {
width: 44px; }
body main section.pricing .item .card .card-header .f-18 {
font-size: 18px; }
body main section.pricing .item .card .card-header .btn-s1 span {
padding: 6px 20px; }
body main section.pricing .item .card .card-header:before {
transform: translate(calc(-50% + 40px), calc(-50% + -10px)); }
body main section.pricing .item .card .card-body {
padding: 0 0 14px; }
body main section.pricing .item .card .card-body .title {
padding: 14px 10px; }
body main section.pricing .item .card .card-body ul li {
padding: 4px 14px 4px 38px; }
body main section.pricing .item .card .card-body ul li:before {
transform: translate(14px, -50%); }
body main section.pricing .item.reseller .card .card-header:before {
transform: translate(calc(-50% + 62px), calc(-50% + -10px)); }
body main section.pricing .nav-pills {
justify-content: center;
gap: 16px; }
body main section.pricing .nav-pills .nav-item .nav-link {
font-size: 16px;
padding: 8px 20px; } }
/*# sourceMappingURL=home.css.map */