.features-2 .phone-mockup{
    padding: 10px 0 50px 0;
}
.features-2 .phone-mockup img{
    max-width:350px;
}
.feature-arrow i{
    font-size:40px;
}

/*-------------------------------------------------------------
# Fonts
 */
@font-face {
    font-family: "GTEestiProText_regular";
    src: url("../fonts/gteestiprotext/gteestiprotext_regular.eot");
    src: url("../fonts/gteestiprotext/gteestiprotext_regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprotext/gteestiprotext_regular.woff") format("woff"),
    url("../fonts/gteestiprotext/gteestiprotext_regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "GTEestiProText_bold";
    src: url("../fonts/gteestiprotext/gteestiprotext_bold.eot");
    src: url("../fonts/gteestiprotext/gteestiprotext_bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprotext/gteestiprotext_bold.woff") format("woff"),
    url("../fonts/gteestiprotext/gteestiprotext_bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "GTEestiProText_medium";
    src: url("../fonts/gteestiprotext/gteestiprotext_medium.eot");
    src: url("../fonts/gteestiprotext/gteestiprotext_medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprotext/gteestiprotext_medium.woff") format("woff"),
    url("../fonts/gteestiprotext/gteestiprotext_medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "GTEestiProDisplay_bold";
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_bold.eot");
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_bold.woff") format("woff"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "GTEestiProDisplay_light";
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_light.eot");
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_light.woff") format("woff"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "GTEestiProDisplay_medium";
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_medium.eot");
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_medium.woff") format("woff"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "GTEestiProDisplay_regular";
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_regular.eot");
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_regular.woff") format("woff"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GTEestiProDisplay_thin";
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_thin.eot");
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_thin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_thin.woff") format("woff"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_thin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GTEestiProDisplay_ultrabold";
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_ultrabold.eot");
    src: url("../fonts/gteestiprodisplay/gteestiprodisplay_ultrabold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_ultrabold.woff") format("woff"),
    url("../fonts/gteestiprodisplay/gteestiprodisplay_ultrabold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
:root {
    --default-font: "GTEestiProDisplay_light",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "GTEestiProDisplay_regular",  sans-serif;
    --nav-font: "Inter",  sans-serif;
}
.hero .customers-badge .avatar.more{
    font-size:1.18em;
}
.hero .customers-badge .avatar.more a i{
    color:var(--contrast-color);
}
.hero .customers-badge .avatar.more:hover{
    background-color: color-mix(in srgb, var(--accent-color), black 20%);
}
#header .text-logo {
    display: inline;
    margin: 3px 0 0 0;
    line-height: 35px;
    font-size: 35px;
    font-family: "GTEestiProDisplay_bold", Arial, sans-serif;
    color: var(--accent-alt-color);
}

.btn-magenta{
    background-color: var(--accent-alt-color) !important;
    border-color:var(--accent-alt-color) !important;
    color: var(--contrast-color);
}
.btn-magenta:hover {
    opacity: .9;
    color: var(--contrast-color);
}
.call-to-action .container .text-muted{
    color: var(--contrast-color) !important;
    opacity:.55;
}
.call-to-action .container h2 img{
    width:auto;
    filter: drop-shadow(0 0 0.15rem rgba(255, 242, 181, 0.48));
    right: -1.5em;
    max-height: 3.3em;
    position:absolute
}
@media (max-width: 1400px) {
    .call-to-action .container h2 img {
        max-height: 1.5em;
        margin-left:20px;
        right:unset
    }
}
.pricing .pricing-card .description{
    font-style:italic;
}
.text-magenta{
    color: var(--accent-alt-color) !important;
}

.call-to-action  .container.bg-magenta{
    background-color:var(--accent-alt-color);
}
.call-to-action .container.bg-magenta .btn-cta:hover{
    color:var(--accent-alt-color);
}
p strong{
    font-family: var(--heading-font);
}
.hero .btn-primary{
    padding: 0.75rem 1.5rem;
}
#header .logo img{
    padding: 5px 2px 5px 0;
}
@media (max-width: 1400px) and (min-width: 992px){
    #header .logo img{
        max-height:28px;
    }
    #header .text-logo{
        line-height:30px;
        font-size:30px;
    }
}
@media (max-width: 560px){
    .header .btn-getstarted i.bi{
        display:none;
    }
    #header .logo img{
        max-height:20px;
        padding: 2px 2px 2px 0;
    }
    #header .text-logo{
        margin-top:1px;
        line-height:20px;
        font-size:20px;
    }
}
@media (min-width: 992px) {
    .navmenu a, .navmenu a:focus {
        padding: 25px 15px 18px 15px;
    }
    .header .btn-getstarted, .header .btn-getstarted:focus{
        margin-top:5px;
    }
}
