@font-face {
    font-family: "dana vf";
    src: url("/site/fonts/DanaVF.woff2") format("woff2-variations"),
    url("/site/fonts/DanaVF.woff") format("woff-variations");
    font-display: swap;
    font-weight: 10 990;
}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Hairline.woff2');
    font-weight: 10;
}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Thin.woff2');
    font-display: swap;
    font-weight: 100;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-UltraLight.woff2');
    font-display: swap;
    font-weight: 200;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Light.woff2');
    font-display: swap;
    font-weight: 300;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Regular.woff2');
    font-display: swap;
    font-weight: 400;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Medium.woff2');
    font-display: swap;
    font-weight: 500;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-DemiBold.woff2');
    font-display: swap;
    font-weight: 600;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Bold.woff2');
    font-display: swap;
    font-weight: 700;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-ExtraBold.woff2');
    font-display: swap;
    font-weight: 750;
}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Black.woff2');
    font-display: swap;
    font-weight: 800;
}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-ExtraBlack.woff2');
    font-display: swap;
    font-weight: 900;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-Heavy.woff2');
    font-display: swap;
    font-weight: 950;

}

@font-face {
    font-family: 'dana';
    src: url('/site/fonts/DanaFaNum-fat.woff2');
    font-display: swap;
    font-weight: 990;

}

body {
    scrollbar-color: #999 #333;
}

.scroll-animation {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
}

.scroll-animation.in-view {
    visibility: visible;
    animation: fadeInUp 0.4s ease-in-out forwards;
}

@keyframes fadeInUp {

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-actions a:first-child.in-view {
    animation-delay: .5s;
}

.hero-actions a:nth-child(2).in-view {
    animation-delay: 1s;
}

.portfolio-card.in-view {
    animation-delay: 0.35s;
}

/*.hero-content*/

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #E3F2FD;
}

body::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: darkgrey;
}

.btn-info {
    --bs-btn-color: #fcfcfc;
    --bs-btn-hover-color: #fcfcfc;
}


html, body {
    font-family: "dana vf", "dana" !important;
    -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}


h1,
h2,
h3,
h4,
h5,
h6,
strong {
    line-height: 2;
}

h1 {
    font-size: 2em;
    font-variation-settings: "wght" 990;

}

h2 {
    font-size: 1.5em;
    font-variation-settings: "wght" 900;

}

h3 {
    font-size: 1.17em;
    font-variation-settings: "wght" 800;

}

h4 {
    font-size: 1.12em;
    font-variation-settings: "wght" 700;

}

h5 {
    font-size: .83em;
    font-variation-settings: "wght" 600;

}

h6 {
    font-size: 0.75em;
    font-variation-settings: "wght" 500;
}

p {
    font-size: 1em;
    font-variation-settings: "wght" 500;
}

strong {
    font-variation-settings: "wght" 800;
}


/* homepage */

section {
    /*scroll-snap-type: y mandatory;*/
    /*scroll-snap-type: y proximity;*/
    /*min-height: 100vh;*/
    /*overflow: auto;*/
}

.hero-wrapper {
    background-color: #e3f2fd;
    margin-bottom: min(-15vh, -100px);
}

.hero-content .btn-light {
    --bs-btn-border-color: var(--SharkBlue);
    --bs-btn-color: var(--SharkBlue);
    --bs-btn-bg: transpatent;
}

.hero-content a i svg path {
    fill: var(--SharkWhite);
}

.hero-animation {
    position: relative;
    padding: 0;
    overflow: hidden;
    background-color: #17345a;
    z-index: 2;

}

#anim {
    position: relative;
    /*width: clamp(300px, 60%, 960px);*/
    width: 100%;
    min-height: min(40vh, 200px);
}

#anim svg {
    max-height: 45vh;
    max-width: clamp(400px, 60%, 1200px);
    margin-right: -2%;
}

.hero-animation .waves-wrapper {
    height: 10em;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.hero-animation .waves-wrapper .wave {
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAACBCAYAAACfMBctAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFDRDZFQUEyRDc3RTExRTk4MkQ4ODY4NTVCMjA5N0FCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFDRDZFQUEzRDc3RTExRTk4MkQ4ODY4NTVCMjA5N0FCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUNENkVBQTBENzdFMTFFOTgyRDg4Njg1NUIyMDk3QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUNENkVBQTFENzdFMTFFOTgyRDg4Njg1NUIyMDk3QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5SQPdtAAAPJUlEQVR42uzd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) repeat-x;
    position: absolute;
    bottom: -9vh;
    left: 0;
    width: 100%;
    background-size: 1000px 100px;
}

.hero-animation .waves-wrapper .parallax > use {
    /*animation: move-forever 2s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;*/
}

.hero-animation .waves-wrapper .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 3s;
    fill: #a6d2efbf;
}

.hero-animation .waves-wrapper .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 4s;
    fill: #c5daeca3;
}

.hero-animation .waves-wrapper .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 10s;
    fill: #b0c5e666;
}

.hero-animation .waves-wrapper .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 4s;
    fill: #ffffff;
}


.your-story {
    min-height: 50vh;
}

.your-story .position-absolute *, .portfolio .position-absolute * {
    user-select: none;
    pointer-events: none;
}


.about-sharkweb .row .number {
    background-color: #e3f2fd;
    width: 4em;
    border: 2px solid #013770;
    height: 4em;
    font-size: 1.25em;
}

.services-wrapper {
    background-color: var(--SharkWhite);
    padding-top: max(15vh, 100px);
}

.wave-1 {
    pointer-events: none;
    user-select: none;
}

@media screen and (min-width: 992px) {
    .wave-1 {
        transform: translateY(-20%);
    }
}

.service-icon svg * {
    fill-opacity: 0.005;
    stroke-width: 1.25px;
    stroke: #bdbdbd;
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);

}

.service-icon svg .fill-me {
    fill-opacity: 1;
    stroke: #bdbdbd00;
}

.our-client {
    min-height: 50vh;
}

.clients-slider .glide__slide img {
    padding: 0.75em;
    filter: grayscale(1);
    transition: all 0.25s ease-in-out;
    object-fit: contain;
}

.clients-slider .glide__slide:hover img,
.clients-slider .glide__slide--active img {
    filter: grayscale(0);
}

.clients-slider .glide__bullet {
    background: #E3F2FD;
    width: 0.75em;
    height: 0.75em;
}

.clients-slider .glide__bullets {
    bottom: -2em;
}

.clients-slider .glide__bullet--active {
    background: var(--SharkBlue);
    width: 2em;
    border-radius: 1em;
    height: 0.75em;
}

form input:focus:invalid:not([type='email']):not([name='website']):not([type="checkbox"]):not([name="discount"]){
    border-color: #dc3545;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


form input:valid:not([type='email']):not([name='website']):not([type="checkbox"]):not([name="discount"]) {
    border-color: #198754;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

form input[type="tel"]:valid,
form input[type="tel"]:invalid,
form input[type="email"]:valid,
form input[type="email"]:invalid {
    background-position: right calc(0.375em + 0.1875rem) center;
}

.form-floating > label {
    opacity: 0.6;
    padding: 1rem 1.75rem;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    transform: scale(.85) translateY(-50%) translateX(-0.75rem);
    background: white;
    width: fit-content;
    padding: 0 0.5em;
    opacity: 1;
    height: unset;
    border-radius: 4px;
}

.consult-form-wrapper {
    overflow: hidden;
    background: linear-gradient(60deg, rgb(48 77 115) 0%, #7ACDF1 100%);
}

.response {
    color: var(--bs-white);
}

.response.success {
    background-color: var(--bs-success);
}

.response.error {
    background-color: var(--bs-danger);
}


.response p {
    display: none;
    word-break: break-word;
}

.response.success .success-text{
    display: block;
}

.response.error .error-text{
    display: block;
}

.response a{
    color: var(--SharkWhite);
    text-decoration: underline !important;
}

#sharkAnim {
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.consult-form-wrapper fieldset {
    width: clamp(250px, 75%, 450px);
}

.consult-form-wrapper fieldset button {
    outline: none;
    border: none !important;
}

.consult-form-wrapper .shark-seperator {
    padding: 15vh 0 0;
    pointer-events: none;
    user-select: none;
}

.consult-form-wrapper .btn-light {
    color: var(--SharkBlue);
}

.our-packages-wrapper {
    background-color: #e3f2fd;
    border-radius: 0 0 2em 2em;
}


.our-packages-wrapper .main-package {
    background-color: var(--SharkBlue) !important;
    color: var(--SharkWhite);
}

.our-package-header {

}

.our-package-header i {
    background: aliceblue;
    border-radius: 50%;
}

.our-package-header svg {
    width: 3em;
    height: 3em;
    fill: var(--SharkBlue);

}

.our-package-body i svg path {
    stroke: var(--SharkGreen) !important;
}

.our-package-cta button {
    background-color: var(--SharkBlue);
    color: #fcfcfc;
    width: 75%;
    margin: auto;
    outline: none;
    border: none;

}

.main-package .our-package-cta button {
    color: var(--SharkBlue);
    background-color: #fcfcfc !important;
}

.portfolio-card > div {
    background-color: var(--SharkBlue);
}

.our-portfolio-wrapper .image-wrapper img {
    width: 100%;
    max-height: 25vh;
    object-position: top;
    object-fit: cover;
    transition: all 1s ease-in-out;
}

.portfolio-card:hover .image-wrapper img {
    transition: all 10s ease-in-out;
    object-position: bottom;
}

.background-cover img {
    object-fit: cover;
}

.faq-wrapper {
    padding-bottom: 60vh !important;
}

@media (max-width: 900px) {
    .faq-wrapper {
        padding-bottom: 20vh !important;
    }
}

footer {
    background: #b8e6fd;
    overflow: visible;
    color: var(--bs-black);
}

footer #shark_footer {
    transform: translateY(-85%);
    pointer-events: none;
    user-select: none;
}

footer nav ul {
    list-style: none;
}

footer .link-shark {
    color: var(--bs-black);
}

.footer-logo {
    max-height: 15vh;
}

@media (max-width: 700px) {
    .footer-logo {
        max-height: 10vh;
    }
}

.puzzle-wrapper img {
    width: 20vh;
    height: 20vh;
    border-radius: 4px;
}

.puzzle-wrapper .col-sm-12 {
    width: fit-content;
}

footer .col-md-1 svg {
    max-height: 20vh;
}

.minus-shark-footer {
    margin-bottom: -21vw;
}

@media screen and (max-width: 900px) {
    .minus-shark-footer {
        margin-bottom: -10vh;
    }
}

.puzzle {
    direction: ltr;
    --puzzle-width: 24rem;
    --puzzle-height: 24rem;
    --puzzle-row: 3;
    --puzzle-col: 3;
    --puzzle-gap: 1px;
    --puzzle-frag-width: calc(var(--puzzle-width) / var(--puzzle-col));
    --puzzle-frag-height: calc(var(--puzzle-height) / var(--puzzle-row));
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    width: calc(var(--puzzle-width) + calc(var(--puzzle-col) * var(--puzzle-gap) * 2));
    height: calc(var(--puzzle-height) + calc(var(--puzzle-row) * var(--puzzle-gap) * 2));
}

.puzzle .fragment {
    --x-offset: calc(var(--x) * var(--puzzle-frag-width) * -1);
    --y-offset: calc(var(--y) * var(--puzzle-frag-height) * -1);
    width: var(--puzzle-frag-width);
    height: var(--puzzle-frag-height);
    order: var(--order);
    margin: var(--puzzle-gap);
    background: var(--puzzle-img) var(--x-offset) var(--y-offset) / var(--puzzle-width) var(--puzzle-height) no-repeat;
    border-radius: 4px;
}

@media screen and (max-width: 900px) {
    .w-25 {
        width: 85% !important;
    }
}

.tabs-wrapper {
    list-style: none;
}

.tabs-wrapper .active-tab button {
    background: var(--SharkBlue);
}

.tabs-wrapper button {
    background: transparent;
    color: var(--bs-white);
    transition: all 0.25s ease;
}

.tabs-wrapper :not(.active-tab) button:hover {
    background: #fcfcfc4f;
}

.puzzle-left-pieces-wrapper {
    font-weight: 800;
}

.puzzle-left-pieces {
    color: var(--bs-green)
}

.package-container {
    height: 100%;
}

.our-package-cta {
    margin-top: auto;
}

.our-package-body ul {
    max-height: 50vh;
    overflow-y: auto;
}

.our-package-body ul::-webkit-scrollbar {
    width: 5px;
}

.our-package-body ul::-webkit-scrollbar-track {
    background: transparent;
}

.our-package-body ul::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: darkgrey;
}

.our-package-body .not-available {

}

.our-package-body .not-available i svg path {
    stroke: var(--bs-red) !important;
}

#packages .col-12 {
    animation: fadeIn 1s ease-in-out forwards;
}

@keyframes animation {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.form-select {
    height: 3em;
}

input[name="website"].form-control:disabled {
    background: #e0f2f1;
}

@media screen and (min-width: 992px) {
    .text-sm-right {
        text-align: right !important;
    }
}

.btn:focus, .btn:hover {
    --bs-btn-hover-bg: #ffcc80;
    --bs-btn-hover-color: #212121;
}

@media (min-width: 768px) {
    .about-sharkweb-img-wrapper {
        order: 1;
    }
}

.about-sharkweb-img {
    width: 100%;
    height: auto;
    max-height: 45vh;
    object-fit: contain;
}

.our-packages-wrapper .container .col-12 .tabs-wrapper {
    overflow: auto;

}

.our-packages-wrapper .container .col-12 .tabs-wrapper {
    scrollbar-color: #999 #333;
}

.our-packages-wrapper .container .col-12 .tabs-wrapper::-webkit-scrollbar {
    height: 3px;
    border-radius: 1em;
}

.our-packages-wrapper .container .col-12 .tabs-wrapper::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 1em;
}

.our-packages-wrapper .container .col-12 .tabs-wrapper::-webkit-scrollbar-track {
    background: #e3f2fd;
}

.tabs-wrapper li {
    flex: 1 0 auto;
}

.logo {
    max-height: 52px;
}

header .social svg {
    stroke: var(--bs-white);
}

.sale-price {
    font-size: 1.25em;
    color: var(--bs-danger);
    font-variation-settings: "wght" 900;
    text-decoration: none;
}

.price {
    color: var(--bs-gray);
    text-decoration: line-through;
}

@media (min-width: 990px) and (max-width: 1178px) {
    .our-package-cta .justify-content-between {
        justify-content: center !important;
    }
}

.package-app-list {
    list-style: none;
}

.package-app-list i svg path {
    stroke: var(--SharkGreen) !important;
}

.package-app-list .sale-price {
    font-size: 1em;
}

.order-receipt-owner {
    background: #eeeeee;
    padding: 0.5em;
}
.border-bottom{
    padding-bottom: 0.33em;
    border-bottom: 1px solid #eeee;
}
.price-row.hidden{
    max-height:0 ;
    transition: all 0.2s ease;
    overflow: hidden;
}

.price-row.active{
    max-height:40px ;
}
form input[name="discount"]{
    height: 3em;
    max-width: 210px;
}

.modal .response{
    display: none;
}

.modal .loader-wrapper{
    display: none;
}

.modal .loader-wrapper .spinner {
    color: var(--SharkBlue);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal .loader-wrapper .spinner:after {
    animation: changeContent .8s linear infinite;
    display: block;
    content: "⠋";
    font-size: 80px;
}

@keyframes changeContent {
    10% { content: "⠙"; }
    20% { content: "⠹"; }
    30% { content: "⠸"; }
    40% { content: "⠼"; }
    50% { content: "⠴"; }
    60% { content: "⠦"; }
    70% { content: "⠧"; }
    80% { content: "⠇"; }
    90% { content: "⠏"; }
}


#totalDiscountPrice{
    display: none;
}
.discount-verified #totalPrice{
    text-decoration: line-through;
}

.instagram-loading-animation{
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.instagram-body{
    height: 45vh;
}

.instagram-header .avatar {
    width: 48px;
    height: 48px;
}

.instagram-header .username{
    flex: 1;
    height: 28px;
    max-width: 180px;
}
.instagram-likelihood{
    max-width: 600px;
}
.instagram-packages-wrapper{
    padding-bottom: 45vh !important;
    background:#e3f2fd;
}

@media screen and (max-width: 760px){
    .instagram-packages #packages{
        padding-bottom: 10vh !important;
    }
}
.instagram-hero{
    background:#e3f2fd;
}

.about-sharkweb{
    background: #fefefe;
}