@font-face { font-family: 'poppinsbold'; src: url('../fonts/poppins-bold1.woff2') format('woff2'), url('../fonts/poppins-bold1.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'poppinssemibold';  src: url('../fonts/poppins-semibold1.woff2') format('woff2'), url('../fonts/poppins-semibold1.woff') format('woff');  font-weight: normal;  font-style: normal;}
@font-face { font-family: 'poppinsregular';   src: url('../fonts/poppins-regular1.woff2') format('woff2'), url('../fonts/poppins-regular1.woff') format('woff'); font-weight: normal;  font-style: normal;}

@font-face {font-family: 'poppinsmedium';  src: url('../fonts/poppins-medium1-webfont.woff2') format('woff2'), url('../fonts/poppins-medium1-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'poppinslight';  src: url('../fonts/poppins-light1-webfont.woff2') format('woff2'), url('../fonts/poppins-light1-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; }
 
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}


article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

b,
strong {
  font-weight: bolder;
}

body {
  font-size: 16px; color:#303030; line-height:32px; background:#fff; font-family: 'poppinsregular'; font-weight:normal; letter-spacing: 0; margin: 0; padding: 0;
}



h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}



img {
  vertical-align: middle;
  border-style: none;
}


table {
  border-collapse: collapse;
}

button {
  border-radius: 0;
}


input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}



h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 3.125rem;
}

h2, .h2 {
  font-size: 2.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.5rem;
}



.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.form_error_msg{
  color:#ffffff;
  padding: 10px 17px;
  background-color: #f44336;
}
.form_success_msg{
  color: #ffffff;
  padding: 10px 17px;
  background-color: #4caf50;
}
.sm_social_login_success_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.sm_social_login_success_container {
    background-color: #fefefe;
    margin: 35px auto;
    padding: 20px;
    border: 1px solid #888888;
    width: 620px;
    height: calc(100% - 70px);
    overflow-y: auto;

}
.sm_user_already_authenticated_container{ display: none; top: 90px; position: absolute; }
.sm_user_already_authenticated{ color: #ff0000; }
.sm_user_already_authenticated a.sm_redirect_to_rechargeplan{ color: #ff0000; text-decoration: underline; }
.sm_modal_close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.sm_modal_close:hover,.sm_modal_close:focus { color: #000000; text-decoration: none; cursor: pointer; }
.sm_social_login_success_header{ font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 25px; }
.sm_social_login_form_field_container{ width: 100%; clear: both; min-height: 38px; }
.sm_social_login_form_field_container .sm_social_login_form_field_wrapper{ float: left; width: 70%; }
.sm_social_login_form_field_container .sm_social_login_form_field{ float: left; width: 76%; height: 30px; font-size: 14px; }
/*.sm_social_login_form_field_wrapper.sm_multiple_inputs .sm_checkbox { display: inline-block; }*/
.sm_social_login_form_field_wrapper.sm_multiple_inputs .sm_checkbox .sm_social_login_form_field_chk { margin: 8px 3px 0 5px; float: left; }
.sm_social_login_form_field_wrapper.sm_multiple_inputs .sm_checkbox .sm_social_login_form_field_label_chk { margin: 0; float: left; font-weight: normal;font-size: 14px; cursor: pointer;}

.sm_valid_sign {
    background-image: url('../images/webflow/validation_success.svg');
    background-size: auto 22px;
    background-repeat: no-repeat;
    width: 26px; height: 26px; float: left;
    margin-left: 5px;
}
.sm_invalid_sign {
    background-image: url('../images/webflow/validation_failed.svg');
    background-size: auto 22px;
    background-repeat: no-repeat;
    width: 26px; height: 26px; float: left;
    margin-left: 5px;
}
.sm_social_login_form_field_container .sm_social_login_form_field_label{ width: 30%; float: left; height: 30px;font-size: 14px;margin-bottom: 15px;font-weight: bold;}

.sm_social_login_form_field_container.sm_checkbox .sm_social_login_form_field_chk{ float: left; margin:0 5px 0 0; height: 20px; width: 20px; }
.sm_social_login_form_field_container.sm_checkbox .sm_social_login_form_field_label_chk { cursor: pointer; display: inline-block;font-size: 14px;margin-bottom: 5px;padding-right: 10px;line-height: normal; vertical-align: middle;}
.sm_social_login_form_field_container.sm_checkbox .sm_social_login_form_field_label_chk .clickhere { cursor: pointer; }
.sm_social_login_form_field_container.sm_submit_container{ margin: 15px 0; }
.sm-validation-error-label {
    color: #f44336;
    font-weight: normal;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;   
}
#registration_frm_crm .sm-validation-error-label,
.sm-free-signup #registration_form .sm-validation-error-label{
  margin-bottom: 0px;   
}
#registration_frm_crm .sm_industry_name .sm-validation-error-label{
  position: relative;
  top: -31px;
}
#dst_effect_frm_lbl{
  height: auto;
  margin-bottom: 15px;
}
.sm_social_login_form_field_container.sm_submit_container .btn{
  padding: 12px 30px;
}
.validation-error-label, .validation-valid-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #f44336;
    position: relative;
}
.form-signin .validation-error-label, .validation-valid-label { position: absolute; margin: 0; }
#error_msg, .error_msg{
   color: #f44336;
   display: block;
}
.sm_social_login_success_header_ac_setup:before,
.sm_social_login_success_header_ac_setup:after {
    content: "";
    background: #00B2F3;
    position: absolute;
}
.sm_social_login_success_header_ac_setup:before {
    width: 90px;
    height: 6px;
    border-radius: 0% 0% 35% 0%;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.sm_social_login_success_header_ac_setup:after {
    left: 229px;
    width: 38px;
    height: 6px;
    border-radius: 38% 24% 60% 9%;
}

.sm-free-signup .sm_social_login_success_inner_container {
  margin-bottom: 30px;
}
#registration_frm_crm .sm_outline_material_style .select2-container .select2-selection,
.sm-free-signup #registration_form .sm_outline_material_style .select2-container .select2-selection
{
    border: 1px solid #D0D7E7 !important;
    padding: 16px 16px;
    box-shadow: none;
    border-radius: 8px !important;
    min-height: 38px;
    height: auto;
    font-size: 16px;
}     
.sm-free-signup #registration_form .sm_material_outline_container .select2-container {height: 58px !important;padding: 18.5px 16px !important;}
@-moz-document url-prefix() {
  .sm-free-signup #registration_form .sm_material_outline_container .select2-container {height: 61px !important;}
}
#registration_frm_crm .sm_material_outline_container input, 
.sm-free-signup #registration_form .sm_material_outline_container input,
.sm-free-signup #registration_form .sm_material_outline_container .select2-container {
  padding-right: 45px !important;
} 

.sm-free-signup #registration_form .sm-agency-dropdown-row {top: 0px;}
.select2-container.select2-container--open #select2-industry_name-results .select2-results__option,
.select2-container.select2-container--open #select2-timezone-results .select2-results__option,
.select2-container.select2-container--open #select2-agency_status-results .select2-results__option
{font-size: 16px;}
#registration_frm_crm .select2-selection--single .select2-selection__rendered{padding-left: 18px;}
.sm-free-signup #registration_form .select2-selection--single .select2-selection__rendered  {padding-left: 30px;}

#registration_frm_crm .select2-selection--single .select2-selection__arrow:after,
.sm-free-signup #registration_form .select2-selection--single .select2-selection__arrow:after{left: 10px;}

#registration_frm_crm .fa,
.sm-free-signup #registration_form .fa {
    position: absolute;
    right: 20px;
    top: 22px;
    color: #9f9f9f;
    font-size: 1rem;
}
#registration_frm_crm .sm_outline_material_style .sm_input_suffix_icon,
.sm-free-signup #registration_form .sm_outline_material_style .sm_input_suffix_icon{
    top: initial !important;
    right: 15px !important;
    bottom: 22px;
}
#registration_frm_crm .fa.sm_input_prefix_icon,
.sm-free-signup #registration_form .fa.sm_input_prefix_icon {
    left: 13px;
        bottom: 10px;
}
#registration_frm_crm .sm_password_eye_icon,
.sm-free-signup #registration_form .sm_password_eye_icon {
    cursor: pointer;
    width: 5px;
    z-index: 2;
}
@-moz-document url-prefix() {
  #registration_frm_crm .sm_password_eye_icon,
  .sm-free-signup #registration_form #sm_password_eye_icon {
    top:23px;
  }
  .sm-free-signup #registration_form .sm-agency-dropdown-row {top: 0px;}
}
#registration_frm_crm .sm_password_field,
.sm-free-signup #registration_form .sm_password_field{
    padding-left: 37px !important;
}

#registration_frm_crm .form-group .form-group-field,
.sm-free-signup #registration_form .form-group .form-group-field {
    position: relative;
}
#registration_frm_crm .form-group .form-group-field {
  top: -31px;
}
#registration_frm_crm .sm-fa-transparent-icon,
.sm-free-signup #registration_form .sm-fa-transparent-icon{
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: gray;
}
#registration_frm_crm .sm_outline_material_style .sm_outline_mterial_input,
.sm-free-signup #registration_form .sm_outline_material_style .sm_outline_mterial_input {
  padding-right: 40px;
} 
#registration_frm_crm .form-group,
.sm-free-signup #registration_form .form-group{
  margin-bottom: 30px;
}
#registration_frm_crm .sm_cmp_name_row .form-group
 {
  margin-bottom: 0px;
}
#registration_frm_crm .sm_material_outline_container,
.sm-free-signup #registration_form .sm_material_outline_container:not(.sm-free-sign-dropdown) {
  height: auto;
}
#registration_frm_crm .sm_material_ouline_container_active .sm_material_outliner,
.sm-free-signup #registration_form .sm_material_ouline_container_active .sm_material_outliner  {  
  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.10);
  -o-box-shadow: 0 4px 4px rgba(0,0,0,0.10);
  box-shadow: 0 4px 4px rgba(0,0,0,0.10);
  border-radius: 8px;
}
#registration_frm_crm .sm_outline_material_style label.sm_field_label_container,
.sm-free-signup #registration_form .sm_outline_material_style label.sm_field_label_container  {
  font-size: 15px;
}
.sm_submit_container .registration_btn
{
background: #00B2F3;
border-radius: 8px; 
}
#success_msg , .success_msg{
  color: #4caf50;
  display: block;
}
.section-redeem-code-logo {
    margin-top: 50px;
}
.section-sociamonials-logo {
  margin-bottom: 20px;
}
.section-redeem-sumoling-verify{
    margin: 80px auto 15px auto;
}
.section-redeem-code-verified {
    margin: 80px auto 50px auto;
}
.section-redeem-code-text-desc{
    font-size: 15px;
}
.section-redeem-code-text.form-control.error {
    border: 2px solid #FF0000;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}
.sumoling_code_response_error {
    display: none;
    color: 
    red;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
}
.sumoling_code_redeem_input {
  display: grid;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
ul.social-link{ padding: 0; margin: 0 }
ul.social-link li{ padding:13px 0px }
ul.social-link li a{ padding: 25px 20px 25px 105px; font-size: 22px;  color: #fff; width: 100%; background: #4963a4; display: block; border-radius: 5px; position: relative; }
ul.social-link li a:hover{ opacity: 0.9 }
ul.social-link li span{ width: 80px; height: 78px; position: relative; background: #415891; position: absolute; left: 0; top: 0px; border-radius: 5px 0px 0px 5px; }
ul.social-link li span:before{ position: absolute; content: ''; background: url(../images/sprite_icon.png); background-position: -192px -205px; width: 55px; height: 50px; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
ul.social-link li.twitter a{ background: #48c1e2 }
ul.social-link li.twitter span{ background: #32adcf }
ul.social-link li.twitter span:before{background-position: -290px -203px;}

ul.social-link li.linkdine a{ background: #0077b5}
ul.social-link li.linkdine span{ background: #036ba1 }
ul.social-link li.linkdine span:before{background-position:-382px -203px;}
.sm-signup-form-field-container {
   width: 390px;
   margin: 0 auto;
} 
.sm_free_signup_text{ 
  font-weight: 700;
  font-size: 21px;
  line-height: 45px;
}
.sm_account_setup_header_free_signup {
  margin-bottom: 10px;
}

/*@import "../_bootstrap/tooltip.less";*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'poppinsregular';
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5384616;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 6px;
}
.popover > .arrow:after {
  border-width: 5px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -6px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: #b3b3b3;
  bottom: -6px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -5px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -6px;
  margin-top: -6px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: #b3b3b3;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -5px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: #b3b3b3;
  top: -6px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -6px;
  margin-top: -6px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #b3b3b3;
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -5px;
}
/*@import "../_bootstrap/carousel.less";*/
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.w-button {
    display: inline-block;
    padding: 5px 15px;
    background-color:#3898ec;
    color:white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
}
.no-padding{
  padding: 0 !important;
}
#purchase_and_replacement_link{
  color: red;
  text-decoration:underline; 
}
.sm_video_player_main{
  width:750px;
  margin:50px auto;
}
.sm_video_player_inner{
  padding:16px;
  background-color:#fff;
  margin: 0 auto;
}
.sm_video_player{
  -ms-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.sm_video_player:focus{
   outline: none;
}
.sm_video_player_error{
  font-size: 25px;
  margin: 0 auto;
  width: 98%;
  text-align: center;
  top: 44%;
  position: absolute;
}
.ag_discount_code_container .ag_discount_code{
  padding-right: 45px;
}
.ag_discount_code_container{
  position: relative;
}
#registration_frm_crm i.sm_input_ag_discount_code_icon, #registration_form i.sm_input_ag_discount_code_icon{
  font-size: 32px;
  top: calc(50% - 16px);
  right: 15px;
  color: #01a8e5;
  display: none;
  cursor: pointer;
  z-index: 1;
}
#registration_form .ag_discount_code_container .sm_input_ag_discount_code_icon{
  position: absolute;
  font-size: 25px;
  top: calc(50% - 12.5px);
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
.sec-sign .sm_social_login_success_container,
.sec-sign .form-detail { margin: 40px auto auto; }
.sm-free-signup .sec-sign .sm_social_login_success_container {
  margin: 40px auto auto 30px;
}

.sm-free-signup .sec-sign .section-sociamonials-logo img { max-width: 100%;}
.sec-sign .sm_social_login_form_field_container { margin-bottom: 20px; }
.sec-sign .sm_social_login_form_field_container.sm_checkbox { margin-bottom: 10px; }
.sec-sign .sm_social_login_success_content .sm_plan_description { margin-bottom: 30px; }
.sec-sign .sm_social_login_success_content.acc_setup_page {  margin-top: 20px;}
.main_content .sm_campaign_rules_text_container {
  width: -webkit-fill-available;
  word-wrap: break-word;
  overflow: hidden;
  margin:10px; 
  float:left; 
  font-size:16px; 
  line-height:normal;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
  .main_content .sm_campaign_rules_text_container {
    font-size:14px;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}


.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
} 

@media (min-width: 992px) {
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.form-group {
  margin-bottom: 1rem;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus {
  text-decoration: none;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}



.collapse {
  display: none;
}


.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}


body:not(.sm_single_signon) .navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}


.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}


.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}



.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.collapse.show {
  display: block;
}

tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}



.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.text-center{ text-align: center; }



.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}

.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}




* {list-style:none; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
li{display:list-item; border:0; margin:0; padding:0;}
::selection{background:#a4a4a4; color:#fff}
img{ padding: 0; margin:0; line-height: 0 }
a{ color: #283891; text-decoration: none;  transition:all 0.2s ease-in 0s; cursor: pointer; }
a:hover, a:focus{ color: #00aeef; text-decoration: none; outline: none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0 0 10px;letter-spacing:0;font-weight:normal;line-height:normal;text-transform:none; font-family: 'poppinsbold'; color: #303030}
li{list-style: none; padding: 0; margin: 0;}
.container{ max-width:1200px; padding: 0 15px; margin:0 auto; width: 100% }

.wrapper{ width: 100%; clear: both; padding: 0; overflow: hidden; }
.header{ position:absolute; left: 0; top: 0; z-index: 111; background:none; width: 100%; clear: both; -moz-transition:all .3s linear;-webkit-transition:all .3s linear; transition:all .3s linear; padding: 97px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.header.header1{ padding: 40px 0 }
.sub-page .header, .main-page .header{ padding: 40px 0 }
.contact-page.sub-page .header{ padding: 40px 0 }
.sticky.header, .contact-page.sub-page .sticky.header{ background-color: #fff; padding: 15px 0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) }
.header .container{ display: table; }
.header .header-logo, .header .hdr-right{ display: table-cell; vertical-align: middle; }
.header .header-logo img.header-img-logo{ width: 277px; }
.header .hdr-nav{ padding-left:0px; float: left; width: 100%; }

.header .hdr-nav .navbar-header{ display: none; }
.header .hdr-nav .collapse{ display: block; padding: 0; clear: both; }
.header .hdr-nav ul.navbar-nav{padding: 15px 0 0; margin:0; flex-direction:row; float:left;}
.hdr-nav ul.navbar-nav li{ padding: 0 28px; margin:0; font-size: 16px; color: #fff; text-transform:uppercase; font-family: 'poppinsregular'; font-weight:normal; text-transform: none; float: left; }
.hdr-nav ul.navbar-nav li a{ color: #fff; position: relative;}
.hdr-nav ul.navbar-nav li.active > a,
.hdr-nav ul.navbar-nav li a:hover,.hdr-nav ul.navbar-nav li a:focus{ color:#283891}

.hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li{ float: none; padding: 5px 18px;  }
.hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li a{ color: #454545; font-size: 14px; }
.hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li a:hover, .hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li a:focus, .hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li.active a{ color: #00aeef }

.header.header1 .hdr-nav ul.navbar-nav li a{ color: #303030 }

.header .navbar{ display: block; padding: 0; clear: both; }

.hdr-nav .header-btn{ float: right; }

.hdr-nav ul.navbar-nav li.drop-menu a.features{ position: relative; }

.hdr-nav .caret{display: inline-block; width: 0;  height: 0; margin-left: 2px;  vertical-align: middle; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent;}

.navbar-nav .dropdown-menu{position: absolute; width: 100%; min-width: 216px; box-shadow: 0 5px 35px 0 rgba(93,86,206,0.15); border: 0px; top: 45px; }
.navbar-nav .dropdown-menu.show:after{ position: absolute; content: ''; left:29px; right: 0; top: -8px; margin:0 auto; width:15px; height:15px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(44deg); background: #fff }

.hdr-nav .dropdown-toggle::after{ top: 5px; display: none; }



.header-btn a{ font-family: 'poppinssemibold'; line-height:25px; color: #fff; font-weight:normal; display: inline-block; text-transform:uppercase;  }
.header-btn a.sign-btn{ margin-left: 15px; padding:10px 29px; border-radius:4px; box-shadow: 0 10px 10px 6px rgba(93,81,200,0.15) }
.header-btn a:hover, .header-btn ul li a:focus{ color:#283891; }

.sticky.header .hdr-nav ul.navbar-nav li a, .sticky.header .header-btn  a{ color: #454545 }
.sticky.header .hdr-nav ul.navbar-nav li a:hover, .sticky.header .header-btn  a:hover, .sticky.header .hdr-nav ul.navbar-nav li.active a{ color: #00aeef }
.sticky.header .header-btn  a.sign-btn{background: #283891; color: #fff; box-shadow: 0 0px 10px 0px rgba(93,81,200,0.15)}
.sticky.header .header-btn  a.sign-btn:hover{background: #00aeef;}

/* home banner */
.sm_home_banner_section { margin: 35px; }
.sm_home_banner_section .sm_content-info{ margin: 0 100px; }
.sm_home_banner_section .sm_content-info h1.banner-title{ color: #fff; line-height: 63px; }
.sm_home_banner_section .sm_content-info p{ color: #fff; font-size: 22px; margin-bottom: 25px; margin-top: 10px; }
.sm_ntw_icon_group{
  margin: 50px auto;
  text-align: center;
}
.sm_ntw_icon_group .sm_ntw_box{
  display: inline-block;
  min-height: 32px;
  vertical-align: top;
  margin: 5px;
  background: #FFFFFF61;
  padding: 12px;
  border-radius: 18px;
}
.sm_ntw_icon_group .sm_ntw_box img{
  width: 40px;
}
.sm_home_banner_section .sm_home_overlap_img-sec{
  text-align: center;
  margin-top: -200px;
}
.sm_home_banner_section .sm_home_overlap_img-sec img{
  max-width: 100%;
}
.home-banner{ width: 100%; clear: both; padding: 130px 0 0px;  }
.sm_home_banner_bg.home-sec6{
  border-radius: 32px;
  padding-bottom: 200px; 
}
.webp .sm_home_banner_bg.home-sec6{background:url(../images/homebanner_bg.webp) top right no-repeat; background-size: 100% 100%; }
.no-webp .sm_home_banner_bg.home-sec6{background:url(../images/homebanner_bg.png) top right no-repeat; background-size: 100% 100%; }
.webp .home-banner{background:url(../images/banner_bg.webp) top right no-repeat; background-size: 68% auto; }
.no-webp .home-banner{background:url(../images/banner_bg.png) top right no-repeat; background-size: 68% auto; }

.home-banner .banner-info{ display: table; width: 100%; position: relative; z-index: 1 }
.home-banner .row, .sub-banner .row, .sub-banner1 .row{ align-items: center; }
.home-banner .left-content, .home-banner .right-img, .sub-banner .left-content, .sub-banner .right-content, .sub-banner1 .left-content, .sub-banner1 .right-img{padding: 15px }
.home-banner .right-img{ padding-bottom: 0px; }
.home-banner .left-content { width:45%; float: left;}
.home-banner .left-content .content-info{ float: left; }
.home-banner .right-img{ width:60%; float:right; }
.home-banner .right-img .img-full{ float: right; }
.home-banner .right-img img{ width: 100%; }

.home-banner .left-content h1, .sub-banner1 .left-content h1, .sub-banner .left-content h1{ font-size: 50px; line-height: 63px; padding-bottom: 20px; }
.home-banner .left-content p, .sub-banner1 .left-content p, .sub-banner .left-content p{ color: #474a4c; margin-bottom: 0; }
.home-banner .left-content .dual-btn{width: 100%; padding-top: 30px; clear: both; }

.dual-btn .btn.btn2{ margin-left:26px }
.dual-btn .btn.sm_btn4{ margin-left:26px }

.home-banner1{ display: none; }



.section-white{ padding: 100px 0; width: 100%; clear: both;}

h2.sec-tit{ line-height: 49px; color: #303030; text-transform:none; padding-bottom: 30px; position: relative; text-align: center; }
.sub-text{ font-size: 35px; line-height: 51px; color: #303030 }

.btn{ font-size:16px; letter-spacing: 0px; background: #283891; border: 2px solid transparent; font-family: 'poppinssemibold'; color: #fff; display: inline-block; line-height:20px; padding: 13px 29px; text-transform: uppercase;  border-radius:5px; font-weight:normal; box-shadow: 0 12px 13px 0 rgba(22,101,130,0.15);  }
.btn:hover, .btn:focus{ background:#00aeef; color: #fff; outline: none; }

.btn.btn2{ background-color: #fff; border-color:#283891; color: #283891; box-shadow: none; }
.btn.btn2:hover{background-color: #283891; color: #fff}

.btn.sm_btn3{ background: #00aeef; color: #fff; }
.btn.sm_btn3:hover{background-color: #283891; color: #fff}
.btn.sm_btn4{ background: none; color: #fff; border-color: #fff; }
.btn.sm_btn4:hover{background-color: #fff; color: #283891}

.home-sec { width: 100%; clear: both; padding-bottom:50px; }
.home-sec .row{ margin: 0 -22px }
.home-sec .ser-box{ padding:5px 22px }
.home-sec .ser-box .box-info{ width: 100%; background:#f9f9ff; border-radius:4px; border:1px solid #f3f3fb; padding:30px 30px 30px 143px; position: relative; text-align: center; overflow: hidden; }
.home-sec .ser-box .box-info:before{ position: absolute; content: ''; left: -70px; top: -20px; width:200px; height:170px; background: #f0f0fa; border-radius: 100%; }
.home-sec .ser-box .box-info h4{ padding-bottom: 0px; font-size: 16px; font-family: 'poppinsregular'; }

.home-sec .ser-box .box-info .icon{ width:50px; height:39px; background: url(../images/sprite_icon.png); background-position: 0px 0px; float: left; /*margin-left: -113px;*/ position: absolute; left:26px; top: 50%; transform: translateY(-50%); }
.home-sec .ser-box1 .box-info .icon{ background-position: -13px -31px;}
.home-sec .ser-box2 .box-info .icon{ background-position: -100px -31px;}
.home-sec .ser-box3 .box-info .icon{ background-position: -195px -31px;}

.home-sec1.sec-figure{ width: 100%; clear: both; padding: 50px 0; position: relative; }
.sm_bottom_separate-sec.home-sec1.sec-figure{ padding-bottom: 100px; }
.sm_save_time-sec.section-white.figure-seciton.figure-seciton2 { padding: 50px 0; }
.sec-figure .row{align-items: center;}
.home-sec1.sec-figure .img-left{ padding-right: 100px; }
.sec-figure .img-left .img-full, .sec-figure .img-right .img-full { width: 100%;}
.sec-figure .img-left img, .sec-figure .img-right img{ width: 100%;}
.home-sec1.sec-figure .img-full img{ width: auto; max-width: 100%; }
.sec-figure .img-right{ text-align: right; }
.home-sec1 .img-content .img-full{ text-align: center; }
.home-sec1 .row{ padding: 0 30px; }


.sec-figure .right-contant .sec-title, .sec-figure .left-contant .sec-title{ text-align: left; }
.sec-figure .right-contant p, .sec-figure .left-contant p{ color: #303030 }
.sec-figure .right-contant .first-title{ font-size:25px; padding-bottom: 25px; line-height: 30px; font-family: 'poppinssemibold';  }
.sec-figure .right-contant h2.sec-tit, .sec-figure .left-contant h2.sec-tit{ text-align:left; }
.sec-figure .right-contant ul.ser-point{ padding: 15px 0; margin: 0 }
.sec-figure .right-contant ul.ser-point li, .home-sec8 .right-contant ul.sec-point li{ position: relative; padding: 2px 0 15px 45px; color: #303030; font-size: 20px; font-family: 'poppinsregular'; }
.sec-figure .right-contant ul.ser-point li:before, .home-sec8 .right-contant ul.sec-point li:before{ position:absolute; content: ''; left: 0; top: 0; width: 30px; height: 35px; background: url(../images/sprite_icon.png);  background-position: -267px -31px; }
.sec-figure .right-contant .dual-btn, .sec-figure .left-contant .dual-btn{ padding-top: 25px; }

.home-sec1 .img-content,
.sm_analytics-sec .img-content{ display: none; }


.home-sec2{ width: 100%; clear: both; padding: 60px 0 100px; float: left; position: relative;}
.section-title.text-center{ text-align: center; }
.home-sec2 .section-title, .home-sec3 .section-title{ width: 100%; clear: both; padding-bottom:40px; }
.home-sec2 .section-title h2.sec-tit, .home-sec3 .section-title h2.sec-tit{ padding-bottom: 20px }
.home-sec2 .sec-status{ width: 100%; margin: 0 auto; max-width: 800px;}
.home-sec2 .sec-status .left-content { width: 35%; float: left; padding: 0 10px }
.home-sec2 .sec-status .left-content{ border-right: 2px dashed #c9c9c9; padding: 20px 10px 20px }
.home-sec2 .sec-status .left-content h2{font-size:55px; line-height: 72px; text-transform:none; }
.home-sec2 .sec-status .left-content p{ font-size: 21px; margin-bottom:3px }
.home-sec2 .sec-status .left-content h3{ font-size: 32px; font-family: 'poppinsmedium'; }
.home-sec2 .sec-status .right-content{ width: 62%; float: right; margin: 18px 0px; }
.home-sec2 .sec-status .right-logo {  text-align: center; width: 32%; float: left; padding: 0 10px; }
.home-sec2 .sec-status .right-logo img { width: 140px; border: 0; }


.home-sec3{ width: 100%; padding: 250px 0 295px; clear: both;  }
.section-title.text-white, .section-title.text-white h2.sec-tit, .sm_case_study-sec h2.sec-tit, .sm_case_study-sec .contant-info p{ color: #fff }

.webp .home-sec3{background:url(../images/bg1.webp) center bottom no-repeat; background-size:cover; }
.no-webp .home-sec3{background:url(../images/bg1.jpg) center bottom no-repeat; background-size:cover; }

.home-sec3 .sec-curve{ width: 100%; clear: both; position: relative; }
.home-sec3 .sec-curve:before{ position: absolute; content: ''; background:url(../images/curve_border.png) center top no-repeat; width: 95%; height: 83%; left: 0; right: 0; bottom: 0; margin: auto; background-size: 100%; }
.home-sec3 .sec-curve .curve-center-screen{ text-align: center; }
.home-sec3 .sec-curve .sec-box h3{ color: #fff; font-size: 20px; line-height: 32px; font-family: 'poppinslight';}
.home-sec3 .sec-curve .sec-box .icon, .sec-analytics .contant-info ul li .icon{ width: 79px; height: 79px;  background: url(../images/sprite_icon.png); background-position: -18px -95px; background-color:#fff; border-radius: 100%; box-shadow: 0 3px 13px 0 rgba(18,30,102,0.35); margin-bottom: 10px; }
.home-sec3 .sec-curve .curve-info{ width: 100%; clear: both; margin-top:-33.5%; padding-bottom: 100px; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box1 .icon{ float:left; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box1 h3{ padding-left:115px; padding-top: 10px }
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 .icon{ float: right; } 
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 h3{ padding-right:100px; padding-top:25px; padding-left: 50px; }

.home-sec3 .sec-curve .row2{ padding-top: 170px }
.home-sec3 .sec-curve .row2 .sec-box.sec-box1{ padding-left: 27px; }
.home-sec3 .sec-curve .row2 .sec-box.sec-box2{ padding-left: 110px; }
.home-sec3 .sec-curve .row2 .sec-box.sec-box1 .icon{ margin-left:70px; }  
.home-sec3 .sec-curve .row2 .sec-box .icon{ margin-bottom:15px; }
.home-sec3 .sec-curve .row3{ width: 100%; text-align: center; position: relative; z-index: 1; }
.home-sec3 .sec-curve .row3 .sec-box .icon{ margin: 0 auto 10px auto }


.home-sec4.section-white{ padding-top:70px; position: relative; }
.home-sec4:before{position: absolute; content: ''; background:url(../images/right_bg.png) right top no-repeat; right: 0; top:15%; width: 100%; height:260%; z-index: -1; }
.home-sec4 .section-title{ padding-bottom:40px; }
.home-sec4 .client-box .box-info{ padding: 30px; display: flex; align-items: center; }
.home-sec4 .client-box .box-info .icon{ width: 34%; text-align: center; }
.home-sec4 .client-box .box-info .box-content{padding-left: 40px; width:70%}
.home-sec4 .client-box .box-info .box-content h3, .home-sec5 .exp-box .box-info h3{font-family: 'poppinssemibold'; font-size: 20px; line-height: 30px;}

.home-sec5.section-white{ padding:50px 0 10px; position: relative; }
.home-sec5 .row{ display: flex; justify-content: center; flex-wrap: wrap; }
.home-sec5 .exp-box{ padding:0 26px 90px }
.home-sec5 .exp-box .box-info{ width: 100%; height: 100%; background: #fff; text-align: center; padding: 30px 28px; box-shadow: 0 6px 35px 0 rgba(93,81,200,0.15); border-radius: 10px; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.home-sec5 .exp-box .box-info:hover, .home-sec6.sec-compaign .feature-box .box-info:hover{box-shadow: 0 10px 40px 0 rgba(93,81,200,0.35);}
.home-sec5 .exp-box .box-info .icon{ padding-bottom: 20px; }
.home-sec5 .exp-box .box-info p{ padding-bottom: 0px; margin-bottom: 0px }
.home-sec5 .section-title{ padding-bottom: 65px; }



.sec-testimonial.section-white{ width: 100%;  clear: both;  }
.sec-testimonial .section-title{ padding-bottom: 20px }
.sec-testimonial  .home-testimonial{ margin: 0 -20px; width: auto; }
.sec-testimonial  .home-testimonial .test-info{ width: 100%;  clear: both; }
.sec-testimonial  .home-testimonial .test-info .box-detail{ width: 100%;  clear: both; padding:40px 35px 30px 90px; background-color: #fff; margin-bottom: 50px; box-shadow: 0 5px 15px 0 rgba(93,81,200,0.15); border-radius: 15px; position: relative; min-height: 389px;}
.sec-testimonial  .home-testimonial .test-info .box-detail:before{ position:absolute; content:''; left:22px; top: 20px; width: 50px; height: 40px; background: url(../images/sprite_icon.png);   background-position: -120px -114px; }
.sec-testimonial  .home-testimonial .test-info .box-detail:after{ position: absolute; content: '';  border-width: 1px; width: 45px; height: 45px; bottom: -21px; left: 50px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(44deg); /*border-color: transparent, transparent, #000, #000;*/ border-radius:0px 0px 10px 0px;  z-index: 111111; box-shadow: 12px 4px 6px 0px rgba(93,81,200,0.10); background: #fff;}
.sec-testimonial  .home-testimonial .test-info .box-detail p{ font-size: 16px; padding-bottom: 0px; margin-bottom: 0px; line-height: 29px; color: #2c2b3d }
.sec-testimonial  .home-testimonial .test-info .info-detail{ width: 100%; clear: both; padding-left:30px; }
.sec-testimonial  .info-detail .img-box{ float: left }
.sec-testimonial  .info-detail .test-content{ padding-left:20px; padding-top:15px; width: 80%; float: left; }

.home-testimonial .item{padding:30px 20px}
.home-testimonial .test-info .img-box img{ width:85px; height:86px; border-radius: 100%; object-fit:cover; margin: 0 auto; box-shadow: 0 0 15px 0 rgba(0,0,0,0.15) }
.home-testimonial .test-info .box-detail{ position: relative; clear: both; padding-top:30px }
.home-testimonial .test-info .test-content p{ font-size: 17px; color: #686868; margin-bottom: 0px; font-family: 'poppinslight'; line-height: 24px; }
.home-testimonial .test-info h3{ font-size:25px; line-height:37px; font-family: 'poppinsregular'; padding-bottom: 0px; }

.home-testimonial button.slick-arrow{ font-size: 0px; line-height: 0px; width:32px; height: 57px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border:0px; display: block; cursor: pointer; z-index: 1; display: none !important }
.home-testimonial button.slick-arrow.slick-prev{ background:url(../images/quote.png) center center no-repeat; left: 0; right:auto; }

.sec-testimonial .owl-carousel .owl-nav.disabled{ display: block; text-align: center; padding-top: 80px;  display: none !important;}
.sec-testimonial .owl-carousel .owl-nav button{ font-size: 0px; background: url(../images/sprite_icon.png); } 
.sec-testimonial .owl-carousel .owl-nav button span{ display: none;}
.sec-testimonial .owl-carousel .owl-nav button.owl-prev{ width:40px; height: 35px; background-position: -258px -114px; cursor: pointer;} 
.sec-testimonial .owl-carousel .owl-nav button.owl-next{ width:100px; height: 35px; background-position: -318px -114px;} 
.sec-testimonial .owl-carousel .owl-nav button:hover, .sec-testimonial .owl-carousel .owl-nav button:focus{ opacity: 0.8; border:0px; box-shadow:none; outline:0px; }

.home-sec6{ width: 100%; clear:both; padding:250px 0 333px; background-size:cover;  }
.webp .home-sec6{background:url(../images/bg2.webp) left top no-repeat; background-size:cover; }
.no-webp .home-sec6{background:url(../images/bg2.jpg) left top no-repeat; background-size:cover; }
.sm_home_banner_section .home-sec6{ padding-top: 180px; }


.home-sec6 .section-title{ padding-bottom:30px; }
.home-sec6.sec-compaign .row{ padding: 0px }
.home-sec6 .feature-box { padding:22px 28px }
.sec-compaign .feature-box { padding:25px 25px }
.section-share .feature-box { padding:22px 17px }
.home-sec6 .feature-box .box-info{ width: 100%; height: 100%; background: #fff; padding: 50px 70px 40px; box-shadow: 0 18px 35px 0 rgba(93,81,200,0.15); text-align: center; border-radius: 15px; }
.sec-compaign .feature-box .box-info{padding: 40px 30px 20px;}
.sec-compaign .feature-box .box-info{padding: 40px 25px 20px; box-shadow: 0 10px 35px 0 rgba(93,81,200,0.15); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.home-sec6 .feature-box .box-info .icon{ padding-bottom: 25px; }
.home-sec6 .feature-box .box-info h3{ font-family: 'poppinssemibold'; }
.sec-compaign .feature-box .box-info h3{ line-height: 36px; color:#5d5d5d }
.sec-compaign .feature-box .box-info p{ font-size:16px; line-height: 30px; color: #a2a2a2 }

.home-sec7.section-white{ padding-top: 0px }
.home-sec7.sec-figure .left-contant{ padding-right: 35px}
.home-sec7.sec-figure .img-right img, .home-sec8.sec-figure .img-left img, .social-analytics .home-sec8.sec-figure .img-right img{ width: auto; }

.home-sec8.section-white{ padding: 0}
.home-sec8 .right-contant ul.sec-point{ padding: 0 }
.home-sec8 .right-contant ul.sec-point li{ padding-bottom: 18px }
.home-sec8 .right-contant ul.sec-point li:before{  width: 30px; height: 30px; background-position: -335px -31px;}

.home-sec8.section-white.figure-sec2{ padding: 100px 0 }
.share-page .home-sec8.section-white.figure-sec2{ padding-top: 50px }
.figure-sec2 .right-contant h2.sec-tit{ color: #283891; padding-bottom: 15px }
.figure-sec2 .img-left, .figure-sec2 .img-right{ text-align: center; }


.social-analytics .home-sec8.section-white.figure-sec2{ padding-bottom: 0px }
.social-analytics .home-sec8.section-white.figure-sec2.figure-sec3{ padding-bottom:40px }
.social-analytics .sec-figure .section-title{ padding-bottom: 50px }
.social-analytics .sec-figure .contant-info h3{ font-size: 25px; line-height: 38px; }
.social-analytics .sec-figure .contant-info p{ line-height: 38px; }
.social-analytics .sec-figure .left-contant{ text-align: right; }

.social-analytics .home-sec6.sec-compaign.first{ padding: 10px 0; }
.social-analytics .home-sec6.sec-compaign.first h2.sec-tit{ color: #2478f9 }

.home-sec8 .row.row2{ display: none; }
.home-sec9.section-white{ padding: 0;  position: relative; margin-bottom: -140px; }
.home-sec9.section-white:before{ position: absolute; content: ''; width: 100%; height:311px;  background-size: cover;  left:0px; bottom: 0px; }

.home-sec9 .figure-sec{ position: relative; }
.home-sec9 .img-right{ text-align:right; }
.home-sec9 .img-right img{ width:auto; }
.home-sec9 .left-contant{ padding-right: 100px; }

.sm_blog-sec { margin: 0 15px; }
.sm_blog-sec > .container{ border-radius: 30px; padding: 80px 150px; max-width: 1400px; }
.sm_blog-sec.sec-compaign .sec-tit{ color: #fff; }
.sm_blog-sec.sec-compaign .box-info{ background: #fff; padding: 10px; border-radius: 15px; box-shadow: 0px 5px 15px 0px #41389654; height: 100%; width: 100%; }
.sm_blog-sec.sec-compaign .box-info:hover{ box-shadow: 0px 5px 15px 0px #00000087; }
.sm_blog-sec.sec-compaign .box-info img{ width: 100%; border-radius: 10px; }
.sm_blog-sec.sec-compaign .feature-box{ padding: 15px; }
.sm_blog-sec.sec-compaign .feature-box .box-info h2{ font-size: 22px; font-weight: 600; line-height: 30px; color: #283891; }
.sm_blog-sec.sec-compaign .feature-box .sm_box_info_content{ padding: 20px 10px; }
.sm_blog-sec.sec-compaign .feature-box .sm_box_info_content p{ line-height: 25px; color: #303030; }
.webp .sm_blog-sec > .container{ background:url(../images/latest_blog_posts_bg.webp) no-repeat; background-size: 100% 100%; }
.no-webp .sm_blog-sec > .container{ background:url(../images/latest_blog_posts_bg.png) no-repeat; background-size: 100% 100%; }

.sub-banner{ width: 100%; clear: both;   padding:240px 0 0px;position: relative; z-index: 1}
.webp .sub-banner{background:url(../images/sub_banner_bg1.webp) top right no-repeat; background-size: 60% auto;}
.no-webp .sub-banner{background:url(../images/sub_banner_bg1.png) top right no-repeat; background-size: 60% auto;}

.contact-page .sub-banner{ background: none }
.contact-page .sub-banner:after{ position: absolute; content: ''; width: 100%; height: 160%; right: 0; top: 0; z-index: -1 }
.webp .contact-page .sub-banner:after{background:url(../images/contact_us_banner_bg.webp) top right no-repeat; background-size:70% auto;}
.no-webp .contact-page .sub-banner:after{background:url(../images/contact_us_banner_bg.png) top right no-repeat; background-size: 70% auto;}


.sub-banner .row{ align-items: center; }
.sub-banner .left-content, .sub-banner .right-content{ width: 50%; }
.sub-banner .left-content{ padding: 0 40px }
.sub-banner .left-content .sub-banner-title{ width: 100%; padding-left:70px;  }
.pricing-page h2, 
.contact-page h2,
.sign-up-page h2{ font-family: 'poppinsbold'; }
.sub-banner .left-content h2.banner-title span{ color: #5767d1 }
.sub-banner .left-content img{ padding-top:25px; }
.sub-banner .right-content .content-detail{ max-width: 666px; padding: 100px 90px; background: #fff; border-radius: 8px; box-shadow: 0 12px 35px 0 rgba(93,81,200,0.15);  width: 100%; margin: 0 auto }
.sub-banner .right-content .content-detail ul{ padding: 0; margin: 0 }
.sub-banner .right-content .content-detail ul li{ padding:13px 0px }
.sub-banner .right-content .content-detail ul li a{ padding: 25px 20px 25px 105px; font-size: 22px;  color: #fff; width: 100%; background: #4963a4; display: block; border-radius: 5px; position: relative; }
.sub-banner .right-content .content-detail ul li a:hover{ opacity: 0.9 }
.sub-banner .right-content .content-detail ul li span{ width: 80px; height: 80px; position: relative; background: #415891; position: absolute; left: 0; top: 1px; border-radius: 5px 0px 0px 5px; }
.sub-banner .right-content .content-detail ul li span:before{ position: absolute; content: ''; background: url(../images/sprite_icon.png); background-position: -192px -205px; width: 55px; height: 50px; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
.sub-banner .right-content .content-detail ul li.twitter a{ background: #282828 }
.sub-banner .right-content .content-detail ul li.twitter span{ background: #000000 }
.sub-banner .right-content .content-detail ul li.twitter span:before{background-position: -480px -203px;}

.sub-banner .right-content .content-detail ul li.linkdine a{ background: #0077b5}
.sub-banner .right-content .content-detail ul li.linkdine span{ background: #036ba1 }
.sub-banner .right-content .content-detail ul li.linkdine span:before{background-position:-382px -203px;}


.contact-page .sub-banner .left-content{ padding-left: 114px }

.section-white.figure-seciton{ padding-top: 50px }
.sec-figure.figure-seciton .img-left{ text-align: center; }
.sec-figure.figure-seciton .img-right img, .sec-figure.figure-seciton2 .img-left img{ width:auto; }

.section-white .setion-title{ padding-bottom: 20px }


.figure-seciton .contant-info .info-text{ padding-bottom: 10px }
.figure-seciton1 .contant-info .info-text{ padding-bottom: 20px }
.figure-seciton2 .contant-info .info-text{ padding-bottom: 35px }
.publishing-page .figure-seciton2 .contant-info .info-text{ padding:22px 0; position: relative; }
.publishing-page .figure-seciton2.figure-seciton3 .contant-info .info-text{ padding:12px 0;}
.publishing-page .figure-seciton2 .contant-info .info-text:before{ position: absolute; content: ''; background: #ececec; width: 457px; height: 1px; left: 0; right: 0; bottom: 0; margin: 0 auto; display: none }
.publishing-page .figure-seciton2 .contant-info .info-text:last-child:before{ display: none; }
.publishing-page .figure-seciton2.figure-seciton3 .contant-info .info-text:before{ display: none; }
.figure-seciton2 .contant-info .info-text:last-child{ padding-bottom: 0px }
.figure-seciton .contant-info .info-text h3, .sec-faq .faq-box h3{ font-size: 26px; font-family: 'poppinssemibold'; }
.figure-seciton1 .contant-info .info-text h3{ color: #283891; text-transform:uppercase; }
.figure-seciton1 .contant-info .info-text p{ color: #636262; }
.figure-seciton2 .contant-info .info-text p span{color: #283891; text-transform:uppercase; font-family: 'poppinssemibold'; padding-right:8px; font-size: 25px;}
.publishing-page .figure-seciton2 .contant-info .info-text p span{ text-transform: none; }
.publishing-page .figure-seciton2.figure-seciton3 .contant-info .info-text p span{color: #6c63ff  }
.publishing-page .figure-seciton2 .contant-info .info-text p{ margin-bottom: 0px; color: #636262 }
.figure-seciton2 .section-title{ padding-bottom: 30px; }
.generated-page .figure-seciton2 .section-title{ padding-bottom:10px; }
.generated-page.publishing-page .figure-seciton2 .section-title{ padding-bottom:23px; }
.figure-seciton2 .section-title .sec-sub-tit{font-family: 'poppinsmedium';  }
.figure-seciton2 .right-contant{ padding-right: 100px }
.publishing-page .figure-seciton2 .right-contant{ padding:0 60px  }
.publishing-page .figure-seciton2 .contant-info p.first-text{ font-size:24px; line-height: 37px; color: #010101; } 

.section-white.figure-seciton.figure-seciton2{ padding: 110px 0 }


.figure-seciton1, .figure-seciton2{ width: 100%; position: relative; }
.figure-seciton1:before, .figure-seciton2:before{ position: absolute; content: '';background:url(../images/contest_left_bg.png) left center no-repeat; left: 0; top:13%; width: 100%; height: 100%;z-index: -1; background-size: 50%; }

.figure-seciton1 .setion-title{ padding-bottom: 50px }
.figure-seciton1 .left-contant{ padding-top: 100px }

.sec-figure.figure-seciton2 .img-left{ padding-right:100px }
.publishing-page .sec-figure.figure-seciton2 .img-left{ padding-right: 15px }

.figure-seciton2:before{background:url(../images/analytics_right_bg.png) right top no-repeat; right: 0; top:-10%; background-size: 50%; }
.generated-page .figure-seciton2:before{ display: none; }
.generated-page .figure-seciton2.figure-seciton3:before{ display:block; background:url(../images/contest_left_bg.png) left center no-repeat; left: 0; top:0%;  background-size: 50%; }
.generated-page.publishing-page .figure-seciton2.figure-seciton3:before{ display:block; background:url(../images/protect_brand_left.png) left center no-repeat; left: 0; top:0%; background-size: 50%; }

.generated-page .sec-figure.figure-seciton2 .img-right img{ width: 100% }
.generated-page .sec-figure.figure-seciton2.figure-seciton3  .img-right img{ width:auto; }

.generated-page .figure-seciton3 .left-contant{ padding-right: 110px }

.publishing-page .sec-figure.figure-seciton2 .section-title h2.sec-tit{ padding-bottom:5px }
.publishing-page .sec-figure.figure-seciton2 .img-left img{ width: 100% }

.sign-form .main-header{ position: absolute; right: 0 }
.sign-form{ width: 100%; clear: both; }
.sign-form .sec-sign{  display: block; }
.sign-form .img-left{  width:30.6%; float: left;position:absolute; left: 0; top: 0; height: 100% !important  }
.webp .sign-form .img-left{background:url(../images/sign_bg.webp) left top no-repeat; background-size:cover;}
.no-webp .sign-form .img-left{background:url(../images/sign_bg.jpg) left top no-repeat; background-size:cover;}

.sm-signup-left-parent-div {background: url(../images/sm_free_sign_bg.jpg) no-repeat;background-size:cover;width: 30.5%;height: 100vh;overflow-y: auto;}
.left-container-top-section {margin-bottom: 32%;}
.left-container-bottom-section .review-img {height: 74px;width: 74px;border-radius: 100%;border: 1px solid #00B2F3;padding: 5px;}
.left-container-bottom-section .left-bottom-title-section {display: flex; gap: 15px; margin-bottom: 15px;}
.left-container-bottom-section {
  border: 1px solid rgba(240, 228, 228, 0.71);
  border-radius: 10px;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.05));
  padding: 20px 40px 40px 40px;
    
}
.left-bottom-title-section .left-quote:last-of-type {
  margin-left: auto;
}
.sm-signup-left-inner-container {  padding: 80px 50px;color: #FFF;}
.left-text-1 {font-weight: 700;font-size: 15px;line-height: 45px;letter-spacing: 0.25em;}
.left-text-2 {font-weight: 700;font-size: 34px;line-height: 48px;}
.sm-signup-child-img-container {margin-top: 52px;  display: flex;gap: 50px;align-items: center;}
.left-nm {font-weight: 700;font-size: 20px;line-height: 26px;}
.left-cmp{font-weight: 400;font-size: 16px;line-height: 21px;}
.left-review-text { font-weight: 400;font-size: 16px;line-height: 33px;}
.sm-left-img-1 { height: 111px;}
.sm-left-img-2 { height: 105px;}
.sm-left-img-3 {height: 91px;}
.sign-form .img-left img{ width: 100% }


.sign-form .form-right{ width:69.4%; padding:116px 20px; float: right; position: absolute; right: 0; top: 0; height: 100% !important; /*background:url(../images/signin_form_bg.png) right bottom no-repeat; background-size:cover; */}


.sign-form .form-right .form-info{ width: 100%; max-width: 500px; margin:auto; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);}
.sign-form .form-right .img-top{  width: 100%; text-align: center; }
.sign-form .form-right .info-form{ width: 100%; clear: both; padding-top:50px }
.sign-form .form-right .form-info .form-title{margin-bottom: 50px; padding-bottom:15px; text-align:center; position: relative; }
.sign-form .form-right .form-info .form-title p{ font-size: 15px }
.sign-form .form-right .form-info .form-group{ padding-bottom:10px; position: relative; }
.sign-form .form-right .form-info .form-group .form-control{ border:0px; border-bottom: 1px solid #cdcdcd; padding: 0 30px 14px 0px; font-size: 16px; color: #72787a; line-height: 30px; position: relative; border-radius:0px; background:none; -webkit-box-shadow:0 0 0 50px white inset; box-shadow:0 0 0 50px white inset; }
.sign-form .form-right .form-info .form-group .error{ font-size: 14px; color: #fd3939 }
.sign-form .form-right .form-info .form-group .form-control:focus{box-shadow:none; border-color:#00aeef; -webkit-box-shadow:0 0 0 50px white inset; box-shadow:0 0 0 50px white inset; }
.sign-form .form-right .form-info .form-group .f-sign{ position: absolute; content: ''; width:16px; height:16px; right: 0; top:6px; background: url(../images/sprite_icon.png); background-position: -32px -301px;  }
.sign-form .form-right .form-info .form-group .f-sign.f-pass{background-position: -89px -299px; width: 14px; height: 18px; }
.sign-form .form-right .form-info .form-group .f-sign.f-email{background-position: -105px -348px; width: 18px; height: 18px; }

.sign-form .form-right .form-info .form-group.form-pass{ margin-bottom: 15px; }
.sign-form .form-right .form-info .form-group.form-username{ margin-bottom: 0 }

#registration_frm_crm  .checkbox .inpt_c, .sign-form .form-right .form-info .checkbox .inpt_c,
.sm-free-signup #registration_form .checkbox .inpt_c, .sign-form .form-right .form-info .checkbox .inpt_c
{opacity: 0; width: 14px; height: 14px; margin: 0; }
#registration_frm_crm .checkbox .inpt_c + .check-label ,.sign-form .form-right .form-info .checkbox .inpt_c + .check-label,
.sm-free-signup #registration_form .checkbox .inpt_c + .check-label ,.sign-form .form-right .form-info .checkbox .inpt_c + .check-label
{cursor: pointer; padding: 0; position: relative; padding-left: 36px; padding-top:0px; font-size: 14px; line-height:18px; color: #2a2a2a}
#registration_frm_crm .checkbox .inpt_c + .check-label:before ,.sign-form .form-right .form-info .checkbox .inpt_c + .check-label:before,
.sm-free-signup #registration_form .checkbox .inpt_c + .check-label:before ,.sign-form .form-right .form-info .checkbox .inpt_c + .check-label:before
{content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border: 1px solid #b3b1b1;  position: absolute; left: 0;  top: 0; border-radius: 2px}

#registration_frm_crm .checkbox .inpt_c:checked + .check-label:after ,.sign-form .form-right .form-info .checkbox .inpt_c:checked + .check-label:after,
.sm-free-signup #registration_form .checkbox .inpt_c:checked + .check-label:after ,.sign-form .form-right .form-info .checkbox .inpt_c:checked + .check-label:after
{content: ''; position: absolute; left: 0px; top: 0px; background: #283891; width:16px; height: 16px; background: url(../images/sprite_icon.png); background-position: -122px -299px; /*box-shadow: 2px 0 0 #283891, 4px 0 0 #283891, 4px -2px 0 #283891, 4px -4px 0 #283891, 4px -6px 0 #283891, 4px -8px 0 #283891;  transform: rotate(45deg);*/}
#registration_frm_crm .checkbox .inpt_c + .check-label,
.sm-free-signup #registration_form .checkbox .inpt_c + .check-label{
  padding-left: 30px;
  margin-left: -20px;
}
#registration_frm_crm .checkbox .inpt_c + .check-label:before,
.sm-free-signup #registration_form .checkbox .inpt_c + .check-label:before{
  border-radius: 4px;
}
#registration_frm_crm .checkbox .inpt_c:checked + .check-label:before,
.sm-free-signup #registration_form .checkbox .inpt_c:checked + .check-label:before{
  border: 1px solid #00B2F3;
  box-shadow: 0 0 0 1px #00B2F3;
}
#registration_frm_crm .checkbox .inpt_c:checked + .check-label:after,
.sm-free-signup #registration_form  .checkbox .inpt_c:checked + .check-label:after{
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #00B2F3;
  border-width: 0 2px 2px 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
}
.account_setup_header_left_style {
  position: relative;
  width: 110px;
  height: 6px;
  border-left: 0px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #00B2F3;
  z-index: 1;                
}
.account_setup_header_left_style:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 6px;
  background: #fff;
  z-index: 8;
  top: -6px;
  right: 20px;
  TRANSFORM: rotate(311deg);
}
.account_setup_header_right_style {
  width:70px;
  height:10px;
  -webkit-box-shadow: 0px 4px 4px #00B2F3(0 0 0 / 25%);
  -moz-box-shadow: 0px 4px 4px #00B2F3(0, 0, 0, 0.25);
  -o-box-shadow: 0px 4px 4px #00B2F3(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px #00B2F3(0 0 0 / 25%);
  margin-top:-10px;
}

.sign-form .form-right .form-info .form-title h3{ text-align: center; font-size: 36px; line-height: 48px; font-family: 'poppinsregular'; position: relative; padding-bottom:10px }
.sign-form .form-right .form-info .form-title:before{ position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0; width: 203px; height: 6px; background: #2c3b91; }
.sign-form .form-right .form-info .btr-form{ width: 100%; text-align: center; padding-top:35px }
.sign-form .form-right .form-info .btr-form .btn{padding: 23px 65px;}
.sign-form .form-right .form-info a.forgot-pass{ display: block; padding-top:15px; font-size: 14px; line-height: 30px; color: #72787a; }
.sign-form .form-right .form-info a.forgot-pass:hover{ color: #00aeef }

.signform-header .hdr-nav .navbar{ position: inherit; padding: 0; }
.signform-header .hdr-right{ position: relative; }
.signform-header .hdr-nav .navbar-header{ position: absolute; right:50px; top:50px; display: block; z-index: 1}
.signform-header .hdr-nav .navbar-header button.navbar-toggler{ width: 30px; height: 30px; padding: 0; display: block; }
.signform-header .hdr-nav .navbar-header button.navbar-toggler:focus{ outline: none; box-shadow: none }
.signform-header .navbar-toggler .icon-bar{ width:38px; height:3px; background-color: #283891; display: block; transition:all 0.1s ease-in 0s; }
.signform-header .hdr-nav .navbar-toggler .icon-bar.line2{ margin:7px 0 }
.signform-header .hdr-nav.open .navbar-toggler .icon-bar.line1{visibility: hidden; }
.signform-header .hdr-nav.open .navbar-toggler .icon-bar.line2{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; }
.signform-header .hdr-nav.open .navbar-toggler .icon-bar.line3{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -9px;}

.signform-header .hdr-nav ul.navbar-nav{flex-direction: column; float: none; padding-top: 0px}
.signform-header .hdr-nav ul.navbar-nav li{ border-bottom: 1px solid #dfdfdf; padding: 0 }
.signform-header .hdr-nav ul.navbar-nav li:last-child{ border-bottom: 0px; }
.signform-header .hdr-nav ul.navbar-nav li a{ width: 100%; line-height: 50px; color:#454545; display: block; padding: 0 20px }
.signform-header .hdr-nav ul.navbar-nav li a:before{ display: none; }
.signform-header .hdr-nav ul.navbar-nav li.active > a,
.signform-header .hdr-nav ul.navbar-nav li a:hover, .signform-header .hdr-nav ul.navbar-nav li a:focus{ color: #00aeef }
.signform-header .hdr-nav .navbar-collapse{ position: fixed; width:100%; height:100%; left: -100%; top: 0; overflow:auto; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;  max-width:330px; padding:0; z-index:11; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); display: block;   }
.signform-header .hdr-nav.open .navbar-collapse{ left: 0; }

.signform-header .navbar-nav .dropdown-menu{ position:static; min-width: 100%; box-shadow: none; padding: 0 }
.signform-header .hdr-nav ul.navbar-nav li.dropdown.show a.features{border-bottom: 1px solid #dfdfdf;}
.signform-header .hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li a{ padding-left: 30px }
.signform-header .hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li{ padding: 0 }
.signform-header .hdr-nav .caret { float: right; position: relative; top: 24px; }


.sub-banner1{width: 100%; clear: both;  padding:280px 0 80px; position: relative;}
.webp .sub-banner1{background:url(../images/compaign_banner_bg.webp) top right no-repeat; background-size: 67% auto;}
.no-webp .sub-banner1{background:url(../images/compaign_banner_bg.png) top right no-repeat; background-size: 67% auto;}

.share-page .sub-banner1{padding: 195px 0 20px;}

.webp .share-page .sub-banner1{background:url(../images/share_banner_bg.webp) top right no-repeat; background-size: 67% auto;}
.no-webp .share-page .sub-banner1{background:url(../images/share_banner_bg.png) top right no-repeat; background-size: 67% auto;}


.webp .social-analytics .sub-banner1{background:url(../images/social_anlaytics_banner_bg.webp) top right no-repeat; background-size: 65.6% auto;}
.no-webp .social-analytics .sub-banner1{background:url(../images/social_anlaytics_banner_bg.png) top right no-repeat; background-size: 65.6% auto;}

.social-analytics .sub-banner1{padding: 260px 0 50px;}

 

.sub-banner1:before, .home-sec5:before, .sub-banner:before{ position: absolute; content: ''; left: 0; bottom:-18%; width: 100%; height:100%; background:url(../images/compaign_left_bg.png) left bottom no-repeat; z-index: -1 }
.home-sec5:before{ background:url(../images/left_bg2.png) left bottom no-repeat; bottom: -39%}
.sub-banner:before{ bottom: -28% }
.contact-page .sub-banner:before{ display: none; }
.generated-page .sub-banner1{padding: 94px 0 110px;}
.webp .generated-page .sub-banner1{background:url(../images/generate_banner_bg.webp) top right no-repeat; background-size: 71% auto;}
.no-webp .generated-page .sub-banner1{background:url(../images/generate_banner_bg.png) top right no-repeat; background-size: 71% auto;}

.webp .generated-page.publishing-page .sub-banner1{background:url(../images/social_publishing_banner_bg.webp) top right no-repeat; background-size: 71% auto;}
.no-webp .generated-page.publishing-page .sub-banner1{background:url(../images/social_publishing_banner_bg.png) top right no-repeat; background-size: 71% auto;}

.pricing-page .sub-banner:before, .recharge-page .sub-banner:before{ display: none; }
.publishing-page .sub-banner1:before{ display: none; }

.sub-banner1 .left-content{ width: 49%; float:left; padding-left:100px }
.generated-page .sub-banner1 .left-content{ padding-top:150px }
.sub-banner1 .right-img{ width: 51%; float: right; text-align: center; }
.sub-banner1 .left-content h2{ font-size:55px; line-height:74px; padding-bottom: 30px; }
.sub-banner1 .left-content h2 span{ color: #5767d1 }
.sub-banner1 .left-content h2 span.sm_second_color_text{ color: #00B2F3; }

.social-analytics .sub-banner1 .left-content h2,
.share-page .sub-banner1 .left-content h2{ font-size: 55px; line-height: 74px; padding-bottom: 10px; }

.home-sec6.sec-compaign{ background:none; padding: 100px 0 }
.home-sec6.sec-compaign.sm_launch_social_campaigns-sec{ padding-bottom: 50px; }
.home-sec6.sec-compaign.second{ padding-bottom: 160px }

.publishing-page .home-sec6.sec-compaign{ padding-top: 40px; position: relative; }
.publishing-page .sec-compaign  .section-title h2.sec-tit{ padding-bottom: 5px }
.publishing-page .home-sec6 .section-title{ padding-bottom: 40px; }
.publishing-page .sec-compaign .feature-box .box-info p{ color: #737373 }

.sec-bg1{ width: 100%; padding: 170px 0; background-size:cover; float:left; }
.webp .sec-bg1{background:url(../images/bg4.webp) center top no-repeat; background-size:cover;}
.no-webp .sec-bg1{background:url(../images/bg4.png) center top no-repeat; background-size:cover;}

.webp .social-analytics .sec-bg1{background:url(../images/bg5.webp) center top no-repeat; background-size:cover;}
.no-webp .social-analytics .sec-bg1{background:url(../images/bg5.png) center top no-repeat; background-size:cover;}


.sec-bg1.sec-integration{ padding-bottom:445px  }
.social-analytics .sec-bg1.sec-integration{ padding:220px 0 375px}

.sec-integration ul{ padding:40px 0 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; width: 100% }
.sec-integration ul li.inte-box{ float: left; padding:7px 8px; width:21%; }
.sec-integration ul li.inte-box .logo-thumb{ width: 100%; background:#fff; padding:20px; text-align: center; border-radius:8px; height: 100%; display: flex; flex-wrap: wrap; align-items: center;
    justify-content: center;min-height: 183px; box-shadow: 0 6px 10px 0 rgba(93,81,200,0.15) }
.sec-integration ul li.inte-box .logo-thumb img{max-width: 100%; object-fit: contain;}

.social-analytics .sec-integration ul li.inte-box{ width: 20% }


.figure-sec3{ position: relative; width: 100% }
.figure-sec3:before, .sm_section_with_left_bg:before, .home-sec2:before, .publishing-page .sec-compaign:before{ position: absolute; content: ''; background:url(../images/pro_tip_left_bg.png) left top no-repeat; left: 0; top: -40%; width: 100%; height: 140%; z-index: -1; }
.home-sec1.figure-sec3:before{
  top: auto;
}
.sm_section_with_left_bg:before{top: -3%; height: 243%}
.generated-page .figure-sec3:before{ display: none; }

.home-sec2:before{ top: -60%; height: 200% }
.publishing-page .sec-compaign:before{ top: -41%; height:120% }

.section-white.section-contect{ padding: 80px 0 70px }
.publishing-page .section-white.section-contect{ padding-top:140px;}
.section-contect .container{ max-width: 910px; }
.section-contect .cont-box{ padding:0 40px 20px }
.section-contect .cont-box .box-info{ padding: 50px 30px; color: #fff; text-align: center; border-radius: 10px; height: 100%; 
background: rgb(90,108,211); /* Old browsers */
background: -moz-linear-gradient(left, rgba(90,108,211,1) 0%, rgba(134,168,231,1) 51%, rgba(145,234,228,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(90,108,211,1) 0%,rgba(134,168,231,1) 51%,rgba(145,234,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(90,108,211,1) 0%,rgba(134,168,231,1) 51%,rgba(145,234,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.section-contect .cont-box .box-info .icon{ padding-bottom:30px }
.section-contect .cont-box .box-info h3{font-family: 'poppinssemibold'; font-size: 20px; line-height: 22px; color: #fff}
.section-contect .cont-box .box-info p{ color: #fff; font-size: 16px; line-height: 20px;  }
.section-contect .cont-box .box-info .btn{ margin-top: 18px; border-color: #fff; background:none; color: #fff;box-shadow: none; min-width: 225px; padding: 23px 25px; }
.section-contect .cont-box .box-info .btn:hover{ background:#fff; color: #283891 }

.section-share .section-title{ max-width:970px; margin: 0 auto; width: 100%}

.generated-page .figure-seciton4 .img-right .img-full{ padding:40px 0px 40px 40px }
.generated-page .figure-seciton4 .img-right img{ border-radius:20px; box-shadow: 0 0 32px 0 rgba(98,86,206,0.38)}


.sec-bg1.share-section{padding: 240px 0 445px;;}
.share-section .center-form{ width: 100%; max-width: 540px; margin:0 auto; background:#fff; border-radius: 10px; box-shadow: 0 0 32px 0 rgba(98,86,206,0.38); padding:0; margin-top:45px; position: relative; z-index: 1; border-radius: 30px }
.share-section .center-form img{ width: 100%; border-radius:15px  }


.share-section .row{ margin-top:-35%; }
.share-section .share-box ul{ padding: 0; margin: 0 }
.share-section .share-box ul li{ padding: 10px 0 ; margin: 0; color: #fff; font-size: 16px; line-height: 30px; }
.share-section .share-box ul li.first{ padding-bottom: 30px; }
.share-section .share-box ul li h3{ font-size: 20px; text-transform: uppercase;  line-height:25px; color: #fff; }
.share-section .share-box.left-box ul li{ text-align: right; }

.section-white.section-content{ padding:0px 0 60px; position: relative; }
.sm_revenue_recognition-sec.section-white.section-content{
  padding-top: 60px;
}
.section-content{ width: 100%; clear: both; }
.section-content .section-title{ padding-bottom: 35px }
.section-content .content-box{ padding: 20px 15px }
.sm_revenue_recognition-sec.section-content .content-box{
  padding: 15px 15px;
}
.section-content .content-box .box-info{ width: 100%; background: #fff; box-shadow: 0 0 35px 0  rgba(93,81,200,0.15); padding: 20px 30px 20px 20px; display: table; border-radius: 8px; height: 100% }
.section-content .content-box .box-info .icon, .section-content .content-box .box-info .box-content{ display: table-cell; vertical-align: middle; }
.section-content .content-box .box-info .icon{ width:32%; }
.sm_revenue_through_sharing-sec.section-content .content-box .box-info .icon img{ height: 88px; }
.section-content .content-box .box-info .box-content{ padding-left:20px; width:68% }
.section-content .content-box .box-info .icon img{ width: 100% }
.section-content .content-box .box-info .box-content h3{ font-size: 20px; font-family: 'poppinssemibold'; line-height: 36px; padding-bottom: 3px; color: #5d5d5d }
.section-content .content-box .box-info .box-content p{ font-size: 16px; line-height: 30px; color: #a2a2a2; margin-bottom: 0px }
.sm_revenue_through_sharing-sec.section-content .content-box .box-info .box-content p{
  color: #5D5D5D;
  margin-bottom: 0px;
}
.sm_revenue_through_sharing-sec.section-content .content-box .box-info .icon img{
  pointer-events: none;
}
.section-content h2.sec-tit{
  padding-bottom: 20px;
}


.sec-bg2{ width: 100%; clear:both; padding: 200px 0 350px; }
.webp .sec-bg2{background:url(../images/bg6.webp) center top no-repeat; background-size:cover;}
.no-webp .sec-bg2{background:url(../images/bg6.png) center top no-repeat; background-size:cover;}

.sec-analytics .section-title{ padding-bottom:80px }
.sec-analytics .row{ align-items: center; }
.sec-analytics .left-img .img-full{ width: 100%; padding: 30px; }
.sec-analytics .left-img img{ width: 100% }
.sec-analytics .contant-info{ width: 100%; padding: 0 20px; float: left; }
.sec-analytics .contant-info ul{ padding: 0; margin: 0 }
.sec-analytics .contant-info ul li{ width: 100%; padding:27px 0; list-style: none;color: #fff; font-size: 16px; line-height: 30px; clear: both; display: block; float: left; }
.sec-analytics .contant-info ul li .icon{ float: left; margin-bottom: 0px;  }
.sec-analytics .contant-info ul li .box-detail{ padding-left:25px; width: 75%; float:left; }
.sec-analytics .contant-info ul li p{
  margin-top: 12px;
}



.sm_plan_discount_label_container {
  display: inline-block;
  position: absolute;
  margin: 10px 15px;
  color: #ff0000;
}
.sm_switch {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 28px;
}
.sm_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.sm_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00b2f3;
  -webkit-transition: .4s;
  transition: .4s;
}
.sm_slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 5px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .sm_slider { background-color: #00b2f3; }
input:focus + .sm_slider { box-shadow: 0 0 1px #00b2f3; }
input:checked + .sm_slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.sm_slider.sm_round { border-radius: 34px; }
.sm_slider.sm_round:before { border-radius: 50%; }
.sm_plan_toggle_label { margin: 5px; color: #fff}
.plan-toggle-switch-wrapper { display: inline-block; }
.sm_plan_toggle_label.active { color: #00b2f3; }
.plan-toggle-switch-wrapper { background-color: #283891; padding: 10px; border-radius: 30px; }

.section-white.pricing-plan{ width: 100%; clear: both; position: relative; z-index: 1 }
.pricing-plan .plan-toggle-switch-container { text-align: center; padding: 15px 15px 25px 15px; }
.pricing-plan .plan-box{ padding:15px 15px 40px 15px }
.pricing-plan .plan-box .box-info{ width: 100%; text-align: center; padding:30px 30px 98px; position: relative; border-radius: 5px; border:1px solid #dedede; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; min-height:428px}
.pricing-plan .plan-box .box-info:hover, .pricing-plan .plan-box.active .box-info{box-shadow: 0 0px 25px 0 rgba(165,165,165,0.3); border-color: rgba(255,255,255,0.01);}
.pricing-plan .box-info .plan-title{ padding-top:6px }
.pricing-plan .box-info .plan-title h3{ font-size: 28px; line-height:33px; color: #283891; font-family: 'poppinssemibold'; }
.pricing-plan .plan-box.active .box-info .plan-title{ padding-top: 0px }
.pricing-plan .box-info .plan-price{ width: 100%; clear: both; padding: 30px 0 17px }
.pricing-plan .plan-box.active .box-info .plan-price{padding-top:15px}
.pricing-plan .box-info .plan-price p{ color:#283891; font-family: 'poppinsbold'; font-size: 26px; margin-bottom: 0px  }
.pricing-plan .box-info .plan-price p.sm_billing_text{ font-family: 'poppinsregular'; font-size: 14px; color:#6a6767; }
.pricing-plan .box-info .plan-price span{ font-size: 51px; line-height: 58px; position: relative; top: 2px }
.pricing-plan .box-info .plan-price sub{ font-size: 100%; bottom:4px; position: relative; }
.pricing-plan .box-info .plan-price hr{ margin-top: 15px; }
.pricing-plan .box-info .plan-info{ width: 100%; clear: both; padding-bottom: 25px; }
.pricing-plan .box-info .plan-info ul{ padding: 0; margin: 0 }
.pricing-plan .box-info .plan-info li{ font-size: 16px; line-height: 35px; color: #232534 }
.pricing-plan .box-info .plan-btn{ position: absolute; left: 0; right: 0; bottom: 42px; margin: 0 auto }
.pricing-plan .box-info .plan-btn .btn, .pricing-detail .pro-btn .btn{ font-size: 16px; padding: 16px 42px; }

.pricing-plan .plan-box.active .box-info .plan-ribbon{position: absolute; top: 0; right: 0; display: table; }
.pricing-plan .plan-box.active .plan-ribbon .ribbon-inner{width:200px; height:26px; line-height: 26px;  background: #0065B5; color: #fff; text-align: center; font-size: 13px; position: relative; top: 6px; right: -37px; display: table-cell; vertical-align: middle; transform: rotate(30deg); font-family: 'poppinssemibold'; text-transform: uppercase; background: rgb(90,108,211); /* Old browsers */
background: -moz-linear-gradient(left, rgba(90,108,211,1) 0%, rgba(134,168,231,1) 51%, rgba(145,234,228,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(90,108,211,1) 0%,rgba(134,168,231,1) 51%,rgba(145,234,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(90,108,211,1) 0%,rgba(134,168,231,1) 51%,rgba(145,234,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.pricing-plan .plan-box.active .plan-ribbon .ribbon-inner span{position: relative; top: 1px; left:18px;}

.pricing-plan .box-info{ margin-bottom: 50px }
.pricing-plan .pricing-detail{ padding-top:70px }

.pricing-plan:before{ position: absolute; content: ''; right: 0; top: 47%; width: 100%; height: 100%; background: url(../images/right_bg1.png) right top no-repeat; z-index: -1 }
.pricing-plan .pricing-detail .pricing-link{ width: 100%; clear: both; padding:8px 0 38px; float: left;}
.pricing-plan .pricing-detail .pricing-title{ width: 100%; clear: both; padding-bottom: 10px }
.pricing-plan .pricing-detail .pricing-title h3{ font-size: 28px; color: #303030; font-family: 'poppinssemibold'; line-height: 34px; }
.pricing-plan .pricing-detail .pricing-link ul{ padding: 0; margin: 0; }
.pricing-plan .pricing-detail .pricing-link ul li{ float: left; width: 36px; height: 36px; border-radius: 100%; background: #3b5998; margin-right: 7px; background-size: 640px !important; }
.pricing-plan .pricing-detail .pricing-link ul li.fb{background: url(../images/sprite_icon.png); background-position: -182px -230px;}
.pricing-plan .pricing-detail .pricing-link ul li.insta{background: url(../images/sprite_icon.png); background-position: -225px -230px;}
.pricing-plan .pricing-detail .pricing-link ul li.tw{background: url(../images/sprite_icon.png); background-position: -182px -272px;}
.pricing-plan .pricing-detail .pricing-link ul li.linkdine{background: url(../images/sprite_icon.png); background-position: -309px -230px;}
.pricing-plan .pricing-detail .pricing-link ul li.youtube{background: url(../images/sprite_icon.png); background-position: -354px -230px;}
.pricing-plan .pricing-detail .pricing-link ul li.gmb{background: url(../images/sprite_icon.png); background-position: -397px -230px;}
.pricing-plan .pricing-detail .pro-info{ width: 100%; clear: both; padding-bottom:30px; }
.pricing-plan .pricing-detail .pro-info ul{ padding: 0; margin: 0; display: block; }
.pricing-plan .pricing-detail .pro-info ul li{ font-size: 15px; line-height:22px; color: #232534; padding-bottom: 17px; text-decoration: underline; position: relative; display: block; padding-left:19px;cursor: pointer;}
.pricing-plan .pricing-detail .pro-info ul li:before{ position: absolute; content:' '; left:0px; top:7px;  width:6px; height: 6px; background:#283891; border-radius: 100%}

.sec-faq{ width: 100%; clear: both; padding:170px 0 200px; }
.webp .sec-faq{background:url(../images/bg7.webp) center top no-repeat; background-size:cover;}
.no-webp .sec-faq{background:url(../images/bg7.png) center top no-repeat; background-size:cover;}
.sec-faq .section-title{ padding-bottom: 25px }
.sec-faq .faq-box{padding:20px 15px; color: #303030}
.sec-faq .faq-box.first{ padding-right:30px }
.sec-faq .faq-box.second{flex: 0 0 28%;  max-width:28%; }
.sec-faq .faq-box.third{flex: 0 0 30%;  max-width:30%; }
.sec-faq .faq-box .info-text{ width: 100%; clear: both; padding-bottom: 45px }
.sec-faq .faq-box img{ width: 100% }

.pricing-page .sec-testimonial.section-white{ padding: 10px 0 }

.contact-section.section-white{ width: 100%; clear: both; padding:0 0 20px; z-index: 1; position: relative; }
.contact-section .form-detail{ width: 100%; background: #fff; border-radius: 10px; box-shadow: 0 12px 35px 0 rgba(93,81,200,0.15); padding: 67px 82px 82px }
.contact-section .form-detail .contact-form{ clear: both; margin: 0 -17px }
.contact-section .form-detail .form-group{ width:50%; padding: 15px 17px; float: left; margin-bottom: 0 }
.contact-section .form-detail .form-group.text-info{ width: 100%; clear:both; display: block; }
.contact-section .form-detail .btr-form{ text-align: center; padding-top: 28px; clear: both;  }
.contact-section .form-detail .btr-form .btn{ font-size:19px; padding: 23px 64px; }
.contact-section .form-detail .btr-form .btn:focus{ box-shadow: none }
.contact-section .form-detail .form-group input.form-control, .contact-section .form-detail .form-group textarea{ height: 92px; color: #7c7c7c; font-size: 25px; padding: 10px 45px; border-radius:10px; border-color:#c8c8c8; }
.contact-section .form-detail .form-group textarea{ height: 212px; padding: 40px 45px }
.contact-section .form-detail .form-group input.form-control:focus, .contact-section .form-detail .form-group textarea:focus{ box-shadow: none; border-color:#283891 }

.contact-section .form-detail ::placeholder {color:#7c7c7c; opacity: 0.7; /* Firefox */}
.contact-section .form-detail -ms-input-placeholder { /* Internet Explorer 10-11 */ color:#7c7c7c; opacity: 0.7;}
.contact-section .form-detail -ms-input-placeholder { /* Microsoft Edge */ color:#7c7c7c; opacity: 0.7;}

.contant-section.section-white{ width: 100%; clear: both; text-align: center; }
.contant-section .contant-info{ width: 100%; clear: both; padding-top: 10px; line-height: 39px; }
.contant-section .contant-info p{ padding-bottom: 20px }


.sec-privacy h2.main-title, .sec-privacy h3{font-family: 'poppinssemibold';}
.sec-privacy h2{ font-size: 25px }
.sec-privacy h3{ font-size: 22px }
.sec-privacy{ font-size: 16px; }
.sec-privacy .sub_in-text{ width: 100%; clear: both; padding: 40px 0 0px 50px; font-size: 16px; }
.sec-privacy .sub_in-text ul.main-list{ padding: 0; margin: 0 }
.sec-privacy .sub_in-text ul.main-list li{ padding-bottom: 30px }
/*.sec-privacy .sub_in-text ul.main-list li h3{ display: inline-block; padding-left: 10px }*/
.sec-privacy .sub_in-text ul.main-list li ul.sub-list{ width: 100%; padding-top:10px; padding-left: 40px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li{ position: relative; padding-left:60px; padding-bottom:20px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list.list-sub-in li{ padding-left: 110px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li.pad-bot{ padding-bottom: 40px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li span{ position: absolute; left: 0; top: 0; }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li ul.sub-list-in{ width: 100%; padding-top: 20px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li ul.sub-list-in li{ padding-bottom:15px }

.sec-privacy .only-text{ width: 100%; clear: both; padding-bottom: 30px }
.sec-privacy .only-text ul{ width: 100%; clear: both; padding: 0 0 15px 30px; margin: 0 }
.sec-privacy .only-text ul li{ list-style:inside; }
.sec-privacy .only-text:last-child{ padding-bottom: 0px; }



/* footer */
footer{ width: 100%; clear: both; background-color: #1d2730; padding:80px 0; float: left; }
footer .foot-block{ float: left; padding-right: 15px; }
footer .foot-logo{width:28%}
footer .foot-links{width:59%}
footer .foot-social-link{width:13%; padding-right: 0px;}

footer .foot-links ul, footer .foot-social-link ul{ padding: 0; margin: 0 }
footer .foot-links ul li{ list-style: none; padding: 2px 20px; display: inline-block; }
footer .foot-links ul li a{ font-size: 16px; color: #ffffff; font-weight: normal; text-transform:uppercase; }
footer .foot-links ul li a:hover, footer .foot-links ul li a:focus, footer .foot-links ul li.active a { color: #03aae8 }

footer .foot-social-link ul{ float: right; }
footer .foot-social-link ul li{ display: inline-block; padding: 0 5px 0 }
footer .foot-social-link ul li a{ font-size: 0px; background: url(../images/sprite_icon.png); width:20px; height: 20px; display: inline-block; transition:none; }
footer .foot-social-link ul li.facebook a{  background-position: -29px -203px; width:10px; }
footer .foot-social-link ul li.twitter a{  background-position: -140px -352px; }
footer .foot-social-link ul li.linkdine a{  background-position: -112px -203px;  }
footer .foot-social-link ul li.instagram a{background-position: -34px -350px;  }
footer .foot-social-link ul li.youtube a{  background-position: -66px -350px; }
footer .foot-social-link ul li.youtube{ padding-right: 0px; }

footer .foot-social-link ul li.facebook a:hover{background-position: -29px -236px;}
footer .foot-social-link ul li.twitter a:hover{ background-position: -140px -386px; }
footer .foot-social-link ul li.linkdine a:hover{ background-position: -112px -236px; }
footer .foot-social-link ul li.instagram a:hover{background-position: -34px -384px;  }
footer .foot-social-link ul li.youtube a:hover{background-position: -66px -383px; }

footer .copyright{ display: block; border-top: 1px solid #364553; margin-top: 40px; padding-top: 30px; color: #516373; float: left; font-size: 16px; width: 100% }
footer .copyright p{ margin-bottom: 0px; font-family: 'poppinslight'; font-weight: normal; line-height: 28px; }
footer .copyright p a{ color: #fff }
footer .copyright p a:hover{ color: #03aae8; }


.sm_case_study-sec.home-sec1.sec-figure{
  padding-top: 200px;
  padding-bottom: 100px;
}
.webp .sm_case_study-sec {background:url(../images/case_study_bg.webp) right top no-repeat; background-size: cover !important; }
.no-webp .sm_case_study-sec {background:url(../images/case_study_bg.jpg) right top no-repeat; background-size: cover !important; }

.sm_case_study-sec .center-btn .sociamonials-case-study-btn.btn img{ float: left; margin-right: 20px }
.sm_case_study-sec .center-btn .sociamonials-case-study-btn.btn{ background: #00aeef; line-height: 22px; padding: 23px 88px 23px 50px; box-shadow: 0 7px 18px 0 rgba(45,47,51,0.26) }
.sm_case_study-sec .center-btn .sociamonials-case-study-btn.btn:hover{ background: #283891; color: #fff; }


/* outline material style start */

.sm_outline_material_style .sm_outline_material_input {
  border: 1px solid #D0D7E7 !important;
  padding: 14px 10px !important;
  box-shadow: none;
  border-radius: 5px !important;
  min-height: 50px;
  height: auto;
}
.sm_outline_material_style .sm_outline_material_input#username,
.sm_outline_material_style .sm_outline_material_input#password { padding-right: 40px !important; }
.sm_outline_material_style .sm_input_suffix_icon { top: initial !important; right: 15px !important; bottom: 30px; }

.sm_outline_material_style label.sm_field_label_container {
  margin: 0;
  position: relative;
  left: 15px;
  top: 14px;
  font-size: 14px;
  z-index: 1;
  padding: 0 8px;
  background-color: #ffffff;
}

/* outline material style end */


/* agency pro section css START */
.sm_agency_pro-section{
    background: url(../images/agency_pro_section_bg.png) left top no-repeat;
    background-size: cover;
    margin-top: 30px;
    position: relative;
    padding-top: 250px;
    padding-bottom: 100px;
    color: #fff;
}
.sm_agency_pro-section p{
    font-family: 'poppinslight';
}
.sm_agency_pro-section .sec-tit{
    font-weight: 400;
    color: #fff;
    font-family: 'poppinsregular';
}
.sm_agency_pro-section .sec-tit .sm_agency_pro_title{
    font-family: 'poppinsmedium';
    font-style: italic;
}
.sm_container_image-icon{
    text-align: center;
    margin: 40px 0;
}
.sm_container_image-icon img{
    width: 300px;
}
.sm_container_side-image-icon .icon{
     float: left;
     pointer-events: none;
}
.sm_side_image-detail{
    padding-top: 10px;
}
.sm_container_side-image-icon ul{
  margin-bottom: 0;
}
.sm_container_side-image-icon ul li{
    margin: 40px 0;
}
.sm_agency_pro_side_image-sec{
    box-shadow: 0px 12px 13px 0px #16658226;
    background: url(../images/agency_pro_blog_bg.png) left top no-repeat;
    background-size: cover;
    border-radius: 50px;
    padding: 40px;
    margin: 0 10px;
    margin-top: 60px;
}
.sm_agency_pro_side_image-sec .sm_agency_left_img-sec{
    padding: 0;
}
.sm_agency_pro_side_image-sec .sm_agency_left_img-sec img{
    border-radius: 21px;
    max-width: 100%;
    pointer-events: none;
}
.sm_agency_pro_side_image-sec .sm_agency_right_content-sec p{
    line-height: 44px;
    margin-right: 10px;
    margin-bottom: 40px;
}
.agency_pro_btn{
  background: #00B2F3;
}
.sm_agency_pro-section .sm_side_image-detail h3{
  padding: 0;
  color: #fff;
}
/* agency pro section css END */
.sm_light_font{
  font-family: 'poppinslight';
}
.sm_regular_font{
  font-family: 'poppinsregular';
}
.sm_semi_bold_font{
  font-family: 'poppinssemibold';
}
.sm_second_color_text{
  color: #00B2F3;
}
.sm_dark_color_text{
  color: #283891;
}
ul.sm_ul_right_icon li{
  font-family: 'poppinsregular';
  margin: 20px 0;
  position: relative;
  padding-left: 40px;
}
.social-analytics .figure-sec2 ul.sm_ul_right_icon li{
  margin: 19px 0;
}
ul.sm_ul_right_icon li:first-child{
  margin-top: 0;
}
ul.sm_ul_right_icon li:before{
  background: url('../images/tick_mark_sign.svg') no-repeat;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 30px;
  height: 35px;
  margin-top: 2px;
}
.row.sm_row_with_blur_bg{
  background: #F6F9FF;
  border-radius: 30px;
  padding: 90px;
}
.sm_row_with_blur_bg .img-full{
  text-align: center;
}
.sm_pb-0{
  padding-bottom: 0px !important;
}
.sm_mb-0{
  margin-bottom: 0px !important;
}
.sm_img-right{
  padding: 0;
}
.sm_img-right .img-full{
  text-align: center;
}
.sm_text-left{
  text-align: left;
}
.webp .social-analytics .sm_bg_img_figure,
.no-webp .social-analytics .sm_bg_img_figure,
.share-page .sm_bg_img_figure,
.compaign-page .sm_bg_img_figure,
.usergenerated-page .sm_bg_img_figure,
.publishing-page .sm_bg_img_figure,
.main-page .sm_bg_img_figure{
  background-size: 100% 100%;
}
.section-white.section-content.sm_share_content_not_just_pages-sec{
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0;
}
.sm_agency_right_content-sec{
  padding-left: 40px;
}
.sm_trusted_agency{
  font-family: 'poppinsregular';
}

/* Media Screen */

@media (max-width:1700px){
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{background-size: 69% auto;}
.webp .sub-banner1, .no-webp .sub-banner1{background-size: 69% auto;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1{ background-size: 70.6% auto;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1, .webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{background-size: 73% auto;}
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 73% auto;}
.sm-signup-child-img-container {gap: 25px;}
.sm-free-signup-left-img {width: calc(33.33% - 10px); max-width: 100%; height: auto;}

}

@media (min-width: 1199px){
  .row .sm_left-contant{ padding-left: 70px; }
  .sm_case_study-sec .right-contant{ padding-right: 70px; }
}

@media (min-width:2114px){
.header{padding: 70px 0;}
.webp .home-banner, .no-webp .home-banner{ background-size: 64% auto;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1{background-size: 69% auto;}
.webp .sub-banner1, .no-webp .sub-banner1{background-size: 65% auto;}
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{ background-size: 65% auto;}
.home-sec3{padding: 200px 0;}
.section-white.section-content{ padding-top:100px }
.home-sec7.section-white{ padding-top: 100px }
.home-sec6{padding: 250px 0 133px;}
.sec-bg1.share-section{padding: 200px 0 200px;}
.sec-bg1.sec-integration {padding-bottom: 145px;}
.social-analytics .sec-bg1.sec-integration { padding: 200px 0 145px;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{background-size: 69% auto;}
.sec-bg2{ padding: 160px 0 130px;}
.sec-analytics .section-title {padding-bottom: 40px;}
.sec-faq{padding: 170px 0 90px;}
.pricing-page .sec-testimonial.section-white, .recharge-page .sec-testimonial.section-white{ padding-top: 80px }
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 68% auto;}
.contact-page.sub-page .header{ padding: 70px 0 }
.webp .sub-banner, .no-webp .sub-banner{background-size: 71% auto;}
.sub-banner .left-content h2.banner-title {font-size: 60px; line-height: 70px; padding-bottom: 25px}
.home-sec9.section-white:before{ height: 341px }
.contact-section .form-detail .form-group input.form-control, .contact-section .form-detail .form-group textarea{ font-size: 22px; height: 82px  }
.contact-section .form-detail .form-group textarea{ height:170px }
}

@media (min-width:2380px){
.webp .home-banner, .no-webp .home-banner{ background-size: 62% auto;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1{background-size: 67% auto;}
.webp .sub-banner1, .no-webp .sub-banner1{background-size: 63% auto;}
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{ background-size: 63% auto;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1{background-size: 63.6% auto;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{background-size: 66% auto;}
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 65% auto;}
}

@media (min-width:2854px){
.webp .home-banner, .no-webp .home-banner{ background-size: 60% auto;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1{background-size: 63% auto;}
.webp .sub-banner1, .no-webp .sub-banner1{background-size: 61% auto;}
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{ background-size: 61% auto;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1{background-size: 60.6% auto;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{background-size: 64% auto;}
.webp .sub-banner, .no-webp .sub-banner{background-size: 64% auto;}
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 62% auto;}
}

@media (min-width:3806px){
.webp .home-banner, .no-webp .home-banner{ background-size: 57% auto;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1{background-size: 60% auto;}
.webp .sub-banner1, .no-webp .sub-banner1{background-size: 58% auto;}
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{ background-size: 58% auto;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1{background-size: 58.6% auto;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{background-size: 61% auto;}
.webp .sub-banner, .no-webp .sub-banner{background-size:74% auto;}
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size:59% auto;}

}


@media only screen and (max-width:1533px){
body { font-size:16px; line-height: 28px;}
.container, .sec-compaign .container, .figure-sec2 .container, .sec-compaign.section-share .container, .home-sec3 .container, .section-content .container, .contact-section .container, .contant-section .container, .sec-privacy .container{ max-width:1200px; }
.header{ padding:60px 0 }
.navbar-nav .dropdown-menu.show:after {left: -13px;}
.webp .home-banner{background-size: 65% auto;}
.no-webp .home-banner{background-size: 65% auto;}
.home-banner .left-content h1 {font-size: 46px; line-height: 62px; padding-bottom: 22px;}
.home-banner .left-content .dual-btn{padding-top: 20px;}
.home-sec .ser-box .box-info h4{ font-size: 14px; }
.home-sec1.sec-figure, .section-white, .sm_save_time-sec.section-white.figure-seciton.figure-seciton2{ padding: 40px 0 }
.sm_track_social_roi-sec, .section-white.section-content.sm_share_content_not_just_pages-sec{
  margin-top: 40px;
  margin-bottom: 40px;
}
h2.sec-tit {font-size: 38px; line-height: 50px; padding-bottom: 24px}
.sec-figure .right-contant .first-title {font-size: 22px; padding-bottom: 23px;}
.home-sec3 { width: 100%;  padding: 150px 0 225px;}
.home-sec3 .sec-curve .sec-box h3 {font-size: 24px; line-height: 30px;}
.home-sec3 .sec-curve:before{ background-size: 92% 79%;}
.home-sec3 .sec-curve .curve-info{margin-top: -42%; padding-bottom: 50px;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box1{ padding-left: 60px;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box2{padding-right: 60px;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 h3{ text-align: right;}
.home-sec3 .sec-curve .row2 .sec-box.sec-box1{ padding-left: 75px;}
.home-sec3 .sec-curve .row2 .sec-box.sec-box2{ padding-left:90px }
.home-sec3 .sec-curve .row3{ padding-top: 0px }
.home-sec4 .client-box .box-info .box-content h3, .home-sec5 .exp-box .box-info h3 {font-size: 24px; line-height: 34px;}
.home-sec4 .client-box .box-info { padding: 30px 30px;}
.home-sec4.section-white { padding-top: 40px;}
.home-sec4 .section-title {padding-bottom: 20px;}
.home-sec4:before{height: 100%;}
.home-sec5.section-white {padding: 30px 0 10px;}
.home-sec5 .exp-box { padding: 0 15px 30px;}
.home-sec5 .row{ padding: 0 30px;}
.sec-testimonial .section-title { padding-bottom: 0px}
.sec-testimonial .home-testimonial{ width:auto; }
.sec-testimonial .owl-carousel .owl-nav{ text-align: center; width: 100%; padding-top:60px }
.home-testimonial .test-info h3 {font-size: 23px; line-height: 34px;}
.home-testimonial .test-info .test-content p {font-size: 15px;}
.home-sec6 .feature-box { padding: 22px 20px;}
.home-sec6{padding: 180px 0 263px;}
.webp .home-sec6, .no-webp .home-sec6{ background-position: center top; }
.home-sec7.sec-figure .img-right img, .home-sec8.sec-figure .img-left img, .social-analytics .home-sec8.sec-figure .img-right img{ width: 100% }
.home-sec9 .img-right img{ width: 100% }
.home-sec9.section-white:before{height: 221px;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1{background-size: 72% auto;}
.sub-banner1 .left-content h2,
.publishing-page .sub-banner1 .left-content h2,
.generated-page .sub-banner1 .left-content h2,
.share-page .sub-banner1 .left-content h2,
.social-analytics .sub-banner1 .left-content h2,
.compaign-page .sub-banner1 .left-content h2 {font-size: 45px; line-height: 55px; padding-bottom: 24px}
.generated-page .sub-banner1 .left-content { padding-top: 80px;}
.generated-page .sub-banner1 { padding: 94px 0 30px;}
.home-sec6.sec-compaign, .section-white.figure-seciton.figure-seciton2, .home-sec8.section-white.figure-sec2{ padding: 60px 0 }
.figure-seciton2 .contant-info .info-text p span{ font-size: 23px; }
.generated-page .figure-seciton2.figure-seciton3:before{background-size: 47% 99%;}
.generated-page .figure-seciton3 .left-contant{ padding-right: 100px }
.sec-bg1{ padding: 110px 0;}
.sec-bg1.sec-integration{padding-bottom: 305px;}
.generated-page .section-white.figure-sec3{ padding-top: 20px }
.section-white.section-contect { padding: 60px 0 70px;}
.webp .sub-banner1, .no-webp .sub-banner1{background-size: 68% auto;}
.sub-banner1{padding:180px 0 60px;}
.sub-text {font-size: 28px; line-height: 44px;}
.figure-seciton1:before, .figure-seciton2:before{background-size: 51% 80%; top: 10%;}
.figure-seciton2:before {background-size: 51% 99%; top: 0%;}
.figure-sec3:before, .sm_section_with_left_bg:before, .home-sec2:before, .publishing-page .sec-compaign:before{ width: 25%; height: 219% }
.sub-banner1:before, .home-sec5:before, .sub-banner:before{background-size: 9% 56%;}
.sub-banner1 .left-content{ padding-left: 50px }
.share-section .share-box.left-box{ padding-left: 30px }
.share-section .share-box.right-box{ padding-right: 20px }
.sec-bg1.share-section {padding: 150px 0 300px;}
.section-content .content-box .box-info .box-content h3{ font-size: 18px; line-height: 28px }
.section-content .content-box .box-info{ padding: 20px 20px 20px 20px;}
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{background-size: 68% auto;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1{background-size: 68% auto;}
.social-analytics .sub-banner1 {padding: 180px 0 50px;}
.home-sec6.sec-compaign.second { padding-bottom: 110px;}
.social-analytics .sec-bg1.sec-integration {padding: 140px 0 295px;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{ background-size: 70% auto;}
.publishing-page .home-sec6 .section-title { padding-bottom: 20px;}
.sec-analytics .left-img .img-full{ padding: 15px }
.sec-analytics .contant-info{ padding: 0 10px }
.sec-analytics .section-title {padding-bottom: 40px;}
.sec-analytics .contant-info ul li .box-detail{ width: 73%; padding-left: 20px }
.sec-analytics .contant-info ul li{ font-size: 15px; line-height:26px; padding: 10px 0; min-height: 108px; }
.sec-analytics .contant-info ul li h3{ font-size: 18px; line-height: 34px; }
.sec-bg2{padding: 110px 0 260px;}
.webp .sec-bg2, .no-webp .sec-bg2{background-size: 110% 100%;}
.publishing-page .figure-seciton2 .contant-info p.first-text {font-size: 22px; line-height: 32px;}
.figure-seciton2 .contant-info .info-text p span { font-size: 21px;}
.publishing-page .figure-seciton2 .right-contant{ padding: 40px  40px 0 }
.publishing-page .figure-seciton2 .contant-info .info-text:before{width: 307px;}
.generated-page.publishing-page .figure-seciton2.figure-seciton3:before{ background-size: 47% 99%;}
.generated-page .sec-figure.figure-seciton2.figure-seciton3 .img-right img{ width: 100% }
.publishing-page .section-white.section-contect {padding-top: 90px;}
.sub-banner .left-content {padding: 0 20px;}
.sub-banner .left-content h2.banner-title { font-size:55px; line-height:65px; padding-bottom: 20px}
.sub-banner .right-img img{ width: 100% }
.sub-banner{padding: 208px 0 0px;}
.pricing-plan .box-info .plan-btn .btn, .pricing-detail .pro-btn .btn{padding: 14px 26px;}
.pricing-plan .box-info .plan-price span {font-size: 44px;}
.pricing-plan .plan-box.active .plan-ribbon .ribbon-inner{width: 175px;}
.pricing-plan .plan-box.active .plan-ribbon .ribbon-inner span{ left: 11px; }
.pricing-plan .box-info .plan-title h3 {font-size: 22px; line-height: 24px; }
.pricing-detail .pricing-title h3 {font-size: 23px; line-height: 31px;}
.pricing-detail .pro-info{ padding-bottom: 20px; }
.pricing-plan:before{background-size: 6%;}
.sec-faq .section-title{ padding-bottom: 5px; }
.figure-seciton .contant-info .info-text h3, .sec-faq .faq-box h3{ font-size: 23px; }
.sec-faq .faq-box .info-text{ padding-bottom: 15px }
.webp .sec-faq, .no-webp .sec-faq{background-size: 110% 100%;}
.section-white.sec-faq{ padding: 110px 0 160px }
.sub-banner .right-content .content-detail{padding: 100px 90px;}
.sub-banner .right-content .content-detail ul li span{ height:78px }
.sticky.header, .contact-page.sub-page .sticky.header, .sticky.header.header1, .contact-page.sub-page .sticky.header { padding: 15px 0 }
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 67% auto;}
.contact-section .form-detail .form-group input.form-control, .contact-section .form-detail .form-group textarea{ height: 70px; font-size: 18px; padding: 10px 35px }
.contact-section .form-detail .form-group textarea{ height: 180px; padding: 30px 35px; }
.header-btn a.sign-btn{padding: 12px 26px;}
.hdr-nav ul.navbar-nav li{ font-size: 16px; padding-left:20px; padding-right: 20px }
.header-btn a{ font-size: 16px; }
.header .hdr-nav ul.navbar-nav {padding: 9px 0 0;}
.sec-figure .right-contant ul.ser-point li, .home-sec8 .right-contant ul.sec-point li{ font-size: 16px; }
.sec-figure .right-contant ul.ser-point li:before, .home-sec8 .right-contant ul.sec-point li:before{background-size: 1887%; background-position: -183px -20px;}
.sec-figure .right-contant ul.ser-point li, .home-sec8 .right-contant ul.sec-point li{padding: 2px 0 9px 35px;}
.home-sec8 .right-contant ul.sec-point li:before{background-position: -231px -18px;}
.home-sec8 .right-contant ul.sec-point li {padding-bottom: 12px; padding-left: 40px}
.home-sec6 .feature-box .box-info h3{ font-size: 23px; line-height: 32px; }
.home-sec6 .feature-box .box-info, .home-sec1 .sm_row_with_blur_bg{ padding: 40px 40px 30px }
.section-contect .cont-box .box-info .btn{ padding: 14px 30px;}
.section-contect .cont-box.cont-box2 .box-info .btn{padding: 14px 25px;}
footer .foot-logo { width:33%;}
footer .foot-social-link{width:15%;}
footer .foot-links{width: 52%;}
.sign-form .form-right .form-info .btr-form .btn{ font-size: 16px; padding: 17px 45px; }
.sub-banner1 .right-img img{ width: 100% }
.compaign-page .sub-banner1 .right-img img{ width:auto; }
.sec-testimonial .home-testimonial .test-info .box-detail{padding: 40px 25px 30px 70px; min-height:472px}
.sec-testimonial .home-testimonial .test-info .box-detail:before{ left: 12px }
.home-sec3 .sec-curve:before{ height: 100% }
.sec-integration ul li.inte-box{ width: 24% }
.pricing-plan .plan-box .box-info{padding: 30px 10px 98px;}
.social-analytics .sec-integration ul li.inte-box{ width: 20% }
footer .foot-links ul li{padding: 2px 14px;}

.home-sec{ padding-top: 50px }
.webp .social-analytics .sm_bg_img_figure,
.no-webp .social-analytics .sm_bg_img_figure,
.compaign-page .sm_bg_img_figure,
.usergenerated-page .sm_bg_img_figure{
  background-size: cover;
}
}


/* outline material style start */

@media (max-width: 1440px){ 
  .sm_outline_material_style .sm_outline_material_input {
      height: auto;
      min-height: 40px;
      padding: 10px !important;
      font-size: 12px;
  }
  .sm_outline_material_style .sm_input_suffix_icon { bottom: 27px; }
}

/* outline material design end */


@media only screen and (max-width:1300px){
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{background-size:70% auto;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1{background-size:70% auto;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{ background-size: 73% auto;}
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 70% auto;}
.sm-signup-child-img-container {gap: 15px;}
.sm-free-signup-left-img {width: calc(33.33% - 10px); max-width: 100%; height: auto;}

}



@media only screen and (max-width:1199px){
.sm_home_banner_section{ margin: 15px; }
.container, .sec-compaign .container, .figure-sec2 .container, .section-contect .container, .sec-compaign.section-share .container, .home-sec3 .container, .section-content .container, .contact-section .container, .contant-section .container, .sec-privacy .container{ max-width: 992px; }
body {font-size: 16px; line-height: 28px}
.header{ padding:20px 0; }
.hdr-nav ul.navbar-nav li{ font-size: 16px; padding: 0 10px }
.hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li{ padding: 3px 18px }
.navbar-nav .dropdown-menu.show:after {left: -34px;}
.webp .home-banner, .no-webp .home-banner {background-size: 61% auto;}
.home-banner .left-content h1 {font-size: 38px; line-height: 53px; padding-bottom: 20px;}
.dual-btn .btn.btn2, .dual-btn .btn.sm_btn4 {margin-left:8px;}
.home-banner .left-content .dual-btn {padding-top:15px;}
.home-banner{padding: 100px 0 0px;background-size: 62% auto;}
.home-sec{ padding: 30px 0; }
.home-sec3 .sec-curve .curve-center-screen img{ max-width:540px }
.home-sec3 .sec-curve .row2 {padding-top: 110px;}
.home-sec .ser-box .box-info h4{ font-size:16px; }
.home-sec .ser-box .box-info:before{left: -83px;}
.home-sec .ser-box .box-info{ padding: 30px 10px 30px 123px;}
h2.sec-tit {font-size:38px; line-height:51px;}
.home-sec1.sec-figure, .sm_save_time-sec.section-white.figure-seciton.figure-seciton2{ padding: 40px 0 }
.home-sec3{padding: 130px 0 155px;}
.home-sec3 .sec-curve:before{background-size: 91% 74%;}
.home-sec3 .sec-curve .curve-info{margin-top: -43%;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box1 { padding-left: 50px;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 { padding-right: 50px; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 h3 {padding-right: 95px; padding-top: 10px; padding-left: 0; }
.home-sec3 .sec-curve .sec-box h3 { font-size: 17px;}
.home-sec3 .sec-curve .row2 .sec-box.sec-box1 { padding-left: 35px;}
.home-sec3 .sec-curve .row2 .sec-box.sec-box2 {padding-left: 80px;}
.home-sec3 .sec-curve .sec-box .icon, .sec-analytics .contant-info ul li .icon{ width: 75px; height: 75px; background-position: -21px -96px; }
.home-sec4 .client-box .box-info { padding: 20px 15px;}
.home-sec4 .client-box .box-info .box-content h3, .home-sec5 .exp-box .box-info h3{font-size: 22px; line-height: 34px;}
.home-sec4 .client-box .box-info .icon img{ width: 100%; }
.home-sec5 .exp-box { padding: 0 15px 50px;}
.home-sec5 .row { padding: 0 }
.home-sec4.section-white { padding: 50px 0;}
.home-sec5 .section-title { padding-bottom: 35px;}
.sec-testimonial.section-white{ padding: 70px 0 }
.sec-testimonial .info-detail .test-content{ width: 75% }
.home-testimonial .test-info h3{font-size: 22px; line-height: 34px;}
.home-testimonial .test-info .test-content { font-size: 16px; }
.sec-testimonial .owl-carousel .owl-nav{ text-align:center; padding-top: 40px }
.home-sec6{padding:175px 0 253px;}
.home-sec6 .feature-box .box-info, .home-sec1 .sm_row_with_blur_bg{padding: 40px;}
.home-sec6 .feature-box .box-info h3{ font-size: 20px; line-height: 33px; }
.home-sec6 .feature-box { padding:15px 15px;}
.home-sec6 .section-title { padding-bottom: 20px;}
.home-sec7.sec-figure .img-right img, .home-sec8.sec-figure .img-left img { width: 100%;}
.home-sec9.section-white:before{height: 196px;}
.sm_blog-sec > .container{ padding: 50px; }
footer .foot-logo{width: 31%;}
footer .foot-links{ width:53% }
footer .foot-links ul li{ padding: 2px 8px }
footer .foot-links ul li a{ font-size: 15px }
footer .foot-social-link{ width: 16%;}
.sign-form .form-right{ padding: 70px 20px }
.sec-figure.figure-seciton .img-right{ text-align: center; }
.sec-figure.figure-seciton .img-right img{ width: auto; max-width: 100%; }
.sub-banner{ padding: 180px 0 0px;}
.sub-banner .left-content { padding: 0 15px;}
.sub-banner .left-content h2.banner-title { font-size: 60px; line-height: 72px;}
.sub-banner .right-content .content-detail{padding: 60px 40px;}
.sub-banner .right-content .content-detail ul li a {padding: 26px 20px 27px 105px;}
.webp .sub-banner1, .no-webp .sub-banner1 {background-size:65% auto;}
.sub-banner1 {padding: 170px 0 10px;}
.sub-banner1 .left-content{padding-left: 50px;}
.sub-banner1 .left-content h2,
.publishing-page .sub-banner1 .left-content h2,
.generated-page .sub-banner1 .left-content h2,
.share-page .sub-banner1 .left-content h2,
.social-analytics .sub-banner1 .left-content h2,
.compaign-page .sub-banner1 .left-content h2 {font-size: 43px; line-height: 54px; padding-bottom: 24px;}
.sub-banner1:before {bottom: -20%; background-size: 10%;}
.sub-text {font-size: 30px; line-height: 47px;}
.figure-seciton1:before, .figure-seciton2:before{background-size: 48% 89%; top: 10%}
.sec-integration ul li.inte-box{width: 33.33%;}
.sec-bg1{ padding: 110px 0 }
.compaign-page .section-white.figure-seciton.figure-seciton2{ margin-top: -12%; position: relative; z-index: 1; float: left; }
.figure-seciton2:before{background-size: 51% 106%; top: -2%;}
.sec-figure.figure-seciton2 .img-left img, .generated-page .sec-figure.figure-seciton2.figure-seciton3 .img-right img{ width: 100% }
.figure-sec3:before, .sm_section_with_left_bg:before{background-size: 21% auto; top: 0; width: 100%}
.section-white.section-contect { padding: 40px 0 70px;}
.generated-page .figure-seciton2.figure-seciton3:before{background-size: 51% 96%; top: -1%;}
.figure-sec3.section-white{ padding-top:20px; }
.generated-page .sub-banner1 .right-img img{ width: 100% }
.generated-page .sub-banner1 {padding: 94px 0 20px;}
.home-sec6.sec-compaign, .section-white.figure-seciton.figure-seciton2{ padding: 70px 0 }
.figure-sec3.section-white{ padding-bottom: 70px }
.generated-page .sub-banner1 .left-content { padding-top: 60px;}
.share-page .sub-banner1 .right-img img{ width: 100% }
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{background-size:65% auto;}
.section-content .content-box .box-info .box-content h3{ line-height: 28px }
.share-section .share-box.left-box{ padding-left: 15px }
.share-section .share-box.right-box{ padding-right: 15px }
.share-section .center-form{max-width: 473px;}
.share-section .center-form .form-share{padding: 20px 0px 0;}
.share-section .row {margin-top: -41%;}
.sec-bg1.share-section {padding: 140px 0 300px;}
.sub-banner:before{ bottom: -42%; background-size: 14%;}
.share-section .share-box ul li {padding: 10px 0;}
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1 {background-size: 69% auto;}
.generated-page .section-white.figure-sec3 {padding-top: 30px;  margin-top: -7%;  float: left;  position: relative;  z-index: 1;}
.share-page .sub-banner1{padding: 175px 0 20px;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1 { background-size: 66% auto;}
.social-analytics .sec-figure .contant-info p { line-height: 32px;}
.social-analytics .sec-bg1.sec-integration { padding: 100px 0 295px;}
.webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{background-size: 68% auto;}
.sec-analytics .contant-info ul li .icon{ width: 68px; height: 68px; background-position: -24px -100px; }
.sec-analytics .contant-info{ padding: 0px }
.sec-analytics .contant-info ul li h3{ line-height: 28px; font-size: 17px; }
.sec-analytics .contant-info ul li p{ margin-top: 0; }
.generated-page.publishing-page .section-white.figure-sec3{ margin-top: 0px}
.sec-bg2 {padding: 110px 0 200px;}
.publishing-page .section-white.section-contect { padding-top: 70px;}
.sub-banner .left-content .sub-banner-title{ padding-left: 0px }
.sub-banner .left-content h2.banner-title { font-size: 50px; line-height: 58px;}
.pricing-plan .box-info .plan-btn .btn{padding: 16px 20px;}
.header.header1 {padding: 40px 0;}
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{background-size: 66% auto;}
.contact-page .sub-banner .left-content {padding-left: 50px;}
.compaign-page .sub-banner1 .right-img img{ width:100%; }
.sec-testimonial .home-testimonial .test-info .box-detail{ min-height: 382px;}
.sec-testimonial .owl-carousel .owl-nav.disabled{ display: block !important }
.generated-page .figure-seciton4 .img-right .img-full {padding: 30px 0px 40px 20px;}
.social-analytics .sec-integration ul li.inte-box{ width: 25% }


.sm-free-signup .sec-sign .sm_social_login_success_container {margin:40px auto auto 60px; }
.sm-signup-left-parent-div {width: 37%;}
.left-text-1  {font-size: 13px;}
.left-text-2 {font-size: 20px;}
.sm-signup-left-inner-container  {padding: 30px 40px;}
.sm-signup-child-img-container {margin-top: 30px;}
.sm-left-img-1, .sm-left-img-2, .sm-left-img-3 {margin-right: 0px;}
.left-container-bottom-section  {padding: 20px;}
.sm-signup-child-img-container {display: flex; gap: 8px;}
.left-nm {font-size: 17px;}
.left-cmp, .left-review-text  {font-size: 15px;}
}

@media only screen and (max-width:991px){
.sm_home_banner_section .sm_content-info{ margin: 0; }
.sm_home_banner_bg.home-sec6{ padding-bottom: 150px; padding-top: 120px; }
.sm_home_banner_section .sm_home_overlap_img-sec{ margin-top: -150px; }
.home-banner .left-content h1, .sub-banner1 .left-content h1, .sub-banner .left-content h1{ padding-bottom: 10px; }
.container, .sec-compaign .container, .figure-sec2 .container, .section-contect .container, .sec-compaign.section-share .container, .home-sec3 .container, .section-content .container, .contact-section .container, .contant-section .container, .sec-privacy .container{ max-width:768px; }
.header, .header.header1, .sub-page .header{padding: 30px 0;}
.main-page .header {padding: 30px 10px;}
.sticky.header{ padding: 20px 0 }
.header .hdr-nav .navbar{ position: inherit; padding: 0; }
.header .hdr-right{ position: relative; }
.header .hdr-nav .navbar-header{ position: absolute; right: 15px; top:-1px; display: block; z-index: 1}
.header .hdr-nav .navbar-header button.navbar-toggler{ width: 40px; height: 40px; padding: 0; display: block; }
.header .hdr-nav .navbar-header button.navbar-toggler:focus{ outline: none; box-shadow: none }
.header .navbar-toggler .icon-bar{ width:38px; height:3px; background-color: #283891; display: block; transition:all 0.1s ease-in 0s; }
.main-page .header .navbar-toggler .icon-bar{ background-color: #fff; }
.header .hdr-nav .navbar-toggler .icon-bar.line2{ margin:7px 0 }
.header .hdr-nav.open .navbar-toggler .icon-bar.line1{visibility: hidden; }
.header .hdr-nav.open .navbar-toggler .icon-bar.line2{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; }
.header .hdr-nav.open .navbar-toggler .icon-bar.line3{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -9px;}

.header .hdr-nav ul.navbar-nav{flex-direction: column; float: none; padding-top: 0px}
.header .hdr-nav ul.navbar-nav li{ border-bottom: 1px solid #dfdfdf; padding: 0 }
.header .hdr-nav ul.navbar-nav li:last-child{ border-bottom: 0px; }
.header .hdr-nav ul.navbar-nav li a{ width: 100%; line-height: 50px; color:#454545; display: block; padding: 0 20px }
.header .hdr-nav ul.navbar-nav li a:before{ display: none; }
.header .hdr-nav ul.navbar-nav li.active > a,
.header .hdr-nav ul.navbar-nav li a:hover, .header .hdr-nav ul.navbar-nav li a:focus{ color: #00aeef }
.header .hdr-nav .navbar-collapse{ position: fixed; width:100%; height:100%; left: -100%; top: 0; overflow:auto; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;  max-width:330px; padding:0; z-index:11; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); display: block;   }
.header .hdr-nav.open .navbar-collapse{ left: 0; }
.hdr-nav .header-btn{ width: 100%; float: none; }
.header-btn a{ color: #454545; display: block; text-align:left; font-family: 'poppinsregular'; }
.header-btn a:hover{ color: #00aeef}
.header-btn a.sign-link{ line-height: 50px; border-top:1px solid #dfdfdf; padding: 0 20px } 
.header-btn a.sign-btn{ color: #fff; background: #283891; margin-left: 0px; border-radius: 0px; box-shadow: none; padding: 14px 20px; }
.header-btn a.sign-btn:hover{ background: #00aeef;}

.navbar-nav .dropdown-menu.show:after{ display: none; }
.sticky.header .hdr-nav ul.navbar-nav li a, .sticky.header .header-btn  a{ color: #454545 }
.sticky.header .hdr-nav ul.navbar-nav li a:hover, .sticky.header .header-btn  a:hover{ color: #00aeef }
.sticky.header .header-btn  a.sign-btn{background: #283891; color: #fff; box-shadow: none;}
.sticky.header .header-btn  a.sign-btn:hover{background: #00aeef;}

.navbar-nav .dropdown-menu{ position:static; min-width: 100%; box-shadow: none; padding: 0; margin-top: 0px }
.header .hdr-nav ul.navbar-nav li.dropdown.show a.features{border-bottom: 1px solid #dfdfdf;}
.hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li a{ padding-left: 30px }
.hdr-nav ul.navbar-nav li.menu-item ul.dropdown-menu li{ padding: 0 }
.hdr-nav .caret { float: right; position: relative; top: 24px; }

.home-banner .right-img, .home-banner .left-content { width: 100%; float: none;}
.home-banner {padding: 140px 0 0px; background:#fff}
.webp .home-banner, .no-webp .home-banner{ background: none }
.home-banner .right-img{ display: none; }
.home-banner1{ display:block; padding:91px 0; width: 100%; clear: both; text-align: center; background-position: left center; background-repeat: no-repeat; background-size: 100% 97%;}
.webp .home-banner1{ background-image: url(../images/banner_bg1.webp); }
.no-webp .home-banner1{ background-image: url(../images/banner_bg1.png); }
.home-banner1 img{ width: 100% }
.home-sec .row{ margin: 0 -15px }
.home-sec .ser-box{ padding: 10px 15px }
.home-sec .ser-box .box-info{ padding: 30px 5px 30px 116px;}
.home-sec .ser-box .box-info:before{ width: 180px }
.home-sec .ser-box1 .box-info .icon{ left: 20px }
.home-sec1 .row{ padding: 0; }
.home-sec1.sec-figure, .sm_save_time-sec.section-white.figure-seciton.figure-seciton2{ padding: 50px 0 }
.section-white{ padding: 50px 0 }
.home-sec1.sec-figure .img-left{ padding:20px 0 }
.sec-figure .right-contant{ padding-top: 30px }
.home-sec1.sec-figure .right-contant{ padding-top: 0; }
.home-sec1.sec-figure .right-contant h2.sec-tit, .sm_analytics-sec.sec-figure h2.sec-tit{ text-align: center; }
.sm_analytics-sec.sec-figure.figure-seciton2 .img-left{ text-align: center; }
.sm_analytics-sec.sec-figure.figure-seciton2 .img-left img{ width: auto; max-width: 100%; }
.sec-figure .left-contant{ padding-bottom: 30px }
.home-sec1 .img-content,
.sm_analytics-sec .img-content{ display:block; }
.sm_analytics-sec .img-content{ padding-bottom: 15px; }
.home-sec1 .img-left.first-img, .home-sec1 .right-contant.first-content, .home-sec1 .sm_img-right.first-img,
.sm_analytics-sec .first-img, .sm_analytics-sec .first-content{ display: none; }
.webp .home-sec6, .no-webp .home-sec6{ background-position: 71% top;}
.home-sec1 .img-content .sec-title .sec-tit{ text-align:left; }
.home-sec1 .img-content .dual-btn{ padding-top: 20px; }
.home-sec1 .contant-info .dual-btn, .home-sec9 .contant-info .dual-btn{ padding-top: 20px; text-align: center; }
.home-sec3 { padding: 110px 0 125px; background-position: 61% top;}
.webp .home-sec3, .no-webp .home-sec3{ background-position: 61% top;}
.home-sec3 .sec-curve .curve-center-screen, .home-sec3 .sec-curve .curve-info{ position: relative; z-index: 1 }
.home-sec3 .sec-curve .curve-center-screen{max-width:450px;  margin: 0 auto;}
.home-sec3 .sec-curve .curve-center-screen img{ width: 100% }
.home-sec3 .sec-curve .sec-box .icon{ width: 68px; height: 68px; background-position: -13px -70px;  background-size: 909%; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box1 h3 {padding-left: 85px; padding-top: 10px;}
.home-sec3 .sec-curve .sec-box h3{ line-height: 25px; }
.home-sec3 .sec-curve .row2 .sec-box.sec-box1{ padding-left: 16px; }
.home-sec3 .sec-curve .row2 .sec-box.sec-box2{ padding-left: 51px;}
.home-sec3 .sec-curve:before{background-size: 91% 72%;}
.home-sec3 .sec-curve .row2{ padding-top:75px }
.home-sec3 .sec-curve .row3{ padding-top: 0px; }
.home-sec3 .sec-curve .curve-info { margin-top: -46%;}
.home-sec4 .client-box .box-info .icon img{ width:auto; }
.home-sec4 .client-box .box-info{ padding: 25px 0 }
.home-sec4 .section-title{ padding-bottom: 20px; }
.sec-testimonial.section-white { padding: 50px 0;}
.sec-testimonial.section-white{ padding-bottom: 0px; }
.sec-testimonial .section-title{ padding-bottom: 0px; }
.home-sec6 { padding: 120px 0 323px;  background-position: 72% 0;}
.webp .home-sec6, .no-webp .home-sec6{ background-position: 72% top;}
.home-sec6 .section-title{ padding-bottom:10px; }
.sec-figure.section-white{ padding: 50px 0 }
.sm_figure_instagram_posting-sec{ margin-top:-17%; position: relative; z-index: 1 }
.home-sec8 .row.row2{ display:block; }
.home-sec8 .row.row1{ display:none; }
.home-sec9.sec-figure.section-white{ padding:30px 0 0; }
footer .foot-links{ display: none; }
footer .foot-social-link{width:auto;  float: right;}
footer .foot-logo{ width:auto; }
.sec-testimonial .home-testimonial{ margin: 0 }
.home-sec9 .left-contant, .home-sec7.sec-figure .left-contant{ padding-right: 15px }
.home-sec8.sec-figure{ padding: 20px 0 40px }
.home-sec8.sec-figure .right-contant{ padding-bottom: 40px }
.sign-form .img-left{ display: none; }
.sign-form .form-right{ width: 100% }
.sub-banner .left-content, .sub-banner .right-content{ width: 100% }
.sub-banner .left-content h2.banner-title{ font-size:50px; line-height:63px; }
.sub-banner .left-content h2.banner-title br{ display: none; }
.sm_home_banner_section h1.banner-title br,.home-sec1 h2.sec-tit br{ display: none;}
.sub-banner{ background:none; padding-top:160px }
.sub-banner .left-content{ text-align: center; padding-bottom: 15px }
.sub-banner .left-content .sub-banner-title{ padding-left: 0px; }
.webp .sub-banner1, .no-webp .sub-banner1{ background: none }
.usergenerated-page .sub-banner1 .container .right-img{ padding: 50px; background: url(../images/generate_banner_bg.webp) top right no-repeat; background-size: 156% auto; }
.publishing-page .sub-banner1 .container .right-img{ padding: 50px; background: url(../images/social_publishing_banner_bg.webp) top right no-repeat; background-size: 156% auto; }
.compaign-page .sub-banner1 .container .right-img{ padding: 50px; background: url(../images/compaign_banner_bg.webp) top right no-repeat; background-size: 156% auto; }
.share-page .sub-banner1 .container .right-img{ padding: 50px; background: url(../images/share_banner_bg.webp) top right no-repeat; background-size: 156% auto; }
.social-analytics .sub-banner1 .container .right-img{ padding: 50px; background: url(../images/social_anlaytics_banner_bg.webp) top right no-repeat; background-size: 156% auto; }
.sub-banner .container .right-img{ padding: 50px; background: url(../images/sub_banner_bg1.webp) top right no-repeat; background-size: 96% auto; }
.contact-page .sub-banner .container .right-img{ padding: 50px; background: url(../images/contact_us_banner_bg.webp) top right no-repeat; background-size: 106% auto; }
.sub-banner1 .left-content, .sub-banner1 .right-img{ width: 100% }
.sub-banner1 {padding: 150px 0 10px;}
.section-white .setion-title p br, .section-title.text-white p br{ display: none; }
.figure-seciton1 .left-contant{ padding-top: 0px }
.figure-seciton1:before, .figure-seciton2:before {background-size: 94% 46%; top: -17%; display: none;}
.home-sec8.section-white.figure-sec2, .section-white.figure-seciton.figure-seciton2, .home-sec6.sec-compaign{ padding: 50px 0 }
.figure-seciton2:before { background-size: 97% 41%; top: 61%; display: none;}
.section-contect .cont-box{padding: 0 20px 20px;}
.sec-figure .right-contant{ padding-top: 40px }
.sec-figure.figure-seciton2 .img-left{ padding-right: 15px; padding-left: 15px; }
.sub-text {font-size: 25px;  line-height: 38px;}
.figure-seciton2 .right-contant{ padding-right: 15px }
.sec-bg1{ padding: 90px 0 }
.compaign-page .section-white.figure-seciton.figure-seciton2 { margin-top: -19%;}
.generated-page .figure-seciton2.figure-seciton3:before {    background-size: 97% 45%; top: -28%; display:none;}
.generated-page .figure-seciton3 .left-contant{ padding-right: 15px }
.figure-sec3.section-white{ float: left; position: relative; z-index: 1; margin-top: -22% }
.compaign-page .figure-sec3.section-white, .social-analytics .figure-sec3.section-white{ margin-top:0px !important; }
.generated-page .home-sec8.sec-figure .right-contant{ padding-top: 0px }
.webp .generated-page .sub-banner1, .no-webp .generated-page .sub-banner1{ background: none }
.webp .share-page .sub-banner1, .no-webp .share-page .sub-banner1{background:none;}
.share-page .sub-banner1 { padding: 145px 0 20px;}
.share-section .center-form { max-width: 100%; margin-top: 15px}
.share-section .row{ margin-top: 0px }
.share-section .share-box{flex: 0 0 100%; max-width:100%;}
.share-section .share-box.left-box ul li{ text-align:left }
.share-section .share-box.left-box, .share-section .share-box.right-box{flex: 0 0 50%; max-width:50%; padding-top: 40px}
.share-section .share-box.empty-box{ display: none; }
.sec-bg1.share-section {padding: 100px 0 370px; background-position: 57% top;}
.section-white.section-content{ z-index: 11; float: left; }
.sm_revenue_through_sharing-sec{ margin-top: -24%; }
.webp .sub-banner, .no-webp .sub-banner{ background: none }
.sub-banner:before {bottom: -21%; background-size: 14%;}
.home-sec4:before, .home-sec2:before{background-size: 25% auto;}
.home-sec5:before{ background-size: 11% auto;}
.generated-page .section-white.figure-sec3{margin-top: -18%;}
.sub-banner1 .left-content{ padding-left: 15px }
.section-content .section-title { padding-bottom: 25px;}
.webp .social-analytics .sub-banner1, .no-webp .social-analytics .sub-banner1, .webp .generated-page.publishing-page .sub-banner1, .no-webp .generated-page.publishing-page .sub-banner1{  background: none }
.social-analytics .sub-banner1{ padding: 145px 0 30px;}
.social-analytics .home-sec8.sec-figure .right-contant{ padding-bottom: 0px }
.social-analytics .sec-bg1.sec-integration{background-position: 62% top; padding: 100px 0 85px;}
.publishing-page .sub-banner1 .left-content h1 br,
.publishing-page .sub-banner1 .left-content h1 br,
.generated-page .sub-banner1 .left-content h1 br,
.share-page .sub-banner1 .left-content h1 br,
.social-analytics .sub-banner1 .left-content h1 br,
.compaign-page .sub-banner1 .left-content h1 br{ display: none; }
.webp .sec-bg2, .no-webp .sec-bg2{ background-size: cover; background-position: 63% top; }
.sec-bg2 {padding: 80px 0 200px;}
.sec-analytics .contant-info ul li{ width: 50%; float:left; padding:5px 10px; display: inline-block; clear: none; }
.sec-analytics .left-img .img-full{ padding: 0 0 40px }
.sec-analytics .section-title {padding-bottom: 20px;}
.generated-page.publishing-page .figure-seciton2.figure-seciton3:before{ display: none; }
.generated-page.publishing-page .section-white.figure-seciton.figure-seciton2.figure-seciton3{ padding-top: 0px }
.generated-page.publishing-page .section-white.figure-sec3 {margin-top: -12%;  float: left; position: relative;  z-index: 1;}
.webp .sec-faq, .no-webp .sec-faq{ background-size: cover; }
.section-white.sec-faq {padding: 110px 0 90px;}
.sec-faq .faq-box.second, .sec-faq .faq-box.third{flex: 0 0 100%; max-width:100%;}
.sec-faq .faq-box.first {padding-right: 15px;}
.sec-faq .faq-box.second{ padding-top: 0px }
.webp .contact-page .sub-banner:after, .no-webp .contact-page .sub-banner:after{ display: none; }
.contact-page .sub-banner .left-content{ padding-left: 15px; text-align: left; }
.contact-page .sub-banner .right-img{ width: 100%; padding: 0 15px }
.contact-page .sub-banner .right-img img{ width: 100% }
.contact-page.sub-page .header {padding: 30px 0;}
.contact-section .form-detail{ padding: 40px }
.contant-section .contant-info{ padding-top: 0px; line-height:28px }
.sign-form .main-header, .sign-form .form-right{ position: relative; }
.sign-form .form-right .form-info{ position: relative; left: 0;top: 0;transform: translate(-0%, -0%); }
.home-sec .ser-box2 .box-info .icon {background-position: -112px -28px}
.sec-testimonial .home-testimonial .test-info .box-detail{ min-height:auto; }
.generated-page .figure-seciton4 .img-right .img-full{ padding: 0 }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li{padding-left: 70px;}
.sec-privacy .sub_in-text{padding: 30px 0 0px 30px; }
.pricing-plan .pricing-detail{ padding-top: 10px }

.sm-free-signup .height-main{
  display: flex !important;
  flex-direction: column-reverse;
}
.sm-signup-left-parent-div {
  width: 580px;
  margin: 0 auto;
}

.sm-free-signup .sec-sign .sm_social_login_success_container {
  margin: 40px auto 40px auto;
}
.sm-signup-left-inner-container {padding-top: 5%;}  
.left-container-top-section {margin-bottom: 8%;}
.sm-signup-child-img-container {margin-top: 30px;}
.left-text-1 {font-size: 13px;}
.left-text-2 {font-size: 30px;}
.sm-signup-left-parent-div{height: 100%;}
.sm-signup-child-img-container {gap: 30px;}
  .sm_agency_pro-section{
    background-position-x: -1160px;
    font-size: 14px;
  }
  .sm_agency_pro_side_image-sec{
    margin-top: 40px;
    padding: 30px;
    border-radius: 21px;
  }
  .sm_agency_pro_side_image-sec .sm_agency_left_img-sec img{
    width: 100%;
  }
  .sm_agency_right_content-sec{
    text-align: center;
    padding: 0;
  }
  .sm_agency_pro_side_image-sec .sm_agency_right_content-sec p{
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: left;
  }
  .sm_container_side-image-icon ul li{
    margin: 10px 0;
    display: inline-block;
    width: 100%;
  }
  .agency_pro_btn{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .sm_agency_right_content-sec{
    padding: 0px;
  }
  .home-sec1 ul.sm_ul_right_icon li{
    margin: 15px 0;
  }
  .home-sec1 .sm_row_with_blur_bg{
    padding: 30px 20px;
    margin: 0;
  }
  .social-analytics .sec-figure .contant-info h3{
    text-align: center;
  }
  .generated-page .home-sec6 .feature-box:last-child{
    padding-bottom: 0;
  }
  .share-page .sm_bg_img_figure,
  .publishing-page .sm_bg_img_figure,
  .main-page .sm_bg_img_figure{
    background-size: cover;
  }
  .publishing-page .sub-banner1 .left-content p,
  .generated-page .sub-banner1 .left-content p,
  .share-page .sub-banner1 .left-content p,
  .social-analytics .sub-banner1 .left-content p,
  .compaign-page .sub-banner1 .left-content p{ font-size: 16px; line-height: 30px; }
  .sm_case_study-sec.home-sec1.sec-figure{ padding-bottom: 50px; }
  .sm_case_study-sec .center-btn .sociamonials-case-study-btn.btn{ padding: 15px 45px 15px 15px; }
  .sm_case_study-sec .center-btn{ text-align: center; }
}
@media only screen and (max-width:767px){
.sm_home_banner_section{ margin: 10px; }
.sm_home_banner_bg.home-sec6{ border-radius: 20px; }
.home-sec .ser-box .box-info { padding: 30px 5px 30px 136px; text-align:left;}
.home-sec .ser-box .box-info h4 { font-size: 20px;}
.home-banner1{padding: 111px 0 71px;}
.home-sec2 .section-title, .home-sec2 .section-title h2.sec-tit{text-align:left !important;}
.home-sec3 .sec-curve .curve-info{ margin-top:-9%; padding-bottom:200px }
.home-sec3 .sec-curve:before{ display: none; }
.home-sec3 .sec-curve .curve-center-screen{ max-width: 100% }
.home-sec3 .sec-curve .row.row1, .home-sec3 .sec-curve .row.row2{ margin: 0; display: block; width: 50%; float: left; }
.home-sec3 .sec-curve .row.row2{ float: right; }
.home-sec3 .sec-curve .row3{ width: 100%; display: block; float: none; clear: both; }
.home-sec3 .sec-curve .sec-box{ padding: 20px 15px }
.home-sec3 .sec-curve .row .sec-box.sec-box1, .home-sec3 .sec-curve .row .sec-box.sec-box2{flex: 0 0 100%;  max-width:100%; float:left; clear: both; display: block;}
.home-sec3 .sec-curve .row .sec-box.center-box{ display: none; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box1{ padding-left: 15px }
.home-sec3 .sec-curve .sec-box h3{ font-size: 22px; text-align:left; padding: 10px 0px 10px 90px  }
.home-sec3 .sec-curve .row1 .sec-box.sec-box2{ padding-right: 15px }
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 .icon{ float: left; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 h3{ padding-left:90px; padding-right: 15px }
.home-sec3 .sec-curve .row1 .sec-box.sec-box1 h3{padding-top: 19px; padding-left:90px;}
.home-sec3 .sec-curve .row2{ padding-top: 0px }
.home-sec3 .sec-curve .row2 .sec-box.sec-box1 .icon{ margin:0px; }
.home-sec3 .sec-curve .sec-box .icon{ float: left; padding-top: 0px; }
.home-sec3 .sec-curve .row2 .sec-box.sec-box2{ padding-left: 15px }
.home-sec3 .sec-curve .row3 h3{ padding-top: 20px }
.home-sec3 .sec-curve .sec-box .icon, .home-sec3 .sec-curve .row3 .sec-box .icon{ margin: 0px }
.home-sec3 .sec-curve .row3 .sec-box{ float:left; padding-top: 0px; }
.home-sec2 .section-title, .home-sec3 .section-title{ padding-bottom: 20px; }
h3.box-title br{display: none;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 h3{ text-align: left; }
.home-sec3 .section-title{ padding-bottom: 0px; }
.home-sec3 .sec-curve .row1 .sec-box.sec-box2 { margin-left: 0; }
.sm_top_image_align_fix-sec.section-white{ margin-top:-23%; position: relative;  z-index: 1; }
.home-sec5 .exp-box{flex: 0 0 100%;  max-width:100%;}
.home-sec5 .exp-box .box-info{ padding: 60px 30px 60px }
.home-sec6 {padding: 110px 0 323px; background-position: 71% 0;}
.sm_figure_instagram_posting-sec{ margin-top: -31%; position: relative;  z-index: 1;}
.home-sec9 .img-right img{ width: 100%; }
.sub-banner .left-content h2.banner-title { font-size:45px; line-height: 60px}
.sub-banner1 .left-content{ padding-left: 15px }
.sub-banner1 { padding: 120px 0 10px;}
.compaign-page .section-white.figure-seciton.figure-seciton2 { margin-top: -25%;}
.section-contect .cont-box{ padding: 0 15px 20px }
.figure-sec3.section-white{margin-top: -34%;}
.sm_revenue_through_sharing-sec{margin-top: -33%;}
.section-content .section-title {padding-bottom: 25px;}
.sub-banner:before, .sub-banner1:before, .home-sec4:before, .home-sec2:before, .figure-sec3:before, .sm_section_with_left_bg:before, .home-sec2:before, .home-sec5:before, .figure-seciton1:before, .figure-seciton2:before, .figure-sec3:before, .sm_section_with_left_bg:before, .home-sec2:before, .publishing-page .sec-compaign:before, .pricing-plan:before{ display: none; }
.home-sec9.section-white:before { height: 136px;}
.generated-page .section-white.figure-sec3{ margin-top: -24%;}
.section-white.section-contect{padding: 10px 0 50px;}
.section-content .content-box:last-child{ padding-bottom: 0px; }
.generated-page.publishing-page .section-white.figure-sec3 { margin-top: -15%;}


  .sm_video_player_main {
    width: 100%;
    margin: 20px auto;
    padding: 0 20px;
  }
  .sm_video_player_inner{
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .home-sec2 .sec-status .right-content {
    width: 100%;
    float: none;
    margin: 0; 
  }
  .home-sec2 .sec-status .left-content {
    width: 100%;
    text-align: center;
    border-right: 0px;
  }
  .sm_plan_discount_label_container {
    display: block;
    position: relative;
  }
  .sm_social_login_success_container{
    width: auto;
  }
}

@media only screen and (max-width:700px){
.generated-page .section-white.figure-sec3{  margin-top: -30%;}
.compaign-page .section-white.figure-seciton.figure-seciton2{ margin-top: -30% }
.sm_revenue_through_sharing-sec{margin-top: -37%;}
.generated-page.publishing-page .section-white.figure-sec3{ margin-top: -21%;}
.social-analytics .sec-integration ul li.inte-box{ width:50% }
  
}


@media only screen and (max-width:599px){
.sm_home_banner_section .sm_content-info h1.banner-title{ font-size: 40px; line-height: 52px; }
.sm_home_banner_section .sm_content-info p{ font-size: 18px; }
.sm_ntw_icon_group .sm_ntw_box{ padding: 10px; }
.sm_ntw_icon_group .sm_ntw_box img{ width: 35px; }
.sm_ntw_icon_group{
  margin: 30px auto;
}
.header .hdr-nav .navbar-collapse{ max-width:300px; }
.home-banner1 { padding: 43px 0 37px;}
h2.sec-tit {font-size: 35px; line-height: 47px;}
.sec-figure.section-white, .sm_save_time-sec.section-white.figure-seciton.figure-seciton2{ padding: 30px 0 }
.sm_bottom_separate-sec.home-sec1.sec-figure{ padding-bottom: 60px; }
.generated-page .sm_bottom_separate-sec.home-sec1.sec-figure{ padding-bottom: 30px; }
.publishing-page .sm_bottom_separate-sec.home-sec1.sec-figure{ padding-bottom: 60px; }
.sm_track_social_roi-sec, .section-white.section-content.sm_share_content_not_just_pages-sec{
  margin-top: 30px;
  margin-bottom: 30px;
}
.home-sec2 { padding: 30px 0 60px;}
.home-sec3 .sec-curve .row.row1, .home-sec3 .sec-curve .row.row2{ width: 100%; }
.home-sec3 { padding: 80px 0 125px;}
.sm_top_image_align_fix-sec.section-white {margin-top: -35%;}
.home-sec4 .client-box .box-info{ display: block; text-align: center; }
.home-sec4 .client-box .box-info .icon{ width: 100%; }
.home-sec4 .client-box .box-info .box-content{ padding: 20px 0 0; width: 100% }
.home-sec5.section-white{ padding: 30px 0 10px; }
.home-sec4.section-white, .sec-testimonial.section-white{ padding: 30px 0 }
.home-sec6 { padding: 80px 0 233px; background-position: 66% 0;}
.sm_figure_instagram_posting-sec {margin-top: -33%;}
footer{ padding: 50px 0 }
footer .foot-logo{ float: none }
footer .foot-social-link {width: 100%; float: none;  padding: 20px 0 0;}
footer{ text-align:center; }
footer .foot-social-link ul{ float: none; }
.sign-form .form-right .form-info .form-title h3{font-size: 27px; line-height: 41px;}
.sign-form .form-right .form-info .form-title:before{ height: 4px; width: 120px; }
.sub-banner .right-content .content-detail ul li a{ font-size:20px }
.sub-banner .right-content .content-detail { padding: 40px 40px;}
.sub-banner1 .left-content h2,
.publishing-page .sub-banner1 .left-content h2,
.generated-page .sub-banner1 .left-content h2,
.share-page .sub-banner1 .left-content h2,
.social-analytics .sub-banner1 .left-content h2,
.compaign-page .sub-banner1 .left-content h2{font-size: 35px; line-height: 49px;  padding-bottom: 15px;}
.sub-text br{ display: none; }
.sub-text {font-size: 20px;  line-height: 35px;}
.home-sec8.section-white.figure-sec2, .section-white.figure-seciton.figure-seciton2, .home-sec6.sec-compaign{ padding: 30px 0 }
.sec-integration ul li.inte-box{ width: 50% }
.sec-bg1 { padding: 60px 0;}
.sec-bg1.sec-integration { padding-bottom:50px;}
.generated-page .sec-bg1.sec-integration,
.compaign-page .sec-bg1.sec-integration { padding-bottom:30px;}
.compaign-page .section-white.figure-seciton.figure-seciton2{ margin-top:0% }
.figure-seciton2:before {background-size: 97% 41%; top: 56%;}
.section-contect .cont-box{flex: 0 0 100%;  max-width: 100%;}
.section-white.section-contect { padding: 20px 0 30px;}
.sticky.header { padding: 14px 0;}
.webp .home-sec6, .no-webp .home-sec6{ background-position: 65% top;}
.webp .sec-bg1, .no-webp .sec-bg1{background-position: 57% top;}
.generated-page .sub-banner1 .left-content { padding-top: 40px;}
.section-share .feature-box{flex: 0 0 100%; max-width: 100%;}
.figure-sec3.section-white{ margin-top: 0px }
.share-page .sub-banner1 { padding: 125px 0 20px;}
.sec-bg1.share-section { padding: 70px 0 370px;}
.share-section .share-box.left-box, .share-section .share-box.right-box{flex: 0 0 100%; max-width: 100%;  padding-top: 0px; }
.share-section .share-box ul li.first{ padding-bottom: 5px }
.share-section .share-box ul li{ padding: 4px 0 }
.share-section .share-box ul li h3{ line-height: 18px }
.share-section .share-box.left-box{ padding-top: 30px }
.sec-bg1.share-section {padding: 45px 0 410px;}
.sm_revenue_through_sharing-sec { margin-top: -46%;}
h2.sec-tit{ padding-bottom: 20px }
.section-white.section-content{ padding-bottom: 30px }
.sm_revenue_recognition-sec.section-white.section-content{
  padding-top: 30px;
}
.home-sec9.section-white:before { height: 106px;}
.generated-page .section-white.figure-sec3{ margin-top: 0px; }
.social-analytics .sub-banner1{ padding: 100px 0 30px }
.section-title p br { display: none; }
.sec-integration ul { padding: 15px 0 0;}
.home-sec6.sec-compaign.second { padding-bottom: 65px;}
.social-analytics .sec-bg1.sec-integration{padding: 70px 0 55px;}
.sec-bg2 {padding: 60px 0 200px;}
.publishing-page .section-white.section-contect {padding-top: 40px;}
.publishing-page .figure-seciton2 .right-contant {padding: 40px 15px 0;}
.publishing-page .figure-seciton2 .contant-info p.first-text { font-size: 18px;  line-height: 29px;}
.sub-banner{ padding-top: 145px; }
.section-white.sec-faq {padding: 70px 0 20px;}
.sec-faq .section-title { padding-bottom: 0;}
.contact-section .form-detail .form-group{ width: 100%; float: none; }
.sec-analytics .contant-info ul li{ width: 100%; float: none; width: 100%; padding: 3px 0 }
footer .foot-social-link ul li.youtube{ padding-right: 5px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list {padding-left:15px;}
.sec-privacy .sub_in-text ul.main-list li{ padding-bottom:20px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li{ padding-left:65px; }
.sec-privacy .table{ display: block; overflow-x: auto; }
.sec-privacy .table1 .table{ display: table; }
.sec-privacy .sub_in-text {padding: 30px 0 0px 20px;}
.sec-privacy h3 {font-size: 20px;}
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li{ padding-left: 52px }
.sec-privacy .sub_in-text ul.main-list li ul.sub-list li ul.sub-list-in li{ padding-left: 65px }
.sec-privacy .only-text{ padding-bottom: 20px }
.pricing-plan .plan-box:last-child{padding-bottom: 0px}
.pricing-plan .box-info {margin-bottom: 30px;}

  .sm_video_player_main {
    width: 100%;
    margin: 20px auto;
    padding: 0 20px;
  }
  .sm_video_player_inner{
    width: 100%;
    height: 100%;
    padding: 0px;
  }
  .sm-signup-left-parent-div {width: 100%;}
  .sm-left-img-1, .sm-left-img-2, .sm-left-img-3 {margin-right: 20px;}
  .sm-left-img-1 {height: 100px;}
  .sm-left-img-2 {height: 90px;}
  .sm-left-img-3 {height: 80px;}
  .left-text-2  {font-size: 26px;}
  .sm-signup-child-img-container  {margin-top: 15px;}
  .left-container-top-section {margin-bottom: 5%;}
  .left-container-bottom-section {padding: 20px;}
  .sec-analytics .contant-info ul li p{ margin-top: 10px; }
  .sm_blog-sec > .container{ padding: 30px; }
  .sm_blog-sec.sec-compaign .feature-box .box-info h2{ font-size: 18px; }
  .sm_blog-sec.sec-compaign .feature-box .sm_box_info_content p{ font-size: 14px; }
}

@media only screen and (max-width:500px){
.sm_revenue_through_sharing-sec { margin-top: -65%;}
.sm-free-signup .sm_social_login_success_container { width: 100%}
}


@media only screen and (max-width:479px){
.sm_home_banner_bg.home-sec6{ padding-bottom: 90px; }
.sm_home_banner_section .sm_home_overlap_img-sec{ margin-top: -90px; }
.home-banner{padding: 110px 0 0px;}
.home-banner .left-content h1 {font-size: 33px; line-height: 50px;}
.btn { font-size: 16px;  padding: 12px 23px;}
.dual-btn .btn.btn2, .dual-btn .btn.sm_btn4 { margin-left: 5px;}
.sm_home_banner_section .dual-btn .btn{ padding: 12px 18px; }
.home-banner1 { padding: 46px 0 37px;}
h2.sec-tit {font-size:27px; line-height:39px;}
.home-sec2 .sec-status .left-content, .home-sec2 .sec-status .right-logo{ width: 100%; float: none; text-align: center; border-right: 0px; }
.home-sec3 .sec-curve .sec-box { padding: 10px 0px;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box1, .home-sec3 .sec-curve .row2 .sec-box.sec-box1, .home-sec3 .sec-curve .row2 .sec-box.sec-box2{ padding-left: 0px }
.home-sec3 { padding: 70px 0 125px;}
.home-sec3 .sec-curve .row1 .sec-box.sec-box1 h3, .home-sec3 .sec-curve .row3 h3{ padding-top: 12px;}
.sm_top_image_align_fix-sec.section-white { margin-top: -37%;}
.sec-testimonial .home-testimonial .test-info .box-detail:before{background-position: -80px -75px; background-size: 1060%; left: 7px; top: 10px;}
.sec-testimonial .home-testimonial .test-info .box-detail{padding: 40px 10px 30px 30px;}
.home-testimonial .test-info .img-box img { width: 55px;  height: 55px;}
.home-testimonial .test-info h3 {font-size: 17px;  line-height: 32px;}
.home-testimonial .test-info .test-content p { font-size: 14px; line-height: 21px; }
.sec-testimonial .info-detail .test-content { padding-left: 10px;}
.sm_figure_instagram_posting-sec { margin-top: -46%;}
footer .foot-block{ padding-right: 0px; }
.sign-form .form-right .form-info .form-title h3 {font-size: 24px; line-height: 32px;}
.signform-header .hdr-nav .navbar-header{right: 40px; top: 30px;}
.sub-banner { padding-top: 110px }
.sub-banner .left-content h2.banner-title { font-size:36px; line-height:45px; padding-bottom: 20px}
.sub-banner .right-content .content-detail { padding:25px 20px;}
.sub-banner .right-content .content-detail ul li span{ width: 50px; height: 50px; top: 0;}
.sub-banner .right-content .content-detail ul li span:before{background-size: 1130%; background-position: -91px -95px; width: 35px; height: 35px;}
.sub-banner .right-content .content-detail ul li a { padding: 11px 5px 11px 65px; font-size: 15px}
.sub-banner .right-content .content-detail ul li.twitter span:before{background-position: -233px -95px;}
.sub-banner .right-content .content-detail ul li.linkdine span:before{background-position: -185px -95px;}
.sub-banner .right-content .content-detail ul li{ padding: 9px 0 }
.sec-testimonial .home-testimonial .test-info .box-detail p { font-size: 14px; line-height: 26px; }
.sub-banner1 .left-content h2,
.publishing-page .sub-banner1 .left-content h2,
.generated-page .sub-banner1 .left-content h2,
.share-page .sub-banner1 .left-content h2,
.social-analytics .sub-banner1 .left-content h2,
.compaign-page .sub-banner1 .left-content h2 {font-size: 30px; line-height: 42px;  padding-bottom: 15px;}
.figure-seciton1:before, .figure-seciton2:before { background-size: 94% 48%;  top: -10%;}
.figure-seciton .contant-info .info-text h3 { font-size: 22px;}
.figure-seciton1 .contant-info .info-text p { line-height: 32px;}
.compaign-page .home-sec8.sec-figure .right-contant{ padding-top:0px }
.sec-integration ul { padding: 20px 0 0;}
.compaign-page .section-white.figure-seciton.figure-seciton2 { margin-top:0%;}
.figure-seciton2:before { background-size: 94% 53%;  top: 49%;}
.figure-sec3:before, .sm_section_with_left_bg:before, .figure-seciton1:before, .figure-seciton2:before{ display: none; }
.figure-seciton2 .contant-info .info-text p span{ font-size: 18px; padding-right:2px }
.sub-banner1 { padding: 100px 0 10px;}
.figure-seciton .contant-info .info-text h3 { font-size: 18px; line-height: 25px;}
.figure-seciton1 .contant-info .info-text p { line-height: 28px;}
.sub-banner1:before{ display: none; }
.sec-integration ul li.inte-box { width: 100%;}
.sec-bg1.sec-integration { padding-bottom:30px;}
.webp .sec-bg1, .no-webp .sec-bg1 { background-position: 56% top;}
.sec-bg1 {padding: 40px 0;}
.section-title h2.sec-tit br{ display: none !important;}
.home-sec6 .feature-box .box-info h3 { font-size: 20px; line-height: 33px;}
.sub-banner1 .right-img img{ width: 100% }
.generated-page .sub-banner1 .left-content{ padding-top: 20px; }
.share-page .sub-banner1 { padding: 100px 0 20px;}
.share-section .center-form .form-group .btn{ position: relative; top: 0; margin: 15px 0 5px; }
.share-section .center-form .form-group.form-share-link{ padding-right: 0px }
.share-page .home-sec8.section-white.figure-sec2 { padding-top: 30px }
.share-page .home-sec8.sec-figure .right-contant{ padding-bottom:  0px }
.home-sec6 .feature-box .box-info{ height:auto; padding-bottom: 30px }
.section-content .section-title { padding-bottom: 5px; }
.social-analytics .sub-banner1 {padding: 100px 0 10px;}
.social-analytics .home-sec8.section-white.figure-sec2.figure-sec3{ padding-bottom: 0px; }
.home-sec6.sec-compaign.second{ padding-bottom: 40px }
.social-analytics .sec-bg1.sec-integration {background-position: 59% top; padding: 50px 0 40px;}
.webp .sec-bg2, .no-webp .sec-bg2{ background-position: 60% top;}

.publishing-page .figure-seciton2 .contant-info .info-text:before {width: 227px;}
.home-testimonial .item{padding: 10px 10px 30px;}
.section-white.sec-faq{ padding-bottom: 0px }
.sub-banner .left-content p.banner-text br{ display: none; }
.sign-up-page .sec-testimonial.section-white{ padding-bottom: 0px }
.sub-banner .left-content img{ width: 100% }
.contact-section .form-detail{ padding:30px 20px }
.contact-section .form-detail .form-group input.form-control, .contact-section .form-detail .form-group textarea {height: 55px;  font-size: 16px;  padding: 10px 25px;}
.contact-section .form-detail .form-group textarea {height: 120px; padding: 20px 25px;}
.contant-section.section-white{ padding: 30px 0 }
.contact-page .sub-banner .left-content h2.banner-title {line-height: 37px;}
.social-analytics .sec-integration ul li.inte-box{ width:100% }
.sec-privacy .table1 .table{ display:block; }

.home-banner .left-content p{ font-size: 16px; line-height:26px }

.btn.agency_pro_btn{ padding: 12px 10px; font-size: 14px; }
}

@media only screen and (max-width:400px){
.header .hdr-nav .navbar-collapse, .signform-header .hdr-nav .navbar-collapse { max-width: 220px;}
.header .header-logo img{ max-width: 210px }
footer .foot-logo img{ max-width: 250px }
.sm_top_image_align_fix-sec.section-white {margin-top: -43%;}
.sm_figure_instagram_posting-sec {margin-top: -56%;}
.generated-page .sub-banner1 .left-content h2 span{ display: inline-block; padding-right: 5px }
.generated-page .figure-seciton2.figure-seciton3:before { background-size: 97% 64%; top: -21%;}
.sm_revenue_through_sharing-sec { margin-top: -80%;}
.section-content .content-box .box-info{ width: 100%; display: block; }
.section-content .content-box .box-info .icon img{ width:auto; }
.section-content .content-box .box-info .icon, .section-content .content-box .box-info .box-content{ display: block; width: 100%; text-align: center; }
.section-content .content-box .box-info .box-content{ padding: 15px 0 0 }
.home-sec9.section-white:before {height: 86px;}
.generated-page.publishing-page .section-white.figure-sec3 {margin-top: -42%;}


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


@media only screen and (max-width:350px){
.sm_revenue_through_sharing-sec { margin-top: -90%;}
.home-sec9.section-white:before { height: 76px;}
.generated-page.publishing-page .section-white.figure-sec3 {margin-top: -55%;}
.sm-free-signup .sm-left-img-1, .sm-left-img-2, .sm-left-img-3 {  margin-right: 5px;}
.sm-free-signup .sm-signup-child-img-container {gap:5px;}
 }

.grecaptcha-badge { z-index: 99; }
.sm_signup_main div#carrotquest-messenger-collapsed-container.carrotquest-messenger-right_bottom { bottom:60px !important; }

.email_with_signup_wrapper {

  padding: 20px 0px;
  text-align:center;
}
.email_with_signup_wrapper a {

  color: #5767d1;
  text-decoration: underline;
  
}

.sm_social_login_success_container #sm_signup_error_msg{

  color: #f44336;
  font-weight: normal;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

#video_display_section{

  width: 100%;
  margin: 0 auto;
  text-align: center;

}
#video_display_section .click_action_btn_all{

  margin-top: 15px;
  text-align: center;
}

.click_onlymsg{ 
  text-align: center; 
  padding: 30px 30px; 
}
.click_mid_content #video_player_section {
  width:80%;
  margin:auto;
}
#video_player_section #video_player{
  margin: 0 auto;
  
}

.wrapper_end{
  padding-top: 20px;
}
#multi_video_thumbs {
  margin: 0 auto;
  width: 600px;
}
#multi_video_thumbs .video_thumb_box{

    float: left;
    padding: 10px;
    
}

.sm_single_signon .sm_social_login_success_container {
    border: none;
}
.sm_single_signon .sm_social_login_success_header {
    text-align: center;
    font-size: 25px;
    margin-bottom: 35px;
}
.sm_single_signon .sm_invitation_expired_msg {
    font-size: 16px;
    text-align: center;
    color: red;
}
.sm_single_signon #icon_profile_img {
    display: none;
    border-radius: 50%;
    margin-right: 10px;
}
.sm_single_signon .sm_social_login_form_field_container.sm_checkbox .sm_social_login_form_field_chk {
    margin: 3px 8px 0 0;
}
.sm_single_signon .sm_social_login_form_field_wrapper.sm_multiple_inputs .sm_checkbox .sm_social_login_form_field_chk {
    margin: 3px 3px 0 5px;
}
.sm_single_signon .change_img, .sm_single_signon .remove_img, .sm_single_signon #profile_photo {
    display: none;
}
.sm_single_signon .main_profile_img_lbl {
    color: #1e88e5;
    cursor: pointer;
    margin-right: 20px;
}
.sm_single_signon .remove_img {
    color: red;
    margin-right: 0;
}
@keyframes sm_spinner {
    to {transform: rotate(360deg);}
}
.sm_spinner{
    position: relative;
    pointer-events: none;
    display: inline-block;
}
.sm_spinner_alert{
    font-size: 16px;
    padding-top: 5px;
}
.sm_spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    border-top-color: #000000;
    animation: sm_spinner .8s linear infinite;
    z-index: 9;
}
.sm_spinner:after {
	content: '';
	background-color: rgba(128, 128, 128, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:5px; 
	z-index: 2;
	transition: none;
	-webkit-transition: none;
}
.sm_signup_unset{
  position: unset;
}
/* Enlarging the bot icon and adjusting position START */
div#openCloseWidget {
  position: fixed;
  z-index: 200000;
  right: calc(1rem + 88px); /* Increase the distance from the right by 30 pixels */
  bottom: calc(1rem + 8px); /* Increase the distance from the bottom by 30 pixels */
  border-radius: 55px; /* Double the current border-radius */
  cursor: pointer;
  transition: all ease-in 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
#openCloseWidget img {
  width: 55px; /* Double the current width of the icon */
  height: 55px; /* Double the current height of the icon */
}
iframe#chatWidget {
  position: fixed;
  right: 1rem;
  bottom: 6.5rem;
  -webkit-box-shadow: 5px 0px 22px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 0px 22px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 0px 22px -5px rgba(0, 0, 0, 0.75);
  border-radius: 0.8rem;
  z-index: 200000;
}
/* Enlarging the bot icon and adjusting position END */