.rangeslider,
.rangeslider__fill {
    display: block;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.rangeslider {
    background: #e6e6e6;
    position: relative;
}
.rangeslider--horizontal {
    height: 20px;
    width: 100%;
}
.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}
.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.rangeslider__fill {
    background: #0f0;
    position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}
.rangeslider__handle {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.skeleton {
    color: #f0f0f0 !important;
    background: #f0f0f0 !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
	overflow-x: hidden;
    line-height: 1;
}
body.fixed {
    overflow: hidden;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.align-center {
	align-items: center
}
.bg-white {
    background: #fff !important;
}
.bg-gray {
	background: #f8faff !important;
}
.m-auto {
    margin: auto !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-t-40 {
    margin-top: 40px !important;
}
.m-t-50 {
    margin-top: 50px !important;
}
.m-t-60 {
    margin-top: 60px !important;
}
.m-t-70 {
    margin-top: 70px !important;
}
.m-t-80 {
    margin-top: 80px !important;
}
.m-t-90 {
    margin-top: 90px !important;
}
.m-t-100 {
    margin-top: 100px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-40 {
    margin-bottom: 40px !important;
}
.m-b-50 {
    margin-bottom: 50px !important;
}
.m-b-60 {
    margin-bottom: 60px !important;
}
.m-b-70 {
    margin-bottom: 70px !important;
}
.m-b-80 {
    margin-bottom: 80px !important;
}
.m-b-90 {
    margin-bottom: 90px !important;
}
.m-b-100 {
    margin-bottom: 100px !important;
}
.m-r-0 {
    margin-right: 0 !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}
.m-r-30 {
    margin-right: 30px !important;
}
.m-r-40 {
    margin-right: 40px !important;
}
.m-r-50 {
    margin-right: 50px !important;
}
.m-r-60 {
    margin-right: 60px !important;
}
.m-r-70 {
    margin-right: 70px !important;
}
.m-r-80 {
    margin-right: 80px !important;
}
.m-r-90 {
    margin-right: 90px !important;
}
.m-r-100 {
    margin-right: 100px !important;
}
.m-l-0 {
    margin-left: 0 !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-l-30 {
    margin-left: 30px !important;
}
.m-l-40 {
    margin-left: 40px !important;
}
.m-l-50 {
    margin-left: 50px !important;
}
.m-l-60 {
    margin-left: 60px !important;
}
.m-l-70 {
    margin-left: 70px !important;
}
.m-l-80 {
    margin-left: 80px !important;
}
.m-l-90 {
    margin-left: 90px !important;
}
.m-l-100 {
    margin-left: 100px !important;
}
.p-t-0 {
    padding-top: 0 !important;
}
.p-t-10 {
    padding-top: 10px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-30 {
    padding-top: 30px !important;
}
.p-t-40 {
    padding-top: 40px !important;
}
.p-t-50 {
    padding-top: 50px !important;
}
.p-b-0 {
    padding-bottom: 0 !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.p-b-30 {
    padding-bottom: 30px !important;
}
.p-b-40 {
    padding-bottom: 40px !important;
}
.p-b-50 {
    padding-bottom: 50px !important;
}
.p-r-0 {
    padding-right: 0 !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.p-r-40 {
    padding-right: 40px !important;
}
.p-r-50 {
    padding-right: 50px !important;
}
.p-l-0 {
    padding-left: 0 !important;
}
.p-l-10 {
    padding-left: 10px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-l-40 {
    padding-left: 40px !important;
}
.p-l-50 {
    padding-left: 50px !important;
}


.gy-5 { row-gap: 5px }
.gy-10 { row-gap: 10px }
.gy-15 { row-gap: 15px }
.gy-20 { row-gap: 20px }
.gy-25 { row-gap: 25px }
.gy-30 { row-gap: 30px }
.gy-35 { row-gap: 35px }
.gy-40 { row-gap: 40px }
.gy-45 { row-gap: 45px }
.gy-50 { row-gap: 50px }

.text-center {
    text-align: center !important;
}
.seprator hr {
    width: calc(100% - 40px);
    border: none;
    height: 0px;
    border-top: 1px solid #e1e5e8;
}

html {
    box-sizing: border-box;
    font: 20px Inter;
}
a {
    text-decoration: none;
}
html *,
html *::before,
html *::after {
    box-sizing: border-box;
    font: inherit;
    color: inherit;
}
::selection {
    background: #4fc23a;
    color: #fff;
}
.full-width {
    width: 100% !important;
}
.row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.container {
	width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding: 0 20px;
}
.container > * {
    grid-column: 1 / -1;
}
.container.column-direction {
    flex-direction: column;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.order-m-1 {
    order: 1;
}
.order-m-2 {
    order: 2;
}
.order-m-3 {
    order: 3;
}
.span-xs-1  { grid-column: span 1; }
.span-xs-2  { grid-column: span 2; }
.span-xs-3  { grid-column: span 3; }
.span-xs-4  { grid-column: span 4; }
.span-xs-5  { grid-column: span 5; }
.span-xs-6  { grid-column: span 6; }
.span-xs-7  { grid-column: span 7; }
.span-xs-8  { grid-column: span 8; }
.span-xs-9  { grid-column: span 9; }
.span-xs-10 { grid-column: span 10; }
.span-xs-11 { grid-column: span 11; }
.span-xs-12 { grid-column: span 12; }


.container > [class*="span-"], .row > [class*="span-"] {
	grid-column: 1 / -1;
}


  [class^="gx-"] {
    column-gap: 0 !important;
  }


@media only screen and (min-width: 768px) {

	.gx-5 { column-gap: 5px }
	.gx-10 { column-gap: 10px }
	.gx-15 { column-gap: 15px }
	.gx-20 { column-gap: 20px }
	.gx-25 { column-gap: 25px }
	.gx-30 { column-gap: 30px }
	.gx-35 { column-gap: 35px }
	.gx-40 { column-gap: 40px }
	.gx-45 { column-gap: 45px }
	.gx-50 { column-gap: 50px }

    .span-sm-1  { grid-column: span 1 !important }
	.span-sm-2  { grid-column: span 2 !important }
	.span-sm-3  { grid-column: span 3 !important }
	.span-sm-4  { grid-column: span 4 !important }
	.span-sm-5  { grid-column: span 5 !important }
	.span-sm-6  { grid-column: span 6 !important }
	.span-sm-7  { grid-column: span 7 !important }
	.span-sm-8  { grid-column: span 8 !important }
	.span-sm-9  { grid-column: span 9 !important }
	.span-sm-10 { grid-column: span 10 !important }
	.span-sm-11 { grid-column: span 11 !important }
	.span-sm-12 { grid-column: span 12 !important }
    .container {
        width: 750px;
        padding: 0;
    }
}
@media only screen and (min-width: 992px) {
    .span-md-1  { grid-column: span 1 !important }
	.span-md-2  { grid-column: span 2 !important }
	.span-md-3  { grid-column: span 3 !important }
	.span-md-4  { grid-column: span 4 !important }
	.span-md-5  { grid-column: span 5 !important }
	.span-md-6  { grid-column: span 6 !important }
	.span-md-7  { grid-column: span 7 !important }
	.span-md-8  { grid-column: span 8 !important }
	.span-md-9  { grid-column: span 9 !important }
	.span-md-10 { grid-column: span 10 !important }
	.span-md-11 { grid-column: span 11 !important }
	.span-md-12 { grid-column: span 12 !important }
    .container {
        width: 960px;
    }
    .order-m-1,
    .order-m-2,
    .order-m-3 {
        order: unset;
    }
}
@media only screen and (min-width: 1240px) {
    .span-lg-1  { grid-column: span 1 !important; }
	.span-lg-2  { grid-column: span 2 !important; }
	.span-lg-3  { grid-column: span 3 !important; }
	.span-lg-4  { grid-column: span 4 !important; }
	.span-lg-5  { grid-column: span 5 !important; }
	.span-lg-6  { grid-column: span 6 !important; }
	.span-lg-7  { grid-column: span 7 !important; }
	.span-lg-8  { grid-column: span 8 !important; }
	.span-lg-9  { grid-column: span 9 !important; }
	.span-lg-10 { grid-column: span 10 !important; }
	.span-lg-11 { grid-column: span 11 !important; }
	.span-lg-12 { grid-column: span 12 !important; }
    .container {
        width: 1170px;
    }
}

@media only screen and (min-width: 1300px) {
	.container {
        width: 1240px;
    }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1240px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1240px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1240px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1240px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1240px) {
    .hidden-lg {
        display: none !important;
    }
}
@font-face {
    font-family: et-line;
    src: url(../fonts/et-line.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
[data-icon]:before {
    font-family: et-line;
    content: attr(data-icon);
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
}
.icon-adjustments,
.icon-alarmclock,
.icon-anchor,
.icon-aperture,
.icon-attachment,
.icon-bargraph,
.icon-basket,
.icon-beaker,
.icon-bike,
.icon-book-open,
.icon-briefcase,
.icon-browser,
.icon-calendar,
.icon-camera,
.icon-caution,
.icon-chat,
.icon-circle-compass,
.icon-clipboard,
.icon-clock,
.icon-cloud,
.icon-compass,
.icon-desktop,
.icon-dial,
.icon-document,
.icon-documents,
.icon-download,
.icon-dribbble,
.icon-edit,
.icon-envelope,
.icon-expand,
.icon-facebook,
.icon-flag,
.icon-focus,
.icon-gears,
.icon-genius,
.icon-gift,
.icon-global,
.icon-globe,
.icon-googleplus,
.icon-grid,
.icon-happy,
.icon-hazardous,
.icon-heart,
.icon-hotairballoon,
.icon-hourglass,
.icon-key,
.icon-laptop,
.icon-layers,
.icon-lifesaver,
.icon-lightbulb,
.icon-linegraph,
.icon-linkedin,
.icon-lock,
.icon-magnifying-glass,
.icon-map,
.icon-map-pin,
.icon-megaphone,
.icon-mic,
.icon-mobile,
.icon-newspaper,
.icon-notebook,
.icon-paintbrush,
.icon-paperclip,
.icon-pencil,
.icon-phone,
.icon-picture,
.icon-pictures,
.icon-piechart,
.icon-presentation,
.icon-pricetags,
.icon-printer,
.icon-profile-female,
.icon-profile-male,
.icon-puzzle,
.icon-quote,
.icon-recycle,
.icon-refresh,
.icon-ribbon,
.icon-rss,
.icon-sad,
.icon-scissors,
.icon-scope,
.icon-search,
.icon-shield,
.icon-speedometer,
.icon-strategy,
.icon-streetsign,
.icon-tablet,
.icon-target,
.icon-telescope,
.icon-toolbox,
.icon-tools,
.icon-tools-2,
.icon-trophy,
.icon-tumblr,
.icon-twitter,
.icon-upload,
.icon-video,
.icon-wallet,
.icon-wine {
    font-family: et-line;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
}
.icon-mobile:before {
    content: "\e000";
}
.icon-laptop:before {
    content: "\e001";
}
.icon-desktop:before {
    content: "\e002";
}
.icon-tablet:before {
    content: "\e003";
}
.icon-phone:before {
    content: "\e004";
}
.icon-document:before {
    content: "\e005";
}
.icon-documents:before {
    content: "\e006";
}
.icon-search:before {
    content: "\e007";
}
.icon-clipboard:before {
    content: "\e008";
}
.icon-newspaper:before {
    content: "\e009";
}
.icon-notebook:before {
    content: "\e00a";
}
.icon-book-open:before {
    content: "\e00b";
}
.icon-browser:before {
    content: "\e00c";
}
.icon-calendar:before {
    content: "\e00d";
}
.icon-presentation:before {
    content: "\e00e";
}
.icon-picture:before {
    content: "\e00f";
}
.icon-pictures:before {
    content: "\e010";
}
.icon-video:before {
    content: "\e011";
}
.icon-camera:before {
    content: "\e012";
}
.icon-printer:before {
    content: "\e013";
}
.icon-toolbox:before {
    content: "\e014";
}
.icon-briefcase:before {
    content: "\e015";
}
.icon-wallet:before {
    content: "\e016";
}
.icon-gift:before {
    content: "\e017";
}
.icon-bargraph:before {
    content: "\e018";
}
.icon-grid:before {
    content: "\e019";
}
.icon-expand:before {
    content: "\e01a";
}
.icon-focus:before {
    content: "\e01b";
}
.icon-edit:before {
    content: "\e01c";
}
.icon-adjustments:before {
    content: "\e01d";
}
.icon-ribbon:before {
    content: "\e01e";
}
.icon-hourglass:before {
    content: "\e01f";
}
.icon-lock:before {
    content: "\e020";
}
.icon-megaphone:before {
    content: "\e021";
}
.icon-shield:before {
    content: "\e022";
}
.icon-trophy:before {
    content: "\e023";
}
.icon-flag:before {
    content: "\e024";
}
.icon-map:before {
    content: "\e025";
}
.icon-puzzle:before {
    content: "\e026";
}
.icon-basket:before {
    content: "\e027";
}
.icon-envelope:before {
    content: "\e028";
}
.icon-streetsign:before {
    content: "\e029";
}
.icon-telescope:before {
    content: "\e02a";
}
.icon-gears:before {
    content: "\e02b";
}
.icon-key:before {
    content: "\e02c";
}
.icon-paperclip:before {
    content: "\e02d";
}
.icon-attachment:before {
    content: "\e02e";
}
.icon-pricetags:before {
    content: "\e02f";
}
.icon-lightbulb:before {
    content: "\e030";
}
.icon-layers:before {
    content: "\e031";
}
.icon-pencil:before {
    content: "\e032";
}
.icon-tools:before {
    content: "\e033";
}
.icon-tools-2:before {
    content: "\e034";
}
.icon-scissors:before {
    content: "\e035";
}
.icon-paintbrush:before {
    content: "\e036";
}
.icon-magnifying-glass:before {
    content: "\e037";
}
.icon-circle-compass:before {
    content: "\e038";
}
.icon-linegraph:before {
    content: "\e039";
}
.icon-mic:before {
    content: "\e03a";
}
.icon-strategy:before {
    content: "\e03b";
}
.icon-beaker:before {
    content: "\e03c";
}
.icon-caution:before {
    content: "\e03d";
}
.icon-recycle:before {
    content: "\e03e";
}
.icon-anchor:before {
    content: "\e03f";
}
.icon-profile-male:before {
    content: "\e040";
}
.icon-profile-female:before {
    content: "\e041";
}
.icon-bike:before {
    content: "\e042";
}
.icon-wine:before {
    content: "\e043";
}
.icon-hotairballoon:before {
    content: "\e044";
}
.icon-globe:before {
    content: "\e045";
}
.icon-genius:before {
    content: "\e046";
}
.icon-map-pin:before {
    content: "\e047";
}
.icon-dial:before {
    content: "\e048";
}
.icon-chat:before {
    content: "\e049";
}
.icon-heart:before {
    content: "\e04a";
}
.icon-cloud:before {
    content: "\e04b";
}
.icon-upload:before {
    content: "\e04c";
}
.icon-download:before {
    content: "\e04d";
}
.icon-target:before {
    content: "\e04e";
}
.icon-hazardous:before {
    content: "\e04f";
}
.icon-piechart:before {
    content: "\e050";
}
.icon-speedometer:before {
    content: "\e051";
}
.icon-global:before {
    content: "\e052";
}
.icon-compass:before {
    content: "\e053";
}
.icon-lifesaver:before {
    content: "\e054";
}
.icon-clock:before {
    content: "\e055";
}
.icon-aperture:before {
    content: "\e056";
}
.icon-quote:before {
    content: "\e057";
}
.icon-scope:before {
    content: "\e058";
}
.icon-alarmclock:before {
    content: "\e059";
}
.icon-refresh:before {
    content: "\e05a";
}
.icon-happy:before {
    content: "\e05b";
}
.icon-sad:before {
    content: "\e05c";
}
.icon-facebook:before {
    content: "\e05d";
}
.icon-twitter:before {
    content: "\e05e";
}
.icon-googleplus:before {
    content: "\e05f";
}
.icon-rss:before {
    content: "\e060";
}
.icon-tumblr:before {
    content: "\e061";
}
.icon-linkedin:before {
    content: "\e062";
}
.icon-dribbble:before {
    content: "\e063";
}
p b,
p strong,
li b, 
li strong {
    font-weight: 500;
    color: #333;
}
p em {
    font-style: italic;
    color: #333;
}
.nice-select {
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    width: auto;
}
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px;
}
.nice-select.open:after {
    transform: rotate(-135deg);
}
.nice-select > span {
    color: #545454;
    position: relative;
    top: 0;
    width: 90%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
}
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11);
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition:
        all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    z-index: 1000000;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    color: #767676;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    padding-left: 18px;
    padding-right: 29px;
    transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}
.nice-select .option.selected {
    font-weight: 500;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}
.no-csspointerevents .nice-select .list {
    display: none;
}
.no-csspointerevents .nice-select.open .list {
    display: block;
}
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    margin-left: -20px;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    transition:
        border 0.15s ease-in-out,
        color 0.15s ease-in-out;
    outline: none !important;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 8px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    color: #555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    content: "";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}
.radio {
    margin: 10px 0;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    outline: none !important;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    content: "✔";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}
.btn {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 10px;
    padding: 0 10px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 18px;
    transition: all 0.4s;
}
.btn svg {
    fill: #fff;
}
.btn-primary {
    background: #4fc23a;
}
.btn-secondary {
    background: #3b9fdd;
}
.btn-red {
    background: #e5533d;
}
.btn-purple {
    background: #be89f3;
}
.btn-warning {
    background: #f5ae16;
}
.btn-white {
    background: #fff;
    color: initial;
    box-shadow: 5px 5px 20px #fff6;
    color: #2f8fce;
}
.btn-gray {
    background: #eaeaea;
    color: #2f8fce;
}
.btn-primary:hover {
    background: #43ad32;
}
.btn-secondary:hover {
    background: #2f8fce;
}
.btn-red:hover {
    background: #cf4633;
}
.btn-purple:hover {
    background: #ad78e2;
}
.btn-warning:hover {
    background: #e49d05;
}
.btn-white:hover {
    background: #f2f2f2;
}
.btn-gray:hover {
    background: #eaeaea;
}
.btn-primary::selection {
    background: #4fc23a;
}
.btn-secondary::selection {
    background: #3b9fdd;
}
.btn-red::selection {
    background: #e5533d;
}
.btn-purple::selection {
    background: #be89f3;
}
.btn-warning::selection {
    background: #ea1;
}
.btn-white::selection {
    background: none;
    color: inherit;
}
.btn-gray::selection {
    background: #eaeaea;
}
.btn-white svg,
.btn-gray svg {
    fill: #2f8fce;
}
.btn-outside {
    width: 220px;
    height: 50px;
    font-size: 18px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5fa;
	border: 1px solid #f0f4f9;
	color: #a1b5c8;
	gap: 10px;
    border-radius: 3px;
    transition: all 0.4s;
}
.btn-outside svg {
    fill: #3b9fdd;
    position: relative;
}
.btn-outside:hover {
    background: #f0f4f9;
  	color: #8195a8;
}
.btn-outside::selection {
    background: none;
    color: #3b9fdd;
}
.btn-big {
    width: 100%;
    height: 55px;
    margin: 30px auto;
}
.form-input {
    display: inline-block;
    position: relative;
}
.select2-container {
    max-width: 100%;
}
.nice-select,
.nice-input,
.select2-container--default .select2-selection--multiple {
    width: 100%;
    height: 45px;
    border-radius: 3px;
    background: #f1f5fa;
    border: 1px solid #f0f4f9 !important;
    padding: 0 15px;
    font-size: 15px;
    position: relative;
    outline: none !important;
    filter: none;
    transition: all 0.4s;
}
.nice-select:focus,
.nice-input:focus,
.select2-container--default .select2-selection--multiple:focus {
    border-color: #e3e9f0;
}
.select2-container--default .select2-selection--multiple {
    height: unset;
    min-height: 45px;
    padding-bottom: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #bdbdbd !important;
}
.select2-selection--multiple.danger-input {
    border: 1px solid #f15d5e;
}
.select2-container--default.select2-container--focus .select2-selection--multiple.danger-input {
    border: 1px solid #f15d5e !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4fc23a !important;
    border: 0 solid #43ad32 !important;
    border-radius: 3px !important;
    margin: 2px 5px !important;
    padding: 5px 2px !important;
    color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 0 8px;
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #43ad32;
    color: #fff !important;
    padding: 0 5px !important;
    border-right: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background: #43ad32 !important;
    color: #fff !important;
}
.select2-results__option--selectable {
    line-height: 2;
    font: 16px Inter;
}
.select2-results__option--selectable:hover {
    color: #fff;
    background: #3b9fdd;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 10px;
}
.danger-input input,
.danger-input textarea {
    border: 1px solid #f15d5e !important;
    background: #f15d5e15;
    color: #f15d5e;
}
.danger-input::after {
    width: 100%;
    padding-bottom: 5px;
    color: #f15d5e;
    position: absolute;
    bottom: -25px;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    z-index: 10;
}
.warning-input input {
    border: 1px solid #ea1;
}
.warning-input::after {
    width: 100%;
    padding-bottom: 5px;
    color: #ea1;
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    z-index: 10;
}
.success-input input {
    border: 1px solid #4fc23a;
}
.success-input::after {
    width: 100%;
    padding-bottom: 5px;
    color: #4fc23a;
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    z-index: 10;
}
.weak-pass::after {
    content: "weak password";
}
.medium-pass::after {
    content: "medium password";
}
.strong-pass::after {
    content: "strong password";
}
.required::after {
    content: "Please fill the fields.";
}
.invalid-email::after {
    content: "Please enter a valid email.";
}
.invalid-url::after {
    content: "Please enter the URL correctly.";
}
.big-input {
    width: 100%;
}
.small-input {
    width: 120px;
}
.select2-selection.danger-input::after {
    content: "Enter at least 1 Social media for traffic source";
}
.danger-input.number::after {
    display: none;
}
textarea.nice-input {
    height: 220px !important;
    padding: 15px;
    line-height: 25px;
    height: auto;
    resize: none;
}
textarea.mini-textarea {
    height: 85px !important;
}
.additional-explanations {
    display: block;
    margin: 3px 0;
    font-size: 14px;
    font-weight: 300;
    color: #858585;
}
.danger-input + .additional-explanations,
.warning-input + .additional-explanations,
.success-input + .additional-explanations {
    opacity: 0;
}
.form-box {
    padding: 50px 0;
    position: relative;
    background: #fff;
}
.form-box-header {
    position: relative;
}
.form-box-header .btn {
    width: 160px;
    margin: auto;
}
.form-level-box {
    height: 140px;
    display: none;
    align-items: center;
    justify-content: center;
}
.form-level {
    display: flex;
    align-items: center;
    justify-content: center;
    counter-reset: form_order_level;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.form-level > div {
    width: 140px;
    height: 55px;
    counter-increment: form_order_level;
    position: relative;
}
.form-level > div:last-child {
    width: 30px;
}
.form-level > div:before {
    content: counter(form_order_level);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    color: #fff;
}
.form-level > div:not(:last-child):after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 16px;
    left: 30px;
}
.form-level > div.active:before,
.form-level > div.active:after {
    background: #3b9fdd;
}
.form-level > div span {
    position: absolute;
    left: calc(50% + 15px);
    transform: translateX(-50%);
    color: #767676;
    font-size: 16px;
    white-space: nowrap;
}
.form-level > div.active span {
    color: #3b9fdd;
}
.campaign-box {
    margin-top: 30px;
}
.form-tabs ul {
    width: calc(100% + 20px);
    display: flex;
    justify-content: center;
    position: relative;
    left: -10px;
}
.form-tabs ul li {
    flex: 1 1 auto;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eaeaea;
    font: 300 13.5px Inter;
    color: #767676;
    cursor: pointer;
    width: 65px;
    text-align: center;
    white-space: nowrap;
    padding: 0 5px;
}
.form-tabs ul li.active {
    border-right: 1px solid #3b9fdd30;
    border-left: 1px solid #3b9fdd30;
    border-top: 3px solid #3b9fdd;
    border-bottom: none;
    background: #3b9fdd15;
    color: #3b9fdd;
}
.form-content {
    max-width: 800px;
	margin-top: 30px;
}
.form-order {
    padding: 35px 0 5px 20px;
}
.form-order > div.hide {
    display: none;
}
.form-element {
    position: relative;
    margin-bottom: 25px;
}
.form-element.has-btn {
    margin-top: 25px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap: wrap-reverse;
    gap: 15px;
}
.form-element > .half-container {
    position: relative;
}
.form-element .half-container:first-child {
    margin-bottom: 20px;
}
.form-element label,
.form-label {
    margin-bottom: 5px;
    font-size: 16px;
    display: block;
    color: #545454;
}
.form-element label i {
    color: #f15c5d;
}
.form-element .tooltip {
    width: 18px;
    height: 18px;
    display: none;
    background: #a1a5b7;
    border-radius: 50%;
    justify-content: center;
    color: #fff;
    margin-left: 5px;
    position: relative;
    cursor: help;
    font-size: 15px;
}
.form-element .tooltip::before {
    width: 300px;
    min-height: 40px;
    border-radius: 4px;
    content: attr(data-text);
    color: #7286a2;
    background: #fdfeff;
    position: absolute;
    bottom: 10000px;
    right: -10px;
    display: flex;
    align-items: center;
    opacity: 0;
    padding: 10px 15px;
    font: 300 13px Inter;
    box-sizing: border-box;
    line-height: 2;
    box-shadow: 0 0 0 1px #7286a235;
    z-index: 9999;
    transition: opacity 0.4s;
}
.tooltip:hover::before {
    bottom: 35px;
}
.tooltip:hover::after {
    bottom: 26px;
}
.form-element .tooltip:hover::before,
.form-element .tooltip:hover::after {
    opacity: 1;
}
.form-input-desc {
    font-size: 15px;
    font-weight: 300;
    font-weight: 300;
    margin-left: 35px;
    color: #999;
    position: absolute;
    right: 20px;
    top: 55%;
}
.seprator-order {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 25px;
}
.minmax > span {
    font-size: 15px;
    color: #333;
}
.minmax-box {
    position: relative;
    padding-top: 25px;
    margin-bottom: 25px;
}
.minmax-box > div.half-container {
    display: flex;
    align-items: center;
}
.minmax-box > div.half-container {
    margin-left: -45px;
}
.minmax-box > div > i {
    width: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #a0a0a0;
    margin: 0 9px;
}
.minmax-box .nice-input + i {
    display: inline-flex;
    width: 42px;
}
.nice-input.small-input + .tooltip {
    margin-right: 20px;
}
.form-order .checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.form-order .checkbox label {
    color: #3b9fdd;
    padding-left: 10px;
}
.form-order .checkbox label::before {
    width: 20px;
    height: 20px;
    border-radius: 0;
    border-color: #3b9fdd;
    top: 2px;
}
.checkbox label::after {
    width: 10px;
    height: 6px;
    padding-left: 5px;
    padding-top: 3px;
    color: #6a7d89;
    font-size: 13px;
    border: 2px solid #3b9fdd;
    border-right: transparent;
    border-top: transparent;
    transform: rotate(-45deg);
}
.checkbox label::before {
    width: 18px;
    height: 18px;
}
.radio label::before {
    width: 18px;
    height: 18px;
}
.radio label::after {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
    background: #999;
}
.form-order p {
    font-size: 16px;
    line-height: 1.8;
    margin: 20px 0 30px;
    color: #43ad32;
    position: relative;
}
.form-order .platform {
    display: flex;
    margin: 40px 0;
    position: relative;
    flex-direction: column;
}
.form-order .platform span {
    color: #767676;
    font-size: 16px;
}
.platform output {
    width: 25px;
    display: inline-block;
    text-align: center;
    color: #999;
}
.rangeslider--horizontal {
    max-width: 100%;
    height: 12px;
    margin: 15px 0;
}
.rangeslider--horizontal .rangeslider__fill {
    left: 0;
    background: #3b9fdd;
}
.rangeslider--horizontal .rangeslider__handle {
    width: 30px;
    height: 19px;
    border-radius: 15px;
    top: -4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.referral-list-site .referral-list-item:not(:first-child) {
    display: none;
}
.referral-list-site .referral-list-item.show {
    display: block;
}
.referral-add-btn {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #3b9fdd;
    border-radius: 3px;
    position: absolute;
    right: 0;
    bottom: 18px;
    cursor: pointer;
}
.referral-list-site span {
    width: 120px;
    display: inline-block;
    color: #767676;
    font-size: 16px;
}
.referral-list-site input {
    margin: 10px 0;
}
.form-element .checkbox_items {
    max-width: 720px;
}
.form-element .checkbox,
.form-element .radio {
    display: inline-block;
    padding: 0 10px 0 0;
    min-width: 160px;
    font-size: 16px;
    padding-left: 20px;
}
.form-element .checkbox label {
    min-width: 120px;
    color: #767676;
    padding-left: 5px;
}
.form-element .checkbox label::before {
    right: -30px;
    top: 0;
    border-color: #a0a0a0;
}
.form-element .checkbox label::after {
    top: 5px;
    left: 4px;
    border-color: #a0a0a0;
}
.form-element .checkbox_items .checkbox label::after {
    padding-top: 1px;
    padding-left: 4px;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"],
.radio input[type="checkbox"],
.radio input[type="radio"] {
    position: absolute;
}
.referral .radios {
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
}
.form-element.disable::after,
.form-order p.disable::after,
.platform.disable::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}
.form-content .buttons {
    margin: 0 20px;
}
.form-content .btn {
    width: 300px;
}
.forms {
    background: #f1f1f1;
    min-height: 100vh;
}
.form-logo img {
    width: 200px;
    margin: 40px auto 30px;
    display: block;
}
.login-form {
    background: #fff;
    margin: 40px 0;
}
.login-form .form-title {
    text-align: center;
    margin: 10px auto 30px;
}
.login-form form {
    width: 300px;
    margin: auto;
}
.login-form .nice-input {
    height: 35px;
}
.login-form .form-input::before {
    width: 35px;
    font-size: 20px;
}
.pre-button-login {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pre-button-login a.forgot-pass {
    font-size: 15px;
    font-weight: 300;
    color: #ed2027;
    border-bottom: 1px solid currentColor;
    position: relative;
    top: -3px;
    transition: all 0.4s;
}
.pre-button-login a.forgot-pass:hover {
    color: #d01d23;
}
.login-form form .btn {
    width: 100%;
    margin-top: 10px;
}
.login-form .checkbox label {
    color: #3b9fdd;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    top: -3px;
}
.login-form .checkbox label::before {
    width: 18px;
    height: 18px;
    border-radius: 0;
    border-color: #3b9fdd;
    top: 2px;
}
.login-form .checkbox label::after {
    width: 4px;
    height: 10px;
    padding-left: 4px;
    padding-top: 0;
    color: #3b9fdd;
    font-size: 13px;
    border: 2px solid;
    border-left: transparent;
    border-top: transparent;
    transform: rotate(45deg);
}
.login-form .sign-up {
    color: #767676;
    margin: 10px 0;
    text-align: center;
}
.login-form .sign-up a {
    color: #3b9fdd;
    transition: all 0.4s;
}
.login-form .sign-up a:hover {
    color: #2f8fce;
}
.quick-login {
    margin-top: 30px;
}
.login-wigh-btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.login-wigh-btns a {
	width: 100%;
	font-size: 16px;
}
.login-wigh-btns a svg {
	background: #fff;
	border-radius: 50%;
	padding: 3px;
	width: 27px;
	height: 27px;
}
.login-wigh-btns img {
    width: 145px;
    transition: all 0.4s;
}
.login-wigh-btns img:hover {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
}
.password-show {
    width: 40px;
    height: 30px;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 2px;
    color: #767676;
    cursor: pointer;
    padding: 5px;
    opacity: 0.2;
    transition: all 0.4s;
}
.password-show:hover {
    opacity: 0.6;
}
.password-show.dont-show {
    content: url(../images/eye-2.svg);
}
.password-show::selection {
    background: none;
}
.order-info {
    display: flex;
    flex-direction: column;
    padding: 0 40px;
}
.order-info-title,
.form-title {
    color: #333;
    margin: 20px 0 30px;
}
.order-info-options {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.order-info-options li {
    height: 55px;
    font-weight: 300;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4d4d4d;
}
.order-info-options li i {
    color: #3b9fdd;
    font-style: 17px;
    font-weight: 400;
}
.order-info-options li i.no {
    color: #ef4748;
}
.order-info-options li i.yes {
    color: #4fc23a;
}
.order-info-payment li {
    height: 60px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4d4d4d;
}
.order-info-payment li i {
    color: #4fc23a;
    font-size: 20px;
}
.wrong-info {
    margin: 20px 40px 40px;
}
.wrong-info ul.has-child {
    background: #d01612;
    padding: 15px 25px;
    border-radius: 5px;
}
.wrong-info ul li {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.wrong-info ul li svg {
    fill: #fff;
    margin-right: 10px;
}
img {
    max-width: 100%;
}
main p a,
main li a {
    color: #3b9fdd;
    transition: all 0.4s;
}
main p a:hover,
main li a:hover {
    color: #2f8fce;
}
.has-shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.btn.no-shadow {
    box-shadow: none;
}
header {
    width: 100%;
    background: #fff;
	position: relative;
	z-index: 20;
}
header .top-header {
    width: 100%;
    height: 60px;
    background: linear-gradient(to right, #5b79a2, #2e4469);
}
.top-header .container {
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
}
.top-header nav ul {
    display: flex;
}
.top-header p {
    font-size: 16px;
    font-weight: 300;
    color: #ccc;
    transition: all 0.4s;
    display: flex;
    align-items: center;
}
.top-header p svg {
    fill: #ccc;
    margin-right: 20px;
}
.top-header nav ul li a:hover {
    color: #fff;
}
.top-header nav ul li a.active {
    color: #fff;
}
.top-header .follow-us {
    height: 40px;
    position: relative;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.top-header .follow-us span {
    color: #ccc;
    display: flex;
    align-items: center;
    transition: all 0.4s;
}
.top-header .follow-us:hover span {
    color: #fff;
}
.top-header .follow-us span svg {
    fill: #ccc;
    margin-right: 15px;
    transition: all 0.4s;
}
.top-header .follow-us:hover span svg {
    fill: #fff;
}
.top-header .follow-us ul {
    width: 200px;
    position: absolute;
    top: -2000px;
    right: 0;
    background: #fff;
    border-radius: 3px;
    z-index: 1000;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.4s;
}
.top-header .follow-us:hover ul {
    top: 40px;
    opacity: 1;
}
.top-header .follow-us ul li:hover {
    background: #3b9fdd;
}
.top-header .follow-us ul li:first-child:hover {
    border-radius: 3px 3px 0 0;
}
.top-header .follow-us ul li:last-child:hover {
    border-radius: 0 0 3px 3px;
}
.top-header .follow-us ul li a {
    display: flex;
    width: 100%;
    height: 65px;
    align-items: center;
    color: #767676;
}
.top-header .follow-us ul li a svg {
    width: 65px;
    fill: #3b9fdd;
}
.top-header .follow-us ul li:hover a {
    color: #fff;
}
.top-header .follow-us ul li:hover a svg {
    fill: #fff;
}
.bottom-header {
    width: 100%;
}
.bottom-header .container {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo {
    position: relative;
    top: 5px;
}
.logo img {
    width: 180px;
}
header.fixed {
    position: fixed;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    top: -100px;
    left: 0;
    right: 0;
    transition: top 0.4s;
}
header.fixed.show {
    top: 0;
}
header.fixed .top-header,
header.fixed .top-header * {
    height: 0;
    overflow: hidden;
}
header.fixed .bottom-header .container {
    height: 85px;
}
header.fixed + main {
    margin-top: 100px;
}
.mobile-login-btn {
    height: 45px;
    line-height: 45px;
    margin-left: auto;
    margin-right: 20px;
}
.toggle-menu {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    cursor: pointer;
}
.toggle-menu span {
    width: 100%;
    height: 3px;
    display: block;
    margin-top: 6px;
    background: #767676;
}
.menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    height: 100vh;
    background: #282d30;
    z-index: 10000;
    transform: translateX(300px);
    transition: transform 0.4s;
}
.menu.show {
    transform: translateX(0);
}
.close-menu {
    color: #ccc;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 35px;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.logo-mobile {
    width: 260px;
    margin: 45px auto 0;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #767676;
}
.logo-mobile img {
    width: 165px;
}
.menu nav {
    padding: 10px 0;
}
.menu ul li {
    position: relative;
}
.menu nav .main-menu > li {
    color: #ccc;
    transition: all 0.4s;
}
.menu nav .main-menu > li:hover {
    color: #fff;
}
.menu ul li a,
.menu ul li span {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
	gap: 8px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
}
.menu ul li span::after {
    content: url(../images/down-arrow.svg);
    width: 10px;
    position: absolute;
    right: 30px;
    filter: grayscale(1);
    transition: all 0.4s;
}
.menu ul li span.active {
    color: #4fc23a;
}
.menu ul li span.active::after {
    transform: rotate(180deg);
    color: #3b9fdd;
    filter: none;
}
.menu nav .submenu {
    height: 1px;
    padding: 5px 0 5px 20px;
    transform-origin: 0 0;
    transition: height 0.4s;
    overflow: hidden;
}
.menu nav .submenu.three-items.active {
    height: 280px;
    background: #222;
}
.menu nav .submenu.five-items.active {
    height: 235px;
    background: #222;
}
.menu nav .submenu li a {
    color: #ccc;
    font-size: 14px;
    transition: all 0.4s;
}
.menu nav .submenu li a:hover {
    color: #f1f1f1;
}
.menu nav .submenu li a svg {
    margin-right: 20px;
    fill: #999;
    transition: all 0.4s;
}
.menu nav .submenu li a:hover svg {
    fill: #f1f1f1;
}
.login {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.login .btn {
    width: 120px;
    height: 45px;
    font-size: 16px;
}
.login .btn:last-child {
    margin-left: 16px;
}
main {
    background: #f8faff;
}
main.white-bg {
    background: #fff;
}
.slideshow {
    width: 100%;
    padding: 40px 0 120px;
    background: linear-gradient(270deg, #3b9fdd, #2f8fce);
}
.slideshow .container {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
.website-title {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.website-title .main-title {
	width: 100%;
    font-size: 30px;
	font-weight: 700;
    line-height: 1.5;
	margin-bottom: 10px;
    color: #fff;
    text-shadow: 0 0 20px #fff6;
}
.website-title .p-title {
    line-height: 2;
    font-size: 18px;
    color: #f1f1f1;
    font-weight: 300;
}
.slideshow-box {
    flex-basis: 100%;
}
.slideshow-box-texts {
    position: absolute;
    z-index: 10;
}
.slideshow-box-texts div {
    margin: 0 5px;
    color: #fff;
    background: #fff2;
    border: 2px solid #fff4;
    font-size: 12px;
    font-weight: 300;
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
}
.slideshow-box-texts div:first-child {
    animation: toBottom 1s ease 1.5s both;
}
.slideshow-box-texts div:nth-child(2) {
    animation: toBottom 1s ease 2s both;
}
.slideshow-box-texts div:nth-child(3) {
    animation: toBottom 1s ease 2.5s both;
}
.slideshow-box-images {
    height: 360px;
    overflow: hidden;
}
.slideshow-box-images img {
    position: absolute;
}
.element2 {
    right: 0;
    bottom: 0;
    animation:
        fadeIn 2s ease 3.5s both,
        changeOne 25s ease 5s both infinite;
}
.element3 {
    animation:
        fadeIn 1.5s ease 4s both,
        changeTwo 35s ease 5.5s both infinite;
}
.little-slideshow {
    padding: 15px 0;
    background: linear-gradient(270deg, #3b9fdd, #2f8fce);
    color: #fff;
	position: relative
}
.little-slideshow .container {
    min-height: 180px;
    flex-flow: column nowrap;
    align-items: center;
}
.little-slideshow-title {
    margin-top: 40px;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
}
.little-slideshow-text,
.little-slideshow-buttons {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding: 20px 10px 40px;
    line-height: 30px;
	margin-left: auto;
	margin-right: auto
}
.little-slideshow-text a {
    color: #fff !important;
    text-decoration: underline;
}
.little-slideshow-buttons {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 45px 10px;
    margin-top: -60px;
}
.little-slideshow-buttons-item {
    border: 3px solid #fff5;
    border-radius: 5px;
    font-weight: 400;
    flex-basis: 100%;
    padding: 10px;
    margin: 10px 0;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.4s;
}
.little-slideshow-buttons-item:hover {
    background: #fff;
    color: #3b9fdd;
}
.little-slideshow-box {
	max-width: 420px;
	margin: 20px auto -135px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.services-text {
	max-width: 750px;
	padding: 0 25px;
	margin-left: auto;
	margin-top: 40px;
	position: relative;
	z-index: 3;
}
[class*="span-"]:first-child .services-text {
	margin-left: 0;
	margin-right: auto;
	padding-left: 0;
	padding-right: 40px
}
.services-title {
    min-height: 480px;
    padding: 50px 0 130px;
    background: linear-gradient(270deg, #3b9fdd, #2f8fce);
	position: relative;
}
.little-slideshow::before, .services-title::before {
	content: url(../images/dark-box-bg.svg);
	display: block;
	width: 100%;
	position: absolute;
	overflow: hidden;
	max-width: 800px;
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
	opacity: 0.75;
}
.services-title .services-title-image {
    text-align: center;
	padding: 20px 0;
}
.services-title .services-title-image img {
    max-width: 400px;
    width: 100%;
}

.services-title .services-image {
    filter: drop-shadow(0 0 15px #2f8fce);
}

.cta-box {
	background: #fff;
	padding: 35px !important;
	border-radius: 5px !important;
	position: relative;
	z-index: 3;
}
.badge-free-trial {
	width: 100px;
	position: absolute;
	left: calc(100% - 50px);
	top: 35px;
	transform: rotate(46deg);
	display: none;
}

.cta-box-title {
	font-size: 26px;
	line-height: 1.5;
	text-align: center;
	font-weight: 700;
	color: #3b9fdd;
}
.cta-box-subtitle {
	font-size: 16px;
	text-align: center;
	color: #767676;
	margin: 10px 0 5px;
}

.cta-box-items {
	font-size: 15px;
	line-height: 3;
	font-weight: 300;
	color: #545454;
	margin-top: 20px;
}
.cta-box-items li {
	border-top: 1px solid #ccc5;
}

.cta-box-data {
	background: #3b9fdd20;
	display: flex;
	flex-direction: column;
	padding: 15px;
	align-items: center;
	gap: 15px;
	border-radius: 5px;
}

.cta-box-data-item {
	display: flex;
	align-items: center;
	gap: 2px;
	border-radius: 2px;
	font-size: 16px;
	color: #4d4d4d;
}

.cta-box-data-item span {
	font-size: 24px;
}



.services-title .services-title-heading {
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto;
}
.services-title .services-title-p {
    width: 100%;
    font-size: 16px;
    line-height: 1.75;
    color: #f1f1f1;
    margin: 0 0 15px;
}
.services-page-tags {
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto 0;
    color: #fff;
    gap: 15px 10px;
}

.services-page-tags-item {
    flex: 0 0 100%;
    display: flex;
    line-height: 1.5;
    gap: 7px;
}

.services-page-icon {
    fill: #2f8fce;
    flex: 0 0 18px;
    position: relative;
    top: 2px;
}

.services-page-icon .bg {
    fill: #fff;
}

.services-title-buttons {
    display: flex;
    font-size: 16px;
    gap: 25px;
	margin-top: 15px
}
.services-title .services-title-buttons .btn {
    width: 170px;
    height: 48px;
    font-size: 16px;
}
.services-title .services-title-buttons .btn:first-child {
    margin-right: 15px;
    border: 1px solid;
}
.services-title .services-title-buttons .btn:first-child:hover {
    background: #ffffff25;
}
.services-items-box {
    padding: 60px 0;
}
.services-items-box container {
	gap: 30px;
}
.services-items-box .item {
    display: flex;
	gap:20px;
    flex-direction: column;
    align-items: center;
}
.services-items-box .item .item-icon {
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    border-radius: 10px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-icon.green {
    border: 1px solid #4fc23a30;
    color: #4fc23a;
    background: #4fc23a15;
}
.item-icon.blue {
    border: 1px solid #3b9fdd30;
    color: #3b9fdd;
    background: #3b9fdd15;
}
.item .item-header {
    font: 600 20px/1.5 Inter;
    text-align: center;
    margin: 20px 0;
    color: #333;
}
.item .item-text {
    font-size: 17px;
    line-height: 1.75;
    text-align: center;
    color: #545454;
    font-weight: 300;
}
.website-about {
    padding-top: 30px;
}
.website-about .website-about-header {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.website-about .website-about-p {
    font-size: 17px;
    font-weight: 300;
    color: #545454;
    text-align: center;
    line-height: 1.75;
    margin-bottom: 20px;
}
.website-about .website-about-ul {
    margin: 20px 0;
}
.website-about .website-about-ul li {
    font-size: 15px;
    font-weight: 300;
    height: 50px;
    display: flex;
    align-items: center;
    color: #545454;
}
.website-about .website-about-ul li span {
    font-size: 20px;
    margin-right: 15px;
}
.website-about .btn {
    width: 260px;
}
.website-about-img {
    padding: 0 20px 70px;
    display: flex;
    justify-content: center;
}
.website-about-img img {
    max-width: 400px;
}
.services-intro {
    padding-top: 60px;
	background: #fff;
}
.services-intro-img {
    padding: 10px 20px;
    display: flex;
    justify-content: center;
}
.services-intro .services-header {
    margin-bottom: 15px;
}
.services-intro .services-intro-header {
    font-size: 24px;
    font-weight: 600;
	margin-bottom: 5px;
}
.blue-intro .services-intro-header {
    color: #3b9fdd;
}
.green-intro .services-intro-header {
    color: #4fc23a;
}
.services-intro .services-intro-subheader {
    font-size: 17px;
    font-weight: 300;
    color: #545454;
}
.services-desc p {
    color: #4d4d4d;
    font: 300 17px/1.8 Inter;
    margin: 15px 0;
}
.services-desc .btn {
    width: 230px;
    height: 50px;
    margin-top: 20px;
    font-size: 18px;
}
.website-orders-info {
    background: #373e45;
}
.website-orders-info .orders-info-item {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
}
.website-orders-info .orders-info-item img {
    width: 55px;
    margin-right: 10px;
}
.orders-info-item .counter {
    display: inline-block;
    text-align: center;
}
.orders-info-item .counter.two-digit {
    width: 20px;
}
.orders-info-item .counter.three-digit {
    width: 30px;
}
.orders-info-item .counter.four-digit {
    width: 40px;
}
.orders-info-item .counter.five-digit {
    width: 50px;
}

.statistics-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 10px 0;
	margin-top: -80px;
	position: relative;
	z-index: 3;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.statistics-images {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 10px
}

.statistics-images img {
	height: 65px;
}

.statistics-social-images img {
	padding: 10px
}

.table-benefit-box {
	width: 100%;
	max-width: 720px;
	margin: -30px auto 30px;
	border: 1px solid #ccc5;
	border-radius: 3px
}
.table-benefit {
	width: 100%
}

.table-benefit th,
.table-benefit td {
	width: 50%;
	height: 60px;
	font-size: 16px;
	vertical-align: middle;
	text-align: left;
	padding: 10px 15px;
}
.table-benefit th {
	color: #fff;
	font-weight: 700;
}
.table-benefit th:first-child {
	background: #4fc23a;
	border-radius: 3px 0 0 0;
}
.table-benefit th:last-child {
	background: #e5533d;
	border-radius: 0 3px 0 0;
}
.table-benefit td {
	position: relative;
	color: #4d4d4d;
	border-bottom: 1px solid #ccc5;
	padding-left: 40px;
}
.table-benefit td:first-child {
	background: #4fc23a15;
}
.table-benefit td:first-child::before {
	content: "";
	width: 14px;
	height: 7px;
	display: block;
	position: absolute;
	left: 15px;
	top: calc(50% - 5px);
	transform: rotate(135deg);
	border: 2px solid #5ac546;
	border-bottom: none;
	border-left: none;
}

.table-benefit td:last-child {
	background: #e5533d15;
}
.table-benefit td:last-child::before {
	content: "×";
	position: absolute;
	top: calc(50% - 13px);
	left: 17px;
	font-weight: 500;
	color: #e5533d;
	font-size: 22px;
}

.table-benefit tbody tr:last-child td {
	border-bottom: none
}
.table-benefit-caption {
	max-width: 720px;
	margin: auto;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 15px 15px;
	background: #f5ae1625;
	border-radius: 3px;
	border: 1px solid #f5ae1650;
	font-weight: 300;
	color: #4d4d4d;
	flex-wrap: wrap;
	gap: 20px
}


.big-text {
	font: 500 20px Inter
}
.calc-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 15px 0;
	position: relative;
	z-index: 2;
}
.calc-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	gap: 30px 0;
	background: #fff;
	padding: 25px 35px !important;
	border-radius: 5px !important;
	position: relative;
	z-index: 3;
	margin-top: 10px;
	box-shadow: 0 5px 30px #eaeaea;
}
.calc-box-title {
	color: #4d4d4d;
	font-weight: 500;
	margin-top: 10px;
}
.online-calc-price {
	max-width: 1000px;
	margin: auto !important;
	display: flex;
	justify-content: space-between;
	gap: 30px 0;
	flex: 0 0 100% !important;
	flex-wrap: wrap;
}
.pricing-items-box {
	width: 100%;
}
.pricing-items {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 20px;
	color: rgb(var(--color-4d4d4d));
}
.pricing-items .form-element {
	padding: 0 5px
}
.price-label {
	display: inline-block;
	font: 400 15px/1.8 Inter !important;
	color: #4d4d4d;
	margin-bottom: 0 !important
}
.select-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: first baseline;
}
.pricing-item-footer {
	width: 100%;
	padding: 20px;
	background: #f1f5faa0;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	gap: 20px;
}
.pricing-result {
	font-size: 14px;
	color: #767676;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
	justify-content: space-between;
	border-radius: 3px;
}
.pricing-cta {
	width: 100%
}
.guarantee {
	display: flex;
	align-items: center;
	margin: 20px 0;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #4fc23a;
}
.guarantee-icon .bg {
	fill: #4fc23a;
}
.guarantee-icon .tick {
	fill: #fff
}
.packages-blue .guarantee {
	color: #3b9fdd;
}
.packages-blue .guarantee-icon .bg {
	fill: #3b9fdd;
}

.packages-warning .guarantee {
	color: #f5ae16;
}
.packages-warning .guarantee-icon .bg {
	fill: #f5ae16;
}

.packages-red .guarantee {
	color: #e5533d;
}
.packages-red .guarantee-icon .bg {
	fill: #e5533d;
}


.more-description-box {
	padding: 10px 30px;
	border-radius: 3px;
}
.more-description-box .more-description-title {
	display: flex;
	gap: 10px;
	align-content: center;
}
.more-description-box .more-description-ul .more-description-li {
	list-style-position: inside;
}
.green-more-description {
	background: #4fc23a15;
}
.green-more-description .more-description-title,
.green-more-description .more-description-ul {
	color: #43ad32 !important;
}
.green-more-description svg {
	fill: #43ad32
}
.payment-methods {
	display: flex;
	align-items: center;
	gap: 15px;
	width: 100%;
	font-size: 15px;
	color: #4d4d4d;
	padding: 20px;
	background: #4fc23a10;
	border-radius: 3px;
	margin-top: 15px;
}
.packages-blue .payment-methods {
	background: #3b9fdd10;
}
.packages-warning .payment-methods {
	background: #f5ae1610;
}
.packages-red .payment-methods {
	background: #e5533d10;
}
.payment-methods-img {
	display: flex;
	gap: 10px;
	height: 25px
}
.payment-methods-img img {
	width: 36px;
	flex: 0 0 36px;
}
.plan-desc-items {
	font-size: 16px;
	line-height: 32px;
}
.plan-desc-items li {
	padding-left: 30px;
	margin: 15px 0;
	position: relative;
	text-transform: capitalize;
}
.plan-desc-items li::before {
	content: "";
	width: 14px;
	height: 7px;
	display: block;
	position: absolute;
	left: 3px;
	top: 10px;
	transform: rotate(135deg);
	border: 2px solid #5ac546;
	border-bottom: none;
	border-left: none;
}

.packages-blue .plan-desc-items li::before {
	border-color: #3b9fdd
}

.packages-warning .plan-desc-items li::before {
	border-color: #f5ae16
}

.packages-red .plan-desc-items li::before {
	border-color: #e5533d
}

.rating-component-box {
	width: 100%;
	margin: auto;
}

.rating-component {
	display: flex;
	color: #fff;
	font-weight: 300;
	font-size: 17px;
	font-style: italic;
	align-items: center;
	gap: 15px;
	justify-content: center;
	padding: 30px 0;
	flex-wrap: wrap;
}

.rating-wrap {
	display: flex;
	align-items: center;
	gap: 5px;
}

.stars-wrap {
	display: flex;
	gap: 2px;
}

.stars-wrap .star {
	fill: #ffc107;
	filter: drop-shadow(0 0 10px #ffc10750);
}

.rating-pics-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.rating-pics-text span {
	color: #ffc107;
}

.comments-box-users {
    min-height: 380px;
    background: #3b9fdd;
    background-blend-mode: multiply;
    position: relative;
    padding-bottom: 30px;
}
.comments-box-users::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/technology-bg.jpg);
    opacity: 0.03;
}
.comments-box-users .item {
    display: flex;
	align-items: center;
	padding: 30px 35px;
	max-width: 400px;
	margin: 75px auto 35px;
	flex-wrap: wrap;
	gap: 15px 20px;
	background: #fffe;
	border-radius: 5px;
}
.comments-box-users .item img {
    width: 50px;
    background: #fff;
    border: 1px solid #3b9fdd;
    border-radius: 25px;
}
.user-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.user-info .name {
    font-size: 16px;
	display: block;
	color: #333;
	font-weight: 500;
}
.user-info .job {
    font-size: 14px;
    font-weight: 300;
    color: #888;
}
.user-msg {
	min-height: 120px;
    font-size: 16px;
	font-weight: 300;
	line-height: 1.75;
	color: #4d4d4d;
	border-top: 1px solid #eaeaea;
	padding-top: 10px
}
.owl-theme .owl-dots .owl-dot span {
    background: #9cccdc;
    transition: all 0.4s;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.box-article .owl-dots .owl-dot.active span,
.box-article .owl-dots .owl-dot:hover span {
    background: #999;
}
.owl-nav {
    display: none;
}
.blog-articles {
    padding: 30px 0;
}
.blog-articles .title-articles {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.blog-articles .title-articles h3 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
}
.blog-articles .title-articles a {
    color: #767676;
    font: 300 15px Inter;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.4s;
}
.blog-articles .title-articles a:hover {
    color: #545454;
}
.blog-articles .title-articles a svg {
    margin-top: 2px;
    fill: #767676;
    transition: all 0.4s 0.2s;
}
.blog-articles .title-articles a:hover svg {
    fill: #545454;
}
.blog-articles .title-articles a:hover {
    color: #767676;
}
.box-article {
    width: 100%;
    margin: 30px 0;
	gap: 30px;
}
.box-article .item {
    display: flex;
	align-items: flex-start;
    border-radius: 10px;
}
.box-article .item a {
    width: 100%;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding-bottom: 10px;
    transition: all 0.4s;
}
.box-article .item a:hover {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.12);
}
.box-article .item img {
    width: 100%;
    max-height: 340px;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}
.box-article .box-article-title {
    width: calc(100% - 40px);
	font-size: 18px;
    line-height: 32px;
    color: #222;
    margin: 15px 20px 5px;
    font-weight: 500;
}
.box-article .box-article-p,
.box-article p {
    width: calc(100% - 40px);
    height: 90px;
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    color: #4d4d4d;
    margin: 0 20px;
    overflow: hidden;
}
.box-article .box-article-date {
	display: block;
    min-width: 100px;
    height: 22px;
    font-size: 15px;
	font-weight: 300;
    color: #a0a0a0;
    margin: 20px;
}
.title-box {
    width: 100%;
}
.box-header-img {
    width: 150px;
    margin: auto;
    display: block;
    margin-bottom: -90px;
    background: #f1f5f8;
    padding: 20px;
    position: relative;
    top: -105px;
    border: 1px solid #e1e5e8;
    border-radius: 50%;
}
.box-header {
    width: 100%;
    text-align: center;
    font: 600 22px/1.5 Inter;
    color: #222;
    position: relative;
}
.box-header.green-bottom::after {
    background: #4fc23a;
}
.box-header.blue-bottom::after {
    background: #3b9fdd;
}
.box-header.yellow-bottom::after {
    background: #f5ae16;
}
.box-header.red-bottom::after {
    background: #e5533d;
}
.box-header.purple-bottom::after {
    background: #be89f3;
}
.p-header {
    width: 100%;
    text-align: center;
    position: relative;
    top: -10px;
    color: #888;
    margin: 10px 0 40px;
    line-height: 30px;
    font-weight: 300;
	font-size: 18px
}
.packages-items {
    margin: 0 auto;
    align-content: start;
}
.features-packages {
    order: 2;
    position: relative;
    top: 20px;
    margin: 0;
}
.features-packages-title {
	color: #4d4d4d;
  	font-weight: 500;
}
.features-packages-p {
	color: #888;
	font-size: 17px;
	margin: 10px 0;
	line-height: 1.75;
	font-weight: 300;
 }
.features-packages ul {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.9;
    color: #545454;
}
.features-packages ul li {
    margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.features-packages ul li span {
	color: #999999;
	font: 300 italic 14px Inter
}
.multiple-items {
	display: flex;
	align-items: center;
	height: 20px;
	gap: 5px;
	fill: #545454;
}
.multiple-items span {
	height: 20px
}
.features-packages ul li svg {
    margin-right: 5px;
}
.green-packages ul li svg {
    fill: #4fc23a;
}
.blue-packages ul li svg {
    fill: #3b9fdd;
}
.yellow-packages ul li svg {
    fill: #f5ae16;
}
.red-packages ul li svg {
    fill: #e5533d;
}
.purple-packages ul li svg {
    fill: #be89f3;
}
.prices {
    margin: -10px 0 50px;
}
.prices-box {
    padding: 0 !important;
}
.prices-item-title {
    font-weight: 500;
	font-size: 17px;
}
.prices-item-subtitle {
	font-size: 15px;
	opacity: 0.8;
	margin: 5px 0 -10px;
}

.prices-item {
    text-align: center;
    padding: 35px 25px 25px;
    border-radius: 5px;
}
.prices-item .prices-item-amount {
    font: 700 50px Georgia;
    margin: 15px 0;
	padding-right: 15px;
    position: relative;
}
.green-box .prices-item-amount {
    color: #4fc23a;
}
.blue-box .prices-item-amount {
    color: #3b9fdd;
}
.yellow-box .prices-item-amount {
    color: #f5ae16;
}
.red-box .prices-item-amount {
    color: #e5533d;
}
.purple-box .prices-item-amount {
    color: #be89f3;
}
.prices-item .prices-item-amount span {
    position: relative;
    top: -25px;
    left: 10px;
  	font-size: 24px;
}
.prices-item .prices-item-options {
    margin-bottom: 10px;
    font-size: 17px;
}
.prices-item .prices-item-options li {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 40px;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 5px;
}
.prices-item .prices-item-options li:last-child {
    border-bottom: none;
}
.prices-item .prices-item-options span {
    display: block;
    margin: 3px 0;
}
.prices-item .prices-item-options .special-option {
  	font-size: 16px;
}
.prices-item .prices-item-options .special-bonus {
    color: #999;
  	font-size: 15px;
}
.prices-item .prices-item-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.prices-item .prices-item-btn .btn {
    width: 100%;
    height: 45px;
    font-size: 16px;
}
.prices-item .prices-item-btn .customized-btn {
    font-size: 16px;
    margin-top: 20px;
}
.prices-item .prices-item-btn .customized-btn svg {
    fill: #fff;
    margin-left: 5px;
    position: relative;
    top: -2px;
    transform: scale(1.2);
}
.prices-item.white-box .customized-btn svg {
    fill: #767676;
}
.prices-item.white-box {
    color: #4d4d4d;
    margin-top: 40px;
}
.prices-item.white-box .prices-item-options {
    padding: 15px 0;
}
.prices-item {
	position: relative;
	color: #4d4d4d;
	margin: 0 auto;
	background: #4fc23a10;
}
.prices-item::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient( to bottom, rgba(79, 194, 58, 0.35), rgba(79, 194, 58, 0) );
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.prices-item.blue-box {
	background: #3b9fdd10;
}
.prices-item.blue-box::before {
	background: linear-gradient( to bottom, rgba(59, 159, 221, 0.32), rgba(59, 159, 221, 0) );
}
.prices-item.yellow-box {
	background: #f5ae1610;
}
.prices-item.yellow-box::before {
	background: linear-gradient( to bottom, rgba(245, 174, 22, 0.32), rgba(245, 174, 22, 0) );
}
.prices-item.red-box {
	background: #e5533d10;
}
.prices-item.red-box::before {
	background: linear-gradient( to bottom, rgba(229, 83, 61, 0.32), rgba(229, 83, 61, 0) );
}
.prices-item.purple-box {
	background: #be89f310;
}
.prices-item.purple-box::before {
	background: linear-gradient( to bottom, rgba(190, 137, 243, 0.32), rgba(190, 137, 243, 0) );
}
.prices-item.important-box,
.prices-item.important-box .prices-item-amount,
.prices-item.important-box .prices-item-amount span {
    color: #fff;
}
.important-box .prices-item-options .special-bonus {
    color: #eaeaea;
}
.green-box.important-box {
    background: #4fc23a;
	box-shadow: 0 5px 30px #4fc23a50;
}
.green-box.important-box .btn-white {
    color: #4fc23a;
}
.blue-box.important-box {
    background: #3b9fdd;
    box-shadow: 0 5px 30px #3b9fdd50;
}
.blue-box.important-box .btn-white {
    color: #3b9fdd;
}
.yellow-box.important-box {
    background: #f5ae16;
	box-shadow: 0 5px 30px #f5ae1650;
}
.yellow-box.important-box .btn-white {
    color: #f5ae16;
}
.red-box.important-box {
    background: #e5533d;
    box-shadow: 0 5px 30px #e5533d50;
}
.red-box.important-box .btn-white {
    color: #e5533d;
}
.purple-box.important-box {
    background: #be89f3;
}
.purple-box.important-box .btn-white {
    color: #be89f3;
}
.white-box .prices-item-amount {
    font: 700 55px Inter;
}
.white-box .prices-item-amount span {
    font-size: 35px;
}
.white-box .prices-item-options .special-bonus {
    color: #999;
}
.green-text, .green-text .prices-item-amount {
    color: #4fc23a !important;
}
.blue-text, .blue-text .prices-item-amount {
    color: #3b9fdd !important;
}
.warning-text, .warning-text .prices-item-amount {
    color: #f5ae16 !important;
}
.red-text .prices-item-amount {
    color: #e5533d;
}
.purple-text .prices-item-amount {
    color: #be89f3;
}
a.green-text:hover {
    color: #43ad32 !important;
}
.red-text {
    color: #e5533d !important;
}
a.red-text:hover {
    color: #cf4633 !important;
}
.warning-text {
    color: #f5ae16 !important;
}
a.warning-text:hover {
    color: #e49d05 !important;
}
.more-desc-plans {
    width: calc(100% - 40px);
    margin: 140px 20px 30px;
    background: #f1f5f8;
    padding: 30px 25px 15px;
    border: 1px solid #e1e5e8;
    border-radius: 5px;
}
.text-plans {
    max-width: 960px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.8;
    margin: 15px auto 0;
    color: #4d4d4d;
}
.plans-features {
    width: 100%;
    max-width: 1000px !important;
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto !important;
    color: #4d4d4d;
}
.plans-features-item {
    flex: 0 0 100%;
    height: 80px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff75;
}
.plans-features-item:nth-child(odd) {
    background: #3b9fdd10;
}
.plans-features-item strong {
    font-weight: 400;
    font-size: 17px;
    color: #4d4d4d;
}
.btn-custmized-package {
    margin: 10px auto;
}
.btn-custmized-package .btn {
    font-size: 17px;
    padding: 0 20px;
    margin: 25px auto;
}
.table-content {
    width: 100%;
    margin: 0 auto 30px;
    padding-bottom: 20px;
    overflow-x: auto;
}
.tbl-pricing {
    width: 100%;
    margin: auto;
    max-width: 800px;
}
.tbl-pricing tbody {
    border: 1px solid #eaeaea;
}
.tbl-pricing tbody tr {
    height: 70px;
}
.tbl-pricing th,
.tbl-pricing td {
    text-align: center;
    vertical-align: middle;
}
.tbl-pricing tbody tr:nth-child(odd) {
    background: #f9f9f9;
}
.tbl-pricing tbody tr:nth-child(even) {
    background: #f1f1f1;
}
.tbl-pricing thead th,
.tbl-pricing tbody th {
    color: #4d4d4d;
    padding: 0 10px;
    font-size: 16px;
    white-space: nowrap;
    text-align: left;
    border-right: 1px solid #eaeaea;
}
.tbl-pricing thead th {
    height: 70px;
    text-align: center;
    color: #fff;
}
.tbl-pricing thead th:nth-child(2) {
    background: #43ad32;
}
.tbl-pricing thead th:nth-child(3) {
    background: #3b9fdd;
}
.tbl-pricing thead th:nth-child(4) {
    background: #e5533d;
}
.tbl-pricing tfoot td {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #eaeaea !important;
}
.tbl-pricing tfoot td:first-child {
    border: none !important;
}
.tbl-pricing tbody tr td:nth-child(2) svg {
    fill: #43ad32;
}
.tbl-pricing tbody tr td:nth-child(3) svg {
    fill: #3b9fdd;
}
.tbl-pricing tbody tr td:nth-child(4) svg {
    fill: #e5533d;
}
.tbl-pricing tbody tr td svg polyline {
    stroke: #fff;
}
.tbl-pricing tbody tr td span {
    font-size: 16px;
    padding: 0 20px;
}
.tbl-pricing tbody tr td:nth-child(2) span {
    color: #43ad32;
}
.tbl-pricing tbody tr td:nth-child(3) span {
    color: #3b9fdd;
}
.tbl-pricing tbody tr td:nth-child(4) span {
    color: #e5533d;
}
.tbl-pricing tfoot td .btn {
    width: 150px;
    height: 45px;
    margin: auto;
}
.tbl-pricing th:empty,
.tbl-pricing td:empty,
.tbl-pricing th:last-child,
.tbl-pricing td:last-child,
.tbl-pricing thead th,
.tbl-pricing tfoot td {
    border-right: none;
}
.discount {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.discount-item {
    text-align: left;
    flex-basis: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 300;
    color: #545454;
}
.discount-item b {
    color: #43ad32;
    font-weight: 500;
    margin: 0 5px;
}
.discount-item svg {
    flex: 0 0 45px;
    fill: #edaa20;
}
.comments-box-users + .more-description {
    padding-top: 50px;
}
.more-description {
    padding: 30px 0 20px;
}
.more-description .container {
    margin: 20px auto;
}
.more-description .more-description-tag {
	font-size: 14px;
	color: #3b9fdd;
	margin-bottom: -12px;
	display: block;
	width: max-content;
}
.more-description .more-description-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin: 30px 0 10px;
    flex: 0 0 100%;
}
.more-description .more-description-title.first-title {
    margin-top: 0;
}
.more-description .more-description-title b {
    color: #ef4748;
    font: 300 20px Inter;
    margin-left: 5px;
}
.more-description .more-description-text,
.more-description .more-description-ul,
.more-description .more-description-ol {
    flex: 0 0 100%;
    font: 300 17px/1.8 Inter;
    color: #4d4d4d;
    margin-bottom: 15px;
}
.more-description .more-description-video {
    margin-top: 25px;
}
.more-description .more-description-ul {
    list-style: disc !important;
}
.more-description .more-description-ol {
    list-style: inside decimal !important;
}
.more-description .more-description-text.increase-wallet,
.more-description-text.blue-box {
    background: #f8faff;
    color: #2f8fce;
    padding: 15px 30px;
    border-radius: 5px;
	font-weight: 400
}
.more-description-text.green-box {
    background: #4fc23a10;
    color: #43ad32;
    padding: 15px 30px;
    border-radius: 5px;
	font-weight: 400
}
.box-text {
	position: relative;
  	z-index: 0;
}
.bordered-text {
	min-height: 100px !important;
	background: #fff;
	margin: 20px 0;
	padding: 25px !important;
	border-radius: 3px !important;
	position: relative;
	color: #4d4d4d;
	font: 300 17px/2 Inter;
}
.bordered-text::before {
	content: "";
	display: block;
	width: calc(100%);
	height: calc(100%);
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: -1;
	border-radius: 10px;
	transform-origin: center center;
	transform: translateX(-50%) rotate(-2deg);
}
.shadow-box {
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}
.blue-shadow {
	border-bottom: 3px solid #3b9fdd;
}
.blue-shadow::before,
.blue-mark {
	background: #3b9fdd20;
}
.green-shadow {
	border-bottom: 3px solid #4fc23a;
}
.green-shadow::before,
.green-mark {
	background: #4fc23a20;
}
.yellow-shadow {
	border-bottom: 3px solid #f5ae16;
}
.yellow-shadow::before,
.yellow-mark {
	background: #f5ae1620;
}
.red-shadow {
	border-bottom: 3px solid #e5533d;
}
.red-shadow::before,
.red-mark {
	background: #e5533d20;
}

.bordered-text h3 {
	font: 600 20px Inter;
  	margin-bottom: 10px;
}
.bordered-text p {
	margin-bottom: 10px
}

.more-description-text.green-box svg {
    fill: #4fc23a;
}
.more-description-text.green-box .big-text {
    width: max-content;
    font: 500 25px Inter;
    background: #4fc23a30;
    padding: 10px 25px;
    border-radius: 3px;
    display: block;
    margin: 20px auto 0;
    color: #43ad32;
}
.more-description .more-description-text code {
    font-style: italic;
    color: #767676;
    white-space: pre-line;
}
.more-description .more-description-list li {
    color: #4d4d4d;
    display: flex;
    margin-bottom: 15px;
    font: 300 16px/1.8 Inter;
}
.more-description .more-description-list li a {
    color: #767676;
    cursor: pointer;
    transition: all 0.4s;
}
.more-description .more-description-list li a:hover,
.more-description .more-description-list li.active a {
    color: #4fc23a;
}
.more-description ol.more-description-items {
	padding-left: 35px
}
.more-description .more-description-items li {
    color: #4d4d4d;
    line-height: 1.8;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 300;
    position: relative;
    padding-left: 20px;
}
.more-description ol.more-description-items li {
	padding-left: 0;
	list-style: decimal;
}
.more-description ul.more-description-items > li::before {
    content: "";
    width: 13px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    transform: rotate(135deg);
    border: 2px solid #3b9fdd;
    border-bottom: none;
    border-left: none;
}
.more-description ol.more-description-items li::before {
	border: none;
}
.more-description ol.more-description-items li::marker {
	color: #3b9fdd90;
	font-size: 26px;
	font-weight: 700;
}
.more-description .more-description-video iframe {
    width: 100%;
	height: 100%;
	aspect-ratio: 15/9;
    object-fit: cover;
    border: 10px solid #fff;
    border-radius: 5px;
    margin: 0 0 30px;
    display: block;
}
.more-description .big-items li {
    flex-wrap: wrap;
}
.more-description .big-items li::before,
.more-description .blue-items li::before {
    border-color: #3b9fdd;
}

.more-description .big-items li::before {
	top: 5px !important
}

.more-description .big-items span {
    display: flex;
    flex: 0 0 calc(100% - 35px);
    color: #3b9fdd;
    font: 400 18px Inter;
}
.more-description .big-items p {
    display: block;
    flex: 100%;
    margin: 5px 0 15px;
    font-size: 17px;
}
.more-description-img {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}
.more-description-img img {
    max-width: 400px;
    mix-blend-mode: multiply;
}
.small-ul li {
	line-height: 1.5 !important;
	font-size: 16px !important;
	list-style: disc inside;
	padding-left: 0px !important;
}
.order-form-image img {
    max-width: 100%;
    margin-right: 20px;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.06));
}
.menu-items {
    position: sticky;
    top: 90px;
}
.bonus-text {
	width: 100%;
	margin: 0;
	color: #3b9fdd;
	font-size: 16px;
	font-weight: 300;
	background: #3b9fdd20;
	padding: 30px 0;
	border-radius: 3px;
 }
.bonus-text svg {
	width: 20px;
    fill: #3b9fdd;
    margin-right: 5px;
}

.middle-pic {
    max-width: 450px;
    display: block;
    margin: 0 auto 20px;
    mix-blend-mode: multiply;
}
.big-pic {
    max-width: 700px;
    margin: -40px auto -60px;
}
.options-box {
    background: #fff;
    padding: 50px 0 40px;
}
.options-item {
    display: flex;
    margin: 15px 0 30px;
}
.options-item .options-icon {
    flex: 0 0 66px;
    margin: 0 20px 0 0;
    height: 66px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
}
.options-item:nth-child(1) .options-icon {
    background: #3b9fdd;
    box-shadow: 0 0 30px #3b9fdd80;
}
.options-item:nth-child(2) .options-icon {
    background: #4fc23a;
    box-shadow: 0 0 30px #4fc23a80;
}
.options-item:nth-child(3) .options-icon {
    background: #f5ae16;
    box-shadow: 0 0 30px #f5ae1680;
}
.options-item:nth-child(4) .options-icon {
    background: #2f8fce;
    box-shadow: 0 0 30px #2f8fce80;
}
.options-item:nth-child(5) .options-icon {
    background: #43ad32;
    box-shadow: 0 0 30px #43ad3280;
}
.options-item:nth-child(6) .options-icon {
    background: #e5533d;
    box-shadow: 0 0 30px #e5533d80;
}
.option-title {
    color: #4d4d4d;
    margin-bottom: 5px;
    font-weight: 500;
}
.option-text {
    color: #a0a0a0;
    font: 300 16px/2 Inter;
}
.faq-box {
    padding: 50px 0;
}
.questions-box {
    margin-bottom: 80px;
}
.questions {
    width: 100%;
    margin: 30px 0 0;
}
.questions-cat-title {
    font-size: 22px;
    font-weight: 500;
    margin: 40px 0 15px;
}
.question-item {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    border-radius: 5px;
	background: #fff;
}
.question-title {
    width: 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
}
.question-title svg:first-child {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    padding: 7px;
    border-radius: 18px;
    background: #f1f1f1;
    fill: #999;
    margin-right: 15px;
    transition: all 0.4s;
}
.question-title span {
    font-size: 19px;
    color: #4d4d4d;
    transition: all 0.4s;
    padding-right: 25px;
    line-height: 30px;
}
.question-title svg:last-child {
    position: absolute;
    right: 25px;
    fill: #ccc;
    transition: all 0.4s;
}
.question-item.active .question-title span {
    color: #4fc23a;
}
.question-item.active svg:first-child {
    fill: #fff;
    background: #4fc23a;
}
.question-item.active svg:last-child {
    fill: #4fc23a;
    transform: rotate(180deg);
}
.question-answer {
    padding: 20px 20px 35px;
    color: #545454;
    background: #f8faff;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    display: none;
}
.other-pages-box .services-title-buttons .btn {
    width: 100%;
    height: 55px;
}
.facts-about-us {
    background: #5dabde;
    color: #fff;
    padding: 45px 0;
}
.facts-about-us-title {
    color: #427a99;
    margin: 15px auto 20px;
    word-spacing: 10px;
    letter-spacing: 5px;
}
.facts-about-us-text {
    font-size: 15px;
    text-align: center;
    padding: 0 15px;
    line-height: 2.2;
    font-weight: 300;
}
.facts-about-us-text b {
    font-weight: 500;
}
.about-timeline {
    padding: 40px 0 70px;
}
.timeline-header {
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}
.timeline-header-title {
    font-size: 35px;
	text-align: center;
	font-weight: 600;
}
.timeline-header-text {
    font-size: 16px;
    font-weight: 300;
    color: #767676;
    text-align: center;
    line-height: 2;
}
.timeline-content {
    flex-direction: column;
    padding: 0 20px;
    position: relative;
}
.timeline-content::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #f8faff;
    left: calc(50% - 5px);
	top: 0;
	mix-blend-mode: multiply;
}
.timeline-year {
    max-width: 600px;
    margin: auto;
    text-align: center;
    padding-bottom: 50px;
}
.timeline-year:last-child {
    padding-bottom: 0;
}
.timeline-year-num {
    font-size: 30px;
    font-weight: 500;
    background: #f8faff;
    padding: 15px 0;
    position: relative;
}
.timeline-year:nth-child(even) .timeline-year-num {
    color: #4fc23a;
}
.timeline-year:nth-child(odd) .timeline-year-num {
    color: #3b9fdd;
}
.timeline-item {
    margin: 120px 0 50px;
    background: #fafaff;
    padding: 90px 30px 30px;
	border-radius: 3px;
    position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.timeline-year:last-child .timeline-item:last-child {
    margin-bottom: 0;
}
.timeline-item-icon {
    position: absolute;
    top: 30px;
    right: 50%;
    transform: translateX(50%);
    background: #fafaff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
}
.timeline-year:nth-child(even) .timeline-item-icon {
    color: #4fc23a;
}
.timeline-year:nth-child(odd) .timeline-item-icon {
    color: #3b9fdd;
}
.timeline-item-body-date {
    font-size: 20px;
    color: #222;
    margin: 20px 0 10px;
    font-weight: 500;
}
.timeline-item-body-text {
    color: #4d4d4d;
    padding-top: 10px;
    line-height: 1.8;
    font-size: 15px;
    font-weight: 300;
}
.contact {
    padding: 60px 0;
    background: #fff;
}
.contact-form-title {
    position: relative;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    margin: 20px 0;
}
.contact-info {
    padding: 0 0 35px;
}
.contact-info-title {
    margin-bottom: 8px;
}
.contact-info-text {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 300;
    color: #4d4d4d;
    line-height: 1.8;
}
.contact-info-text code {
    white-space: pre-line;
    font-style: italic;
    color: #767676;
}
.contact-info-btn {
	max-width: 240px
}
.contact-info-item {
    display: flex;
    align-items: center;
    margin: 20px 0;
	gap: 15px;
}
.contact-info-item svg {
    width: 45px;
  	height: 45px;
	flex: 0 0 45px;
	background: #f8faff;
    fill: #767676;
    padding: 10px;
  	border-radius: 3px;
}
.contact-info-item span {
    display: block;
    font-size: 16px;
    color: #545454;
}
.contact-info-item i {
    font-size: 14px;
    font-weight: 300;
    margin-right: 10px;
    color: #767676;
}
.checkout {
    padding: 40px 0;
    background: #fff;
}
.campaigns-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 80px 0;
    margin: 40px auto 0;
    counter-reset: steps;
}
.campaigns-steps .steps::before {
    content: counter(steps) ".";
    width: 100%;
    display: block;
    font: 700 70px Inter;
    margin: -50px 0 5px;
    color: #4fc23aaa;
}
.campaigns-steps .steps {
    flex: 0 0 100%;
    padding: 0 40px;
    counter-increment: steps;
}
.steps-title {
    font: 500 18px Inter;
    display: block;
    margin-bottom: 10px;
}
.steps-desc {
    font: 300 17px/2 Inter;
    color: #767676;
}
.pre-order-image {
    max-width: 320px !important;
}
@media screen and (min-width: 620px) {
	.slideshow {
		padding: 20px 0 80px;
	}
	.services-title {
		padding: 80px 0 100px;
	}
	.statistics-box {
		margin-top: -42.5px;
	}
	
	
    .campaigns-steps .steps {
        flex: 0 0 50%;
    }
}

.flags-wrapper {
    width: 100%;
    overflow: hidden;
	position: relative;
}

.flags-container-box {
	display: flex;
	position: relative;
	margin: -75px auto;
	width: 100%;
	overflow: hidden;
}

.flags-container-box::before,
.flags-container-box::after {
	content: "";
	display: block;
	position: absolute;
	width: 20%;
	height: 100px;
	z-index: 100;
	background: linear-gradient(to right , #fff 0, #fff7 40%, transparent);
	top: 50px;
}

.flags-container-box::before {
	right: 0;
	background: linear-gradient(to left , #fff 0, #fff7 40%, transparent);
}

.flags-container {
	display: flex;
	align-items: center;
	animation: scroll 30s linear infinite;
  	flex: none;
	padding: 75px 0
}

.flags-container-box:hover .flags-container {
	animation-play-state: paused
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

.flag-wrapper {
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
	flex: none;
}

.flag-wrapper img {
	width: 64px;
    border-radius: 3px;
	margin: 0 15px
}

.tooltip {
    width: 18px;
    height: 18px;
    display: inline-flex;
    background: #a1a5b7;
    border-radius: 50%;
    justify-content: center;
    color: rgb(var(--color-ffffff));
    margin-left: 5px;
    position: relative;
    cursor: help;
}

.has-tooltip {
	position: relative
}

.has-tooltip::before,
.tooltip::before {
    width: auto;
    width: 300px;
    min-height: 40px;
    border-radius: 4px;
    content: attr(data-text);
    color: #7286a2;
    background: #fdfeff;
    position: absolute;
    top: -100000000px;
    left: 50%;
	transform: translateX(-50%);
    display: flex;
    align-items: center;
    opacity: 0;
    padding: 10px 15px;
    font: 300 13px Inter;
    box-sizing: border-box;
    line-height: 2;
    box-shadow: 0 0 0 1px #7286a235;
    z-index: 9999;
    transition: opacity 0.4s;
}

.has-tooltip::before {
    width: unset;
    white-space: nowrap;
    min-height: 30px;
    padding: 5px 10px;
}

.has-tooltip::after,
.tooltip::after {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: -100000000px;
    left: 50%;
	transform: translateX(-50%);
    opacity: 0;
    border-top: 10px solid #fdfeff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    filter: drop-shadow(0px 1px 0 #7286a250);
    z-index: 9999;
    transition: opacity 0.4s;
}

.tooltip-center::before,
.has-tooltip::after {
    left: 50%;
    right: unset;
    transform: translate(-50%);
}

.has-tooltip::after {
    border-top: 7px solid #fdfeff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}

.has-tooltip:hover::before,
.has-tooltip:hover::after,
.tooltip:hover::before,
.tooltip:hover::after {
    opacity: 1;
}

.has-tooltip:hover::before {
    top: -50px;
}

.has-tooltip:hover::after {
    top: -15px;
}

.flag-wrapper.has-tooltip:hover::before {
	top: -45px;
}

.flag-wrapper.has-tooltip:hover::after {
	top: -10px;
}
.tab {
	padding: 65px 0 35px;
	position: relative;
}
.tab-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	gap: 15px;
	margin: -15px 0 30px
}

.tab-header-item {
	background: #ffffff;
	padding: 10px 15px;
	border-radius: 3px;
	box-shadow: 0 5px 30px #eaeaea;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	color: #4d4d4d;
	transition: all 0.4s;
}

.tab-header-item:not(.active):hover {
	box-shadow: 0 5px 30px #dadada;
}

.tab-header-item.active {
	background: #4fc23a;
  	color: #fff;
	cursor: default;
}

.tab-header-blue .tab-header-item.active {
	background: #3b9fdd;
}

.tab-header-warning .tab-header-item.active {
	background: #f5ae16;
}

.tab-header-red .tab-header-item.active {
	background: #e5533d;
}

.tab-body-item {
	padding: 10px 0 45px;
}

.tab-body-item.active:hover {
	cursor: default
}

.tab-body-item:not(:first-child) {
	display: none;
}

.tab-body-item .more-desc-plans {
	width: 100%;
  	margin: 0px;
}

.nice-image-box {
	position: relative;
	margin: 20px auto 30px;
}

.nice-image {
	max-width: 860px;
	display: flex;
	border-radius: 5px;
	box-shadow: 0 0 30px #eaeaea;
	position: relative;
	z-index: 1
}

.nice-image img {
	margin: auto;
	border-radius: 3px;
}

.nice-image-has-border {
	background: #fff;
	border: 10px solid #fff;
}

.nice-image iframe,
.service-learn-video {
    width: 100%;
	max-width: 760px;
	aspect-ratio: 16/9;
	object-fit: cover;
	margin: 0 auto;
	border-radius: 3px;
}

.google-documents {
	display: flex;
	gap: 30px;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 70px
}

.google-patents {
	background: #fff;
	padding: 25px 30px;
	border-radius: 10px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.google-patents-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.google-patents-title {
	display: flex;
	align-items: center;
	gap: 6px;
}

.google-patents-title span {
	font-weight: 700;
	color: #888;
	font-size: 22px;
}

.google-patents a svg {
	width: 20px;
	color: #888;
	transition: all 0.4s
}

.google-patents a:hover svg {
	color: #545454;
}

.google-patents-body {
	color: #545454;
	font-size: 15px;
	/* font-family: Poppins; */
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.google-patents-small-p {
	font-size: 14px;
	padding-left: 30px;
	margin: -5px 0;
	line-height: 1.5;
	color: #666;
}

.google-patents-body mark {
	background: #ff05;
}

.video-main-page {
	padding: 35px 0 80px
}

.footer-login {
  width: 100%;
  border-radius: 5px !important;
  position: relative;
  gap: 20px;
  background: #3b9fdd;
  align-items: center;
  margin-top: 40px !important;
  padding: 20px !important;
  text-align: center
}
.footer-login::before {
  content: "";
  width: calc(100% - 100px);
  height: 60px !important;
  display: block;
  border-radius: 5px !important;
  background: #3b9fdd25;
  position: absolute;
  z-index: 0;
  top: -20px !important;
  right: 50%;
  transform: translateX(50%)
}
.footer-login-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 20px 0;
	position: relative;
	z-index: 2
}
.footer-login-text {
  display: flex;
  flex-direction: column;
  gap: 5px !important
}
.footer-login-title {
	font: 700 22px Inter;
	color: #ffffff;
}
.footer-login-para {
	color: #f8f8f8;
	font-size: 17px;
	line-height: 1.75;
}
.footer-login-btn {
	width: 240px !important;
	font-size: 17px;
	font-weight: 400;
	color: #3b9fdd
}
.footer-login-btn:hover {
	color: #43ad32
}


footer {
    position: relative;
	background: #f8faff;
}
footer .top-footer {
    background: #282d30;
    color: #cccccc;
    padding: 80px 0 50px;
	margin-top: -60px
}
footer .logo-footer img {
    width: 210px;
    margin-top: 30px;
}
footer .top-footer .about-footer p {
    font-size: 15px;
    line-height: 2;
    text-align: left;
    padding: 15px 0 20px;
}
footer .top-footer .contact-footer {
    margin-top: 10px;
}
footer .top-footer .contact-footer .item-contact-footer {
    display: flex;
    align-items: center;
    margin: 10px 0 30px;
}
footer .item-contact-footer a {
    transition: color 0.4s;
}
footer .item-contact-footer a:hover {
    color: #fff;
}
footer .item-contact-footer svg {
    flex: 0 0 70px;
    fill: #a0a0a0;
}
footer .item-contact-footer span {
    display: block;
    font-size: 14px;
}
footer .item-contact-footer i {
    font-size: 13px;
    margin-right: 10px;
}
footer .social-footer ul {
    display: flex;
}
footer .social-footer ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 5px;
    margin-right: 10px;
    transition: all 0.4s;
}
footer .social-footer ul li a:hover {
    background: #3b9fdd;
}
footer .social-footer ul li a svg {
    height: 15px;
    fill: #ccc;
    transition: all 0.4s;
}
footer .social-footer ul li a:hover svg {
    fill: #fff;
}
footer .footer-links {
    text-align: left;
}
footer .footer-links h4 {
    color: #ddd;
	font-weight: 600;
    margin-top: 30px;
}
footer .footer-links ul {
    padding: 20px 0 0 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 2.5;
}
footer .footer-links ul a {
    transition: all 0.4s;
}
footer .footer-links ul a:hover {
    color: #fff;
}
footer .footer-under-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .footer-under-desc p {
    white-space: pre-line;
    font-style: italic;
}
footer .payment-metods {
    text-align: left;
    margin-top: 20px;
}
footer .payment-metods img {
    width: 260px;
    max-width: 100%;
}
footer .safe {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 260px;
    margin-top: 10px;
}
footer .safe a {
    height: 50px;
}
footer .safe img {
    width: 110px;
}
footer .bottom-footer {
    background: #242424;
    font-size: 18px;
    color: #a0a0a0;
}
footer .bottom-footer .container {
    min-height: 70px;
    align-items: center;
    justify-content: center;
}
footer .bottom-footer .container .copyright {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

footer .bottom-footer .container .copyright a {
	color: #ddd;
	transition: all 0.4s
}
footer .bottom-footer .container .copyright a:hover {
	color: #ffffff;
}

.highlight {
    position: fixed;
    width: 100vw;
    height: 0;
    background: #0006;
    top: 0;
    left: 0;
    z-index: 100;
    transition: width 0.4s;
}
.highlight.show {
    width: calc(100vw - 300px);
    height: 100vh;
}
@media only screen and (min-width: 500px) {
    .btn-big {
        width: 310px;
        height: 60px;
        font-size: 18px;
    }
    .big-input {
        width: calc(100% - 40px);
    }
    .form-element .tooltip {
        display: inline-flex;
    }
    .logo img {
        width: 190px;
    }
    .little-slideshow-buttons-item {
        flex-basis: 48%;
    }
    .services-items-box .item {
        flex-direction: row;
        align-items: unset;
    }
    .item .item-header {
        text-align: unset;
        margin: 0 40px 10px 0;
    }
    .item .item-text {
        text-align: unset;
    }
    .form-level > div {
        width: 210px;
    }
    .form-level > div:not(:last-child):after {
        width: 180px;
    }
    .form-tabs ul {
        padding: 0 40px;
        width: 100%;
        left: 0;
    }
    .form-tabs ul li {
        font-size: 16px;
        max-width: unset;
    }
    .form-order {
        padding: 35px 5px 5px 40px;
    }
    .form-content .buttons {
        margin: 0 40px;
    }
    .other-pages-box .services-title-buttons .btn {
        width: 200px;
        margin: 0;
        font-size: 18px;
    }
    .btn-custmized-package .btn {
        font-size: 16px;
    }
    .contact-info {
        padding: 25px;
		margin-top: 35px;
    }
    .more-description .more-description-video iframe {
        margin: 0 0 40px;
    }
    .more-description-img {
        padding: 0 5px;
    }
    .service-learn-video {
        width: 500px;
        height: 294px;
    }
}
@media only screen and (min-width: 768px) {
    .top-header .container {
        justify-content: space-between;
    }
    .logo {
        margin-left: 0;
    }
    .slideshow-box-images {
        height: 280px;
    }
    .slideshow-box {
        flex-basis: calc(100% - 280px);
    }
    .slideshow-box-images img.imac {
        width: 260px;
        right: 30px;
        top: 40px;
        animation: toRight 1s ease 0.5s both;
    }
    .slideshow-box-images img.mac {
        width: 230px;
        right: 225px;
        top: 131px;
        animation: toTop 1s ease 1s both;
    }
    .slideshow-box-images img.graph {
        width: 500px;
        right: 10px;
        bottom: -8px;
        animation: toLeft 1s ease 1.5s both;
    }
    .element2 {
        width: 200px;
    }
    .element3 {
        width: 200px;
        left: 280px;
    }
    .little-slideshow-title {
        margin-top: 50px;
        font-size: 25px;
    }
    .little-slideshow-text,
    .little-slideshow-buttons {
        padding: 10px 20px 40px;
        line-height: 1.75;
    }
    .little-slideshow-buttons-item {
        flex-basis: 40%;
    }
	.website-about {
		padding-top: 40px;
	}
    .website-about .website-about-header {
        text-align: unset;
    }
    .website-about .website-about-p {
        text-align: unset;
    }
    .website-about .website-about-ul {
        display: flex;
        flex-wrap: wrap;
    }
    .website-about .website-about-ul li {
        flex: 0 0 50%;
        font-size: 17px;
    }
	.services-page-tags-item {
    	flex: 0 0 calc(50% - 10px);
		padding-right: 15px;
	}
    .features-packages {
        order: 0;
    }
    .plans-features-item {
        flex: 0 0 50%;
    }
    .form-element .half-container {
        width: calc(50% - 14px);
        display: inline-block;
    }
    .form-element .half-container:first-child {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .minmax-box > div.half-container {
        display: inline-flex;
    }
    .minmax-box > div.half-container:last-child {
        margin-left: 0;
    }
    .form-order .platform {
        align-items: center;
        justify-content: flex-start;
        margin: 80px 0;
        flex-direction: row;
    }
    .rangeslider--horizontal {
        max-width: 330px;
        margin: 0 15px;
    }
    .options-item .options-icon {
        margin: 0 20px;
    }
  
    .service-learn-video {
        width: 765px;
        height: 450px;
    }
    .question-title span {
        padding-right: 35px;
    }
    .question-title svg:last-child {
        right: 40px;
    }
    .question-answer {
        padding: 10px 40px 25px 65px;
        font-size: 17px;
    }
    .bonus-text {
        font-size: 18px;
        text-align: center;
        margin: 40px auto 25px;
    }
    .other-pages-box .services-title-buttons .btn {
        width: 240px;
        font-size: 20px;
    }
    .facts-about-us-text {
        font-size: 16px;
        padding: 0 30px;
        line-height: 40px;
    }
    .timeline-item-body-text {
        font-size: 17px;
    }
    .tbl-pricing thead th,
    .tbl-pricing tbody th {
        padding: 0 15px;
    }
    .discount-item {
        flex-basis: 50%;
        justify-content: flex-start;
    }
    .more-description .more-description-video iframe {
        margin: 0 0 50px;
    }
    .blog-articles .title-articles h3 {
        font-size: 22px;
    }
    .blog-articles .title-articles a {
        font-size: 18px;
    }
	[class^="span"]:first-child .more-description-text,
	[class^="span"]:first-child .more-description-title,
	[class^="span"]:first-child .more-description-tag, 
	[class^="span"]:first-child .more-description-items,
	[class^="span"]:first-child .services-intro-description {
        margin-right: 25px;
		
    }
    [class^="span"]:last-child .more-description-text,
	[class^="span"]:last-child .more-description-title,
    [class^="span"]:last-child .more-description-tag,
    [class^="span"]:last-child .more-description-items,
	[class^="span"]:last-child .services-intro-description {
        margin-left: 25px;
    }
}
@media only screen and (min-width: 992px) {
    .menu {
        width: unset;
        height: unset;
        display: flex;
        font-size: 18px;
        align-items: center;
        position: static;
        background: none;
        z-index: unset;
        transform: none;
    }
    .menu.show {
        transform: inherit;
    }
    .menu nav {
        padding: 0;
    }
    .menu nav .main-menu {
        display: flex;
    }
    .menu nav .main-menu > li {
        height: 45px;
        display: flex;
        align-items: center;
        margin: 0 15px;
        position: relative;
        color: #545454;
		fill: #545454
    }
    .menu nav .main-menu > li.active,
    .menu nav .main-menu > li:hover,
    .menu nav .submenu li a:hover {
        color: #3b9fdd;
		fill: #3b9fdd
    }
    .menu ul li a,
    .menu ul li span {
        font-size: 17px;
    }
    .menu ul li span::after {
        content: none;
    }
    .menu nav .submenu {
        background: #fff;
        position: absolute;
        white-space: nowrap;
        padding: 0 20px;
        top: -2000px;
        right: 50%;
        transform: translateX(50%);
        border-radius: 5px;
        border-bottom: 2px solid #3b9fdd;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        opacity: 0;
        z-index: 10000;
        transition: opacity 0.4s;
        height: unset;
    }
    .menu ul li a,
    .menu ul li span {
        padding: 0;
    }
    .menu nav .submenu {
        height: unset;
    }
    .menu nav li:hover .submenu {
        top: 45px;
        opacity: 1;
    }
    .menu nav .submenu li a {
        height: 50px;
        display: flex;
        align-items: center;
        font-size: 15px;
        color: #767676;
    }
    .menu nav .submenu li a:hover {
        color: #3b9fdd;
    }
    .menu nav .submenu li a svg {
        fill: #a0a0a0;
    }
    .menu nav .submenu li a:hover svg {
        fill: #3b9fdd;
    }
    .login .btn {
        margin-left: 16px;
    }
    .menu nav .submenu.three-items.active,
    .menu nav .submenu.five-items.active {
        background: #f8f8f8;
    }
    body.fixed {
        overflow-y: visible;
    }
    .slideshow-box-images {
        height: 320px;
    }
    .slideshow-box {
        flex-basis: calc(100% - 400px);
    }
    .little-slideshow-title {
        font-size: 40px;
    }
    .little-slideshow-text,
    .little-slideshow-buttons {
        padding: 10px 100px 40px;
    }
    .little-slideshow-buttons {
        max-width: 920px;
        padding: 40px 30px;
    }
    .website-title {
        flex-basis: 400px;
    }
    .slideshow-box-texts {
        top: 90px;
    }
    .slideshow-box-images img.imac {
        width: 300px;
        right: 45px;
        top: 40px;
    }
    .slideshow-box-images img.mac {
        width: 250px;
        right: 270px;
        top: 152px;
    }
    .slideshow-box-images img.graph {
        width: 620px;
    }
    .element2 {
        width: 220px;
    }
    .element3 {
        width: 260px;
        left: 400px;
    }
    .services-intro {
        padding: 80px 0 50px;
    }
    .services-items-box {
        padding: 80px 0 70px;
    }
	.services-text {
		margin-top: 0
	}
    .website-about-img {
        padding: 0 2px 70px;
    }
    .box-header {
        font-size: 24px;
    }
    .form-box-header h3 {
        text-align: left;
        width: calc(100% - 190px);
        padding-left: 20px;
    }
    .form-box-header .btn {
        position: absolute;
        right: 20px;
    }
    .p-header {
        font-size: 17px;
    }
    .services-title .services-title-heading {
        font-size: 32px;
    }
    .services-title .services-title-p {
        font-size: 18px;
    }
    .services-title-buttons {
        font-size: 18px;
		justify-content: center
    }
    .services-title .services-title-buttons .btn {
        width: 180px;
        font-size: 17px;
    }
	.services-page-tags-item {
		flex: 0 0 100%;
		padding-left: 0;
	}
    .website-orders-info .orders-info-item {
        font-size: 18px;
    }
    .website-orders-info .orders-info-item img {
        width: 50px;
        margin-right: 15px;
    }
    .orders-info-item .counter.two-digit {
        width: 25px;
    }
    .orders-info-item .counter.three-digit {
        width: 38px;
    }
    .orders-info-item .counter.four-digit {
        width: 50px;
    }
    .orders-info-item .counter.five-digit {
        width: 62px;
    }
    .more-description .more-description-title {
        margin-top: 25px;
        font-size: 22px;
    }
    .bordered-text {
		margin: 35px 0 ;
		padding: 30px 45px !important;
	}
    .facts-about-us-text {
        font-size: 18px;
        padding: 0 80px;
        line-height: 40px;
    }
    .discount-item {
        flex-basis: 45%;
        font-size: 16px;
    }
    .comments-box-users {
        padding-bottom: 25px;
    }
    .blog-articles .title-articles h3 {
        font-size: 24px;
    }
    .box-article .item img {
        height: 260px;
    }
    .box-article .box-article-p,
    .box-article p {
        font-size: 16px;
        line-height: 2;
    }
    .contact-form-title {
        text-align: initial;
        margin: 0;
    }
	.google-patents {
		flex: 0 0 calc(33% - 17.5px);
	}
	[class^="span"]:first-child .more-description-text,
	[class^="span"]:first-child .more-description-title,
	[class^="span"]:first-child .more-description-tag, 
	[class^="span"]:first-child .more-description-items,
	[class^="span"]:first-child .services-intro-description {
        margin-right: 40px;
		
    }
    [class^="span"]:last-child .more-description-text,
	[class^="span"]:last-child .more-description-title,
    [class^="span"]:last-child .more-description-tag,
    [class^="span"]:last-child .more-description-items,
	[class^="span"]:last-child .services-intro-description {
        margin-left: 40px;
    }
	 .campaigns-steps .steps {
        flex: 0 0 33%;
    }
	.rating-divider {
		width: 1px;
		height: 20px;
		background: #ffc107;
		border-radius: 2px;
	}
	.footer-login {
		height: 120px !important;
		padding: 0 45px 0 65px !important;
		text-align: left;
	}
	.footer-login-body {
		height: 120px;
		flex-direction: row;
	} 
    footer .top-footer .about-footer p {
        font-size: 17px;
        font-weight: 300;
        padding: 20px 80px 20px 0;
    }
    footer .top-footer .contact-footer {
        margin-top: 50px;
    }
    footer .bottom-footer .container {
        justify-content: space-between;
    }
    footer .social-footer ul li a {
        margin-right: 6px;
    }
    footer .top-footer .contact-footer .item-contact-footer {
        justify-content: center;
    }
    footer .bottom-footer .container .copyright {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1240px) {
    .logo img {
        width: 210px;
    }
    .slideshow-box-images {
        height: 360px;
    }
    .website-title {
        flex-basis: 500px;
    }
    .slideshow-box {
        flex-basis: calc(100% - 500px);
    }
    .website-title .main-title {
        font-size: 35px;
    }
    .slideshow-box-texts {
        left: 580px;
    }
    .slideshow-box-texts div {
        font-size: 13px;
    }
    .slideshow-box-images img.imac {
        width: 360px;
        right: 45px;
        top: 40px;
    }
    .slideshow-box-images img.mac {
        width: 327px;
        right: 292px;
        top: 162px;
    }
    .slideshow-box-images img.graph {
        width: 790px;
    }
    .element2 {
        width: 300px;
    }
    .element3 {
        width: 300px;
        left: 500px;
    }
    .little-slideshow-text {
        padding: 10px 140px 50px;
		font-size: 20px
    }
    .little-slideshow-buttons {
        padding: 40px 30px;
    }
    .little-slideshow-buttons-item {
        flex-basis: 30%;
    }
	.cta-box::before {
		content: "";
		width: 10px;
		height: 10px;
		position: absolute;
		top: 14px;
		right: 15px;
		border-radius: 50%;
		background: #555;
	}
	.cta-box::after {
		content: "";
		width: 6px;
		height: 6px;
		position: absolute;
		top: 16px;
		right: 17px;
		border-radius: 50%;
		background: #9b9b9b;
	}
	.services-page-tags-item {
		flex: 0 0 calc(50% - 10px);
		padding-right: 15px;
	}
	.badge-free-trial {
		display: block;
	}
    .website-about-text {
        padding-right: 30px;
    }
    [class^="span"]:first-child .more-description-text,
	[class^="span"]:first-child .more-description-title,
	[class^="span"]:first-child .more-description-tag, 
	[class^="span"]:first-child .more-description-items,
	[class^="span"]:first-child .services-intro-description {
        margin-right: 80px;
		
    }
	
	[class^="span"]:last-child .more-description-text,
	[class^="span"]:last-child .more-description-title,
    [class^="span"]:last-child .more-description-tag,
    [class^="span"]:last-child .more-description-items,
	[class^="span"]:last-child .services-intro-description {
        margin-left: 80px;
    }
    .facts-about-us-text {
        font-size: 20px;
        padding: 0 180px;
        line-height: 45px;
    }
    .plans-features-item {
        flex: 0 0 33%;
    }
    footer .item-contact-footer span {
        font-size: 18px;
    }
    footer .item-contact-footer i {
        font-size: 14px;
    }
	.nice-image-box {
		margin: 40px auto 50px;
	}
	.nice-image-box::before {
		content: "";
		width: 135px !important;
		height: 155px !important;
		position: absolute;
		top: -40px !important;
		left: -55px !important;
		display: block;
		background: #dde0f175;
		border-radius: 10px !important;
	}
	.nice-image-box::after {
		content: url(../images/dots.svg);
		width: 160px !important;
		height: 160px !important;
		position: absolute;
		bottom: -60px !important;
		left: -20px;
		display: block;
	 }
}
@media only screen and (min-width: 1600px) {
    .prices-item .prices-item-options li {
        min-height: 50px;
        padding: 10px 5px;
    }
    .middle-pic {
        margin: 0 auto 40px;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes toBottom {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes toTop {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes toRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes toLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes changeOne {
    30% {
        transform: translate(-30px, -20px) rotate(10deg);
    }
}
@keyframes changeTwo {
    30% {
        transform: translate(20px, 50px) rotate(20deg);
    }
    60% {
        transform: translate(-20px, 60px) rotate(-20deg);
    }
}

.description-table {
    width: 100%;
    border-collapse: collapse;
}
.description-table thead tr {
    height: 50px;
    background: #3b9fdd;
    color: #ffffff;
    vertical-align: middle;
    border-radius: 3px;
    font: 500 18px /50px Inter;
}
.description-table thead td {
    padding: 0 15px;
}
.description-table tbody {
    background: #fff;
}
.description-table tbody tr {
    height: 45px;
    font: 300 16px/45px Inter;
}
.description-table tbody td {
    padding: 0 15px;
}
.description-table tbody tr:nth-child(even) {
    background: #f1f5f9;
}