@font-face {
    font-family: 'FuturaBT-BoldCondensed';
    src: url('../fonts/FuturaBT-BoldCondensed.svg#FuturaBT-BoldCondensed') format('svg'),
        url('../fonts/FuturaBT-BoldCondensed.ttf') format('truetype'),
        url('../fonts/FuturaBT-BoldCondensed.woff') format('woff'),
        url('../fonts/FuturaBoldCondensedBT.eot'),
        url('../fonts/FuturaBoldCondensedBT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBoldCondensedBT.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PainterPERSONALUSEONLY';
    src: url('../fonts/PainterPERSONALUSEONLY.svg#PainterPERSONALUSEONLY') format('svg'),
        url('../fonts/PainterPERSONALUSEONLY.ttf') format('truetype'),
        url('../fonts/PainterPERSONALUSEONLY.woff') format('woff'),
        url('../fonts/Painter_PERSONAL_USE_ONLY.eot'),
        url('../fonts/Painter_PERSONAL_USE_ONLY.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Painter_PERSONAL_USE_ONLY.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    background-repeat: no-repeat;
    background-size: cover;
}
body::-webkit-scrollbar {
  width: 2px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #ca4d6a;
  outline: 1px solid #ca4d6a;
}
main {
  overflow: hidden;
}

a {
  text-decoration: none;
}

.btn:focus {
  outline: none;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
input:focus {
  outline: none;
  box-shadow: none;
}

button:focus {
  outline: none;
  box-shadow: none;
}

.btn:focus {
  outline: none;
  box-shadow: none;
} 


:root {
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,:after,:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align)
}

.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

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

ol,ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    direction: ltr;
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    font-size: .875em;
    padding: .2rem .4rem;
    unicode-bidi: bidi-override
}

kbd kbd {
    font-size: 1em;
    font-weight: 700;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

textarea {
    resize: vertical
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

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

.img-fluid {
    height: auto;
    max-width: 100%
}

.figure {
    display: inline-block
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x,.75rem);
    padding-right: var(--bs-gutter-x,.75rem);
    width: 100%
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

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

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

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

@media (min-width: 1400px) {
    .container {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width: 576px) {
    .col-sm-5 {
        flex:0 0 auto;
        width: 41.66666667%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .col-md-2 {
        flex:0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-6 {
        margin-left: 50%
    }
}

@media (min-width: 992px) {
    .col-lg-2 {
        flex:0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl-2 {
        flex:0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.form-label {
    margin-bottom: .5rem
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #212529;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    background-color: #fff;
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    color: #212529;
    outline: 0
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

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

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

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

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    -webkit-margin-end: .75rem;
    background-color: #e9ecef;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:1px;border-radius: 0;
    color: #212529;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;padding: .375rem .75rem;
    pointer-events: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    -webkit-margin-end: .75rem;
    background-color: #e9ecef;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:1px;border-radius: 0;
    color: #212529;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;padding: .375rem .75rem;
    pointer-events: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

.form-select {
    -moz-padding-start: calc(.75rem - 3px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #212529;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem 2.25rem .375rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.form-select[multiple] {
    background-image: none;
    padding-right: .75rem
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.invalid-feedback {
    color: #dc3545;
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.is-invalid~.invalid-feedback {
    display: block
}

.form-control.is-invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

textarea.form-control.is-invalid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.btn {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #212529;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.btn.disabled,.btn:disabled {
    opacity: .65;
    pointer-events: none
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary:focus,.btn-secondary:hover {
    background-color: #5c636a;
    border-color: #565e64;
    color: #fff
}

.btn-secondary:focus {
    box-shadow: 0 0 0 .25rem hsla(208,6%,54%,.5)
}

.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    background-color: #565e64;
    border-color: #51585e;
    color: #fff
}

.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(208,6%,54%,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.dropdown {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

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

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

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

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

.dropdown-item:focus,.dropdown-item:hover {
    background-color: #e9ecef;
    color: #1e2125
}

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

.dropdown-item.disabled,.dropdown-item:disabled {
    background-color: transparent;
    color: #adb5bd;
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    color: #0d6efd;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none
}

.navbar {
    flex-wrap: wrap;
    padding-bottom: .5rem;
    padding-top: .5rem;
    position: relative
}

.navbar,.navbar>.container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.navbar>.container {
    flex-wrap: inherit
}

.navbar-brand {
    font-size: 1.25rem;
    margin-right: 1rem;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 1.25rem;
    line-height: 1;
    padding: .25rem .75rem;
    transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 .25rem;
    outline: 0;
    text-decoration: none
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible!important;
        z-index: 1000
    }
}

.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0,0%,100%,.55)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0,0%,100%,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0,0%,100%,.25)
}

.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    border-color: hsla(0,0%,100%,.1);
    color: hsla(0,0%,100%,.55)
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem
}

.card-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-bottom: 0;
    padding: .5rem 1rem
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    border: .25em solid;
    border-radius: 50%;
    border-right: .25em solid transparent;
    display: inline-block;
    height: 2rem;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-border-sm {
    border-width: .2em;
    height: 1rem;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    background-clip: padding-box;
    background-color: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: transform .3s ease-in-out;
    visibility: hidden;
    z-index: 1045
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.show {
    transform: none
}

.placeholder {
    background-color: currentColor;
    cursor: wait;
    display: inline-block;
    min-height: 1em;
    opacity: .5;
    vertical-align: middle
}

.placeholder.btn:before {
    content: "";
    display: inline-block
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030
}

.d-block {
    display: block!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.border-0 {
    border: 0!important
}

.w-50 {
    width: 50%!important
}

.h-auto {
    height: auto!important
}

.justify-content-center {
    justify-content: center!important
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-3 {
    padding: 1rem!important
}

.text-start {
    text-align: left!important
}

.text-center {
    text-align: center!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.visible {
    visibility: visible!important
}

body::-webkit-scrollbar {
    width: .8em
}

body::-webkit-scrollbar-track {
    background: #fff;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(#ff6c00,#ff8e3b);
    border-radius: 25px;
    outline: 1px solid #708090
}

::-moz-selection {
    background-color: #ff6c00;
    color: #fff
}

::selection {
    background-color: #ff6c00;
    color: #fff
}

body,html {
    font-family: Open Sans,sans-serif;
    position: relative
}

.h1,h1 {
    color: #2d2d2d;
    display: block;
    font-family: FuturaBT-BoldCondensed;
    font-size: 55px;
    font-weight: 900;
    line-height: 60px;
    text-transform: uppercase
}

.h1 span,h1 span {
    color: #ff6c00;
    font-family: PainterPERSONALUSEONLY;
    font-size: 64px;
    font-weight: 400;
    text-transform: capitalize
}

.h2,h2 {
    color: #2d2d2d;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 32px;
    font-weight: 700
}

.h2 span,h2 span {
    color: #fc9533;
    font-family: PainterPERSONALUSEONLY;
    font-size: 40px;
    font-weight: 400;
    text-transform: capitalize
}

.h3,h3 {
    color: #2d2d2d;
    font-size: 28px
}

.h3,.h4,h3,h4 {
    display: block;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

.h4,h4 {
    font-size: 24px
}

.h5,h5 {
    color: #2d2d2d;
    display: block;
    font-family: Montserrat,sans-serif;
    font-size: 20px;
    font-weight: 700
}

p {
    color: #444;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    line-height: 22px
}

a {
    box-shadow: none;
    outline: none;
    text-decoration: none!important
}

section {
    padding: 50px 0;
    position: relative
}

ol,ul {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    line-height: 22px
}

@-webkit-keyframes float {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }

    to {
        transform: translatey(0)
    }
}

@keyframes float {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }

    to {
        transform: translatey(0)
    }
}

.float {
    -webkit-animation: float 5s ease-in-out infinite;
    animation: float 5s ease-in-out infinite;
    transform: translatey(0)
}

@-webkit-keyframes float-1 {
    0% {
        transform: translatex(0)
    }

    50% {
        transform: translatex(-20px)
    }

    to {
        transform: translatex(0)
    }
}

@keyframes float-1 {
    0% {
        transform: translatex(0)
    }

    50% {
        transform: translatex(-20px)
    }

    to {
        transform: translatex(0)
    }
}

.float-1 {
    -webkit-animation: float-1 6s ease-in-out infinite;
    animation: float-1 6s ease-in-out infinite;
    transform: translatex(0)
}

.p-t-10 {
    padding-top: 10px!important
}

.p-b-10 {
    padding-bottom: 10px!important
}

.m-t-20 {
    margin-top: 20px!important
}

.p-t-20 {
    padding-top: 20px!important
}

.p-b-20 {
    padding-bottom: 20px!important
}

.m-r-20 {
    margin-right: 20px!important
}

.m-t-30 {
    margin-top: 30px!important
}

.p-t-30 {
    padding-top: 30px!important
}

.m-b-30 {
    margin-bottom: 30px!important
}

.m-t-50 {
    margin-top: 50px!important
}

.p-t-50 {
    padding-top: 50px!important
}

.m-b-50 {
    margin-bottom: 50px!important
}

.p-b-50 {
    padding-bottom: 50px!important
}

@media (max-width: 991.98px) {
    header .offcanvas-collapse {
        background-color:#ff6c00;
        bottom: 0;
        left: 100%;
        overflow-y: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        position: fixed;
        text-align: center;
        top: 58px;
        transition: transform .3s ease-in-out,visibility .3s ease-in-out;
        visibility: hidden;
        width: 100%
    }
}

header .top-menu {
    padding: 40px 0
}

header .top-menu .navbar-dark {
    background-color: #fff;
    border-bottom: 0 solid #ff6c00;
    box-shadow: 0 4px 12px .3px #bfbfbf
}

header .top-menu .navbar-dark .navbar-toggler i {
    color: #ff6c00
}

header .top-menu .navbar-dark .number-ul {
    line-height: 20px;
    margin-top: 10px;
    text-align: center
}

header .top-menu .navbar-dark .number-ul .c-support {
    margin-top: 0
}

header .top-menu .navbar-dark .number-ul .c-support a {
    color: #ff6c00;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 500
}

header .top-menu .navbar-dark .number-ul li {
    list-style: none
}

header .top-menu .navbar-dark .number-ul li a {
    color: #2d2d2d;
    font-family: Montserrat,sans-serif;
    font-size: 13px;
    font-weight: 500
}

header .top-menu .navbar-dark .navbar-nav {
    padding: 0 20px
}

header .top-menu .navbar-dark .navbar-nav .nav-item {
    margin: 0 2px
}

header .top-menu .navbar-dark .navbar-nav .nav-item.dropdown:focus .dropdown-menu,header .top-menu .navbar-dark .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block!important
}

header .top-menu .navbar-dark .navbar-nav .nav-item.dropdown:focus .dropdown-menu .dropdown-item.active,header .top-menu .navbar-dark .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item.active {
    background-color: #ff6c00
}

header .top-menu .navbar-dark .navbar-nav .nav-item .nav-link {
    color: #2d2d2d;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

header .top-menu .navbar-dark .btn-transparent {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase
}

header .top-menu .navbar-dark .btn-transparent.active,header .top-menu .navbar-dark .btn-transparent:focus,header .top-menu .navbar-dark .btn-transparent:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

header .top-menu .navbar-dark .btn-transparent.active:focus,header .top-menu .navbar-dark .btn-transparent.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

header .top-menu .navbar-dark .btn-transparent.active,header .top-menu .navbar-dark .btn-transparent:focus,header .top-menu .navbar-dark .btn-transparent:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

header .top-menu .navbar-dark .cart-btn-animated {
    overflow: hidden;
    position: relative
}

header .top-menu .navbar-dark .cart-btn-animated .ink {
    background: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    transform: scale(0);
    z-index: 20
}

header .top-menu .navbar-dark .cart-btn-animated .animat {
    -webkit-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite
}

@-webkit-keyframes ripple {
    20% {
        opacity: 0;
        transform: scale(2.5)
    }

    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

@keyframes ripple {
    20% {
        opacity: 0;
        transform: scale(2.5)
    }

    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

.upper-footer {
    background-color: #2d2d2d;
    padding: 110px 0 50px
}

.upper-footer .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    right: 48%;
    width: 80px
}

.upper-footer .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    top: 30px;
    transition: all .5s ease
}

.upper-footer .h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.upper-footer p {
    color: #fff
}

.upper-footer ul {
    padding: 10px 0 0
}

.upper-footer ul li {
    list-style: none;
    margin: 0 0 10px;
    text-align: left
}

.upper-footer ul li a {
    color: #fff;
    font-size: 16px
}

.upper-footer ul li a i {
    font-size: 20px;
    margin-right: 5px
}

.upper-footer .btn-get {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.upper-footer .btn-get.active,.upper-footer .btn-get:focus,.upper-footer .btn-get:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.upper-footer .btn-get.active:focus,.upper-footer .btn-get.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.upper-footer .btn-get.active,.upper-footer .btn-get:focus,.upper-footer .btn-get:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.bottom-footer {
    background-color: #000;
    padding: 110px 0 15px
}

.bottom-footer .nav .dropdown-item.active,.bottom-footer .nav .dropdown-item:active {
    background-color: #ff6c00
}

.bottom-footer .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    right: 48%;
    width: 80px
}

.bottom-footer .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    top: 30px;
    transition: all .5s ease
}

.bottom-footer .h1 {
    color: #fff
}

.bottom-footer ul {
    padding: 20px 0 0
}

.bottom-footer ul li {
    list-style: none;
    margin: 10px 0
}

.bottom-footer ul li a {
    color: #7d7d7d
}

.bottom-footer .grey-line {
    background-color: #636363;
    height: 1px;
    margin: 20px 0
}

.bottom-footer p {
    color: #525252;
    font-size: 16px
}

.banner-home-cw {
    background-image: url(../images/banner-home-cw.webp);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0
}

.banner-home-cw .hanger {
    list-style: none;
    position: absolute;
    transform-origin: 0 0
}

.banner-home-cw .hanger.big-cloud {
    right: 1%;
    top: 8%
}

.banner-home-cw .hanger.big-cloud .shape-1 {
    background-image: url(../images/big-cloud.webp);
    background-repeat: no-repeat;
    height: 126px;
    width: 265px
}

.banner-home-cw .hanger.small-cloud {
    right: 38%;
    top: 92px
}

.banner-home-cw .hanger.small-cloud .shape-2 {
    background-image: url(../images/small-cloud.webp);
    background-repeat: no-repeat;
    height: 106px;
    width: 165px
}

.banner-home-cw .h1 {
    font-size: 60px
}

.banner-home-cw .h1 span {
    font-size: 65px
}

.banner-home-cw .h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px
}

.quality-cw {
    background-image: url(../images/typewriter.webp);
    background-position: -2% bottom;
    background-repeat: no-repeat;
    border-top: 3px solid #ccc
}

.quality-cw p {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 400
}

.quality-cw .h1 span {
    line-height: 70px
}

.quality-cw .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    width: 80px
}

.quality-cw .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    right: 105px;
    top: 63px;
    transition: all .5s ease
}

.trust-cw {
    padding: 110px 0 50px
}

.trust-cw .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    width: 80px
}

.trust-cw .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    right: 48%;
    top: 30px;
    transition: all .5s ease
}

.trust-cw .box {
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.16);
    padding: 20px 10px;
    transition: all .5s ease
}

.trust-cw .box:focus,.trust-cw .box:hover {
    background-color: #ff6c00;
    transition: all .5s ease
}

.trust-cw .box:focus p,.trust-cw .box:hover p {
    color: #fff;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.professional,.trust-cw .box:hover .icon-main.professional {
    background-position: -13px -161px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.editing,.trust-cw .box:hover .icon-main.editing {
    background-position: -74px -164px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.account,.trust-cw .box:hover .icon-main.account {
    background-position: -141px -165px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.platform,.trust-cw .box:hover .icon-main.platform {
    background-position: -208px -165px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.topic,.trust-cw .box:hover .icon-main.topic {
    background-position: -272px -163px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.specific,.trust-cw .box:hover .icon-main.specific {
    background-position: -336px -165px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.revision,.trust-cw .box:hover .icon-main.revision {
    background-position: -402px -166px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.custom,.trust-cw .box:hover .icon-main.custom {
    background-position: -467px -163px;
    transition: all .5s ease
}

.trust-cw .box:focus .icon-main.satisfaction,.trust-cw .box:hover .icon-main.satisfaction {
    background-position: -533px -166px;
    transition: all .5s ease
}

.trust-cw .box .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 50px;
    position: relative;
    width: 46px
}

.trust-cw .box .icon-main.professional {
    background-position: -7px -91px
}

.trust-cw .box .icon-main.editing {
    background-position: -66px -91px
}

.trust-cw .box .icon-main.account {
    background-position: -135px -91px
}

.trust-cw .box .icon-main.platform {
    background-position: -204px -91px
}

.trust-cw .box .icon-main.topic {
    background-position: -264px -91px
}

.trust-cw .box .icon-main.specific {
    background-position: -328px -91px
}

.trust-cw .box .icon-main.revision {
    background-position: -395px -91px
}

.trust-cw .box .icon-main.custom {
    background-position: -460px -91px
}

.trust-cw .box .icon-main.satisfaction {
    background-position: -527px -91px
}

.trust-cw .box p {
    color: #444;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 0;
    padding: 10px 0 0;
    transition: all .5s ease
}

.our-company-cw {
    background-color: #f9f6f3;
    padding: 120px 0 50px
}

.our-company-cw .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    width: 80px
}

.our-company-cw .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    right: 48%;
    top: 30px;
    transition: all .5s ease
}

.our-company-cw .card .card-header {
    background-color: #ff6c00;
    text-align: center
}

.our-company-cw .card .card-header .h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.our-company-cw .card .card-header p {
    color: #fff
}

.our-company-cw .card .card-header .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 56px;
    position: relative;
    width: 56px
}

.our-company-cw .card .card-header .icon-main.press {
    background-position: -122px -250px
}

.our-company-cw .card .card-body {
    padding: 40px 20px
}

.our-company-cw .card .card-body .multipe-code-slick .slick-prev {
    left: 75px!important;
    top: 160px
}

.our-company-cw .card .card-body .multipe-code-slick .slick-prev:before {
    color: #ff6c00!important;
    content: "\f060";
    font-family: Font Awesome\ 5 Free;
    font-weight: 700
}

.our-company-cw .card .card-body .multipe-code-slick .slick-next {
    right: 75px!important;
    top: 160px
}

.our-company-cw .card .card-body .multipe-code-slick .slick-next:before {
    color: #ff6c00!important;
    content: "\f061";
    font-family: Font Awesome\ 5 Free;
    font-weight: 700
}

.our-company-cw .card .card-body .square {
    box-shadow: 0 0 5px 2px #00000029;
    margin: 5px 15px;
    padding: 20px 10px
}

.our-company-cw .card .card-body .square .h5 {
    font-size: 20px
}

.our-company-cw .card .card-body .square p {
    font-size: 12px;
    line-height: 19px
}

.our-company-cw .card .card-body .square i {
    color: #ff6c00;
    font-size: 45px;
    margin-bottom: 10px
}

.our-company-cw .right-box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.16);
    padding: 20px
}

.our-company-cw .right-box .text-start {
    color: #2d2d2d;
    display: block;
    font-size: 22px;
    font-weight: 700
}

.our-company-cw .right-box .text-p {
    color: #ff6c00;
    font-size: 36px;
    font-weight: 700
}

.our-company-cw .right-box .text-p .cut-text {
    color: #a1a1a1;
    font-size: 18px;
    text-decoration: line-through
}

.our-company-cw .right-box .btn-service {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.our-company-cw .right-box .btn-service.active,.our-company-cw .right-box .btn-service:focus,.our-company-cw .right-box .btn-service:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.our-company-cw .right-box .btn-service.active:focus,.our-company-cw .right-box .btn-service.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.our-company-cw .right-box .btn-service.active,.our-company-cw .right-box .btn-service:focus,.our-company-cw .right-box .btn-service:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.our-company-cw .right-box .call-btn {
    display: block
}

.our-company-cw .right-box .call-btn i {
    color: #ff6c00;
    font-size: 30px;
    left: -2px;
    position: relative;
    top: 8px
}

.our-company-cw .right-box .call-btn .r-text {
    color: #444;
    font-size: 14px;
    font-weight: 400
}

.our-company-cw .right-box .call-btn .num-text {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700
}

.how-we {
    padding: 120px 0 50px;
    text-align: center
}

.how-we .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    width: 80px
}

.how-we .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    right: 48%;
    top: 30px;
    transition: all .5s ease
}

.how-we .circle {
    background-image: url(../images/circle-up.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    min-height: 500px;
    padding: 40px 20px 20px;
    text-align: center
}

.how-we .circle.circle-transform {
    background-image: url(../images/circle-down.webp);
    padding: 200px 20px 20px
}

.how-we .circle .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 54px;
    position: relative;
    width: 50px
}

.how-we .circle .icon-main.detial {
    background-position: -20px -401px
}

.how-we .circle .icon-main.writing {
    background-position: -103px -396px
}

.how-we .circle .icon-main.analysis {
    background-position: -190px -396px
}

.how-we .circle .icon-main.time {
    background-position: -273px -396px
}

.how-we .circle .h3 {
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 700
}

.client-testimonial-cw {
    background-image: url(../images/testimonial-bg.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 50px
}

.client-testimonial-cw .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    margin-top: 160px;
    min-height: 103px;
    position: relative;
    width: 120px
}

.client-testimonial-cw .icon-main.qual {
    background-position: -5px -5px;
    margin-top: 0;
    min-height: 70px;
    position: absolute;
    right: 48%;
    top: 40px;
    transition: all .5s ease;
    width: 80px
}

.client-testimonial-cw .icon-main.stephanie {
    background-position: -425px -262px
}

.client-testimonial-cw .slick-dots li button:before {
    color: #ff8e3b;
    font-size: 10px
}

.client-testimonial-cw .slick-item {
    min-height: 235px
}

.client-testimonial-cw .slick-item span .small,.client-testimonial-cw .slick-item span small {
    font-family: sans-serif
}

.client-testimonial-cw .h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.client-testimonial-cw p {
    font-size: 18px;
    font-weight: 400
}

.content-four-col-cw {
    padding: 120px 0 50px
}

.content-four-col-cw .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    right: 48%;
    width: 80px
}

.content-four-col-cw .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    top: 30px;
    transition: all .5s ease
}

.content-four-col-cw .h2,.content-four-col-cw .h3,.content-four-col-cw h2,.content-four-col-cw h3 {
    font-family: Open Sans,sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: justify
}

.content-four-col-cw .h2 .small,.content-four-col-cw .h2 small,.content-four-col-cw .h3 .small,.content-four-col-cw .h3 small,.content-four-col-cw h2 .small,.content-four-col-cw h2 small,.content-four-col-cw h3 .small,.content-four-col-cw h3 small {
    font-size: 14px
}

.content-four-col-cw .h1 {
    font-size: 30px;
    line-height: 50px
}

.content-four-col-cw .h1 span {
    font-size: 40px;
    padding: 0 10px!important
}

.content-four-col-cw p {
    text-align: justify
}

.content-four-col-cw ul i {
    color: #ff6c00;
    font-size: 20px;
    padding: 5px
}

.content-four-col-cw .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.content-four-col-cw .btn-order.active,.content-four-col-cw .btn-order:focus,.content-four-col-cw .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.content-four-col-cw .btn-order.active:focus,.content-four-col-cw .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.content-four-col-cw .btn-order.active,.content-four-col-cw .btn-order:focus,.content-four-col-cw .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.content-four-col-cw .call-btn {
    display: inline-block;
    position: relative;
    top: 15px
}

.content-four-col-cw .call-btn i {
    color: #ff6c00;
    font-size: 30px;
    position: relative;
    top: 20px
}

.content-four-col-cw .call-btn .r-text {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    left: 9px;
    position: relative
}

.content-four-col-cw .call-btn .num-text {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 40px;
    position: relative
}

.our-sponsors {
    background-color: #e1e1e1
}

.our-sponsors .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 47px;
    position: relative;
    width: 143px
}

.our-sponsors .icon-main.professional {
    background-position: -92px -30px
}

.our-sponsors .icon-main.blinds {
    background-position: -237px -30px
}

.our-sponsors .icon-main.maker {
    background-position: -388px -30px
}

.our-sponsors .icon-main.travelo {
    background-position: -540px -30px
}

.our-sponsors .icon-main.found {
    background-position: -578px -95px
}

.lattest-blog {
    background-color: #f9f6f3;
    padding: 120px 0 50px
}

.lattest-blog .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 70px;
    position: relative;
    right: 48%;
    width: 80px
}

.lattest-blog .icon-main.qual {
    background-position: -5px -5px;
    position: absolute;
    top: 30px;
    transition: all .5s ease
}

.lattest-blog .card {
    min-height: 603px
}

.lattest-blog .card .card-body .month-text {
    color: #ff6c00;
    font-size: 12px;
    font-weight: 400
}

.lattest-blog .card .card-body .h3 {
    font-size: 18px;
    font-weight: 600
}

.lattest-blog .card .card-body p {
    font-size: 15px;
    font-weight: 400
}

.lattest-blog .card .card-body .btn {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: 600;
    padding: 0
}

.right-banner-cw {
    background-image: url(../images/right-banner-cw.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.right-banner-cw .h1 {
    color: #ff6c00;
    font-family: PainterPERSONALUSEONLY;
    font-size: 70px;
    font-weight: 400;
    text-transform: capitalize
}

.right-banner-cw .h2 {
    font-size: 18px;
    font-weight: 600
}

.right-banner-cw .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.right-banner-cw .btn-order.active,.right-banner-cw .btn-order:focus,.right-banner-cw .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.right-banner-cw .btn-order.active:focus,.right-banner-cw .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.right-banner-cw .btn-order.active,.right-banner-cw .btn-order:focus,.right-banner-cw .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.right-banner-cw .call-btn {
    display: inline-block;
    position: relative;
    top: 15px
}

.right-banner-cw .call-btn i {
    color: #ff6c00;
    font-size: 30px;
    position: relative;
    top: 20px
}

.right-banner-cw .call-btn .r-text {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    left: 26px;
    position: relative
}

.right-banner-cw .call-btn .num-text {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 40px;
    position: relative
}

.who-are .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.who-are .btn-order.active,.who-are .btn-order:focus,.who-are .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.who-are .btn-order.active:focus,.who-are .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.who-are .btn-order.active,.who-are .btn-order:focus,.who-are .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.we-do-cw {
    background-color: #fbeadd
}

.we-do-cw .box {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 15px
}

.we-do-cw .box:focus,.we-do-cw .box:hover {
    background-color: #ff6c00;
    transition: all .5s ease
}

.we-do-cw .box:focus .h2,.we-do-cw .box:hover .h2 {
    color: #fff;
    transition: all .5s ease
}

.we-do-cw .box:focus .icon-main.press,.we-do-cw .box:hover .icon-main.press {
    background-position: -17px -480px;
    transition: all .5s ease
}

.we-do-cw .box:focus .icon-main.article,.we-do-cw .box:hover .icon-main.article {
    background-position: -152px -483px;
    transition: all .5s ease
}

.we-do-cw .box:focus .icon-main.blog,.we-do-cw .box:hover .icon-main.blog {
    background-position: -275px -482px;
    transition: all .5s ease
}

.we-do-cw .box:focus .icon-main.content,.we-do-cw .box:hover .icon-main.content {
    background-position: -401px -479px;
    transition: all .5s ease
}

.we-do-cw .box .h2 {
    font-size: 18px;
    font-weight: 700
}

.we-do-cw .box .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 80px;
    position: relative;
    width: 94px
}

.we-do-cw .box .icon-main.press {
    background-position: -17px -577px;
    transition: all .5s ease
}

.we-do-cw .box .icon-main.article {
    background-position: -152px -579px;
    transition: all .5s ease
}

.we-do-cw .box .icon-main.blog {
    background-position: -275px -577px;
    transition: all .5s ease
}

.we-do-cw .box .icon-main.content {
    background-position: -401px -577px;
    transition: all .5s ease
}

.our-team-cw .box {
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.16);
    min-height: 519px!important;
    padding: 20px 10px
}

.our-team-cw .box .h3 {
    font-size: 22px;
    font-weight: 800;
    text-align: center
}

.our-team-cw .box .writer-text {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.our-team-cw .box .writer-text span {
    font-weight: 300
}

.our-team-cw .box .grey-line {
    background-color: #2d2d2d;
    height: 2px;
    left: 90px;
    position: relative;
    top: 5px;
    width: 25%
}

.our-team-cw .box p {
    font-size: 14px;
    font-weight: 300;
    margin: 0
}

.seo-content-form {
    background-color: #faf7f4
}

.seo-content-form .h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px
}

.seo-content-form .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-size: 16px;
    font-weight: 500;
    font-weight: 600;
    padding: 9px 30px;
    text-transform: uppercase
}

.seo-content-form .btn-order.active,.seo-content-form .btn-order:focus,.seo-content-form .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.seo-content-form .btn-order.active:focus,.seo-content-form .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.seo-content-form .btn-order.active,.seo-content-form .btn-order:focus,.seo-content-form .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.seo-content-form .box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.16);
    padding: 20px
}

.seo-content-form .box .h2 {
    color: #ff6c00;
    font-family: PainterPERSONALUSEONLY;
    font-size: 30px
}

.seo-content-form .box .btn-continue {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-size: 16px;
    font-weight: 500;
    font-weight: 600;
    padding: 9px 30px;
    text-transform: uppercase
}

.seo-content-form .box .btn-continue.active,.seo-content-form .box .btn-continue:focus,.seo-content-form .box .btn-continue:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.seo-content-form .box .btn-continue.active:focus,.seo-content-form .box .btn-continue.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.seo-content-form .box .btn-continue.active,.seo-content-form .box .btn-continue:focus,.seo-content-form .box .btn-continue:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.seo-content-form .box .form-group {
    margin-bottom: 20px
}

.seo-content-form .box .form-group .form-control {
    background-color: transparent;
    border: 1px solid #c9c9c9;
    border-radius: 25px;
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 45px;
    padding: 10px 20px;
    text-transform: capitalize
}

.seo-content-form .box .form-group .form-control::-webkit-input-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400
}

.seo-content-form .box .form-group .form-control::-moz-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400
}

.seo-content-form .box .form-group .form-control::-ms-input-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400
}

.order-page-cw .h1,.order-page-cw .h2,.order-page-cw .h3,.order-page-cw .h4 {
    color: #ff6c00;
    font-family: PainterPERSONALUSEONLY
}

.order-page-cw .h1 {
    font-size: 60px;
    font-weight: 400;
    text-transform: capitalize
}

.order-page-cw .h2 {
    font-size: 18px;
    font-weight: 600
}

.order-page-cw .box {
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.16);
    padding: 40px
}

.order-page-cw .box .mb-3 {
    margin-bottom: 20px
}

.order-page-cw .box .mb-3 li {
    font-size: 12px
}

.order-page-cw .box .mb-3 .button-attachment {
    background-color: #ff6c00!important;
    border-radius: 20px!important
}

.order-page-cw .box .mb-3 .form-label {
    font-size: 14px
}

.order-page-cw .box .mb-3 .form-control,.order-page-cw .box .mb-3 .form-select {
    background-color: transparent;
    border: 1px solid #c9c9c9;
    border-radius: 25px;
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 45px;
    padding: 10px 20px;
    text-transform: capitalize
}

.order-page-cw .box .mb-3 .form-control::-webkit-input-placeholder,.order-page-cw .box .mb-3 .form-select::-webkit-input-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400
}

.order-page-cw .box .mb-3 .form-control::-moz-placeholder,.order-page-cw .box .mb-3 .form-select::-moz-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400
}

.order-page-cw .box .mb-3 .form-control::-ms-input-placeholder,.order-page-cw .box .mb-3 .form-select::-ms-input-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400
}

.order-page-cw .box .h3 {
    color: #2d2d2d;
    font-size: 22px;
    font-weight: 600;
    text-align: left
}

.order-page-cw .box .h3:after {
    background-color: red;
    content: "";
    height: 2px;
    left: 254px;
    position: absolute;
    top: 808px;
    width: 130px
}

.order-page-cw .box ul {
    padding: 0;
    text-align: left
}

.order-page-cw .box ul li {
    list-style: none;
    margin: 5px 0
}

.order-page-cw .box .call-btn {
    display: inline-block;
    position: relative;
    top: 0
}

.order-page-cw .box .call-btn i {
    color: #ff6c00;
    font-size: 30px;
    position: relative;
    top: 20px
}

.order-page-cw .box .call-btn .r-text {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    left: 9px;
    position: relative
}

.order-page-cw .box .call-btn .num-text {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 40px;
    position: relative
}

.order-page-cw .box .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 52px;
    position: relative;
    right: -28px;
    transition: all .5s ease;
    width: 161px
}

.order-page-cw .box .icon-main.pay {
    background-position: -13px -972px;
    transition: all .5s ease
}

.order-page-cw .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.order-page-cw .btn-order.active,.order-page-cw .btn-order:focus,.order-page-cw .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.order-page-cw .btn-order.active:focus,.order-page-cw .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.order-page-cw .btn-order.active,.order-page-cw .btn-order:focus,.order-page-cw .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.order-page-cw .summary-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 110px
}

.contact-banner {
    background-image: url(../images/contact-banner.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    padding: 100px 0
}

.contact-banner .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.contact-banner .btn-order.active,.contact-banner .btn-order:focus,.contact-banner .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.contact-banner .btn-order.active:focus,.contact-banner .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.contact-banner .btn-order.active,.contact-banner .btn-order:focus,.contact-banner .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.contact-banner .call-btn {
    display: inline-block;
    position: relative;
    top: 15px
}

.contact-banner .call-btn i {
    color: #ff6c00;
    font-size: 30px;
    position: relative;
    top: 20px
}

.contact-banner .call-btn .r-text {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    left: 9px;
    position: relative
}

.contact-banner .call-btn .num-text {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 40px;
    position: relative
}

.approach-cw .s-text {
    color: #656565;
    font-size: 16px;
    font-weight: 600
}

.approach-cw .b-text {
    color: #2d2d2d;
    font-size: 28px;
    font-weight: 700
}

.approach-cw .icon-main {
    background-image: url(../images/icon-main.webp);
    display: inline-block;
    min-height: 86px;
    position: relative;
    width: 130px
}

.approach-cw .icon-main.call {
    background-position: -220px -978px
}

.approach-cw .icon-main.email,.approach-cw .icon-main.live {
    background-position: -385px -978px
}

.contact-form-cw .box {
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.16);
    margin-top: 50px;
    padding: 50px 20px
}

.contact-form-cw .box .form-group {
    margin-bottom: 30px
}

.contact-form-cw .box .form-group label {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px
}

.contact-form-cw .box .form-group .form-control {
    background-color: transparent;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    padding: 10px 20px;
    text-transform: uppercase
}

.contact-form-cw .box .form-group .form-control::-webkit-input-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 400
}

.contact-form-cw .box .form-group .form-control::-moz-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 400
}

.contact-form-cw .box .form-group .form-control::-ms-input-placeholder {
    color: #b6b6b6;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 400
}

.contact-form-cw .box .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 80px;
    text-transform: uppercase
}

.contact-form-cw .box .btn-order.active,.contact-form-cw .box .btn-order:focus,.contact-form-cw .box .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.contact-form-cw .box .btn-order.active:focus,.contact-form-cw .box .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.contact-form-cw .box .btn-order.active,.contact-form-cw .box .btn-order:focus,.contact-form-cw .box .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.left-banner-cw {
    background-image: url(../images/left-banner.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.left-banner-cw .h1 {
    color: #ff6c00;
    font-family: PainterPERSONALUSEONLY;
    font-size: 70px;
    font-weight: 400;
    text-transform: capitalize
}

.left-banner-cw .h2 {
    font-size: 18px;
    font-weight: 600
}

.left-banner-cw .btn-order {
    background: #ff6c00;
    border: 1px solid #ff6c00;
    border: 1px solid #ff6c00!important;
    border-radius: 25px;
    color: #fff;
    color: #fff!important;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px;
    text-transform: uppercase
}

.left-banner-cw .btn-order.active,.left-banner-cw .btn-order:focus,.left-banner-cw .btn-order:hover {
    background: #ff6c00;
    color: #fff;
    transition: all .5s ease
}

.left-banner-cw .btn-order.active:focus,.left-banner-cw .btn-order.active:hover {
    background: transparent;
    border: 1px solid #ff6c00;
    color: #ff6c00!important;
    transition: all .5s ease
}

.left-banner-cw .btn-order.active,.left-banner-cw .btn-order:focus,.left-banner-cw .btn-order:hover {
    background-color: none;
    background-image: linear-gradient(90deg,#ff6c00,#ff8e3b);
    border: 1px solid #ff6c00;
    color: #fff!important
}

.left-banner-cw .call-btn {
    display: inline-block;
    position: relative;
    top: 15px
}

.left-banner-cw .call-btn i {
    color: #ff6c00;
    font-size: 30px;
    position: relative;
    top: 20px
}

.left-banner-cw .call-btn .r-text {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    left: 18px;
    position: relative
}

.left-banner-cw .call-btn .num-text {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 40px;
    position: relative
}
.floatbutton.active {
    right: 0;
    z-index: 99999;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.floatbutton,.floatbutton .clickbutton .crossplus {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.floatbutton {
    transition: .4s;
    position: fixed;
    right: -370px;
    top: 16%;
    font-size: 0;
    width: 420px;
    z-index: 99999999;
}

.banner-form,.floatbutton .clickbutton {
    position: relative;
    background: #fff;
    display: inline-block
}

.floatbutton .clickbutton {
    border-radius: 30px 0 0 30px;
    width: 50px;
    z-index: 999;
    height: 270px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09);
    padding-top: 0;
    vertical-align: top;
    margin-top: 198px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    -ms-box-shadow: 0 0 40px #00000026;
    -o-box-shadow: 0 0 40px #00000026;
   background: linear-gradient(360deg, #ff6f06, #ff8d39);
}

.btns_wrap .call_wrap,.btns_wrap .chat_wrap {
    right: -225px;
    width: 280px;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026!important;
    position: absolute
}

.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
}
.btns_wrap .chat_wrap {
    display: block;
    padding: 0;
    background: #fff;
    top: 40px;
    border-radius: 50px 0 0 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btns_wrap .call_wrap span.icoo, .btns_wrap .chat_wrap span.icoo {
    color: #fff;
    font-size: 18px;
    padding: 18px 20px 16px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50px 0 0 50px;
    background: linear-gradient(360deg, #ff6f05, #ff872f);
}

.floatbutton .clickbutton .crossplus {
    transition: .4s;
    position: absolute;
    display: block;
    transform: rotate(-90deg);
    font-size: 16px;
    color: #fff;
    left: -79px;
    white-space: pre;
    bottom: 122px;
    font-weight: 700
}

.floatbutton .clickbutton .crossplus.rotate {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #f43535;
    margin: 17px 0 0 15px
}

.banner-form {
    padding: 30px;
    z-index: 9;
    border-radius: 5px 0 0 5px;
    margin: 0;
    width: 370px;
    box-shadow: 0 0 30px #0000001f
}

.independencebox,.independencedaybackground {
    background-repeat: no-repeat;
    background-position: center center
}

.ban-form input {
    margin: 0 0 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    width: 100%;
}

.banner-form h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px
}

.ban-form input[type=submit] {
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
    /* background-image: linear-gradient(to right top, #576aa5, #576aa5, #576aa5, #576aa5, #576aa5); */
    padding: 10px 15px;
    margin: 20px 0 0;
    border: transparent;
    background: linear-gradient(360deg, #ff6f06, #ff8d39);
}
.ban-form textarea {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 120px;
    margin: 15px 0 0;
    width: 100%;
}

.btns_wrap {
    position: fixed;
    right: -6px
}

.btns_wrap a:hover {
    text-decoration: none!important;
    right: 0
}

.btns_wrap .call_wrap {
    background: #fff;
    top: 120px;
    padding: 0;
    border-radius: 50px 0 0 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btns_wrap .call_wrap span {
    color: #333;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 20px 15px 15px
}

.btns_wrap .chat_wrap {
    display: block;
    padding: 0;
    background: #fff;
    top: 40px;
    border-radius: 50px 0 0 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

btns_wrap .call_wrap span.icoo, .btns_wrap .chat_wrap span.icoo {
    color: #fff;
    font-size: 18px;
    padding: 18px 20px 16px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50px 0 0 50px;
    background: linear-gradient(360deg, #ff7007, #ff8932);
}
.btns_wrap .chat_wrap span {
    color: #333;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 30px 15px 15px
}

section.pricing-sec h3 {
    color: #2d2d2d;
    display: block;
    font-family: FuturaBT-BoldCondensed;
    font-size: 50px;
    font-weight: 900;
    line-height: 60px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 100px;
}
.pricing-card {
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px 2px #ccc;
    padding: 20px;
    border-radius: 20px;
    min-height: 500px;
    transition: 1s all ease;
}
.pricing-card:hover{
    
}
.pricing-card h6 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
}
.pricing-card h6 span {
    display: block;
    color: #ff730c;
}
.pricing-card h4 {
    text-align: center;
    font-size: 40px;
    margin: 17px 0;
    color: #000;
    font-weight: 600;
}
ul.pkgheadlist li i {
    margin-right: 17px;
    color: #ff730c;
}
ul.pkgheadlist li {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    display: flex;
}
ul.pkgheadlist {
    padding: 0;
}
.custom-btn {
    margin-top: 50px;
}
.custom-btn a {
    background-color: #ff6c00;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 auto;
    display: table;
    width: 100%;
    text-align: center;
    padding: 11px 0;
    border-radius: 50px;
}
.copyrightsec ul {
    display: flex;
    justify-content: end;
}
.copyrightsec ul li {
    margin: 0 7px;
}
@media only screen and (max-width: 480px) {
    .banner-home-cw .hanger.big-cloud,.banner-home-cw .hanger.small-cloud .shape-2 {
        display:none
    }

    .banner-home-cw .h2 {
        font-size: 23px!important;
        margin-bottom: 20px
    }

    .quality-cw {
        background-image: none
    }

    .quality-cw .icon-main.qual {
        right: 49px;
        top: 55px
    }

    .quality-cw {
        padding: 50px 0 0
    }

    .quality-cw .h1 {
        font-size: 39px
    }

    .trust-cw .icon-main.qual {
        right: 35%!important
    }

    .trust-cw .box {
        margin: 20px 0
    }

    .our-company-cw .h1 {
        font-size: 23px;
        line-height: 40px
    }

    .our-company-cw .h1 span {
        font-size: 34px
    }

    .our-company-cw .icon-main.qual {
        right: 36%!important
    }

    .our-company-cw .right-box {
        margin: 20px 0;
        text-align: center
    }

    .our-company-cw .right-box .btn-service {
        display: block;
        margin-top: 20px
    }

    .how-we .icon-main.qual {
        right: 38%
    }

    .how-we .circle {
        height: 526px;
        margin: 20px 0;
        padding: 80px 20px 20px
    }

    .how-we .circle.circle-transform {
        padding: 270px 20px 20px
    }

    .client-testimonial-cw .icon-main.qual {
        right: 39%
    }

    .content-four-col-cw .icon-main.qual {
        right: 38%
    }

    .content-four-col-cw .h1 {
        font-size: 20px;
        line-height: 27px
    }

    .content-four-col-cw .h1 span {
        font-size: 24px
    }

    .content-four-col-cw .h2 {
        font-size: 14px
    }

    .lattest-blog .icon-main {
        right: 36%
    }

    .lattest-blog .h1 {
        font-size: 30px;
        line-height: 45px
    }

    .lattest-blog .h1 span {
        font-size: 44px
    }

    .content-four-col-cw .call-btn .num-text {
        left: 23px
    }

    .upper-footer {
        text-align: center
    }

    .upper-footer .h2 {
        margin: 20px 0 0;
        text-align: left
    }

    .bottom-footer .icon-main.qual,.upper-footer .icon-main {
        right: 38%
    }

    .bottom-footer .h1 {
        display: block;
        font-size: 35px;
        line-height: 47px;
        padding-bottom: 20px!important
    }

    .bottom-footer .h1 span {
        font-size: 46px
    }

    .who-are,.who-are .h1 {
        text-align: center
    }

    .who-are .h1 {
        font-size: 45px;
        line-height: 50px
    }

    .who-are .h1 span {
        font-size: 55px
    }

    .who-are .btn-order {
        display: block;
        margin-bottom: 20px
    }

    .our-team-cw .box,.we-do-cw .box {
        margin: 10px 0
    }

    .our-team-cw .box .grey-line {
        left: 116px!important
    }

    .client-testimonial-cw {
        background-color: #faf7f4;
        background-image: none
    }

    .client-testimonial-cw .icon-main {
        margin-top: 20px!important
    }

    .contact-banner {
        background-position: 0!important;
        padding: 50px 0;
        text-align: center
    }

    .contact-banner .h1 {
        font-size: 45px;
        line-height: 40px
    }

    .contact-banner .h1 span {
        font-size: 50px;
        line-height: 50px
    }

    .contact-banner .btn-order {
        margin-right: 0!important
    }

    .contact-banner .call-btn .num-text {
        left: 25px
    }

    .order-page-cw .box .h3:after {
        display: none!important
    }

    .order-page-cw .box {
        padding: 30px 20px!important
    }

    header .top-menu .navbar-dark .btn-transparent {
        background-color: #2d2d2d!important;
        background-image: none!important;
        color: #fff!important;
        display: block
    }

    header .top-menu .navbar-dark .number-ul {
        padding: 0
    }

    header .top-menu .navbar-dark .number-ul .c-support a {
        color: #fff!important
    }
}