.hugeicons--mail-01,
.hugeicons--smart-phone-01 {
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.hugeicons--mail-01 {
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m2 6l6.913 3.917c2.549 1.444 3.625 1.444 6.174 0L22 6'/%3E%3Cpath d='M2.016 13.476c.065 3.065.098 4.598 1.229 5.733c1.131 1.136 2.705 1.175 5.854 1.254c1.94.05 3.862.05 5.802 0c3.149-.079 4.723-.118 5.854-1.254c1.131-1.135 1.164-2.668 1.23-5.733c.02-.986.02-1.966 0-2.952c-.066-3.065-.099-4.598-1.23-5.733c-1.131-1.136-2.705-1.175-5.854-1.254a115 115 0 0 0-5.802 0c-3.149.079-4.723.118-5.854 1.254c-1.131 1.135-1.164 2.668-1.23 5.733a69 69 0 0 0 0 2.952Z'/%3E%3C/g%3E%3C/svg%3E")
}

.hugeicons--smart-phone-01 {
    width: 22px;
    height: 22px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath stroke-width='2' d='M12 19h.01'/%3E%3Cpath stroke-width='1.5' d='M13.5 2h-3c-2.357 0-3.536 0-4.268.732S5.5 4.643 5.5 7v10c0 2.357 0 3.535.732 4.268S8.143 22 10.5 22h3c2.357 0 3.535 0 4.268-.732c.732-.733.732-1.911.732-4.268V7c0-2.357 0-3.536-.732-4.268C17.035 2 15.857 2 13.5 2'/%3E%3C/g%3E%3C/svg%3E")
}

.fa--linkedin-square {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1536'%3E%3Cpath fill='%23000' d='M237 1286h231V592H237zm246-908q-1-52-36-86t-93-34t-94.5 34t-36.5 86q0 51 35.5 85.5T351 498h1q59 0 95-34.5t36-85.5m585 908h231V888q0-154-73-233t-193-79q-136 0-209 117h2V592H595q3 66 0 694h231V898q0-38 7-56q15-35 45-59.5t74-24.5q116 0 116 157zm468-998v960q0 119-84.5 203.5T1248 1536H288q-119 0-203.5-84.5T0 1248V288Q0 169 84.5 84.5T288 0h960q119 0 203.5 84.5T1536 288'/%3E%3C/svg%3E")
}

.fa--facebook-square,
.fa--linkedin-square,
.fa--youtube-square {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.fa--youtube-square {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1536'%3E%3Cpath fill='%23000' d='M919 1175v-157q0-50-29-50q-17 0-33 16v224q16 16 33 16q29 0 29-49m184-122h66v-34q0-51-33-51t-33 51zM532 787v70h-80v423h-74V857h-78v-70zm201 126v367h-67v-40q-39 45-76 45q-33 0-42-28q-6-17-6-54V913h66v270q0 24 1 26q1 15 15 15q20 0 42-31V913zm252 111v146q0 52-7 73q-12 42-53 42q-35 0-68-41v36h-67V787h67v161q32-40 68-40q41 0 53 42q7 21 7 74m251 129v9q0 29-2 43q-3 22-15 40q-27 40-80 40q-52 0-81-38q-21-27-21-86v-129q0-59 20-86q29-38 80-38t78 38q21 29 21 86v76h-133v65q0 51 34 51q24 0 30-26q0-1 .5-7t.5-16.5V1153zM785 329v156q0 51-32 51t-32-51V329q0-52 32-52t32 52m533 713q0-177-19-260q-10-44-43-73.5t-76-34.5q-136-15-412-15q-275 0-411 15q-44 5-76.5 34.5T238 782q-20 87-20 260q0 176 20 260q10 43 42.5 73t75.5 35q137 15 412 15t412-15q43-5 75.5-35t42.5-73q20-84 20-260M563 391l90-296h-75l-51 195l-53-195h-78q7 23 23 69l24 69q35 103 46 158v201h74zm289 81V342q0-58-21-87q-29-38-78-38q-51 0-78 38q-21 29-21 87v130q0 58 21 87q27 38 78 38q49 0 78-38q21-27 21-87m181 120h67V222h-67v283q-22 31-42 31q-15 0-16-16q-1-2-1-26V222h-67v293q0 37 6 55q11 27 43 27q36 0 77-45zm503-304v960q0 119-84.5 203.5T1248 1536H288q-119 0-203.5-84.5T0 1248V288Q0 169 84.5 84.5T288 0h960q119 0 203.5 84.5T1536 288'/%3E%3C/svg%3E")
}

.fa--facebook-square {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1536'%3E%3Cpath fill='%23000' d='M1248 0q119 0 203.5 84.5T1536 288v960q0 119-84.5 203.5T1248 1536h-188V941h199l30-232h-229V561q0-56 23.5-84t91.5-28l122-1V241q-63-9-178-9q-136 0-217.5 80T820 538v171H620v232h200v595H288q-119 0-203.5-84.5T0 1248V288Q0 169 84.5 84.5T288 0z'/%3E%3C/svg%3E")
}

.fa--instagram {
    width: 22px;
    height: 22px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1536'%3E%3Cpath fill='%23000' d='M1024 768q0-106-75-181t-181-75t-181 75t-75 181t75 181t181 75t181-75t75-181m138 0q0 164-115 279t-279 115t-279-115t-115-279t115-279t279-115t279 115t115 279m108-410q0 38-27 65t-65 27t-65-27t-27-65t27-65t65-27t65 27t27 65M768 138q-7 0-76.5-.5t-105.5 0t-96.5 3t-103 10T315 169q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103t-3 96.5t0 105.5t.5 76.5t-.5 76.5t0 105.5t3 96.5t10 103T169 1221q20 50 58 88t88 58q29 11 71.5 18.5t103 10t96.5 3t105.5 0t76.5-.5t76.5.5t105.5 0t96.5-3t103-10t71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103t3-96.5t0-105.5t-.5-76.5t.5-76.5t0-105.5t-3-96.5t-10-103T1367 315q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10t-96.5-3t-105.5 0t-76.5.5m768 630q0 229-5 317q-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124T5 1085q-5-88-5-317t5-317q10-208 124-322T451 5q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317'/%3E%3C/svg%3E")
}

.fa--instagram,
.fa-brands--facebook-f,
.fa-brands--linkedin-in,
.fa-brands--youtube {
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.fa-brands--facebook-f {
    width: 20px;
    height: 20px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='m279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E")
}

.fa-brands--linkedin-in,
.fa-brands--youtube {
    width: 22px;
    height: 22px
}

.fa-brands--youtube {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597c-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821c11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305m-317.51 213.508V175.185l142.739 81.205z'/%3E%3C/svg%3E")
}

.fa-brands--linkedin-in {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3M447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2c-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3c94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E")
}

.hugeicons--location-01 {
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M13.618 21.367A2.37 2.37 0 0 1 12 22a2.37 2.37 0 0 1-1.617-.633C6.412 17.626 1.09 13.447 3.685 7.38C5.09 4.1 8.458 2 12.001 2s6.912 2.1 8.315 5.38c2.592 6.06-2.717 10.259-6.698 13.987Z'/%3E%3Cpath d='M15.5 11a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0Z'/%3E%3C/g%3E%3C/svg%3E")
}

.fa7-solid--times,
.hugeicons--arrow-right-double,
.hugeicons--location-01 {
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.hugeicons--arrow-right-double {
    width: 16px;
    height: 16px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.5 18s6-4.419 6-6s-6-6-6-6m-7 12s6-4.419 6-6s-6-6-6-6'/%3E%3C/svg%3E")
}

.fa7-solid--times {
    width: 640px;
    height: 640px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M183.1 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L275.2 320L137.9 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l137.3-137.4l137.4 137.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L365.8 320l137.3-137.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320.5 274.7z'/%3E%3C/svg%3E")
}

:root {
    --color-primary: #20282D;
    --color-body: #5D666F;
    --color-heading-1: #1C2539;
    --transition: .3s;
    --color-white: #fff;
    --color-border: #DDD8F9;
    --border-width: 1px;
    --radius: 10px;
    --p-regular: 400;
    --p-medium: 500;
    --s-bold: 700;
    --transition: 0.3s;
    --font-primary: "Red Hat Display", serif;
    --font-3: "fontawesome";
    --font-size-b1: 16px;
    --font-size-b2: 15px;
    --font-size-b3: 22px;
    --line-height-b1: 26px;
    --line-height-b2: 26px;
    --line-height-b3: 1.7;
    --h1: 60px;
    --h2: 48px;
    --h3: 30px;
    --h4: 26px
}

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

html {
    margin: 0;
    padding: 0;
    font-size: 10px;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: auto !important
}

body,
p {
    font-weight: var(--p-regular);
    color: var(--color-body)
}

body {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "DM Sans", serif;
    position: relative;
    overflow-x: hidden;
    margin: 0;
    background: #fff
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    body {
        overflow: hidden
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body {
        overflow: hidden
    }
}

@media only screen and (max-width:767px) {
    body {
        overflow: hidden
    }
}

body::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: .05
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    margin: 0 0 20px;
    word-break: break-word;
    font-family: "Red Hat Display", serif;
    color: var(--color-heading-1)
}

.h1,
h1 {
    font-size: var(--h1);
    line-height: 1.3;
    font-weight: 700
}

.h2,
h2 {
    font-size: var(--h2);
    line-height: 1.1
}

.h3,
.h4,
h3,
h4 {
    font-size: var(--h3);
    line-height: 1.2
}

.h4,
h4 {
    font-size: var(--h4)
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
h1 a,
h2 a,
h3 a,
h4 a {
    color: inherit
}

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

    .h1,
    h1 {
        font-size: 38px
    }

    .h2,
    h2 {
        font-size: 32px
    }

    .h3,
    h3 {
        font-size: 28px
    }

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

@media only screen and (max-width:767px) {

    .h1,
    h1 {
        font-size: 34px
    }

    .h2,
    h2 {
        font-size: 28px
    }

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

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

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    font-weight: var(--s-bold)
}

p {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    margin: 0 0 40px
}

@media only screen and (max-width:767px) {
    p {
        margin: 0 0 20px;
        font-size: 16px;
        line-height: 28px
    }
}

p:last-child {
    margin-bottom: 0
}

var {
    font-family: "Red Hat Display", serif
}

ul {
    list-style: square
}

ul li {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--color-body)
}

a,
ul li a {
    text-decoration: none;
    color: var(--color-gray)
}

ul li a:hover {
    color: var(--color-primary)
}

ul ul {
    margin-bottom: 0
}

@media only screen and (max-width:1199px) {
    h1 {
        font-size: 1.3
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h1 {
        font-size: 54px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h1 {
        font-size: 40px;
        line-height: 1.4
    }
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 30px;
        line-height: 1.3
    }
}

@media only screen and (max-width:575px) {
    h1 {
        font-size: 28px;
        line-height: 1.3
    }
}

@media only screen and (max-width:479px) {
    h1 {
        font-size: 26px;
        line-height: 1.3
    }
}

@media only screen and (max-width:1199px) {
    h2 {
        font-size: 54px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h2 {
        font-size: 44px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h2 {
        font-size: 36px;
        line-height: 1.4
    }
}

@media only screen and (max-width:767px) {
    h2 {
        font-size: 32px;
        line-height: 1.4
    }
}

@media only screen and (max-width:575px) {
    h2 {
        font-size: 32px;
        line-height: 1.4
    }
}

@media only screen and (max-width:479px) {
    h2 {
        font-size: 26px;
        line-height: 1.4
    }
}

@media only screen and (max-width:1199px) {
    h3 {
        font-size: 40px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h3 {
        font-size: 36px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h3 {
        font-size: 30px;
        line-height: 56px
    }
}

@media only screen and (max-width:767px) {
    h3 {
        font-size: 30px;
        line-height: 45px
    }
}

@media only screen and (max-width:575px) {
    h3 {
        font-size: 24px;
        line-height: 36px
    }
}

@media only screen and (max-width:479px) {
    h3 {
        font-size: 22px;
        line-height: 30px
    }
}

article,
aside,
header,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

a {
    color: var(--color-heading);
    outline: 0
}

a:hover {
    text-decoration: none;
    outline: 0;
    color: var(--color-primary)
}

a:active,
a:focus {
    text-decoration: none;
    color: var(--color-primary)
}

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

address {
    margin: 0 0 24px
}

b {
    font-weight: 700
}

pre {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-family: "Raleway", sans-serif;
    font-size: var(--font-size-b3);
    margin: 10px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: var(--color-body);
    background: var(--color-lighter)
}

small {
    font-size: smaller
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -.5em
}

menu,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

nav ul {
    list-style: none;
    list-style-image: none
}

form,
li>ul {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

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

button,
input,
select {
    vertical-align: baseline
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=submit] {
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

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

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

input[type=checkbox] {
    padding: 0
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

button,
input {
    border: 1px solid var(--color-border)
}

button,
input,
select,
textarea {
    background: 0 0;
    transition: all .4s ease-out 0s;
    color: var(--color-body);
    width: 100%;
    font-family: Roboto
}

textarea:focus {
    outline: 0
}

button:active,
button:focus,
input:active,
input:focus,
select:active,
select:focus,
textarea:active {
    outline: 0;
    border-color: var(--color-primary)
}

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

input {
    height: 40px;
    padding: 0 15px
}

input[type=email],
input[type=tel],
input[type=text],
select,
textarea {
    font-size: var(--font-size-b2);
    font-weight: 400;
    height: auto;
    line-height: 28px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    outline: 0;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius)
}

input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
select::placeholder,
textarea::placeholder {
    color: var(--body-color);
    opacity: 1
}

input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--body-color)
}

input[type=email]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--body-color)
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: var(--color-primary)
}

input[type=submit] {
    width: auto;
    padding: 0 30px;
    border-radius: 500px;
    display: inline-block;
    font-weight: 500;
    transition: .3s;
    background: var(--color-primary);
    color: var(--color-white);
    font-weight: var(--p-medium);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b3);
    height: 50px;
    border: 2px solid var(--color-primary);
    transition: var(--transition)
}

input[type=submit]:hover {
    background: 0 0;
    color: var(--color-primary);
    transform: translateY(-5px)
}

.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.header-top-area-wrapper {
    border-bottom: 1px solid #293238
}

.header-top-area-wrapper .header-top-one-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-main-one-wrapper .main-header .nav-main ul,
.header-top-area-wrapper .header-top-one-wrapper .left,
.nav-area ul {
    display: flex;
    align-items: center
}

.header-top-area-wrapper .header-top-one-wrapper .mail i {
    height: 22px;
    width: 22px;
    background-color: #ccc;
    position: relative;
    top: 2px
}

.header-top-area-wrapper .header-top-one-wrapper .left .mail {
    position: relative
}

.header-top-area-wrapper .header-top-one-wrapper .left .mail a {
    padding: 11px 0;
    display: block;
    color: #ccc;
    font-size: 15px;
    position: relative;
    transition: var(--transition)
}

.header-top-area-wrapper .header-top-one-wrapper .right {
    display: flex;
    justify-content: flex-end
}

.header-top-area-wrapper .header-top-one-wrapper .right p {
    color: #ccc
}

.header-one .nav-area {
    margin-right: 80px
}

#menu-btn {
    background: #f2f2f2;
    height: 55px;
    min-width: 55px;
    border-radius: 15px;
    border: 0
}

#menu-btn i {
    color: #1c2539;
    font-size: 18px
}

.header--sticky.sticky {
    position: fixed !important;
    top: 0;
    display: block;
    z-index: 999;
    width: 100%;
    background: #fff;
    box-shadow: 0 7px 18px rgba(24, 16, 16, .0509803922)
}

.header--sticky.sticky .header-top-area-wrapper {
    display: none
}

.header-two .nav-area {
    margin-left: 135px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .header-two .nav-area {
        margin-left: 50px
    }
}

.header-five .main-header .nav-main ul li a {
    padding: 42px 0
}

.header-five .main-header .nav-main ul li a::after {
    bottom: 46px
}

.coupon-toggle .accordion .card .card-header .card-title button:hover,
.header-five .main-header-three.main-header .nav-main ul li a:hover,
.rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6 .left-icon-number {
    color: var(--color-primary)
}

.header-five .main-header-three.main-header .nav-main ul li a::after {
    background: var(--color-primary)
}

.header-transparent {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100
}

.header-transparent.header--sticky.sticky {
    position: fixed !important;
    top: 0;
    display: block;
    backdrop-filter: blur(9px);
    z-index: 999;
    width: 100%;
    box-shadow: 0 7px 18px rgba(24, 16, 16, .0509803922);
    background: #20282d
}

.header-transparent-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-transparent-main-wrapper .main-nav>a {
    color: #fff !important
}

.header-transparent-main-wrapper .rts-btn.btn-primary {
    border-radius: 100px
}

@media only screen and (max-width:575px) {
    .header-transparent-main-wrapper .rts-btn.btn-primary {
        display: none
    }
}

.in-full-screen .header-transparent-main-wrapper {
    position: relative
}

@media only screen and (max-width:1199px) {
    .nav-area {
        display: none
    }
}

.nav-area ul {
    gap: 50px;
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (max-width:1300px) {
    .nav-area ul {
        gap: 40px
    }
}

.mobile-menu nav ul li,
.nav-area ul li {
    margin: 0;
    padding: 0
}

.nav-area ul li a {
    color: #111032;
    font-weight: 500 !important
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    header.header-five .nav-area ul,
    header.header-three .nav-area ul {
        gap: 25px !important
    }
}

.nav-area ul li.main-nav {
    padding: 40px 0;
    cursor: pointer
}

header .main-nav>a {
    color: #1c2539 !important
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    header.header-five .nav-area ul,
    header.header-two .nav-area ul {
        gap: 40px !important
    }
}

.side-bar {
    box-shadow: -5px 0 20px -5px rgba(149, 22, 22, .12)
}

@media only screen and (max-width:479px) {
    .side-bar {
        width: 320px;
        box-shadow: none
    }
}

#menu-btn,
.side-bar button,
.side-bar button i {
    display: flex;
    align-items: center;
    justify-content: center
}

.side-bar button {
    max-width: max-content;
    border: 0;
    margin-right: auto;
    margin-left: -30px;
    margin-top: -51px;
    min-height: 45px;
    width: 45px;
    position: relative;
    background-color: #20272d
}

.side-bar button i {
    height: 30px;
    width: 30px;
    min-width: 50px;
    background: #fff;
    margin-top: -3px;
    color: #fff;
    border-radius: 0;
    font-size: 27px
}

.rts-sidebar-menu-desktop .logo {
    margin-top: 50px
}

.rts-sidebar-menu-desktop p.disc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px
}

.logo-1 {
    display: block
}

#anywhere-home {
    cursor: url(../images/banner/shape/close.png), auto;
    background: #0e1013;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease-in-out;
    pointer-events: none;
    z-index: 50
}

#anywhere-home.bgshow {
    background: #0e1013;
    opacity: 70%;
    visibility: visible;
    pointer-events: visible;
    z-index: 999;
    top: 0
}

.mobile-menu nav ul {
    padding: 0
}

.mobile-menu nav ul ul {
    padding-left: 15px
}

@media screen and (min-width:1199px) {
    .side-bar.header-two .mobile-menu {
        display: none !important
    }
}

.mobile-menu nav ul li a,
.side-bar {
    display: block;
    padding: 2px 0
}

.mobile-menu nav ul li a.main {
    padding: 10px 0 12px;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
    font-weight: 600;
    color: #20282d
}

header .nav-area ul li.main-nav:hover>a {
    transition: .3s;
    color: #e50046 !important
}

header .nav-area ul li.main-nav:hover::after {
    color: var(--color-primary) !important
}

header.header--sticky.sticky .nav-area ul li.main-nav {
    padding: 30px 0;
    cursor: pointer
}

.header-transparent.header--sticky .nav-area ul li.main-nav:hover>a {
    transition: .3s;
    color: #fff !important
}

#anywhere-home,
.side-bar {
    position: fixed;
    height: 100%
}

.side-bar {
    top: 0;
    right: -100%;
    width: 365px;
    padding: 50px 30px 40px;
    background-color: #fff;
    backdrop-filter: blur(7px);
    z-index: 1900;
    transition: all 600ms ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow: visible
}

@media only screen and (max-width:575px) {
    .side-bar {
        width: 320px
    }
}

.side-bar.show {
    right: 0;
    overflow-y: auto
}

.header-five .nav-btn {
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:1199px) {
    .header-five .nav-btn {
        display: flex
    }
}

.header-five .nav-btn img,
.header-four .nav-btn img,
.header-three .nav-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(0%) hue-rotate(345deg) brightness(106%) contrast(106%)
}

.header-four .nav-btn {
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:1199px) {
    .header-four .nav-btn {
        display: flex
    }
}

.header-three .nav-btn {
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:1199px) {
    .header-three .nav-btn {
        display: flex
    }
}

.button-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap
}

.rts-btn {
    height: 55px;
    max-width: max-content;
    padding: 13px 29px;
    border: 0;
    box-shadow: none;
    min-width: max-content;
    border-radius: 15px;
    transition: 800ms;
    font-weight: 600
}

@media only screen and (max-width:575px) {
    .rts-btn {
        height: 47px;
        padding: 13px 20px;
        display: flex !important;
        align-items: center !important
    }
}

.rts-btn.btn-primary {
    background: #e50046;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.rts-btn.btn-primary::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #f2f2f2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1
}

.rts-btn.btn-primary:hover {
    background: #f2f2f2;
    color: var(--color-primary)
}

.rts-btn.btn-primary:hover::before {
    top: -40%
}

.rts-btn.btn-border {
    background: 0 0;
    border: 1px solid #e9ecf1
}

.rts-btn:focus {
    border: 0;
    box-shadow: none
}

.about-inner-content-two {
    padding-left: 20px
}

.rts-about-area-two,
.rts-breadcrumb-area .title-area-left {
    position: relative
}

.rts-breadcrumb-area {
    height: 477px;
    background: linear-gradient(180deg, rgba(32, 40, 45, .1)0, rgba(255, 255, 255, .1) 96.54%);
    display: flex;
    align-items: center;
    position: relative
}

@media only screen and (max-width:575px) {
    .rts-breadcrumb-area {
        height: 370px
    }
}

.rts-breadcrumb-area .title-area-left.center {
    text-align: center
}

.rts-breadcrumb-area .title-area-left.center .bg-title {
    left: 50%;
    transform: translateX(-50%)
}

.rts-breadcrumb-area .title-area-left .bg-title {
    font-size: 150px;
    position: absolute;
    font-weight: 900;
    letter-spacing: 0;
    left: -90px;
    z-index: -1;
    top: -65px;
    font-family: var(--font-primary);
    min-width: max-content;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, .1);
    line-height: 1
}

@media only screen and (max-width:575px) {
    .rts-breadcrumb-area .title-area-left .bg-title {
        font-size: 50px;
        left: 0
    }
}

.rts-breadcrumb-area .title-area-left .bg-title::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 107%;
    background: linear-gradient(0deg, rgba(255, 255, 255, .8855917367)0, rgba(255, 255, 255, .6082808123) 35%, rgba(255, 255, 255, 0) 100%)
}

.rts-breadcrumb-area .title-area-left .title {
    font-size: 54px;
    line-height: 1.23
}

@media only screen and (max-width:575px) {
    .rts-breadcrumb-area .title-area-left .title {
        font-size: 34px
    }

    .rts-breadcrumb-area .title-area-left .title br {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .rts-breadcrumb-area .title-area-left p.disc {
        max-width: 100% !important
    }
}

.rts-business-goal-area-wrapper-6 .nav-tabs {
    border-bottom: none !important
}

.rts-business-goal-area-wrapper-6 .nav-link {
    padding: 0;
    border: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 25px;
    border-radius: 10px
}

.rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6 {
    background: var(--color-primary)
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a:hover i,
.footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content a:hover,
.rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6 .inner-content * {
    color: #fff
}

.rts-business-goal-area-wrapper-6 .nav-link:last-child {
    margin-bottom: 0
}

.title-style-two {
    position: relative;
    z-index: 1
}

.title-style-two .bg-kontent {
    font-size: 110px;
    position: absolute;
    font-weight: 900;
    letter-spacing: 0;
    left: -5px;
    z-index: -1;
    top: -65px;
    font-family: var(--font-primary);
    min-width: max-content;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, .08);
    line-height: 1
}

@media only screen and (max-width:575px) {
    .title-style-two .bg-kontent {
        font-size: 100px
    }
}

.title-style-two .pre {
    font-size: 16px;
    color: #000;
    display: flex;
    text-transform: uppercase;
    margin-bottom: 22px;
    font-weight: 600;
    border-radius: 6px;
    letter-spacing: 2px
}

.title-style-two .title {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .title-style-two .title {
        font-size: 36px
    }
}

@media only screen and (max-width:1199px) {
    .title-style-two .title {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .title-style-two .title {
        font-size: 32px
    }
}

@media only screen and (max-width:575px) {
    .title-style-two .title {
        font-size: 26px
    }
}

.title-style-two.center {
    text-align: center
}

.title-style-two.center .pre {
    text-align: center;
    justify-content: center
}

.container {
    padding: 0 15px
}

.bg-main {
    background: #20282d
}

.call-and-sign-area,
.footer-logo-area-left-8 ul {
    display: flex;
    align-items: center;
    gap: 43px
}

@media only screen and (max-width:767px) {
    .call-and-sign-area {
        flex-wrap: wrap;
        gap: 20px !important;
        margin-top: 30px
    }
}

.call-and-sign-area.two {
    gap: 30px
}

@media only screen and (max-width:1199px) {
    .call-and-sign-area.two {
        gap: 5px;
        margin-top: 15px
    }
}

.call-and-sign-area.two .icon {
    border-radius: 15px !important
}

@media only screen and (max-width:575px) {
    .container {
        max-width: 100% !important
    }
}

.footer-8-area-bg {
    background-color: #20282d;
    background-image: url(../images/footer/05.jpg);
    position: relative;
    background-position: right center;
    background-size: cover;
    border-top: 5px solid #e50046
}

.footer-logo-area-left-8 {
    text-align: left
}

.footer-logo-area-left-8 .logo {
    display: block;
    margin-bottom: 15px;
    filter: brightness(0) invert(1);
    opacity: .9
}

.footer-logo-area-left-8 .logo img {
    height: 70px
}

.footer-logo-area-left-8 p.disc {
    color: #8b8f99;
    margin-bottom: 25px
}

.footer-logo-area-left-8 ul {
    padding: 0;
    margin: 0;
    gap: 18px;
    list-style: none
}

.footer-logo-area-left-8 ul li a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #2d383e;
    transition: .3s
}

.footer-logo-area-left-8 ul li a i {
    color: #aaa
}

.footer-logo-area-left-8 ul li a:hover {
    transform: translateY(-5px)
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner {
    display: flex
}

@media only screen and (max-width:479px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner {
        flex-direction: column
    }
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
    margin-left: 70px
}

@media only screen and (max-width:1199px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
        margin-left: 20px
    }
}

@media only screen and (max-width:479px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
        margin-left: 0
    }
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li {
    margin-top: 0;
    margin-bottom: 12px
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a {
    color: #8b8f99;
    transition: var(--transition);
    position: relative;
    max-width: max-content
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a i {
    margin-right: 4px;
    transition: .3s;
    color: #fff;
    position: relative;
    top: 2px
}

.footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a:hover {
    color: var(--color-white)
}

.footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 25px
}

.footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .icon {
    display: flex;
    align-content: center;
    justify-content: center
}

.footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .icon i {
    color: #e50046;
    height: 30px;
    width: 30px
}

.footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content .title {
    color: #fff;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 400
}

.footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content a {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    transition: .4s
}

.copyright-area-main-wrapper {
    border-top: 1px solid #3d4352
}

.copyright-8-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 200
}

@media only screen and (max-width:575px) {
    .copyright-8-wrapper {
        flex-direction: column;
        align-items: center
    }
}

.copyright-8-wrapper p {
    margin: 0;
    padding: 25px 0;
    font-weight: 200;
    font-size: 15px
}

@media only screen and (max-width:575px) {
    .copyright-8-wrapper p {
        padding: 30px 0 0;
        text-align: center
    }
}

.copyright-8-wrapper * {
    color: #ccc
}

.copyright-8-wrapper ul {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none
}

@media only screen and (max-width:575px) {
    .copyright-8-wrapper ul {
        padding-left: 0
    }
}

.copyright-8-wrapper ul li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.copyright-8-wrapper ul li a:hover {
    color: #fff
}

.nav-project-tab {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center
}

.nav-project-tab,
.nav-project-tab li {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.nav-project-tab li button {
    background: #fff;
    border: 1px solid #edeff3 !important;
    box-shadow: 0 9px 18px rgba(24, 16, 16, .05);
    padding: 13px 25px;
    border-radius: 10px !important;
    font-size: 16px;
    color: #1c2539;
    font-weight: 500;
    transition: .3s
}

.nav-project-tab li button.active,
.nav-project-tab li button:hover {
    background-color: #20282d !important;
    box-shadow: 0 9px 18px rgba(24, 16, 16, .05) !important;
    color: #fff !important
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item {
    margin-bottom: 30px;
    background: 0 0;
    border: 1px solid #414857;
    border-radius: 5px
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button {
    background: 0 0;
    font-size: 18px;
    color: #fff;
    padding: 18px 35px;
    font-weight: 700;
    border-bottom: none;
    box-shadow: none !important
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(66%) saturate(49%) hue-rotate(182deg) brightness(119%) contrast(100%)
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button:focus {
    box-shadow: none
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button[aria-expanded=true] {
    background: #fff;
    color: #1c2539
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button[aria-expanded=true]::after {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(242deg) brightness(109%) contrast(108%)
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-collapse .accordion-body {
    transition: 0s;
    transition-delay: 0s;
    padding: 25px 30px 30px;
    font-size: 16px;
    color: #5d666f
}

.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-collapse.collapsing .accordion-body,
.faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-collapse.show .accordion-body {
    background: #fff
}

.faq-wrapper-inner-page .accordion-item {
    margin-bottom: 30px;
    background: #f2f2f2;
    border: 1px solid #e3e0e6;
    box-shadow: 0 7px 18px rgba(24, 16, 16, .05);
    border-radius: 6px
}

@media only screen and (max-width:575px) {
    .faq-wrapper-inner-page .accordion-item {
        margin: 0 15px 30px
    }
}

.faq-wrapper-inner-page .accordion-item .accordion-header {
    border: 0;
    box-shadow: none
}

.faq-wrapper-inner-page .accordion-item .accordion-header button {
    padding: 24px 40px;
    border: 0;
    box-shadow: none;
    font-size: 18px;
    color: #1c2539;
    background: 0 0;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .faq-wrapper-inner-page .accordion-item .accordion-header button {
        padding: 24px 15px
    }
}

.faq-wrapper-inner-page .accordion-item .accordion-header button::after {
    content: "";
    font-family: var(--font-3);
    background-image: none;
    transform: none;
    margin-top: -5px
}

.faq-wrapper-inner-page .accordion-item .accordion-header button[aria-expanded=true]::after {
    content: ""
}

.faq-wrapper-inner-page .accordion-item .accordion-body {
    padding: 0 20px 20px 40px
}

@media only screen and (max-width:767px) {
    .faq-wrapper-inner-page .accordion-item .accordion-body {
        padding: 0 20px 20px
    }
}

.progress-wrap,
.progress-wrap::after,
.progress-wrap::before {
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    border-radius: 50px;
    z-index: 999;
    opacity: 1;
    visibility: hidden;
    transform: translateY(15px)
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap:hover::before {
    opacity: 0
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg {
    color: var(--color-primary);
    border-radius: 50%;
    background: 0 0
}

.progress-wrap svg.progress-circle path {
    stroke: var(--color-primary);
    stroke-width: 4px;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap::after,
.progress-wrap::before {
    position: absolute;
    font-family: var(--font-3);
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    left: 0
}

.progress-wrap::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23E50046' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 15s-4.42-6-6-6s-6 6-6 6'/%3E%3C/svg%3E");
    color: var(--color-primary);
    top: 3px;
    z-index: 1;
    border: 1px solid var(--color-primary);
    border: 0 !important;
    box-shadow: none;
    border-radius: 50% !important
}

.progress-wrap::before {
    content: "";
    opacity: 0;
    background: var(--color-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    top: 0;
    z-index: 2
}

.tab-area-shop .nav-tabs .nav-item .nav-link.active {
    background: var(--color-primary);
    color: #fff;
    border-color: #dee2e6
}

.tab-area-shop .nav-tabs .nav-item {
    margin-top: 0;
    margin-bottom: 0
}

.tab-area-shop .nav-tabs .nav-item .nav-link {
    color: #777;
    padding: 8pt 20pt;
    border-color: #dee2e6
}

.coupon-toggle .accordion .card {
    border: unset;
    border-top: 3px solid var(--color-primary);
    border-radius: 0
}

.coupon-toggle .accordion .card .card-header {
    border: 0;
    margin: 0;
    border-radius: unset;
    padding: 15px 10px
}

.coupon-toggle .accordion .card .card-header .card-title {
    margin: 0
}

.coupon-toggle .accordion .card .card-header .card-title span i {
    margin-right: 10px
}

.coupon-toggle .accordion .card .card-header .card-title button {
    background: unset;
    width: unset;
    border: 0;
    color: var(--color-primary);
    transition: all .3s ease;
    outline: 0;
    cursor: pointer
}

.coupon-toggle .accordion .card .card-body {
    border: 1px solid #d3ced2;
    padding: 20px 20px 50px;
    margin-top: 2em;
    text-align: left
}

.coupon-toggle .accordion .card .card-body button {
    padding: 17px 32px;
    border-radius: 0 15px 15px 0
}

.coupon-toggle .accordion .card .card-body .coupon-code-input {
    width: 47%;
    float: left
}

.coupon-toggle .accordion .card .card-body .coupon-code-input input {
    width: 100%;
    height: 55px;
    outline: 0;
    padding: 10px 18px;
    color: #454545;
    background: #f7f7f7;
    border: 1px solid #f1f1f1;
    border-radius: 15px 0 0 15px
}

.faq-inner-wrapper-one.project-detils .accordion-body .left {
    max-width: 436px
}

.faq-inner-wrapper-one .accordion-item {
    background-color: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 20px;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.faq-inner-wrapper-one .accordion-button:not(.collapsed) {
    color: var(--color-primary)
}

.faq-inner-wrapper-one .accordion-item .accordion-header button {
    font-size: 16px;
    font-weight: 700;
    padding: 22px 25px;
    background: 0 0;
    box-shadow: none;
    border-bottom: 1px solid #edecec
}

.faq-inner-wrapper-one .accordion-item .accordion-body {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px 22px
}

@media only screen and (max-width:767px) {
    .faq-inner-wrapper-one .accordion-item .accordion-body {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px
    }
}

.faq-inner-wrapper-one .accordion-item .accordion-body .left {
    min-width: 129px
}

#overlay,
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#overlay {
    background: rgba(0, 0, 0, .7);
    justify-content: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%
}

@media screen and (min-width:768px) {
    #overlay img {
        width: 60%
    }
}

@media screen and (min-width:1200px) {
    #overlay img {
        width: 50%
    }
}

.loader-wrapper {
    z-index: 5000
}

.loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    background: var(--color-white);
    width: 50%;
    height: 100%;
    z-index: 5000
}

.loader-wrapper .loader-section.section-left {
    left: 0
}

.loader-wrapper .loader-section.section-right {
    right: 0
}

.loaded .loader-wrapper .loader-section.section-left,
.loaded .loader-wrapper .loader-section.section-right {
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    opacity: 0
}

.loaded .loader {
    opacity: 0;
    transition: all .3s ease-out
}

.loaded .loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all .3s 1s ease-out
}

.loader:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border: 4px solid transparent;
    border-top-color: var(--color-primary);
    border-right-color: var(--color-primary);
    border-bottom-color: var(--color-primary);
    border-radius: 100%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

.loader {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    z-index: 5001;
    transform: translate(-50%, -50%)
}

[dir=rtl] .header-one .nav-area {
    margin-left: 80px
}

[dir=rtl] .header-two .nav-area {
    margin-right: 135px;
    margin-left: 0
}

[dir=rtl] .faq-inner-wrapper-one .accordion-item .accordion-header button::after,
[dir=rtl] .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button::after,
[dir=rtl] .faq-wrapper-inner-page .accordion-item .accordion-header button::after {
    margin-right: auto;
    margin-left: 0
}

[dir=rtl] .coupon-toggle .accordion .card .card-body .coupon-code-input {
    float: right
}

[dir=rtl] .coupon-toggle .accordion .card .card-body .coupon-code-input input {
    border-radius: 0 15px 15px 0
}

[dir=rtl] .coupon-toggle .accordion .card .card-body button {
    border-radius: 15px 0 0 15px
}

[dir=rtl] .coupon-toggle .accordion .card .card-body p,
[dir=rtl].demo-technology .faq-wrapper-inner-page .accordion-item .accordion-header button {
    text-align: right
}

#overlay,
header.header-transparent.in-full-screen .action-area {
    display: flex;
    align-items: center
}

.rts-section-gap {
    padding: 100px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-section-gap {
        padding: 80px 0
    }
}

@media only screen and (max-width:767px) {
    .rts-section-gap {
        padding: 60px 0
    }
}

.ml--20 {
    margin-left: 20px
}

.pt--65 {
    padding-top: 65px
}

.pb--65 {
    padding-bottom: 65px
}

@media only screen and (max-width:767px) {
    .ml_sm--5 {
        margin-left: 5px
    }
}

.sidelogo {
    height: 60px;
    margin-left: 55px
}

.icogray {
    background-color: #ccc;
    width: 20px;
    height: 20px
}

.sidekon {
    padding-top: 20px
}

.sidekon a {
    font-size: 20px
}

.sidekon i {
    width: 26px;
    height: 26px;
    color: #e50046;
    position: relative;
    top: 5px;
    margin-right: 8px
}

.about-inner-content-two p {
    font-size: 18px
}

.mainlogo {
    height: 65px
}

@media (max-width:1400px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
        margin-left: 45px
    }

    .header-one .nav-area {
        margin-right: 10px
    }
}

@media (max-width:1200px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
        margin-left: 25px
    }

    .footer-8-area-bg .footer-one-single-wized {
        padding-left: 50px
    }
}

@media (max-width:992px) {
    .footer-logo-area-left-8 .logo {
        text-align: center
    }

    .footer-logo-area-left-8 ul {
        justify-content: center
    }

    .footer-8-area-bg .footer-one-single-wized {
        padding-left: 14px
    }

    .copyright-8-wrapper {
        display: block;
        text-align: center
    }

    .copyright-8-wrapper p {
        padding: 25px 0 0
    }

    .copyright-8-wrapper ul {
        padding: 0 0 20px;
        margin: 0;
        justify-content: center
    }

    .header-top-area-wrapper .header-top-one-wrapper {
        justify-content: end
    }

    .header-top-area-wrapper .header-top-one-wrapper .left .mail a {
        padding: 5px 0
    }

    .mainlogo {
        height: 60px
    }

    .about-inner-content-two {
        padding-left: 0
    }
}

@media (max-width:768px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
        margin-left: 50px
    }
}

@media (max-width:576px) {
    .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 {
        margin-left: 0;
        margin-top: 10px
    }

    .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content a {
        font-size: 22px
    }

    #menu-btn {
        height: 50px;
        min-width: 50px
    }

    .rts-about-area-two {
        padding-top: 15px
    }

    .call-and-sign-area {
        gap: 15px !important
    }
}