.faq-content,
.three_col_table table tr td:nth-child(2),
.three_col_table table tr td:nth-child(3),
.three_col_table table tr td:nth-child(4),
div#ez-toc-container ul li,
p {
font-weight: 400
}
.faq .faq-card:not(:last-child),
.user_view_wrap {
margin-bottom: 30px
}
header.main_header.header ul.header_top li>a span,
textarea {
padding-left: 8px
}
:root {
--primary_color: rgba(37, 131, 233, 1);
--secondry_color: rgba(255, 122, 47, 1);
--text_color: rgba(59, 59, 59, 1);
--second_text: rgba(255, 255, 255, 1);
--pt_50: 50px;
--pt_40: 40px;
--pt_30: 30px;
--pt_20: 12px;
--pt_12: 12px;
--fs_34: 34px;
--fs_32: 32px;
--fs_24: 24px;
--fs_20: 18px;
--fs_18: 18px;
--fs_16: 16px;
--fw_600: 600;
--fw_500: 500;
--fw_400: 400;
--pl_pr: 30;
--fs65: 65px
}
.banner_wrap h1 {
font-size: var(--fs_34) !important;
font-weight: var(--fw_500) !important;
line-height: 47px !important
}
p {
font-size: 18px;
line-height: 32px;
margin: 0
}
.container {
max-width: 1440px !important;
padding: 0 !important
}
.banner_section_inner {
padding-top: 170px !important;
display: block;
padding-bottom: 50px
}
.common_div {
display: flex;
align-items: center;
flex-wrap: wrap
}
.inner_bg {
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/banner_img.png);
background-repeat: no-repeat;
background-size: cover
}
.banner_wrap .breadcrumb {
justify-content: flex-start;
padding: 0
}
.banner_wrap {
width: 100%;
max-width: 620px
}
.user_card {
display: flex;
align-items: end;
justify-content: space-between;
width: 100%;
max-width: 613px;
padding-top: var(--pt_40)
}
.user_img {
display: flex;
align-items: center;
column-gap: 20px
}
.user_view_wrap {
display: flex;
align-items: center;
column-gap: 10px
}
.blog_cta_wrap a,
.cta_main_info a {
animation: 2s infinite pulse
}
.blog_cta_wrap a:hover {
background: #ff7a2f;
text-decoration: none !important
}
.breadcrumb .text_color,
.breadcrumb-item a {
color: var(--secondry_color)
}
.user_name_text p,
.user_name_text span {
font-weight: var(--fw_500);
color: var(--text_color)
}
.user_name_text p {
font-size: var(--fs_20);
line-height: 22px;
font-style: italic
}
.user_name_text span {
font-size: var(--fs_16);
line-height: 17.6px
}
.blog_cta_short img,
.detail_view table {
width: 100%;
max-width: 100%
}
.detail_view h3 {
color: #3495cc !important;
font-weight: 500 !important
}
.table_inner_blog table {
border: 2px solid #ff7a2f;
border-radius: 10px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden
}
.blog_app_feature,
.blog_summary {
border: 1px solid rgba(37, 121, 233, .3)
}
.detail_view table tbody tr td {
padding: 10px;
font-size: 15px;
font-weight: 500
}
.pt_50 {
padding-top: var(--pt_50)
}
.blog_summary {
background: #f6faff;
padding: 30px;
border-radius: 10px;
margin-bottom: 10px
}
.blog_summary h2 {
font-size: var(--fs_24);
font-weight: var(--fw_600);
font-style: italic;
line-height: 26px;
margin: 0
}
.blog_summary p:nth-child(2),
.blog_summary p:nth-child(3) {
padding-top: 14px;
font-size: var(--fs_20);
font-weight: var(--fw_400);
line-height: 30px;
font-style: italic
}
.blog_summary_text p {
font-size: var(--fs_20) !important;
font-weight: var(--fw_400);
line-height: 30px;
color: var(--text_color);
padding-top: var(--pt_20)
}
.blog_summary_text a {
color: var(--primary_color);
font-weight: var(--fw_600)
}
.blog_summary_text a:hover {
text-decoration: underline
}
.blog_summary_text h2 {
font-size: var(--fs_32);
font-weight: var(--fw_400);
line-height: 48px;
margin: 0;
padding-top: 20px;
padding-bottom: 0 !important;
color: var(--text_color)
}
.blog_cta_wrap h4,
.blog_summary_text .cta_main_info h3,
.cta_main_info h4 {
font-size: var(--fs_32) !important;
font-weight: var(--fw_500) !important;
line-height: 35px !important;
margin: 0
}
.blog_cta_wrap,
.cta_main_info {
background: #2583e9;
border-radius: 12px;
padding: 50px 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 20px
}
.blog_summary_text .blog_cta_wrap h4 {
color: #fff !important;
font-size: var(--fs_32) !important
}
.blog_cta_wrap::before,
.cta_main_info::before {
content: '';
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/before_cta.png);
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
height: 280px;
width: 307px
}
.blog_cta_wrap::after,
.cta_main_info::after {
content: '';
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/after_cta.png);
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 0;
height: 280px;
width: 307px
}
.blog_cta_wrap h4,
.cta_main_info h4 {
color: var(--second_text);
text-align: center
}
.blog_summary_text .cta_main_info h3 {
color: var(--second_text)
}
.blog_cta_wrap p,
.cta_main_info p {
font-size: var(--fs_20);
font-weight: var(--fw_400);
line-height: 22px;
color: var(--second_text);
padding-top: var(--pt_20);
text-align: center
}
.blog_cta_wrap a,
.cta_main_info a {
background: var(--secondry_color);
padding: 14px;
color: var(--second_text) !important;
margin-top: 30px;
z-index: 9;
position: relative
}
#ez-toc-container a,
.blog_summary_text h5,
.inner_table_content p {
color: var(--text_color)
}
.cta_main_info #talk_to_expert {
text-align: center;
display: flex;
justify-content: center;
max-width: 250px;
margin: 30px auto auto
}
.cta_main_info a:hover {
background: #ff7a2f !important;
text-decoration: none !important
}
.blog_summary_text ul {
margin: 0 !important;
padding-left: 20px
}
.blog_summary_text ul li h4,
.code-container {
padding-top: 10px
}
.blog_summary_text ol,
.blog_summary_text ul {
padding-top: 10px;
margin: 0
}
.blog_summary_text ol li,
.blog_summary_text ul li {
font-size: 16px;
font-weight: 400;
line-height: 35px;
position: relative
}
.blog_summary_text ul.blog_ul li::after {
content: '';
position: absolute;
top: 13px;
left: -17px;
right: 0;
bottom: 0;
background: #2583e9;
width: 7px;
height: 7px;
border-radius: 31px
}
.blog_summary_text h5 {
font-size: var(--fs_20);
font-weight: var(--fw_500);
line-height: 22px;
padding-top: 20px
}
.inner_table_content p,
.social_icon_wrap span {
font-weight: var(--fw_600);
line-height: 26px;
font-size: var(--fs_24)
}
.table_inner_blog {
overflow-x: auto;
width: 100%;
max-width: 100%
}
.blog_summary_text .table_inner_blog table,
.one_col_table,
.three_col_table table {
margin-top: 20px;
width: 100%;
border: 1px solid rgba(255, 122, 47, .3) !important;
border-radius: 10px;
overflow: hidden
}
#ez-toc-container li,
#ez-toc-container ul,
#ez-toc-container ul li,
div.ez-toc-widget-container,
div.ez-toc-widget-container li,
ul li {
overflow: unset !important
}
.table_inner_blog tr:nth-child(odd),
.three_col_table tr:nth-child(odd) {
background: #f5f4f3
}
.three_col_table tr:nth-child(2n) {
background: #fff
}
.table_inner_blog table th:first-child,
.table_inner_blog table th:nth-child(2) {
background-color: var(--secondry_color);
color: var(--second_text);
padding: 15px;
font-size: var(--fs_20);
font-weight: var(--fw_500);
text-align: center;
width: 50%
}
.table_inner_blog table td {
font-size: var(--fs_18);
font-family: var(--fw_500);
line-height: 41px;
padding: 5px 20px;
color: var(--text_color)
}
.inner_table_content ul li a,
.three_col_table table td {
font-family: var(--fw_400)
}
.col-lg-3.size_view .inner_table_content.left_size_form.show_data {
background: #fff;
padding: 0
}
.col-lg-3.size_view .inner_table_content.left_size_form.show_data #ez-toc-container {
background: #f2f5f7 !important;
padding: 10px 0 !important;
border-radius: 15px
}
.inner_table_content {
background: #f2f5f7;
padding: 10px 0;
border-radius: 15px;
position: sticky;
top: 130px;
max-width: 320px;
width: 100%;
visibility: hidden
}
.inner_table_content p {
font-style: normal
}
.inner_table_content .ez-toc-list.ez-toc-list-level-1 {
padding: inherit !important
}
.size_view .inner_table_content nav ul li a.ez-toc-link {
font-size: var(--fs_16) !important;
font-weight: var(400) !important;
line-height: 22px !important
}
.blog_detail_content.pt_30 #ez-toc-container,
.blog_summary_text div#ez-toc-container,
a.ez-toc-pull-right.ez-toc-btn.ez-toc-btn-xs.ez-toc-btn-default.ez-toc-toggle {
display: none !important
}
div#ez-toc-container ul li {
padding: 6px 15px
}
li.ez-toc-heading-level-3 {
padding: 14px 0 0 5px !important
}
.inner_table_content nav ul li.active {
color: #146fac;
font-weight: 500 !important;
font-size: 16px
}
nav ul li ul.ez-toc-list-level-3 {
display: none;
transition: .5s
}
nav ul li.active ul.ez-toc-list-level-3 {
display: block;
transition: .5s
}
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before,
.inner_table_content #ez-toc-container.counter-decimal ul.ez-toc-list li a::before {
content: '';
position: absolute;
top: 20px;
left: -13px;
right: 0;
bottom: 0;
background: #2583e9;
width: 7px;
height: 7px;
border-radius: 31px
}
.inner_table_content.show_data {
visibility: visible;
opacity: 1;
transition: .5s ease-in-out
}
.faq-content {
font-size: 16px;
}
.social_icon_wrap.social_main_wrap {
flex-direction: column
}
.social_main_wrap {
background: #2583e9;
overflow: hidden;
border-radius: 13px;
padding: 13px
}
.blog_app_feature,
.set_ideas_wrap {
background: #f6faff;
margin-top: 30px
}
.social_icon_wrap span {
color: var(--second_text);
font-style: italic;
padding-bottom: 10px;
padding-left: 10px
}
.social_link {
display: flex;
column-gap: 30px;
border-top: 1px solid rgba(255, 255, 255, .2);
padding: 10px;
justify-content: center
}
.social_main_wrap a {
background: 0 0 !important;
border: none !important
}
* {
scrollbar-width: auto;
scrollbar-color: rgba(37, 131, 233, 0.3)
}
.inner_table_content ::-webkit-scrollbar {
width: 10px
}
.inner_table_content ::-webkit-scrollbar-track {
background: rgb(20 111 172 / 50%)
}
.inner_table_content ::-webkit-scrollbar-thumb {
background: #146fac;
border-radius: 10px
}
.blog_app_feature {
padding: 0 30px 30px;
border-radius: 12px;
counter-reset: heading-counter
}
.blog_app_feature h3 {
font-size: var(--fs_24);
font-weight: var(--fw_500);
line-height: 36px;
padding-top: 20px;
color: var(--text_color);
position: relative
}
.blog_app_feature p {
font-size: var(--fs_16);
font-weight: var(--fw_400);
line-height: 30px;
padding-top: 12px;
color: var(--text_color)
}
.blog_app_number h3:after {
content: counter(heading-counter) ". ";
counter-increment: heading-counter;
position: absolute;
left: 0;
top: 20px
}
.blog_app_number h3 {
padding-left: 26px;
color: var(--text_color) !important
}
.second_feature h3 {
padding-left: 40px;
color: var(--text_color) !important
}
.blog_app_feature.second_feature h3::before {
content: '';
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/start_icon01.svg);
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 27px;
width: 24px;
height: 24px
}
.set_ideas_wrap {
border: 1px solid rgba(37, 121, 233, .3);
border-radius: 12px;
display: flex;
column-gap: 20px;
padding: 30px
}
.like_ideas {
display: flex;
flex-direction: column
}
.like_ideas span {
color: var(--text_color);
font-size: var(--fs_18);
font-weight: var(--fw_600);
line-height: 19px
}
.like_ideas a {
font-size: var(--fs_24);
font-weight: var(--fw_600);
line-height: 26px;
padding-top: var(--pt_12)
}
.blog_summary_text h4 {
font-size: var(--fs_20) !important;
font-weight: var(--fw_600) !important;
padding-top: 16px;
color: var(--text_color) !important;
position: relative;
padding-left: 20px
}
.one_col_table table ul li,
.small_inner p {
font-weight: var(--fw_400);
color: var(--text_color)
}
.blog_summary_text h4:after {
content: '';
position: absolute;
top: 25px;
left: 0;
right: 0;
bottom: 0;
background: #2583e9;
width: 10px;
height: 10px;
border-radius: 70px
}
.blog_summary_text .one_col_table td,
.blog_summary_text .three_col_table td,
table th {
border: none
}
.three_col_table table th:first-child,
.three_col_table table th:nth-child(2),
.three_col_table table th:nth-child(3),
.three_col_table table th:nth-child(4),
.three_col_table table th:nth-child(5) {
background-color: var(--secondry_color);
color: var(--second_text);
padding: 15px;
font-size: var(--fs_20);
font-weight: var(--fw_500);
text-align: center;
width: 20%
}
.three_col_table table td {
font-size: var(--fs_16);
line-height: 24px;
padding: 5px 14px;
color: var(--text_color)
}
.small_inner p,
ul.right_pros span,
ul.wrong_cons span {
font-size: var(--fs_24)
}
.one_col_table table th:first-child,
.small_inner p span {
color: #ff7a2f;
font-weight: var(--fw_500)
}
.one_col_table table {
border-collapse: separate !important
}
.one_col_table table th:first-child {
background: #fff5f0;
padding: 15px;
font-size: var(--fs_32);
text-align: center;
width: 100%
}
.one_col_table table td {
display: flex;
background: #fff;
border-radius: 0 0 6px 6px;
justify-content: space-evenly
}
.one_col_table ul .button_one,
.one_col_table ul .button_two {
background: #7ac344;
color: var(--second_text);
border: none;
padding: 10px 20px;
border-radius: 12px;
margin-top: 30px;
display: flex;
align-items: center;
column-gap: 7px
}
.one_col_table ul .button_two {
background: #f0492d
}
.one_col_table table ul li {
font-size: var(--fs_20);
line-height: 30px;
position: relative;
padding-top: var(--pt_20);
padding-left: 30px
}
.right_pros li::after,
.wrong_cons li::after {
content: '';
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/right_icon.svg);
background-repeat: no-repeat;
position: absolute;
top: 19px;
left: 0;
width: 24px;
height: 24px
}
.wrong_cons li::after {
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/wrong_icon.svg)
}
.small_cta_blog {
display: flex;
margin-top: 30px
}
.small_inner {
position: relative;
background-image: url(https://mtplcdn.s3.amazonaws.com/live/new_mtpl_assets/images/new_blog/small_after_img.png);
border-radius: 6px;
background-repeat: no-repeat;
background-size: cover;
padding: 0 30px;
margin-left: -15px
}
.small_inner p {
line-height: 36px
}
li.ez-toc-page-1.ez-toc-heading-level-2.active:after {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 2px;
height: 42px;
background: #146fac
}
.blog_summary h4:after {
content: '';
background: #f6faff
}
.inner_table_contents.get_touch {
background: #fff;
border: 1px solid #cfd3de;
border-radius: 10px;
position: fixed;
top: 178px;
max-width: 250px;
right: 80px
}
.ez-toc-title-container,
.inner_table_contents.get_touch .table_title {
background: #ecf4ff;
border-radius: 10px 10px 0 0;
padding: 15px
}
.inner_table_contents.get_touch .table_title h3 {
font-size: 20px;
line-height: 29px;
font-weight: 700;
color: #3495cc
}
.inner_table_contents.get_touch .table_form {
max-width: 100%;
padding: 20px 15px
}
.table_form p {
font-weight: 500;
font-size: 15px;
line-height: 21px;
color: #3b3b3b
}
.wpcf7-form-control-wrap {
max-width: 250px !important;
position: unset !important;
width: 100%;
display: flex
}
.table_form .form-control {
padding: 11px;
margin-top: 2px;
font-size: 14px;
line-height: 1.5;
display: flex;
align-items: center;
color: #828282;
background: #fff;
border: 1px solid #ededed;
border-radius: 5px
}
.btn-primary {
padding: 8px 20px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
background-color: #2583e9;
border: none;
border-radius: 5px
}
textarea {
resize: vertical;
border-radius: 5px;
border-color: #ededed;
padding-top: 8px;
width: 100%
}
.cls_btn_cls {
position: absolute;
right: -7px;
top: -7px;
background: rgb(37 131 233 / 70%);
overflow: hidden;
border: none;
border-radius: 20px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 13px
}
.cookie_inner,
.sticky_button_blog {
position: fixed;
height: auto;
z-index: 99
}
.cta-ai-modal br,
.popup-show-form-getintuch,
.qanda_main_wrap .owl-nav,
.right_pros li:first-child::after,
.wpcf7-spinner,
.wrong_cons li:first-child::after {
display: none
}
.popup-show-form-getintuch.show-popup {
display: block
}
.one_col_table li.rmfirst {
padding: 0 0 15px
}
.faq .faq-card {
border-radius: 8px;
padding: 18px 10px;
display: flex;
flex-wrap: wrap;
background: #fff;
fill: var(--neutral-100, #fff);
filter: drop-shadow(4px 2px 5px rgba(0, 0, 0, .06))
}
.faq .faq-card .heading {
width: 7%;
color: #dbf1ff;
text-align: center;
font-size: var(--fs_32);
font-weight: 700
}
.faq .faq-card .heading p {
font-size: var(--fs_32);
margin: 0;
padding: 7px 0 0;
font-weight: 600
}
.faq .faq-card .faq-content {
width: 90%
}
.faq .faq-content h3 {
font-size: var(--fs_20);
font-weight: 600 !important;
margin: 0;
color: var(--text_color)
}
.main-section p {
font-size: var(--fs_16);
line-height: 30px;
color: var(--text_color)
}
.p-70 {
padding-top: 50px
}
.about_author_wrap img {
object-fit: cover;
height: 100%;
border-radius: 10px
}
.about_author_wrap .author_img {
width: 20%
}
.summary_title {
font-size: var(--fs_24) !important;
font-weight: var(--fw_500) !important;
line-height: 26px;
color: var(--text_color)
}
.about_author_wrap {
background: #f6faff;
padding: 30px;
display: flex;
row-gap: 10px;
column-gap: 20px;
border-radius: 12px;
margin-top: 30px;
width: 100%
}
.about_author {
display: flex;
flex-direction: column;
row-gap: 15px;
width: 80%
}
.about_author span {
font-size: 20px;
font-weight: 500
}
.about_author p {
font-size: var(--fs_16)
}
.social_icon {
display: flex;
column-gap: 20px;
flex-direction: row;
margin-top: auto
}
.social_icon img {
width: 24px;
height: 24px;
object-fit: scale-down
}
.sticky_button_blog {
background: #2583e9;
padding: 20px;
top: 40%;
right: -10px;
writing-mode: vertical-rl;
text-orientation: initial;
border-radius: 12px;
width: 65px;
overflow: hidden;
min-height: auto
}
.sticky_button_blog button {
font-size: var(--fs_24);
font-weight: var(--fw_600);
letter-spacing: 2px;
line-height: 26px;
border: none;
background: #2583e9;
color: var(--second_text)
}
#ez-toc-container {
background: 0 0 !important;
border: none !important;
box-shadow: none !important;
display: block !important;
padding: 0 !important
}
.ez-toc-title {
font-size: 24px !important;
line-height: 29px !important;
font-weight: 700 !important;
display: block !important
}
.ez-toc-list.ez-toc-list-level-1 {
padding: 15px 15px 15px 25px !important
}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
content: '';
position: absolute;
top: 7px;
left: -11px;
right: 0;
bottom: 0;
background: #2583e9;
width: 5px;
height: 5px;
border-radius: 31px
}
ul li {
list-style-type: none;
position: relative
}
ul li a {
font-size: 14px;
line-height: 17px;
color: #3b3b3b
}
.ul li a {
font-weight: 500 !important;
font-size: 15px !important;
line-height: 21px !important;
color: #3b3b3b !important
}
.detail_view h2 b {
background: linear-gradient(90.17deg, #1361f7 -2.41%, #7843be 60.94%, #c72c91 102.76%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent
}
.detail_view h3 b {
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: #2f3d56;
display: block
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.cookie_inner {
padding: 10px;
color: #fff;
background-color: #1c2649;
display: block;
min-width: 100%;
font-size: 13px;
line-height: 20px;
left: 0;
text-align: center;
bottom: 0
}
.blue_bg p,
.cookie_inner span {
color: #fff
}
.cookie_inner a {
line-height: 18px;
padding: 2px 12px;
background: linear-gradient(to bottom, #fefefe, #f4f4f4) #f3f3f3;
color: #333;
text-shadow: 0 1px 0 #fff;
-moz-box-sizing: border-box;
border-radius: 3px;
border: 1px solid #bbb;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-style: normal;
text-decoration: none;
white-space: nowrap;
outline: 0;
margin-left: 10px
}
ul.right_pros,
ul.wrong_cons {
width: 50%
}
.user_img img {
border-radius: 50%
}
@media (min-width:1399.98px) and (max-width:1660px) {
:root {
--fs_34: 30px
}
.social_link {
column-gap: 25px
}
}
@media (min-width:1200px) and (max-width:1399.98px) {
:root {
--pt_50: 50px;
--fs_32: 28px;
--fs65: 40px;
--fs_20: 18px;
--fs_20: 16px
}
.blog_app_feature h3 {
padding-top: 15px
}
.blog_app_feature.second_feature h3::before {
top: 22px
}
.blog_summary_text h2 {
line-height: 40px
}
.social_link {
column-gap: 25px
}
.inner_table_content {
top: 153px
}
.about_author_wrap .author_img {
width: 30%
}
}
@media (max-width:1200px) {
.blog_app_number h3:after {
content: counter(heading-counter) ". ";
counter-increment: heading-counter;
position: absolute;
left: 0;
top: 14px
}
}
@media (max-width:1199.98px) {
:root {
--fs_34: 26px;
--pt_40: 22px;
--fs_16: 14px;
--fs_34: 30px;
--fs_32: 28px;
--fs_24: 20px;
--fs_18: 18px;
--fs_16: 14px;
--pt_20: 15px
}
.banner_wrap h1 {
line-height: 35px !important
}
.banner_img {
padding-top: 20px
}
.banner_section_inner {
padding-top: 125px !important;
padding-bottom: 40px
}
.blog_summary_text h2 {
line-height: 38px
}
.blog_app_feature h3 {
padding-top: 18px
}
.blog_app_feature {
margin-top: 20px;
padding: 0 20px 20px
}
.blog_cta_wrap,
.cta_main_info {
padding: 30px 0
}
.blog_cta_wrap::after,
.blog_cta_wrap::before,
.cta_main_info::after,
.cta_main_info::before {
height: 215px
}
.blog_app_feature.second_feature h3::before {
top: 25px
}
.set_ideas_wrap {
padding: 20px
}
.sticky_button_blog {
right: -4px;
padding: 10px
}
.sticky_button_blog button {
line-height: unset;
font-size: 18px
}
.social_link {
column-gap: 16px
}
.listing_title a {
font-size: 14px !important
}
.listing_title {
padding-left: 87px
}
}
@media (max-width:991px) {
.banner_img {
padding-top: 20px
}
.right_pros li::after,
.wrong_cons li::after {
top: 21px
}
ul.right_pros,
ul.wrong_cons {
padding: 0 15px;
margin: 0;
width: 100%
}
.about_author_wrap img {
object-fit: contain
}
.about_author {
row-gap: 0
}
.blog_app_feature h3 {
padding-top: 10px
}
.blog_app_feature.second_feature h3::before {
top: 17px
}
.one_col_table ul .button_one,
.one_col_table ul .button_two {
margin-top: 20px
}
.one_col_table table td {
flex-wrap: wrap
}
.social_main_wrap,
.sticky_button_blog {
display: none
}
.inner_table_content {
height: auto;
min-height: auto
}
.blog_app_number h3:after {
top: 22px !important
}
}
@media (max-width:767px) {
:root {
--pt_20: 10px
}
.blog_app_feature p {
padding-top: 8px
}
.table_inner_blog table td {
line-height: 30px;
padding: 5px 10px
}
.blog_summary_text h2 {
padding-top: 15px
}
.blog_cta_wrap,
.cta_main_info {
text-align: center
}
.blog_cta_wrap h4,
.cta_main_info h3 {
z-index: 99
}
.blog_app_feature h3 {
padding-top: 10px
}
.blog_app_feature.second_feature h3::before {
top: 16px
}
.small_cta_blog img,
.social_main_wrap {
display: none
}
.faq .faq-card {
flex-direction: column
}
.three_col_table {
width: 546px;
overflow-x: auto;
max-width: 100%
}
.three_col_table table {
min-width: 600px;
width: 100%;
border-collapse: collapse
}
.about_author_wrap {
flex-wrap: wrap;
justify-content: flex-start !important
}
.blog_cta_short {
background-size: cover !important
}
.listing_title {
padding-left: 20px !important
}
.cta-ai-modal .ctainner {
justify-content: center !important;
flex-wrap: wrap;
row-gap: 18px
}
.cta-ai-modal .ctainner .left-icon.content span {
font-size: 22px !important
}
.about_author_wrap .author_img {
width: 100%
}
}
.blog_cta_short,
.quote-container::after {
background-position: center;
background-size: contain;
background-repeat: no-repeat
}
@media (max-width:567px) {
:root {
--fs_34: 18px;
--pt_40: 15px;
--fs_16: 14px
}
.banner_wrap h1 {
line-height: 26px !important
}
.user_view_wrap {
margin-left: auto
}
.user_card {
justify-content: flex-start;
flex-wrap: wrap
}
.banner_section_inner {
padding-top: 90px !important;
padding-bottom: 26px
}
.blog_summary {
padding: 15px
}
.blog_cta_wrap,
.cta_main_info {
padding: 30px 15px
}
.faq-content h3 {
line-height: 25px !important
}
.ftr_social_icon .social_icon {
column-gap: 5px
}
.connect_submit_btn {
top: 2px !important
}
.social_title {
font-size: 16px !important
}
ul.policy_wrap li a {
font-size: 13px !important
}
}
.blog_cta_short {
position: relative;
background-image: url(https://cdn.moontechnolabs.com/mtplcdn_website/assets/images/new_blog/blog_cta_short.png);
width: 100%;
height: 130px;
margin-top: 30px
}
.listing_title {
display: flex;
flex-direction: column;
padding-left: 131px;
justify-content: center;
height: 100%
}
.listing_title p {
padding: 0 0 10px
}
.blue_bg {
background: #2583e9
}
.text-center.relative.pb-20 {
text-align: center !important
}
.three_col_table table {
border-radius: 10px;
overflow: hidden;
border: 1px solid #ff7a2f;
outline: rgba(255, 122, 47, .3) solid 1px !important
}
.quote-container {
max-width: 100%;
background: #fff;
padding: 20px 30px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
position: relative;
border: 1px solid #004ec8fa;
margin-top: 47px
}
.quote-container::after {
content: '';
background-image: url(//cdn.moontechnolabs.com/mtplcdn_website/assets/img/quote_icon.png);
position: absolute;
top: -47px;
left: 10px;
width: 80px;
height: 80px;
z-index: 9
}
.quote-text {
font-size: 20px;
line-height: 1.6;
color: #333;
margin: 0;
text-align: justify;
padding-top: 15px
}
.quote-author {
margin-top: 15px;
text-align: right;
font-size: 1.2rem;
color: #000;
font-weight: 700
}
.new_cta_wraper .cta-container {
width: 100%;
background: #fff;
border-radius: 24px;
padding: 40px;
position: relative;
overflow: hidden;
border: 1px solid #e2e8f0;
box-shadow: 0 10px 30px rgba(0, 0, 0, .03)
}
.new_cta_wraper .cta-container::after,
.new_cta_wraper .cta-container::before {
width: 250px;
height: 250px;
background: #2583e9;
filter: blur(120px);
border-radius: 50%;
content: '';
position: absolute
}
.new_cta_wraper .cta-container::before {
top: -100px;
right: -100px
}
.new_cta_wraper .cta-container::after {
bottom: -100px;
left: -100px
}
.new_cta_wraper .after-effect {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backdrop-filter: blur(120px);
pointer-events: none;
z-index: 1;
opacity: .5
}
.new_cta_wraper .cta-content {
position: relative;
z-index: 2
}
.new_cta_wraper .cta-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px
}
.new_cta_wraper .market-badge {
display: inline-block;
padding: 8px 20px;
border: 1px solid #2583e9;
border-radius: 50px;
color: #2583e9;
font-size: 14px;
font-weight: 500
}
.new_cta_wraper .cta-title {
font-size: 20px;
font-weight: 600 !important;
color: #0f172a;
padding-top: 0
}
.new_cta_wraper .stats-grid {
display: grid;
grid-template-columns: 1fr auto;
gap: 10px;
align-items: center
}
.new_cta_wraper .main-stat span {
font-size: 36px;
display: block;
font-weight: 600 !important;
color: #2683e9
}
.new_cta_wraper .main-stat p {
font-size: 18px;
color: #1e293b;
font-weight: 500
}
.new_cta_wraper .secondary-stats {
display: flex;
gap: 20px
}
.new_cta_wraper .stat-card {
background: #fff;
box-shadow: .41px 2.48px 3.64px 0 #fffFFF1F inset;
padding: 15px;
border-radius: 16px;
border: 1px solid #c3deff;
min-width: 180px
}
.new_cta_wraper {
margin: 25px 0
}
.new_cta_wraper .stat-card span {
font-size: 26px;
font-weight: 500 !important;
color: #0f172a !important;
margin: 0
}
.new_cta_wraper .stat-card p {
font-size: 13px;
color: #475569;
line-height: 1.4;
font-weight: 600 !important
}
.new_cta_wraper .cta-description {
font-size: 16px;
font-weight: 600;
line-height: 1.6;
color: #323232;
margin-bottom: 32px;
max-width: 900px
}
.new_cta_wraper .cta-header p {
padding-top: 0
}
.new_cta_wraper .cta-footer {
border-top: 1px solid #ccc;
padding-top: 24px;
display: flex;
align-items: center;
gap: 8px;
color: #323232;
font-size: 14px
}
.new_cta_wraper .dot-separator {
width: 4px;
height: 4px;
background: #64748b;
border-radius: 50%;
display: inline-block
}
@media (max-width:860px) {
.new_cta_wraper .stats-grid {
grid-template-columns: 1fr
}
.new_cta_wraper .secondary-stats {
flex-direction: row;
justify-content: flex-start
}
}
@media (max-width:580px) {
.new_cta_wraper .cta-container {
padding: 24px
}
.new_cta_wraper .cta-header {
flex-direction: column;
align-items: flex-start;
gap: 12px
}
.new_cta_wraper .main-stat h2 {
font-size: 32px
}
.new_cta_wraper .secondary-stats {
flex-direction: column
}
.new_cta_wraper .stat-card {
width: 100%
}
}
.qanda_detail_page h2 {
font-size: 32px;
font-weight: 600;
line-height: 40px;
color: #146fac
}
.qanda_cta_wrap {
background: #353333;
border: 1px solid rgba(37, 121, 233, .3);
border-radius: 12px;
margin: 30px 0
}
.qanda_cta_wrap pre {
display: flex;
flex-direction: column;
column-gap: 10px;
row-gap: 10px;
padding: 15px 15px 15px 73px;
margin: 0
}
.qanda_cta_wrap pre span {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.qanda_cta_wrap .qanda_code {
color: #ff8d2d;
font-weight: 400;
position: relative;
white-space: normal
}
.qanda_cta_wrap ul {
display: inline-flex;
margin-top: 20px !important;
margin-left: 30px !important
}
ul li.qanda_code:after {
content: '';
position: absolute;
left: -15px;
width: 6px;
height: 6px;
border-radius: 40px;
background: #f28d2d;
bottom: 13px
}
.qanda_slider_wrap {
padding: 25px;
box-shadow: 0 6.3px 30px 0 rgba(61, 61, 61, .3);
background: #fff;
border-radius: 10px;
width: 100%;
min-height: 400px;
display: flex;
flex-direction: column
}
.qanda_slider_wrap h3 {
font-size: 18px;
line-height: 30px;
color: #3b3b3b !important;
padding-top: 12px
}
.qanda_slider_wrap span,
pre {
font-size: 14px
}
.qanda_slider_wrap img {
width: 100%
}
.banner_right_side {
display: flex;
column-gap: 8px;
margin-top: auto
}
.qanda_main_wrap .owl-item {
padding: 20px
}
.slider_title {
padding-top: 70px;
padding-bottom: 40px
}
.slider_title h2 {
text-align: center;
position: relative;
padding: 0
}
.slider_title h2:after {
content: '';
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
bottom: -7px;
width: 80px;
height: 4px;
border-radius: 20px;
background-color: #146fac
}
.blog_banner_slider .owl-dots {
text-align: center;
gap: 8px;
display: flex;
justify-content: center;
margin-top: 50px;
display: flex !important
}
.blog_banner_slider .owl-dots .owl-dot.active {
border: 1px solid #2583e9 !important
}
.blog_banner_slider button.owl-dot.active span {
background: #2583e9 !important;
position: absolute;
width: 10px !important;
height: 10px !important;
top: 2px;
left: 2px;
border-radius: 16px
}
.blog_banner_slider .owl-dots .owl-dot {
border: 1.5px solid #c0b6ad;
width: 16px !important;
height: 16px !important;
background-color: transparent;
border-radius: 30px
}
button.owl-dot.active {
position: relative
}
.card-wrapper.qanda-cta-card {
display: flex;
justify-content: center;
margin-bottom: 30px;
position: sticky;
top: 115px;
padding-top: 20px
}
.qanda-cta-card .feature-card {
border: 1px solid #b7d4f8;
position: relative;
border-radius: 15px;
padding: 20px;
max-width: 338px;
width: 100%
}
.qanda-cta-card .feature-card:after {
content: '';
background: #2583e9;
position: absolute;
left: 0;
right: 0;
height: 17px;
top: 0;
border-start-end-radius: 15px;
border-start-start-radius: 15px
}
.qanda-cta-card .feature-card h2 {
font-size: 25px;
line-height: 1.3;
padding-top: 20px;
margin: 0;
color: #0f172a
}
.qanda-cta-card .feature-card p {
font-size: 16px;
color: #3b3b3b;
line-height: 1.6;
margin: 0;
padding-top: 15px;
font-weight: 500;
padding-bottom: 15px
}
.qanda-cta-card .feature-card ul {
list-style: none;
padding: 0;
margin: 0
}
.qanda-cta-card .feature-card ul li {
font-size: 13px;
margin-bottom: 10px;
padding-left: 22px;
position: relative;
font-weight: 500;
color: #000
}
.qanda-cta-card .feature-card ul li::before {
content: "";
position: absolute;
left: 3px;
top: 7px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.03944 4.56696C0.842622 4.56752 0.649979 4.62524 0.483802 4.73343C0.317624 4.84163 0.184703 4.99587 0.100416 5.17833C0.0161296 5.36078 -0.0160781 5.56399 0.00751928 5.76443C0.0311167 5.96488 0.109555 6.15438 0.233759 6.31101L2.8815 9.63824C2.97591 9.7585 3.09692 9.8539 3.23449 9.91654C3.37206 9.97918 3.52221 10.0072 3.67247 9.99841C3.99385 9.9807 4.284 9.80434 4.46899 9.51437L9.96903 0.427829C10.0234 0.342047 10.0067 0.180965 9.90019 0.0797712C9.87093 0.0519822 9.83643 0.0306325 9.79882 0.017037C9.76121 0.00344142 9.72129 -0.00211217 9.68151 0.000718356C9.64172 0.00354888 9.60293 0.0147036 9.56751 0.0334954C9.53209 0.0522872 9.5008 0.0783182 9.47556 0.109985L3.9226 6.54631C3.90149 6.57077 3.87586 6.59069 3.84718 6.60491C3.81851 6.61912 3.78737 6.62735 3.75556 6.62912C3.72376 6.63088 3.69194 6.62614 3.66194 6.61518C3.63194 6.60423 3.60436 6.58726 3.5808 6.56527L1.7399 4.84678C1.54871 4.66699 1.29881 4.56716 1.03944 4.56696Z' fill='%232583E9'/%3E%3C/svg%3E")
}
.qanda-cta-card .btn {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
column-gap: 7px;
text-align: center;
border: 1px solid #2583e9;
color: #2583e9;
padding: 10px 18px;
border-radius: 6px;
text-decoration: none;
font-size: 16px;
font-weight: 800;
transition: .3s;
margin-top: 15px;
cursor: pointer;
text-transform: capitalize
}
@media (min-width:1399.98px) and (max-width:1660px) {
:root {
--fs_34: 30px
}
.social_link {
column-gap: 25px
}
.tab_left_side h3 {
font-size: 22px !important;
line-height: 26px !important
}
}
@media (min-width:1200px) and (max-width:1399.98px) {
:root {
--pt_50: 50px;
--fs_32: 28px;
--fs65: 40px;
--fs_20: 18px;
--fs_20: 16px
}
.blog_app_feature h3 {
padding-top: 15px
}
.blog_app_feature.second_feature h3::before {
top: 22px
}
.blog_summary_text h2 {
line-height: 40px
}
.social_link {
column-gap: 25px
}
.inner_table_content {
top: 153px
}
.tab_left_side h3 {
font-size: 20px !important;
line-height: 12px !important
}
.tab_left_side .get_touchleft {
font-size: 18px !important
}
.inner_table_content.left_size_form.show_data.tab_left_side {
padding: 10px !important
}
.tab_left_side .table_form {
padding: 0 9px
}
.tab_left_side .get_touchleft p {
padding-top: 7px !important
}
}
@media (min-width:1024px) and (max-width:1660px) {
.banner_wrap {
padding: 0 30px 0 0
}
.about_author_wrap img {
object-fit: contain
}
}
@media only screen and (max-width:1024px) {
.inner_table_content {
top: 178px;
max-width: 100%;
margin-bottom: 20px
}
.social_icon_wrap.social_main_wrap {
flex-direction: column;
display: none
}
}
@media (max-width:1199.98px) {
:root {
--fs_34: 26px;
--pt_40: 22px;
--fs_16: 14px;
--fs_34: 30px;
--fs_32: 28px;
--fs_24: 20px;
--fs_20: 18px;
--fs_18: 16px;
--fs_16: 14px;
--pt_20: 15px
}
.banner_wrap h1 {
line-height: 35px !important
}
.banner_img {
padding-top: 20px
}
.banner_section_inner {
padding-top: 125px !important;
padding-bottom: 40px
}
.blog_summary_text h2 {
line-height: 38px
}
.blog_app_feature h3 {
padding-top: 18px
}
.blog_app_feature {
margin-top: 20px;
padding: 0 20px 20px
}
.blog_cta_wrap,
.cta_main_info {
padding: 30px 0
}
.blog_cta_wrap::after,
.blog_cta_wrap::before,
.cta_main_info::after,
.cta_main_info::before {
height: 215px
}
.blog_app_feature.second_feature h3::before {
top: 25px
}
.set_ideas_wrap {
padding: 20px
}
.sticky_button_blog {
right: -4px;
padding: 10px
}
.sticky_button_blog button {
line-height: unset;
font-size: 18px
}
.social_link {
column-gap: 16px
}
.blog_app_number h3:after {
content: counter(heading-counter) ". ";
counter-increment: heading-counter;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -36%)
}
}
@media (max-width:991px) {
.banner_img {
padding-top: 20px
}
.right_pros li::after,
.wrong_cons li::after {
top: 21px
}
ul.right_pros,
ul.wrong_cons {
padding: 0 15px;
margin: 0
}
.about_author_wrap img {
object-fit: contain
}
.about_author {
row-gap: 0
}
.blog_app_feature h3 {
padding-top: 10px
}
.blog_app_feature.second_feature h3::before {
top: 17px
}
.one_col_table ul .button_one,
.one_col_table ul .button_two {
margin-top: 20px
}
.one_col_table table td {
flex-wrap: wrap
}
.inner_table_content.left_size_form.show_data.tab_left_side,
.sticky_button_blog {
display: none
}
.social_main_wrap {
max-width: 291px !important;
top: 0 !important;
display: none
}
.inner_table_content {
height: auto;
min-height: auto
}
.qanda-cta-card .feature-card {
width: 100% !important;
max-width: 100%
}
}
@media (max-width:767px) {
:root {
--pt_20: 10px
}
.blog_app_feature p {
padding-top: 8px
}
.table_inner_blog table td {
line-height: 30px;
padding: 5px 10px
}
.blog_summary_text h2 {
padding-top: 15px
}
.blog_cta_wrap,
.cta_main_info {
text-align: center
}
.blog_cta_wrap h4,
.cta_main_info h3 {
z-index: 99
}
.blog_app_feature h3 {
padding-top: 10px
}
.blog_app_feature.second_feature h3::before {
top: 16px
}
.small_cta_blog img,
.social_main_wrap {
display: none
}
.faq .faq-card {
flex-direction: column
}
.three_col_table {
width: 546px;
overflow-x: auto;
max-width: 100%
}
.three_col_table table {
min-width: 600px;
width: 100%;
border-collapse: collapse
}
.about_author_wrap {
flex-wrap: wrap;
justify-content: center
}
.qanda_cta_wrap pre {
padding: 15px
}
.slider_title {
padding-top: 38px;
padding-bottom: 20px
}
}
@media (max-width:567px) {
:root {
--fs_34: 18px;
--pt_40: 15px;
--fs_16: 14px
}
.banner_wrap h1 {
line-height: 26px !important
}
.user_view_wrap {
margin-left: auto
}
.user_card {
justify-content: flex-start;
flex-wrap: wrap
}
.banner_section_inner {
padding-top: 90px !important;
padding-bottom: 26px
}
.blog_summary {
padding: 15px
}
.blog_cta_wrap,
.cta_main_info {
padding: 30px 15px
}
.faq-content h3 {
line-height: 25px !important
}
.ftr_social_icon .social_icon {
column-gap: 5px
}
.connect_submit_btn {
top: 2px !important
}
.social_title {
font-size: 16px !important
}
ul.policy_wrap li a {
font-size: 13px !important
}
.about_author {
width: 100%
}
}
#getintuchfrmid input[type=number]::-webkit-inner-spin-button,
#getintuchfrmid input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
#getintuchfrmid input[type=number] {
-moz-appearance: textfield;
-ms-overflow-style: none
}
pre {
background: #2d2d2d;
color: #f8f8f2;
padding: 15px;
border-radius: 5px;
overflow-x: auto;
position: relative
}
code {
font-family: "Courier New", monospace;
display: block;
white-space: pre
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
background: #2583e9;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 3px;
font-size: 12px
}
.copy-btn:hover {
background: #2583e1
}
.blog_summary_text a {
color: #008ee5
}
.cta-ai-modal {
width: 100%;
margin: 20px 0
}
.cta-ai-modal .ctainner {
background: linear-gradient(90deg, #0b74ff 0, #a5c9f9 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 25px;
box-shadow: 0 15px 45px rgba(59, 130, 246, .25)
}
.cta-ai-modal .content p,
.cta-ai-modal .ctainner .left-icon.content {
align-items: center;
display: flex
}
.cta-ai-modal .ctainner .left-icon.content span {
margin-left: 20px;
font-size: 26px;
color: #fff;
font-weight: 700
}
.cta-ai-modal .left-icon img {
width: 46px;
height: 46px
}
.cta-ai-modal .content p {
margin: 0 0 0 14px;
padding: 0;
color: #fff;
font-size: 19px;
font-weight: 600
}
.cta-ai-modal .aitools {
display: flex;
align-items: center;
gap: 16px
}
.cta-ai-modal .aitools img {
width: 42px;
height: 42px;
border-radius: 12px;
transition: transform .2s
}
.cta-ai-modal .aitools img:hover {
transform: scale(1.07)
}
.cc-yv368 .cc-1kr6o .cc-18ov6 {
z-index: 2 !important;
display: block !important;
bottom: 85px !important;
right: 12px !important;
border-radius: 100% !important
}
@media (max-width:480px) {
.qanda-cta-card .feature-card {
padding: 18px
}
.qanda-cta-card .feature-card h2 {
font-size: 18px
}
.btn,
.feature-card p,
.feature-card ul li {
font-size: 13px
}
}
@media screen and (max-width:1199px) {
.qanda_slider_wrap {
min-height: 350px
}
.qanda_slider_wrap h3 {
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box
}
}