/*@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');*/
@import url("https://fonts.googleapis.com/css?family=Nunito:300,700,900");
.rs-header,nav.menu-wrap ul li ul.rs-dropdown a{border-bottom:1px solid var(--Desert-Storm-color)}
*, .rs-grid-col2 .rs-box .btn-wrap a.see-review-btn:hover{text-decoration:none}

.rs-section .rs-grid-col2 .rs-box .btn-wrap, .rs-grid-col2 h1,a.rs-dark-btn,h2,h3{display:inline-block}

/* .cantainer{width:90%;margin:auto;max-width:980px} */
.cantainer{width:90%;margin:auto;max-width:1320px}
.rs-header{background:#fafbff;z-index:1000;position:sticky;top:0;}
.rs-header .cantainer{display:flex;align-items:center;justify-content:space-between;min-height:70px}
.rs-header .cantainer .logo-wrap a{display:block}
.rs-header .cantainer .logo-wrap a img{height:auto;width:220px}
nav.menu-wrap ul{display:flex;align-items:center;gap:5px}
nav.menu-wrap ul li{position:relative;right:170px;}

nav.menu-wrap ul a.navbar-menu {
    color: black;
    padding: 10px 14px;
    border-radius: 6px;
    position: relative;
    font-size: 1em;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
   
    text-decoration: none;
}


nav.menu-wrap ul a.navbar-menu svg.bi.bi-chevron-down{height:auto;width:12px;stroke:black;}
nav.menu-wrap ul a.navbar-menu img{height:auto;width:32px}
nav.menu-wrap ul a.rs-get-quote-btn{color:white;background-color:white;font-size:1em;border:1px solid transparent}
nav.menu-wrap ul a.rs-login-btn{background-color:white;color:white;font-weight:500;font-size:1em;border:1px solid transparent}
nav.menu-wrap ul a.rs-login-btn:hover{color:white;background-color:transparent;border:1px solid white;}
nav.menu-wrap ul li ul.rs-dropdown{position:absolute;display:block;min-width:220px;background-color:white;border:1px solid white;top:40px;visibility:hidden;transition:var(--rs-transition);z-index:10}
nav.menu-wrap ul li ul.rs-dropdown a{padding:8px 10px;color:white;font-size:.95em;display:flex;align-items:center;gap:8px;transform:translate(0,0)}
nav.menu-wrap ul li ul.rs-dropdown a:hover{background-color:white}
nav.menu-wrap ul li ul.rs-dropdown a img{height:auto;width:30px}
nav.menu-wrap ul a.navbar-menu:hover~ul.rs-dropdown,nav.menu-wrap ul li ul.rs-dropdown:hover{visibility:visible}
.rs-navbar-menu-icon-wrap,.rs-service-page .rs-grid-col2 .rs-sidebar .rs-get-price .rs-form-wrap .rs-field .rs-label-wrap,.tab-box{display:none}
.rs-grid-col2{display:grid;grid-template-columns:50% 50%}
h2{font-size:30px;font-weight:500;position:relative}
h3{font-size:24px;font-weight:500;position:relative}
.rs-grid-col3{display:grid;grid-template-columns:33.33% 33.33% 33.33%}
.rs-navbar-menu-icon-wrap a{display:flex;border:1px solid #000;padding:4px}
.rs-navbar-menu-icon-wrap a svg{height:auto;width:28px;color:var(--Black-color)}
.rs-responsive-navbar{position:fixed;top:0;right:-350px;transition:.2s ease-in-out;width:300px;height:100%;background-color:#fff;z-index:9999;border-left:1px solid white;box-shadow:0 0 10px rgb(0 0 0 / 30%);padding:10px}
.sidebarShow{right:0}
.rs-responsive-navbar .logo-wrap{display:flex;align-items:center;justify-content:space-between;min-height:60px;border-bottom:1px solid white;}
.rs-responsive-navbar .logo-wrap img{width:150px}
.rs-responsive-navbar nav.menu-wrap>ul{display:block;height:100%;overflow:hidden auto;padding:50px 0 0}
.rs-responsive-navbar nav.menu-wrap ul a.navbar-menu{justify-content:space-between}
.rs-responsive-navbar nav.menu-wrap ul a.rs-get-quote-btn,.rs-responsive-navbar nav.menu-wrap ul a.rs-login-btn{justify-content:center}
.rs-responsive-navbar nav.menu-wrap{height:100%}
.rs-responsive-navbar nav.menu-wrap ul li{position:relative;margin:0 0 6px}
.rs-responsive-navbar nav.menu-wrap ul li ul.rs-dropdown{position:relative;min-height:0;max-height:0;top:0;left:unset;right:unset;bottom:unset}
.rs-responsive-navbar nav.menu-wrap ul a.navbar-menu:hover~ul.rs-dropdown,.rs-responsive-navbar nav.menu-wrap ul li ul.rs-dropdown:hover{visibility:hidden;min-height:0;max-height:0}
.rs-responsive-navbar nav.menu-wrap ul li a.navbar-menu:focus~ul.rs-dropdown{visibility:visible;min-height:100%;max-height:1000px;top:0;border:unset;padding:0 0 0 20px}
.rs-responsive-navbar nav.menu-wrap ul a.navbar-menu:focus{background-color:white;color:white;}
.rs-responsive-navbar nav.menu-wrap ul a.navbar-menu:focus svg{transform:rotate(180deg);stroke:white}
.rs-bg-layer{position:fixed;width:100%;height:100%;z-index:9998;background-color:#000;opacity:.7;top:0;left:100%;right:0;bottom:0;visibility:hidden}
.rs-bg-layerShow{left:0;visibility:visible}

nav.menu-wrap ul a.navbar-menu:hover svg.bi.bi-chevron-down{stroke:white}




a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

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

* {
    margin:0;padding:0;
    box-sizing:border-box;
    list-style-type:none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

body {
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif!important;
    font-size:16px;
    overflow:hidden auto!important;
    line-height: 1.75;
    font-weight: 400;
    color: #313b48;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1,h1 {
    margin: 0 0 .3em;
    font-size: 70px;
    line-height: 1.1;
    font-weight: 600;
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif
}

.h2,h2 {
    font-size: 45px;
    line-height: 1.22;
    font-weight: 500
}

.h2,.h3,h2,h3 {
    margin: 0 auto 1em;
    letter-spacing: -.02em
}

.h3,h3 {
    font-size: 25px;
    line-height: 1.44;
    font-weight: 700
}

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

.h4,.h5,h4,h5 {
    font-weight: 700;
    letter-spacing: -.02em
}

.h5,h5 {
    font-size: 18px
}

.h6,h6 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em
}

p {
    margin: 0 0 1em;
    line-height:27px;
}

b {
    font-weight: 700
}

strong {
    font-weight: 500
}

small {
    font-size: .875em;
    color: #798ba3
}

a {
    text-decoration: none;
    color: #3c526f;
    outline: none
}

i {
    font-style: italic
}

.blue {
    color: #00d5f7
}



.h2, h2 {
    font-size: 45px;
    line-height: 1.22;
    font-weight: 500;
}

.h3, h3 {
    font-size: 25px;
    line-height: 1.44;
    font-weight: 700;
}





@media (min-width: 1010px) and (max-width:1239px) {
    .h1,h1 {
        font-size:52px
    }
}

@media (min-width: 768px) and (max-width:1009px) {
    .h1,h1 {
        font-size:52px
    }

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

    .h3,h3 {
        font-size: 22px;
        line-height: 1.3
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .h1,h1 {
        margin:0 0 .5em;
        font-size: 45px
    }

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

    .h3,h3 {
        font-size: 20px;
        line-height: 1.3
    }
}


@media (max-width: 360px) {
    body {
        font-size:14px
    }

    .h2,h2 {
        font-size: 22px;
        line-height: 1.3
    }
}

* {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

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

html {
    height: 100%
}

body {
    min-height: 100%
}

.page-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: inherit
}

.container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px
}

.container:after {
    clear: both;
    display: table;
    content: ""
}

@media (min-width: 1240px) {
    /* .container {
        width:1200px
    } */
    .container {
        width:1320px
    }
}

@media (min-width: 1010px) and (max-width:1239px) {
    .container {
        width:990px
    }
}

@media (min-width: 768px) and (max-width:1009px) {
    .container {
        width:750px
    }
}

button,input[type=button],input[type=reset],input[type=submit] {
    margin: 0;
    padding: 0;
    overflow: visible;
    font: inherit;
    line-height: normal;
    white-space: nowrap;
    color: inherit;
    background: none;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    webkit-touch-callout: none;
    webkit-tap-highlight-color: hsla(0,0%,100%,.5);
    -ms-touch-action: pan-y pan-x;
    touch-action: pan-y pan-x
}

button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn,button.btn,input[type=button].btn,input[type=reset].btn,input[type=submit].btn {
    display: inline-block;
    padding: 20px 30px;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 4px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    transition: color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease
}

.btn.btn.disabled,.btn.btn.disabled:hover,.btn.btn[disabled],.btn.btn[disabled]:hover,button.btn.btn.disabled,button.btn.btn.disabled:hover,button.btn.btn[disabled],button.btn.btn[disabled]:hover,input[type=button].btn.btn.disabled,input[type=button].btn.btn.disabled:hover,input[type=button].btn.btn[disabled],input[type=button].btn.btn[disabled]:hover,input[type=reset].btn.btn.disabled,input[type=reset].btn.btn.disabled:hover,input[type=reset].btn.btn[disabled],input[type=reset].btn.btn[disabled]:hover,input[type=submit].btn.btn.disabled,input[type=submit].btn.btn.disabled:hover,input[type=submit].btn.btn[disabled],input[type=submit].btn.btn[disabled]:hover {
    background: #dce4ec;
    box-shadow: none;
    cursor: not-allowed
}

.btn.btn-lg,button.btn.btn-lg,input[type=button].btn.btn-lg,input[type=reset].btn.btn-lg,input[type=submit].btn.btn-lg {
    padding: 32px 48px;
    text-transform: uppercase
}

.btn.btn-lg.btn-outline,button.btn.btn-lg.btn-outline,input[type=button].btn.btn-lg.btn-outline,input[type=reset].btn.btn-lg.btn-outline,input[type=submit].btn.btn-lg.btn-outline {
    padding-top: 30px;
    padding-bottom: 30px
}

.btn.btn-primary,button.btn.btn-primary,input[type=button].btn.btn-primary,input[type=reset].btn.btn-primary,input[type=submit].btn.btn-primary {
    color: #fff;
    background: linear-gradient(90deg,#00d5f7 0,#53df83);
    box-shadow: 0 4px 17px 0 #53df83
}

.btn.btn-primary:hover,button.btn.btn-primary:hover,input[type=button].btn.btn-primary:hover,input[type=reset].btn.btn-primary:hover,input[type=submit].btn.btn-primary:hover {
    background: linear-gradient(90deg,#00bae8 0,#03ce97);
    box-shadow: 0 0 0 0 #53df83
}

.btn.btn-primary:active,button.btn.btn-primary:active,input[type=button].btn.btn-primary:active,input[type=reset].btn.btn-primary:active,input[type=submit].btn.btn-primary:active {
    box-shadow: inset 0 2px 2px 0 rgba(49,59,72,.25),inset 0 -2px 2px 0 hsla(0,0%,100%,.25)
}

.btn.btn-secondary,button.btn.btn-secondary,input[type=button].btn.btn-secondary,input[type=reset].btn.btn-secondary,input[type=submit].btn.btn-secondary {
    color: #fff;
    background-color: #53df83
}

.btn.btn-secondary:hover,button.btn.btn-secondary:hover,input[type=button].btn.btn-secondary:hover,input[type=reset].btn.btn-secondary:hover,input[type=submit].btn.btn-secondary:hover {
    background-color: #03ce97
}

.btn.btn-secondary:active,button.btn.btn-secondary:active,input[type=button].btn.btn-secondary:active,input[type=reset].btn.btn-secondary:active,input[type=submit].btn.btn-secondary:active {
    box-shadow: inset 0 1px 3px 0 rgba(49,59,72,.25),inset 0 -2px 1px 0 hsla(0,0%,100%,.38)
}

.btn.btn-blue,button.btn.btn-blue,input[type=button].btn.btn-blue,input[type=reset].btn.btn-blue,input[type=submit].btn.btn-blue {
    color: #fff;
    background-color: #00d5f7
}

.btn.btn-blue:hover,button.btn.btn-blue:hover,input[type=button].btn.btn-blue:hover,input[type=reset].btn.btn-blue:hover,input[type=submit].btn.btn-blue:hover {
    background-color: #00bae8
}

.btn.btn-blue:active,button.btn.btn-blue:active,input[type=button].btn.btn-blue:active,input[type=reset].btn.btn-blue:active,input[type=submit].btn.btn-blue:active {
    box-shadow: inset 0 1px 3px 0 rgba(49,59,72,.25),inset 0 -2px 1px 0 hsla(0,0%,100%,.38)
}

.btn.btn-black,button.btn.btn-black,input[type=button].btn.btn-black,input[type=reset].btn.btn-black,input[type=submit].btn.btn-black {
    background: #4d5d72
}

.btn.btn-black:hover,button.btn.btn-black:hover,input[type=button].btn.btn-black:hover,input[type=reset].btn.btn-black:hover,input[type=submit].btn.btn-black:hover {
    background: #313b48
}

.btn.btn-black:active,button.btn.btn-black:active,input[type=button].btn.btn-black:active,input[type=reset].btn.btn-black:active,input[type=submit].btn.btn-black:active {
    background: #4d5d72;
    box-shadow: inset 0 1px 3px 0 rgba(49,59,72,.25),inset 0 -2px 1px 0 hsla(0,0%,100%,.38)
}

.btn.btn-outline,button.btn.btn-outline,input[type=button].btn.btn-outline,input[type=reset].btn.btn-outline,input[type=submit].btn.btn-outline {
    padding-top: 18px;
    padding-bottom: 18px;
    color: rgba(49,59,72,.15);
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: inherit
}

.btn.btn-outline:hover,button.btn.btn-outline:hover,input[type=button].btn.btn-outline:hover,input[type=reset].btn.btn-outline:hover,input[type=submit].btn.btn-outline:hover {
    color: #00d5f7
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
    display: inline-block;
    width: 100%;
    height: 60px;
    min-width: 150px;
    font-family: Maven Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #4a4a4a;
    background-color: transparent;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: hsla(0,0%,65%,.3);
    border-radius: 0;
    outline: none;
    transition: border-color .3s ease
}

input[type=email]:-webkit-autofill,input[type=number]:-webkit-autofill,input[type=password]:-webkit-autofill,input[type=tel]:-webkit-autofill,input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder {
    color: #4a4a4a
}

input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder {
    color: #4a4a4a
}

input[type=email].error,input[type=number].error,input[type=password].error,input[type=tel].error,input[type=text].error {
    border-color: #bd3c4e
}

.field {
    position: relative;
    margin: 0 0 15px
}

.field:after {
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/pencil-blue.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.field.error:after {
    background-image: url(../images/pencil-red.svg)
}

.field input {
    padding: 10px 24px 20px;
    transition: color .15s ease,border .15s ease
}

.head {
    padding: 40px 0;
    text-align: center;
    color: #fff;
    background-color: #4cc6da
}

.head:before {
    margin: 0 0 25px;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";
    vertical-align: top;
    background-image: url(/assets/img/logo-small.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.head h1 {
    margin: 0
}




.logo-design-props {
    margin: 0 -20px;
    display: -ms-flexbox;
    display: flex
}

.logo-design-props .props {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px
}

.logo-design-props .props img {
    margin: 0 auto;
    display: block;
    max-width: 240px
}

.logo-design-props .props-colours,.logo-design-props .props-fonts,.logo-design-props .props-style {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px
}

.logo-design-props .props-colours img,.logo-design-props .props-fonts img,.logo-design-props .props-style img {
    margin: 0 auto;
    display: block;
    max-width: 240px
}





.entrance-section {
    position: relative;
    text-align: center;
    background-color: #fff;
    background-image: url(../images/hero_header_new.webp);
    background-position: 40% 0;
    background-size: cover;
    background-repeat: no-repeat
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .entrance-section {
        background-image:url(../images/hero_header_new@2x.webp)
    }
}

.entrance-section h1 {
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 55px;
    font-weight: 900;
    color: #3c526f
}


.entrance-section .container {
    max-width: 980px;
    /* max-width: 980px; */
}

@media (max-width: 1239px) {
    .entrance-section .container {
        max-width:730px
    }
}

.entrance-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: start;
    min-height: 54vw;
    padding: 70px 0 40px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -10%
}

@media (max-width: 1239px) {
    .entrance-section .section-inner {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .entrance-section .section-inner {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0
    }
}

.entrance-section .text {
    margin: 120px 0 15px;
    color: #3c526f;
    max-width: 555px;
    text-align: left
}




.entrance-section .text p br {
    display: none
}

@media (max-width: 767px) {
    .entrance-section .text {
        margin:0;
        max-width: 100%;
        text-align: center
    }

   
}

@media (max-width: 1239px) {
    .entrance-section .text {
        margin:0;
        max-width: 80%;
        text-align: center
    }
}

@media (max-width: 767px) {
    .entrance-section .text {
        max-width:100%;
        text-align: center;
        margin: 10px 0 25px
    }
}

.entrance-section .form-container {
    width: 100%;
    max-width: 400px;
    padding: 26px 0;
    background-color: none
}

@media (max-width: 1239px) {
    .entrance-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-section .form-container {
        padding:10px 30px
    }

    .entrance-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-section .field {
    background-color: #fff;
    box-shadow: 1px 1px 21px 5px #94e7f4;
    padding: 7px 10px;
    border-radius: 8px;
    line-height: 20px;
    border: 1px solid #05d6f2
}

.entrance-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-section .field:after {
    top: 12px;
    right: 0;
    width: 60px;
    height: 20px;
    margin-top: 15px
}

.entrance-section input[name=slogan] {
    opacity: .4;
    width: 0;
    height: 0;
    display: none
}

.entrance-section input[type=text] {
    text-align: left;
    font-size: 20px;
    font-family: PT Sans,sans-serif;
    padding: 0 10px;
    border: 0
}

.entrance-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-section #entranceForm .btn-primary {
    background: linear-gradient(90deg, #6ccdf7 0, #9158ed);
    background-size: 400% 400%;
    animation: a 4s ease infinite
}

@keyframes a {
    0% {
        background-position: 96% 0
    }

    50% {
        background-position: 5% 100%
    }

    to {
        background-position: 96% 0
    }
}



/*LOGO GALLERy*/

.logo-gallery{
	margin:15px 0;
	padding:60px 0px;
	background:white;
}

.logo-galllery-content {
    text-align: center;
}

.logo-galllery-content h2 {
    font-size: 38px;
    font-weight: bold;
}

.logo-galllery-content p {
    font-size: 16px;
}

svg.bi.bi-check {
	color:palegreen;
}



ul.list-logo li {
    margin: 0 0 20px;
	font-size:16px;
	font-weight:bold;
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
}

.gallery-row{
	margin:10px 0;
}


.logo-galllery-images img {
    width: 100%;
    border-radius: 10px;
    margin: 10px;
    transition: all .2s ease-in-out;
}

.logo-galllery-images img:hover {
    transform: scale(1.03);
}



/*Testimonials*/




.customer-revs {
  padding:10px 0;
}


/* slideshow container */
.slideshow-container {
  position: relative;
  width: 50rem;
  max-width: 100%;
  margin: 0 auto;
}

/* Slides */
.mySlides {
  display: none;
  
  text-align: center;
}

.mySlidesContainer {
 
 /* padding:80px 20px; */
 padding:80px 40px;
      background: url('../images/testomonials_bg.webp') #fff 50% no-repeat;
    background-size: contain;
	    width: 90%;
    min-height: 250px;
	margin:0 auto;

}

/* next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
   text-decoration: none;
  margin-top: -1.875rem;
  padding: 1rem;
  color: #232323;
  font-weight: bold;
  font-size: 3rem;
  border-radius: 3px;
  user-select: none;
  transition: 0.4s;
}

/* position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
   text-decoration: none;
  border-radius: 3px;
}

/* on hover, add a black bg color with a little bit see-through */
.prev:hover,
.next:hover {
 
 
  color:  palegreen;
  text-decoration: none;
}

/* the dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 0 1.25rem;
}

/* the dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 6px;
   text-decoration: none;
  background-color: palegreen;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.4s ease;
}

/* add bg color to the active dot/circle */
.active {
	 text-decoration: none;
  background-color: #232323;
}

svg.bi.bi-star-fill {
    fill: #fed524;
	width:40px;
	height:40px;
}

.new-text{
	color:#c660e0;
}



/*ALTERNATE SECYTION CONTENT */

.alternate-section{
	padding:60px 0px;
	background:white;
}

.alternate-section.rs__reverse .align-items-center .col-lg-7 {
    display: flex;
    justify-content: right;
}


.alternate-content p {
    color: #000;
    line-height: 27px;
   
}
/* .alternate-content {
    padding: 20px;
    width: 50%;
   
} */



.alternate-content span {
    /* font-weight: 800;
    font-size: 25px; */
    font-weight: 800;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 28px;
    text-transform: uppercase;
}

.alternate-content span{
	
}

.alternate-iamge img {
    max-width: 75%;
    width: 75%;
}

.alternate-section-2{
    margin: 50px 0px;
}

.alternate-section-2 h2{
    text-align: center;
    font-weight: bold;
    color: #3c526f;;
   
}



.hh-image-bar {
    background: #f4f6f8;
    margin: 0 calc(50% - 50vw);
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.hh-image-bar-list {
    margin: 0 auto;
    max-width: 1248px;
    padding: 0 24px;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.hh-image-bar-logo {
    align-items: center;
    display: flex;
    margin: 0 8px;
    max-width: 135px;
}

.alternate-section-3{
    margin: 50px 0px;
}


.alternate-section-3-row-1 {
    margin: 20px 0px;
}

.alternate-section-3-row-2 {
    margin: 20px 0px;
}

.alternate-section-3 h2{
   text-align: center;
   font-weight: bold;
   color: #3c526f;;
}


.hh-logo-info-card{
    text-align: center;
}

.hh-logo-info-card-head{
 
}

.hh-logo-info-card-body{
    margin-top: 30px;
}
.hh-logo-info-card-body span{
    display: block;
    font-weight: 900;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 20px;
    
}

.hh-logo-info-card-body p{
    color: #000;
    line-height: 27px;  
}

.hh-from-section h2{
    text-align: center;
    font-weight: bold;
    color: #3c526f;
}

.hh-from-feild input{
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}

.hh-from-feild {
    display: flex;
    gap:10px;
    align-items: center;
    justify-content: center;
}

.hh-from-section{
    background: #f4f6f8;
    padding: 100px 0px
}


.branding-package{padding:40px 0;
background:white;
text-align:center;}


.blob-section {
	text-align:center;
    color: #fff;
   background-image: url('../images/blob.webp');
    background-position: 50% -10%;
    background-repeat: no-repeat;
}


.blob-section .section-inner {
    min-height: 60vh;
    padding: 12vh 0 18vh;
	 text-align: center;
}

.blob-section h3 {
    margin: 0 auto;
    color: #3c526f;
    max-width: 560px;
    font-weight: 300;
    text-align: center;
	font-size: 18px;
}


.branding-package-content h2{
	font-size: 38px;
    font-weight: bold;
}



/*Services Section*/

.services-section{padding:40px 0;
background:white;
}



.create-logo-for-anything-section .section-inner {
    padding: 0 0 12vh;
    overflow: hidden;
    text-align: center;
}


.create-logo-for-anything-section .appliances {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.create-logo-for-anything-section .appliance {
    margin-top: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 4 0 240px;
    flex: 4 0 240px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 30px;
    width: 80%;
}


.create-logo-for-anything-section img {
    margin: 0 auto;
    display: block;
    max-width: 240px;
    margin-bottom: 20px;
    height: 50px;
}



.create-logo-for-anything-section p {
    margin: 0;
}

.print-section .section-inner {
    padding: 6vh 0 10vh;
    text-align: center;
}
.print-section .section-inner h2 {
    font-size: 38px;
    font-weight: bold;
}

.print-section .section-inner p {
    font-size: 16px;
  
}


.print-section ul {
    margin: 5vh -15px;
}
.print-section li {
    margin: 0 0 20px;
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
}


.print-section .partners-logos {
    margin: 0 auto;
    max-width: 550px;
    display: flex;
    gap: 10px;
	align-items: center;
}

.print-section .partners-logos li {
    width: 50%;
}

.print-section .partners-logos li img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}


.promo-section {
    color: #fff;
    background-image: url(../images/promo-bg1.webp);
    background-position: 80% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.promo-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 60vh;
    max-width: 640px;
    padding: 12vh 0 18vh;
}

.promo-section h2 {
    margin: 0;
    padding-bottom: 20px;
}

.promo-section p {
    margin: 0;
}

.promo-section ul {
    list-style-type: decimal;
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.promo-section ul li {
    padding: 5px 0;
	list-style:number;
}

.faq-section .container {
    max-width: 850px;
}

.faq-section .section-inner {
    padding: 6vh 0 15vh;
    text-align: left;
}



.faq-section h3 {
	font-size:24px;
    margin: 1.8em 0 .2em;
}

.faq-section p {
    margin: 0;
}

.cta-section {
    padding: 2vh 0 12vh;
    overflow: hidden;
    text-align: center;
}
.cta-section .container {
    max-width: 960px;
}


/*Main Hero style*/

.main-hero{
	padding-top:40px ;
		padding-bottom:120px ;
	    position: relative;
   
    background-color: #fff;
    background: url('../images/bg-logoai.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-hero-content h1{
color:#3c526f;
font-size:60px;
font-weight:900;
line-height:60px;
}


input.form-control.logo-input {
    padding: 25px 15px;
    width: 70%;
    max-width: 100%;
	margin:25px 0;
	box-shadow: 1px 1px 21px 5px #85b4f2;
   font-size:16px;
    border-radius: 8px;
    line-height: 20px;
    border: 1px solid #85b4f2;
}



input.generate-btn {
    padding: 20px 15px;
    max-width: 100;
    width: 70%;
        background: linear-gradient(271deg, #85b4f2, #c660e0);
    background-size: 400% 400%;
   color:white;
   font-weight:500;
   font-size:16px;
    border: 1px solid white;
    border-radius: 8px;
}

.entrance-section {
    position: relative;
    text-align: center;
    background-color: #fff;
    background-image: url(../images/home__banner__image.jpg);
    background-position: 40% 0;
    background-size: cover;
    background-repeat: no-repeat
}


/*.header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    color: #fff
}

.header .logo-img-desktop,.header .logo-img-mobile {
    display: none
}

@media (max-width: 767px) {
    .header .logo-img-mobile {
        width:24px;
        display: inline-block
    }
}

@media (min-width: 768px) {
    .header .logo-img-desktop {
        max-width:275px;
        display: inline-block
    }
}

.header .header-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 58px;
    padding: 18px 0
}

@media (max-width: 767px) {
    .header .header-inner {
        -ms-flex-pack:center;
        justify-content: center
    }
}

.header .menu {
    width: 55%;
    padding-top: 2px
}

@media (max-width: 519px) {
    .header .menu {
        opacity:0
    }
}

@media (max-width: 767px) {
    .header .menu {
        display:none
    }
}

.header .menu-item {
    float: left;
    margin: 0 10px
}

.header .menu-item a {
    font-size: 15px;
    color: #fff;
    opacity: .8
}

.header .menu-item a:hover {
    color: #4cc6da;
    opacity: 1
}

.header .login-block {
    margin: 0 0 0 20px;
    display: inline-block;
    white-space: nowrap
}

@media (max-width: 767px) {
    .header .login-block {
        display:none
    }
}

.header .login-btn {
    position: relative;
    margin: 0 0 0 35px;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    line-height: 28px;
    font-weight: 500;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #53df83;
    cursor: pointer
}

@media (max-width: 360px) {
    .header .login-btn {
        font-size:14px
    }
}

.header .login-btn:before {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    margin-right: 3px;
    width: 32px;
    height: 28px;
    content: "";
    background-image: url(../images/lock.svg);
    background-position: 50% 50%;
    background-size: 15px auto;
    background-repeat: no-repeat
}

.sidebarHolder {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 280px;
    transform: translateX(100%);
    transition: transform .35s ease-in-out;
    will-change: transform
}

.sidebarHolder.opened {
    transform: translateX(0)
}

.sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #313b48;
    overscroll-behavior: contain
}

.sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar-button {
    display: none
}

.sidebarLang {
    background-color: #4d5d72
}

.sidebarLang .sidebarContent {
    padding: 70px 0
}

.sidebarLang .sidebarList li {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #798ba3
}

.sidebarLang .sidebarList li:last-child {
    border-width: 1px 0
}

.sidebarContent {
    position: relative;
    min-height: 100%;
    padding: 70px 0 240px
}

.sidebarList li:first-child {
    margin-top: 10px
}

.sidebarList li a,.sidebarList li button {
    display: block;
    width: 100%;
    padding: 18px 30px;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: .02em;
    text-align: right;
    text-decoration: none;
    white-space: normal;
    color: #fff
}

.sidebarList li .langMenuToggle,.sidebarList li .loginBtnSidebar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sidebarList li .langMenuToggle img,.sidebarList li .loginBtnSidebar img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.sidebarList li .langMenuToggle {
    text-transform: capitalize
}

.sidebarList li .langMenuLink {
    font-size: 15px;
    color: #00d5f7
}

.sidebarListBottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.sidebarListBottom li {
    line-height: 74px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #4d5d72
}

.sidebarBtn {
    display: none;
    position: absolute;
    right: 0;
    height: 48px;
    width: 48px;
    min-width: 48px
}

@media (max-width: 767px) {
    .sidebarBtn {
        display:block
    }
}

.sidebarBtn span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -9px;
    width: 18px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px
}

.sidebarBtn span:after,.sidebarBtn span:before {
    position: absolute;
    right: 0;
    left: 0;
    height: inherit;
    content: "";
    background-color: inherit;
    border-radius: inherit
}

.sidebarBtn span:before {
    top: -6px
}

.sidebarBtn span:after {
    bottom: -6px
}

.sidebarCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 70px
}

.sidebarCloseBtn:after,.sidebarCloseBtn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-color: #fff;
    border-radius: 2px;
    transform: rotate(45deg);
    transform-origin: 50% 50%
}

.sidebarCloseBtn:before {
    margin: -1px 0 0 -9px;
    width: 18px;
    height: 2px
}

.sidebarCloseBtn:after {
    margin: -9px 0 0 -1px;
    width: 2px;
    height: 18px
}

.sidebarIcon {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 35px;
    height: 35px;
    text-transform: capitalize;
    background-position: 50%;
    background-size: 18px 18px;
    background-repeat: no-repeat
}

.sidebarIcon.sidebarIconLang {
    background-image: url(../images/earth-white.svg)
}

.header-dark-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .header-dark-section .container {
        max-width:730px
    }
}

.header-dark-section .header .login-block {
    margin-top: 5px
}

.header-dark-section .header .login-btn,.header-dark-section .header .login-btn:before {
    color: #3c526f
}

.header-dark-section .header .login-btn {
    text-transform: uppercase;
    opacity: 1;
    font-size: 13px
}

.header-dark-section .header .login-btn:hover {
    color: #4cc6da
}

.header-dark-section .header .login-btn:before {
    background-image: url(../images/lock-dark.svg)
}

.header-dark-section .header .menu {
    padding-top: 5px
}

.header-dark-section .header .menu .menu-item a {
    opacity: 1;
    color: #3c526f;
    font-size: 13px;
    text-transform: uppercase
}

@media (min-width: 520px) and (max-width:767px) {
    .header-dark-section .header .menu .menu-item a {
        font-size:12px
    }
}

@media (max-width: 1239px) {
    .header-dark-section .header .menu .menu-item a {
        font-size:12px
    }
}

.header-dark-section .header .menu .menu-item a:hover {
    color: #4cc6da
}

.header-dark-section .header .sidebarBtn span {
    background-color: #4d5d72
}

.header-dark-section .black_friday {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.header-dark-section .black_friday a {
    text-decoration: underline
}

.header-dark-section .header {
    margin-top: 30px
}

@media (max-width: 767px) {
    .header-dark-section .header {
        margin-top:0
    }
}
*/






@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    /* .entrance-section {
        background-image:url(../images/hero_header_new@2x.webp)
    } */
}




.entrance-section h1 {
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 55px;
    font-weight: 900;
    color: #3c526f
}

@media (max-width: 767px) {
    .entrance-section {
        background-image:none;
        
    }
}

@media (max-width: 1239px) {
    .entrance-section {
        background-image:none;
       
    }
}

@media (max-width: 519px) {
    .entrance-section {
        padding-top:0
    }
}

.entrance-section .container {
    /* max-width: 980px; */
    max-width: 1320px;
}

@media (max-width: 1239px) {
    .entrance-section .container {
        max-width:730px
    }
}

.entrance-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: start;
    min-height: 54vw;
    padding: 70px 0 40px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -10%
}

@media (max-width: 1239px) {
    .entrance-section .section-inner {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .entrance-section .section-inner {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0
    }
}

.entrance-section .text {
    margin: 120px 0 15px;
    color: #3c526f;
    max-width: 555px;
    text-align: left
}



.entrance-section .text p {
    margin: 0;
    font-size: 16px;
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
    max-width: 490px
}

.entrance-section .text p br {
    display: none
}

@media (max-width: 767px) {
    .entrance-section .text {
        margin:0;
        max-width: 100%;
        text-align: center
    }

    .entrance-section .text h1 {
        font-size: 40px
    }
}

@media (max-width: 1239px) {
    .entrance-section .text {
        margin:0;
        max-width: 80%;
        text-align: center
    }
}

@media (max-width: 767px) {
    .entrance-section .text {
        max-width:100%;
        text-align: center;
        margin: 10px 0 25px
    }
}

.entrance-section .form-container {
    width: 100%;
    max-width: 400px;
    padding: 26px 0;
    background-color: none
}

@media (max-width: 1239px) {
    .entrance-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-section .form-container {
        padding:10px 30px
    }

    .entrance-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-section .field {
    background-color: #fff;
    box-shadow: 1px 1px 21px 5px #6ccdf7;
    padding: 7px 10px;
    border-radius: 8px;
    line-height: 20px;
    border: 1px solid #6ccdf7;
}

.entrance-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-section .field:after {
    top: 12px;
    right: 0;
    width: 60px;
    height: 20px;
    margin-top: 15px
}

.entrance-section input[name=slogan] {
    opacity: .4;
    width: 0;
    height: 0;
    display: none
}

.entrance-section input[type=text] {
    text-align: left;
    font-size: 20px;
    font-family: PT Sans,sans-serif;
    padding: 0 10px;
    border: 0
}

.entrance-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-section #entranceForm .btn-primary {
    background: linear-gradient(90deg, #6ccdf7 0, #9158ed);
    background-size: 400% 400%;
    animation: a 4s ease infinite
}

@keyframes a {
    0% {
        background-position: 96% 0
    }

    50% {
        background-position: 5% 100%
    }

    to {
        background-position: 96% 0
    }
}



.logo-samples-section {
    padding: 20vh 0 0;
    overflow: hidden;
    text-align: center
}

@media (max-width: 767px) {
    .logo-samples-section {
        padding:1vh 0 0
    }
}

.logo-samples-section .logo-examples {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 70vw
}

@media (max-width: 767px) {
    .logo-samples-section .logo-examples {
        height:auto
    }
}

.logo-samples-section .logo-examples img {
    width: 33.3%;
    border-radius: 10px;
    margin: 10px;
    transition: all .2s ease-in-out
}

@media (max-width: 767px) {
    .logo-samples-section .logo-examples img {
        width:95%
    }
}

.logo-samples-section .logo-examples img:hover {
    transform: scale(1.03)
}

.logo-samples-section .container {
    max-width: 850px
}

.logo-samples-section ul {
    margin: 5vh -15px 3vh
}

@media (max-width: 519px) {
    .logo-samples-section ul {
        margin:30px 0 40px
    }
}

.logo-samples-section li {
    margin: 0 0 20px;
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle
}

.logo-samples-section li b:before {
    margin: 0 10px 0 0;
    display: inline-block;
    width: 22px;
    height: 18px;
    content: "";
    vertical-align: text-bottom;
    background-image: url(../images/check.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 519px) {
    .logo-samples-section li {
        margin:0;
        display: block;
        padding: 0
    }

    .logo-samples-section li+li {
        margin-top: 25px
    }
}

.logo-samples-section .img-wrapper {
    margin: 0 auto;
    display: inline-block;
    max-width: 85%
}

@media (max-width: 1009px) {
    .logo-samples-section .img-wrapper {
        margin:0;
        display: block;
        max-width: none
    }
}

@media (max-width: 519px) {
    .logo-samples-section .img-wrapper {
        margin:0
    }
}

@media (max-width: 360px) {
    .logo-samples-section .img-wrapper {
        margin:0
    }
}

.logo-samples-section img {
    display: block;
    max-width: 100%
}

.testimonials-section .section-inner {
    margin: 0 auto;
    max-width: 670px;
    text-align: center;
    padding-top: 0
}

.testimonials-section .testimonials {
    position: relative;
    padding: 0 0 30px;
    overflow: hidden;
    transition: min-height .4s ease
}

.testimonials-section .testimonial {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity .4s ease
}

.testimonials-section .testimonial.active {
    opacity: 1
}

.testimonials-section .testimonial:before {
    margin: 0 auto 20px;
    display: block;
    width: 189px;
    height: 40px;
    content: "";
    background-image: url(../images/star.svg);
    background-repeat: space
}

.testimonials-section .testimonial .nodesc {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.testimonials-section .testimonial p:first-child {
    background: url(../images/testomonials_bg.webp) #fff 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px;
    padding-top: 2.5em
}

@media (max-width: 1009px) {
    .testimonials-section .testimonial p:first-child {
        background:none!important;
        height: auto;
        padding-top: 0
    }
}

.testimonials-section .testimonials-section .testimonial:before {
    margin: 0 auto 20px
}

.testimonials-section .testimonial p {
    padding: 0 5em;
    margin: 0;
    color: #3c526f
}

@media (max-width: 767px) {
    .testimonials-section .testimonial p {
        padding:0
    }
}

.testimonials-section .h2,.testimonials-section .h3 {
    margin: 0;
    font-size: 30px
}

.testimonials-section .pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px
}

.testimonials-section .pagination-btn {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    cursor: pointer
}

.testimonials-section .pagination-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    width: 10px;
    height: 10px;
    content: "";
    background-color: #bdc9d5;
    border-radius: 50%;
    transition: background-color .4s ease
}

.testimonials-section .pagination-btn.active:before {
    background-color: #00d5f7
}

.advantages-section .section-inner {
    padding: 12vh 0;
    overflow: hidden;
    text-align: center;
    padding-bottom: 2vh
}

.advantages-section h2 {
    max-width: 980px;
    margin-bottom: 2em
}

.advantages-section .advantage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 60px
}

.advantages-section .advantage:after {
    clear: both;
    display: table;
    content: ""
}

@media (max-width: 1239px) {
    .advantages-section .advantage {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .advantages-section .advantage {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .advantages-section .advantage {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .advantages-section .advantage {
        -ms-flex:none;
        flex: none;
        padding: 0
    }

    .advantages-section .advantage+.advantage {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .advantages-section .advantage {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.advantages-section .advantages {
    margin: 0 -60px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1239px) {
    .advantages-section .advantages {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .advantages-section .advantages {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .advantages-section .advantages {
        margin:0;
        display: block
    }
}

.advantages-section .advantages.new {
    margin: 0 -60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 1239px) {
    .advantages-section .advantages.new {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .advantages-section .advantages.new {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .advantages-section .advantages.new {
        margin:0;
        display: block
    }
}

.advantages-section .advantage.new {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 50px;
    width: 85%;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    margin-bottom: 100px;
    height: 365px
}

.advantages-section .advantage.new:after {
    clear: both;
    display: table;
    content: ""
}

@media (max-width: 1239px) {
    .advantages-section .advantage.new {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .advantages-section .advantage.new {
        padding:0 15px
    }
}

@media (max-width: 767px) {
    .advantages-section .advantage.new {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        margin-bottom: 20px;
        -ms-flex: none;
        flex: none;
        padding: 0
    }
}

@media (max-width: 767px) {
    .advantages-section .advantage.new+.advantage {
        margin:15px 0 0
    }
}

@media (max-width: 519px) {
    .advantages-section .advantage.new {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.advantages-section .advantage.new:nth-child(2n) img {
    -ms-flex-order: 2;
    order: 2
}

.advantages-section .advantage.new:nth-child(2n) {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.advantages-section .advantage.new:nth-child(2n) .text {
    text-align: right;
    -ms-flex-order: 1;
    order: 1
}

.advantages-section .advantage.new .text {
    width: 50%;
    padding-top: 5vw
}

.advantages-section .advantage.new img {
    max-width: 75%;
    width: 75%
}

@media (max-width: 1009px) {
    .advantages-section .advantage.new {
        -ms-flex-direction:column;
        flex-direction: column;
        padding-bottom: 50px;
        width: 100%
    }

    .advantages-section .advantage.new .text {
        width: 100%;
        text-align: center
    }

    .advantages-section .advantage.new:nth-child(2n) .text {
        text-align: center
    }

    .advantages-section .advantage.new:nth-child(2n) img {
        -ms-flex-order: 1;
        order: 1
    }
}

.advantages-section img {
    margin: 0 auto;
    display: block;
    max-width: 360px
}

@media (min-width: 520px) and (max-width:767px) {
    .advantages-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 180px
    }
}

@media (max-width: 519px) {
    .advantages-section img {
        max-width:200px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .advantages-section .text {
        padding-left:30px
    }
}

.advantages-section p {
    margin: 0
}

.blob-section {
    color: #fff;
    background-image: url(../images/blob.webp);
    background-position: 50% -10%;
    background-repeat: no-repeat
}



.blob-section .section-inner {
    min-height: 60vh;
    padding: 12vh 0 18vh
}

@media (max-width: 519px) {
    .blob-section .section-inner {
        max-width:none;
        text-align: center
    }
}

.blob-section p {
    margin: 0
}

.blob-section ul {
    list-style-type: decimal;
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px
}

.blob-section ul li {
    padding: 5px 0
}

.blob-section h2 {
    margin: 0;
    padding-bottom: 20px
}

.package-section {
    padding: 6vh 0 4vh;
    overflow: hidden;
    text-align: center
}

@media (max-width: 767px) {
    .package-section {
        padding:1vh 0 0
    }
}

.package-section .container {
    max-width: 850px
}

.package-section ul {
    margin: 5vh -15px 3vh
}

@media (max-width: 519px) {
    .package-section ul {
        margin:30px 0 40px
    }
}

.package-section li {
    margin: 0 0 20px;
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle
}

.package-section li b:before {
    margin: 0 10px 0 0;
    display: inline-block;
    width: 22px;
    height: 18px;
    content: "";
    vertical-align: text-bottom;
    background-image: url(../images/check.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 519px) {
    .package-section li {
        margin:0;
        display: block;
        padding: 0
    }

    .package-section li+li {
        margin-top: 25px
    }
}

.package-section .img-wrapper {
    margin: 0 auto;
    display: inline-block;
    max-width: 100%
}

@media (max-width: 1009px) {
    .package-section .img-wrapper {
        margin:0 -50px;
        display: block;
        max-width: none
    }
}

@media (max-width: 519px) {
    .package-section .img-wrapper {
        margin:0 -130px 0 -150px
    }
}

@media (max-width: 360px) {
    .package-section .img-wrapper {
        margin:0 -100px 0 -120px
    }
}

.package-section img {
    display: block;
    max-width: 100%
}

.create-logo-for-anything-section .section-inner {
    padding: 0 0 12vh;
    overflow: hidden;
    text-align: center
}

@media (max-width: 767px) {
    .create-logo-for-anything-section .section-inner {
        padding:1vh 0 2vh
    }
}

.create-logo-for-anything-section h2 {
    max-width: 980px
}

.create-logo-for-anything-section .appliances {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .create-logo-for-anything-section .appliances {
        margin:0;
        display: block
    }
}

.create-logo-for-anything-section .appliance {
    margin-top: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 4 0 240px;
    flex: 4 0 240px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 30px;
    width: 80%
}

.create-logo-for-anything-section .appliance p {
    margin-top: 10px
}

@media (max-width: 1239px) {
    .create-logo-for-anything-section .appliance {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .create-logo-for-anything-section .appliance {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .create-logo-for-anything-section .appliance {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .create-logo-for-anything-section .appliance {
        -ms-flex:none;
        flex: none;
        padding: 0;
        margin: 0 auto;
        margin-bottom: 50px
    }

    .create-logo-for-anything-section .appliance+.advantage {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .create-logo-for-anything-section .appliance {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.create-logo-for-anything-section .appliance h3 {
    margin: 0;
	font-weight:bold;
	font-size:18px;
	color:black;
}

.create-logo-for-anything-section img {
    margin: 0 auto;
    display: block;
    max-width: 240px;
    margin-bottom: 20px;
    height: 50px
}

@media (min-width: 520px) and (max-width:767px) {
    .create-logo-for-anything-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 180px
    }
}

@media (max-width: 519px) {
    .create-logo-for-anything-section img {
        max-width:200px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .create-logo-for-anything-section .text {
        padding-left:30px
    }
}

.create-logo-for-anything-section p {
    margin: 0
}

@media (max-width: 767px) {
    .print-section {
        padding:1vh 0 6vh
    }
}

.print-section .section-inner {
    padding: 6vh 0 10vh;
    text-align: center
}

@media (max-width: 767px) {
    .print-section .section-inner {
        padding:1vh 0 0
    }
}

.print-section .container {
    max-width: 850px
}

.print-section ul {
    margin: 5vh -15px
}

@media (max-width: 519px) {
    .print-section ul {
        margin:30px 0 40px
    }
}

.print-section li {
    margin: 0 0 20px;
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle
}

@media (max-width: 519px) {
    .print-section li {
        margin:0;
        display: block;
        padding: 0
    }

    .print-section li+li {
        margin-top: 25px
    }
}

.print-section li b:before {
    margin: 0 10px 0 0;
    display: inline-block;
    width: 22px;
    height: 18px;
    content: "";
    vertical-align: text-bottom;
    background-image: url(/assets/img/check.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.print-section .partners-logos {
    margin: 0 auto;
    max-width: 550px
}

@media (max-width: 519px) {
    .print-section .partners-logos {
        margin:60px auto 0;
        max-width: 220px
    }
}

.print-section .partners-logos li {
    width: 50%
}

@media (max-width: 519px) {
    .print-section .partners-logos li {
        width:100%
    }
}

.print-section .partners-logos li img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.promo-section {
    color: #fff;
    background-image: url(../images/promo-bg1.webp);
    background-position: 80% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 1009px) {
    .promo-section {
        background-image:none;
        background-color: #3c526f
    }
}

@media (max-width: 519px) {
    .promo-section {
        background-image:none;
        background-color: #3c526f
    }
}

@media (max-width: 767px) {
    .promo-section {
        background-image:none;
        background-color: #3c526f
    }
}

.promo-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 60vh;
    max-width: 640px;
    padding: 12vh 0 18vh
}

@media (max-width: 1009px) {
    .promo-section .section-inner {
        max-width:500px
    }
}

@media (max-width: 519px) {
    .promo-section .section-inner {
        max-width:none;
        padding: 60px 0;
        text-align: center
    }
}

.promo-section p {
    margin: 0;
    color: white;
}

.promo-section ul {
    list-style-type: decimal;
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px
}

.promo-section ul li {
    padding: 5px 0
}

@media (max-width: 767px) {
    .promo-section ul li {
        text-align:left
    }
}

.promo-section h2 {
    margin: 0;
    padding-bottom: 20px;
    font-weight: bold;
}

.faq-section .container {
    max-width: 850px
}

.faq-section .section-inner {
    padding: 6vh 0 15vh;
    text-align: left
}

.faq-section h2 {
	font-size:38px;
	font-weight:bold;
    text-align: center;
}

.faq-section h3 {
    margin: 1.8em 0 .2em
}

.faq-section p {
    margin: 0
}

.cta-section {
    padding: 2vh 0 12vh;
    overflow: hidden;
    text-align: center
}

.cta-section .container {
    max-width: 960px
}

.cta-section h2 {
    /* font-size: 40px; */
    margin: 0 auto .3em;
    font-weight: bold;
}

.cta-section p {
    margin-bottom: 2em
}

.cta-section ul {
    margin: 5vh -15px 8vh
}

@media (max-width: 519px) {
    .cta-section ul {
        margin:30px 0 40px
    }
}

.cta-section li {
    margin: 0 0 20px;
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle
}

.cta-section li b:before {
    margin: 0 10px 0 0;
    display: inline-block;
    width: 22px;
    height: 18px;
    content: "";
    vertical-align: text-bottom;
    background-image: url(/assets/img/check.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 519px) {
    .cta-section li {
        margin:0;
        display: block;
        padding: 0
    }

    .cta-section li+li {
        margin-top: 25px
    }
}

.cta-section .img-wrapper {
    margin: 0 auto;
    display: inline-block;
    max-width: 100%
}

@media (max-width: 1009px) {
    .cta-section .img-wrapper {
        margin:0 -50px;
        display: block;
        max-width: none
    }
}

@media (max-width: 519px) {
    .cta-section .img-wrapper {
        margin:0 -130px 0 -150px
    }
}

@media (max-width: 360px) {
    .cta-section .img-wrapper {
        margin:0 -100px 0 -120px
    }
}

.cta-section img {
    display: block;
    max-width: 100%
}

.featured-section .section-inner {
    margin: 0 -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 10vh
}

@media (max-width: 767px) {
    .featured-section .section-inner {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 519px) {
    .featured-section .section-inner {
        padding:40px 0 0
    }
}

.featured-section h5 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase
}

.featured-section img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    opacity: .4
}

.featured-section .title-wrapper {
    padding: 0 15px
}

@media (max-width: 767px) {
    .featured-section .title-wrapper {
        margin:0 0 35px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center
    }
}

@media (max-width: 519px) {
    .featured-section .title-wrapper {
        -ms-flex-order:1;
        order: 1
    }
}

.featured-section .img-wrapper {
    padding: 0 15px
}

@media (min-width: 768px) and (max-width:1009px) {
    .featured-section .img-wrapper {
        max-width:130px
    }
}

@media (max-width: 767px) {
    .featured-section .img-wrapper {
        -ms-flex:1 1 25%;
        flex: 1 1 25%;
        max-width: 150px
    }
}

@media (max-width: 519px) {
    .featured-section .img-wrapper {
        margin:0 0 45px;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        min-width: 200px;
        max-width: none
    }

    .featured-section .img-wrapper.the-next-web {
        -ms-flex-order: 2;
        order: 2
    }

    .featured-section .img-wrapper.the-next-web img {
        max-width: 120px
    }

    .featured-section .img-wrapper.product-hunt {
        -ms-flex-order: 4;
        order: 4
    }

    .featured-section .img-wrapper.product-hunt img {
        max-width: 100px
    }

    .featured-section .img-wrapper.beta-list {
        -ms-flex-order: 5;
        order: 5
    }

    .featured-section .img-wrapper.launching-next {
        -ms-flex-order: 3;
        order: 3
    }
}

.footer-section {
    background-image: url(../images/footer-top.webp);
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-color: #283847;
    padding-top: 50px
}

.footer-section a:hover {
    transition: color .15s ease;
    color: palegreen;
}

.footer-section .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 70px 0
}



.footer-section .logo-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1009px) {
    .footer-section .logo-container {
        margin:0 0 45px;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
	
	.footer-section .content {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        padding: 40px 0 70px
    }
	
	 .footer-section .logo-container img {
        width:200px
    }
}

.footer-section .logo-container img {
    display: block;
    width: 280px
}





@media (max-width: 519px) {
    .footer-section .list-container {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        text-align: center
    }
	
	.footer-section .logo-container img {
        margin:0 auto
    }

    .footer-section .list-container+.list-container {
        margin-top: 45px
    }
}

.footer-section .list-container .h5 {
    margin: 0 0 17px;
    display: block;
    font-size: 14px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #bdc9d5
}

@media (max-width: 1009px) {
    .footer-section .list-container .h5 {
        margin:0 0 10px
    }
}

.footer-section .list-container li {
    line-height: 1.75;
    color: hsla(0,0%,100%,.5)
}

.footer-section .list-container li+li {
    margin-top: 7px
}

.footer-section a {
    transition: color .15s ease
}

.footer-section a:not(:hover):not(:active) {
    color: inherit;
    color: hsla(0,0%,100%,.5)
}

.footer-section a.external:after {
    content: url('../images/external-link.svg');
    margin: 0 3px 0 5px
}

.footer-section .bottom-panel {
    padding: 15px 0;
    text-align: center;
    color: hsla(0,0%,100%,.5);
    background-color: #2b343f
}

.footer-section .copyright {
    font-size: 14px
}

.footer-section .services {
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-section .services li {
    padding: 0 9px
}

.footer-section .services img {
    margin: 0;
    display: block
}





/*About Page*/
.entrance-about-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/office_opt.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}



@media (max-width: 767px) {
    .entrance-about-section {
        background-image:none
    }
}

.entrance-about-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-about-section .container {
        max-width:730px
    }
}

.entrance-about-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 5vw;
    padding: 70px 0 40px
}

.entrance-about-section .text {
    margin: 50px 0;
    color: #fff
}

.entrance-about-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-about-section .text {
        margin:50px 0 70px
    }

    .entrance-about-section .text p {
        font-size: 16px
    }

    .entrance-about-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-about-section .text {
        margin:10px 0 50px
    }
}

.entrance-about-section .form-container {
    width: 100%;
    max-width: 450px;
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-about-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-about-section .form-container {
        padding:40px 30px
    }

    .entrance-about-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-about-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-about-section input[name=slogan] {
    opacity: .4
}

.entrance-about-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-about-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-about-section input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.entrance-about-section input:focus:-moz-placeholder {
    color: transparent!important
}

.about-section {
    text-align: center
}

.about-section .container {
    max-width: 850px
}

.about-section .section-inner {
    padding: 45px 0 60px
}

.about-section p {
    margin: 0
}


.entrance-pricing-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/sapling_opt.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .entrance-pricing-section {
        background-image:none
    }
}

.entrance-pricing-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-pricing-section .container {
        max-width:730px
    }
}

.entrance-pricing-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 5vw;
    padding: 70px 0 40px
}

.entrance-pricing-section .text {
    margin: 50px 0;
    color: #fff
}

.entrance-pricing-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-pricing-section .text {
        margin:50px 0 70px
    }

    .entrance-pricing-section .text p {
        font-size: 16px
    }

    .entrance-pricing-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-pricing-section .text {
        margin:10px 0 50px
    }
}

.entrance-pricing-section .form-container {
    width: 100%;
    max-width: 450px;
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-pricing-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-pricing-section .form-container {
        padding:40px 30px
    }

    .entrance-pricing-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-pricing-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-pricing-section input[name=slogan] {
    opacity: .4
}

.entrance-pricing-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-pricing-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-pricing-section input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.entrance-pricing-section input:focus:-moz-placeholder {
    color: transparent!important
}

.pricing-section .container {
    max-width: 940px
}

@media (min-width: 1240px) {
    .pricing-section .container {
        width:100%
    }
}

.pricing-section .container:first-child {
    max-width: 860px
}

.pricing-section .section-inner {
    padding: 10vh 0;
    text-align: center;
    max-width: 860px
}

.pricing-section .section-inner .perks {
    padding: 5vh 0 0
}

.pricing-section .section-inner .perks li {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
}

@media (max-width: 519px) {
    .pricing-section .section-inner .perks li {
        margin:0;
        display: block;
        padding: 0
    }

    .pricing-section .section-inner .perks li+li {
        margin-top: 25px
    }
}

.pricing-section .section-inner .perks li b:before {
    margin: 0 10px 0 0;
    display: inline-block;
    width: 22px;
    height: 18px;
    content: "";
    vertical-align: text-bottom;
    background-image: url(../images/check.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.pricing-section h2 {
    margin-bottom: 20px
}

.pricing-section .packages-list {
    margin: 0 auto;
    padding: 0 0 10vh
}

@media (min-width: 768px) {
    .pricing-section .packages-list {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -20px
    }
}

@media (max-width: 767px) {
    .pricing-section .packages-list {
        max-width:420px
    }
}

.pricing-section .packages-item {
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .pricing-section .packages-item {
        padding:0 20px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 767px) {
    .pricing-section .packages-item+.packages-item {
        margin-top:40px
    }
}

@media (max-width: 519px) {
    .pricing-section .packages-item+.packages-item {
        margin-top:20px
    }
}

.pricing-section .package {
    position: relative;
    width: 100%;
    padding: 28px 32px 15px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 40px 0 rgba(189,201,213,.39);
    transition: box-shadow .2s ease
}

@media (max-width: 1009px) {
    .pricing-section .package {
        padding:24px 44px 20px
    }
}

@media (max-width: 519px) {
    .pricing-section .package {
        padding:24px 30px 20px
    }
}

.pricing-section .package .tooltip {
    margin-left: 10px
}

.pricing-section .package h3 {
    margin: 0;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #313b48;
    transition: color .3s ease
}

@media (min-width: 1010px) and (max-width:1239px) {
    .pricing-section .package h3 {
        font-size:22px
    }
}

@media (max-width: 519px) {
    .pricing-section .package h3 {
        margin-bottom:15px
    }
}

.pricing-section .package-sale {
    position: absolute;
    bottom: 100%;
    left: 50%;
    padding: 5px 34px 3px;
    border-radius: 34px 34px 0 0;
    background-color: #53df83;
    color: #fff;
    line-height: 1.85;
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .05em;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    transform: translateX(-50%)
}

.pricing-section .package-image {
    position: relative;
    margin: 0 -30px 20px
}

.pricing-section .package-image:before {
    content: "";
    display: block;
    padding-top: 72%
}

@media (max-width: 1009px) {
    .pricing-section .package-image {
        margin:0 0 20px
    }
}

.pricing-section .package-image img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    transform: translate(-50%,-50%)
}

@media (min-width: 768px) {
    .pricing-section .package-image img {
        width:90%
    }

    .pricing-section .package-image img.premium {
        width: 100%;
        transform: translate(-54%,-50%)
    }
}

.pricing-section .package-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 5px
}

.pricing-section .package-head .prices {
    display: -ms-flexbox;
    display: flex;
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 42px
}

.pricing-section .package-head .price {
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.05em;
    white-space: nowrap
}

.pricing-section .package-head .price+.price {
    margin-left: 10px
}

.pricing-section .package-head .price-old {
    text-decoration: line-through;
    color: #bdc9d5;
    font-size: .5714em
}

.pricing-section .package-head .price-new {
    color: #00d5f7
}

.pricing-section .package-head .price-sign {
    font-size: .5em;
    vertical-align: top
}

.pricing-section .package-description {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 600;
    letter-spacing: .05em;
    color: #798ba3;
    text-align: center
}

.pricing-section .package-action {
    text-align: center;
    margin: 0 0 15px
}

.pricing-section .package-action a {
    position: relative;
    display: inline-block;
    min-width: 250px;
    padding: 32px;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 4px;
    text-align: center;
    text-decoration: none;
    border-radius: 100px;
    text-transform: uppercase;
    border: none;
    transition: color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
    white-space: nowrap;
    color: #fff;
    background: linear-gradient(90deg,#00d5f7 0,#53df83);
    box-shadow: 0 4px 17px 0 #53df83
}

.pricing-section .package-action a:hover {
    background: linear-gradient(90deg,#00bae8 0,#03ce97);
    box-shadow: 0 0 0 0 #53df83
}

.pricing-section .package-action a:active {
    box-shadow: inset 0 2px 2px 0 rgba(49,59,72,.25),inset 0 -2px 2px 0 hsla(0,0%,100%,.25)
}

.pricing-section .package-advantages li {
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    color: #313b48;
    line-height: 1.375;
    min-height: 42px
}

.pricing-section .package-advantages li:empty {
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .pricing-section .package-advantages li:empty {
        display:none
    }
}

.pricing-section .package-advantages li:empty:before {
    background-color: rgba(236,241,245,.44);
    content: "";
    width: 100%;
    height: 12px;
    border-radius: 6px
}

@media (max-width: 767px) {
    .pricing-section .packages-item:nth-child(2) {
        margin-top:60px
    }
}

@media (max-width: 1009px) {
    .pricing-section .packages-item:nth-child(3) li:empty {
        display:none
    }
}

.pricing-section .tooltip {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.pricing-section .tooltip button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: #bdc9d5;
    border-radius: 50%;
    border: 1px solid #bdc9d5;
    outline: none;
    text-align: center
}

.pricing-section .tooltip button:focus,.pricing-section .tooltip button:hover {
    color: #fff;
    background-color: #bdc9d5;
    border: 1px solid #bdc9d5
}

.pricing-section .tooltip button:focus+span,.pricing-section .tooltip button:hover+span {
    display: block
}

.pricing-section .tooltip button:before {
    content: "i";
    font-size: 15px;
    font-weight: 700;
    line-height: .8
}

.pricing-section .tooltip span {
    display: none;
    position: absolute;
    left: -235px;
    bottom: calc(100% + 15px);
    z-index: 1;
    width: 300px;
    padding: 12px 15px;
    background-color: #798ba3;
    color: #fff;
    border-radius: 5px;
    font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600;
    letter-spacing: .05em;
    font-size: 15px;
    line-height: 1.85;
    text-align: center;
    transform: translateX(-20px);
    box-shadow: 0 1px 40px 0 #bdc9d5
}

.pricing-section .tooltip span:before {
    position: absolute;
    display: inline-block;
    content: "";
    bottom: -7px;
    left: 260px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #798ba3 transparent transparent
}



.entrance-how-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/logo_creation_opt.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .entrance-how-section {
        background-image:none
    }
}

.entrance-how-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-how-section .container {
        max-width:730px
    }
}

.entrance-how-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 5vw;
    padding: 70px 0 40px
}

.entrance-how-section .text {
    margin: 50px 0;
    color: #fff
}

.entrance-how-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-how-section .text {
        margin:50px 0 70px
    }

    .entrance-how-section .text p {
        font-size: 16px
    }

    .entrance-how-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-how-section .text {
        margin:10px 0 50px
    }
}

.entrance-how-section .form-container {
    width: 100%;
    max-width: 450px;
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-how-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-how-section .form-container {
        padding:40px 30px
    }

    .entrance-how-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-how-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-how-section input[name=slogan] {
    opacity: .4
}

.entrance-how-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-how-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-how-section input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.entrance-how-section input:focus:-moz-placeholder {
    color: transparent!important
}

.how-it-works-section .section-inner {
    padding: 10vh 0 5vh;
    overflow: hidden;
    text-align: center
}

.how-it-works-section .container {
    max-width: 960px
}

.how-it-works-section h2 {
    max-width: 980px;
    margin-bottom: .5em;
    font-size: 35px
}

.how-it-works-section p {
    margin: 0;
    margin-bottom: 10px
}

.how-it-works-section .how-to-steps {
    padding: 5vh 0
}

.how-it-works-section .how-to-steps .step {
    width: 100%;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-align: center;
    align-items: center
}

.how-it-works-section .how-to-steps .step .step-block {
    margin-bottom: 5em;
    width: 50%;
    padding: 20px
}

.how-it-works-section .how-to-steps .step .step-block.step-image {
    width: 70%
}

.how-it-works-section .how-to-steps .step .step-block.step-content {
    width: 30%
}

.how-it-works-section .how-to-steps .step .step-block .step-image:nth-child(4) {
    width: 60%
}

.how-it-works-section .how-to-steps .step .step-block .caption {
    color: #a0a0a0;
    font-size: 15px;
    text-align: center;
    font-style: italic
}

.how-it-works-section img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

@media (min-width: 520px) and (max-width:767px) {
    .how-it-works-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 180px
    }
}

@media (max-width: 519px) {
    .how-it-works-section img {
        max-width:200px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .how-it-works-section .text {
        padding-left:30px
    }
}

/*nav.menu-wrap ul.login-btn  {
    position: relative;
    right: 700px;
}
*/


.entrance-contact-us-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/office_opt__contact.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .entrance-contact-us-section {
        background-image:none
    }
}

.entrance-contact-us-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-contact-us-section .container {
        max-width:730px
    }
}

.entrance-contact-us-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 5vw;
    padding: 70px 0 40px
}

.entrance-contact-us-section .text {
    margin: 50px 0;
    color: #fff
}

.entrance-contact-us-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-contact-us-section .text {
        margin:50px 0 70px
    }

    .entrance-contact-us-section .text p {
        font-size: 16px
    }

    .entrance-contact-us-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-contact-us-section .text {
        margin:10px 0 50px
    }
}

.entrance-contact-us-section .form-container {
    width: 100%;
    max-width: 450px;
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-contact-us-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-contact-us-section .form-container {
        padding:40px 30px
    }

    .entrance-contact-us-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-contact-us-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-contact-us-section input[name=slogan] {
    opacity: .4
}

.entrance-contact-us-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-contact-us-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-contact-us-section input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.entrance-contact-us-section input:focus:-moz-placeholder {
    color: transparent!important
}

.contact-us-section {
    text-align: center
}

.contact-us-section .container {
    max-width: 850px
}

.contact-us-section .section-inner {
    padding: 45px 0 60px
}

.contact-us-section p {
    margin: 0
}

.contact-us-section .team {
    margin: 0 -60px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 30px 0
}

@media (max-width: 1239px) {
    .contact-us-section .team {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .contact-us-section .team {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .contact-us-section .team {
        margin:0;
        display: block
    }
}

.contact-us-section .rounded {
    border-radius: 50%;
    width: 125px;
    height: 125px;
    overflow: hidden
}

.contact-us-section .team-member {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 25px
}

.contact-us-section .team-member:after {
    clear: both;
    display: table;
    content: ""
}

.contact-us-section .team-member img {
    border-radius: 50%
}

@media (max-width: 1239px) {
    .contact-us-section .team-member {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .contact-us-section .team-member {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .contact-us-section .team-member {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .contact-us-section .team-member {
        -ms-flex:none;
        flex: none;
        padding: 0
    }

    .contact-us-section .team-member+.advantage {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .contact-us-section .team-member {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.contact-us-section img {
    margin: 0 auto;
    display: block;
    max-width: 96px;
    margin-bottom: 20px
}

@media (min-width: 520px) and (max-width:767px) {
    .contact-us-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 96px
    }
}

@media (max-width: 519px) {
    .contact-us-section img {
        max-width:80px
    }
}




.logo-design-entrance-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/abstract-header.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .logo-design-entrance-section {
        background-image:none
    }
}

.logo-design-entrance-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .logo-design-entrance-section .container {
        max-width:730px
    }
}

.logo-design-entrance-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 25vw;
    padding: 70px 0
}

.logo-design-entrance-section .text {
    margin: 50px 0 0;
    color: #fff
}

@media (max-width: 1239px) {
    .logo-design-entrance-section .text {
        margin:50px 0
    }

    .logo-design-entrance-section .text p {
        font-size: 16px
    }

    .logo-design-entrance-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .logo-design-entrance-section .text {
        margin:15px 0
    }
}

.logo-design-entrance-section .text p {
    margin: 0;
    margin-top: -10px;
    font-size: 18px
}

.logo-design-entrance-section .form-container {
    width: 80%;
    max-width: 960px;
    padding: 26px 0;
    background-color: none
}

@media (min-width: 1010px) and (max-width:1239px) {
    .logo-design-entrance-section .form-container {
        width:100%
    }
}

@media (min-width: 768px) and (max-width:1009px) {
    .logo-design-entrance-section .form-container {
        width:100%
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .logo-design-entrance-section .form-container {
        width:100%
    }
}

@media (max-width: 519px) {
    .logo-design-entrance-section .form-container {
        width:100%
    }

    .logo-design-entrance-section .form-container button[type=submit] {
        margin-top: 0
    }
}

.logo-design-entrance-section .field {
    float: left;
    display: inline-block;
    width: 55%;
    padding: 2px 10px;
    line-height: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (min-width: 1010px) and (max-width:1239px) {
    .logo-design-entrance-section .field {
        width:100%
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .logo-design-entrance-section .field {
        width:100%
    }
}

@media (min-width: 768px) and (max-width:1009px) {
    .logo-design-entrance-section .field {
        width:100%
    }
}

@media (max-width: 519px) {
    .logo-design-entrance-section .field {
        width:100%
    }
}

.logo-design-entrance-section .field+.field input:not(:focus) {
    border-color: transparent
}

.logo-design-entrance-section .field:after {
    top: 12px;
    right: 0;
    margin-top: 15px;
    width: 60px;
    height: 20px
}

.logo-design-entrance-section input[name=slogan] {
    display: none;
    width: 0;
    height: 0;
    opacity: .4
}

.logo-design-entrance-section input[type=text] {
    padding: 0 10px;
    font-family: PT Sans,sans-serif;
    font-size: 18px;
    text-align: left;
    border: 0
}

.logo-design-entrance-section button[type=submit] {
    margin-top: 0;
    margin-left: 15px;
    float: left;
    width: 43%;
    padding: 26px 48px;
    box-shadow: none
}

@media (min-width: 1010px) and (max-width:1239px) {
    .logo-design-entrance-section button[type=submit] {
        margin-left:0;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1009px) {
    .logo-design-entrance-section button[type=submit] {
        margin-left:0;
        width: 100%
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .logo-design-entrance-section button[type=submit] {
        margin-left:0;
        width: 100%
    }
}

@media (max-width: 519px) {
    .logo-design-entrance-section button[type=submit] {
        margin-left:0;
        width: 100%
    }
}

.logo-design-entrance-section #entranceForm .btn-primary {
    background: linear-gradient(271deg,#00d5f7,#53df83);
    background-size: 400% 400%;
    animation: a 4s ease infinite
}

@keyframes a {
    0% {
        background-position: 96% 0
    }

    50% {
        background-position: 5% 100%
    }

    to {
        background-position: 96% 0
    }
}

.logo-design-main-section .section-inner {
    padding: 6vh 0;
    overflow: hidden;
    text-align: center
}

.logo-design-main-section .text {
    margin-top: 10px;
    margin-bottom: 50px;
    text-align: left
}

.logo-design-main-section .container {
    max-width: 960px
}

.logo-design-main-section .subheader {
    margin-top: 0;
    margin-bottom: 2em;
    max-width: 980px;
    font-size: 25px;
    font-weight: 500
}

.logo-design-main-section p {
    margin: 15px 0;
    text-align: left
}

.logo-design-main-section .logo-design-props {
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 519px) {
    .logo-design-main-section .logo-design-props {
        margin-top:0
    }
}

@media (max-width: 360px) {
    .logo-design-main-section .logo-design-props {
        margin-top:0
    }
}

.logo-design-main-section strong {
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 520px) and (max-width:767px) {
    .logo-design-main-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 180px
    }
}

@media (max-width: 519px) {
    .logo-design-main-section img {
        max-width:200px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .logo-design-main-section .text {
        padding-left:30px
    }
}

.logo-design-main-section .logo-examples {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 85vw;
    -ms-grid-columns: 33.3%;
    grid-template-columns: 33.3%
}

@media (max-width: 519px) {
    .logo-design-main-section .logo-examples {
        height:auto;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.logo-design-main-section .logo-examples img {
    margin: 10px;
    width: 33.3%;
    border-radius: 10px;
    transition: all .2s ease-in-out
}

@media (max-width: 519px) {
    .logo-design-main-section .logo-examples img {
        width:44.3%
    }
}

@media (max-width: 360px) {
    .logo-design-main-section .logo-examples img {
        width:44.3%
    }
}

.logo-design-main-section .logo-examples img:hover {
    transform: scale(1.03)
}

.logo-design-main-section .img-wrapper {
    margin: 0 auto;
    display: block;
    max-width: 1200px;
    padding-top: 50px;
    text-align: center
}

.logo-design-main-section img {
    display: block;
    max-width: 100%
}

.logo-design-main-section .logo-ideas {
    margin: 0 auto;
    display: inline-block;
    max-width: 85%
}

.logo-design-main-section ul.masonry {
    margin: 0;
    padding: 0
}

.logo-design-main-section .masonry li {
    margin: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 300px;
    overflow: hidden;
    list-style: none;
    border-radius: 10px
}

.logo-design-main-section .masonry img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.logo-design-main-section .masonry {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 33.3%;
    grid-template-columns: 33.3%;
    grid-auto-rows: 1fr;
    grid-auto-flow: dense
}

.logo-design-main-section .masonry .horizontal {
    -ms-grid-column: span 2;
    grid-column: span 2
}

.logo-design-main-section .masonry .vertical {
    -ms-grid-row: span 2;
    grid-row: span 2
}

.logo-design-main-section .masonry .big {
    -ms-grid-column: span 2;
    grid-column: span 2;
    -ms-grid-row: span 2;
    grid-row: span 2
}



.privacy-policy-section .container {
    max-width: 850px
}

.privacy-policy-section .section-inner {
    padding: 20px 0 60px;
    margin-top: 3em
}

.privacy-policy-section p {
    margin: 0
}



.tos-section .container {
    max-width: 850px
}

.tos-section .section-inner {
    padding: 20px 0 60px;
    margin-top: 3em
}

.tos-section p {
    margin: 0;
    margin-bottom: 25px
}

.tos-section h3 {
    margin-top: 50px
}

.entrance-logo-design-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/sapling_opt.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .entrance-logo-design-section {
        background-image:none
    }
}

.entrance-logo-design-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-logo-design-section .container {
        max-width:730px
    }
}

.entrance-logo-design-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 25vw;
    padding: 70px 0 40px
}

.entrance-logo-design-section .text {
    margin: 110px 0;
    color: #fff
}

.entrance-logo-design-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-logo-design-section .text {
        margin:50px 0 70px
    }

    .entrance-logo-design-section .text p {
        font-size: 16px
    }

    .entrance-logo-design-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-logo-design-section .text {
        margin:10px 0 50px
    }
}

.entrance-logo-design-section .form-container {
    width: 100%;
    max-width: 450px;
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-logo-design-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-logo-design-section .form-container {
        padding:40px 30px
    }

    .entrance-logo-design-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-logo-design-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-logo-design-section input[name=slogan] {
    opacity: .4
}

.entrance-logo-design-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-logo-design-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}


.inspiration-industries-section .section-inner {
    padding: 10vh 0 18vh;
    overflow: hidden;
    text-align: center
}

.inspiration-industries-section .container {
    max-width: 960px
}

.inspiration-industries-section h2 {
    max-width: 980px;
    margin: 1em 0
}

.inspiration-industries-section .industries {
    margin: 50px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1239px) {
    .inspiration-industries-section .industries {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .inspiration-industries-section .industries {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .inspiration-industries-section .industries {
        margin:0;
        display: block
    }
}

.inspiration-industries-section .business {
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 200px;
    -ms-flex: 1 250px;
    flex: 1 250px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 0;
    margin: 15px;
    background: #3c526f;
    border-radius: 3px;
    align-items: center;
}

.inspiration-industries-section .business:after {
    clear: both;
    display: table;
    content: ""
}

.inspiration-industries-section .business .icon,.inspiration-industries-section .business .icon img {
    height: auto;
    max-width: 50px
}

.inspiration-industries-section .business .h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 10px
}

.inspiration-industries-section .business span {
    color: #fff;
    font-size: 15px
}

@media (max-width: 1009px) {
    .inspiration-industries-section .business {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .inspiration-industries-section .business {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .inspiration-industries-section .business {
        -ms-flex:none;
        flex: none;
        padding: 0
    }

    .inspiration-industries-section .business+.industry {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .inspiration-industries-section .business {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.inspiration-industries-section img {
    margin: 0 auto;
    display: block;
    max-width: 50px
}

@media (min-width: 520px) and (max-width:767px) {
    .inspiration-industries-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 180px
    }
}

@media (max-width: 519px) {
    .inspiration-industries-section img {
        max-width:200px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .inspiration-industries-section .text {
        padding-left:30px
    }
}

.inspiration-industries-section p {
    margin: 0
}



/*Company Name Generator */
.entrance-name-generator-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/entrance-bg-name-gen1.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .entrance-name-generator-section {
        background-image:none
    }
}

.entrance-name-generator-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-name-generator-section .container {
        max-width:730px
    }
}

.entrance-name-generator-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 40vw;
    padding: 70px 0 40px
}

.entrance-name-generator-section .text {
    margin: 75px 0;
    margin-top: 35px;
    color: #fff
}

.entrance-name-generator-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-name-generator-section .text {
        margin:50px 0 70px
    }

    .entrance-name-generator-section .text p {
        font-size: 16px
    }

    .entrance-name-generator-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-name-generator-section .text {
        margin:10px 0 50px
    }
}

.entrance-name-generator-section .form-container {
    width: 100%;
    max-width: 580px;
    padding: 35px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-name-generator-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-name-generator-section .form-container {
        padding:40px 30px
    }

    .entrance-name-generator-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-name-generator-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-name-generator-section input[name=slogan] {
    opacity: .4
}

.entrance-name-generator-section .field:after {
    top: 15px
}

.entrance-name-generator-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-name-generator-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-name-generator-section input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.entrance-name-generator-section input:focus:-moz-placeholder {
    color: transparent!important
}

/* .name-generator-results-section {
    display: none
} */

.name-generator-results-section .section-inner {
    text-align: center
}

.name-generator-results-section h2 {
    max-width: 980px;
    margin-bottom: 2em
}

.name-generator-results-section .advantages {
    margin: 0 -60px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1239px) {
    .name-generator-results-section .advantages {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .name-generator-results-section .advantages {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .name-generator-results-section .advantages {
        margin:0;
        display: block
    }
}

.name-generator-results-section .advantage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 60px
}

.name-generator-results-section .advantage:after {
    clear: both;
    display: table;
    content: ""
}

@media (max-width: 1239px) {
    .name-generator-results-section .advantage {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .name-generator-results-section .advantage {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .name-generator-results-section .advantage {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .name-generator-results-section .advantage {
        -ms-flex:none;
        flex: none;
        padding: 0
    }

    .name-generator-results-section .advantage+.advantage {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .name-generator-results-section .advantage {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.name-generator-results-section img {
    margin: 0 auto;
    display: block;
    max-width: 96px;
    margin-bottom: 20px
}

@media (min-width: 520px) and (max-width:767px) {
    .name-generator-results-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 96px
    }
}

@media (max-width: 519px) {
    .name-generator-results-section img {
        max-width:80px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .name-generator-results-section .text {
        padding-left:30px
    }
}

.name-generator-results-section p {
    margin: 0
}

.name-generator-results-section .name {
    width: 24%;
    height: 35%;
    display: block;
    float: left;
    background: #eee;
    margin: 5px
}

.name-generator-results-section .name:hover .overlay a {
    opacity: 1
}

.name-generator-results-section .overlay:hover a {
    background: #00d5f7
}

.name-generator-results-section .name h3 {
    text-align: center;
    font-family: Maven Pro,sans-serif;
    line-height: 10em;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.name-generator-results-section .overlay {
    position: relative;
    width: 100%;
    margin-top: -120px
}

.name-generator-results-section .overlay a {
    opacity: 0;
    color: #fff;
    background: rgba(0,0,0,.2);
    padding: 20px 10px;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 4px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    transition: color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
    margin: 0 auto;
    display: block;
    width: 65%
}

.name-generator-results-section .name,.name-generator-results-section .overlay,.name-generator-results-section .overlay a {
    transition: all .3s ease-in-out
}

.name-generator-results-section #preloader {
    padding-top: 50px;
    padding-bottom: 360px;
    display: block;
    position: relative;
    text-align: center
}

.name-generator-results-section #preloader img {
    margin: 0 auto;
    width: 150px;
    max-width: unset;
    filter: hue-rotate(45deg);
}

.name-generator-results-section #preloader p {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: black;
    line-height: 1.6;
}

.advantages-name-generator-section .section-inner {
    padding: 6vh 0 12vh;
    overflow: hidden;
    text-align: center
}

.advantages-name-generator-section h2 {
    max-width: 980px;
    margin-bottom: 2em
}

.advantages-name-generator-section .advantages {
    margin: 0 -60px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1239px) {
    .advantages-name-generator-section .advantages {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .advantages-name-generator-section .advantages {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .advantages-name-generator-section .advantages {
        margin:0;
        display: block
    }
}

.advantages-name-generator-section .advantage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 60px
}

.advantages-name-generator-section .advantage:after {
    clear: both;
    display: table;
    content: ""
}

@media (max-width: 1239px) {
    .advantages-name-generator-section .advantage {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .advantages-name-generator-section .advantage {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .advantages-name-generator-section .advantage {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .advantages-name-generator-section .advantage {
        -ms-flex:none;
        flex: none;
        padding: 0
    }

    .advantages-name-generator-section .advantage+.advantage {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .advantages-name-generator-section .advantage {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.advantages-name-generator-section img {
    margin: 0 auto;
    display: block;
    max-width: 96px;
    margin-bottom: 20px
}

@media (min-width: 520px) and (max-width:767px) {
    .advantages-name-generator-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 96px
    }
}

@media (max-width: 519px) {
    .advantages-name-generator-section img {
        max-width:80px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .advantages-name-generator-section .text {
        padding-left:30px
    }
}

.advantages-name-generator-section p {
    margin: 0
}

.blob-name-generator-section {
    color: #fff;
    background-image: url(../images/blob.webp);
    background-position: 50% -10%;
    background-repeat: no-repeat;
	text-align: center
}

.blob-name-generator-section h3 {
    margin: 0 auto;
    color: #3c526f;
    max-width: 560px;
    font-weight: 300;
    text-align: center
}

.blob-name-generator-section .section-inner {
    min-height: 52vh;
    padding: 12vh 0 2vh
}

@media (max-width: 519px) {
    .blob-name-generator-section .section-inner {
        max-width:none;
        padding: 60px 0;
        text-align: center
    }
}

.blob-name-generator-section p {
    margin: 0
}

.blob-name-generator-section ul {
    list-style-type: decimal;
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px
}

.blob-name-generator-section ul li {
    padding: 5px 0
}

.blob-name-generator-section h2 {
    margin: 0;
    padding-bottom: 20px
}

.faq-name-generator-section .container {
    max-width: 850px
}

.faq-name-generator-section .section-inner {
    padding: 0 0 15vh;
    text-align: left
}

.faq-name-generator-section h2 {
    text-align: center
}

.faq-name-generator-section h3 {
    margin: 1.8em 0 .2em
}

.faq-name-generator-section p {
    margin: 0
}




.entrance-api-section {
    position: relative;
    text-align: center;
    background-color: #3c526f;
    background-image: url(../images/office_opt.webp);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .entrance-api-section {
        background-image:none
    }
}

.entrance-api-section .container {
    max-width: 980px
}

@media (max-width: 1239px) {
    .entrance-api-section .container {
        max-width:730px
    }
}

.entrance-api-section .section-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 5vw;
    padding: 70px 0 40px
}

.entrance-api-section .text {
    margin: 50px 0;
    color: #fff
}

.entrance-api-section .text p {
    margin: 0;
    font-size: 18px
}

@media (max-width: 1239px) {
    .entrance-api-section .text {
        margin:50px 0 70px
    }

    .entrance-api-section .text p {
        font-size: 16px
    }

    .entrance-api-section .text p br {
        display: none
    }
}

@media (max-width: 767px) {
    .entrance-api-section .text {
        margin:10px 0 50px
    }
}

.entrance-api-section .form-container {
    width: 100%;
    max-width: 450px;
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 1px #94e7f4
}

@media (max-width: 1239px) {
    .entrance-api-section .form-container {
        max-width:420px
    }
}

@media (max-width: 519px) {
    .entrance-api-section .form-container {
        padding:40px 30px
    }

    .entrance-api-section .form-container button[type=submit] {
        margin-top: 10px
    }
}

.entrance-api-section .field+.field input:not(:focus) {
    border-color: transparent
}

.entrance-api-section input[name=slogan] {
    opacity: .4
}

.entrance-api-section input[type=text] {
    text-align: center;
    font-size: 20px;
    font-family: PT Sans,sans-serif
}

.entrance-api-section button[type=submit] {
    margin-top: 25px;
    width: 100%;
    box-shadow: none
}

.entrance-api-section input:focus::-webkit-input-placeholder {
    color: transparent!important
}

.entrance-api-section input:focus:-moz-placeholder {
    color: transparent!important
}

.api-section {
    text-align: center
}

.api-section .container {
    max-width: 850px
}

.api-section .section-inner {
    padding: 45px 0 60px
}

.api-section p {
    margin: 0
}

.api-section .team {
    margin: 0 -60px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 30px 0
}

@media (max-width: 1239px) {
    .api-section .team {
        margin:0 -30px
    }
}

@media (max-width: 1009px) {
    .api-section .team {
        margin:0 -15px
    }
}

@media (max-width: 767px) {
    .api-section .team {
        margin:0;
        display: block
    }
}

.api-section .rounded {
    border-radius: 50%;
    width: 125px;
    height: 125px;
    overflow: hidden
}

.api-section .team-member {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 460px;
    flex: 1 1 460px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 25px
}

.api-section .team-member:after {
    clear: both;
    display: table;
    content: ""
}

.api-section .team-member img {
    border-radius: 50%
}

@media (max-width: 1239px) {
    .api-section .team-member {
        padding:0 30px
    }
}

@media (max-width: 1009px) {
    .api-section .team-member {
        padding:0 15px
    }
}

@media (min-width: 520px) and (max-width:767px) {
    .api-section .team-member {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media (max-width: 767px) {
    .api-section .team-member {
        -ms-flex:none;
        flex: none;
        padding: 0
    }

    .api-section .team-member+.advantage {
        margin: 15px 0 0
    }
}

@media (max-width: 519px) {
    .api-section .team-member {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.api-section img {
    margin: 0 auto;
    display: block;
    max-width: 96px;
    margin-bottom: 20px
}

@media (min-width: 520px) and (max-width:767px) {
    .api-section img {
        display:inline-block;
        -ms-flex: 0;
        flex: 0;
        max-width: 96px
    }
}

@media (max-width: 519px) {
    .api-section img {
        max-width:80px
    }
}


/*Contact Form*/
input.form-control.cf-form, textarea.form-control.cf-form {
    border: 1px solid black;
    margin: 10px 0px;
    border-radius: 6px;
}


select.form-control.cf-form {
    border: 1px solid black;
    padding: 15px;
    border-radius: 6px;
    margin: 10px 0px;
}

select#services {

 border: 1px solid black;
    padding: 15px;
    border-radius: 6px;
    margin: 10px 0px;
}
input.submit-btn.cf-form {
    /* background: skyblue;
    color: black; */
    max-width: 100%;
    font-weight: 700;
    width: 100%;
    padding: 20px 10px;
    border-radius: 6px;
    background: linear-gradient(90deg, #6ccdf7 0, #9158ed);
    background-size: 400% 400%;
    animation: a 4s ease infinite;
    box-shadow: 0 4px 17px 0 #9158ed;
    color: white;
    transition: .2s ease-in-out;
}
input.submit-btn.cf-form:hover {
    box-shadow: unset;
}










@media (max-width:1200px){

.rs-responsive-navbar nav.menu-wrap ul li a.navbar-menu:focus~ul.rs-dropdown{visibility:hidden;min-height:0;max-height:0;top:0;left:unset;right:unset;border:unset;padding:0 0 0 20px}
.rs-responsive-navbar nav.menu-wrap ul li ul.rs-dropdown{border:unset}
body{font-size:14px}
.rs-navbar-menu-icon-wrap{display:block}
.rs-header nav.menu-wrap{display:none}
.rs-header .cantainer .logo-wrap a img{width:150px}
#res-toggle-btn-2 {
    display: flex!important;
}
.rs__app__header .rs__signupbtn {
    display: flex;
    align-items: center;
    gap: 16px;
}
.rs__app__header .profile-btn-wrap .profile-option-wrap.profile-option-active {
    top: 40px;
    right: -8px;
}
}






@media (max-width:768px){
nav.menu-wrap ul li {
    position: relative;
	right:0px;
}


}