@import url('https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Ephesis&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('bs-overrides.css');

/* app v1 */

[data-bs-theme="light"] .header.fixed-top { background-color: rgba(255, 255, 255, .7) !important; backdrop-filter: blur(10px); transition: background-color 0.4s ease; }
[data-bs-theme="light"] .header.fixed-top.scrollOff { background-color: rgba(255, 255, 255, .7) !important; backdrop-filter: blur(10px); }
[data-bs-theme="light"] .header.fixed-top.scrollOn { background-color: rgba(255, 255, 255, .8) !important; backdrop-filter: blur(10px); }
[data-bs-theme="dark"] .header.fixed-top { background-color: rgba(0, 0, 0, .7) !important; backdrop-filter: blur(10px); transition: background-color 0.4s ease; }
[data-bs-theme="dark"] .header.fixed-top.scrollOff { background-color: rgba(0, 0, 0, .7) !important; backdrop-filter: blur(10px); }
[data-bs-theme="dark"] .header.fixed-top.scrollOn { background-color: rgba(0, 0, 0, .8) !important; backdrop-filter: blur(10px); }

[data-bs-theme="light"] .app-home .header.fixed-top { background-color: rgba(255, 255, 255, .7) !important; backdrop-filter: none; transition: background-color 0.4s ease; }
[data-bs-theme="light"] .app-home .header.fixed-top.scrollOff { background-color: rgba(255, 255, 255, .7) !important; backdrop-filter: none; }
[data-bs-theme="light"] .app-home .header.fixed-top.scrollOn { background-color: rgba(255, 255, 255, .8) !important; backdrop-filter: blur(10px); }
[data-bs-theme="dark"] .app-home .header.fixed-top { background-color: rgba(0, 0, 0, .7) !important; backdrop-filter: none; transition: background-color 0.4s ease; }
[data-bs-theme="dark"] .app-home .header.fixed-top.scrollOff { background-color: rgba(0, 0, 0, .7) !important; backdrop-filter: none; }
[data-bs-theme="dark"] .app-home .header.fixed-top.scrollOn { background-color: rgba(0, 0, 0, .8) !important; backdrop-filter: blur(10px); }

/* Topbar background and text color for light mode */
[data-bs-theme="light"] .topbar {
    background-color: var(--bs-light);
    color: var(--bs-body-color);
}


/* Topbar background and text color for dark mode */
[data-bs-theme="dark"] .topbar {
    background-color: var(--bs-dark);
    color: #fff;
}


/* Bottombar background and text color for light mode */
[data-bs-theme="light"] .bottombar {
    background-color: var(--bs-light) !important;
    color: var(--bs-body-color);
}
[data-bs-theme="light"] .bottombar a,
[data-bs-theme="light"] .bottombar .icon {
    color: var(--bs-body-color) !important;
}
[data-bs-theme="light"] .bottombar a:hover,
[data-bs-theme="light"] .bottombar .icon:hover {
    color: var(--bs-primary) !important;
}

/* Bottombar background and text color for dark mode */
[data-bs-theme="dark"] .bottombar {
    background-color: var(--bs-black) !important;
    color: #fff;
}
[data-bs-theme="dark"] .bottombar a,
[data-bs-theme="dark"] .bottombar .icon {
    color: #fff !important;
}
[data-bs-theme="dark"] .bottombar a:hover,
[data-bs-theme="dark"] .bottombar .icon:hover {
    color: var(--bs-secondary) !important;
}

/* sidebar siblings */
[data-bs-theme="light"] .sidebar .siblings-title a { font-family: var(--secondary-font); color: var(--bs-primary); font-weight: 600; font-size: 32px; }
[data-bs-theme="light"] .sidebar .siblings-title a:hover { color: var(--bs-secondary); }
[data-bs-theme="light"] .sidebar .siblings li a { display: block; padding: 4px 9px; color: var(--bs-primary); border-bottom-right-radius: 8px; font-size: var(--bs-body-font-size); border-bottom: 1px dashed #dedede;  }
[data-bs-theme="light"] .sidebar .siblings li a:hover { color: var(--bs-secondary); }
[data-bs-theme="light"] .sidebar .siblings li.active a { color: var(--bs-secondary); font-weight: 600; }

[data-bs-theme="dark"] .sidebar .siblings-title a { font-family: var(--secondary-font); color: rgb(var(--bs-white)); font-weight: 600; font-size: 32px; }
[data-bs-theme="dark"] .sidebar .siblings-title a:hover { color: var(--bs-secondary)}
[data-bs-theme="dark"] .sidebar .siblings li a { display: block; padding: 4px 9px; color: rgb(var(--white-color)); border-bottom-right-radius: 8px; font-size: var(--bs-body-font-size); border-bottom: 1px dashed #dedede;  }
[data-bs-theme="dark"] .sidebar .siblings li a:hover { color: var(--bs-secondary) }
[data-bs-theme="dark"] .sidebar .siblings li.active a { color: var(--bs-secondary); font-weight: 600; }

/* footer socials */
.footer-socials .social-item { border-radius: 5px; transition: 0.3s ease all; }
[data-bs-theme="light"] .footer-socials .social-item:hover { background-color: var(--bs-primary) !important; color: #fff !important; }
[data-bs-theme="dark"] .footer-socials .social-item:hover { background-color: rgb(var(--secondary-color)) !important; color: #000 !important; }

/* app backgrounds */
.app-bg-primary { background-color: var(--bs-primary); }
.app-bg-secondary { background-color: var(--bs-secondary) }
.app-bg-alternative { background-color: rgb(var(--alternative-color)); }

/* app banner backgrounds */
.bg-parallax { width: 100%; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.bg-static { position: relative; display: table; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-attachment: scroll; background-size: cover; }
.bg-gallery { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-attachment: scroll; background-size: cover; }

/* app banner creative */
.banner.creative .banner-column-img { -webkit-box-flex: 0; flex-grow: 0; position: relative; }
.banner.creative .banner-column-img,
.banner.creative .banner-column-data { flex: 1; }
.banner.creative .banner-column-img img { position: absolute; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; color: transparent; object-fit: cover; }
.banner.creative .btn-primary,
.banner.creative .btn-secondary,
.banner.creative .btn-outline-primary { font-weight: 700; }

/* app cards */
.app-card { border-radius: 10px; overflow: hidden;}
.app-card .app-card-content { padding: 15px; }
.app-card .app-card-content .app-card-title a { color: var(--secondary-color); text-decoration: none; }
.app-card .app-card-content .app-card-title a:hover { color: var(--primary-color); text-decoration: underline; }
.app-card .app-card-content p { margin-bottom: 0.25rem; }
[data-bs-theme="dark"] .app-card {  border: 1px solid var(--bs-border-color);  }

/* app breadcrumb */
.app-breadcrumb { padding: .5rem 0; }
.app-breadcrumb .breadcrumb { padding: 0; margin: 0; }
[data-bs-theme="light"] .creative-breadcrumb { background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); }
[data-bs-theme="dark"] .creative-breadcrumb { background: linear-gradient(0deg, rgba(var(--bs-tertiary-bg-rgb),1) 0%, rgba(var(--bs-tertiary-bg-rgb),1) 100%); }

/* app featured slider */
.featured-slider .hero-swiper .swiper-slide { min-height: calc(100vh - var(--header-height) - 40px); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.featured-slider .hero-swiper .swiper-slide .slide-title { color: #fff; font-size: 52px; font-weight: 800; text-shadow: 1px 1px #666; }
.featured-slider .hero-swiper .swiper-slide .slide-subtitle { color: #fff;  font-size: 36px; font-weight: 400; }
.featured-slider .hero-swiper .swiper-slide .slide-description { color: #fff;  font-size: 16px; }

/* app featured slider swiper */
.featured-slider { position: relative; }
.featured-slider .hero-swiper .swiper-content { position: relative; }
.featured-slider .hero-swiper .swiper-slide { min-height: calc(100vh - var(--header-height) - 40px); }
.featured-slider .hero-swiper .swiper-slide::before { content: ""; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; }
.featured-slider .hero-swiper .swiper-pagination-bullet { width: 30px; height: 30px; border-radius: 0; }
.featured-slider .swiper-pagination-progressbar { bottom: 0; top: auto; }

/* app card carousel */
.group-slideshow .swiper-wrapper .swiper-slide { height: unset;}
.group-slideshow .swiper-wrapper { align-items: stretch; }

/* app grid */
.grid-title { font-weight: 800; font-family: var(--secondary-font); text-align: center; position: relative; }
.grid-subtitle { font-weight: 300; font-family: var(--secondary-font); text-align: center; position: relative; }
.grid-entry .card-body .card-text > * { font-family: var(--secondary-font); }

/* app group */
.group-title { font-weight: 800; font-family: var(--secondary-font); text-align: center; position: relative; }
.group-description p { font-weight: 300; font-family: var(--secondary-font); text-align: center; }

[data-bs-theme="light"] .grid-entry .card-body { background-color: var(--bs-light); }
[data-bs-theme="dark"] .grid-entry .card-body { background-color: var(--bs-tertiary-bg); }
[data-bs-theme="light"] .grid-entry .card-body .card-title { font-weight: 700; font-family: var(--secondary-font); color: var(--bs-primary); margin-bottom: 0; text-align: left; }
[data-bs-theme="dark"] .grid-entry .card-body .card-title { font-weight: 700; font-family: var(--secondary-font); color: var(--bs-white); margin-bottom: 0; text-align: left; }

.grid-widget.creative .grid-entry .card-body { background-color: var(--bs-primary); box-shadow: rgba(58, 67, 84, 0.05) 0px 5px 5px -2px, rgba(58, 67, 84, 0.1) 0px 4px 8px -4px; }
.grid-widget.creative .grid-entry .card-body .card-title { color: var(--bs-white); font-size: 24px; padding-bottom: 5px; border-bottom: 2px dotted var(--bs-white); }
.grid-widget.creative .grid-entry .card-body .card-text { color: var(--bs-white); }
.grid-widget.creative .grid-entry .card-body .card-text p { margin-bottom: 0; }

[data-bs-theme="light"] .testimonials.grid .entry-block { background-color: var(--bs-light); }
[data-bs-theme="dark"] .testimonials.grid .entry-block { background-color: var(--bs-dark); }

[data-bs-theme="light"] .numbers.grid .entry-block { background-color: var(--bs-light); }
[data-bs-theme="dark"] .numbers.grid .entry-block { background-color: var(--bs-dark); }

/* app shadows */
[data-bs-theme="light"] .box-shadow-section { box-shadow: rgba(var(--bs-black-rgb), 0.1) 0px 5px 20px -10px; }
[data-bs-theme="light"] .box-shadow-breadcrumb { box-shadow: rgba(var(--bs-black-rgb), 0.1) 0px 1px 3px 0px, rgba(var(--bs-black-rgb), 0.06) 0px 1px 2px 0px; }

[data-bs-theme="dark"] .box-shadow-section { box-shadow: rgba(var(--bs-white-rgb), 0.1) 0px 5px 20px -10px; }
[data-bs-theme="dark"] .box-shadow-breadcrumb { box-shadow: rgba(var(--bs-white-rgb), 0.1) 0px 1px 3px 0px, rgba(var(--bs-white-rgb), 0.06) 0px 1px 2px 0px; }

/* app pageheader */
.pageheader-section { position: relative; padding-top: 0; padding-bottom: 0; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.pageheader-section.overlay::before { display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(var(--bs-black-rgb),0.5); content: ""; }
.pageheader-section .pageheader-breadcrumb ol,
.pageheader-section .pageheader-breadcrumb li,
.pageheader-section .pageheader-breadcrumb p,
.pageheader-section .pageheader-breadcrumb a,
.pageheader-section .pageheader-breadcrumb span  { color: #ddd; text-decoration: none; }
.pageheader-section .pageheader-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #ccc; }
.pageheader-section .pageheader-breadcrumb a:hover { text-decoration: underline; }

.pageheader-section .pageheader-content { position: relative; }
.pageheader-section .pageheader-content .page-title { margin-bottom: 1rem; margin-top: 1rem; opacity: 1; }
.pageheader-section .pageheader-content .page-description { margin-bottom: 1.5rem; opacity: 1; }

/* flat card */
[data-bs-theme="light"] .flat-card { font-size: 24px; padding: 40px 10px !important; width: 100%; height: 100%; display: block; background-color: var(--bs-primary); color: var(--bs-white); text-align: center; }
[data-bs-theme="light"] .flat-card:hover { background-color: var(--bs-secondary); color: var(--bs-white); }

[data-bs-theme="dark"] .flat-card { font-size: 24px; padding: 40px 10px !important; width: 100%; height: 100%; display: block; background-color: var(--bs-secondary); color: var(--bs-white); text-align: center; }
[data-bs-theme="dark"] .flat-card:hover { background-color: var(--bs-primary); color: var(--bs-white); }

/* toggle theme */
.toggle-theme { color: #FFCC33; min-width: 1rem; border: 0; padding: 0; margin: 0; font-size: 1rem; background: none; background-color: transparent; }

/* Topbar language bar */
.topbar-lang select { font-size: 12px !important; }
.topbar-lang select:focus { border-color: var(--bs-border-color); box-shadow: none; }

/* app accordion */
[data-bs-theme=dark] .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
[data-bs-theme=light] .accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button { font-weight: 600; }
.accordion-body >*:last-child { margin-bottom: 0; }

/* app documents */
.box { background-color: var(--bs-primary); text-align: center; padding: 20px 15px; border-bottom-right-radius: 10px; box-shadow: rgb(38, 57, 77) 0px 5px 15px -10px; }
.box .box-image img.certificate-image { max-height: 45px; filter: brightness(0) invert(1); }
.box h3 { font-size: 20px; font-weight: 400; font-family: var(--secondary-font); color: #fff; margin-bottom: 20px; margin-top: 20px; }
.box .fa { font-size: 11px; padding-right: 0 !important; margin-left: 0.5rem; }
.box .btn-small { padding: 5px 17px; font-size: 14px; background-color: var(--bs-primary); color: #fff; font-family: var(--secondary-font); border-radius: 10px !important; border-color: #fff; }
.box .btn-small:hover { background-color: var(--bs-secondary); color: #fff; border-color: #fff; }
.box .btn-small:before { background-color: var(--bs-secondary); }

/* app article */
[data-bs-theme=dark] .article-mask { background-color: transparent !important;}

/* app video hero */
.hero { height: calc(100vh - var(--header-height)); width: 100%; padding-top: 0; }
.hero.single-video { position: relative; }
.hero::before { content:''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0,0.7); width:100%; height:100%; z-index:1; }
.hero.hero-video .hero-bg-video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; }
.hero.hero-video .hero-bg-video video { width:100%; height:100%; object-fit:cover; }

.hero-content { position: relative; z-index:1; }

.hosted-video .video-section { width: 100%; height: calc(100vh - var(--header-height)); }
.hosted-video .video-section video { width:100%; height:100%; object-fit:cover; }

/* magnific popup iframe */
.mfp-iframe-scaler { padding-top: 0; }
.mfp-iframe-holder { padding-top: 0; padding-bottom: 0; }
.mfp-iframe-holder .mfp-content { width: 90%; height: 90%; max-width: 90%; }

/* app modals */
#popupModal .modal-body { padding: 0; }
#popupModal .modal-footer { justify-content: center; }
#popupModal .modal-title { font-weight: 700; }
.modal-content { border: 0; }

/* app modal dialog magnific fix */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 680px;
        margin-right: auto;
        margin-left: auto;
    }
}

/* app forms */
.form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.form-check-input:focus { box-shadow: none; border-color: var(--bs-primary); }
.form-control:focus { box-shadow: 0 0 0 .25rem rgba(var(--primary-color), .25); border-color: var(--bs-primary); }
.form-messages > span { display: block; margin-bottom: 1rem; width: 100%; }
.form-group .form-label strong { font-weight: 600; } 
.form .consent-link { vertical-align: baseline; align-items: baseline; }

/* app contact informations */
.contact-informations li { padding: 0.75rem 1.5rem; border-radius: var(--bs-border-radius); position: relative; padding-left: 80px; margin-bottom: 1rem; }
.contact-informations li i { position: absolute; left: 20px; top: 0; padding-top: 12px; height: 100%; width: 40px; font-size: 24px; color: var(--bs-secondary); opacity: 0.7; border-right: 1px dashed #dfdfdf; }
.contact-informations li i.fa-map-marker { padding-top: 12px; }

/* recaptcha badge position */
.grecaptcha-badge { visibility: hidden; }
.recaptchaConsent { font-size: 0.75rem; }
.recaptchaConsent a { text-decoration: none; }

[data-bs-theme="light"] .contact-informations li { background-color: var(--bs-light); border: 1px solid rgb(var(--bs-secondary-bg-rgb)); color: var(--bs-dark); }
[data-bs-theme="light"] .contact-informations li a { color: var(--bs-dark); }
[data-bs-theme="light"] .contact-informations li a:hover { color: var(--bs-primary); }
[data-bs-theme="light"] .contact-informations li i {  color: var(--bs-primary); border-right: 1px dashed rgb(var(--bs-secondary-bg-rgb)); }

[data-bs-theme="dark"] .contact-informations li { background-color: var(--bs-dark-bg-subtle); border: 1px solid var(--bs-dark); color: var(--bs-white); }
[data-bs-theme="dark"] .contact-informations li a { color: var(--bs-white); }
[data-bs-theme="dark"] .contact-informations li a:hover { color: var(--bs-primary); }
[data-bs-theme="dark"] .contact-informations li i {  color: var(--bs-white); border-right: 1px dashed rgb(var(--bs-secondary-bg-rgb)); }

/* app typography */
.typography table { width: 100%; max-width: 100%; font-size: 15px; margin-bottom: 1rem; background-color: transparent; border-collapse: collapse; display: table; box-sizing: border-box; text-indent: initial; unicode-bidi: isolate; border-spacing: 2px; border-color: var(--primary-color); }
.typography table thead { background-color: var(--primary-color); color: #fff; }
.typography table thead p { color: #fff; }
.typography p { font-size: var(--bs-body-font-size); }
.typography table p { margin-bottom: 0; font-size: var(--bs-body-font-size);  }
.typography table td { padding: .3rem; vertical-align: top; border-top: 1px solid #dee2e6;  }
.typography table th { padding: .3rem; vertical-align: top;  }
.typography table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05); }

.typography strong { font-weight: 700 !important; }
.typography p { color: var(--bs-body-color); }
.typography .overflow-table { overflow-x: auto; }
.typography .overflow-table p { font-size: var(--bs-body-font-size);  }

.typography h1,
.typography h2,
.typography h2,
.typography h3, 
.typography h4,
.typography h5,
.typography h6 { font-family: var(--primary-font); font-weight: 400; color: var(--heading-light-color); margin-top: 0; margin-bottom: 1.5rem; }

.typography h1 { font-size: 34px; }
.typography h2 { font-size: 30px; }
.typography h3 { font-size: 26px; }
.typography h4 { font-size: 22px; }
.typography h5 { font-size: 18px; }
.typography h6 { font-size: 16px; }

.typography blockquote { margin-bottom: 2rem; margin-top: 2rem; padding: 1rem; background-color: #f1f1f1; font-size: 1.125rem; }
.typography blockquote p { padding: 0; margin: 0; }
.typography ul li { margin-bottom: 0.75rem; }

p + h1, p + h2, p + h3, p + h1, p + h4, p + h5, p + h6 { 
    margin-top: 2rem 
}

ul + h1, ul + h2, ul + h3, ul + h1, ul + h4, ul + h5, ul + h6 { 
    margin-top: 2rem 
}

p + blockquote{
    margin-top: 2rem;
}

/* helpers */
.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis-two { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.text-ellipsis-multi { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* swiper override */
.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: var(--bs-black); background: rgb(var(--primary-color)); opacity: 0.5; border-radius: 0; }
.swiper-pagination-bullet-active { color: var(--bs-white); background: rgb(var(--secondary-color)); opacity: 1; }
.swiper-pagination {
    --swiper-pagination-bottom: 0;
}

@media (max-width: 768px) {
    /* app featured slider responsive */
    .featured-slider .hero-swiper .swiper-slide .swiper-content { padding-top: 100px !important; }
    .featured-slider .hero-swiper .swiper-slide .slide-title { font-size: 36px !important; text-align: center !important; max-width: 100%; }
    .featured-slider .hero-swiper .swiper-slide .slide-subtitle { font-size: 36px !important; margin-top: 0; text-align: center !important; max-width: 100%; }
    .featured-slider .hero-swiper .swiper-slide .slide-description { text-align: center !important; max-width: 100%; }
    .featured-slider .hero-swiper .swiper-slide .slide-buttons { text-align: center !important; margin-top: 50px; }
    .featured-slider .hero-swiper .swiper-button-prev,
    .featured-slider .hero-swiper .swiper-button-next { display: none !important; }
    
    /* app cards */
    .app-card .app-card-image { max-width: 100%; }
}

@media (max-width: 992px) {
    /* app dropdown menu padding fix */
    .dropdown-menu {
        --bs-dropdown-padding-x: 0.25rem;
        --bs-dropdown-padding-y: 0.25rem;
        --bs-dropdown-border-width: 0;
    }
    
    /* app pageheader responsive */
    .pageheader-section .pageheader-content .page-title { line-height: 42px !important; font-size: 32px !important; }

    /* app banner creative responsive */
    .banner.creative .banner-area { flex-direction: column !important; display: block;  }
    .banner.creative .banner-column-img { height: 250px !important; flex-basis: unset;  }
    
}


/* .navbar-nav { --bs-nav-link-font-size: 16px; --bs-nav-link-font-weight: 400; --bs-navbar-color: var(--bs-black); }

.navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.7);
}

.navbar-toggler:focus {
   box-shadow: 0 0 20px 5px rgba(255, 190, 0, 0.7);
} */