body.compensate-for-scrollbar {
    overflow: hidden
}



body {
    overflow-x: hidden !important;
}


/* Generated on: Tue Aug 25 2020 13:14:37 GMT+0000 (Coordinated Universal Time) */


/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css 
   ========================================================================== */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}


/* ==========================================================================
   Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below.
   ========================================================================== */

@font-face {
    font-family: 'webflow-icons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
    font-weight: normal;
    font-style: normal
}

[class^="w-icon-"],
[class*=" w-icon-"] {
    font-family: 'webflow-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.w-icon-slider-right:before {
    content: "\e600"
}

.w-icon-slider-left:before {
    content: "\e601"
}

.w-icon-nav-menu:before {
    content: "\e602"
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: "\e603"
}

.w-icon-file-upload-remove:before {
    content: "\e900"
}

.w-icon-file-upload-icon:before {
    content: "\e903"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: transparent !important
}

.w-webflow-badge,
.w-webflow-badge * {
    position: static;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    display: block;
    visibility: visible;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    border: 0 none transparent;
    border-radius: 0;
    background: none;
    background-image: none;
    background-position: 0 0;
    background-size: auto auto;
    background-repeat: repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-attachment: scroll;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    transition: none;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    list-style-type: disc;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal
}

.w-webflow-badge {
    position: fixed !important;
    display: inline-block !important;
    visibility: visible !important;
    z-index: 2147483647 !important;
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    color: #AAADB0 !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    padding: 6px 8px 6px 6px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    line-height: 14px !important;
    text-decoration: none !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.w-webflow-badge>img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 10px
}

h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px
}

h2 {
    font-size: 32px;
    line-height: 36px;
    margin-top: 20px
}

h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px
}

h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px
}

h6 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    margin: 0 0 10px 0;
    padding: 10px 20px;
    border-left: 5px solid #E2E2E2;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

figcaption {
    margin-top: 5px;
    text-align: center
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before,
.w-embed:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    position: relative;
    padding: 0
}

.w-video iframe,
.w-video object,
.w-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

button,
html input[type="button"],
input[type="reset"] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: button
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    display: none;
    padding: 20px;
    text-align: center;
    background-color: #dddddd
}

.w-form-fail {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdede
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold
}

.w-input,
.w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
    color: #999
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
    color: #999;
    opacity: 1
}

.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
    color: #999
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
    color: #999
}

.w-input:focus,
.w-select:focus {
    border-color: #3898EC;
    outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed;
    background-color: #eeeeee
}

textarea.w-input,
textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    display: inline-block;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0
}

.w-radio {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px
}

.w-radio:before,
.w-radio:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    float: left;
    margin-left: -20px
}

.w-radio-input {
    margin-top: 3px
}

.w-file-upload {
    display: block;
    margin-bottom: 10px
}

.w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -100
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
    display: inline-block;
    color: #333333
}

.w-file-upload-error {
    display: block;
    margin-top: 10px
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-file-upload-file {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: normal;
    display: block
}

.w-file-remove-link {
    margin-top: 3px;
    margin-left: 10px;
    width: auto;
    height: auto;
    padding: 3px;
    display: block;
    cursor: pointer
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    display: inline-block;
    color: #ea384c;
    padding: 2px 0
}

.w-file-upload-info {
    display: inline-block;
    line-height: 38px;
    padding: 0 12px
}

.w-file-upload-label {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
    display: inline-block;
    margin-right: 8px;
    width: 20px
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.w-container:before,
.w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,
.w-row:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333333%
}

.w-col-2 {
    width: 16.66666667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.33333333%
}

.w-col-5 {
    width: 41.66666667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.33333333%
}

.w-col-8 {
    width: 66.66666667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.33333333%
}

.w-col-11 {
    width: 91.66666667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none !important
}
/*new-pg*/


.new-pg-serv-inner-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15px;
}

.new-pg-serv-inner-col .inner-box-new-serv img {
    width: 65%;
    margin: 0 auto;
    display: table;
}

.new-pg-serv-inner-col .inner-box-new-serv h4 {
    font-size: 22px;
    text-align: center;
}

.new-pg-serv-inner-col .inner-box-new-serv p {
    font-size: 16px;
    text-align: center;
}

section.new-sec-nw-pg {
    padding: 60px 0;
}

section.new-sec-nw-pg .section-titleV1 h3 {
    margin-top: 0;
}

section.new-sec-nw-pg .section-titleV1 p {
    text-align: center;
}


.new-inr-serv-main-col {
    display: flex;
}

.new-inr-serv-main-col {
    display: flex;
    padding-top: 30px;
    height: 100%;
    align-items: center;
}

.new-inr-serv-main-col h3 {
    font-size: 20px;
    margin: 0px 0 15px 0;
    font-weight: 600;
    cursor: pointer;
}

.new-inr-serv-main-col .slick-current h3 {
    color: #00c3ff;
}

.new-serv-slider-nav.slick-initialized.slick-slider.slick-vertical .slick-list {
    padding: 0 !important;
    height: auto !important;
}

.new-serv-slider-for p {
    font-size: 18px;
    margin: 0;
}

.new-inr-serv-main-col .slick-slide {
    height: auto !important;
}

section.new-sec-new-services-pg {
    padding: 50px 0;
    background: #eaf5ff;
}

section.new-sec-new-services-pg .section-titleV1 p {
    text-align: center;
}

.new-inr-serv-main-col .col-sm-4 {
    /* height: auto; */
}

.new-serv-slider-nav.slick-initialized.slick-slider.slick-vertical .slick-track {
    height: auto !important;
}


.services_inner_banner_mm_logo_design.landing-pg-srv-bnr-st{
    /*background:url(../images/web-serv-inr-page/lp-design/banner-bg.jpg) !important;*/
    background:linear-gradient(45deg, #8b6323  0%,#8b6323 42%,#ddad5f 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.services_inner_banner_mm_logo_design.b2b-pg-srv-bnr-st{
    /*background:url(../images/web-serv-inr-page/b2b/banner-bg.jpg) !important;*/
    background:linear-gradient(45deg, #2ec3c9  0%,#2ec3c9 42%,#301367 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.services_inner_banner_mm_logo_design.dynamic-pg-srv-bnr-st{
    /*background:url(../images/web-serv-inr-page/dynamic/banner-bg.jpg) !important;*/
    background:linear-gradient(45deg, #00bf8f  0%,#00bf8f 42%,#001510 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.services_inner_banner_mm_logo_design.responsive-pg-srv-bnr-st{
    /*background:url(../images/web-serv-inr-page/responsive/banner-bg.jpg) !important;*/
    /* background:linear-gradient(45deg, #FFA17F  0%,#FFA17F 42%,#00223E 100%); */
    background:linear-gradient(45deg, #00223E  0%,#00223E 42%,#FFA17F 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.services_inner_banner_mm_logo_design.static-pg-srv-bnr-st{
    /*background:url(../images/web-serv-inr-page/static/banner-bg.png) !important;*/
    background:linear-gradient(45deg, #360033  0%,#360033 42%,#0b8793 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.new-inr-serv-pg-bx {
    padding: 20px 20px;
    background: #fff;
    margin: 0 0 20px 0;
    position: relative;
    z-index: 1;
}

.new-inr-serv-pg-bx h4 {
    font-size: 28px;
    font-weight: 400;
    display: table;
    width: auto;
    border-bottom: 2px solid #191919;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.new-inr-serv-pg-bx p {
    font-size: 15px;
    min-height: 250px;
    margin-bottom: 0;
}
.new-inner-srv-pg-slider .slick-slide {
    padding: 0px 10px;
}

.new-inr-serv-pg-bx:before {
    content: '';
    background: #12b7f1;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 4px;
    transition: .5s ease-out;
}

.new-inr-serv-pg-bx:after {
    content: '';
    background: #12b7f1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition: .7s ease-out;
}

.new-inr-serv-pg-bx:hover::after {
    height: 100%;
    transition: 0.6s ease-in;
}

.new-inr-serv-pg-bx:hover::before {
    width: 100%;
    transition: .1s ease-in;
}

.new-inr-serv-pg-bx:hover h4, .new-inr-serv-pg-bx:hover p {
    color: #fff;
}



@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }
    .w-hidden-main {
        display: inherit !important
    }
    .new-inr-serv-main-col{
        display: block;
    }
    .new-inr-serv-pg-bx {
    text-align: center;
}

.new-inr-serv-pg-bx h4 {
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
}
.new-pg-serv-inner-col {
    flex-direction: column;
}

    .w-hidden-medium {
        display: none !important
    }
    .w-col-medium-1 {
        width: 8.33333333%
    }
    .w-col-medium-2 {
        width: 16.66666667%
    }
    .w-col-medium-3 {
        width: 25%
    }
    .w-col-medium-4 {
        width: 33.33333333%
    }
    .w-col-medium-5 {
        width: 41.66666667%
    }
    .w-col-medium-6 {
        width: 50%
    }
    .w-col-medium-7 {
        width: 58.33333333%
    }
    .w-col-medium-8 {
        width: 66.66666667%
    }
    .w-col-medium-9 {
        width: 75%
    }
    .w-col-medium-10 {
        width: 83.33333333%
    }
    .w-col-medium-11 {
        width: 91.66666667%
    }
    .w-col-medium-12 {
        width: 100%
    }
    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width:767px) {
    .w-hidden-main {
        display: inherit !important
    }
    .w-hidden-medium {
        display: inherit !important
    }
    .w-hidden-small {
        display: none !important
    }
    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }
    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }
    .w-col-small-1 {
        width: 8.33333333%
    }
    .w-col-small-2 {
        width: 16.66666667%
    }
    .w-col-small-3 {
        width: 25%
    }
    .w-col-small-4 {
        width: 33.33333333%
    }
    .w-col-small-5 {
        width: 41.66666667%
    }
    .w-col-small-6 {
        width: 50%
    }
    .w-col-small-7 {
        width: 58.33333333%
    }
    .w-col-small-8 {
        width: 66.66666667%
    }
    .w-col-small-9 {
        width: 75%
    }
    .w-col-small-10 {
        width: 83.33333333%
    }
    .w-col-small-11 {
        width: 91.66666667%
    }
    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }
    .w-hidden-main {
        display: inherit !important
    }
    .w-hidden-medium {
        display: inherit !important
    }
    .w-hidden-small {
        display: inherit !important
    }
    .w-hidden-tiny {
        display: none !important
    }
    .w-col {
        width: 100%
    }
    .w-col-tiny-1 {
        width: 8.33333333%
    }
    .w-col-tiny-2 {
        width: 16.66666667%
    }
    .w-col-tiny-3 {
        width: 25%
    }
    .w-col-tiny-4 {
        width: 33.33333333%
    }
    .w-col-tiny-5 {
        width: 41.66666667%
    }
    .w-col-tiny-6 {
        width: 50%
    }
    .w-col-tiny-7 {
        width: 58.33333333%
    }
    .w-col-tiny-8 {
        width: 66.66666667%
    }
    .w-col-tiny-9 {
        width: 75%
    }
    .w-col-tiny-10 {
        width: 83.33333333%
    }
    .w-col-tiny-11 {
        width: 91.66666667%
    }
    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none !important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 28px;
    height: 20px;
    text-align: center;
    background: white;
    border: #758696 solid 1px;
    border-radius: 3px
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    position: relative;
    font-size: 15px;
    line-height: 12px;
    text-align: center;
    color: #999;
    font-family: serif
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    position: relative;
    display: block
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    top: 50%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-color: rgba(117, 134, 150, 0);
    border-right-color: #5d6c7b;
    border-width: 4px;
    margin-left: -9px;
    margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-left: -10px;
    margin-top: -5px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: white;
    border-width: 4px;
    margin-left: -8px;
    margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-left: -9px;
    margin-top: -5px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-color: rgba(117, 134, 150, 0);
    border-top-color: #5d6c7b;
    border-width: 5px;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: white;
    border-width: 4px;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-widget-gplus {
    overflow: hidden
}

.w-background-video {
    position: relative;
    overflow: hidden;
    height: 500px;
    color: white
}

.w-background-video>video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    object-fit: cover;
    z-index: -100
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.w-slider {
    position: relative;
    height: 300px;
    text-align: center;
    background: #dddddd;
    clear: both;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}

.w-slider-mask {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
    white-space: nowrap
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left
}

.w-slider-nav {
    position: absolute;
    z-index: 2;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    width: auto;
    height: auto;
    padding: .2em .5em;
    font-size: inherit;
    line-height: inherit
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px rgba(51, 51, 51, 0.4)
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: rgba(34, 34, 34, 0.4)
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    margin: 0 3px .5em;
    transition: background-color 100ms, color 100ms
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    position: absolute;
    width: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
    overflow: hidden;
    color: white;
    font-size: 40px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
    position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1em;
    height: 1em
}

.w-slider-aria-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.w-dropdown {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 900
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 40px
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-right: 20px;
    width: 1em;
    height: 1em
}

.w-dropdown-list {
    position: absolute;
    background: #dddddd;
    display: none;
    min-width: 100%
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    padding: 10px 20px;
    display: block;
    color: #222222
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-lightbox-backdrop {
    color: #000;
    cursor: auto;
    font-family: serif;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    list-style: disc;
    text-align: start;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
    z-index: 2000;
    outline: 0;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate(0, 0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.w-lightbox-content {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.w-lightbox-view {
    position: absolute;
    width: 100vw;
    height: 100vh;
    opacity: 0
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
    display: inline-block;
    vertical-align: middle
}

.w-lightbox-figure {
    position: relative;
    margin: 0
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none
}

.w-lightbox-image {
    display: block;
    float: none;
    max-width: 100vw;
    max-height: 100vh
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5em 1em;
    background: rgba(0, 0, 0, 0.4);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.w-lightbox-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.w-lightbox-control {
    position: absolute;
    top: 0;
    width: 4em;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.w-lightbox-left {
    display: none;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")
}

.w-lightbox-right {
    display: none;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")
}

.w-lightbox-close {
    right: 0;
    height: 2.6em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
    background-size: 18px
}

.w-lightbox-strip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1vh;
    line-height: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.w-lightbox-item {
    display: inline-block;
    width: 10vh;
    padding: 2vh 1vh;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    position: relative;
    height: 10vh;
    background: #222;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.w-lightbox-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border: 5px solid rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    -webkit-animation: spin .8s infinite linear;
    animation: spin .8s infinite linear
}

.w-lightbox-spinner:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 3px solid transparent;
    border-bottom-color: #fff;
    border-radius: 50%
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }
    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh
    }
    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }
    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }
    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }
    .w-lightbox-left,
    .w-lightbox-right {
        display: block;
        opacity: .5
    }
    .w-lightbox-close {
        opacity: .8
    }
    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,
.w-richtext:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
    white-space: initial
}

.w-richtext ol,
.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after {
    outline: 2px solid #2895f7
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type="video"]>div:after {
    content: '';
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.w-richtext figure {
    position: relative;
    max-width: 60%
}

.w-richtext figure>div:before {
    cursor: default !important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    font-size: 0;
    color: transparent
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type="image"]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type="image"]>figcaption {
    display: table-caption;
    caption-side: bottom
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type="video"]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    margin-right: auto;
    margin-left: auto;
    clear: both
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    width: 100%;
    max-width: 100%;
    text-align: center;
    clear: both;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    display: inline-block;
    padding-bottom: inherit
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    margin-right: 15px;
    clear: none
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    margin-left: 15px;
    clear: none
}

.w-nav {
    position: relative;
    background: #dddddd;
    z-index: 1000
}

.w-nav:before,
.w-nav:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333333
}

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    position: relative;
    float: right
}

[data-nav-menu-open] {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #C8C8C8;
    text-align: center;
    overflow: visible;
    min-width: 200px
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
    right: auto;
    z-index: 1;
    top: 0
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
    left: auto;
    z-index: 1;
    top: 0
}

.w-nav-button {
    position: relative;
    float: right;
    padding: 18px;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    background-color: #C8C8C8;
    color: white
}

.w-nav[data-collapse="all"] .w-nav-menu {
    display: none
}

.w-nav[data-collapse="all"] .w-nav-button {
    display: block
}

.w--nav-dropdown-open {
    display: block
}

.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse="medium"] .w-nav-menu {
        display: none
    }
    .w-nav[data-collapse="medium"] .w-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse="small"] .w-nav-menu {
        display: none
    }
    .w-nav[data-collapse="small"] .w-nav-button {
        display: block
    }
    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse="tiny"] .w-nav-menu {
        display: none
    }
    .w-nav[data-collapse="tiny"] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 9px 30px;
    text-align: left;
    cursor: pointer;
    color: #222222;
    background-color: #dddddd
}

.w-tab-link.w--current {
    background-color: #C8C8C8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    position: relative;
    display: block;
    overflow: hidden
}

.w-tab-pane {
    position: relative;
    display: none
}

.w--tab-active {
    display: block
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    padding: 10px;
    background-color: #dddddd
}

.w-dyn-hide {
    display: none !important
}

.w-dyn-bind-empty {
    display: none !important
}

.w-condition-invisible {
    display: none !important
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'poppins' !important;
}

p,
a,
li,
span {
    font-family: 'poppins' !important;
}

a:hover {
    text-decoration: none;
}

.list-2::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.list-2::-webkit-scrollbar-button:start:decrement,
.list-2::-webkit-scrollbar-button:end:increment {
    display: none;
}

.list-2::-webkit-scrollbar-track-piece {
    background-color: #d2b3ee;
    -webkit-border-radius: 0px;
    border-left: 5px solid #f3f3f3;
}

.list-2::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0px;
    background: #d2b3ee;
}

.list-2::-webkit-scrollbar-corner {
    background: #fff;
}

.list-2::-webkit-scrollbar-track-piece {
    background: #fff;
}


/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-form-formrecaptcha {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f5f5f5;
}

.w-commerce-commercelayoutcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bnr-inpfild select option {
    color: #000 !important;
}

.w-commerce-commercelayoutmain {
    -webkit-flex-basis: 800px;
    -ms-flex-preferred-size: 800px;
    flex-basis: 800px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
    background-color: #000;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    color: #fff;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 8px;
    height: 38px;
    min-height: 30px;
}

.w-commerce-commercecartapplepayicon {
    width: 100%;
    height: 50%;
    min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
    background-color: #000;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    color: #fff;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 8px;
    height: 38px;
}

.w-commerce-commercequickcheckoutgoogleicon {
    display: block;
    margin-right: 8px;
}

.w-commerce-commercequickcheckoutmicrosofticon {
    display: block;
    margin-right: 8px;
}

button,
select {
    z-index: 0;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e6e6e6;
    background-color: #fff;
}

.w-commerce-commercecheckoutblockcontent {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e6e6e6;
    background-color: #fff;
}

.w-commerce-commercecheckoutlabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutemailinput::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutemailinput:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutemailinput::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingfullname::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingfullname:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingstreetaddress::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -8px;
    margin-left: -8px;
}

.w-commerce-commercecheckoutcolumn {
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
}

.w-commerce-commercecheckoutshippingcity {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingcity::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcity:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingstateprovince::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingzippostalcode::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutshippingcountryselector::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
    border-left-color: #e6e6e6;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #e6e6e6;
    border-right-width: 1px;
    border-right-style: solid;
}

.w-commerce-commercecheckoutshippingmethoditem {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
    padding-left: 16px;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom-color: #e6e6e6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 0px;
    background-color: #fff;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
    margin-left: 12px;
    margin-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.w-commerce-commerceboldtextblock {
    font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 64px;
    padding-bottom: 64px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    background-color: #fff;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: text;
}

.w-commerce-commercecheckoutcardnumber::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardnumber:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardnumber.-wfp-focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: text;
}

.w-commerce-commercecheckoutcardexpirationdate::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: text;
}

.w-commerce-commercecheckoutcardsecuritycode::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
    font-weight: 400;
    margin-left: 8px;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top: 16px;
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingfullname::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingfullname:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingstreetaddress::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingcity::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcity:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingstateprovince::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingzippostalcode::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
    background-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 38px;
    line-height: 20px;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.w-commerce-commercecheckoutbillingcountryselector::-webkit-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
    border-top-color: #3898ec;
    border-right-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e6e6e6;
    background-color: #fff;
}

.w-commerce-commercecheckoutorderitemslist {
    margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: pre-wrap;
}

.w-commerce-commercecheckoutorderitemoptionlist {
    text-decoration: none;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
    -webkit-flex-basis: 320px;
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.w-commerce-commercecheckoutordersummaryextraitemslistitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.w-commerce-commercecheckoutsummarytotal {
    font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
    background-color: #3898ec;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    color: #fff;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 20px;
    text-align: center;
}

.w-commerce-commercecheckouterrorstate {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    background-color: #ffdede;
}

.w-commerce-commercepaypalcheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f5f5f5;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummarylabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right: 0.33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    background-color: #ffdede;
}

.w-commerce-commerceorderconfirmationcontainer {
    width: 100%;
    min-height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f5f5f5;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
    margin-bottom: 20px;
}

.w-embed-youtubevideo {
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(../../404.php);
    background-size: cover;
    background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
    min-height: 75px;
    padding-bottom: 56.25%;
}

@media screen and (max-width: 767px) {
    .h-points li {
        font-size: 15px;
    }
    .media-covr-m-div {
        flex-direction: column;
    }
    .media-covr-m-div .columns-6.w-row {
        width: 100% !important;
        padding: 0 15px;
    }
    .w-commerce-commercelayoutcontainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .home-content {
        margin: 0;
    }
    .homepg .home-content {
        margin: 0;
    }
    .home-slider .banner-img {
        margin-left: auto !important;
    }
    .homepg {
        height: auto !important;
    }
    .w-commerce-commercelayoutmain {
        margin-right: 0px;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .w-commerce-commercelayoutsidebar {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media screen and (max-width: 479px) {
    .w-commerce-commercecheckoutemailinput {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutshippingfullname {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutshippingstreetaddress {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutshippingstreetaddressoptional {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutrow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .w-commerce-commercecheckoutshippingcity {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutshippingstateprovince {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutshippingzippostalcode {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutshippingcountryselector {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutcardnumber {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutcardexpirationdate {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutcardsecuritycode {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingfullname {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingstreetaddress {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingstreetaddressoptional {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingcity {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingstateprovince {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingzippostalcode {
        font-size: 16px;
    }
    .w-commerce-commercecheckoutbillingcountryselector {
        font-size: 16px;
    }
}

body {
    font-family: 'DM Sans', sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 20px;
}

h1 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 52px;
    line-height: 1.2;
    font-weight: 700;
}

h2 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

h3 {
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
}

h4 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
}

h5 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
}

h6 {
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

p {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.6;
}
p.main-pera.disclamair {
    color: #fff;
    padding: 15px 10px 10px 0px;
    font-size: 15px;
}

a {
    color: #000;
    text-decoration: underline;
}

.nav-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Montserrat, sans-serif;
    color: #3a63d4;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.home-slider .services-sec-banner {
    /* height: 590px !important; */
}

.navbar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
}

.header-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* background-color: #fcf1ff; */
    background-image: url("../images/dc_border-2.png"), url("../images/border-1.png");
    background-position: 100% 30%, 0px 0px;
    background-size: 200px, 200px;
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll, scroll;
    color: #000;
}

.headline-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.button {
    /* position: static; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* width: 350px; */
    /* max-width: 300px; */
    /* min-width: 250px; */
    margin-top: 16px;
    margin-bottom: 24px;
    padding: 20px 30px;
    display: inline-block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 10px;
    background-color: #7d45a2;
    font-family: Brown, Arial, sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    /* cursor: pointer; */
}

.button.alternate-style {
    max-width: 300px;
    border-style: solid;
    border-width: 3px;
    border-color: #7d45a2;
    background-color: #fff;
    color: #7d45a2;
    line-height: 14px;
}

.button.white {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #fff;
    color: #7d45a2;
}

.button.white.purple-bg {
    box-shadow: 7px 7px 0 0 #debaff;
    color: #b290d8;
}

.button.get-started {
    max-width: 350px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.button.confirm {
    margin-top: 1px;
    margin-right: auto;
    margin-left: auto;
}

.button.confirm.welcome {
    max-width: 500px;
    margin-top: 16px;
    padding-top: 20px;
}

.button.demo {
    margin-right: 26px;
}

.button.white-centered {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    box-shadow: none;
    color: #ffffff;
    position: relative;
    border: 0 !important;
}

.subhead {
    max-width: 100%;
    /* margin: 0px auto 13px; */
    text-align: center !important;
    padding-bottom: 1px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    /* flex: 0 auto; */
    color: #000;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    /* float: left; */
    text-align: start;
    width: 80%;
}

.brand-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand-link.w--current {
    position: static;
    left: 4%;
    top: 0%;
    right: auto;
    bottom: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
}

.site-title {
    margin-top: 12px;
    margin-bottom: 12px;
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.body-container {
    margin-bottom: 0px;
    padding-top: 0px;
}

.menu-button {
    color: #3a63d4;
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #000;
    text-align: center;
}
.footer-flex-container-2 .mainwrp img {
    width: 200px;
}


.footer-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.footer-logo-link {
    max-height: 60px;
    min-width: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.footer-image {
    width: 70%;
    height: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-bottom: 0px;
    color: #fff;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
}

.footer-heading {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.footer-link {
    display: block;
    margin-bottom: 10px;
    color: #a7cbff;
    font-weight: 300;
    text-decoration: none;
}

.footer-link:hover {
    text-decoration: underline;
}

.hero {
    display: block;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.hero-image-mask {
    width: 100%;
    margin-left: 40px;
}

.hero-image {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0.5 auto;
    -ms-flex: 0 0.5 auto;
    flex: 0 0.5 auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.hero-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 90vh;
    max-height: 780px;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url("../../404.php");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../404.php");
    background-position: 0px 0px, 50% 50%;
    color: #fff;
}

.centered-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-bottom: 86px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.site-navigation {
    position: relative;
    padding-top: 20px;
}

.heading {
    margin-top: 23px;
    margin-bottom: 8px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: Brown, Arial, sans-serif;
    color: #000;
    font-size: 52px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
    text-indent: 2px;
}

.heading.white {
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    text-align: center;
}

.heading.sub-pages {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.navbar-container {
    margin-right: auto;
    margin-left: auto;
}

.nav-menu {
    position: absolute;
    left: auto;
    top: 0%;
    right: 4%;
    bottom: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.image {
    position: static;
    display: block;
    max-width: 900px;
    margin: 11px auto -96px;
    padding-bottom: 0px;
    clear: both;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    text-align: center;
}

.image.centered {
    max-width: 100px;
    margin-bottom: 36px;
    text-align: center;
}

.image.left-justified {
    display: inline-block;
    max-width: 100px;
    margin-bottom: 0px;
}

.button-2 {
    overflow: auto;
    max-height: 0px;
    max-width: 0px;
    min-height: 50px;
    min-width: 200px;
    padding-bottom: 9px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #2980ff;
    font-family: Brown, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.body {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: #ffffff;
    font-family: Nunito, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.image-2 {
    position: relative;
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
    -o-object-fit: fill;
    object-fit: fill;
}

.div-block {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.div-block-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-menu-2 {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-3 {
    display: inline-block;
    max-width: 90%;
    text-align: left;
}

.column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.columns {
    position: static;
    display: block;
    overflow: visible;
    max-width: 900px;
    min-width: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 54px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-object-fit: fill;
    object-fit: fill;
}

.heading-2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.container {
    display: block;
    min-width: 1200px;
    background-color: transparent;
}

.navbar-2 {
    position: static;
    display: inline;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    float: none;
    clear: none;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: #fff;
    line-height: 20px;
}

.section {
    height: 20px;
    background-image: url("../../404.php");
    background-position: 0px 0px;
    background-size: 150px;
    background-repeat: repeat-x;
}

.section-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    text-align: left;
}

.heading-3 {
    font-family: Brown, Arial, sans-serif;
}

.column-7 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-top: 88px;
    padding-bottom: 81px;
    clear: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.columns-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.section-3 {
    margin-top: auto;
    margin-bottom: auto;
    /*padding-top: 85px;*/
    background-color: #fff;
    background-position: 0px 0px;
    background-size: 100%;
    background-repeat: repeat-x;
}

a.button.white.w-button:hover {
    text-decoration: none;
    color: #7d45a2;
    text-decoration: none;
}

ul.w-list-unstyled li a {
    color: #fff !important;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 16px;
}

ul.w-list-unstyled li a i {
    font-size: 28px;
}

.columns-3 {
    max-width: 1500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.column-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.max-width-div {
    max-width: 1200px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url("../images/second-fold.png");
    background-position: 100% 50%;
    background-size: 650px;
    background-repeat: no-repeat;
}

.heading-4 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0px;
    font-family: Brown, Arial, sans-serif;
    font-size: 44px;
    letter-spacing: -1px;
}

.heading-4.centered {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 84px;
    font-size: 44px;
    text-align: center;
}

.heading-4.centered.our-work {
    padding-bottom: 12px;
}

.heading-4.centered.white {
    color: #fff;
}

.heading-4.centered.white.low-space {
    padding-bottom: 12px;
}

.heading-4.centered.how-it-works {
    padding-bottom: 55px;
}

.heading-4.left {
    padding-right: 24px;
}

.heading-4.white {
    color: #fff;
}

.heading-2-blue {
    margin-top: 14px;
    font-weight: 700;
    color: #000;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 44px;
}

.image-4 {
    margin-top: auto;
    text-align: center;
}

.paragraph {
    margin-bottom: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 500;
}

.column-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.list {
    margin-bottom: auto;
    font-family: Nunito, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    list-style-type: square;
}

.image-5 {
    padding-top: 172px;
    padding-bottom: 172px;
    text-align: left;
}

.column-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.div-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.vertically-centered-div-box {
    overflow: auto;
    max-height: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 150px;
    padding-bottom: 80px;
}

.gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-top: 160px;
    padding-bottom: 47px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    background-image: url("../images/pattern-corner-2.png"), url("../images/pattern-corner-4.png");
    background-position: 0% 100%, 100% 0%;
    background-size: 400px, 400px;
    background-repeat: no-repeat, no-repeat;
}

.gallery-grid-container {
    display: -ms-grid;
    display: grid;
    margin-top: 68px;
    margin-bottom: 68px;
    -ms-grid-row-align: center;
    align-self: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-areas: ".";
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto 20px auto;
    grid-template-rows: auto auto;
}

.gallery-lightbox {
    position: relative;
    overflow: hidden;
}

.gallery-thumbnail {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.section-4 {
    margin-top: auto;
    background-color: #f5edfc;
}

.div-block-6 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 148px;
    padding-bottom: 81px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.div-block-6.pricing-header {
    padding-bottom: 17px;
}

.div-block-6.pricing-header.pricing-page {
    max-width: 500px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 11px;
    background-color: transparent;
}

.div-block-6.pricing-header.pricing-page.contact-us {
    background-color: transparent;
    box-shadow: none;
}

.div-block-6.pricing-header.pricing-page.confirm-plan {
    margin-right: auto;
    padding-right: 35px;
    padding-bottom: 6px;
    padding-left: 35px;
    background-color: #fff;
    box-shadow: 0 10px 20px -10px #c4a9e1;
}

.div-block-6.pricing-header.pricing-page.confirm-plan.welcome {
    max-width: 900px;
    padding-bottom: 6px;
    background-color: transparent;
    box-shadow: none;
}

.div-block-6.pricing-header.pricing-page.login {
    background-color: #fff;
    box-shadow: 0 10px 15px -7px #bfacd1;
}

.div-block-6.pricing-header.pricing-page.our-work {
    max-width: 600px;
}

.heading-4-centered {
    margin-top: 68px;
    font-family: Brown, Arial, sans-serif;
    text-align: center;
}

.div-block-7 {
    background-color: transparent;
}

.section-5 {
    background-color: #fff8e3;
}

.section-5.beige {
    background-color: #a7cbff;
    background-image: url("../images/side-pattern-black.png");
    background-position: 100% 5%;
    background-size: 200px;
    background-repeat: no-repeat;
}

a.button.alternate-style.w-button:hover {
    color: #7d45a2;
    text-decoration: none;
}

.section-5.light-blue {
    background-color: #f0f6ff;
}

.columns-4 {
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 36px;
    margin-left: auto;
}

.columns-4.pricing-columns {
    display: block;
    margin-bottom: 0px;
    padding-right: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.heading-5 {
    margin-top: 0px;
    padding-top: 74px;
}

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

.paragraph-2.how-it-works {
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
}

.column-11 {
    padding: 26px 60px 21px;
}

.column-11.pricing-1 {
    padding: 34px 50px 0px;
    border-style: none;
    border-width: 1px;
    border-color: #a7cbff;
    border-radius: 0px;
}

.column-11.inclusions {
    border-top: 2px dotted #a7cbff;
}

.column-11.benefits {
    border-style: none;
    border-width: 20px;
    border-color: #fff8e3;
    border-radius: 6px;
}

.column-11.benefits._2 {
    background-image: none;
}

.column-11.benefits._3 {
    background-image: none;
}

.column-11.benefits._5 {
    background-image: none;
}

.column-11.benefits._6 {
    background-image: none;
}

.column-11.benefits.big-1 {
    background-image: url("../../404.php");
    background-position: 50% 0px;
    background-size: 300px;
    background-repeat: no-repeat;
}

.column-11.benefits.big-1.b {
    background-image: url("../../404.php");
    background-size: 300px;
}

.column-11.benefits.big-1.c {
    background-image: url("../../404.php");
    background-size: 300px;
}

.column-11.benefits.how-it-works {
    padding-top: 0px;
    background-image: none;
}

.column-12 {
    /* padding: 26px 60px 21px; */
    background-color: transparent;
}

.column-12.pricing-2 {
    /* padding: 34px 50px 51px; */
    background-color: #fffaed;
}

.column-12.pricing-2.popular-bar {
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 15px;
    background-color: #94e8b6;
}

.column-13 {
    padding: 34px 50px 2px;
}

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

.fine-print {
    padding-top: 19px;
    color: #ae97c2;
    font-size: 14px;
    text-align: center;
}

.paragraph-4 {
    margin-bottom: 0px;
}

.heading-medium {
    margin-top: 71px;
    font-family: Brown, Arial, sans-serif;
    font-size: 32px;
    text-align: center;
}

.heading-medium.left {
    display: block;
    margin-top: 106px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #fff;
    text-align: left;
}

.image-6 {
    max-width: 120%;
    margin-top: 20px;
    margin-bottom: 38px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.heading-small {
    font-family: Brown, Arial, sans-serif;
    font-size: 22px;
    text-align: left;
}

.heading-small.left {
    font-size: 24px;
    text-align: left;
}

.heading-small.tools {
    text-align: center;
    text-decoration: none;
}

.heading-small.home {
    margin-right: auto;
    margin-left: auto;
    color: #fff8e3;
    text-align: center;
}

.pricing {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-image: url("../../404.php"), url("../images/Brachiasaur-transparent.png");
    background-position: 0px 0px, 100% 105%;
    background-size: 220px, 500px;
    background-repeat: no-repeat, no-repeat;
}

.pricing-headers {
    margin-top: 12px;
    font-family: Brown, Arial, sans-serif;
    font-size: 36px;
}

.pricing-headers p {
    font-size: 16px;
}

.month {
    font-size: 18px;
}

.list-2 {
    padding-left: 20px;
    line-height: 25px;
    height: 350px;
    overflow-y: scroll;
}

.div-block-8 {
    height: 5px;
    margin-top: 31px;
    border-style: dotted none none;
    border-width: 2px 0px 0px;
    border-color: rgba(0, 0, 0, 0.46) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: transparent;
}

.mini-label {
    max-width: 104px;
    margin-top: 0px;
    padding-top: 1px;
    border-radius: 11px;
    background-color: #94e8b6;
    font-family: Brown, Arial, sans-serif;
    color: #2980ff;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
}

.mini-label.transparent {
    background-color: transparent;
}

.text-span {
    max-width: 100px;
    padding-right: 0px;
    padding-left: 7px;
    color: #fff;
    line-height: 1.6;
}

.paragraph-5 {
    display: block;
    max-width: none;
    margin-right: auto;
    margin-bottom: 53px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
}

.paragraph-5.more-psacing-under {
    margin-bottom: 111px;
}

.paragraph-5.more-psacing-under.pricing {
    background-color: transparent;
    background-image: none;
}

.paragraph-5.riskfree {
    max-width: 470px;
}

.lottie-animation {
    max-width: 100px;
    margin-top: 23px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.div-block-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-block-10 {
    margin: 48px auto auto;
    padding-bottom: 38px;
}

.link {
    color: #2980ff;
    text-decoration: none;
}

.list-item {
    list-style-type: lower-roman;
}

.list-item.not-inc {
    color: #b3b3b3;
    text-decoration: line-through;
    list-style-type: none;
}

.div-block-11 {
    margin-top: auto;
}

.div-block-12 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 43px;
}

.tool-logos {
    max-width: 900px;
    margin-top: 26px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.image-7 {
    margin-top: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.nav-link-2 {
    padding-top: 23px;
    font-size: 16px;
    cursor: pointer;
}

.nav-link-2.login {
    font-weight: 700;
}

.nav-link-3 {
    padding-top: 23px;
    font-size: 16px;
    cursor: pointer;
}

.nav-link-4 {
    padding-top: 23px;
    font-size: 16px;
    cursor: pointer;
}

.section-6 {
    padding-bottom: 24px;
    background-image: url("../images/pattern-1.jpg");
    background-position: 0px 0px;
    background-size: 125px;
}

.accordion-wrapper {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}

.accordion-item-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.heading-6 {
    font-family: Brown, Arial, sans-serif;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.heading-6.knowledge-base {
    margin-top: 52px;
    font-size: 24px;
}

.accordion-item-content {
    overflow: hidden;
}

.section-7 {
    margin: 130px 27% 68px;
}

.div-block-13 {
    padding: 160px 400px 125px;
    background-color: #b290d8;
    background-image: url("../images/side-pattern-colours.png"), url("../images/side-pattern-black.png");
    background-position: 0px 50px, 100% 400px;
    background-size: 250px, 250px;
    background-repeat: no-repeat, no-repeat;
}

.image-8 {
    text-align: right;
}

.paragraph-6 {
    margin-bottom: 40px;
    text-align: center;
    text-decoration: none;
}

.section-8 {
    background-image: url("../images/cta.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px;
}

.section-8.oru-work-page {
    background-color: #b290d8;
    background-image: url("../images/triceritops_Banner.png");
    background-position: 50vw 100%;
    background-size: 50%;
}

.section-8.oru-work-page.about-us {
    background-image: url("../../404.php");
    background-size: 500px;
}

.div-block-14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 355px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.div-block-14.our-work {
    padding-right: 454px;
}

.heading-7 {
    margin-top: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: Brown, Arial, sans-serif;
    color: #fff;
    font-size: 30px;
}

.heading-7.home-page {
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
}

.lottie-animation-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 300px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: right;
}

.lottie-animation-3 {
    display: block;
    max-width: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.lottie-animation-4 {
    max-width: 100px;
    margin: -45px auto -62px;
}

.section-9 {
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}

.image-9 {
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
}

.invisable-section {
    background-color: hsla(0, 0%, 100%, 0);
}

.invisable-section.white {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
}

.invisable-section.white.header {
    width: 10%;
    max-width: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.image-10 {
    max-width: 50px;
    margin-top: -71px;
    margin-bottom: -71px;
    text-align: center;
}

.text-block {
    max-width: 100%;
    padding-top: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
}

.text-block.copyright {
    padding-top: 41px;
}

.image-11 {
    cursor: pointer;
}

.our-work-sub-header {
    max-width: 600px;
    margin-right: auto;
    margin-bottom: 35px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}

.our-work-sub-header.confirm-plan {
    max-width: 70.0024787203193%;
    margin-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
}

.our-work-sub-header.confirm-plan.change-plan {
    max-width: 100%;
    text-align: left;
}

.our-work-sub-header.welcome {
    max-width: 100%;
    margin-bottom: 14px;
    padding-right: 20px;
    padding-left: 20px;
}

.our-work-sub-header.welcome._3 {
    margin-bottom: 7px;
}

.our-work-sub-header._1 {
    max-width: 600px;
    padding-right: 0px;
    padding-left: 0px;
}

.our-work-sub-header.contact-us.or {
    margin-bottom: 26px;
    padding-top: 31px;
}

.grid {
    margin-right: 40px;
    margin-left: 40px;
    grid-template-areas: "Area";
}

.div-block-15 {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

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

.heading-8 {
    margin-bottom: 5px;
}

.image-13 {
    padding-top: 20px;
    text-align: right;
}

.image-14 {
    margin-right: auto;
    margin-left: auto;
    padding-top: 23px;
    float: none;
    text-align: right;
}

.column-14 {
    text-align: right;
}

.columns-5 {
    margin-top: 45px;
}

.div-block-16 {
    background-color: #fff;
}

.body-2 {
    background-color: #fff;
}

.image-15 {
    max-width: 100px;
    margin-bottom: 68px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.columns-6 {
    margin-bottom: 40px;
    padding-bottom: 0px;
}

.image-16 {
    display: block;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.section-10 {
    background-color: #b290d8;
}

.image-17 {
    max-width: 70%;
    margin-bottom: 0px;
    padding-top: 59px;
    padding-bottom: 0px;
}

.div-block-17 {
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-left: 73px;
}

.heading-9 {
    margin-top: -8px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}

.contact-form {
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 0px;
}

.contact-form.get-started {
    padding-bottom: 0px;
}

.contact-form.log-in {
    padding-bottom: 0px;
}

.contact-form.log-in.bottom-part {
    background-image: none;
}

.small-text.fields {
    padding-top: 0px;
}

.contact-form-grid {
    display: -ms-grid;
    display: grid;
    margin-top: 24px;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    grid-auto-columns: 0.5fr;
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    -ms-grid-columns: 0.5fr;
    grid-template-columns: 0.5fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.container-2 {
    padding: 0px 40px 26px;
    border-radius: 0px;
    background-color: transparent;
}

.body-3 {
    border: 1px none #000;
    background-color: #f9f7f4;
    font-size: 14px;
}

.body-3.confirm {
    background-image: none;
}

.italic-text {
    opacity: 1;
    font-weight: 400;
}

.text-field {
    height: 50px;
    border-radius: 8px;
}

.text-field-2 {
    height: 50px;
    border-radius: 8px;
}

.text-field-3 {
    height: 50px;
    border-radius: 8px;
}

.text-field-4 {
    height: 50px;
    border-radius: 8px;
}

.body-4 {
    background-color: #fff;
}

.div-block-18 {
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 108px;
    margin-left: auto;
    padding-top: 46px;
}

.heading-10 {
    margin-top: 0px;
    font-size: 32px;
}

.text-block-6 {
    text-align: left;
}

.body-5 {
    background-image: url("../../404.php");
    background-position: 100% 15%;
    background-size: 200px;
    background-repeat: no-repeat;
}

.text-span-2 {
    color: #2980ff;
    font-size: 18px;
    text-decoration: line-through;
}

.text-span-3 {
    color: #2980ff;
    font-size: 18px;
    text-decoration: line-through;
}

.text-span-4 {
    color: #2980ff;
    font-size: 18px;
    text-decoration: line-through;
}

.text-span-5 {
    color: #7d45a2;
    font-size: 18px;
    text-decoration: line-through;
}

.hyperlink-text {
    color: #ffeaae;
    text-decoration: none;
}

.link-2 {
    color: #ffeaae;
    text-decoration: none;
}

.link-3 {
    color: #2980ff;
    text-decoration: none;
}

.form-block {
    display: block;
}

.form {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
}

.t-cs-label {
    max-width: 70%;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    font-size: 13px;
    text-align: center;
}

.t-cs-label.log-in {
    max-width: 100%;
    margin-bottom: 0px;
    padding-top: 32px;
    padding-bottom: 39px;
    border-top: 1px dotted rgba(0, 0, 0, 0.27);
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    background-color: #fbf6ff;
}

.text-field-5 {
    min-height: 50px;
    margin-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #e9dff1;
    border-radius: 8px;
    color: #000;
    line-height: 20px;
    text-align: left;
}

.text-field-5.right {
    margin-right: 0px;
    margin-left: 5px;
}

.text-field-6 {
    padding-top: 50px;
}

.text-field-7 {
    padding-top: 50px;
}

.get-started-feild-labels {
    font-weight: 400;
}

.section-11 {
    margin-bottom: 120px;
}

.div-block-20 {
    margin-top: auto;
    padding-top: 61px;
    padding-bottom: 141px;
    background-image: url("../../404.php");
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: repeat;
}

.div-block-20.log-in {
    padding-bottom: 282px;
    background-image: url("../../404.php");
    background-size: cover;
}

.div-block-20.log-in.reset {
    padding-bottom: 466px;
}

.div-block-20.log-in.reset.new {
    padding-bottom: 378px;
}

.div-block-20.confirm {
    padding-bottom: 284px;
}

.div-block-20.welcome {
    padding-bottom: 93px;
    background-image: none;
}

.choose-a-plan {
    color: #2980ff;
}

.contact-us-form {
    opacity: 1;
}

.textarea {
    height: auto;
    border-radius: 8px;
}

.confirm-plan-details {
    max-width: 70%;
    margin-right: auto;
    margin-bottom: 11px;
    margin-left: auto;
    font-size: 14px;
    text-align: center;
}

.confirm-plan-details.welcome {
    max-width: 100%;
    margin-bottom: 0px;
    text-align: left;
}

.confirm-plan-details.welcome._1 {
    padding-bottom: 9px;
}

.confirm-plan-details.welcome._3 {
    max-width: 80%;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

.confirm-plan-details.change-plan {
    max-width: 100%;
    text-align: left;
}

.pay-details-header {
    font-size: 16px;
    font-weight: 700;
}

.div-block-21 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
}

.contact-us {
    max-width: 800px;
}

.div-block-22 {
    padding-top: 21px;
    padding-bottom: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 8px;
    background-color: #f4ecfd;
}

.div-block-22.welcome {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 4px;
    padding-bottom: 0px;
    background-color: transparent;
}

.div-block-22._1 {
    margin-top: 14px;
    margin-bottom: 8px;
}

.div-block-22.change-plan {
    margin-bottom: 9px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-style: dotted;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.23);
    background-color: #fff;
}

.div-block-22.change-plan.selected {
    border-style: none;
    background-color: #e9dff1;
}

.billing-details {
    max-width: 70%;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

.billing-details._1 {
    padding-top: 3px;
    padding-bottom: 8px;
}

.select-field {
    width: 350px;
    height: 50px;
    max-width: 350px;
}

.text-field-8 {
    height: 50px;
    border-radius: 6px;
}

.textarea-2 {
    height: 0px;
    border-radius: 6px;
}

.paragraph-7 {
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 1.2;
}

.uplaod-doc {
    margin-bottom: 5px;
    color: #2980ff;
}

.column-21 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
}

.image-19 {
    display: block;
    max-width: 21px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    text-align: center;
}

.column-22 {
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
}

.columns-8 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
}

.image-20 {
    display: block;
    max-width: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 11px;
    opacity: 0.11;
}

.image-20.selected {
    opacity: 1;
}

.columns-9 {
    margin-right: auto;
    margin-left: auto;
}

.lottie-animation-8 {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
}

.text-span-6 {
    color: #2980ff;
    text-decoration: none;
}

.background-video {
    overflow: hidden;
    max-height: 323px;
    padding-left: 0px;
}

.grid-2 {
    overflow: hidden;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.portfolioboxes {
    padding: 40px 0px 0;
}

.div-block-23 {
    overflow: hidden;
    height: auto;
    max-height: 300px;
    -o-object-fit: fill;
    object-fit: fill;
}

.background-video-2 {
    -o-object-fit: cover;
    object-fit: cover;
}

.email-address {
    color: #2980ff;
}

.field-label {
    font-size: 16px;
}

.field-label-2 {
    font-size: 16px;
}

.section-12 {
    margin-bottom: 135px;
}

.forgot-password {
    margin-top: 24px;
    margin-bottom: 1px;
    font-size: 13px;
    text-align: center;
}

.forgot-password.login {
    margin-top: 0px;
    color: #b290d8;
}

.success-message {
    background-color: #e7f1ff;
}

.success-message.reset {
    margin-top: 17px;
    margin-bottom: 27px;
}

.recaptcha {
    margin-top: 8px;
}

.success-message-2 {
    margin-top: 54px;
    margin-bottom: 366px;
    border-radius: 8px;
    background-color: #d9ffe7;
}

.grid-3 {
    max-width: 900px;
    margin-right: auto;
    margin-bottom: 35px;
    margin-left: auto;
    grid-column-gap: 30px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    background-color: #fdf1ff;
}

.grid-3.tools {
    max-width: 900px;
    margin-bottom: 5px;
    background-color: #fff;
}

.footer-2 {
    padding-top: 60px;
    padding-bottom: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #000000;
    text-align: center;
}

.footer-flex-container-2 {
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
}

.footer-logo-link-2 {
    max-height: 70px;
    min-width: 70px;
    margin-top: -15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.footer-logo-link-2.w--current {
    max-height: 60px;
    min-width: 60px;
    margin-top: -22px;
}

.footer-image-2 {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin-left: -21px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
}

.footer-heading-2 {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}

.footer-link-2 {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
font-size: 15px;}

.footer-link-2:hover {
    /*text-decoration: underline;*/
}

.div-block-24 {
    max-width: 30%;
    margin-top: -17px;
}

.list-item-6 {
    color: #fff;
    list-style-type: none;
}

.lottie-animation-9 {
    margin-bottom: -128px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url("../../404.php");
    background-position: 0px 0px;
    background-size: 125px;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    padding: 16px 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 19px;
    background-color: #fff;
    box-shadow: 1px 1px 20px 0 #94e8b6;
    text-align: center;
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.body-6 {
    background-color: transparent;
    background-image: url("../../404.php");
    background-position: 0px 0px;
    background-size: 600px;
}

.text-span-7 {
    font-size: 16px;
    font-weight: 300;
}

.text-span-8 {
    font-size: 16px;
    font-weight: 300;
}

.text-span-9 {
    font-size: 16px;
    font-weight: 300;
}

.text-span-10 {
    font-size: 16px;
    font-weight: 300;
}

.text-span-11 {
    font-size: 16px;
    font-weight: 300;
}

.text-span-12 {
    font-size: 16px;
    font-weight: 300;
}

.section-13 {
    background-color: #fff8e3;
}

.link-4 {
    color: #ffeaae;
    text-decoration: none;
}

.image-22 {
    max-width: 800%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.section-14 {
    max-width: 720px;
    margin-right: auto;
    margin-bottom: 92px;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: transparent;
    text-align: center;
}

.div-block-28 {
    max-width: 800px;
}

.div-block-29 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #2980ff;
    border-radius: 8px;
    background-color: rgba(41, 128, 255, 0.07);
    background-image: url("https://uploads-ssl.webflow.com/5eb3e9caf595235fb8e3530b/5f0be7dc992a5e9392a51e98_noun_Search_544648 (1).svg");
    background-position: 95% 50%;
    background-size: 80px;
    background-repeat: no-repeat;
}

.heading-11 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 30px;
    font-family: Brown, Arial, sans-serif;
    font-size: 42px;
    text-align: left;
    text-decoration: none;
}

.heading-11.visit {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 24px;
    font-size: 24px;
    font-weight: 500;
}

.heading-11.fast {
    margin-bottom: 23px;
    padding-top: 0px;
    border: 1px solid transparent;
    color: #2980ff;
    font-size: 24px;
    font-weight: 400;
}

.link-5 {
    color: #2980ff;
    text-decoration: none;
}

.link-block {
    width: 100%;
    max-width: 100%;
    padding-right: 19px;
    border-style: solid;
    border-width: 1px;
    border-color: #2980ff;
    border-radius: 8px;
    background-color: rgba(41, 128, 255, 0.09);
    background-image: url("https://uploads-ssl.webflow.com/5eb3e9caf595235fb8e3530b/5f0be7dc992a5e9392a51e98_noun_Search_544648 (1).svg");
    background-position: 95% 50%;
    background-size: 80px;
    background-repeat: no-repeat;
    text-decoration: none;
}

.text-span-13 {
    font-size: 30px;
}

.youtube {
    width: 960px;
    height: 700px;
    max-height: 70%;
    max-width: 70%;
    min-height: 0px;
    min-width: 400px;
    margin-right: auto;
    margin-left: auto;
    -o-object-fit: fill;
    object-fit: fill;
}

.heading-12 {
    font-family: Brown, Arial, sans-serif;
    font-size: 42px;
    text-align: center;
}

.heading-12.demo {
    margin-top: 48px;
    letter-spacing: -1px;
}

.section-15 {
    padding-bottom: 31px;
}

.body-7 {
    background-image: url("../../404.php");
    background-position: 0% 0%;
    background-size: 260px;
    background-repeat: no-repeat;
}

.div-block-30 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 21px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video {
    width: auto;
    height: auto;
    max-height: 260vh;
    max-width: 500vw;
    margin-right: auto;
    margin-left: auto;
}

.youtube-2 {
    width: 77%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
}

.section-16 {
    width: 70%;
    height: 0%;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}

.text-block-7 {
    margin-left: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
}

.container-3 {
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 2px;
    border: 1px solid transparent;
    background-color: #94e8b6;
}

.popular {
    padding-left: 0px;
    color: #94e8b6;
    font-size: 16px;
}

.container-4 {
    margin-top: -49px;
    margin-bottom: 41px;
    padding-bottom: 0px;
    background-color: #94e8b6;
}

.container-4.white {
    background-color: #fff;
}

.text-block-8 {
    margin-bottom: 2px;
    padding: 3px 0px 0px 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

@media screen and (max-width: 991px) {
    .nav-link {
        color: #fff;
    }
    .navbar {
        padding-top: 0px;
    }
    .header-background {
        overflow: hidden;
        height: auto;
        min-height: 400px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 16px;
        background-position: 100% 20%, -20px -10px;
        background-size: 150px, 150px;
    }
    .headline-container {
        overflow: visible;
        padding-left: 0px;
    }
    .button {
        /* width: 250px; */
        max-width: 250px;
    }
    .button.alternate-style {
        max-width: 250px;
    }
    .button.get-started {
        margin-right: auto;
        margin-left: auto;
    }
    .brand-link {
        padding-left: 10px;
    }
    .menu-button.w--open {
        background-color: #000;
    }
    .footer {
        padding-right: 20px;
        padding-left: 20px;
    }
    .footer-logo-link {
        max-width: 25%;
        min-width: 0px;
    }
    .footer-image {
        width: 100%;
        padding-bottom: 9px;
    }
    .heading.white.our-work {
        text-align: left;
    }
    .heading.sub-pages {
        max-width: 450px;
    }
    .navbar-container {
        width: 100%;
        min-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .nav-menu {
        background-color: #000;
        color: #fff;
    }
    .image.centered {
        max-width: 80px;
    }
    .nav-menu-2 {
        position: absolute;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
        z-index: 1;
        margin-top: 25px;
        margin-bottom: 0px;
        padding-top: 5px;
        padding-bottom: 16px;
        padding-left: 6px;
        background-color: #000;
        opacity: 1;
        cursor: pointer;
    }
    .container {
        min-width: 0px;
    }
    .section-3 {
        padding-top: 57px;
        padding-bottom: 34px;
        background-position: 0% 0%;
        background-size: 100%;
    }
    .max-width-div {
        padding-top: 0px;
        padding-bottom: 0px;
        background-position: 160% 50%;
        background-size: 540px;
    }
    .heading-4.centered {
        max-width: 400px;
        padding-bottom: 55px;
        font-size: 36px;
    }
    .heading-4.centered.our-work.pricing-page {
        padding-bottom: 0px;
    }
    .heading-4.left {
        padding-right: 0px;
        font-size: 36px;
    }
    .heading-2-blue {
        font-size: 36px;
    }
    .paragraph {
        padding-right: 0px;
        font-size: 16px;
    }
    .image-5 {
        padding-top: 94px;
        padding-bottom: 94px;
    }
    .column-10 {
        overflow: hidden;
    }
    .vertically-centered-div-box {
        margin-left: 21px;
    }
    .gallery {
        background-size: 300px, 300px;
    }
    .gallery-grid-container {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
    .div-block-6 {
        padding-right: 24px;
        padding-left: 24px;
    }
    .div-block-6.pricing-header.pricing-page {
        max-width: 480px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 45px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-5 {
        background-position: 50% 180%;
        background-size: 80%;
    }
    .section-5.beige {
        background-image: none;
    }
    .columns-4 {
        margin-bottom: 0px;
    }
    .paragraph-2 {
        font-size: 16px;
    }
    .column-11 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .column-11.pricing-1 {
        padding-top: 8px;
    }
    .column-11.benefits {
        background-size: 230px;
    }
    .column-11.benefits.big-1 {
        background-size: 200px;
    }
    .column-11.benefits.big-1.b {
        background-position: 50% 0px;
        background-size: 200px;
    }
    .column-11.benefits.big-1.c {
        background-position: 50% 0%;
        background-size: 200px;
    }
    .column-12 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .column-12.pricing-2 {
        margin-top: 80px;
    }
    .column-13 {
        margin-top: 64px;
        padding-top: 0px;
        padding-right: 50px;
        padding-left: 50px;
    }
    .heading-medium {
        font-size: 28px;
    }
    .image-6 {
        overflow: hidden;
        max-width: 120%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .pricing {
        background-image: url("../../404.php"), url("../../404.php");
        background-position: 145% 102%, 0px 0px;
        background-size: 400px, 125px;
        background-repeat: no-repeat, no-repeat;
    }
    .paragraph-5 {
        max-width: none;
        margin-bottom: 0px;
    }
    .paragraph-5.more-psacing-under {
        margin-bottom: 76px;
    }
    .paragraph-5.more-psacing-under.pricing {
        max-width: 60%;
        background-image: none;
    }
    .paragraph-5.riskfree {
        max-width: 70%;
    }
    .div-block-11 {
        overflow: visible;
        margin-top: 92px;
        margin-bottom: 92px;
        margin-left: 20px;
        font-size: 16px;
    }
    .div-block-12 {
        padding-top: 16px;
    }
    .image-7 {
        max-width: 105px;
    }
    .nav-link-2 {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #fff;
    }
    .nav-link-3 {
        color: #fff;
    }
    .nav-link-3.w--current {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .nav-link-4 {
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #fff;
    }
    .div-block-13 {
        padding-top: 122px;
        padding-right: 120px;
        padding-left: 120px;
        background-position: 0px 20px, 100% 400px;
        background-size: 200px, 250px;
    }
    .paragraph-6 {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
    .section-8 {
        padding-top: 79px;
        background-image: url("../../404.php");
        background-position: 300px 170px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .section-8.oru-work-page {
        padding-top: 85px;
        padding-bottom: 110px;
        background-position: 50vw 100%;
        background-size: 60%;
    }
    .section-8.oru-work-page.about-us {
        background-size: 45%;
    }
    .div-block-14 {
        max-width: 700px;
        padding-right: 124px;
        padding-left: 0px;
    }
    .div-block-14.our-work {
        padding-right: 275px;
    }
    .lottie-animation-2 {
        overflow: hidden;
        max-width: 250px;
        margin-right: -48px;
        margin-left: 94px;
        padding-top: 139px;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -o-object-fit: none;
        object-fit: none;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
    }
    .lottie-animation-4 {
        max-width: 80px;
        margin-bottom: -64px;
    }
    .invisable-section.white.header {
        width: 15%;
        max-width: 100px;
    }
    .image-10 {
        max-height: 100px;
        max-width: 40px;
        margin-top: -48px;
    }
    .text-block {
        padding-top: 15px;
    }
    .list-item-2 {
        font-size: 16px;
    }
    .list-item-3 {
        font-size: 16px;
    }
    .list-item-4 {
        font-size: 16px;
    }
    .list-item-5 {
        font-size: 16px;
    }
    .our-work-sub-header {
        margin-bottom: 9px;
    }
    .our-work-sub-header.contact-us {
        margin-bottom: 39px;
    }
    .div-block-15 {
        margin-right: 0px;
        margin-left: 0px;
    }
    .heading-8 {
        margin-top: 10px;
    }
    .image-15 {
        max-width: 80px;
        margin-bottom: 38px;
    }
    .column-15 {
        padding-left: 20px;
    }
    .column-16 {
        padding-right: 20px;
    }
    .column-17 {
        padding-left: 20px;
    }
    .column-18 {
        padding-right: 20px;
    }
    .contact-form {
        padding-bottom: 0px;
    }
    .container-2.contact-us {
        padding-bottom: 8px;
    }
    .body-3 {
        background-position: 0px 70px;
        background-size: 100px;
    }
    .italic-text {
        opacity: 1;
    }
    .div-block-18 {
        margin-right: 30px;
        margin-bottom: 46px;
        margin-left: 30px;
        padding-top: 9px;
    }
    .text-block-6 {
        text-align: left;
    }
    .column-19 {
        margin-top: 29px;
    }
    .image-18 {
        position: relative;
        width: auto;
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 33px;
        text-align: center;
    }
    .columns-7 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: auto;
        margin-left: auto;
        clear: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        direction: ltr;
    }
    .column-20 {
        position: static;
    }
    .div-block-19 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: auto;
        margin-left: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu-button-3 {
        z-index: 2;
        padding-top: 28px;
        background-color: hsla(0, 0%, 78.4%, 0.03);
    }
    .menu-button-3.w--open {
        background-color: hsla(0, 0%, 78.4%, 0);
    }
    .section-12 {
        margin-bottom: 73px;
    }
    .grid-3 {
        margin-bottom: 34px;
        padding-right: 20px;
        padding-left: 20px;
        grid-column-gap: 20px;
    }
    .grid-3.tools {
        margin-right: 20px;
        margin-left: 20px;
    }
    .footer-2 {
        padding-top: 47px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .footer-logo-link-2.w--current {
        margin-top: -15px;
    }
    .footer-image-2 {
        margin-left: -13px;
    }
    .div-block-24 {
        margin-top: -12px;
    }
    .lottie-animation-9 {
        margin-bottom: -85px;
    }
    .body-7 {
        background-size: 200px;
    }
    .section-16 {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 40px;
        line-height: 1.2;
    }
    h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    h3 {
        font-size: 24px;
        line-height: 1.4;
    }
    h4 {
        font-size: 20px;
        line-height: 1.4;
    }
    h5 {
        font-size: 16px;
        line-height: 1.4;
    }
    h6 {
        font-size: 14px;
        line-height: 1.4;
    }
    p {
        font-size: 16px;
    }
    .navbar {
        padding-top: 0px;
    }
    .header-background {
        height: auto;
        padding-bottom: 6px;
        background-position: 100% 20%, -20px 20px;
        background-size: 100px, 120px;
    }
    .headline-container {
        text-align: center;
    }
    .button {
        padding: 15px 20px !important;
        font-size: 16px !important;
    }
    .button.alternate-style {
        width: 250px;
        max-width: 250px;
    }
    .button.get-started {
        display: block;
        width: 320px;
        min-width: 0px;
        margin-right: auto;
        margin-left: auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .button.demo {
        min-width: 250px;
    }
    .subhead {
        max-width: 70%;
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 1.2;
    }
    .body-container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .footer {
        padding: 40px 20px;
    }
    .homepg .home-content {
        margin: 0 !important;
        text-align: center;
        /* padding: 5px 0 0 0; */
    }
    .homepg:after {
        display: none;
    }
    .services-sec-banner .banner-img {
        margin: 0;
        display: table;
        margin: auto;
    }
    .service-box .bg h4 {
        text-align: center;
        line-height: 26px;
    }
    .service-box .bg p {
        font-size: 16px;
        line-height: 28px;
        padding: 10px 0px 0 0;
    }
    .footer-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-logo-link {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 99px;
    }
    .footer-image {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding-bottom: 0px;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .hero {
        padding: 40px 20px;
    }
    .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .hero-image-mask {
        margin-right: 0px;
        margin-left: 0px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .hero-overlay {
        padding: 40px 20px;
    }
    .heading.white.our-work {
        margin-bottom: 11px;
    }
    .heading.sub-pages {
        max-width: 400px;
    }
    .body {
        margin-top: 0px;
    }
    .image-3 {
        max-width: 70%;
    }
    .section-3 {
        padding-top: 15px;
        background-position: 0% 0%;
    }
    .max-width-div {
        background-position: 50% 85%;
    }
    .heading-4.centered.our-work {
        margin-top: 67px;
    }
    .heading-4.centered.our-work.pricing-page {
        margin-top: 56px;
    }
    .column-9 {
        margin-top: 57px;
        margin-bottom: 6px;
        padding-right: 20px;
        padding-bottom: 126px;
        padding-left: 20px;
    }
    .image-5 {
        padding-top: 0px;
    }
    .column-10 {
        margin-bottom: 23px;
        padding-bottom: 1px;
    }
    .gallery {
        padding: 40px 20px;
        background-size: 200px, 250px;
    }
    .gallery-grid-container {
        max-width: none;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto auto auto;
        grid-template-rows: auto auto auto auto;
    }
    .div-block-6 {
        padding-top: 125px;
    }
    .div-block-6.pricing-header {
        padding-top: 34px;
        padding-bottom: 0px;
    }
    .div-block-6.pricing-header.pricing-page {
        max-width: 400px;
        padding-top: 43px;
    }
    .paragraph-2 {
        padding-right: 80px;
        padding-left: 80px;
    }
    .paragraph-2.how-it-works {
        padding-left: 0px;
    }
    .column-11.pricing-1 {
        padding-top: 0px;
        padding-bottom: 37px;
    }
    .column-11.benefits {
        background-size: 200px;
    }
    .column-12.pricing-2 {
        padding-bottom: 45px;
    }
    .column-13 {
        padding-top: 0px;
    }
    .image-6 {
        overflow: hidden;
        max-width: 140%;
        -o-object-fit: fill;
        object-fit: fill;
    }
    .pricing {
        background-image: url("../../404.php"), url("../../404.php");
        background-position: 170% 102%, 0px 0px;
        background-size: 350px, 125px;
        background-repeat: no-repeat, no-repeat;
    }
    .pricing-headers {
        margin-top: 1px;
    }
    .paragraph-5 {
        max-width: none;
        margin-bottom: 18px;
    }
    .div-block-11 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 24px auto 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
    .div-block-12 {
        padding-top: 18px;
    }
    .image-7 {
        max-width: 90px;
        margin-top: 6px;
    }
    .div-block-13 {
        padding: 105px 40px 62px;
        background-image: none;
    }
    .paragraph-6 {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
    .section-8 {
        padding: 57px 81px 84px 42px;
        background-position: 150% 15vw;
        background-size: contain;
    }
    .section-8.oru-work-page {
        padding-top: 61px;
        padding-right: 20px;
        padding-left: 20px;
        background-position: 60vw 150px;
        background-size: 400px;
    }
    .section-8.oru-work-page.about-us {
        padding-right: 30px;
        padding-left: 30px;
        background-position: 50vw 100px;
        background-size: 50%;
    }
    .div-block-14.our-work {
        padding-right: 0px;
    }
    .heading-7 {
        font-size: 24px;
    }
    .lottie-animation-2 {
        margin: -8px auto 77px;
        padding-top: 0px;
    }
    .invisable-section.white.header {
        width: 18%;
    }
    .text-block {
        padding-top: 4px;
    }
    .lottie-animation-5 {
        max-width: 250px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .lottie-animation-6 {
        max-width: 250px;
        margin-right: auto;
        margin-left: auto;
    }
    .lottie-animation-7 {
        max-width: 250px;
        margin-right: auto;
        margin-left: auto;
    }
    .our-work-sub-header.confirm-plan {
        max-width: 80%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .our-work-sub-header._1 {
        max-width: 90%;
    }
    .our-work-sub-header.contact-us.or {
        margin-bottom: 11px;
    }
    .image-14 {
        max-width: 100%;
        margin-bottom: -3px;
        padding-top: 9px;
        text-align: left;
    }
    .image-15 {
        margin-bottom: 33px;
    }
    .columns-6 {
        margin-bottom: 30px;
    }
    .heading-9 {
        padding-right: 141px;
        font-size: 18px;
    }
    .column-15 {
        margin-bottom: 27px;
        padding-right: 20px;
    }
    .column-16 {
        padding-left: 20px;
    }
    .column-17 {
        margin-bottom: 30px;
        padding-right: 20px;
    }
    .column-18 {
        padding-left: 20px;
    }
    .contact-form {
        padding: 0px;
        background-image: none;
    }
    .container-2 {
        padding-top: 18px;
    }
    .container-2.contact-us {
        padding-bottom: 25px;
    }
    .container-2.confirm {
        padding-top: 4px;
        padding-bottom: 8px;
    }
    .body-3 {
        background-position: -30px 50px;
    }
    .italic-text {
        opacity: 1;
        font-size: 14px;
    }
    .text-field {
        margin-bottom: 0px;
    }
    .text-field-2 {
        margin-bottom: 0px;
    }
    .text-field-3 {
        margin-bottom: 0px;
    }
    .text-field-4 {
        margin-bottom: 0px;
    }
    .div-block-18 {
        margin-bottom: 31px;
    }
    .heading-10 {
        font-size: 24px;
    }
    .text-block-6 {
        text-align: left;
    }
    .body-5 {
        background-size: 130px;
    }
    .column-19 {
        margin-top: 14px;
    }
    .image-18 {
        margin-bottom: 2px;
    }
    .div-block-20 {
        padding-top: 40px;
    }
    .confirm-plan-details {
        max-width: 80%;
    }
    .grid-3 {
        margin-right: 20px;
        margin-bottom: 25px;
        margin-left: 20px;
        padding-right: 0px;
        padding-left: 0px;
        grid-column-gap: 15px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .grid-3.tools {
        max-width: none;
        margin-right: 0px;
        margin-left: 0px;
        grid-column-gap: 5px;
    }
    .footer-2 {
        padding: 40px 20px;
    }
    .footer-logo-link-2.w--current {
        margin-top: -10px;
    }
    .footer-image-2 {
        -o-object-fit: contain;
        object-fit: contain;
    }
    .div-block-24 {
        margin-top: -7px;
    }
    .lottie-animation-9 {
        margin-bottom: -65px;
    }
    .section-14 {
        max-width: 100%;
    }
    .link-block {
        margin-right: 20px;
        margin-left: 20px;
        padding-right: 0px;
    }
    .heading-12.demo {
        font-size: 36px;
    }
    .body-7 {
        background-position: 0% 10%;
        background-size: 160px;
    }
    .div-block-30 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-16 {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 36px;
        line-height: 1.1;
    }
    h2 {
        line-height: 1.2;
    }
    h3 {
        line-height: 1.3;
    }
    h4 {
        line-height: 1.4;
    }
    h5 {
        line-height: 1.4;
    }
    .nav-link {
        background-color: #000;
        color: #fff;
    }
    .header-background {
        height: auto;
        padding-right: 0px;
        padding-bottom: 4px;
        padding-left: 0px;
        background-image: none;
    }
    .headline-container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .button {
        max-width: 250px;
        margin-right: auto;
        margin-left: auto;
    }
    .button.alternate-style {
        width: 250px;
        max-width: 250px;
    }
    .button.get-started {
        max-width: 270px;
    }
    .button.demo {
        margin-right: auto;
        margin-left: auto;
    }
    .subhead {
        max-width: 90%;
        margin-top: 7px;
        margin-bottom: 0px;
        padding-top: 9px;
        font-size: 16px;
    }
    .brand-link {
        padding-left: 10px;
    }
    .site-title {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .menu-button {
        background-color: transparent;
    }
    .menu-button.w--open {
        background-color: #000;
    }
    .icon {
        color: #000;
    }
    .menu-button-2 {
        background-color: #000;
    }
    .menu-button-2.w--open {
        color: #fff;
    }
    .footer {
        padding-right: 20px;
        padding-bottom: 15px;
        padding-left: 20px;
        text-align: left;
    }
    .footer-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-logo-link {
        height: 60px;
        max-width: 80%;
        padding-bottom: 79px;
    }
    .footer-heading {
        margin-top: 20px;
    }
    .centered-container {
        text-align: left;
    }
    .heading.white {
        margin-bottom: 4px;
        text-align: left;
    }
    .heading.white.our-work {
        margin-left: -3px;
        padding-left: 0px;
    }
    .heading.sub-pages {
        max-width: 250px;
        margin-bottom: 9px;
    }
    .heading.sub-pages.terms-header {
        margin-top: 29px;
    }
    .image {
        position: static;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        -o-object-fit: fill;
        object-fit: fill;
    }
    .body {
        margin-top: 0px;
        font-size: 16px;
    }
    .image-3 {
        overflow: hidden;
        max-height: 80%;
        max-width: 80%;
        -o-object-fit: fill;
        object-fit: fill;
    }
    .column {
        overflow: hidden;
    }
    .heading-2 {
        margin-right: 10px;
        margin-left: 10px;
        font-size: 14px;
    }
    .section-3 {
        padding-top: 20px;
        padding-bottom: 0px;
        background-position: 0% 0%;
        background-size: 100%;
    }
    .max-width-div {
        padding-top: 25px;
        background-position: 50% 90%;
    }
    .heading-4.centered {
        padding-right: 20px;
        padding-bottom: 33px;
        padding-left: 20px;
        font-size: 28px;
    }
    .heading-4.centered.our-work {
        max-width: 80%;
        margin-top: 79px;
    }
    .heading-4.centered.our-work.pricing-page {
        max-width: 200px;
        margin-top: 27px;
    }
    .heading-4.left {
        font-size: 28px;
    }
    .heading-2-blue {
        font-size: 28px;
        line-height: 35px;
    text-align: center;}
    .paragraph.white {
        margin-bottom: 12px;
    }
    .column-9 {
        margin-top: 14px;
    }
    .vertically-centered-div-box {
        margin-right: 20px;
        margin-left: 20px;
    }
    .gallery {
        background-size: 150px, 180px;
    }
    .gallery-grid-container {
        margin-top: 30px;
        margin-right: 0px;
        margin-left: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto;
    }
    .div-block-6 {
        padding: 90px 0px 36px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .div-block-6.pricing-header {
        padding-top: 0px;
    }
    .div-block-6.pricing-header.pricing-page {
        max-width: 300px;
        padding-top: 30px;
        padding-left: 0px;
    }
    .div-block-6.pricing-header.pricing-page.confirm-plan {
        padding-top: 36px;
    }
    .div-block-6.pricing-header.pricing-page.confirm-plan.welcome {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-block-6.pricing-header.pricing-page.login {
        padding-top: 21px;
    }
    .columns-4 {
        display: block;
        overflow: visible;
        max-width: none;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;
    }
    .columns-4.pricing-columns {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .paragraph-2 {
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .column-11.pricing-1 {
        margin-top: 40px;
        padding-right: 20px;
        padding-bottom: 12px;
        padding-left: 20px;
    }
    .column-11.benefits.big-1 {
        margin-right: auto;
        margin-left: auto;
    }
    .column-12.pricing-2 {
        margin-top: 51px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .column-13 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .fine-print {
        margin-right: 20px;
        margin-left: 20px;
    }
    .paragraph-4.our-work-home {
        text-align: center;
    }
    .heading-medium {
        font-size: 24px;
    }
    .heading-medium.pricing-page {
        margin-top: 13px;
    }
    .image-6 {
        overflow: hidden;
        width: 140%;
        max-width: 150%;
        margin-top: 4px;
        margin-bottom: 27px;
        -o-object-fit: fill;
        object-fit: fill;
    }
    .heading-small.left {
        font-size: 20px;
    }
    .heading-small.tools {
        font-size: 16px;
    }
    .pricing {
        background-image: url("../../404.php"), url("../../404.php");
        background-position: 120% 101%, 0px 20px;
        background-size: 130px, 60px;
        background-repeat: no-repeat, no-repeat;
    }
    .pricing-headers {
        font-size: 28px;
        text-align: left;
    }
    .paragraf-left-justified {
        text-align: left;
    }
    .list-2 {
        text-align: left;
    }
    .paragraph-5 {
        max-width: none;
        margin-bottom: 16px;
    }
    .paragraph-5.more-psacing-under.custom {
        max-width: 90%;
    }
    .paragraph-5.riskfree {
        max-width: 90%;
    }
    .div-block-11 {
        overflow: hidden;
        margin-top: 25px;
        margin-bottom: 13px;
    }
    .image-7 {
        max-width: 70px;
        margin-top: 9px;
    }
    .heading-6 {
        margin-top: 22px;
        margin-right: 20px;
        margin-bottom: 1px;
        padding-top: 7px;
        font-size: 18px;
    }
    .div-block-13 {
        padding: 67px 20px 53px;
        background-image: none;
    }
    .image-8 {
        padding-bottom: 0px;
    }
    .paragraph-6 {
        margin-bottom: 20px;
    }
    .section-8 {
        padding: 45px 20px 148px;
        background-position: 100% 60vw;
    }
    .section-8.oru-work-page {
        padding-top: 54px;
        padding-bottom: 139px;
        background-position: 50% 70vw;
        background-size: 300px;
    }
    .section-8.oru-work-page.about-us {
        padding-right: 20px;
        padding-bottom: 120px;
        padding-left: 20px;
        background-position: 50% 65vw;
        background-size: 60%;
    }
    .div-block-14 {
        padding-right: 0px;
    }
    .div-block-14.our-work {
        margin-right: 0px;
        margin-left: 0px;
    }
    .heading-7 {
        font-size: 20px;
    }
    .heading-7.home-page {
        font-size: 18px;
    }
    .lottie-animation-4 {
        margin-top: -44px;
        margin-bottom: -49px;
    }
    .invisable-section.white.header {
        width: 22%;
    }
    .image-10 {
        opacity: 0;
    }
    .image-11 {
        max-width: 60%;
    }
    .our-work-sub-header {
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        font-size: 18px;
        line-height: 1.2;
    }
    .our-work-sub-header.confirm-plan {
        max-width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    .our-work-sub-header.get-started {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        text-align: center;
    }
    .our-work-sub-header._1 {
        margin-bottom: 11px;
        font-size: 18px;
    }
    .our-work-sub-header.contact-us {
        margin-bottom: 23px;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 16px;
    }
    .our-work-sub-header.contact-us.or {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 1.5;
    }
    .image-14 {
        margin-bottom: 0px;
        padding-top: 15px;
    }
    .image-15 {
        max-width: 60px;
        margin-bottom: 33px;
    }
    .columns-6 {
        margin-bottom: 20px;
    }
    .heading-9 {
        padding-right: 0px;
        font-size: 16px;
    }
    .column-15 {
        margin-bottom: 20px;
    }
    .column-17 {
        margin-bottom: 20px;
        padding-right: 20px;
    }
    .text-block-2 {
        font-size: 14px;
    }
    .text-block-3 {
        font-size: 14px;
    }
    .text-block-4 {
        font-size: 14px;
    }
    .text-block-5 {
        font-size: 14px;
    }
    .contact-form {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        background-image: url("../../404.php");
        background-position: 100% 260vw;
        background-size: 250px;
    }
    .contact-form.log-in {
        max-width: 100%;
        min-width: 100%;
    }
    .small-text.fields {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .contact-form-grid {
        margin-top: 33px;
        line-height: 16px;
    }
    .container-2 {
        padding-top: 29px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-2.contact-us {
        margin-right: auto;
        margin-left: auto;
        padding-top: 0px;
        padding-bottom: 38px;
        background-color: #f9f7f4;
    }
    .container-2.confirm {
        padding-top: 11px;
        padding-bottom: 18px;
    }
    .container-2.get-started {
        padding-top: 21px;
        padding-bottom: 11px;
    }
    .container-2.login {
        padding-top: 11px;
    }
    .body-3 {
        background-position: -40px 0px;
    }
    .italic-text {
        opacity: 1;
        font-size: 12px;
    }
    .italic-text.fields {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .text-field {
        margin-bottom: 0px;
    }
    .text-field-2 {
        margin-bottom: 0px;
    }
    .text-field-3 {
        margin-bottom: 0px;
    }
    .text-field-4 {
        margin-bottom: 0px;
    }
    .div-block-18 {
        margin-right: 10px;
        margin-bottom: 28px;
        margin-left: 10px;
        padding-top: 17px;
    }
    .heading-10 {
        font-size: 18px;
    }
    .text-block-6 {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
    }
    .body-5 {
        background-position: 120% 15%;
        background-size: 70px;
    }
    .column-19 {
        margin-top: 2px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .image-18 {
        width: auto;
        height: auto;
        max-height: 230px;
        max-width: 230%;
        min-height: auto;
        min-width: auto;
        margin-bottom: 18px;
        padding-bottom: 4px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .div-block-19 {
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-button-3 {
        padding-top: 9px;
        padding-right: 10px;
    }
    .t-cs-label {
        margin-bottom: 18px;
    }
    .t-cs-label.log-in {
        max-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        padding: 18px 0px 20px;
    }
    .text-field-5 {
        min-height: 40px;
    }
    .div-block-20 {
        padding-top: 0px;
    }
    .div-block-20.welcome {
        padding-bottom: 53px;
    }
    .form-block-2 {
        max-width: 270px;
        margin-right: auto;
        margin-left: auto;
    }
    .choose-a-plan {
        max-width: 100%;
    }
    .contact-us-form {
        margin-right: auto;
        margin-left: auto;
    }
    .confirm-plan-details {
        max-width: 80%;
        font-size: 13px;
    }
    .div-block-22 {
        padding-top: 26px;
    }
    .billing-details {
        max-width: 100%;
        margin-bottom: 0px;
        padding-top: 13px;
        font-size: 10px;
        line-height: 1.2;
    }
    .section-12 {
        margin-bottom: 47px;
    }
    .image-21 {
        overflow: visible;
        max-height: 100px;
        min-height: auto;
        min-width: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .grid-3 {
        margin-bottom: 29px;
        grid-column-gap: 5px;
    }
    .grid-3.tools {
        grid-column-gap: 0px;
    }
    .footer-2 {
        padding-right: 20px;
        padding-left: 20px;
        text-align: left;
    }
    .footer-flex-container-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-logo-link-2 {
        height: 60px;
    }
    .footer-heading-2 {
        margin-top: 20px;
    }
    .div-block-24 {
        max-width: 100%;
    }
    .div-block-25 {
        display: none;
    }
    .div-block-26 {
        display: none;
    }
    .div-block-27 {
        display: none;
    }
    .lottie-animation-9 {
        margin-bottom: -61px;
    }
    .section-14 {
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 0px;
    }
    .heading-11 {
        padding-top: 5px;
        padding-left: 0px;
        font-size: 28px;
    }
    .heading-11.visit {
        padding-top: 17px;
        padding-left: 0px;
        font-size: 18px;
    }
    .heading-11.fast {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .link-block {
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 10px;
        padding-left: 17px;
        background-image: url("https://uploads-ssl.webflow.com/5eb3e9caf595235fb8e3530b/5f0be7dc992a5e9392a51e98_noun_Search_544648 (1).svg");
        background-position: 95% 50%;
        background-size: 40px;
    }
    .text-span-13 {
        font-size: 18px;
    }
    .heading-12.demo {
        font-size: 26px;
    }
    .section-15 {
        padding-bottom: 2px;
    }
    .div-block-30 {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .section-16 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

#w-node-81d971ec9687-0c824c37 {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

#w-node-3210714ffd8a-0c824c37 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-c765feae0c71-0c824c37 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-534b1b0f15aa-0c824c37 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-bc885e9155dc-0c824c37 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-2114ac0cd403-0c824c37 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-b5e9bfff849f-0c824c37 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-a27eaf2cb9a7-8058fb40 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

#w-node-6b6284bd5e52-8058fb40 {
    -ms-grid-column-align: end;
    justify-self: end;
}

@media screen and (max-width: 1200px) {
    .scnd-fold {
        padding: 40px 0px;
    }
    header .menu ul li.hasmenu:hover .dropDown {
        /* left: 585px !important; */
    }
    .footer-3 .mainwrp p {
        text-align: center !important;
    }
    .h-points li {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 991px) {
    #w-node-3210714ffd8a-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-c765feae0c71-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-534b1b0f15aa-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-bc885e9155dc-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-2114ac0cd403-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-b5e9bfff849f-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
}

@media screen and (max-width: 767px) {
    #w-node-3210714ffd8a-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-c765feae0c71-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-534b1b0f15aa-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-bc885e9155dc-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-2114ac0cd403-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    #w-node-b5e9bfff849f-0c824c37 {
        -ms-grid-column-align: center;
        justify-self: center;
    }
}

@media screen and (max-width: 479px) {
    #w-node-81d971ec9687-0c824c37 {
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #w-node-a27eaf2cb997-8058fb40 {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }
    #w-node-a27eaf2cb99f-8058fb40 {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }
    #w-node-96ae250db302-8058fb40 {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }
    #w-node-6b6284bd5e52-8058fb40 {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }
}

@font-face {
    font-family: 'Brown';
    src: url('../fonts/Brown-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Brown';
    src: url('../fonts/Brown-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

section.top-banner {
    padding-bottom: 10%;
    background: #ffc136;
    background-image: url(../images/custom-website-main-banner.png);
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: 640px 0px;
}

.triger-wrap-icons {
    background: white;
}

.grid-3 {
    background-color: #ffffff;
}


/*body.body.index {
    background: none;
}*/

.portfolioboxes {
    background: #fff;
    padding: 40px 0 0;
}

.container-custom {
    max-width: 1285px;
    margin: auto;
    padding: 0 15px;
}

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

.portfolioboxes .portwrappp .subheading {
    color: #EF3D5B;
    background-color: #FBC6CF;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.portfolioboxes .portwrappp {
    text-align: center;
    padding-top: 0;
}

.portfolioboxes .tab-custom .tabbing-links {
    margin: 30px 0 10px 0;
    padding: 0;
}

.portfolioboxes .tab-custom .tabbing-links li.current,
.portfolioboxes .tab-custom .tabbing-links li:hover {
    transition: all .2s ease-in-out;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #ffffff;
    border: 1px solid;
}

.portfolioboxes .tab-custom .tabbing-links li {
    margin: 10px 5px !important;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    margin: 0 5px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: #fff;
    color: #000000;
    font-size: 14px;
}

.portfolioboxes ul.tab-slider li {}

.portfolioboxes .tab-custom .tabbing-links li {
    /* border-radius: 30px; */
    /* display: inline-block; */
    /* font-weight: 600; */
    /* margin: 0 5px; */
    /* cursor: pointer; */
    /* transition: all .2s ease-in-out; */
}

.portfolioboxes .tab-custom .tabs.current {
    display: inline-block;
    padding: 0;
}

.portfolioboxes .tab-custom .tabs {
    display: none;
}

.portfolioboxes .portwrappp .mportt {
    width: 100%;
    font-size: 0;
}

.package {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
.pkg-box {
    margin-bottom: 30px;
}
.pkg-box .imgwrp {
    position: relative;
}

.pkg-box .imgwrp img {
    position: absolute;
    width: 70px;
    top: -90px;
    right: 0;
}

.four-port img {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.b-seller:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.b-seller:hover:before {
    top: -22px;
}

.package:hover {
    background-color: #ea058a4f;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.package:hover .package_price .price {
    color: #fff !important;
}

.btn-wrap-rat {
    display: -webkit-inline-box;
    margin-top: 28px;
}

.top-banner .starimg {
    margin: 30px 0 0 30px;
}

section.trig-wrap-1 {
    background: #f1f1f1;
    padding: 8px 0;
}
.why-we-are ul li a {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-section {}

.why-we-are {}

.why-we-are ul {
    text-align: center;
    margin: 0;
    padding: 0;
}

.why-we-are ul li {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    width: 10%;
    margin-right: 45px;
}

.why-we-are ul li p {
    display: none;
}

.wrapper img {}

ul.list-2 li {
    font-size: 14px;
    text-align: left;
}

.top-banner .arowwrp {
    margin: -70px 0 0 -40px;
    z-index: 9;
    position: relative;
    width: 60px;
    ;
    transform: rotate(-25deg);
}

.button.white-centered:after {
    display: none;
    content: "";
    background-image: url(../images/arrow-monies.gif);
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    position: absolute;
    top: -90px;
    left: 230px;
    right: 0;
}

.white-centered {}

.white-centered:hover {
    text-decoration: none;
}

.servicewrp {
    padding: 50px 0 !important;
}

.servicewrp .txtwrp {}

.servicewrp .txtwrp h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    text-transform: initial;
}

.servicewrp .txtwrp h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    text-transform: initial;
}

.servicewrp .txtwrp p {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    width: 100%;
}

.servicewrp .mainwrp {}

.servicewrp .mainwrp ul {
    list-style: none;
    padding: 0 0 0 55px;
}

.servicewrp .mainwrp ul li {
    position: relative;
}

.servicewrp .mainwrp ul li .imwrp {
    /* display: inline-block; */
    vertical-align: top;
    padding: 16px 18px 0 0px;
    position: absolute;
    left: -55px;
    top: 5px;
}

.servicewrp .mainwrp ul li .imwrp img {}

.servicewrp .mainwrp ul li .txtwrp {
    display: inline-block;
    width: 80%;
}

.servicewrp .mainwrp ul li .txtwrp h4 {
    font-size: 25px;
    font-weight: 700;
}

.servicewrp .mainwrp ul li .txtwrp p {}

.servicewrp.portfolioboxes .tab-custom .tabbing-links {
    margin: 0 auto 30px;
    text-align: center;
}

.servicewrp.portfolioboxes .tab-custom .tabbing-links li {
    margin: 10px 5px;
}

.srv-bnr-frm {
    padding: 35px;
    background-color: #fff;
    width: 80%;
    margin: 40px auto 0;
    border: 2px solid #d2b3ee;
}

.intl-tel-input {
    width: 100%;
}

.srv-bnr-frm h3 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.banner-form {
    background: #fff;
    padding: 30px;
    position: relative;
    z-index: 9;
    border-radius: 5px 0 0 5px;
    margin: 0;
    width: 370px;
    display: inline-block;
    box-shadow: 0px 0px 30px #0000001f;
}

.banform {}

.ban-form {}

.ban-form input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 15px 0;
}

.banner-form .intl-tel-input {
    width: 100%;
}

.banner-form h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
}

.ban-form input[type="submit"] {
    color: #d2b3ee;
    font-weight: 600;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px 15px;
    margin: 20px 0 0;
    border: 3px solid #d2b3ee;
}

.ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    height: 120px;
    outline: none !important;
    margin: 15px 0 0px 0;
}

.srv-bnr-frm p {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #d2b3ee;
    font-weight: 700;
}

.srv-bnr-frm h4 {}

.testimonial {
    width: 100%;
    margin: 10px 0 0;
}

.testimonial .item .itext {
    background: #fff;
    width: 340px;
    padding: 24px 28px;
    margin: 10px auto 26px;
    text-align: left;
    position: relative;
    min-height: 193px;
    border-radius: 5px;
    box-shadow: 4px 9px 20px 0 #dedede;
}

.testimonial .item .itext:before {
    position: absolute;
    content: "\f0dd";
    font-family: icomoon;
    bottom: 5px;
    left: 11px;
    color: #fff;
    content: "\e93d";
    font-size: 104px;
    line-height: 0;
}

.testimonial .item .itext .star {
    margin: 0 0 10px;
}

.testimonial .item .itext span {
    color: #ffa432;
}

.testimonial .item .itext p {
    font-size: 14px;
    color: #929292;
    line-height: 1.4;
    height: 95px;
    padding-right: 4px;
}

.testimonial .item .icli {
    padding: 0 0 0 10px;
}

.testimonial .item .cliimg {
    display: inline-block;
    width: 50px;
    margin-right: 20px;
    vertical-align: top;
    float: left;
    margin: 0px 30px 0 20px;
}

.testimonial .item .cliimg span {
    width: 100%;
    background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);
    color: #fff;
    border-radius: 100%;
    display: block;
    height: 50px;
    font-weight: bold;
    background-color: #7d45a2;
    padding: 13px 0 0;
}

.testimonial .item .cliimg img {
    width: 100%;
    border-radius: 50%;
}

.testimonial .item .cliname {
    display: inline-block;
    text-align: left;
    float: left;
}

.testimonial .item .cliname h6 {
    font-size: 15px;
    margin: 0 0 5px;
    color: #202020;
    padding: 0;
}

.testimonial .item .cliname p {
    font-size: 15px;
    color: #929292;
    line-height: 1.5;
    margin: 0;
}

.testimonial-sec {
    padding: 40px 0px;
    background-color: #fbfbfb;
    text-align: center;
}

.testimonial-sec h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
}

.testimonial-sec p {
    font-size: 20px;
    line-height: 1.2;
    color: #333;
    font-weight: 400;
}

.testimonial .item .itext p::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.testimonial .item .itext p::-webkit-scrollbar-button:start:decrement,
.testimonial .item .itext p::-webkit-scrollbar-button:end:increment {
    display: none;
}

.testimonial .item .itext p::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0px;
    border-left: 0px solid #ccc;
}

 ::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0px;
    background: #006bf0;
}

.contactwrp {
    padding: 90px 0;
}

.contactwrp .txtwrp {
    display: block;
}

.contactwrp h2 {
    text-align: left;
    font-size: 35px;
    font-weight: 600;
}

.contactwrp h5 {
    text-align: left;
    font-size: 35px;
    font-weight: 600;
}

.contactwrp p {
    text-align: left;
}

.contactwrp .txtwrp span {
    margin-bottom: 30px;
    font-size: 15px;
    color: #333;
    line-height: 30px;
    text-align: left;
    display: block;
}

.contactwrp .txtwrp h4 {
    margin-bottom: 30px;
    font-size: 15px;
    color: #333;
    line-height: 30px;
    padding: 0;
}

.form-box-main form label.field-txt {
    font-weight: 500;
    font-size: 18px;
    color: #5B6B7F;
    margin: 0 0 5px;
    width: 100%;
    display: block;
    padding: 10px 0px 0;
}

.form-box-main form label.field-txt span {
    color: #e60303;
}

.form-box-main form input[type="text"],
.form-box-main form input[type="email"],
.form-box-main form input[type="number"],
.form-box-main form input[type="tel"],
.form-box-main form textarea {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #B2B9C1;
    background: white;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border-radius: 8px;
}

.form-box-main form select {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #B2B9C1;
    background: white;
    padding: 12px 15px;
    color: #5B6B7F;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px;
    -webkit-appearance: auto;
}

.form-box-main form select:focus {
    border-radius: 8px 8px 0px 0px;
}

.form-box-main form select[name="ddlMonth"],
.form-box-main form select[name="ddlDay"],
.form-box-main form select[name="ddlYear"] {
    float: left;
    width: 32.5%;
    margin: 0 1% 0 0;
}

.form-box-main form select[name="ddlYear"] {
    margin: 0;
}

.form-box-main form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 100px;
}

.check-list {
    /* float:left; */
    /* margin:0 15px 0 0; */
}

.form-box-main form input[type=checkbox]:not(old),
.form-box-main form input[type=radio]:not(old) {
    width: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
}

.form-box-main form input[type=checkbox]:not(old)+label,
input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #5B6B7F;
}

.form-box-main form input[type=checkbox]:not(old):checked+label {
    background-position: 0 -24px;
}

.form-box-main form input[type=radio]:not(old):checked+label {
    background-position: 0 -48px;
}

.form-box-main form input[type="submit"] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    margin-top: 20px;
    border: none;
    padding: 20px 60px;
    font-size: 16px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    border-radius: 8px;
    border: 3px solid;
    cursor: pointer;
}

.form-box-main form input[type="submit"]:after {
    content: "\e93a";
    font-family: 'icomoon' !important;
    font-size: 13px;
    color: white;
    padding-left: 10px;
}

.form-box-main form input[type="submit"]:hover {
    display: inline-block;
    color: #fff;
}

.form-box-main form input::-webkit-input-placeholder {
    color: gray;
    opacity: 1 !important;
}

.form-box-main form input:-moz-placeholder {
    color: gray;
}

.form-box-main form input::-moz-placeholder {
    color: gray;
}

.form-box-main form input:-ms-input-placeholder {
    color: gray;
}

.form-box-main form textarea::-webkit-input-placeholder {
    color: gray;
    opacity: 1 !important;
}

.form-box-main form textarea:-moz-placeholder {
    color: gray;
}

.form-box-main form textarea::-moz-placeholder {
    color: gray;
}

.form-box-main form textarea:-ms-input-placeholder {
    color: gray;
}

.form-box-main form input:focus,
.form-box-main form textarea:focus,
.form-box-main form select:focus,
.form-box-main form option:focus,
.selected-flag {
    outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.form-box-main form .intl-tel-input {
    width: 100%;
}

.form-box-main form .intl-tel-input .country-list {
    width: 380px;
}

.form-box-main form .intl-tel-input .country-list .country {
    font-size: 13px;
}

.form-box-main form label.error,
label.error {
    color: red;
    font-style: italic;
    margin-bottom: 0px;
    display: none !important;
}

div.error {
    display: none;
}

input.checkbox {
    border: none
}

input.error {
    border: 1px solid red !important;
}

form.cmxform .gray * {
    color: gray;
}

.mybannerform form {
    margin-bottom: 0;
}

.mybannerform form .wrap {
    font-size: 0;
    margin-top: 40px;
    border-radius: 8px;
}

.mybannerform form .wrap .dtf {
    display: inline-block;
    width: 19%;
    vertical-align: middle;
}

.mybannerform form .wrap .dtf input.round {
    border-radius: 6px 0 0 6px;
}

.mybannerform form .wrap .dtf input[type="text"],
.mybannerform form .wrap .dtf input[type="email"],
.mybannerform form .wrap .dtf input[type="number"],
.mybannerform form .wrap .dtf input[type="tel"] {
    width: 100%;
    margin: 0;
    border-right: 1px solid #e1e2e4;
    background: white;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0;
    padding: 12px 50px;
    color: #535971;
    font-size: 14px;
    border-radius: 0px;
    height: 62px;
    font-weight: 400;
    outline: none !important;
}

.mybannerform form .wrap .dtf.btn-box {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}

.mybannerform form .wrap .dtf input[type="submit"] {
    padding: 13px 29px;
    border-radius: 0 5px 5px 0;
    width: 100%;
}

.mybannerform form .submit {
    border: 0;
    font-size: 18px;
    color: #fff;
    line-height: 2;
    padding: 5px 51px;
    outline: none;
    cursor: pointer;
    transition: background-color .3s;
    border-radius: 5px;
    background: #6c1bb5;
}

.portwrappp .column-13 {
    padding: 34px 60px 2px;
}

.portfolioboxes .container-4 {
    margin-top: 0;
    margin-bottom: 0;
}

.services-sec-banner {
    padding-bottom: 60px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.services-sec-banner .image-7 {}

.services-sec-banner h1 {
    text-align: left;
    text-transform: capitalize;
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 42px;
}

.services-sec-banner h4 {
    margin: 0;
    color: #fff;
    text-align: left !important;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 500;
}

.services-sec-banner ul {
    padding: 0;
    margin: 0px;
    margin-top: 10px;
}

.services-sec-banner ul li {
    position: relative;
    color: #fff;
    list-style-type: none;
    margin-left: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
}

.services-sec-banner ul li:before {
    content: "\f00c";
    font-size: 9px;
    margin-right: 0;
    font-family: FontAwesome;
    position: absolute;
    left: -27px;
    color: #000;
    background: #ffd85c;
    padding: 0px 3px 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-sec-banner .heading-2 {
    color: #000;
    text-align: left;
    color: #fff;
}

.services-sec-banner a:hover .services-sec-banner h5 {}

.services-sec-banner img {}

.services-sec-banner .banner-img {
    margin-top: 15px;
}


/*==============floating strips css start============== */

.floatingform-sec {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    left: -450px;
    top: 200px;
    font-size: 0;
    width: 450px;
    /* transform: translateY(-50%); */
    z-index: 999;
    /* display: none; */
}

.floatingform-sec.visible {
    display: block;
}


/*.floatingform-sec .outer-show{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 120px;position: relative;text-transform: uppercase;background: #7d45a2;}*/

.floatingform-sec .outer-show {
    width: 50px;
    z-index: 999;
    height: 200px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
    border-radius: 0 10px 10px 0;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    /* margin-top: 120px; */
    position: relative;
    text-transform: uppercase;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    left: 450px;
    right: auto;
    top: 120px;
}

.floatingform-sec .outer-show p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    display: block;
    transform: rotate(-90deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    left: -38px;
    text-transform: capitalize;
    white-space: pre;
    bottom: 75px;
}

.floatingform-sec .outer-show:hover {
    right: 0px;
}

.floatingform-sec.show {
    left: -50px;
}

.floatingform-sec span.icoo {
    color: #c39d35;
    font-size: 18px;
    padding: 15px 20px;
    background: #ffffff;
    border-radius: 10px 0px 0px 10px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
}

.banner-form {
    top: 0;
    background: #f1f1f1;
    position: fixed;
    z-index: 99999 !important;
    border-radius: 0;
    margin: 0;
    width: 400px;
    display: inline-block;
    box-shadow: 0px 0px 30px #0000001f;
    height: 100vh;
    padding-top: 0;
}

.banner-form .header {
    margin: 0 0;
}

.banner-form .header figure {
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    display: block;
    margin: 0;
}

.banner-form .header img {
    width: 100%;
    height: 60px;
    border-radius: 6px 6px 0 0;
}

.banner-form .header ul {
    float: left;
    text-align: center;
    margin: 10px 0 4px;
    display: block;
}

.banner-form .header ul li {
    display: inline-block;
    /* width: 48%; */
    padding: 0;
    margin: 0 10px;
}

.banner-form .header ul li a {}

.banner-form .header ul li a.btn-main-top-bar {
    width: 86%;
}

.banner-form .header ul.top-info-list li a {
    padding: 5px 10px;
    border-radius: 5px;
}

.banner-form .header ul.top-info-list li a.gray-btn {
    background: #e6e6e6;
    color: #a9a5a5;
    font-size: 12px;
    padding: 5px 40px 5px 6px;
    width: 100%;
}

.banner-form .header ul.top-info-list li a.gray-btn span {
    background: #fff;
    color: #5b5b5b;
    font-size: 11px;
    padding: 3px;
    border-radius: 5px;
}

.banner-form .header ul.top-info-list li a.white-btn {
    color: #333;
    border: 1px solid #d2d2d2;
    font-size: 12px;
}

.banform {
    padding: 10px 37px;
}

.banform .container {
    max-width: unset;
    display: unset;
}

.ban-form input {
    width: 100%;
    border: 1px solid #d2d2d2;
    background: #f2f1ef;
    padding: 0px 10px;
    color: gray;
    font-size: 11px;
    border-radius: 4px;
    height: 35px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 0px 0;
}

.ban-form select {
    width: 100%;
    border: 1px solid #d2d2d2;
    background: #f2f1ef;
    padding: 0px 10px;
    color: gray;
    font-size: 11px !important;
    border-radius: 4px;
    height: 35px;
    font-weight: 400;
    outline: none !important;
    margin: 0px 0 0 0;
    -webkit-appearance: listbox !important;
}

.floatingform-sec .banner-form {
    padding: 0px;
}

.floatingform-sec .ban-form {
    padding: 0 30px;
}

.banner-form .intl-tel-input {
    width: 100%;
}

.banner-form h3 {
    color: #4f4f4f;
    font-size: 24px;
    margin: 0 30px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}

.banner-form h3 strong {
    font-weight: 600;
    font-size: 25px;
}

.ban-form input[type="submit"] {
    color: #ffffff;
    font-weight: 700;
    border-radius: 3px;
    text-align: center;
    padding: 0;
    margin: 0px 0 0;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    cursor: pointer;
    height: 35px;
    font-size: 16px;
    border: 0;
}

.ban-form textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #d2d2d2;
    background: #f2f1ef;
    padding: 10px 15px;
    color: gray;
    font-size: 11px;
    border-radius: 4px;
    box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);
    font-weight: 400;
    outline: none !important;
    margin: 0 0 0px 0;
    resize: none;
}

.ban-form .fldset.inpchecbx label {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
    color: #676767;
    font-size: 13px;
}

.ban-form .fldset.inpchecbx input {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
}

.fldset.inpchecbx {
    margin: 10px 0 0 0;
}

.fldset p {
    font-size: 13px;
    color: #676767;
    padding: 0;
    margin: 10px 0 0 0;
}

.fldset p a {
    display: block;
    padding: 5px 0px 0 0;
    color: #141315;
    font-weight: 500;
    font-size: 14px;
}

.ban-form .col-md-6.first {
    margin-right: 13px;
}

.ban-form .col-md-6 {
    flex: 0 0 48%;
    max-width: 50%;
}

.ban-form .col-md-6,
.ban-form .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.ban-form .intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 12px;
}


/*
.floatbutton.active{right: 0;z-index: 99999;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 18%;font-size: 0;width: 420px;z-index: 999;}
.floatbutton .clickbutton{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #c39d35;font-size: 16px;font-weight: 700;background: #ffffff;position: relative;text-transform: uppercase;}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: -42px; text-transform: capitalize; white-space: pre;bottom: 87px;}
.floatbutton .clickbutton .crossplus.rotate{transform: rotate(45deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #ffffff;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 99999 !important;border-radius: 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #4f4f4f;font-size: 24px;margin-bottom: 5px;font-weight: 700;}
.banner-form h3 strong {font-weight: 600;font-size:25px;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 3px;text-align: center;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;background: #c39d35;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;resize: none;}
.btns_wrap{position:fixed;right: -6px;}
.btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;top: 63px;background: #ffffff;border-radius: 10px 0px 0px 10px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9999;}
.btns_wrap .call_wrap span{color: #4f4f4f;font-size: 20px;vertical-align: middle;padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;background: #ffffff;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 10px 0px 0px 10px;z-index: 9999;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #c39d35;font-size: 18px;padding: 15px 20px;background: #ffffff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}
.btns_wrap .chat_wrap span{color: #4f4f4f;font-size: 20px;vertical-align: middle;padding: 15px 30px 15px 15px;}
.ban-form .fldset.inpchecbx label{display: inline-block;margin: 0;line-height: 1.4;color: #676767;font-size: 13px;}
.ban-form .fldset.inpchecbx input{display: inline-block;width: auto;height: auto;margin: 0;}
.fldset.inpchecbx {margin: 10px 0 0 0;}
.fldset p{font-size: 13px;color: #676767;padding: 0;margin: 10px 0 0 0;}
.fldset p a{display: block; padding: 5px 0px 0 0; color: #141315; font-weight: 500; font-size: 14px; }*/

.floatingform-sec .ban-form .fldset {
    margin: 10px 0 0;
}

.floatingform-sec .ban-form label {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 7px;
}

.main-services-banner-sec .ban-form .fldset textarea {
    height: 60px;
}

.main-services-banner-sec .ban-form input {
    height: 40px
}


/*===================floating strips css end =================*/

ul.portfoliolist {
    margin: 0;
    padding: 0;
    display: block;
}

ul.portfoliolist li {
    display: inline-block;
    width: 48%;
    margin: 15px 0;
}

ul.portfoliolist li a {
    display: block;
}

ul.portfoliolist li a figure {
    display: block;
    width: 100%;
}

ul.portfoliolist li a img {
    width: 100%;
}

.pkg-sec {
    margin-top: 30px;
}

.pkg-sec .pricing-1 {
    margin-top: 0px;
}

.pkg-sec h3.pricing-headers {
    text-align: left;
    margin: 10px 0;
}

.pkg-sec p.paragraf-left-justified {
    text-align: left;
    font-size: 16px;
    margin: 10px 0;
}

.pkg-sec a.button {
    display: table;
    margin: auto;
}

.pkg-sec .heading-small {}

.pkg-sec .heading-small .month {}

.pkg-sec .heading-small .text-span-7 {}

.pkg-sec h3.heading-small {
    margin: 10px 0;
}

.pkg-sec ul {
    padding-left: 10px;
}

.pkg-sec ul li {
    list-style-type: none;
    position: relative;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.pkg-sec ul li:before {
    content: "\f111 ";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: 0;
    top: -1px;
    font-size: 10px;
    margin-right: 10px;
}

header {
    background: #fff;
    padding: 5px 0;
    position: relative;
    transition: 0.5s;
    z-index: 2;
    width: 100%;
    top: 0;
}

.homepgg header {
    background: transparent;
    position: relative;
}

header .col-md-7,
header .col-md-3 {
    display: flex !important;
    align-items: center;
}

header.fixed-header {
    position: fixed;
    background: #f1f1f1;
    z-index: 99;
    width: 100%;
    top: 0;
}

header.fixed-header .topBar {
    display: none;
}

header.fixed-header .dropDown {
    top: 75px;
}

header .logo {
    text-align: left;
}

header .logo a {
    font-size: 30px;
    text-decoration: none;
    display: block;
    margin-top: 15px;
    color: #7d45a2;
    font-weight: 700;
}

header .logo img {
    width: 170px;
    /* display: table; */
    /* margin: auto; */
    margin-top: -20px;
    margin-bottom: -20px;
}

header .menu {
    margin: 0px 0;
    padding: 0;
    text-align: center;
}

header .menu ul {
    margin: 0;
    padding: 0px 0 0;
    text-align: left;
}

header .menu ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0;
    font-weight: 700;
    position: relative;
}

header .menu ul li a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    position: relative;
}

header .menu ul li a.btn-main {
    color: #fff;
    margin: 0;
}

header .menu ul li a i {
    margin-left: 2px;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    position: relative;
    top: 1px;
}

header .menu ul li a:hover {
    color: #2980ff;
}

header .menu ul li.hasmenu:hover .dropDown {
    height: auto;
    padding: 10px;
    opacity: 1;
    top: 96px;
    /* left: 0; */
    overflow: visible;
}

.stickyheader .menu ul li.hasmenu:hover .dropDown {
    top: 47px;
}

header .menu ul li.hiratime {
    border: solid 1px;
    padding: 7px 10px;
    border-radius: 4px;
    position: relative;
    background: #f1f1f1;
    transition: 0.5s;
}

header .menu ul li.hiratime a {}

header .menu ul li.hiratime a i {}

header .menu ul li.hiratime ul {
    position: absolute;
    top: 51px;
    left: 0;
    width: 190px;
    background: #f1f1f1;
    border-radius: 4px;
    padding: 1px 10px;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

header .menu ul li.hiratime ul li {
    display: block;
    padding: 7px 0;
    border-bottom: solid 1px #ccc;
}

header .menu ul li.hiratime ul li a {
    text-transform: capitalize;
}

header .menu ul li.hiratime ul li a:hover {
    color: #c39d35;
}

header .menu ul li.hiratime ul.act {
    height: auto;
    opacity: 1;
}

header .dropDown {
    position: fixed;
    /*left: 0;*/
    display: -ms-flexbox;
    display: flex;
    top: 101px;
    background-color: #ffffff;
    z-index: 9;
    padding: 0px 40px;
    height: 0;
    overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-align: left;
}
/*header-2*/

li.hasmenu-inner {}

li.hasmenu-inner a.web-inr {
    position: relative;
    z-index: 1;
}

li.hasmenu-inner .dropDownWeb {
    position: absolute;
    top: 0;
    right: -211px;
    bottom: auto;
    margin: auto;
    z-index: 22222;
    background: #fff;
    height: auto;
    display: table;
    padding: 8px 8px;
    opacity: 0;
    transition: all .2s ease-in-out;
    border: 1px solid #eee;
}



li.web-inr-drop-mob {
    position: relative;
}

i.mobile-web-inr-drp {
    position: absolute;
    right: 24px;
    top: 10px;
    bottom: auto;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid;
    width: 20px;
    height: 20px;
    z-index: 2;
}

i.mobile-web-inr-drp.icon-angle-up.active ~ i.mobile-web-inr-drp.icon-angle-down{
    display: flex;
}
i.mobile-web-inr-drp.icon-angle-up{
    display: none;
}

i.mobile-web-inr-drp.icon-angle-down.active {
     display: none;
}

i.mobile-web-inr-drp.icon-angle-down.active ~ i.mobile-web-inr-drp.icon-angle-up{
    display: flex;
}

i.mobile-web-inr-drp.icon-angle-up.active {
    display: none;
}
i.mobile-web-inr-drp.icon-angle-down.active ~ ul {
    display: block;
}

li.hasmenu-inner .dropDownWeb li {
    margin: 0;
}

li.hasmenu-inner:hover .dropDownWeb {
    opacity: 1;
}

li.hasmenu-inner a i {
    transition: all .2s ease-in-out;
    transform: rotate(0deg);
}

li.hasmenu-inner:hover a i {
    transform: rotate(-90deg);
}

/*header-2*/

header .dropDown ul {
    /* text-align: left; */
    width: 100%;
}

header .dropDown ul li {
    width: 100%;
    display: block;
    padding: 0 0 10px 5px;
    vertical-align: top;
    margin-top: 0;
}

header .dropDown ul li a {
    color: #000;
    display: block;
    padding: 5px 0;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
}


/*header .dropDown ul li a:hover:before{
    content: '-';
    position: absolute;
    font-size: 20px;
}*/

header .dropDown ul li a.head {
    font-size: 18px;
    font-weight: 600;
    color: #7d45a2;
    padding-top: 10px;
}

header .dropDown ul li a img {
    max-width: 100%;
}

header .dropDown ul li a span.head {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 15px 0 10px;
}

header .dropDown ul li a span.discp {
    font-size: 12px;
}

header .dropDown ul li a.link {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #000;
}

header .dropDown ul li.last {
    padding: 20px 0px 0;
}

header .top-btn {
    padding: 10px 0;
    margin: 0;
    margin-top: 0;
}

header .top-btn li {
    list-style-type: none;
    display: inline-block;
    margin-right: 6px;
}

header .top-btn li a {
    box-shadow: none;
    text-decoration: none;
    padding: 10px 15px;
    margin: 0;
    font-size: 18px;
}

header .top-btn li a:hover {
    color: unset;
}

header .top-btn li a.border-btn:hover {
    color: #000000;
}

header .top-btn li a.btn-white {
    border: 0;
    padding: 0;
    border-radius: 0;
    color: #7d45a2;
    font-weight: 700;
}

.btn-main {
    border: 0;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    padding: 10px 30px;
    color: #fff;
    border-radius: 5px;
    width: unset;
    max-width: unset;
    min-width: unset;
    margin: 0;
    font-size: 16px !important;
    text-decoration: none;
}

.btn-main:hover {
    color: #fff !important;
}

.service-box .slick-prev:before,
.service-box .slick-next:before {
    top: 0px;
}

.slick-prev:before {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 40px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #ffffff;
    position: absolute;
    border-radius: 50%;
    width: 40px;
    padding-right: 3px;
    left: -20px;
    top: -60px;
}

.slick-next:before {
    content: "\f105 ";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 40px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #ffffff;
    position: absolute;
    border-radius: 50%;
    width: 40px;
    padding-left: 4px;
    top: -60px;
}

.pkg-margin {
    margin-top: 40px!important;
}

.b-seller {
    /* border: 1px solid #7d45a2; */
    position: relative;
}

.b-seller:before {
    content: 'MOST POPULAR';
    position: absolute;
    font-size: 16px;
    left: 28px;
    top: -30px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #fff;
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
    z-index: 999;
}

.pricing-2 .button:hover {
    color: #fff;
}

.servingwrp {
    padding: 0px 0;
    margin-bottom: -100px;
}

.servingwrp .txtwrp h2 {}

.servingwrp .txtwrp p {}

.servingwrp a.btn-white {
    border: 1px solid #7D45A2;
    padding: 10px;
    border-radius: 5px;
    color: #7D45A2;
    padding: 15px 30px;
    text-decoration: none;
    margin-left: 30px;
}

.servingwrp .imgwrp img {
    width: 100%;
}

.order footer {
    display: none;
}

.tphead .text-right a {
    position: absolute;
    top: 20px;
    text-decoration: none;
}

.tphead .text-right a span {
    font-size: 40px;
}

.tphead {
    display: block;
    position: relative;
}

.home-banner-content {
    padding: 30px 0 60px;
}

.button:hover {
    color: #fff;
}

footer .w-inline-block {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    margin-bottom: 30px;
}


/*exit popup*/

.ys-layer {
    display: none;
    /*background-image: url(../images/pattern.png);*/
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.header-main.stickyheader {
    position: fixed;
    z-index: 9999;
    min-height: auto;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0px 10px 23px #0000000d;
}

header.header-main.stickyheader .section-6 {
    display: none;
}

.ys-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
}

.ys-container.visible,
.ys-layer.visible {
    display: block;
}

.fldst input[type="text"] {
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    padding: 12px 16px;
}

.fldst input[type="number"] {
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    padding: 12px 16px;
}

.fldst input[type="email"] {
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    padding: 12px 16px;
}

.fldst.btnattach textarea {
    height: 100px;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    padding: 12px 16px;
}

.popupform.tabform.clearfix.text-left h2 {
    text-align: center;
}

.ys-box {
    background-color: #fff;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .8);
    transition: height .2s ease-in-out;
}


/*.ys-popup-close {
    box-shadow: 0px 0px 10px #0000000d;
    position: absolute;
    background-color: #fff;
    color: #0c71f4;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-decoration: none;
    text-indent: -5000px;
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    right: 0;
    top: 0;
    line-height: 1.7;
    width: 0;
    height: 0;
    transform: translateX(50%) translateY(-50%);
    transition: .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
}*/

.ys-popup-close {
    position: absolute;
    color: #000;
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    display: block;
    right: 20px;
    top: 20px;
    font-weight: 700;
}

.ys-container.finished .ys-popup-close {
    width: 40px;
    height: 40px;
    text-indent: 0;
}

.ys-popup-content {
    display: none;
    padding: 20px 60px 20px 60px;
    border-bottom: #0b80ba 5px solid;
    border-radius: 18px;
}

.ys-container.finished .ys-popup-content {
    display: block;
}

.ys-popup-close:hover {
    text-decoration: none;
    color: #f00;
}

.ys-box {
    height: auto;
    width: 580px !important;
    /* background: url(../images/exit-popup-bg.png)no-repeat center; */
    padding: 0px 0 0 0;
    background-size: cover;
}


/*.popupform h2{color: #0b80ba;font-size: 32px;font-weight: 400;}*/


/*.popupform p {color: #000;padding: 0 0 8px;font-size: 14px;}*/

.popupform form p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.popupform form p span {
    color: #0c71f4;
}

p.small {
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
}

.popupform form {
    font-size: 0;
}

.popupform form .fldst {
    margin: 0 20px 20px 0;
    display: inline-block;
    width: 100%;
}

.popupform form input[type="text"] {
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

.popupform form .fldst.btnattach button {
    position: absolute;
    bottom: 70px;
    border: 0;
    display: inline-block;
    right: 35px;
    /* background: -webkit-linear-gradient(left, #f9ad1c 0%,#f9be36 100%); */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}

span.icon-paper-plane:before {
    content: "\e977";
}

.fldst.btnattach button {
    background: #3e2251;
    color: #fff !important;
}

form p span a {
    color: #3e2251;
    text-decoration: none;
}


/*exit popup end*/

.footer-2 {
    padding-bottom: 0px;
}

.footer-2 a:hover {
    color: #fff;
}

footer .copyright {
    color: #fff;
    font-size: 13px;
}

footer .copyright #year {
    color: #fff;
    font-size: 13px
}

.pkg-slider .slick-track {}

.pkg-slider .slick-slide {
    display: inline-block;
}

.btns_wrap {
    position: fixed;
    left: 56px;
}

.btns_wrap a:hover {
    text-decoration: none!important;
    left: -56px;
}

.btns_wrap .call_wrap {
    width: 246px;
    position: absolute;
    right: 0;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    top: 60px;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btns_wrap .call_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    padding: 15px 20px 15px 15px;
    transform: rotate(-361deg);
    border-right: 1px solid #ded9d9;
}

.btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: 2px;
    width: 234px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    top: 0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0 50px 50px 0px;
}

.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo {
    color: #ffffff;
    /* background: linear-gradient(to right, #f05a28 0, #e80a89 100%); */
    font-size: 18px;
    padding: 15px 20px;
    border-left: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 0 50px 50px 0;
    border-right: 0;
}

.icon-phone2:before {
    color: #fff;
}

.btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    padding: 15px 30px 15px 15px;
}

.port-new {
    background: #fff8e3;
    background: url(../images/home-pricing-section.jpg) repeat 0 0 transparent;
    padding: 40px 0 30px;
}

.port-new ul {}

.port-new ul li {
    display: inline-block;
    margin: 0 45px 45px;
}

.port {
    width: 25%;
}

.four-port {
    width: 31%;
    margin: 0 10px !important;
}


/*******************/

.package ul li {
    font-size: 14px;
    color: #000;
    list-style: none;
    font-weight: 400;
}

.package ul {
    padding: 0;
    padding-top: 40px;
    position: relative;
    margin-top: 75px;
    /* border-top: 2px dotted; */
}

.package ul:before {
    content: 'Include:';
    position: absolute;
    font-size: 22px;
    left: 5px;
    font-weight: 700;
    top: 7px;
}

.package {
    position: relative;
    border: 0;
    width: 90%;
    margin: auto;
    min-width: 90% !important;
    border: 1px solid #ddd;
    padding: 20px !important;
    height: 550px;
}

.accent-purple {
    border: 1px solid #7d45a2;
    background: #efefef;
}

.package a.button {
    position: absolute;
    top: 160px;
    width: 80%;
    margin: 0;
}

.package a.button:hover {
    text-decoration: none;
}

.package h2 {
    font-size: 20px !important;
    margin: 5px 0;
    text-align: left;
}

.package span {}

.package span .price {}

.package.pricing-recommended {
    -webkit-transform: scale(1.11);
    transform: scale(1.11)
}

.package .package_price {
    display: block;
    color: #7d45a2;
    margin: 16px 0 30px;
    justify-content: center;
    font-weight: 700;
}

.package .detail-lnk {
    font-size: 15px;
    padding: 10px 0;
    text-align: center;
    margin-top: 10px;
    color: #000;
    font-weight: bold;
    text-decoration: none;

}

.subscribe-fold {
    padding: 120px 60px 60px 60px;
}

.subscribe-fold .myheading {
    position: relative;
    padding-bottom: 40px;
    font-size: 44px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}

.subscribe-fold .mytext {
    text-align: left;
    margin: 0 0 70px;
    padding: 0px;
    font-size: 18px;
}

.subs-pac {
    box-shadow: 0 3px 30px #0000001f;
    display: block;
    width: 100%;
    text-align: center;
    height: 505px;
    margin: 0 0 60px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 10px;
    padding: 75px 0 0;
}

.subscribe-fold h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 100%;
    text-align: center;
}

.subs-pac h6 {
    color: #7d45a2;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    line-height: 0.9;
    margin: 30px 0 0;
    position: relative;
    padding: 0 20px;
}

.subs-pac h6 span.old {
    position: absolute;
    right: 0;
    left: 0;
    top: -30px;
    text-decoration: line-through;
    font-weight: bold;
    margin: 0;
    font-size: 16px;
}

.subs-pac h6 span {
    font-size: 16px;
    color: #687087;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    line-height: 1.3;
}

.subs-pac h6 span {
    font-size: 16px;
    color: #687087;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    line-height: 1.3;
}

.subs-pac a.ordrrrr {
    text-align: center;
    margin: 30px auto 0;
    border: none;
    padding: 14px 60px;
    color: #ffffff;
    box-shadow: none;
    border-radius: 100px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    background: #7d45a2;
    font-family: var(--heading-font-family);
}


/*.subs-pac a.ordrrrr{transition: 0.5s ease-in-out;}
.subs-pac a.ordrrrr:hover{ transform: scale(1.1,1.1); }*/

.subs-pac .actions {
    border-top: 1px solid #eeeeee;
    padding: 0px 0;
    margin: 40px 0 0;
    position: relative;
}

.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    display: inline-block;
    color: #000000;
    margin: 0px;
}

.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    color: #000000;
    display: inline-block;
    margin: 0px;
}

.subscribe-fold .table-packages .head {
    width: 100%;
}

.subscribe-fold .table-packages .head h5 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #160c28;
}

.subscribe-fold .table-packages .body ul li {
    text-align: left;
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #eaeaea;
    width: 95%;
    list-style: none;
}

.subscribe-fold .table-packages .body ul li h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.subscribe-fold .table-packages .body ul li span.tick {
    font-size: 20px;
    color: #7d45a2;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 32px;
    line-height: 1.6;
    float: right;
}

.subscribe-fold .table-packages .body ul li span.tick:before {
    font-family: "fontawesome";
    content: "\f00c";
    position: absolute;
    top: -20px;
}

.subscribe-fold .table-packages .body .subscription-list {
    height: 430px;
    margin-top: 20px;
    padding: 0;
}

.subs-pac.bronze:hover {
    background: #7d45a2;
}

.subs-pac.bronze:hover h6 {
    color: #fff;
}

.subs-pac.bronze:hover h3 {
    color: #fff;
}

.subs-pac.bronze:hover .old {
    color: #fff;
}

.subs-pac.bronze:hover span {
    color: #fff;
}

.subs-pac.bronze:hover .ordrrrr {
    background-color: #fff;
    color: #000;
}

.subs-pac.bronze:hover .chatbtn,
.subs-pac.bronze:hover .numberbtn {
    color: #fff;
}

.subs-pac.bronze:hover .chatbtn,
.subs-pac.bronze:hover .numberbtn {
    color: #fff;
}

.solid-header {}

.h-points {}

.h-points li {
    list-style-type: none;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    width: 47%;
    display: inline-block;
    margin-right: 10px;
}

.h-points li:before {
    content: "\f00c";
    font-size: 12px;
    margin-right: 0;
    font-family: FontAwesome;
    position: absolute;
    left: -28px;
    color: #7d45a2;
    background: #ffffff;
    padding: 0px 3px 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

#pricing-table-top {
    margin: 32px auto 64px
}

#pricing-table-top svg {
    width: 60%;
    margin-top: -15%;
    margin-left: -32%;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    position: absolute;
    z-index: -1
}

#pricing-table-top #package-lifetime {
    -webkit-transform: scale(1.11);
    transform: scale(1.11)
}

body.members_logged_in #pricing-table-top #package-lifetime {
    -webkit-transform: none;
    transform: none
}

#pricing-table-top:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: -webkit-linear-gradient(330deg, rgba(143, 66, 236, 0) 45%, rgba(143, 66, 236, .7) 100%);
    background: linear-gradient(120deg, rgba(143, 66, 236, 0) 45%, rgba(143, 66, 236, .7) 100%);
    right: -64px;
    bottom: -32px
}

#pricing-table-top:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 60px;
    border-radius: 2000px;
    background: #34dd87;
    right: -80px;
    top: -80px
}

#pricing-tables-bottom {
    margin-top: 32px 0
}

.package.pricing-recommended {
    -webkit-transform: scale(1.11);
    transform: scale(1.11)
}

.package .package_price {
    color: rgba(109, 124, 144, .5);
    margin: 16px 0 30px;
    text-align: left;
}

#package-yearly.package .package_price {
    /*margin-right: -32px*/
}

.package .package_price.price-discount {
    margin-bottom: 16px;
    margin-right: 0 !important;
    margin-left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

#package-lifetime.package .package_price {
    margin-right: -48px
}

.package .package_price .price {
    font-weight: 700;
    font-size: 35px;
    line-height: 1em;
    color: #7d45a2 !important;
}

.package .package_price .price.price-discount {
    font-size: 36px;
    color: #ff4c00 !important;
    -webkit-text-decoration: line-through solid rgba(109, 124, 144, .5);
    text-decoration: line-through solid rgba(109, 124, 144, .5)
}

.package .package_price span:last-child {
    align-self: flex-end;
    text-decoration: line-through;
    font-size: 12px;
}

.package .package-price-wrap {
    margin-bottom: 0
}

.package .not-included {
    text-decoration: line-through;
    color: rgba(109, 124, 144, .4)
}

.height220 {
    height: 220px;
}

.height220 li {
    font-size: 14px;
    margin: 0;
}

.addon {
    display: none;
    font-size: 14px;
}

.addon span {
    color: #7d45a2;
    font-weight: bold;
}

#packages .card {
    border-radius: 8px;
    background-color: #fff;
    padding: 32px 25px;
}

li .tooltip_hover {
    color: #fff;
    font-weight: 400;
    width: 320px;
    padding: 24px;
    margin-top: -24px;
    background: #20292f;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    position: absolute;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    -webkit-transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: scale(.94, .96);
    transform: scale(.94, .96);
    text-align: left
}

li .tooltip_hover:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 2000px;
    border-radius: 6px;
    background: #20292f;
    top: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -6px
}

#package-yearly li .tooltip_hover {
    margin-left: 32px;
    text-align: left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

#package-lifetime li .tooltip_hover,
.hosting-card:nth-of-type(3n) li .tooltip_hover {
    margin-left: -528px;
    text-align: right;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

#package-lifetime li .tooltip_hover:after,
.hosting-card:nth-of-type(3n) li .tooltip_hover:after {
    right: -6px;
    left: initial
}

.list-2 {
    display: block;
}

.list-2 li {
    position: relative;
    margin-left: 22px;
}

.list-2 li:before {
    content: "\f00c";
    font-size: 12px;
    margin-right: 0;
    font-family: FontAwesome;
    position: absolute;
    left: -19px;
    color: #6ebc47 !important;
    top: 2px;
}

.detail-lnk:hover {
    color: unset;
}

.accent-purple .primary-button {
    width: 100%;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
}

.accent-purple .card-title,
.accent-purple .package_price .price,
.accent-purple .list-2 li:before {
    color: #000000;
text-align: left;}

.accent-blue .card-title,
.accent-blue .package_price .price,
.accent-blue .list-2 li:before {
    color: #000000;
text-align: left;}

.accent-blue .primary-button {
    background: #000000;
    width: 100%;
}

.accent-green .card-title,
.accent-green .package_price .price,
.accent-green .list-2 li:before {
    color: #000000;
text-align: left;}

.accent-green .primary-button {
    background: #000000;
    width: 100%;
}

.footer-logo img {
    width: 60%
}

.homepg {
    padding-bottom: 0;
    position: relative;
    background-position: 0 30% !important;
}

.homepg:before {
    content: '';
    position: absolute;
    /*background: url("../images/dc_border-2.png");*/
    width: 240px;
    top: -60px;
    height: 830px;
    right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.homepg:after {
    content: '';
    position: absolute;
    /* background-image: url("../images/border-1.png"); */
    width: 160px;
    top: 75px;
    height: 830px;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.homepg .home-content {
    margin: 120px 0 140px;
}


/*.homepg img{display: table;margin: auto;}*/

.homepg h1 {
    color: #fff;
    text-align: left;
    /* padding-bottom: 10px; */
    font-size: 42px;
    font-weight: 700;
}

.homepg h4 {
    color: #fff;
    text-align: left !important;
    margin: auto;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.homepg a {
    margin-top: 10px;
    background: transparent;
    border: 2px solid #bf4c16;
    color: #c44e16;
    box-shadow: none !important;
}

.homepg .clr {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
}

.services-sec-banner a {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    box-shadow: none !important;
    text-transform: capitalize;
    margin: 0 15px -11px 0 !important;
}

.homepg .heading-2 {}

.service-box {
    /* background-color: #d8c7e3; */
    padding: 100px 0;
}

.service-box .bg {
    background: #2980ff;
    border-radius: 10px;
    padding: 50px;
    background-position: center;
    background-size: cover;
    width: 90%;
    margin: auto;
    margin-top: 50px;
}

.service-box h1 {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 44px;
    width: 50%;
    margin: auto;
    margin-bottom: 40px;
}

.service-box h4 {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 44px;
    /* width: 50%; */
    margin: auto;
    margin-bottom: 40px;
}

.service-box .box-wrap {
    display: inline-block;
    text-align: center;
}

.service-box .box-wrap .img-box {
    width: 300px;
    height: 280px;
}

.service-box .box-wrap img {
    display: table;
    margin: auto;
    width: 80%;
}

.service-box .box-wrap h2 {
    font-size: 20px;
    text-transform: capitalize;
    color: #1c1c1c;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.service-box .bg h4 {
    text-align: left;
    font-weight: 700;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    text-transform: capitalize;
}

.service-box .bg p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.service-box .bg a {
    display: table;
    display: inline-block;
    margin-right: 20px;
    margin-right: 10px;
    border: 2px solid #000000;
    box-shadow: none;
    text-transform: capitalize;
}

.service-box .bg .border-btn {
    border-color: #fff;
    color: #fff;
}

.service-box a:hover {
    text-decoration: none;
    outline: none;
}

li.port {
    position: relative;
}

.text {
    color: white;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

li.port .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #f05a2859 0, #e80a8940 100%);
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
    /* opacity:0.5; */
    top: 0;
    border-radius: 5px;
}

li.port:hover .overlay {
    width: 100%;
}

.portfolioboxes h2 {
    font-size: 30px;
    font-weight: 700;
}

.portfolioboxes h5 {
    font-size: 30px;
    font-weight: 700;
}

.our-processwrp .txtwrp h5 {

    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;

}

.clients-sec .section-titleV1 h5 {
    margin: 10px 0 0;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
}

.cta h5 {
    color: #fff;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 12px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

.dptestimonials h5 {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    width: 70%;
    margin: auto;
    color: #000000;
}

.portfolioboxes p {
    width: 80%;
    margin: auto;
    font-weight: 500;
}

.cta {
    margin: 40px 0;
}

.cta .bg {
    background-image: url("../images/cta.png");
    /*background: rebeccapurple;*/
    border-radius: 10px;
    padding: 70px;
    background-position: center;
    background-size: cover;
}

.cta h1 {
    color: #fff;
    font-size: 30px;
}

.cta ul {
    margin-top: 30px;
    text-align: center;
}

.cta ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
}

.cta ul li a {
    margin: 0px;
}

.cta ul li a.black {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
}

.cta ul li a.black:hover {
    color: #fff;
}

.cta ul li a:hover {
    color: unset;
}

.cta ul li a.btn-w:hover {
    color: #fff;
    text-decoration: none;
}

.cta ul li a.btn-w {
    background: unset;
    border: 1px solid #fff;
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
}

.table-packages .list-2 li:before {
    display: none;
}

.dptestimonials {
    padding: 60px 0;
    background: #2980ff57;
}

.dptestimonials h2 {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    width: 70%;
    margin: auto;
    color: #000000;
}

.dptestimonials p {
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    padding: 10px;
    font-weight: 500;
    margin: 0;
    color: #000000;
}

.dptestimonials .testwrap {
    font-size: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
}

.dptestimonials .testwrap .testbox {
    width: 100%;
    display: inline-block;
    box-shadow: rgb(192 192 192 / 33%) 0px 0px 25px;
    border-radius: 5px;
    padding: 30px;
    font-size: 0px;
    min-height: 220px;
    background: #fff;
    height: 220px;
}

.dptestimonials .testwrap .testbox .user {
    width: 90px;
    vertical-align: top;
    display: inline-block;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    margin-right: 26px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 30px 0px;
    background: -webkit-linear-gradient(left, rgb(249, 110, 28) 0%, rgb(249, 190, 54) 100%);
}

.dptestimonials .testwrap .testbox .user img {
    border-radius: 50%;
}

.dptestimonials .testwrap .testbox .user h3 {
    font-size: 28px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    padding: 30px 0px 0px;
}

.dptestimonials .testwrap .testbox .usertest {
    width: 74%;
    display: inline-block;
    vertical-align: top;
}

.dptestimonials .testwrap .testbox .usertest h4 {
    font-size: 18px;
    font-weight: 700;
}

.dptestimonials .testwrap .testbox .usertest p {
    color: #000;
    font-size: 17px;
    text-align: left;
    padding-bottom: 15px;
}

.dptestimonials .testwrap li {
    padding: 20px;
}

.dptestimonials .testwrap .testbox .usertest h6 {
    font-size: 14px;
    color: rgb(0 0 0);
}

.dptestimonials .testwrap .testbox .usertest .ratings {}

.dptestimonials .testwrap .testbox .usertest .ratings span {
    color: #ffcc03;
    font-size: 14px;
    margin-right: 5px;
}

.dptestimonials .list-2 {
    height: 75px;
}

.popupwrp .btn-main {
    text-decoration: none;
    max-width: 100%;
    width: 100%;
    padding: 20px 80px;
    margin: 30px auto;
    text-align: center;
    display: block;
}

.popupwrp .btn-main span {
    margin: 0 10px;
}

.btn-app {
    margin-top: 10px;
    display: inline-block;
}

.scnd-fold {
    padding: 40px 0 0px 0;
    margin-bottom: 40px;
}

.scnd-fold h3 {}

.scnd-fold p {}

.scnd-fold a {
    margin-right: 20px;
}

.scnd-fold ul {
    padding: 0;
    margin-left: 25px;
    padding: 10px 0;
}

.scnd-fold ul li {}

.scnd-fold ul li:before {}

.scnd-fold .video-wrap {
    position: relative;
}

.scnd-fold .video-wrap video {
    /*      position: absolute;*/
    top: 50px;
    left: 0;
    width: 100%;
}

.border-btn {
    border: 2px solid #000000;
    background: transparent;
    color: #000000;
    font-weight: 700;
    box-shadow: none;
    text-transform: capitalize;
    font-size: 16px !important;
}

.border-btn:hover {
    color: #000000;
    text-decoration: none;
}

.hide-desktop {
    display: none
}

.website-pack-preview {
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.website-pack-preview span:first-child {
    width: 220px;
    height: auto;
    z-index: 3;
}

.website-pack-preview span,
.video-popup .video-play-icon {
    box-shadow: 1px 0 0px 0 rgb(103 151 255 / 13%), 0 15px 100px 0 rgba(103, 151, 255, .22);
}

.website-pack-preview span {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.card {
    border-radius: 8px;
    /* background-color: #fff; */
    padding: 30px;
    -webkit-transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    margin-top: 24px;
    /* box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11); */
}

.port img:not(.lazy) {
    height: auto;
}

.website-pack-preview span:nth-child(2) {
    left: 5px;
}

.website-pack-preview span:nth-child(2),
.website-pack-preview span:nth-child(3) {
    position: absolute;
    top: 20px;
    width: 180px;
    height: auto;
    opacity: .8;
    z-index: 2;
}

.column:not(.inline-elements)>:last-child {
    margin-bottom: 0;
}

.website-pack-preview span:nth-child(3) {
    right: 5px;
}

li.port:hover span.card:nth-child(3) {
    transform: rotate(20deg);
    right: -30px;
}

li.port:hover span.card:nth-child(2) {
    transform: rotate(-20deg);
    left: -30px;
}

.website-pack-preview:hover span {
    padding: 0;
    overflow: hidden;
}

.website-pack-preview:hover span:first-child {
    transform: scale(1.1);
}

.port img {
    display: block;
    max-width: 100%;
    align-self: center;
    -webkit-transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    visibility: visible;
    opacity: 1;
}

.column {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 100%;
}

.portfolioboxes .lottie-animation {
    display: table;
    margin: auto;
}

.portfolioboxes .pra {}

.margin-bottm {
    margin-bottom: 60px;
}

.banner-no {
    border: 0 !important;
    text-decoration: none;
    margin-left: 20px;
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
}

header .menu ul li a.btn-white {
    color: #1669d4;
    font-family: 'poppins' !important;
}

.tab-slider .slick-prev:before {
    left: -30px;
    top: -10px;
}

.tab-slider .slick-next:before {
    top: -10px;
}

.thankyoupg {
    height: 60vh
}

.thankyoupg .main-thankyou-sec {
    margin-top: 6%;
    text-align: center;
}

.thankyoupg .main-thankyou-sec h1 {
    color: #000;
}

.thankyoupg .main-thankyou-sec p {
    color: #000;
}

.service-box {}

.service-box a {
    text-decoration: none;
}

.service-box figure {
    border-radius: 100%;
    width: 250px;
    height: 250px;
    /* background-size: 100%; */
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 auto;
}

.service-box figure img {
    position: absolute;
    left: 0;
    top: 45px;
    max-width: 89%;
    margin: 0 auto;
    right: 0;
}

.service-box figure img.img-1 {}

.service-box figure img.img-2 {
    top: 20px;
    max-width: 80%;
}

.service-box figure img.img-3 {
    max-width: 80%;
    top: 45px;
}

.service-box figure img.img-4 {}

.service-box figure img.img-5 {
    max-width: 60%;
}

.service-box h2 {
    font-size: 20px !important;
    text-transform: capitalize;
    color: #1c1c1c;
    margin: 0;
    padding: 0;
    font-weight: 600;
    padding-bottom: 0px !important;
    margin-top: 30px;
}

.service-box h5 {
    font-size: 20px !important;
    text-transform: capitalize;
    color: #1c1c1c;
    margin: 0;
    padding: 0;
    font-weight: 600;
    padding-bottom: 0px !important;
    margin-top: 30px;
}

.social-links {
    margin: 0;
    padding: 0;
}

.social-links li {
    display: inline-block;
    margin-right: 10px;
}

.social-links li a {}

.social-links li a i {
    color: #fff;
}

.footer-2 {
    background-image: url(../images/footer-back.webp);
    background-color: unset;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-2 .footer-logo {}

.footer-2 .div-block-25 {
    margin-top: 70px;
}

.footer-2 .div-block-27 {
    margin-top: 70px;
}

.footer-2 .div-block-26 {
    margin-top: 70px;
}

.footer-2 .imgwrp {
    width: 80%;
    margin: 0 auto 40px;
}

.footer-2 .imgwrp ul {
    margin-bottom: 30px;
}

.footer-2 .imgwrp ul li {
    list-style-type: none;
    display: inline-block;
    align-items: center;
}

.footer-2 .imgwrp ul li img {
    margin: 0 10px;
    width: 125px;
}

.footer-3 {
    background-color: #000;
    padding: 10px 0 0;
}

.footer-3 .mainwrp {}

.footer-3 .mainwrp img {
    width: 200px;
    filter: brightness(100);
    margin-top: 0;
    /* margin-bottom: -25px; */
}

.footer-3 .mainwrp p {
    color: #fff;
    text-align: right;
    display: block;
    font-size: 12px;
text-align: center;}

.homewrp {}

.homewrp:before {
    content: '';
}

.top-banner .form-wrap {
    background: #0000003b;
    color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    width: 100%;
    margin-top: 50px;
}

.top-banner .form-wrap h1 {
    font-size: 20px;
    text-align: center;
    margin: 0px 0 24px 0;
    font-weight: 700;
    text-transform: capitalize;
    color: #ffffff;
}

.top-banner .form-wrap h1 span {
    display: block;
    color: #ffffff;
    font-size: 40px;
}

.top-banner .form-wrap form {
    padding: 0;
}

.bnr-inpfild input,
.bnr-inpfild textarea,
.bnr-inpfild select {
    width: 100%;
    padding: 10px;
    margin: 0px 0 18px 0;
    border-radius: 6px;
    border: 1px solid #f7f7f7;
    color: #fff !important;
    height: 47px;
    font-size: 16px;
    background: #ffffff00;
    font-size: 12px;
    appearance: auto;
}

.brn-numberfild .intl-tel-input {
    margin-bottom: 15px;
}

.bnr-inpfild textarea {
    height: 100px;
    resize: none;
}

.bnr-inpfild [type=submit] {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #fff;
    border-radius: 6px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'poppins';
    border: 0;
}


/*  on mouse hover elements css start  */

.fancy-top-bubbles {
    position: absolute;
}

.b1 {
    left: 640px;
    top: 450px;
}

.b2 {
    left: 380px;
    top: 435px;
    width: 80px !important;
}

.b3 {
    left: -30px;
    top: 170px;
}

.b4 {
    left: 29px;
    top: 410px;
}

.b5 {
    top: 198px;
    left: 150px;
    width: 65px !important;
}

.b6 {
    left: 994px;
    top: 204px;
    width: 120px !important;
}

.b7 {
    left: 1150px;
    top: 120px;
    width: 80px !important;
}

.b8 {
    left: 559px;
    top: 507px;
    display: none;
}

.fancy-top-bubbles img {
    width: 100px;
}

.homewrp {
    overflow: hidden;
}


/*  on mouse hover elements css end  */

.slick-dots li button {
    font-size: 0px !important;
}

.slick-dots li button:before {
    background: #7c44a1;
}

.dptestimonials .slick-dots li button:before {
    background: #fff;
}

.flg-top {
    position: relative;
}

.flg-top:before {
    position: absolute;
    content: '';
    background-image: url(../images/uk-flag.png);
    width: 37px;
    height: 18px;
    background-size: cover;
    left: -45px;
    top: 0;
    background-repeat: no-repeat;
}

.logo-types {}

.logo-types .tabbing-links {}

.logo-types .tabbing-links li {}

.logo-types .tabs {
    text-align: left;
}

.logo-types .tabs img {
    width: 100%;
}

.logo-types .tabs h2 {
    text-align: left;
    font-size: 35px;
    font-weight: 500;
}

.logo-types .tabs p {
    width: 100%;
    text-align: left;
}

.logo-types .tabs a {}

.doublewrap h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #e80a89;
    margin: 0px;
}

.doublewrap {
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .1);
    margin-top: 30px;
    padding: 25px 40px;
    min-height: 612px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.doublewrap h3:before {
    display: none
}

.doublewrap h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    color: #2d2b25;
    margin: 15px auto 20px;
}

.doublewrap p.parara {
    font-family: 'Circular Std Book';
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 30px;
    margin: 0;
    color: #7b7b7b;
    font-weight: 400;
    padding: 0px 40px 20px 40px;
}

.doublewrap span.price {
    font-size: 25px;
    font-weight: bold;
    color: #e80a89;
    margin: 0 0 0;
    display: inline-block;
    /* line-height: 36px; */
    display: flex;
    align-items: center;
}

.doublewrap span.price small {
    vertical-align: baseline;
    margin-left: 1px;
    font-size: 20px;
}

.doublewrap .left {
    position: absolute;
    left: 35px;
    top: 20px;
}

.doublewrap .left img {
    width: 130px;
}

.doublewrap .right {
    position: absolute;
    right: 50px;
    top: 15px;
}

.doublewrap .right img {
    width: 240px;
}

.doublewrap input[type=submit].btn {
    border-radius: 0px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 0;
    width: 190px;
    text-align: center;
    outline: none;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    color: #fff;
    border-radius: 10px;
    padding: 12px;
    color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.doublewrap p.nichaywala {
    font-size: 14px;
    line-height: 16px;
    color: #2d2b25;
    font-weight: 600;
    margin-bottom: 10px;
}

div.doublewrap ul li.heading {
    font-size: 16px;
    font-weight: 700;
    color: #e80a89;
    padding: 5px 0;
    margin-top: 10px;
}

div.doublewrap ul li.heading:before {
    display: none;
}

.jack li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0px;
    opacity: 1;
    color: #7b7b7b;
    padding-bottom: 6px;
    padding-left: 20px;
}

.jack li:before {
    position: absolute;
    content: "\f05d";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 3px;
    height: 5px;
    width: 5px;
    color: #e80a89;
    border-radius: 50%;
    /* background: #7b7b7b; */
}

.priccc {
    padding-top: 20px;
    width: 49%;
    float: left;
    text-align: left;
}

.wrapk .view-detail {
    margin-bottom: 0;
}

.doublewrap .left {
    position: absolute;
    left: 35px;
    top: 20px;
}

.doublewrap .left img {
    width: 130px;
}

.doublewrap .right {
    position: absolute;
    right: 50px;
    top: 15px;
}

.doublewrap .right img {
    width: 200px;
}

.chatt {
    padding-top: 20px;
    text-align: left;
}

.chatt a.action-no {
    font-size: 18px;
    color: #e80a89;
    margin-right: 20px;
    text-decoration: none;
}

a.action-no .fa {
    color: #e80a89;
}

.actions .action-chat {
    margin-right: 0px;
    color: #7b7b7b;
    cursor: pointer;
}

.actions .action-chat .fa {
    color: #e80a89;
}

section.pricing h2,
section.testimonials h2 {
    padding: 0;
    font-size: 20px;
    margin: 0;
    line-height: 38px;
    font-weight: 900;
    text-transform: none;
    color: #2e2e2e;
}

.priccc {
    padding-top: 20px;
    width: 60%;
    float: left;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 22px 0 0 0;
}

span.old-price {
    display: inherit;
    font-size: 21px;
    font-weight: 500;
    position: relative;
    width: 100%;
    margin: 0;
    text-decoration: line-through;
    color: #895cad;
}

.priccc i.cut::before {
    left: -5px;
    right: auto;
}

i.cut::before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    background: #9e9c9c;
    position: absolute;
    left: 41%;
    top: 44%;
}

.wrapk {
    text-align: right;
    width: 38%;
    float: right;
    padding-top: 20px;
}

.doublewrap {
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .1);
    margin-top: 30px;
    padding: 25px 40px;
    min-height: 612px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.chatt .actions .action-chat {
    color: #e80a89;
    font-size: 20px;
}

.view-detail {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    margin: 15px;
    display: block;
    line-height: normal;
}

.combo-bg-pkg h2.small-head {
    padding: 0;
    font-size: 16px;
    margin: 0;
    line-height: 38px;
    font-weight: 900;
    text-transform: none;
    color: #2e2e2e;
}
section.servingwrp.combo-pg-bnr {
    padding-bottom: 50px;
}

.black-clr {
    color: #000 !important;
}


/*.home-slider .banner-img{
    margin-left: auto !important;
}*/

.h-w {
    color: #fff;
}

.our-processwrp {
    display: block;
    text-align: center;
    padding: 70px 0;
}

.our-processwrp .txtwrp {}

.our-processwrp .txtwrp h2 {}

.our-processwrp .txtwrp p {
    font-size: 18px;
    margin-bottom: 40px;
    font-weight: 500;
}

.our-processwrp .mainwrp {
    padding: 20px 10px;
    position: relative;
    display: block;
    transition: all .5s;
}

.our-processwrp .mainwrp:hover {
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.our-processwrp .mainwrp:after {
    content: "";
    position: absolute;
    border: 1px dotted #d1dfe4;
    width: 145px;
    top: 100px;
    right: -90px;
    z-index: -8;
}

.our-processwrp .mainwrp.aftrwrp:after {
    display: none;
}

.our-processwrp .mainwrp img {
    width: 70%;
}

.our-processwrp .mainwrp h4 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.our-processwrp .mainwrp p {
    font-size: 14px;
    color: #777;
}

.services-sec-banner .intl-tel-input .country-list .flag-box,
.services-sec-banner .intl-tel-input .country-list .country-name {
    color: #000;
}

.services-sec-banner ul li.country:before {
    display: none;
}


/*Halloween css*/

.badge-dic {
    width: 160px;
    height: 160px;
    display: block;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    padding: 1px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(1, 201, 226, 0.3), 0 0 0 10px rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3);
    }
    100% {
        box-shadow: 0 0 0 1em rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3), 0 0 0 50px rgba(1, 201, 226, 0);
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 205, 206, 0.3), 0 0 0 10px rgba(232, 238, 239, 0.3), 0 0 0 20px rgba(219, 224, 224, 0.3), 0 0 0 30px rgba(197, 199, 199, 0.3);
    }
    100% {
        box-shadow: 0 0 0 1em rgba(207, 219, 220, 0.3), 0 0 0 20px rgba(167, 174, 175, 0.3), 0 0 0 30px rgba(187, 194, 195, 0.3), 0 0 0 50px rgba(1, 201, 226, 0);
    }
}


/*Halloween css*/


/*****************Responsive*****************/


/* (1600x900) HD+ Display */

@media (min-width:1200px) and (max-width:1300px) {
    header .menu ul li.hasmenu:hover .dropDown {
        /* left: 600px !important; */
    }
}

@media (min-width:1300px) and (max-width:1400px) {
    header .menu ul li.hasmenu:hover .dropDown {
        /* left: 647px !important; */
    }
}


}
@media screen and (max-width: 1600px) {
    .homepg .home-content {
        margin: 85px 0 140px 50px;
    }
    
    .scnd-fold {
        padding: 40px 0px;
        margin-bottom: 0;
    }
    
    .div-block-18 {
        margin: 0;
    }
    
    header .menu ul li.hasmenu:hover .dropDown {
        left: 532px;
        top: 95px;
    }
    
    .package .package_price span:last-child {
        font-size: 10px;
    }
    
    .text-block-6 {
        font-size: 16px;
        line-height: 28px;
    }
    
    .heading-10 {
        padding: 0;
        margin: 0 0 5px 0;
    }
    
    .doublewrap {
        margin-top: 0;
    }
    
    .combo-pkg-head h2 {
        padding: 50px 0 30px 0;
    }
    
    .portfolioboxes {
        padding: 30px 0px;
    }
    
    .servicewrp .txtwrp p {
        font-size: 16px;
        line-height: 28px;
    }
    
    .portfolioboxes {
        padding: 30px 0px;
    }
    
    .cta ul li a.btn-w {
        padding: 18px 15px;
    }
    
    .servicewrp {
        padding: 20px 0px;
    }
    
    .servicewrp .txtwrp h2 {
        font-size: 30px;
        line-height: 39px;
    }

    .servicewrp .txtwrp h3 {
        font-size: 30px;
        line-height: 39px;
    }
    
    .port-new ul li {
        margin: 40px;
    }
    
    .portfolioboxes .portwrappp {
        padding-top: 0px;
    }
    
    .portfolioboxes h2 {
        margin: 0;
    }
    
    .our-processwrp h2 {
        padding: 0;
        margin: 0;
    }
    
    .our-processwrp {
        padding: 20px 0px 0 0;
    }
    
    .cta ul li {
        margin: 0px 7px;
    }
    
    section.portfolioboxes.-pricing.margin-bottm {
        margin: 0;
    }
    
    #pricing .pkg-box {
        margin-bottom: 50px;
    }
    
    .dptestimonials .testwrap .testbox {
        padding: 20px 10px 0 0;
        height: auto;
    }
    
    .why-we-are ul li {
        margin-right: 35px;
    }
    
    .services-sec-banner .offset-lg-1 {
        margin: 0;
    }
    
    .container {
        min-width: 1140px;
    }
    
    .dptestimonials {
        padding: 20px 0px;
    }
    
    .contactwrp {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .homepg h1 {
        font-size: 50px;
    }
    
    header .logo img {
        width: 90%;
        margin-top: -40px;
        margin-bottom: -32px;
    }
    
    header .logo img {
        width: 100%;
    }
    
    .dptestimonials .slick-prev.slick-arrow {
        left: 20px;
        z-index: 1;
    }
    
    .dptestimonials .slick-next.slick-arrow {
        right: -5px;
    }
    
    .contactwrp {
        padding-left: 40px;
    }
    
    .service-box .slick-next.slick-arrow {
        right: 70px;
        top: 88%;
    }
    
    .service-box .slick-prev {
        left: 30px;
        top: 88%;
        z-index: 1;
    }
    
    .service-box {
        padding: 50px 0;
    }
}
@media screen and (min-width: 1600px) {
    /* insert styles here */
    
    header .logo img {
    width: 210px;
}
    .stickyheader .menu ul li.hasmenu:hover .dropDown {
        top: 56px;
    }
    
    header .menu ul li.hasmenu:hover .dropDown {
        /* top: 95px; */
        /* left: 890px; */
    }
    
    @media only screen and (max-width: 1024px) {
        .homepg h4 {
            width: 90%;
        }
        .why-we-are ul {
            padding: 0px;
        }
        .why-we-are ul li {
            margin-right: 0;
        }
        .h-points li {
            width: 100%;
        }
        .button {
            padding: 20px 15px;
            font-size: 16px;
        }
        .portfolioboxes {
            padding: 0;
        }
        .service-box {
            padding: 100px 0;
        }
        .container {
            min-width: 100%;
        }
        .slick-next:before {
            display: none;
        }
        .port-new ul li {
            margin: 30px;
        }
        .slick-prev:before {
            display: none;
        }
        .dptestimonials .testwrap .testbox {
            height: 430px;
        }
        header .menu ul li {
            margin-right: 5px;
        }
        header .menu ul li a {
            font-size: 12px;
        }
        .slick-next {
            display: none;
        }
        header .top-btn li a.btn-white {
            display: none;
        }
        .slick-prev:before {
            display: none;
        }
        .cta .bg {
            padding: 70px 10px;
        }
    }
    
    @media only screen and (max-width: 769px) and (min-width: 0px) {
        .homepgg header {
            overflow: hidden;
        }
        .service-box .bg h4 {
            text-align: center;
            line-height: 25px;
        }
        .form-box-main form input[type="submit"] {
            padding: 5px 36px;
        }
        .package ul {
            margin: 0;
        }
        .combo-pkg-head h2 {
            padding: 0 !important;
        }
        .package .package_price {
            color: rgba(109, 124, 144, .5);
            margin: 010px 0 0 0;
        }
        .combo-pkg-head br {
            display: none;
        }
        .form-box-main form input[type="submit"] {
            padding: 5px 36px;
        }
        .package a.button {
            top: 0;
            position: relative;
        }
        .services-sec-banner h1 {
            font-size: 25px;
            line-height: 30px;
            text-align: center;
        }
        .services-sec-banner ul {
            display: table;
            margin: auto;
            text-align: left;
        }
        .top-banner .form-wrap {
            margin: 0;
        }
        .services-sec-banner {
            text-align: center;
        }
        .services-sec-banner h4 {
            max-width: 100% !important;
            text-align: center !important;
            padding: 0;
            margin: 0;
            width: 100%;
            font-size: 15px;
            line-height: 21px;
            padding: 10px 0px;
        }
        .services-sec-banner .heading-2 {
            text-align: center;
        }
        .services-sec-banner {
            padding: 0;
        }
        .servicewrp .txtwrp h2 {
            text-align: center;
        }

        .servicewrp .txtwrp h3 {
            text-align: center;
        }
        .servicewrp .txtwrp p {
            text-align: center;
        }
        .servicewrp .mainwrp ul li .txtwrp {
            width: 100%;
        }
        .servicewrp .mainwrp ul li .txtwrp h4 {
            font-size: 20px;
        }
        .txtwrp p {
            text-align: left;
        }
        .cta {
            margin: 20px 0px;
        }
        .cta ul {
            margin: 10px 0 0 0;
        }
        .service-box .bg p {
            font-size: 14px;
            line-height: 26px;
        }
        .portfolioboxes h2 {
            font-size: 25px;
        }
        .portfolioboxes .portwrappp {
            padding: 20px 0 0 0;
        }
        .portfolioboxes .tab-custom .tabbing-links {
            margin: 0;
        }
        #pricing .pkg-box {
            margin: 0 0 10px 0 !important;
        }
        .doublewrap .right img {
            width: 100px;
            position: relative;
            left: 40px;
        }
        .chatt a.action-no {
            font-size: 12px;
        }
        .chatt .actions .action-chat {
            font-size: 12px;
        }
        .chatt {
            padding: 0;
        }
        .testbox {
            text-align: center;
            height: auto;
        }
        .dptestimonials .testwrap .testbox {
            height: auto;
            padding: 10px 5px 20px;
        }
        section.dptestimonials .slick-dots {
            bottom: 0;
        }
        .dptestimonials .testwrap li {}
        .dptestimonials .testwrap {
            margin: 0;
        }
        .dptestimonials p {
            font-size: 16px;
        }
        .service-box .bg h4 {
            text-align: center;
            line-height: 25px;
        }
        .service-box .bg p {
            font-size: 14px;
            line-height: 26px;
        }
        .service-box .bg h4 {
            text-align: center;
            line-height: 25px;
        }
        .service-box .bg p {
            font-size: 14px;
            line-height: 26px;
        }
        .portfolioboxes h2 {
            font-size: 25px;
        }
        .portfolioboxes .portwrappp {
            padding: 20px 0 0 0;
        }
        .portfolioboxes .tab-custom .tabbing-links {
            margin: 0;
        }
        #pricing .pkg-box {
            margin: 0 0 10px 0 !important;
        }
        .fancy-top-bubbles {
            display: none;
        }
        .tphead .icon-x-square {
            display: none !important;
        }
        .tphead .logo img {
            width: 35%;
        }
        header .logo img {
            width: 190px;
            float: left;
            margin: 0;
        }
        .mobile-nav-btn {
            top: 34px;
        }
        .homepg:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #b3afaf9c;
            top: 0;
        }
        .service-box {
            padding: 30px 0;
        }
        .service-box .text-right {
            text-align: center !important;
        }
        .port-new ul {
            padding: 0px;
        }
        li.port {
            margin: 0px 0 !important;
            width: 100%;
        }
        .cta h1 {
            font-size: 28px;
            text-align: center;
        }
        .floatingform-sec {
            display: none;
        }
        .why-we-are ul {
            padding: 0px;
        }
        .why-we-are ul li {
            width: 10%;
            margin-right: 5px;
        }
        .button {
            width: 200px;
            max-width: 160px;
            padding: 15px 15px;
            font-size: 16px;
        }
        .service-box .bg a {
            width: 120px;
            margin-right: 0 !important;
            max-width: 140px;
            font-size: 10px;
            padding: 10px 10px;
        }
        .homepg h1 {
            font-size: 26px;
            text-align: center;
            line-height: 34px;
            padding: 0;
        }
        .homepg h4 {
            width: 100%;
            font-size: 16px;
            text-align: center !important;
            margin: 0;
            padding: 0;
            max-width: 100%;
            line-height: 24px;
            padding: 15px 0px;
        }
        .slick-dots {}
        .service-box .bg {
            width: 100%;
            padding: 20px;
            text-align: center;
        }
        .dptestimonials .testwrap .testbox .usertest {
            width: 100%;
        }
        .scnd-fold .video-wrap {
            display: none;
        }
        .scnd-fold {
            padding: 0 0 10px 0;
            text-align: center;
        }
        .service-box h1 {
            margin-top: 0;
            padding: 0;
            width: 100%;
        }
        .service-box h4 {
            margin-top: 0;
            padding: 0;
            width: 100%;
        }
        .mobile-nav ul li {
            list-style: none;
        }
        .cta .bg {
            padding: 0 0 20px 0;
        }
        .cta ul li a.btn-w {
            width: unset;
            font-size: 14px;
            max-width: unset;
            padding: 12px 20px;
        }
        .cta ul li a.black {
            display: none;
        }
        .footer-2 .imgwrp ul {
            padding: 0px;
        }
        .footer-2 .imgwrp {
            width: 100%;
        }
        .footer-2 .imgwrp ul li {
            width: 18%;
        }
        .footer-2 .imgwrp ul li img {
            margin: 0 0px;
            width: 100%;
        }
        .button {
            padding: 15px 5px;
        }
        .servicewrp {
            padding: 0 20px !important;
        }
        .servingwrp a.btn-white {
            font-size: 10px;
            padding: 10px 10px !important;
            margin-left: 10px;
        }
        .servingwrp .button {
            padding: 10px 10px !important;
        }
        .dptestimonials .testwrap .testbox {
            height: 380px;
            margin: 0 0 20px 0;
        }
        .portfolioboxes .tab-custom .tabbing-links li {
            padding: 10px 10px;
            font-size: 10px;
        }
        .tab-slider .slick-next:before {
            display: none;
        }
        .tab-slider .slick-prev:before {
            display: none;
        }
        .contactwrp .imgwrp {
            display: none;
        }
        .servingwrp {
            margin-bottom: 0;
        }
        .tabs {
            padding: 0px;
        }
        .mobile-nav-btn {
            z-index: 9999999;
        }
        .testwrap {
            padding: 0px;
        }
        .button {
            width: unset;
            font-size: 14px;
            padding: 10px 11px;
            max-width: unset;
        }
        .cta ul {
            padding: 0;
        }
        .dptestimonials h2 {
            width: 100%;
            font-size: 32px;
        }
        .cta ul li {
            margin-right: 5px;
        }
        .portfolioboxes p {
            width: 100%;
        }
        .h-points li {
            width: 90%;
        }
        .service-box h1 {
            font-size: 26px;
            line-height: 37px;
            margin: 0 0 10px 0;
        }
        .service-box h4 {
            font-size: 26px;
            line-height: 37px;
            margin: 0 0 10px 0;
        }
        .servicewrp .mainwrp ul li .imwrp {
            left: -50px;
        }
        .servicewrp .mainwrp ul li {
            margin: 0 0 0 40px;
        }
        .contactwrp {
            padding: 60px 0 40px;
        }
        .port img {
            margin: 0 auto;
        }
        .servicewrp .txtwrp p {
            font-size: 16px;
            font-weight: 500;
        }
        .badge-dic {
            display: none;
        }
    }
    
    @media only screen and (max-width: 375px) {
        .service-box .bg a {
            max-width: unset;
            font-size: 10px;
            padding: 13px 20px;
            width: unset;
            margin: 0px 13px;
        }
        .dptestimonials h2 {
            font-size: 25px;
            line-height: 30px;
        }
        .contactwrp h2 {
            font-size: 25px;
            text-align: center;
            line-height: 32px;
        }

        .contactwrp h5 {
            font-size: 25px;
            text-align: center;
            line-height: 32px;
        }
        .contactwrp .imgwrp img {
            display: none;
        }
        .contactwrp {
            padding: 0px 0 50px;
        }
        .h-points li {
            width: 80%;
        }
        .scnd-fold a {
            margin-right: 9px;
        }
        .tabs {
            padding: 0px;
        }
        .testwrap {
            padding: 0px;
        }
        .portfolioboxes p {
            width: 95%;
        }
        .cta ul {
            padding: 0px;
        }
        .cta ul li {
            margin-right: 0;
        }
        .servicewrp .mainwrp ul {
            padding: 0 40px;
        }
        .servicewrp .txtwrp p {
            font-size: 15px;
        }
        .button {
            font-size: 14px;
        }
    }
    
    .top-banner ::-webkit-input-placeholder {
        /* Edge */
        color: #fff !important;
    }
    
    .top-banner :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fff !important;
    }
    
    .top-banner ::placeholder {
        color: #fff !important;
    }
    /*===================================================popup-christmas=======================================================*/
    
    .eggoffer.show {
        position: fixed;
        bottom: 8px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    
    .eggoffer {
        width: 150px;
        cursor: pointer;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        position: fixed;
        bottom: 10px;
        left: 8px;
        z-index: 999;
        overflow: hidden;
    }
    
    .eggoffer .top {
        position: relative;
        z-index: -1;
    }
    
    .eggoffer .top figure {
        text-align: center;
    }
    
    .eggoffer .top figure img {
        opacity: 1;
    }
    
    .eggoffer .bottom {
        cursor: pointer;
        padding: 16px 5px;
        border-radius: 5px;
        background: #16a07d;
    }
    
    .mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,
    .eggoffer .bottom h3:before {
        display: none;
    }
    
    .eggoffer .bottom h3 {
        font-size: 14px;
        margin: 0;
        color: #fff;
    }
    
    .eggoffer .bottom span {
        color: #fff;
        font-size: 20px;
        font-weight: 900;
        width: 100%;
        padding-top: 6px;
        line-height: 1;
        display: inline-block;
        text-align: center;
        text-shadow: 0 2px 2px #666;
    }
    
    .form_wrap .analyzeform form .dtf {
        width: 100%;
    }
    
    .form_wrap .analyzeform form input[type="submit"] {
        width: 100%;
        margin: 0px;
        text-align: center;
        margin-top: 10px;
        border-radius: 4px;
    }
    
    .form_wrap .analyzeform form .wrap {
        padding-left: 0px;
    }
    
    .form_wrap .analyzeform {
        margin: 0px;
    }
    
    .eggoffer .broken {
        display: none;
    }
    
    .eggoffer .unbroken {
        display: block;
    }
    
    .mypopup-wrap .easter {
        display: none!important;
    }
    
    .overlay-bg.vis {
        display: block!important;
    }
    
    .analyzeform form input[type="text"],
    .analyzeform form input[type="email"],
    .analyzeform form input[type="number"],
    .analyzeform form input[type="tel"],
    .analyzeform form textarea {
        width: 100%;
        margin: 0 0 0 0;
        border: 1px solid #e5e5e5;
        background: white;
        padding: 13px 15px;
        color: gray;
        font-size: 13px;
        /* border-radius: 5px; */
        height: 50px;
        font-weight: 400;
        outline: none !important;
        margin-bottom: 10px;
    }
    /*================================================popup-christmas==================================================*/
    /*================================================form-christmas=================================================*/
    
    .mypopup-wrap.active {
        position: fixed;
        top: 0px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    
    .mypopup-wrap {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 800px;
        height: 600px;
        border-radius: 10px;
        position: absolute;
        left: 0;
        right: 0px;
        top: -20000px;
        bottom: 0px;
        margin: auto;
        z-index: 99999;
        overflow: hidden;
    }
    
    .mypopup-wrap .mypopup {
        border-radius: 10px;
        font-size: 0px;
        background: #fff;
    }
    
    .mypopup-wrap .mypopup .left {
        width: 50%;
        vertical-align: top;
        display: inline-block;
        overflow: hidden;
        background: #386163;
        vertical-align: middle;
    }
    
    .mypopup-wrap .mypopup .left figure {
        border-radius: 10px 0px 0px 10px;
        overflow: hidden;
    }
    
    .mypopup-wrap .mypopup .left figure img {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }
    
    .mypopup-wrap .mypopup .right {
        width: 50%;
        padding: 19px 20px;
        vertical-align: top;
        display: inline-block;
        vertical-align: middle;
    }
    
    .mypopup-wrap .mypopup .right .closebutton {
        position: absolute;
        width: 20px;
        height: 20px;
        /*float: right;*/
        cursor: pointer;
        transform: rotate(45deg);
        right: 20px;
        top: 20px;
    }
    
    .mypopup-wrap .mypopup .right .closebutton:before {
        content: "";
        position: absolute;
        height: 20px;
        width: 1px;
        top: 0;
        background: #000;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
    }
    
    .mypopup-wrap .mypopup .right .closebutton:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 20px;
        top: 0;
        left: 0;
        background: #000;
        display: block;
        bottom: 0;
        margin: auto;
    }
    
    .mypopup-wrap .mypopup .right .mypopup-innerwrap {
        padding-top: 0px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {
        font-size: 26px;
        line-height: 1;
    }
    
    .mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span {
        font-size: 38px;
        display: block;
        font-weight: 900;
        color: #edad0d;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    .mypopup-innerwrap .form_wrap {
        padding: 20px 15px;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form {}
    
    .mypopup-innerwrap .form_wrap .hero_form form {}
    
    .mypopup-innerwrap .form_wrap .hero_form .form-control {
        border-radius: 10px;
        border: 1px solid #b9b8b8;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form .form-control:focus {
        border: 1px solid #5d03db;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form textarea.form-control {
        color: #000;
    }
    
    .mypopup-innerwrap .form_wrap #quoteForm textarea.form-control {
        min-height: 85px;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form #quoteSubmit {
        border-radius: 10px;
        min-width: 100%;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form .col-md-6 {
        width: 100%;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form .col-sm-6 {
        width: 100%;
    }
    
    .hero_form .field-mergedleft {
        padding-left: 15px;
    }
    
    .hero_form .field-mergedright {
        padding-right: 15px;
    }
    
    .mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {
        margin-bottom: 10px;
    }
    
    .submit:hover {
        background-color: #1f1f1f;
    }
    
    .form_wrap .analyzeform form input[type="submit"] {
        width: 100%;
        margin: 0px;
        text-align: center;
        margin-top: 10px;
        border-radius: 4px;
    }
    
    .submit {
        border: 0;
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        line-height: 2;
        padding: 5px 51px;
        outline: none;
        cursor: pointer;
        transition: background-color .3s;
        border-radius: 5px;
        background: #000000;
    }
    /*===================================================form-christmas=======================================================*/
    
    .floatingform-sec {
        display: none;
    }
    
    a.read_more_mc {
        background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
        color: #fff;
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        padding: 20px 30px;
        display: inline-block;
        align-self: center;
        border-radius: 10px;
    }
    
    .media_coverage_img {
        margin: 0 0 20px;
    }
    
    .media-covr-m-div {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .media-covr-img img {
        width: 100%;
    }
    
    .media-covr-m-div .columns-6.w-row {
        width: 50%;
        padding: 0 15px;
    }
}

/* ********************************************************** */

/* profile style rules ends */

/* ********************************************************** */

/* login style rules starts */

/* ********************************************************** */
.form-signup {
    max-width: 360px;
    padding: 30 15px 40px;
    margin: 0 auto;
}

/* ********************************************************** */

/* login style rules end */

/* ********************************************************** */

/* ********************************************************** */

/* profile style rules */

/* ********************************************************** */
table.dataTable thead th div.DataTables_sort_wrapper span {
    display: none;
}
.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:hover,
.mdl-button--raised.mdl-button--colored {
    /*    background: rgb(184,40,90) !important;
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%)  !important;
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%)  !important;
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );*/
    
    background-color: #b8285a !important;
}
.mdl-data-table__cell--non-numeric .fa {
    color: #b8285a;
}
i.fa.fa-download {
    color: #b8285a;
}

/* ********************************************************** */

/* profile style rules ends */

/* ********************************************************** */
#listing {
    margin-top: 0px;
}
#columnChart,
#pieChart {
    height: 240px;
    margin-bottom: 40px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}
#columnChart svg {
    overflow: hidden;
    width: 100%;
    border-radius: 3px;
}
#pieChart svg {
    overflow: hidden;
    /*    width: 178px;*/
    
    border-radius: 3px;
}
div#listing_info {
    color: #b8285a;
    margin-top: 10px;
}
button#listing_previous:hover,
button#listing_next:hover {
    color: #b8285a;
}
.pagination button.mdl-button.mdl-button--raised.mdl-button--colored {
    margin: 0 15px;
}
#veiw-toggle:hover,
#veiw-toggle:focus {
    color: #fff;
    background: #b8285a;
}
.dataTables_paginate .pagination {
    margin: 10px 0 0;
}
.main-hd h4 {
    margin: 16px 0;
}
.right-panel h4 {
    margin: 0 0 10px;
}
.right-panel h4.title {
    margin: 14px 0 14px;
    font-family: 'Circular Std';
    line-height: 1;
    font-size: 24px;
}
.main-body section.pricing {
    padding-top: 0;
}
.main-body .contest {
    margin: 0 15px 45px 0;
}
.tab-content {
    border-radius: 0 0 3px 3px;
}
.right-panel .packages-tabs-content {
    border: 1px solid #e8e8e8;
    border-radius: 0 0 3px 3px;
}
.right-panel .listing-rd .dataTables_wrapper {
    border-radius: 3px;
}
.user_profile {
    background-color: #fafafa;
    color: #fff;
}
.sub-option .well {
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 10px;
}
.custom-field {
    float: left;
    width: 50%;
}
.custom-field input {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: transparent;
    height: 50px;
    color: #6b6b6b font-size: 14px;
    text-transform: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 50px !important;
}
.custom-field select {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: transparent;
    height: 50px;
    color: #6b6b6b font-size: 14px;
    text-transform: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 50px !important;
}
.custom-qoute {
    margin-top: 30px;
}
.custom-package .field-blank-clr {
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    font-size: 14px;
    color: #636b6f;
    text-align: left;
    text-transform: capitalize;
}
.custom-package .field-blank-clr:hover {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: none;
    z-index: 2;
    -webkit-transition: none;
    -webkit-transform: none;
    -ms-transition: none;
    -ms-transform: none;
    -moz-transition: none;
    -moz-transform: none;
    transition: none;
    transform: none;
}
.custom-package p {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 100%;
    vertical-align: top;
}
.custom-package input.cost_calc_row-2 {
    width: 100%;
    background: #f0f3f5;
    color: #5c6468;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 15px 10px;
    text-align: left;
    /* border: 1px solid #000; */
}
.custom-checkbox {
    background: #000;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
}
.custom-package .box-custom-package {
    padding: 30px 30px 20px;
}
.custom-package span {
    float: right;
    margin-top: -46px;
    display: inline-block;
    z-index: 99;
    position: relative;
    color: #5c6468;
    font-size: 14px;
    padding-right: 15px;
}
.custom-package input.cost_calc_row-2.cost_calc_calculate.single.cost_calc_active {
    background: rgb(184, 40, 90);
    background: -moz-linear-gradient(left, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    background: -webkit-linear-gradient(left, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    background: linear-gradient(to right, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);
    background-color: #a32974;
    color: rgb(255, 255, 255)!important;
}
.custom-package input.cost_calc_button {
    background: rgb(184, 40, 90);
    background: -moz-linear-gradient(left, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    background: -webkit-linear-gradient(left, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    background: linear-gradient(to right, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    margin-bottom: 15px;
    border-radius: 8px;
    color: rgb(255, 255, 255)!important;
    border: none;
    padding: 15px 30px;
    width: 100%;
    display: table;
    margin: 30px 0 5px;
    cursor: pointer;
    font-weight: 700;
}
.custom-package #cost_calc_total_cost {
    color: #333;
}
.custom-package input.cost_calc_row-2:hover {
    box-shadow: none;
    -webkit-transition: none;
    -webkit-transform: none;
    -ms-transition: none;
    -ms-transform: none;
    -moz-transition: none;
    -moz-transform: none;
    transition: none;
    transform: none;
}
.custom-package #cost_calc_breakdown_container {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid rgb(215, 215, 215);
    margin-top: 65px;
    width: 360px;
}
.box-custom-package {
    /*box-shadow: 0 1px 2px #ccc;*/
    
    padding: 15px 15px;
    border: 1px solid #d1dfe9;
}
.box-custom-package-2 {
    /*box-shadow: 0 1px 3px #ccc;*/
    
    padding: 30px 30px 0px;
    border: 1px solid #d1dfe9;
}
.box-custom-package h4 {
    margin-top: 5px;
}

/* https://css-tricks.com/snippets/css/clear-fix/ */

/*.group:after { content: ""; display: table; clear: both; }

body { font: 15px/20px sans-serif; color: #444; }
p { margin-bottom: 30px; }*/

/*.wrapper { width: 100%; max-width: 700px; padding: 3%; }*/
section.trig-wrap-1 .row {
    display: initial;
}
section.trig-wrap-1 .wrapper {
    padding: 0;
}
.wrapper {
    width: 100%;
    padding: 3%;
}
.content,
.sidebar {
    float: left;
}
.content {
    width: 68%;
    margin-right: 5%;
}
.sidebar {
    width: 27%;
}
.box-custom {
    background: #fff !important;
    border: 1px solid #d1dfe9;
    padding: 10px;
    margin-bottom: 20px;
    background: #fdfcfc;
    border: 1px solid #d1dfe9;
    padding: 20px;
    margin-bottom: 20px;
    position: absolute;
    top: 135px;
    width: 100%;
}
.table-cell-no-float {
    display: table-cell;
    float: none;
    position: relative;
    /* padding: 0; */
}

/*.custom-package #cost_calc_breakdown_item {
    font-size: 14px;
    display: inline-block;
    border:none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    min-width: 80%;
}
*/
.custom-package .item-detail-cart {
    font-size: 14px;
    display: inline-block;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-width: 80%;
    min-width: 80%;
}
.custom-package .item-price-cart {
    text-align: right;
    color: #7d45a2;
    width: 20%;
}
#cost_calc_breakdown_price {
    color: #b8285a;
    font-size: 12px;
    border: none;
    width: 35%;
}
.bell ul.dropdown-menu {
    left: -110px;
}
.site-panel-custom-dp ul.dropdown-menu {
    left: 0;
}
.top-bar-login {
    margin-right: 25px;
}
.top-bar-login span.label {
    top: -13px;
    left: -9px;
    border-radius: 50px;
    padding: 10px 0 0 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}
button.btn.btn-default.dropdown-toggle:focus {
    background: #fff;
}
#quoteForm .form-control {
    border-radius: 30px;
}
#quoteForm textarea.form-control {
    border-radius: 15px;
}
.height-for-quote span.cs-placeholder {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
}
.height-for-quote .cs-options>ul::before {
    background: #fff;
}
.order-web p {
    font-size: 12px;
}
.spacing {
    padding: 0 15px 0 0;
}
.custom-package input.form-control {
    border-radius: 30px;
}

/* checkbox start */
.parent input[type=checkbox] {
    float: none;
    position: relative;
    z-index: 999;
    height: 50px;
    opacity: 0;
}
.parent span {
    background: #fff;
    border: 1px solid #d1dfe9;
    width: 100%;
}
.parent small {
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-right: 15px;
    font-size: 13px;
}
.parent input[type=checkbox]:checked+span {
    border-color: #7d45a2;
    color: #7d45a2;
}
.parent input[type=checkbox]:checked+small {
    background: rgb(184, 40, 90);
    background: -moz-linear-gradient(left, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    background: -webkit-linear-gradient(left, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    background: linear-gradient(to right, rgb(184, 40, 90) 0%, rgb(163, 41, 116) 50%, rgb(144, 41, 139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);
    background-color: #a32974;
    color: #fff;
}

/* checkbox end */
.contest-list__item .d_t {
    height: 0px;
}

/*ul#navigation li.active a {
    color: #b8285a;
}*/
.actions.slide-btn {
    display: inline-block;
}

/******************************************************************/

/* fixes starts */

/******************************************************************/

/******************************/

/* portfolio fixes */

/******************************/
.cbp-l-caption-title small {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

/******************************/

/* portfolio fixes ends */

/******************************/

/******************************************************************/

/* fixes ends */

/******************************************************************/

/******************************************************************/

/* Custom package page style rules */

/******************************************************************/
.addons {
    position: relative;
    padding-top: 30px;
    border-radius: 20px;
}
.addon-close {
    float: none;
    position: absolute;
    right: 12px;
    top: 6px;
}
.box-custom-package h4 {
    text-align: left;
    color: #7d45a2;
    font-size: 20px;
}
#custom-item-list aside {
    line-height: 100%;
    display: block;
    font-size: 12px;
    vertical-align: top;
    padding-left: 4px;
    padding-right: 10px;
    padding-right: 10px;
    padding-top: 8px;
    color: rgb(154, 154, 154);
}
.custom-package span {
    z-index: 99;
    position: relative;
    color: #5c6468;
    font-size: 14px;
    padding: 25px 15px;
    border-radius: 7px;
    line-height: 0;
    top: -15px;
}
div.quantity input[type=text] {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #d1dfe9;
    text-align: center;
    font-size: 12px;
    /* opacity: 0; */
}
div#custom-item-list div {
    border-bottom: 1px solid #d1dfe9;
    padding: 10px 0px;
}
.addons input[type=checkbox]:checked+span {
    border-color: #d1dfe9;
    background: transparent;
    color: #a32974;
}
div.parent {
    position: relative;
}

/*subsrvice page fixes and updates*/
div.subservice-packages {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 0px;
}
div.parent {
    position: relative;
}
a[data-toggle=tooltip] {
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    left: -23px;
    color: #808080;
    height: 16px;
    width: 16px;
    text-align: center;
    background-color: #eaeaea;
    border-radius: 50%;
    font-size: 10px;
    display: none;
    line-height: 18px;
}
a[data-toggle=tooltip]:hover,
a[data-toggle=tooltip]:focus,
a[data-toggle=tooltip]:active {
    text-decoration: none;
}
a[data-toggle=tooltip]+.tooltip.left .tooltip-inner {
    background-color: #eaeaea;
    color: #808080;
}
a[data-toggle=tooltip]+.tooltip.left .tooltip-arrow {
    border-left-color: #eaeaea;
}

/* checkbox styles */

/* .squaredThree */
.squaredThree label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredThree label:hover::after {
    opacity: 0.3;
}
.squaredThree input[type=checkbox] {
    visibility: hidden;
}
.squaredThree input[type=checkbox]:checked+label:after {
    opacity: 1;
}

/* end .squaredThree */
.addons span {
    border: none;
    padding-left: 20px;
    border-bottom: 1px solid #d1dfe9;
    border-radius: 0px;
}
.addons input[type=checkbox] {
    opacity: 1;
    width: auto;
    padding-right: 10px;
}
.addons a[data-toggle=tooltip] {
    top: 40%;
}
.box-custom-package h4 .glyphicon {
    font-size: 12px;
}
.box-custom-package h4[aria-expanded="true"] .glyphicon-plus {
    display: none;
}
.box-custom-package h4[aria-expanded="true"] .glyphicon-minus {
    display: block;
}
.box-custom-package h4[aria-expanded="false"] .glyphicon-plus {
    display: block;
}
.box-custom-package h4[aria-expanded="false"] .glyphicon-minus {
    display: none;
}

/* ends */
.secondary-nav-wrap {
    display: none;
}
header .logo a {
    background-position: bottom center;
}
.call-action span {
    color: #16a085;
}
.call-action span small {
    color: #626262;
}
.nav-toggle {
    opacity: 0.3;
}
#header-sroll {
    background-color: #fff;
    box-shadow: 1px -10px 26px #b7b7b7;
}
p#cost_calc_breakdown_price {
    font-size: 18px;
}
.box-custom.follow-scroll.box-custom-package-2 {
    padding: 15px 30px;
    background: #fff;
}
header #header-sroll ul#navigation li a {
    color: #888888;
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
header #header-sroll .call-action span {
    color: #2c2c2c;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
header #header-sroll .call-action span small {
    color: #888888;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
header #header-sroll .call-action a {
    color: #888888;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
header #header-sroll .nav-toggle span,
header #header-sroll .nav-toggle span:before,
header #header-sroll .nav-toggle span:after {
    background: #631a79;
}
.top-action .btn-line-fill {
    color: #fff;
}
.top-action .btn-line-fill:hover {
    color: #fff!important;
}
#header-sroll.small .nav-toggle span,
#header-sroll.small .nav-toggle span:before,
#header-sroll.small .nav-toggle span:after {
    background: #631a79;
}
.box-custom.follow-scroll h4 {
    color: #000;
}
p#custom-totalCost {
    font-size: 36px;
    color: #7d45a2;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 15px;
}
.d_t {
    width: 100%;
}
.box-custom h4 {
    color: #7d45a2;
}
h3.breakdown-before-left {
    font-size: 40px;
}
h4.margin-top-20.margin-left-15.text-left {
    visibility: hidden;
}
.hidden_mzzz .quantity {
    visibility: hidden;
    height: 0;
}
.box-custom-package-2 input.form-control {
    border-radius: 7px;
    height: 50px;
    margin: 0 0 30px;
}
.services-slider .slick-prev {
    left: 20px;
}
.services-slider .slick-next {
    right: 20px;
}
.testslider .slick-prev {
    left: -8px;
    z-index: 999;
}
.testslider .slick-next {
    right: 0px;
}
.testslider,
.services-slider {
    padding: 0px;
}
section.sponsor-slider {
    margin-top: 0;
    border-bottom: 1px solid #ececec;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}
.fb-icon a i {
    font-size: 24px;
    color: #fff;
}

/*.trusted_icons {
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.trusted_icons .item {
    margin: 0 14px;
}
.sponsor-slider h5 {
    display: table;
    margin: auto;
}
.btn_active {
    text-align: center;
}
.btn_active a {
    margin: 0 12px 30px 12px;
}
.floatingform-sec {
    display: none;
}
.trusted_icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 30px;
}
.trusted_icons .item {
    margin: 0 14px;
}
/*.fancybox-navigation {
    display: none;
}
.fancybox-toolbar {
    display: none;
}*/
.stickyheader .top-btn {
    display: none;
}
.stickyheader {
    padding: 15px 0;
}
.stickyheader .logo img {
    width: 110px;
    margin-top: -35px;
}



.banner_list{

}

.banner_list li{
    list-style: none;
    color: #000 !important;
    font-weight: 500 !important;
}

.banner_list_white li{
    color: #fff !important
}





.privacyPolicy p {
    font-size: 15px;
}

.privacyPolicy li {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}





h6.home-h6-st1 {
    color: #ffd85c;
    animation:blinkingText1 1.2s infinite;
}

h6.home-h6-st2 {
    color: #d80027;
    animation:blinkingText2 1.2s infinite;

}



@keyframes blinkingText2{
    0%{     color: #d80027;    }
    49%{    color: #000; }
    60%{    color: #d80027; }
    99%{    color:#000;  }
    100%{   color: #d80027;    }
}

@keyframes blinkingText1{
    0%{     color: #ffd85c;    }
    49%{    color: #fff; }
    60%{    color: #ffd85c; }
    99%{    color:#fff;  }
    100%{   color: #ffd85c;    }
}





.fb-icon a i.fa.fa-linkedin-square {
    margin-left: 10px;
}
li.fb-icon{
    display: flex;
    align-items: center;
}




.services-sec-banner.serv-bnr-slide-btn-st a:last-child {
    border-color: #000;
    color: #000;
}






/*section.banner-news*/
/*section.banner-news*/
section.servingwrp.podcast-bnr {
  background: url('../images/pod-cast/banner-media.png');
  padding: 100px 0 180px;
  margin-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.media-banner {
    background: url(../images/banner-media.png);
    padding: 218px 0 438px;
}

section.media-banner h3 span {
  color: #ff6461;
  font-size: 65px;
  font-weight: 600;
}

section.media-banner h3 {
  font-size: 85px;
  font-weight: bold;
  line-height: 65px;
  text-align: center;
}

.media-box {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  padding: 33px 100px;
  box-shadow: 0px 9px 79px 0px rgba(0, 0, 0, 0.07);
  text-align: center;
  margin: 0 0 65px 0;
  height: 360px;
  transition: all 1s;
}

.media-box a {
    border-radius: 15px;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    box-shadow: 0px 9px 79px 0px rgb(0 0 0 / 7%);
    color: #fff;
    padding: 14px 32px;
    font-size: 20px;
    transition: 0.5s;
    text-decoration: none;
}

.media-box p {
  padding: 30px 0 35px 0;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.media-sec {
  padding: 70px 0px 0;
}

.media-box-2 {
  margin: 150px 0 65px 0;
}

.media-box a:hover {
  background: #000;
  color: #fff;
}



.media-sec .img-11 {
  width: 25%;
}

.media-sec .img-12 {
  color: #fff !important;
}

.media-sec .img-20 {
  width: 50%;
}

.media-sec .img-17 {
  width: 45%;
}

.media-sec .img-21 {
  width: 25%;
}

.media-sec .media-icon-18 {
  width: 20%;
}

section.servingwrp.podcast-bnr h2 {
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
}


/*muz*/
.services_inner_banner_mm {
    height: 600px;
    padding: 0;
    position: relative;
}

.services_inner_banner_mm .button.white-centered {
    background: #fff;
    box-shadow: 0 13px 0 -4px rgb(214 214 214 / 19%);
    color: #000;
    position: relative;
    border: 0 !important;
}

.services_inner_banner_mm  a {
    border: 2px solid #78ffd6;
}

.services_inner_banner_mm  ul li:before {
    color: #ffd85c;
    background: transparent; 
    border: 2px solid #ffd85c;
}

.services_inner_banner_mm_webdesign img {
    max-width: 140%;
}

.services_inner_banner_mm ul li{
    font-weight: 400;
}

.services_inner_banner_mm_ecomm img {
    max-width: 125%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -80px;
}

.services_inner_banner_mm h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.services_inner_banner_mm_web_automa img {
    max-width: 175%;
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    /* left: -230px; */
}

.services_inner_banner_mm_video_animation img {
    max-width: 170%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -190px;
}


.services_inner_banner_mm_mob_app_dev{
    background-image: url(../images/banner-mobile-app-development-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services_inner_banner_mm_mob_app_dev .serivces_inner_banner_img img {
    position: absolute;
    top: 0;
    bottom: -104px;
    margin: auto;
    max-width: 115%;
}


.services_inner_banner_mm_seo {
    background-image: url(../images/banner-seo-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services_inner_banner_mm_seo .serivces_inner_banner_img img {
    position: absolute;
    top: 0;
    bottom: -40px;
    margin: auto;
    max-width: 100%;
}


.services_inner_banner_mm_smm {
    background-image: url(../images/banner-smm-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services_inner_banner_mm_smm .serivces_inner_banner_img img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 130%;
    left: -115px;
}


.services_inner_banner_mm_ppc {
    background-image: url(../images/banner-ppc-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services_inner_banner_mm_ppc .serivces_inner_banner_img img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 130%;
    left: -115px;
}


.services_inner_banner_mm_ppc h1,
.services_inner_banner_mm_ppc h4,
.services_inner_banner_mm_ppc ul li{
    color: #000;
}

.services_inner_banner_mm_ppc ul li:before{
    color: #001af8;
    border: 2px solid #001af8;
}

.services_inner_banner_mm_ppc a {
    border: 2px solid #870029;
    color: #000;
}

.services_inner_banner_mm_ppc a:hover {
    color: #000;
}

.services_inner_banner_mm_ppc .button.white-centered {
    background: #000;
    box-shadow: 0 13px 0 -4px rgb(214 214 214 / 19%);
    color: #fff;
    position: relative;
    border: 0 !important;
}


.services_inner_banner_mm_logo_design {
    background-image: url(../images/banner-logo-design-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services_inner_banner_mm_logo_design .serivces_inner_banner_img img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 130%;
    /* left: 0; */
}


.branding_page_about h2 {
    font-size: 30px;
    font-weight: 700;
}
.branding_page_about p {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    width: 100%;
}

.stext-btn {
    display: flex;
    column-gap: 20px;
}

.branding_page_about {
    padding: 40px 0 50px;
}

.branding_page_about .row {
    align-items: center;
}


/*video types*/
.types-of-videos {
  margin: 0;
  padding: 60px 0 50px 0;
  width: 100%;
  background: #eaf5ff
}

.types-of-videos h2 {
  color: #00273f;
  margin-bottom: 0;
  text-align: center;
  padding-top: 0;
  margin-bottom: 10px
}

.types-of-videos p.para {
  text-align: center
}

.core-main {
  width: 100%;
  margin-top: 30px
}

.core-details {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background: #fff
}

.core-disc h2 {
  font-size: 18px;
  color: #555;
  line-height: 22px;
  font-weight: 700;
  margin-top: 0;
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-top: 10px
}

.core-disc h4 {
  font-size: 18px;
  color: #555;
  line-height: 22px;
  font-weight: 700;
  margin-top: 0;
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-top: 10px
}

.core-disc h5 {
  font-size: 18px;
  color: #555;
  line-height: 22px;
  font-weight: 700;
  margin-top: 0;
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-top: 10px
}

.core-disc p {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-weight: 400;
  text-align: right
}

.core-disc p {
  font-size: 13px;
  line-height: 18px;
  color: #666;
  font-weight: 400;
  text-align: right;
  padding-bottom: 10px;
  margin: 0;
  height: 65px;
  overflow-y: auto
}

.core-disc p::-webkit-scrollbar {
  width: 5px
}

.core-disc p::-webkit-scrollbar-track {
  border-radius: 10px
}

.core-disc p::-webkit-scrollbar-thumb {
  background: #03a9dc;
  border-radius: 0
}

.core-disc p:hover::-webkit-scrollbar-thumb {
  background: #03a9dc
}

.core-img-center img {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  text-align: center
}

.core-left.right .core-disc p {
  text-align: left
}

.core-left.right .core-disc h2 {
  text-align: left;
  background: url(../../404.php) bottom left no-repeat
}

.core-left.right .core-disc h4 {
  text-align: left;
  background: url(../../404.php) bottom left no-repeat
}

.core-left.right .core-disc h5 {
  text-align: left;
  background: url(../../404.php) bottom left no-repeat
}

.bg_circle {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center
}

.types-of-videos .col-md-4 .col-md-12 {
  padding: 15px 15px;
  height: 160px;
}

.no-padding-left {
  padding: 0
}

.red {
  background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
  border-radius: 4px
}

.red .core-disc h2 {
  color: #fff !important
}

.red .core-disc h4 {
  color: #fff !important
}

.red .core-disc h5 {
  color: #fff !important
}

.red .core-disc p {
  color: #fff !important
}

.types-of-videos h3 {
    text-align: center;
    margin: 0;
}

.port_new_branding_mm {
    padding: 40px 0 50px;
}

.port_new_branding_mm ul.tabs {
    padding: 20px 0 0;
}

.port_new_branding_mm .four-port {
    width: 32%;
    margin: 0 5px !important;
}


.branding_pricing_mm {
    padding: 40px 0 0px;
}


.branding_pricing_mm ul.tabs.tabs-logo.mportt.current {
    margin: 35px 0 0;
}
/*video types*/


section#ky-prtl h3 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 10px;
  /* color: #7d45a2; */
  font-weight: 400;
  line-height: 27px;
}

#ky-prtl .portal-txt h2 {
  padding-bottom: 20px;
  /* font-size: 40px; */
  letter-spacing: 0;
  line-height: 48px;
  font-weight: 600;
  margin-top: 10px;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
}

#ky-prtl .portal-txt {
  margin-bottom: 40px
}

section#ky-prtl {
  background: #eee;
  text-align: center;
  padding: 50px 0 0px;
}

.portal-box h3 {
  font-weight: 700;
  margin: 20px;
  font-size: 20px
}

.portal-box.prtl-4 {
  background: #000
}

.portal-box.prtl-3 {
  background: #2698cf
}

.portal-box.prtl-2 {
  background: #f89b20
}

.portal-box.prtl-1 {
  color: #000
}

.portal-box:hover {
  box-shadow: 0 2px 12px 2px #e1e1e1
}

.portal-box {
  padding: 20px;
  background: #fff;
  margin-bottom: 75px;
  color: #fff;
  min-height: 345px
}

.portal-box:hover img {
  animation: moving 3s
}

.prtl-img {
  border: 1px solid #eee;
  border-radius: 60%;
  padding: 20px;
  width: 150px;
  margin: 0 auto;
  height: 150px;
  background: #eee;
  display: flex;
  margin-top: -60px;
  text-align: center;
  align-items: center;
  justify-content: center
}

.prtl-2 h3, .prtl-2 p, .prtl-3 h3, .prtl-3 p, .prtl-4 h3, .prtl-4 p {
  color: #fff
}

.prtl-1 p {
  font-size: 15px
}

.prtl-2 p, .prtl-3 p, .prtl-4 p {
  color: #fff;
  font-size: 15px
}

.portal-box:hover {
  box-shadow: -1px 1px 15px 14px #e1e1e1
}

@keyframes moving {
  0% {
    margin: 0
  }

  50% {
    -webkit-transform: rotate(360deg)
  }

  100% {
    margin: 50px
  }

}


.port_new_webportal_mm {
    background: transparent;
}

.port_new_webportal_mm  .tab-custom {
    margin: 0px 0 0;
}

.web_portal_pricing_mm {
    background-color: #f5f5f5;
    padding: 40px 0 50px;
}

.web_portal_pricing_mm ul.tabs.tabs-logo.mportt.current{
    padding:0;
    margin:0px;
}




.how-it-works-area {
  position: relative;
  padding: 50px 0 50px;
}

.how-it-works-area .section-titleV1 {
  margin-bottom: 0
}

.single-hiw {
  position: relative;
  max-width: 350px;
  margin: 15px auto 0;
  text-align: center;
  padding: 25px 25px 25px
}

.single-hiw:hover {
  background: #fff;
  box-shadow: -1px 15px 16px 1px #ececec;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.single-hiw:hover .sh-icon {
  background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.single-hiw .sh-icon {
  position: relative;
  max-width: 100px;
  margin: 0 auto 20px;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background: #0000002e;
  display: grid;
  align-items: center
}

.single-hiw .sh-icon img {
  transition: .5s ease;
  text-align: center;
  margin: 0 auto
}

.single-hiw:hover .sh-icon img {
  transform: scaleX(-1)
}

.single-hiw .sh-text h4 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  color: #000;
  font-weight: 600;
  margin: 15px auto
}

.single-hiw .sh-text p {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 24px;
  color: #4f5b6d
}


.sec_why_we_does {
  background-color: #f4f4f4;
  padding: 50px 0;
  overflow: hidden
}

.content-header {
  background: #fff;
  padding: 20px 0 20px 100px
}

.sec_why_we_does .tab-content {
  padding: 20px 0 0 0
}

.img-right {
  position: relative;
  top: -87px;
  left: -75%;
  margin: 0 0 -40px 0;
  width: 180%
}

.sec_why_we_does .tab-content p {
  padding: 0 0 20px 0;
  font-size: 14px;
  color: #4f5b6d
}

.sec_why_we_does .tab-content ul li {
  color: #4f5b6d;
  font-size: 14px;
  position: relative;
  padding-left: 25px;
  padding-bottom: 4px;
  list-style: none
}

.sec_why_we_does .tab-content ul.list1 li:before {
  position: absolute;
  display: block;
  content: '';
  top: 5px;
  width: 20px;
  height: 13px;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  color: #f15833
}

.sec_why_we_does .tab-content ul.list1 {
  padding: 0;
  margin: 0
}

.sec_why_we_does .content-header h3 {
  font-size: 26px;
  color: #f15833
}

.sec_why_we_does .content-header p {
  font-size: 18px;
  color: #000
}

.sec_why_we_does .content-header img.magento-icon {
  float: right;
  width: 10%;
  margin: -57px 0 0 0;
  display: none
}

.sec_why_we_does123 .nav-tabs {
  border: 0;
  margin: 20px auto 0;
  display: flex;
  padding: 0;
}

.sec_why_we_does123 .nav-tabs li a img {
  float: left;
  margin-right: 15px;
  margin-top: -5px
}

.sec_why_we_does123 .nav-tabs li a sub {
  font-size: 18px !important;
  line-height: 1.2;
  font-weight: 600
}

.sec_why_we_does123 .nav-tabs li a:hover{
    color:#000;
}

.sec_why_we_does123 .nav-tabs li a sub sup {
  font-size: 15px;
  display: block;
  color: #666;
  top: 10px;
  letter-spacing: 0
}

.sec_why_we_does123 .nav-tabs li {
  width: 23%;
  list-style: none;
  float: left;
  margin-right: 17px;
  padding: 20px 11px 15px;
  background: #fff;
  border-radius: 8px 8px 0 0
}

.sec_why_we_does123 .tab-content {
  background: #f4f4f4;
  padding: 0
}

.sec_why_we_does123 .nav-tabs li a {
  display: block;
  position: relative;
  z-index: 9;
  text-decoration: none;
}

.sec_why_we_does123 .tab-content p.para1 {
  padding: 0 0
}

.sec_why_we_does123 .tab-content p {
  padding: 40px 0 20px 0
}

.sec_why_we_does123 .tab-content .img-right {
  top: -57px
}

.how-it-works-area h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.how-it-works-area h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 16px;
}

.how-it-works-area h2 span {
    display: table;
    margin: auto;
    font-size: 20px;
}

.how-it-works-area h4 span {
    display: table;
    margin: auto;
    font-size: 20px;
}

.how-it-works-area .section-titleV1 h2 span {
    display: block;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #8b5aac;
    font-weight: 400;
}

.how-it-works-area .section-titleV1 h4 span {
    display: block;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #8b5aac;
    font-weight: 400;
}

.sec_why_we_does .section-titleV1 h3 span {
    display: block;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #8b5aac;
    font-weight: 400;
    text-align: center;
}

.section-titleV1 {
    /* text-align: center; */
}
.section-titleV1 h3 {
    text-align: center;
}

.blog2-area {
  position: relative;
  padding: 40px 0 0px 160px;
  background: #fff7f7;
  margin: 50px 0 0;
}

.blog2-area .section-titleV1 {
  text-align: left;
  margin-left: 0
}

.blog3-area {
  position: relative;
  padding-bottom: 120px
}

.blog2_area2 .blog2_area2_inner p {
    font-size: 14px;
}
.single-blogV1 .sb-text p {
    height: 140px;
    overflow-y: auto;
}

.single-blogV2 {
  position: relative;
  border-radius: 5px;
  background-color: #fff;
  max-width: 350px;
  margin: 15px auto;
  transition: .5s ease;
  box-shadow: -.326px .946px 14.72px 1.28px rgba(232, 235, 234, .53)
}

.single-blogV2:hover {
  box-shadow: 3.661px 41.84px 49.68px 4.32px rgba(241, 241, 241, .91)
}

.single-blogV2:hover .sb-img img {
  transform: scale(1.05)
}

.single-blogV2:hover .sb-text h4 {
  color: #00c3ff
}

.single-blogV2:hover .sb-text a {
  color: #605ef5
}

.single-blogV2:hover .sb-meta p {
  color: #605ef5
}

.single-blogV2:hover .sb-meta p a {
  color: #605ef5
}

.single-blogV2 .sb-img {
  position: relative;
  overflow: hidden
}

.single-blogV2 .sb-img img {
  transition: .5s ease
}

.single-blogV2 .sb-meta {
  position: relative;
  margin-bottom: 10px
}

.single-blogV2 .sb-meta .sbm-author {
  position: relative;
  display: inline-block
}

.single-blogV2 .sb-meta .sbm-author p {
  color: #c1c1c1;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
  transition: .5s ease
}

.single-blogV2 .sb-meta .sbm-author p a {
  color: #c1c1c1;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 22px;
  display: inline-block
}

.single-blogV2 .sb-meta .sbm-date {
  position: relative;
  display: inline-block;
  float: right;
  margin-top: 4px
}

.single-blogV2 .sb-meta .sbm-date p {
  color: #c1c1c1;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0
}

.single-blogV2 .sb-text {
  position: relative;
  padding: 20px 30px
}

.single-blogV2 .sb-text h4 {
  font-family: Gilroy;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 15px;
  font-weight: 600
}

.single-blogV2 .sb-text h4 a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  font-family: inherit
}

.single-blogV2 .sb-text p {
  font-size: 16px;
  letter-spacing: 0;
  color: #4f5b6d;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 15px;
  transition: .5s ease
}

.single-blogV2 .sb-text a {
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  line-height: 20px;
  display: inline-block;
  font-weight: 600
}

.single-blogV2 .sb-text i {
  margin-left: 10px
}

.single-blogV2.blog-Vlarge {
  max-width: 760px;
  margin: 0 auto 30px
}

.blog-details-comment {
  position: relative;
  margin-top: 100px
}

.blog-details-comment h4 {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 30px
}

.blog-details-comment input {
  position: relative;
  width: 100%;
  border: 1px solid #f3f3f3;
  height: 50px;
  margin-bottom: 30px;
  padding: 10px 20px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  color: #000;
  font-weight: 300;
  background-color: #f3f3f3
}

.blog-details-comment textarea {
  position: relative;
  width: 100%;
  border: 1px solid #f3f3f3;
  height: 50px;
  margin-bottom: 30px;
  padding: 10px 20px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  color: #000;
  font-weight: 300;
  background-color: #f3f3f3
}

.blog-details-comment input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 4px;
  position: relative;
  top: 2px
}

.blog-details-comment input.comment-submit-btn {
  width: auto;
  background-color: #007cf5;
  border: 1px solid #007cf5;
  height: 50px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 24px;
  transition: .5s ease;
  border-radius: 30px;
  min-width: 200px;
  margin-bottom: 0
}

.blog-details-comment input.comment-submit-btn:hover {
  background-color: #0077ea
}

.blog2_area2 .blog2_area2_inner {
  padding: 50px 0 100px 15%;
}

.blog2_area2 .blog2_area2_inner .single-blogV1 .sb-text h4 {
  margin-bottom: 15px;
  height: 57px;
  color: #7d3fa2;
  align-items: center;
  display: grid;
}

.blog2_area2 .blog2_area2_inner .single-blogV1 {
  position: relative;
  max-width: 350px;
  margin: 15px auto;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 1.883px 26.934px 64.4px 5.6px rgba(241, 241, 241, .91);
  min-height: 210px;
}

.blog2_area2 .blog2_area2_inner .single-blogV1:hover {
  background-color: #7d42a2;
  transition: all .3s ease-in-In;
  -webkit-transition: all .3s ease-in-In;
  -moz-transition: all .3s ease-in-In;
  -o-transition: all .3s ease-in-In
}

.blog2_area2 .blog2_area2_inner .single-blogV1:hover .sb-text h4, .blog2_area2 .blog2_area2_inner .single-blogV1:hover .sb-text p {
  color: #fff;
  transition: all .3s ease-in-In;
  -webkit-transition: all .3s ease-in-In;
  -moz-transition: all .3s ease-in-In;
  -o-transition: all .3s ease-in-In
}

.blog2_area2 .blog2_area2_inner:after {
  content: '';
  background: url(../images/blog2_area2_after.png) no-repeat left;
  width: 607px;
  height: 705px;
  left: -80px;
  top: 0;
  position: absolute
}

.blog2_area2 .blog2_area2_inner p {
  font-size: 14px;
  margin: 0;
}

.web-portal-engaging .row {
  display: flex;
  align-items: center
}


.single-blogV1 .sb-text h4 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 40px;
}

.services_inner_banner_mm_wen_mainten .serivces_inner_banner_img img {
    width: 100%;
}

.sec_row {
    justify-content: center;
}

ul.service-text-list {
  position: relative;
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px
}

ul.service-text-list li {
  font-size: 15px;
  letter-spacing: 0;
  color: #4f5b6d;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 10px
}

.polling-area ul.service-text-list li {
  font-size: 15px
}

ul.service-text-list i {
  color: #8862cb;
  margin-right: 10px
}



ul#nav-tabs-wrapper li a img {
  margin-bottom: 10px
}

ul#nav-tabs-wrapper li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #201f1c;
  background: #e7e2dc;
  font-weight: 500;
  border: 0;
  margin: 0;
  padding: 20px 18px;
  height: 160px;
  width: 160px;
  border-radius: 50% !important;
  margin: 0 40px 20px;
  position: relative
}

ul#nav-tabs-wrapper>li>a:hover {
  background: #e7e2dc;
  border: 0
}

.tab-bg-st {
  background: #e7e2dc
}

.ser-tab-img {
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.ser-tab-img img {
  width: 100%
}

.ser-tab-img img:nth-child(1) {
  padding-right: 35px
}

.service-area-two {
  background: #00c3ff;
  padding: 0
}

#tab2 .service-area.service-area-two {
  background: #498a01
}

ul#nav-tabs-wrapper li a.tab2.active {
  background: #498a01
}

#tab3 .service-area.service-area-two {
  background: purple
}

ul#nav-tabs-wrapper li a.tab3.active {
  background: purple
}

#tab4 .service-area.service-area-two {
  background: orange
}

ul#nav-tabs-wrapper li a.tab4.active {
  background: orange
}

.service-area-two .service-box {
  padding: 0% 0 0px 0;
}

.service-area-two .row {
  align-items: center
}

.service-area-two:before {
  display: none
}

.service-area-two .single-service {
  box-shadow: none
}

.service-area-two .single-service .ss-text h4 {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  height: 39px;
  margin: 0 0 10px;
}

.service-area-two .single-service .ss-text p {
  font-size: 14px;
  height: 150px;
  overflow-y: scroll
}

.service-area-two .single-service .ss-text p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #f5f5f5
}

.service-area-two .single-service .ss-text p::-webkit-scrollbar {
  width: 6px;
  background-color: gray
}

.service-area-two .single-service .ss-text p::-webkit-scrollbar-thumb {
  background-color: gray
}

.service-area-two .section-text p, .service-area-two h3 {
  color: #fff
}

.service-area-two a.btn-style-b {
  background: #29427a
}

.industry-sec ul#nav-tabs-wrapper li a span {
  position: absolute;
  bottom: -70px;
  z-index: 9;
  color: #fff;
  font-size: 18px;
  opacity: 0;
  width: 100%;
  display: block;
  text-align: center;
  display: none
}

ul#nav-tabs-wrapper li.active a span {
  opacity: 1
}

ul#nav-tabs-wrapper li.active a {
  background: #00c3ff
}

/*ul#nav-tabs-wrapper li.active a:after {
  content: '';
  position: absolute;
  background: url(../images/nav-tabs-wrapper-after.png);
  left: 0;
  right: 0;
  bottom: -21px;
  width: 61px;
  height: 28px;
  margin: 0 auto
}

ul#nav-tabs-wrapper li a.tab2.active:after {
  background: url(../images/nav-tabs-wrapper-after2.png)
}

ul#nav-tabs-wrapper li a.tab3.active:after {
  background: url(../images/nav-tabs-wrapper-after3.png)
}

ul#nav-tabs-wrapper li a.tab4.active:after {
  background: url(../images/nav-tabs-wrapper-after4.png)
}*/

.ApplistSection {
  padding: 50px 0;
  background: #e5f9ff
}

.ApplistSection .SubSection h3 {
  color: #32127a
}

.ApplistSection .SubSection p {
  color: #000
}

.ApplistSection .AppText {
  text-align: center;
  display: block;
  margin: 10px 0 0 0;
  color: #bbb;
  font-size: 15px;
  font-weight: 600
}

.ApplistSection .IconsAppsList .col-md-2:hover span.AppText {
  color: #444
}

.ApplistSection .AppIcons {
  width: 86px;
  height: 86px;
  background: url(../images/sprite.png) no-repeat;
  display: block;
  margin: 0 auto;
  position: relative
}

.ApplistSection .AppIcons.icon1 {
  background-position: -874px -387px
}

.ApplistSection .AppIcons.icon2 {
  background-position: -986px -387px
}

.ApplistSection .AppIcons.icon3 {
  background-position: -1100px -387px
}

.ApplistSection .AppIcons.icon4 {
  background-position: -1215px -387px
}

.ApplistSection .AppIcons.icon5 {
  background-position: -1343px -387px
}

.ApplistSection .AppIcons.icon6 {
  background-position: -1455px -387px
}

.service-area-two {
    background: #00c3ff;
    padding: 0;
}

.service-area li.slick-slide {
    background-color: #fff;
    margin: 0 4px 0;
    padding: 25px 15px 20px;
    border-radius: 10px;
}

.service-area h3 {
    text-align: left;
}

.service-area {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 50px 0 50px;
}

[class^=box-] {
    display: none
}

[class^=box-].showfirst{
    display: block
}

.industry-sec .services_inner_banner_mm {
    height: auto;
    display: flex;
    column-gap: 10px;
}


/*.industry-sec ul#nav-tabs-wrapper li.current.active a:after {
   content: '';
   position: absolute;
   background: url(../images/nav-tabs-wrapper-after.png);
   left: 0;
   right: 0;
   bottom: -1px;
   width: 61px;
   height: 28px;
   margin: 0 auto;
   z-index: 999999;
}*/


.industry-sec ul#nav-tabs-wrapper li.current.active {
   position:relative;
}


.industry-sec ul#nav-tabs-wrapper li {
    position: relative;
}


ul#nav-tabs-wrapper li.active a span {
  opacity: 1;
}

ul#nav-tabs-wrapper li.active a {
  background: #00c3ff;
}

.industry-sec  li.current.active a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -21px;
  width: 61px;
  height: 28px;
  margin: 0 auto;
}

.industry-sec  li.box_new_1mm.active a:after {
  content: '';
  position: absolute;
  background: url(../images/nav-tabs-wrapper-after.png);
  left: 0;
  right: 0;
  bottom: -21px;
  width: 61px;
  height: 28px;
  margin: 0 auto;
}

.industry-sec  li.box_new_2mm.current.active a:after {
  background: url(../images/nav-tabs-wrapper-after2.png);
}

.industry-sec  li.box_new_3mm.current.active a:after {
  background: url(../images/nav-tabs-wrapper-after3.png);
}

.industry-sec  li.box_new_4mm.current.active a:after {
  background: url(../images/nav-tabs-wrapper-after4.png);
}

.industry-sec  li.box_new_2mm.active a {
    background: #498a01;
}

.industry-sec  li.box_new_3mm.active  a {
    background: #00c3ff;
}

.industry-sec  li.box_new_4mm.active a {
    background: #00c3ff;
}

li.box_new_2mm.current.active a {
    background: #498a01 !important;
}

.industry-sec  li.box_new_3mm.current.active a {
  background: purple !important;
}

.industry-sec  li.box_new_4mm.current.active a {
  background: orange !important;
}

.industry-sec .services_inner_banner_mm a.button.white-centered.w-button {
    box-shadow: none;
    background-color: #fff;
}

.industry-sec .services_inner_banner_mm 
 a.button.w-button {
    border: 1px solid #000;
    background-color: #000;
}

.single-service .ss-icon {
  position: relative;
  max-width: max-content;
  margin-bottom: 20px
}

.single-service .ss-icon img {
  transition: .5s ease;
  filter: grayscale(100%)
}

.single-service:hover .ss-icon img {
  transform: scaleX(-1)
}

.section-titleV1 p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #495057;
    /* text-transform: uppercase; */
    font-weight: 400;
}

.ApplistSection .section-titleV1 p {
    text-align: center;
}

.ApplistSection .section-titleV1 h3 {
    margin: 0px 0 20px;
}

.blog2_area2_inner h3 {
    text-align: left;
    margin: 0 0 0;
}


.clients-sec {
  padding: 60px 0 80px;
  background: #fff7f7;
  position: relative;
  margin: 0 0 90px;
}

.client-txt {
  text-align: center;
  margin-bottom: 50px
}

.clients-sec ul li span {
  margin-right: 5px
}

.clients-sec ul li {
  margin-bottom: 10px;
  padding: 10px 25px;
  transition-duration: .5s;
  border-radius: 50px
}

.clients-sec ul li img {
  margin-right: 10px;
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-transition: all .8s ease-in-out;
  transition-duration: .5s
}

.clients-sec ul li:hover {
  background: rgba(0, 195, 255, .22);
  color: #00c3ff
}

.clients-sec ul li:hover img {
  filter: none;
  -webkit-filter: grayscale(0)
}

.clients-sec2 a {
    /* color: #00c3ff; */
    font-size: 15px;
    position: relative;
    z-index: 99;
    top: 0;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    width: auto;
}

.clients-sec ul {
  list-style: none;
  padding: 0
}

.abc_inner {
  display: flex;
  width: 140%;
  padding: 100px 0 0;
  margin-left: 150px;
}

/*.abc_inner {*/

/*  display: flex;*/

/*  width: 100%;*/

/*  padding: 100px 0 0*/

/*}*/

.clients_boxes {
  margin: 40px 0 -57px;
  position: relative;
  bottom: 0;
  transition-duration: .5s
}

.active_panel {
  bottom: -70px;
  top: auto
}

div#abc {
  display: none
}

div#preloader {
  display: none
}

.clients-sec a {

  /*color: #00c3ff;*/
  font-size: 45px;
  position: absolute;
  z-index: 99;
  top: 0;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  width: auto
}


.clients-sec a:hover{
    color:#000;
}
.clients-sec2 a {/*color: #00c3ff;*/font-size: 15px;position: relative;z-index: 99;top: 0;text-align: center;margin: auto;left: 0;right: 0;width: auto;text-decoration: none;}

.clients_boxes.active {
  display: block;
  transition: all .3s ease-in-In;
  -webkit-transition: all .3s ease-in-In;
  -moz-transition: all .3s ease-in-In;
  -o-transition: all .3s ease-in-In
}
.clients-sec .section-titleV1 {
    text-align: center;
}

.clients-sec .section-titleV1 p {
    margin: 0 0 0;
}

.clients-sec .section-titleV1 h3 {
    margin: 10px 0 0;
}

/*SEO*/


.seo_pro_serives_boxes {
  margin: 50px 0 0;
  width: 100%
}

.seo_pro_serives_boxes .nav-tabs {
  border-bottom: 0 solid #ddd;
  margin: 0;
  padding: 0 0 30px 0;
  width: 100%;
  /* display: initial !important; */
}

.seo_pro_serives_boxes .nav-tabs>li {
  float: left;
  padding: 0
}

.seo_pro_serives_boxes .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 0 solid transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.seo_pro_serives_boxes .nav-tabs>li>a:hover {
  border-color: transparent !important
}

.seo_pro_serives_boxes .nav-tabs>li.active>a, .seo_pro_serives_boxes .nav-tabs>li.active>a:focus, .seo_pro_serives_boxes .nav-tabs>li.active>a:hover {
  color: #fff;
  cursor: default;
  background-color: #142034;
  border: 0 solid #ddd;
  border-bottom-color: transparent
}

.seo_pro_serives_box {
  background-color: #fff;
  /* min-height: 315px; */
  align-content: center;
  /* display: grid; */
  padding: 0 30px;
  transition-duration: .5s;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0
}

.seo_pro_serives_box h3 {
  margin: 5px 0 15px;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0;
  /*height: 45px;*/
  align-items: flex-start;
  display: grid;
  line-height: 24px;
  align-items: center;
}

.seo_pro_serives_box_icon img {
  margin: 0;
  padding: 0;
}

.seo_pro_serives_box p {
  color: #142034;
  font-size: 13.5px;
  margin: 0;
  position: relative
}

.seo_pro_serives_box p:before {
  content: '';
  position: absolute;
  width: 80px;
  height: 1px;
  background-color: #000;
  top: -20px;
  display: none
}

.seo_pro_serives_box:hover p:before, .seo_pro_serives_boxes .nav-tabs .active .seo_pro_serives_box p:before {
  background-color: #fff
}

.seo_pro_serives_box:hover, .seo_pro_serives_boxes .nav-tabs .active .seo_pro_serives_box {
  /* background-color: #ececec */
}

.seo_pro_serives_box:hover h3, .seo_pro_serives_box:hover p, .seo_pro_serives_boxes .nav-tabs .active .seo_pro_serives_box h3, .seo_pro_serives_boxes .nav-tabs .active .seo_pro_serives_box p {
  color: #000
}

.seo_page_optimiz_boxes {
  margin: 0;
  display: flex;
  width: 100%;
  padding: 50px 0;
  align-items: center;
}

.seo_pro_serives_sec123 .seo_page_optimiz_boxes {
  padding: 70px 0 50px
}

.blk_title_lf {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  color: #000;
  letter-spacing: 0
}

.blk_title_lf span {
  font-size: 30px
}

.blk_sub_title_lf {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 20px
}

.blk_para_lf {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 400
}

.seo_page_optimiz_box_right h3 {
  color: #3b3663;
  font-size: 50px;
  font-weight: 700;
  margin: 0;
  font-family: Sarabun, sans-serif
}

.seo_page_optimiz_box_right h3 small {
  font-size: 20px;
  vertical-align: top;
  color: #e64828;
  font-weight: 400;
  position: relative;
  top: 5px;
  left: -10px
}

.seo_page_optimiz_box_right h3 span {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  top: -10px;
  text-transform: uppercase;
  color: #000
}

.seo_page_optimiz_box_right1 {
  border-right: 1px solid #dcdde4;
  height: 70px;
  margin: 0 5px 0 0;
  padding: 15px 0 0 30px
}

.seo_page_optimiz_box_right .counter-value {
  float: left;
  margin: 0 15px 0 0;
  font-size: 40px;
  color: #000
}

.seo_page_optimiz_box_right p {
  margin: 10px 0 10px 0;
  font-size: 14px;
  color: #4f5b6d;
  line-height: 20px;
  padding: 0
}

.seo_page_optimiz_box_right {
  float: left;
  background: #fff
}

.why_seo_important_sec {
  background-color: #f3f3f3
}

.why_seo_important_box img {
  width: 100%;
  margin: -35px 0 0
}

.why_seo_important_box {
  padding: 40px 0 0
}

.why_seo_important_box .blk_title_lf {
  font-size: 48px;
  margin: 0 0 20px;
  position: relative;
  padding: 0 0 20px
}

.why_seo_important_box .blk_title_lf:after {
  content: '';
  width: 100px;
  height: 2px;
  background-color: #4c74b9;
  position: absolute;
  margin: auto;
  display: table;
  left: 0;
  right: 0;
  bottom: 0
}

.seo_page_optimiz_box_right_main {
  /* float: left; */
  /* padding: 20px 0; */
  /* border-radius: 8px */
}

.seo_pro_serives_sec .tab-content {
  background: #ececec;
  margin: -20px 0 0 0
}

.seo_pro_serives_sec123 .seo_pro_serives_box:hover, .seo_pro_serives_sec123 .seo_pro_serives_boxes .nav-tabs .active .seo_pro_serives_box {
  background-color: transparent
}

.seo_pro_serives_sec123 .tab-content {
  margin: 00px 0 0 0
}

.seo_pro_serives_sec.seo_pro_serives_sec123 .section-titleV1 h2 {
  /* font-size: 24px; */
  /* line-height: 30px; */
  margin-bottom: 0;
  text-align: center;
  margin: 0;
}

.seo_pro_serives_sec.seo_pro_serives_sec12 .section-titleV1 h3 span {
  display: block;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  /* color: #00c3ff; */
  text-transform: capitalize;
  font-weight: 400
}

.seo_pro_serives_sec.seo_pro_serives_sec123 .section-titleV1 p {
    text-align: center;
    margin: 0 0 10px;
    font-size: inherit;
}

.seo_pro_serives_sec {
    padding: 70px 0 0;
}

.seo_pro_serives_sec.seo_pro_serives_sec123 .section-titleV1 p {
    text-align: center;
    margin: 0 0 10px;
    font-size: inherit;
}

.seo_pro_serives_sec {
    padding: 70px 0 0;
}

.seo_pro_serives_box_icon {
    height: 98px;
}

.owl_carousel_seo .slick-dots {
    position: absolute;
    bottom: 40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.owl_carousel_seo .slick-dots li.slick-active button {
    /* background-color: #000; */
}

.owl_carousel_seo .slick-dots li{
    margin: 0 5px;
    width: 15px !important;
    height: 15px !important;
}

.owl_carousel_seo .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    width: 15px;
    height: 15px;
}

.owl_carousel_seo .slick-dots li button {
    /* background-color: #e5e5e5; */
    border-radius: 50px;
    width: 10px;
    height: 15px;
    margin: 0 0px;
}

.seo_page_optimiz_boxes .row {
    align-items: center;
    display: flex;
}



.before-after-seo {
  position: relative;
  padding: 50px 0;
  background: #ebf5ff
}

.before-after-seo .background-chart {
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1
}

@media (min-width:1750px) {
  .before-after-seo .background-chart {
    top: 40%
  }

}

@media (min-width:2400px) {
  .before-after-seo .background-chart {
    top: 30%
  }

}

.before-after-seo .background-chart img {
  width: 100%
}

.before-after-switch {
  max-width: 305px;
  margin: 30px auto -20px;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2
}

.before-after-switch, .before-after-switch .after-seo, .before-after-switch .before-seo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.before-after-switch .after-seo, .before-after-switch .before-seo {
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  line-height: normal;
  font-size: .7222em;
  text-align: center;
  letter-spacing: .1538em;
  color: #25364b;
  text-transform: uppercase
}

.before-after-switch .after-seo img, .before-after-switch .before-seo img {
  width: 13px;
  margin-bottom: 5px
}

.before-after-cards {
  position: relative;
  margin-top: 70px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 2
}

@media (max-width:1050px) {
  .before-after-cards {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

}

@media (max-width:800px) {
  .before-after-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px
  }

}

.before-after-cards .card {
  position: relative;
  max-width: 248px;
  height: 274px;
  padding: 2.2222em 2.7777em 0 2.2222em;
  margin: 0 50px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 75%;
  text-align: center;
  -webkit-box-shadow: 0 20px 40px rgba(100, 78, 108, .17);
  box-shadow: 0 20px 40px rgba(100, 78, 108, .17);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width:1050px) {
  .before-after-cards .card {
    margin: 0
  }

}

@media (max-width:800px) {
  .before-after-cards .card {
    width: 100%;
    margin: 30px auto
  }

}

.before-after-cards .card .stat {
  font-family: Poppins, sans-serif;
  font-size: 40px;
  line-height: 1.1818em;
  font-weight: 700;
  color: #25364b
}

@media (max-width:800px) {
  .before-after-cards .card .stat {
    font-size: 35px
  }

}

.before-after-cards .card.one {
  background-image: url(../images/small-chart-bg.png)
}

.before-after-cards .card.one .person1 {
  position: absolute;
  bottom: -120px;
  left: -35px
}

@media (max-width:800px) {
  .before-after-cards .card.one .person1 {
    left: -60px
  }

}

.before-after-cards .card.one .person1 img {
  width: 76px
}

.before-after-cards .card.three, .before-after-cards .card.two {
  background-image: url(../images/small-chart-bg.png)
}

.before-after-cards .card.three .person2 {
  position: absolute;
  bottom: -130px;
  right: -35px
}

.before-after-cards .card.three .person2 img {
  width: 77px
}

.seo-switch .switch {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 30px;
  border-radius: 20px;
  background: #accbdb;
  -webkit-transition: background .28s cubic-bezier(.4, 0, .2, 1);
  -o-transition: background .28s cubic-bezier(.4, 0, .2, 1);
  transition: background .28s cubic-bezier(.4, 0, .2, 1);
  vertical-align: middle;
  cursor: pointer
}

.seo-switch .switch:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  background: #fafafa;
  border-radius: 50%;
  -webkit-transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  -o-transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.seo-switch .switch:active:before {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px hsla(0, 0%, 50%, .1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px hsla(0, 0%, 50%, .1)
}

.seo-switch input:checked+.switch {
  background: #ac99c6
}

.seo-switch input:checked+.switch:before {
  left: 32px;
  background: #fff
}

.seo-switch input:checked+.switch:active:before {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2)
}

.after-seo-num {
  display: none
}

.before-after-cards .card.one {
  background-image: url(../images/small-chart-bg.png)
}

.before-after-cards .card.one .person1 {
  position: absolute;
  bottom: -120px;
  left: -35px
}

.before-after-cards .card .stat-title {
  color: #5c6978;
  font-size: 16px
}

.ecomerce_seo_results_sec {
  padding: 60px 0
}

.ecomerce_seo_results_boxes {
  margin: 50px 0 0
}

.ecomerce_seo_results_box {
  background-color: #f4f6fb;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  border-radius: 5px;
  margin: 0 0 15px
}

.ecomerce_seo_results_box h3 {
  margin: 0;
  color: #666;
  font-size: 16px;
  font-weight: 600
}

.ecomerce_seo_results_box p {
  font-size: 35px;
  color: #122239;
  font-weight: 700;
  margin: 0
}

.ecomerce_seo_results_box .why_chose_main_box_text {
  margin: 0
}

.ecomerce_seo_results_box_right img {
  width: 120%
}

.ecommerce_services_sec {
  padding: 50px 0 0;
}

.ecommerce_services_sec .blk_title_lf {
  font-size: 32px;
  margin: 0 0 40px;
  line-height: 38px
}

.ecommerce_services_sec .ecommerce_services_sec1 .legit_seo_agency_boxes .row {
  align-items: center;
  align-content: center
}

.ecommerce_services_sec .blk_title_lf span {
  font-size: 24px
}

.ecommerce_services_sec2 {
  background-color: #f5f5f5;
  padding: 60px 0 60px;
  margin: 50px 0 0
}

.ecommerce_services_sec2 .legit_seo_agency_boxes {
  flex-direction: row-reverse;
  display: flex
}

.ecommerce_services_sec3 {
  padding: 60px 0 0
}

.ecomerce_seo_results_sec {
  padding: 60px 0 0
}

.ecomerce_seo_results_boxes {
  margin: 30px 0 0;
}

.ecomerce_seo_results_box {
  background-color: #f4f6fb;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  border-radius: 5px;
  margin: 0 0 15px
}

.ecomerce_seo_results_box h3 {
  margin: 0;
  color: #666;
  font-size: 16px;
  font-weight: 600
}

.ecomerce_seo_results_box p {
  font-size: 35px;
  color: #122239;
  font-weight: 700;
  margin: 0
}

.ecomerce_seo_results_box .why_chose_main_box_text {
  margin: 0
}

.ecomerce_seo_results_box_right img {
  width: 120%
}

.ecommerce_services_img img, .expert_adwords_box img, .process_page_box_img img, .why_seo_important_box img {
  animation: img_anim2 4s infinite;
  animation-timing-function: linear
}

@keyframes img_anim2 {
  0% {
    transform: translateY(.4vw)
  }

  50% {
    transform: translateY(-.4vw)
  }

  100% {
    transform: translateY(.4vw)
  }

}

.ecommerce_services_sec .legit_seo_agency_box {
  /* width: 120% */
}

.ecommerce_services_sec .ecommerce_services_img img {
  float: right;
  width: 100%;
}

.ecomerce_seo_results_sec p.prcing_title_para {
    text-align: center;
}

.ecomerce_seo_results_sec .section-titleV1 p {
    text-align: center;
    margin: 0 0 0;
}

.ecomerce_seo_results_sec .section-titleV1 h3 {
    margin: 10px 0 10px;
}

.before-after-seo .section-titleV1 p {
    text-align: center;
    margin: 0 0 15px;
}

.before-after-seo .section-titleV1 h3 {
    text-align: center;
    margin: 0 0 10px;
}

.before-after-seo p.prcing_title_para {
    text-align: center;
}


.sec_social_platforms {
  padding: 50px 0;
  background: #fff7f7
}

.sec_social_platforms .social_platforms_inner ul {
  margin: 0 auto;
  display: table
}

.sec_social_platforms .social_platforms_inner ul li {
  list-style: none;
  display: inline-block;
  padding: 0 10px
}

.sec_social_platforms .social_platforms_inner {
  margin: 40px 0 0 0
}

.blog-area-slider {
  width: 145%;
  overflow: hidden
}

.blog-area-slider .owl-item.cloned {
  opacity: .5px !important
}

.blog-area .section-titleV1 p {
  text-transform: capitalize;
  font-size: 18px;
  color: #000;
  margin: 10px 0 0
}

.recent-project2-area .portfolio-shuffle-wrapper .portfolio-box {
  padding: 0px 10px;
}

.recent-project2-area .section-titleV1 {
  text-align: center
}

.recent-project2-area .portfolio-shuffle-wrapper .portfolio-box a:hover:before {
  opacity: 1
}

.recent-project2-area .portfolio-shuffle-wrapper .portfolio-box a:before {
  opacity: 1;
  transition: all .5s ease-in-out;
  content: '';
  width: 95%;
  position: absolute;
  bottom: 0;
  left: 2px;
  color: #fff;
  top: 9px;
  bottom: 9px;
  font-size: 58px;
  z-index: 99;
  align-items: center;
  display: grid;
  margin: auto;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .73);
  transition: all .2s ease-in-out;
  opacity: 0;
  right: 0
}

.recent-project2-area .portfolio-shuffle-wrapper .portfolio-box .hover_port:hover:before {
    left: 0;
    position: absolute;
    width: 95%;
    right: 0;
    top: 9px;
    bottom: 10px;
    left: 0;
    border: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    opacity: 1;
    background-position: 0 46% !important;
    /* content: '\f105' !important; */
    background-position: 0 44% !important;
}

.fb_port:hover:before {
  content: '';
  background-image: url(../images/port-fb-hover.jpg)
}

.twt_port:hover:before {
  content: '';
  background-image: url(../images/port-twitter-hover.jpg)
}

.insta_port:hover:before {
  content: '';
  background-image: url(../images/port-insta-hover.jpg)
}

.port_pint_port:hover:before {
  content: '';
  background-image: url(../images/port-pint-hover.jpg)
}
/*SEO*/



/* SMM */

.recent-project2-area .section-titleV1 p {
    margin: 0;
}

.recent-project2-area .section-titleV1 h3 {
    margin: 5px 0 0;
}

section.recent-project2-area {
    padding: 70px 0 70px;
}

.portfolio-shuffle-wrapper {
    margin: 0px 0 0;
}

section.sec_social_platforms .section-titleV1 p {
    text-align: center;
    margin: 0;
}

section.sec_social_platforms .section-titleV1  h3 {
    margin: 10px 0 10px;
}

.seo_pro_serives_sec_orm {
    padding: 30px 0 20px;
}

.service_area_two_webapp .single-service {
    position: relative;
    max-width: 240px;
    margin: 15px auto;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: none;
}

.service_area_two_webapp .slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.service_area_two_webapp .slick-dots li{
    margin: 0px 10px 0;
    width: 10px !important;
}

.service_area_two_webapp .slick-dots li.slick-active button {
    /* background-color: #000; */
}

.service_area_two_webapp .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    width: 15px;
    height: 15px;
}

.service_area_two_webapp .slick-dots li button {
    /* background-color: #e5e5e5; */
    border-radius: 50px;
    /* width: 10px; */
    /* height: 10px; */
}


.port_new_av_mm li.port.four-port {
    width: 31%;
    margin: 0 10px !important;
}

.contact_us_page section.contactwrp {
    display: none;
}

.contact_us_page .servingwrp {
    padding: 60px 0;
    margin-bottom: 0;
}


.contact-page-wrapper2 {
  padding: 0 0
}

.contactV1 {
  position: relative;
  padding: 0 0 120px
}

.contactV1::after {
  position: absolute;
  content: "";
  background-image: url(../img/bg/contact-page.png);
  left: 0;
  bottom: 0;
  width: 350px;
  height: 520px;
  background-size: 100% 100%
}

.contactV1 .contact-text {
  max-width: 400px;
  margin-left: auto;
  margin-right: 0;
  margin-top: 60px;
  padding-top: 80px
}

.contactV1 .contact-text .section-titleV1 {
  text-align: left;
  padding: 0;
  margin: 0 auto 40px
}

.contactV1 .cform {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: -.326px .946px 14.72px 1.28px rgba(232, 235, 234, .53);
  position: relative;
  max-width: 480px;
  padding: 50px 40px;
  margin-right: 0;
  margin-left: auto;
  margin-top: 80px
}

.cform {
  position: relative
}

.df-control {
  background-color: #f9f9f9;
  border: 1px solid #f3f3f3;
  width: 100%;
  margin-bottom: 20px;
  height: 55px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 10px 20px
}

textarea.df-control {
  height: 150px
}

.cf-btn {
  position: relative;
  width: 100%;
  background-color: #007cf5;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  height: 50px;
  border: 1px solid #007cf5;
  transition: .5s ease;
  cursor: pointer
}

.cf-btn:hover {
  background-color: #0071e0
}

.contact_us_page .section-titleV1 h3 {
    text-align: left;
}

.contact_us_page .contactV1 {
    position: relative;
    padding: 0 0 60px;
}

.contact_us_page  section.servingwrp h2,
.contact_us_page  section.servingwrp p{
    color: #fff !important;
}

.privacyPolicy ul {
    padding: 0 0 0 20px;
    margin: 0 0 20px;
}










/*Review*/

.reviews_banner {
    padding: 30px 0 30px;
    margin-bottom: 0;
}

.reviews_banner h2 {
    color: #fff;
}

#review .pricing-bg {
  background-size: cover;
  background-size: 43%;
  background-position: right center;
  background-repeat: no-repeat
}

.review_sec {
  padding: 70px 0 70px;
  background-color: #f3f3f3
}

.review_sec h2 {
  color: #000;
  text-align: center
}

.review_sec .moreBox {
  display: none
}

.review_boxes {
  margin: 40px 0 0
}

.review_inner {
  margin: 0 0 60px
}

.review_inner {
  border: 5px solid gray;
  padding: 0 0;
  margin: 30px auto;
  border-radius: 20px;
  position: relative;
  width: 100%
}

.circle1 {
  border: 5px solid gray;
  position: absolute;
  width: 25px;
  padding: 20px;
  border-radius: 50%;
  right: -45px;
  bottom: 3px
}

.circle1:before {
  content: '';
  position: absolute;
  width: 25px;
  padding: 20px;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  background: #fff
}

.circle2 {
  border: 5px solid gray;
  position: absolute;
  width: 5px;
  padding: 10px 15px;
  border-radius: 50%;
  right: -90px;
  bottom: -15px
}

.circle3 {
  border: 5px solid gray;
  position: absolute;
  width: 25px;
  padding: 20px;
  border-radius: 50%;
  left: -45px;
  bottom: 3px
}

.circle3:before {
  content: '';
  position: absolute;
  width: 25px;
  padding: 20px;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  background: #fff
}

.circle4 {
  border: 5px solid gray;
  position: absolute;
  width: 5px;
  padding: 10px 15px;
  border-radius: 50%;
  left: -90px;
  bottom: -15px
}

.row.moreBox_right {
  display: flex;
  flex-direction: column-reverse;
  float: none;
  padding-left: 460px;
  margin-right: -460PX;
}

h3.review_name {
  margin: 0;
  font-size: 22px;
  color: gray;
  text-transform: uppercase;
  width: 60%;
  float: right;
  text-align: right
}

.moreBox_right h3.review_name {
  margin: 0;
  font-size: 22px;
  color: gray;
  text-transform: uppercase;
  width: 60%;
  float: left;
  text-align: left
}

.review_ret {
  width: 40%;
  float: left;
  text-align: left
}

.moreBox_right .review_ret {
  width: 40%;
  float: right;
  text-align: right
}

.review_body {
  padding: 20px 35px 15px 35px;
  border-radius: 15px 15px 0 0;
  border-bottom: 0 solid transparent;
  height: 100px;
  overflow-y: auto
}

.review_footer {
  padding: 10px 35px 35px;
  border-radius: 0 0 15px 15px;
  border-top: 0 solid transparent
}

.review_body p {
  margin: 0;
  font-size: 18px;
  color: #000;
  display: block;
  margin: 0;
  line-height: 25px
}

.review-rating i {
  color: #ffae19;
  font-size: 20px
}

.review-rating .fa-star:before {
  /* content: ''; */
  content: "\f005" !important;
}

.review_inner:hover h3 {
  color: gray
}

.red_btn_more {
  float: none;
  background: #008dff;
  background: -moz-linear-gradient(left, #008dff 0, #00caff 100%);
  background: -webkit-linear-gradient(left, #008dff 0, #00caff 100%);
  background: linear-gradient(to right, #008dff 0, #00caff 100%);
  border: none;
  font-size: 16px;
  font-weight: 700;
  text-shadow: none;
  padding: 13px 60px;
  border-radius: 0;
  margin: 30px auto 0;
  display: table !important
}

.red_btn_more:focus, .red_btn_more:hover {
  outline: 0
}

#loadMoreMore {
  display: none
}

.loadMore_Btn {
  margin: auto;
  display: table
}

.hide_review {
  display: none
}

.review_body::-webkit-scrollbar {
  width: 5px;
  margin: 20px 0 0 -10px
}

.review_body::-webkit-scrollbar-track {
  border-radius: 15px;
  margin: 20px 0 0 -10px
}

.review_body::-webkit-scrollbar-thumb {
  background: #222;
  border-radius: 15px;
  margin: 20px 0 0 -10px
}

.review_body:hover::-webkit-scrollbar-thumb {
  background: #222
}

a#loadMore {
  margin: 40px auto 0;
  display: block;
  width: 200px;
  color: #fff;
  cursor: pointer;
  text-align: center
}

/*Review*/


/*News*/
section.service-sec {
  padding: 50px 0px 0 0;
}

.img-box img {
  width: 100%;
}

.text-box h2 a {
  font-size: 22px;
  font-weight: 700;
  color: #282526;
  text-decoration: none;
  line-height: 30px;
}

.text-box h2 {
  margin: 0;
  padding-bottom: 20px;
  font-size: inherit;
}

.service-main img {
  width: 12%;
}

img.pic-box {
  width: 65%;
  padding-left: 0px;
}

img.pic-box-box {
  width: 70%;
  padding-left: 40px;
}

.text-box p {
  padding-bottom: 40px;
  font-size: 15px;
  font-weight: 500;
  color: #282526;
  line-height: 26px;
}

.service-main {
  display: flex;
  align-items: center;
  padding-top: 60px;
}

.service-main h4 {
  font-size: 18px;
  font-weight: 600;
  padding-left: 20px;
  line-height: 20px;
}

.sirvice-bottom .row {
  border-bottom: 1px solid #cbcaca;
  padding-bottom: 50px;
}

.bottom-box {
  padding-bottom: 50px !important;
}

.text-box:hover h2 a {
  color: red;
}

.port_new_portfolio_page  ul.tabbing-links li {
    padding: 10px 15px !important;
}

.tabs.mportt {
    margin: 30px 0 0;
}

.portfolio_box {
    margin: 0 0 20px;
}

.smm_page .portfolio-shuffle-wrapper {
    margin: 50px 0 0;
}

body.animated_video_page ul.tabs.tab-animation {
    margin: 20px 0 30px;
}

/*News*/


/**/

/*section.banner-news*/
.media-banner {
  background: url('../images/banner-media.png');
  padding: 218px 0 438px;
}

section.media-banner h3 span {
  color: #ff6461;
  font-size: 65px;
  font-weight: 600;
}

section.media-banner h3 {
  font-size: 85px;
  font-weight: bold;
  line-height: 65px;
  text-align: center;
}

.media-box {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  padding: 33px 100px;
  box-shadow: 0px 9px 79px 0px rgba(0, 0, 0, 0.07);
  text-align: center;
  margin: 0 0 65px 0;
  height: 360px;
  transition: all 1s;
}

.media-box a {
  border-radius: 15px;
  background-color: rgb(0, 195, 255);
  box-shadow: 0px 9px 79px 0px rgba(0, 0, 0, 0.07);
  color: #fff;
  padding: 14px 32px;
  font-size: 20px;
  transition: 0.5s;
}

.media-box p {
  padding: 30px 0 35px 0;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.media-sec {
  padding: 70px 0px 0;
}

.media-box-2 {
  margin: 150px 0 65px 0;
}

.media-box a:hover {
  background: #000;
  color: #fff;
}
/**/


/*muz*/

ul.w-list-unstyled.social-links-1 {
    display: flex;
}

ul.w-list-unstyled.social-links-1 li {
    padding-right: 10px;
}

.scnd-fold .justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
    align-items: center;
}

.footer-2 .imgwrp ul li:nth-child(6) img {
    width: 60px;
}

ul.accounting-ul {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
}


.testi-bg-sec {
    background: url(../images/testimonials/banner-test-ar.png);
    padding: 100px 0px;
}

.testi-bg-sec {
    text-align: center;
    margin: 0 auto;
}

.video-cont {
    background: #3868f3;
    margin: 0 190px;
    padding: 150px 0px;
    position: relative;
}

.video-cont::before {
    position: absolute;
    content: "";
    background: url(../images/testimonials/coma-testi.png);
    height: 196px;
    width: 196px;
    left: 200px;
    top: -62px;
}

.video-cont-sub1 h3 {
    color: #fff;
    font-size: 55px;
    line-height: 65px;
    font-weight: 900;
    text-align: left;
    padding: 0 0 20px 0;
    font-family: Poppins, sans-serif;
}

.video-cont-sub1 p {
    color: #ffff;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0;
}

.testi-bg-sec .btn-quote a {
    background: #fff;
    padding: 20px 42px;
    border-radius: 20px;
    display: table;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    font-family: Poppins, sans-serif !important;
}

.video-test-1 {
    width: 360px;
    background: #fff;
    border-radius: 20px 20px 0 0;
}

.video-test-1 p {
    color: #000;
    text-align: left;
    font-size: 16px;
    line-height: 27px;
}

.test-img-box-video {
    position: relative;
}

.test-img-box-video::before {
    position: absolute;
    content: "";
    height: 67px;
    background: url(../images/testimonials/coma-testi-1.png);
    width: 67px;
    bottom: -15px;
    left: 26px;
}

.overlaybox-img-video a {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    text-decoration: none;
}

.video-test-1-content {
    padding: 20px 18px;
    height: 170px;
    overflow-y: scroll;
}

::selection {
  background: rgb(226, 143, 38);
  color: #fff;
  text-shadow: none;
}

::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none;
}

::-webkit-scrollbar-track-piece {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #fff;
}

::-webkit-scrollbar-thumb:vertical {
  border-radius: 10px;
  background-color: rgb(226, 143, 38);
}

.test-img-box-video::before {
    position: absolute;
    content: "";
    height: 67px;
    background: url(../images/testimonials/coma-testi-1.png);
    width: 67px;
    bottom: -15px;
    left: 26px;
}

.types-of-videos .section-titleV1 span {
    text-align: center;
    display: table;
    margin: auto;
    display: block;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #00c3ff;
    text-transform: uppercase;
    font-weight: 400;
}

.types-of-videos .section-titleV1 p {
    text-align: center;
}

a.btn-style-b {
    font-size: 16px;
    letter-spacing: 0;
    background-color: #00c3ff;
    padding: 5px 21px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    position: relative;
    text-decoration: none;
}

a.btn-style-r {
    position: relative;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    color: #fff;
    background-color: #ff6461;
    padding: 5px 30px;
    border-radius: 30px;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
}

a.btn-style-b:hover {
    background-color: #06ade0;
    box-shadow: -1.717px 8.835px 19.32px 1.68px rgb(187 237 252 / 0%);
}

a.btn-style-b:hover {
    background-color: #06ade0;
    box-shadow: -1.717px 8.835px 19.32px 1.68px rgb(187 237 252 / 0%);
}

.animated_video_page .stext-btn a {
    margin-top: 20px;
}

.inner_video_page_h3 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 10px;
    font-weight: 400;
    text-align: left !important;
}

.portfolioboxes h3 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 10px;
    font-weight: 400;
}

section.servingwrp.error-page {
    text-align: center;
    padding: 100px;
}
section.servingwrp.error-page h1 {
    font-size: 130px;
}
section.servingwrp.error-page p {
    font-size: 30px;
}

.inner-pages-h3 {

    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 28px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}
.inner-pages-h5 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 10px;
    font-weight: 400;
    margin: 20px;
}



.tab-e-com li {
    width: auto;
}

.whiteboard-sec .heading,.whiteboard-sec .subhead {
    color: #000000;
}

.whiteboard-sec .services-sec-banner a {
    border-color: #000000 !important;
}

.whiteboard-sec .w-button {
    border-color: #000000;
    color: #000000;
}


/*section.solution-section*/


section.solution-section {
    padding: 50px 0px;
}

.solution-section .slick-list.draggable {
    padding: 30px 0 10px;
}
.solutio-img-box img {
    width: 100%;
}

.solution-main-box {
    position: relative;
    filter: grayscale(100%);
    transition: 0.5s;
    overflow: hidden;
}


.solu-hd-box {
    position: absolute;
    bottom: 15px;
    left: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transform: scale(0);
    transition: all .5s ease-in-out;
}

.solu-hd-box h4 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}

.solution-main-box:hover .solu-hd-box {
    transform: scale(1);
}

.solution-main-box:hover::before {
    transform: scale(1);
}

.solutin-text-box {
    text-align: center;
    margin: 0 0 0 0;
}

.solutin-text-box h2 {
    font-size: 50px;
    font-weight: bold;
    color: #000000;
    margin: 0 0 20px 0;
}



/*  */

.solution-main-box:hover {
    filter: inherit;
    transform: scale(0.95);
}



.solution-main-box::before {
    position: absolute;
    content: "";
    background: #000000b0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -450px;
    right: 0;
    transition: 0.5s;
}


.solution-main-box:hover::before {
    left: 0;
}

/*.solution-section .slick-dots li button {
    background-color: #00000073 !important;
    border-radius: 50px !important;
    width: 13px !important;
    height: 13px !important;
    position: absolute !important;
    top: 30px !important;
}
.solution-section .slick-dots li.slick-active button {
    width: 15px !important;
    height: 14px !important;
    border: solid 1px !important;
    background-color: #E9204F !important;
}

.solution-section .slick-dots li button {
    background-color: #e9204f6b !important;
    border-radius: 50px !important;
    width: 13px !important;
    height: 13px !important;
    position: absolute !important;
    top: 30px !important
    
}*/

/*section.solution-section*/

/*section.cta-section*/

section.cta-section {
    padding: 50px 0;
    background-image: url(../images/ctaa-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cta-text h2 {
    font-size: 33px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px 0;
}

.cta-text p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 30px 0;
}

/*.cta-section .header-btn {
    text-align: start;
    justify-content: start;
}*/

.cta-btn a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /* padding: 12px 30px; */
    border-radius: 8px;
}

a.cta-get-btn.popup-btn {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    box-shadow: none;
    color: #ffffff;
    border: 0 !important;
    padding: 16px 30px;
    margin: 0 10px 0 0;
}

a.cta-chat-btn.chats {
    display: table;
    display: inline-block;
    margin-right: 20px;
    margin-right: 10px;
    border: 2px solid #fff;
    box-shadow: none;
    text-transform: capitalize;
    padding: 12px 30px;
}
section.cta-section .row {
    display: flex;
    align-items: center;
}


/*section.cta-section*/



.solution-section .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 100%;
}


.solution-slider .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.solution-slider .slick-dots li button:before{
    width: 0px;
    height: 0px;
}

.solution-slider .slick-dots li.slick-active button {
    background-color: #fb2224;
}

.solution-slider .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.solution-slider .slick-dots li button {
    background-color: #fb222447;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    opacity: .5;
}




.home-slider.homewrp {
    background: url(../../404.php) !important;
    width: 100% !important;
    display: inline-block !important;
}


.doublewrap p.nichaywala {
    display: none;
}
.trust-box img {
    width: 110px;
    margin: 5px 0 0 0;
}
.moreBox_right .trust-box {
    text-align: end;
}


.wrapk a {
    margin: 0;
    font-size: 15px;
    padding: 18px 25px;
}

span.price {
}

.doublewrap span.price b {
    font-size: 36px;
}



















/*hire*/
.hourly-div {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.hire-div-bnr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 15px 20px;
    border-radius: 20px;
    width: 80%;
}

.hire-div-bnr a.button {
    background: #7D45A2 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 400;
    margin: 0 !important;
}

.hourly-div h5 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.hourly-div h5 span {
    display: flex;
    font-size: 16px;
    font-weight: 500;
}   
.hire-dev-bnr p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
}
.hire-dev-bnr .services_inner_banner_img img {
    width: 100% !important;
}

.hire-dev-bnr .serivces_inner_banner_img img {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
    display: table;
    mix-blend-mode: luminosity;
}
.hire-dev-bnr{
    background:url(../images/hire-developer/bnr-bg.png);
}

.hire-dev-bnr:before {
    content: '';
    background: linear-gradient(180deg, #56B1E1 0%, #7D45A2 100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin:auto;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.hire-dev-bnr:after {
    /* content: ''; */
    /* background:url(../images/hire-developer/bnr-bg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin:auto;
    right: 0;
    z-index: -1;
}
section.hire-sec-2 {
    padding: 50px 0;
}
section.hire-sec-2 .row{
    align-items: center;
}
.section-titleV1.hd-txt h2 {
    margin: 0;
}

.section-titleV1.hd-txt p {
    margin: 0;
    font-size: 14px;
    line-height: 28px;
}
.hire-serv-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin: 0 20px;
    padding: 20px 20px;
    transition: all .5s ease-in-out;
}
.hire-serv-slider .slick-list {
    padding: 50px 0 30px;
    width: 132%;
}

.hire-services-sec {
    padding: 0 0 50px 0;
}

.hire-services-sec ul.slick-dots li {
    margin: 0 8px;
}

.hire-serv-slider .slick-list:nth-child(1) .slick-slide .hire-serv-box {
    margin-left: 2px;
}
.hire-serv-box-img-st {
    height: 60px;
    overflow: hidden;
}

.hire-serv-box:hover {
    background: linear-gradient(180deg, #56B1E1 0%, #7D45A2 100%);
}

.hire-serv-box:hover h4, .hire-serv-box:hover p {
    color: #fff;
}

.hire-serv-box:hover .serv-img-st-1 {
    top: 0;
}

.hire-serv-box-img-st img {
    position: relative;
    transition: all .5s ease-in-out;
}

.hire-serv-box-img-st:hover {}

.hire-serv-box:hover .serv-img-st-2 {
    top: 0;
}

.serv-img-st-2 {
    position: absolute;
    top: 0;
}

.hire-serv-box-img-st  img.serv-img-st-2 {
    top: -60px;
}

.hire-serv-box .serv-img-st-1 {
    top: -200px;
}
.hire-serv-box h4 {
    font-size: 22px;
    font-weight: 600;
    min-height: 70px;
    display: flex;
    align-items: center;
}

.hire-serv-box p {
    font-size: 16px;
    font-weight: 400;
    min-height: 120px;
}
.hire-pricing-main-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hire-price-box h2 {
    font-size: 48px;
    color: #7d45a2;
    font-weight: 600;
}

.hire-price-txt-img {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.hire-price-txt-img h5 {
    font-size: 22px;
    font-weight: 600;
}

.hire-price-txt-img h5 span {
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.hire-price-box h2 span {
    color: #000;
    font-size: 22px;
    font-weight: 400;
}

.hire-price-box p {
    font-size: 16px;
}

.hire-price-box a {
    background: #7D45A2;
    border-radius: 50px;
    width: 100%;
    display: table;
    text-align: center;
    padding: 13px 15px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.hire-price-box h6 {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #4842A8;
}
section.hire-dev-pricing-sec {
    padding: 10px 0 50px;
}

section.hire-dev-pricing-sec .hd-txt {
    text-align: center;
    padding-bottom: 50px;
}
section.hire-dev-pricing-sec .hd-txt h2 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.cta-hire-main-col {
    padding: 50px 20px;
    background: url(../images/hire-developer/cta-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.cta-hire-main-col h4 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    display: table;
    background: #fff;
    border-radius: 20px;
    padding: 8px 15px;
}

.cta-hire-main-col h2 {
    color: #fff;
    position: relative;
}

.cta-hire-main-col p {
    color: #fff;
}

.cta-hire-main-col h2:before {
    content: '';
    background: #fff;
    width: 90px;
    height: 2px;
    position: absolute;
    bottom: -6px;
    left: 0;
}

.cta-sec-hire {
    padding-bottom: 50px;
}

.cta-sec-hire .stext-btn a {
    margin: 10px 0 0 0;
}
.rating-hire-one {
    display: flex;
    align-items: center;
    background: #F7F7F7;
}

.rating-hire-one div {
    width: 50%;
    padding-left: 20px;
}

.rating-hire-one div:last-child {
    border-left: 1px solid #dcdcdc;
}

section.hire-rating-sec {
    padding-bottom: 50px;
}

section.hire-rating-sec .section-titleV1.hd-txt p {
    line-height: 32px;
}

section.hire-rating-sec .section-titleV1.hd-txt h2 {
    padding-bottom: 20px;
}

section.hire-rating-sec .row {
    align-items: center;
}
.rating-hire-one h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 0px 0px;
}
.skill-hire-list {}

.skill-hire-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 22px 0;
}

.skill-hire-list ul li p {
    background: #54B6E5;
    border-radius: 10px;
    display: table;
    padding: 10px 15px;
    margin-right: 20px;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 20%;
}

.skill-hire-list ul li {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.skill-hire-div ul {
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.skill-hire-div ul li {
    color: #585858;
    border-right: 1px solid #585858;
    padding-right: 14px;
}

section.skill-hire-sec {
    padding: 0 0 50px;
}

section.hire-last-sec .hd-txt h2 {
    width: 80%;
}

.hire-last-box-one {
    background: url(../images/hire-developer/inner-img-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.hire-last-box-two {
    background: url(../images/hire-developer/inner-img-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.hire-last-box-three {
    background: url(../images/hire-developer/inner-img-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hire-last-box h4 {
    font-size: 22px;
    font-weight: 600;
}

.hire-last-box p {
    font-size: 16px;
    font-weight: 400;
}
.hire-last-box h4 {
    margin: 0;
    color: #fff;
}

.hire-last-box {
    padding: 30px 20px 20px;
    height: 510px;
}

.hire-last-box p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin: 0;
    margin-top: 20px;
}

section.hire-last-sec {
    padding-bottom: 50px;
}

section.hire-last-sec .hd-txt {
    padding-bottom: 30px;
}

section.hire-last-sec .hd-txt h2 {
    padding-bottom: 20px;
}

.cta-hire-main-col p {
    padding-top: 10px;
}






/*hire-mrkt*/
.marketers-bnr-hire{
    background:url(../images/hire-marketers/bnr-bg.png);
}
.hire-mrkt-inner-sec-one h2{
    font-size: 25px;
    padding-bottom: 10px;
}
section.hire-mrkt-inner-sec-one {
    padding-bottom: 50px;
}

.cta-sec-mrket .cta-hire-main-col {
    padding: 50px 20px;
    background: url(../images/hire-marketers/cta-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
section.hire-mrkt-inner-sec-two {
    padding-bottom: 50px;
}

section.hire-mrkt-inner-sec-two ul {
    padding: 10px 0 0 20px;
    margin: 0;
}

section.hire-mrkt-inner-sec-two ul li {
    font-size: 16px;
    font-weight: bold;
    color: #55B5E4;
    line-height: 26px;
}
section.hire-mrkt-inner-sec-two h2 {
    padding-bottom: 10px;
}
/*hire-mrkt*/

/*hire-designers*/
.designers-bnr-hire{
        background:url(../images/hire-designer/bnr-bg.png);
}
.hire-design-inner-sec-one .side-img-inr-sec-1 img {
    width: 70%;
    margin: 0 auto;
    display: table;
}
.cta-sec-designer .cta-hire-main-col {
    padding: 50px 20px;
    background: url(../images/hire-designer/cta-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*hire-designers*/


.hire-dev-bnr.hire-php-bnr {
    background: url(../images/hire-php-devloper/bnr-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.hire-dev-bnr.hire-front-bnr {
    background: url(../images/hire-front-developer/bnr-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.cta-hire-php-col {
    background: url(../images/hire-php-devloper/cta-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.cta-hire-php-col:before {
    content: '';
    background: #0000008a;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    z-index: -1;
}

.cta-front-main-col {
    background: url(../images/hire-front-developer/cta-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.cta-front-main-col:before {
    content: '';
    background: #0000008a;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    z-index: -1;
}

@media (max-width: 768px){
    .hire-pricing-main-col {
        flex-direction: column;
        text-align: center;
    }

    .hire-price-txt-img {
        justify-content: center;
    }

    .cta-hire-main-col h4 {display: table;margin: 0 auto;margin-bottom: 15px;}

    .cta-hire-main-col p {
        padding: 20px 0;
    }

    .cta-hire-main-col h2:before {
        right: 0;
        margin: auto;
        bottom: -15px !important;
    }

    .rating-hire-one h4 {
        font-size: 20px;
    }

    .rating-hire-one p {
        font-size: 14px;
        text-align: left !important;
    }

    section.hire-rating-sec .section-titleV1.hd-txt {
        padding-top: 20px;
    }

    section.skill-hire-sec {
        display: none;
    }

    section.hire-last-sec .hd-txt h2 {
        width: 100%;
    }

    .hire-last-box h4 {
        text-align: center;
    }

    .hire-last-box {
        height: 340px;
        margin-bottom: 20px;
    }

    .stext-btn .button.white-centered.w-button.popup-btn {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .stext-btn.aos-init.aos-animate {
        justify-content: center;
        margin: 20px 0;
    }

    .hire-div-bnr {
        width: 100%;
    }

    .hire-dev-bnr .col-lg-6.align-self-center.top-banner {display: none;}

    .hire-serv-slider .slick-list {
        width: 100%;
    }

    .hire-serv-box h4 {
        text-align: center;
    }

    .hire-serv-box h4 {
        justify-content: center;
    }
       
}
/*hire*/