/*!
Theme Name: Artful Design Studio
Theme URI: http://underscores.me/
Author: Moturi Magati George
Author URI: https://digitallyfreed.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: artful-design-studio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Artful Design Studio is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";
@font-face{font-family:'Lorin-Light';src:url(fonts/Lorin-Light.otf) format("opentype"),url(fonts/Lorin-Light.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Lorin-Regular';src:url(fonts/Lorin-Regular.otf) format("opentype"),url(fonts/Lorin-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Lorin-Bold';src:url(fonts/Lorin-Bold.otf) format("opentype"),url(fonts/Lorin-Bold.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Lorin-ExtraBold';src:url(fonts/Lorin-ExtraBold.otf) format("opentype"),url(fonts/Lorin-ExtraBold.ttf) format("truetype");font-weight:400;font-style:normal}
html,body{overflow-x:hidden;width:100%}
body {
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    background-color: #f8f9fa;
    scroll-behavior: smooth;
}
*{margin:0;padding:0;box-sizing:border-box}
a, a:hover, a:focus,a:active{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6,.navbar-brand,.nav-link{font-family:"Josefin Sans",sans-serif;font-weight:600}
.navbar{background-color:#fff6;transition:background-color .4s ease-in-out,padding-top .4s ease-in-out,padding-bottom .4s ease-in-out;padding:5px}
.navbar.scrolled{background-color:#fffffffa;box-shadow:0 2px 10px #0000001a;padding-top:.75rem;padding-bottom:.75rem}
.navbar.scrolled .navbar-brand .logo-img{max-height:50px}
.navbar.scrolled .nav-link{color:#333!important}
.navbar-brand .logo-img{max-height:60px;transition:max-height .4s ease-in-out}
.navbar-nav .nav-link,.navbar-extra a{padding:.5rem 1rem;color:#000;border-radius:.5rem;transition:color .2s ease-in-out,background-color .2s ease-in-out;margin:5px}
.navbar.scrolled .navbar-nav .nav-link{color:#495057}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#053348!important;background-color:#0a24630d}

.services-link-text{cursor:pointer}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.nav-item.dropdown .dropdown-toggle-split{padding-right:.5rem;padding-left:.25rem;color:inherit;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center}
.nav-item.dropdown .dropdown-toggle-split::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;transition:transform .15s ease-in-out}
.nav-item.dropdown .dropdown-toggle-split[aria-expanded="true"]::after{transform:rotate(180deg)}

.nav-item.dropdown{position:relative;display:inline-flex}
.nav-item.dropdown .nav-link:first-child{padding-right:.1rem}
.nav-item.dropdown .dropdown-toggle-split{padding-left:.1rem;padding-top:var(--bs-nav-link-padding-y);padding-bottom:var(--bs-nav-link-padding-y)}
#servicesNavLink.active{color:#0A2463!important;background-color:#0a24630d}
.nav-item.dropdown .dropdown-toggle-split.active{color:inherit!important;background-color:transparent!important}
.nav-item.dropdown .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #00000026;border-radius:.25rem}
.nav-item.dropdown.show .dropdown-menu{display:block}

.fullscreen-search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1050;overflow:auto;padding-top:60px}
.fullscreen-search-overlay .close-btn{position:absolute;top:20px;right:45px;font-size:60px;color:#fff;transition:.3s;cursor:pointer}
.fullscreen-search-overlay .close-btn:hover,.fullscreen-search-overlay .close-btn:focus{color:#bbb;text-decoration:none}
.fullscreen-search-overlay .search-overlay-content{position:relative;top:15%;width:80%;margin:auto;text-align:center}
.fullscreen-search-overlay .search-overlay-content .form-control{padding:15px 20px;font-size:1.25rem;border-radius:50px 0 0 50px}
.fullscreen-search-overlay .search-overlay-content .btn{padding:15px 30px;font-size:1.25rem;border-radius:0 50px 50px 0}
.fullscreen-search-overlay .search-overlay-content .input-group{flex-wrap:nowrap}

/* Home Page Carousel (Homeslider) */
#homeCarousel .carousel-item{min-height:600px;height:calc(100vh - 5rem)}
#homeCarousel .carousel-img{object-fit:cover;height:100%;width:100%;filter:brightness(0.65)}
#homeCarousel .carousel-caption{bottom:20%;background-color:#00000059;padding:2rem;border-radius:.5rem}
#homeCarousel .carousel-caption h1{font-size:2.25rem;font-weight:700;text-shadow: 0 2px 2px #120000;}
#homeCarousel .carousel-indicators button{background-color:#fff;opacity:.7;width:12px;height:12px;border-radius:50%;margin:0 5px}
#homeCarousel .carousel-indicators .active{opacity:1;background-color:#053348}
#homeCarousel .carousel-control-prev-icon, #homeCarousel .carousel-control-next-icon {
    background-color: #053346;
    border-radius: 50%;
    padding: 10px;
    width: 25px;
    height: 25px;
}
/* Scroll indicator animation */
.scroll-indicator {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.cta-button{display:inline-block;background:var(--accent);color:var(--dark);padding:1rem 2rem;font-size:1.2rem;text-decoration:none;border-radius:50px;transition:all .3s ease;font-weight:700}
.cta-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}
.page-header-short{background:url(https://dev.digitallyfreed.com/maggy/images/banner4.jpeg) no-repeat center center;background-size:cover;min-height:500px;height:calc(100vh - 8rem);color:#fff}
.page-header-short h1{font-size:2.8rem;text-shadow: 0 2px 2px #120000;}
.page-header-short p{text-shadow: 0 2px 2px #120000;}
.text-primary{color: #053346 !important;}
.btn{padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease;border-radius:50px}
.btn-lg{padding:.85rem 1.85rem;font-size:1.1rem}
.btn-primary{background-color:#053348;border-color:#053348}
.btn-primary:hover,.btn-primary:focus{background-color:#ffffff;border-color:#053348; color:#053348;box-shadow:0 4px 10px #0a24634d;transform:translateY(-2px)}
.btn-outline-light{border-color:#fff;color:#fff}
.btn-outline-light:hover{background-color:#fff;color:#053348}
.btn-outline-primary{border-color:#053348;color:#053348}
.btn-outline-primary:hover{background-color:#053348;color:#fff}
.card{border-radius:.75rem;transition:transform .3s ease,box-shadow .3s ease;border:none}
.card:hover{transform:translateY(-8px);box-shadow:0 .75rem 1.5rem #0000001a!important}
.card-img-top{border-top-left-radius:.75rem;border-top-right-radius:.75rem;object-fit:cover;height:300px}
.portfolio-item .card-img-top{height:280px}
.service-card{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;min-height:280px;display:flex;flex-direction:column;background-color:#fff}
.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a}
.service-card .card-content{flex-grow:1}
.service-icon{font-size:2.5rem;margin-bottom:1rem;color:#053348}
.service-item img{max-height:450px;object-fit:cover}
.service-features li{padding-bottom:.5rem}
.testimonial-card{background-color:#fff;border-left:5px solid #053348;border-radius:.375rem;box-shadow:0 .125rem .25rem #00000013}
.testimonial-card img{border:2px solid #e0e7ff}
#testimonialCarousel .carousel-control-prev-icon,#testimonialCarousel .carousel-control-next-icon{background-color:#0000004d;border-radius:50%;filter:invert(1)}
#testimonialCarousel .carousel-indicators button{background-color:#ccc}
#testimonialCarousel .carousel-indicators .active{background-color:#053348}
.cta-section{background-color:#f0f4f8}
.cta-section .btn-outline-secondary{border-color:#053348;color:#053348}
.cta-section .btn-outline-secondary:hover{background-color:#053348;color:#fff}

.map-responsive{overflow:hidden;padding-bottom:50%;position:relative;height:0}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.contact-info-box{line-height:1.8}
.contact-info-box i.fa-fw{width:1.28571429em;text-align:center}
.form-control-lg{padding:.75rem 1.25rem;font-size:1rem}
.form-select-lg{font-size:1rem;padding:.75rem 2.5rem .75rem 1.25rem}
.portfolio-img-zoom{transition:transform .4s ease}
.card.overflow-hidden:hover .portfolio-img-zoom{transform:scale(1.05)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3E92CC;outline-offset:2px;box-shadow:0 0 0 .2rem #3e92cc4d}
.navbar-toggler:focus-visible{box-shadow:0 0 0 .2rem #3e92cc4d}
.text-white h1,.text-white p,.text-white a,.carousel-caption h1,.carousel-caption p,.carousel-caption a{text-shadow:1px 1px 3px #0009}
.hover-opacity{transition:opacity .2s ease-in-out}
.hover-opacity:hover{opacity:1!important}
.display-3{font-size:calc(1.625rem + 4.5vw);font-weight:700}

.featured-project-card{position:relative;height:500px;border-radius:.75rem;overflow:hidden;background-color:#333;box-shadow:0 .5rem 1rem #00000026;transition:transform .3s ease,box-shadow .3s ease}
.featured-project-card:hover{transform:translateY(-10px);box-shadow:0 1rem 2rem #0003}
.featured-project-card .project-background-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}
.featured-project-card .project-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(transparent,#000c);color:#fff;z-index:2}
.featured-project-card .project-content h3{font-weight:700;margin-bottom:.5rem;text-shadow:1px 1px 3px #000000b3}
.featured-project-card .project-content p{font-size:.9rem;margin-bottom:0;text-shadow:1px 1px 2px #000000b3}
.recent-posts-section{position:relative}
#recentPostsCarousel .carousel-item-content{display:flex;align-items:center;height:100%}
#recentPostsCarousel .post-image-container{flex:0 0 45%;max-width:45%;height:100%;overflow:hidden;border-radius:.5rem 0 0 .5rem}
#recentPostsCarousel .post-image{width:100%;height:100%;object-fit:cover}
#recentPostsCarousel .post-text-content{flex:1;padding:2rem 2.5rem;display:flex;flex-direction:column;justify-content:center}
#recentPostsCarousel .post-text-content .post-meta{font-size:.8rem;color:#6c757d;margin-bottom:.5rem}
#recentPostsCarousel .post-text-content .post-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#333}
#recentPostsCarousel .post-text-content .post-excerpt{font-size:.95rem;color:#555;margin-bottom:1.5rem}
#recentPostsCarousel .carousel-indicators{position:absolute;left:-60px;top:50%;transform:translateY(-50%);flex-direction:column;margin:0;padding:0;list-style:none;right:auto;bottom:auto;width:auto}
#recentPostsCarousel .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;background-color:#ccc;border:1px solid #aaa;margin-bottom:10px;opacity:.6}
#recentPostsCarousel .carousel-indicators .active{background-color:#053348;opacity:1}
#recentPostsCarousel .carousel-control-prev,#recentPostsCarousel .carousel-control-next{width:5%;opacity:.7}
#recentPostsCarousel .carousel-control-prev-icon,#recentPostsCarousel .carousel-control-next-icon{background-color:#0006;border-radius:50%;padding:1rem;filter:invert(1)}
.artistic-portfolio-hero{height:85vh;min-height:600px;background-size:cover;background-position:center center;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.artistic-portfolio-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0003 0%,#000000b3 100%);z-index:1}
.artistic-portfolio-hero .container{position:relative;z-index:2;animation:fadeInHeroText 1.5s ease-out}
.artistic-portfolio-hero #projectTitle{font-family:'Playfair Display',serif;font-size:4rem;font-weight:900;letter-spacing:1px;margin-bottom:.5rem;text-shadow:2px 2px 8px #00000080}
.artistic-portfolio-hero #projectSubtitle{font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:.5px;opacity:.9;text-shadow:1px 1px 4px #0006}
@keyframes fadeInHeroText {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.section-title-artistic{font-family:'Playfair Display',serif;font-weight:700;font-size:2.8rem;margin-bottom:1.5rem;color:#2c3e50;text-align:center}
.section-title-artistic::after{content:'';display:block;width:80px;height:3px;background-color:#053348;margin:1rem auto 0}
.project-overview-section .lead{font-size:1.15rem;color:#555;line-height:1.8;text-align:justify}
.design-features-section{background-color:#f8f9fa}
.design-features-section ul{list-style:none;padding-left:0}
.design-features-section li{font-size:1.05rem;color:#444;padding:.75rem 0;border-bottom:1px dashed #ddd;display:flex;align-items:flex-start}
.design-features-section li i{color:#053348;margin-right:15px;margin-top:5px;font-size:1.2rem}
.design-features-section li:last-child{border-bottom:none}
.artistic-gallery{padding-top:3rem;padding-bottom:3rem}
.artistic-gallery .gallery-item{overflow:hidden;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 5px 15px #00000014;transition:transform .4s cubic-bezier(0.25,0.8,0.25,1),box-shadow .4s cubic-bezier(0.25,0.8,0.25,1)}
.artistic-gallery .gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(0.25,0.8,0.25,1)}
.artistic-gallery .gallery-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 25px #0000001f}
.artistic-gallery .gallery-item:hover img{transform:scale(1.1)}
.gallery-item.col-lg-8{height:500px}
.gallery-item.col-lg-4{height:500px}
.gallery-item.col-md-6{height:350px}
.project-details-artistic{background-color:#fff;padding:2.5rem;border-radius:.5rem;box-shadow:0 8px 25px #00000012;margin-top:-80px;position:relative;z-index:10}
.project-details-artistic h4{font-family:'Playfair Display',serif;font-weight:700;color:#053348;margin-bottom:1.5rem}
.project-details-artistic ul li{font-size:.95rem;color:#555}
.project-details-artistic ul strong{color:#2c3e50;display:inline-block}
.client-testimonial-artistic{background-color:#053348;color:#fff;padding:3rem;border-radius:.5rem;text-align:center;margin-top:3rem}
.client-testimonial-artistic i.fa-quote-left{font-size:2.5rem;opacity:.5;margin-bottom:1rem}
.client-testimonial-artistic blockquote p{font-size:1.25rem;font-style:italic;line-height:1.7;margin-bottom:1.5rem}
.client-testimonial-artistic .blockquote-footer{color:#e0e0e0;font-size:1rem;font-style:normal}
.portfolio-navigation-artistic{margin-top:4rem;padding-top:2rem;border-top:1px solid #eee}
.portfolio-navigation-artistic .btn{font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}
.portfolio-navigation-artistic .btn-outline-secondary:hover{background-color:#053348;color:#fff;border-color:#053348}
.modal-content.bg-transparent{background-color:transparent !important}
.modal-header .btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}
.modal-body img{border:3px solid #fff}
.single-blog-featured-image{width:100%;max-height:500px;object-fit:cover;border-radius:.5rem;margin-bottom:2rem}
.blog-content h2{margin-top:2rem;margin-bottom:1rem;font-size:1.75rem;font-weight:600}
.blog-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}
.blog-content p{margin-bottom:1.25rem;line-height:1.8}
.blog-content blockquote{border-left:4px solid #053348;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#555}
.social-share a{font-size:1.5rem;margin-right:1rem;color:#053348;transition:color .2s ease}
.social-share a:hover{color:#3E92CC}
.author-bio{background-color:#f8f9fa;padding:0.5rem;border-radius:.5rem}
.author-bio img{width:80px;height:80px;object-fit:cover}
.signature-collections-carousel-wrapper{position:relative;overflow:hidden;padding:3em 25px}
.signature-collections-carousel-track{display:flex;transition:transform .5s ease-in-out;align-items:center}
.signature-collections-card-item{flex:0 0 100%;padding:0 10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:auto;transition:transform .5s ease-in-out,opacity .5s ease-in-out}

.signature-collections-card-item .card{width:100%;display:flex;flex-direction:column;overflow:visible;height:auto}
.signature-collections-card-item .card-img-top{object-fit:cover;height:300px;width:100%}
.signature-collections-card-item.active-middle .card-img-top{height:300px}
.signature-collections-card-item .card-body{flex-grow:1;display:flex;flex-direction:column;padding:1rem}
.custom-carousel-control{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#00000080;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .3s ease}
.custom-carousel-control:hover{background-color:#000c}
.custom-carousel-control.carousel-control-prev{left:0}
.custom-carousel-control.carousel-control-next{right:0}
#signatureCollectionsCarousel .carousel-indicators{display:none}
#signatureCollectionsCarousel .carousel-control-next-icon,#signatureCollectionsCarousel .carousel-control-prev-icon{background:#000}
.who-we-are-blended{position:relative;background-color:#f8f9fa}
.who-we-are-blended .content-column{padding:3rem;z-index:2}
.who-we-are-blended .image-column{position:relative;min-height:400px}
.who-we-are-blended .blended-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to left,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to left,black 60%,transparent 100%)}
.futuristic-section{background-image:url(https://dev.digitallyfreed.com/maggy/images/186.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-blend-mode:overlay;background-color:#0533483d;color:#e0e0e0;padding:6rem 0;position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center}
.futuristic-section .container{position:relative;z-index:2}
.futuristic-row{align-items:center}
.futuristic-content-box{background-color:#0009;padding:2.5rem;border-radius:1rem;box-shadow:0 10px 30px #0006}
.futuristic-title{margin-bottom:1.5rem}
.futuristic-text{line-height:1.8}
.futuristic-button{background-color:#fdbb2d;border-color:#fdbb2d;color:#333;font-weight:700;transition:all .3s ease}
.futuristic-button:hover{background-color:#f7a600;border-color:#f7a600;color:#000;box-shadow:0 0 20px #fdbb2de6;transform:translateY(-3px)}

.portfolio-filter-nav .btn{margin-right:.5rem;margin-bottom:.5rem}
.portfolio-filter-nav .btn.active{background-color:#053348;color:#fff}
.portfolio-gallery .portfolio-item{transition:transform .3s ease,opacity .3s ease}
.portfolio-gallery .portfolio-item.show{display:block!important}
.portfolio-gallery .portfolio-item.hide{display:none!important}
.parallax-hero{position:relative;height:80vh;min-height:500px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:2px 2px 8px #000c}
.parallax-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3 0%,#0000004d 100%)}
.hero-title{font-size:3rem;font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem}
.hero-subtitle{font-size:1.5rem;font-weight:300;max-width:700px;margin:0 auto 2rem}
.btn-glow{padding:12px 30px;font-size:1.2rem;font-weight:700;border-radius:50px;background:linear-gradient(45deg,#ff4d4d,#f9cb28);border:none;color:#fff;box-shadow:0 0 20px #ff4d4d99;transition:all .3s ease}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 30px #ff4d4de6}
#process{background-color:#053346;}
.process-step-card{transition:transform .3s ease,box-shadow .3s ease}
.process-step-card:hover{transform:translateY(-8px);box-shadow:0 .5rem 1rem #00000014}
.process-step-card .text-pink-500{color:#053348}
.client-logos img{transition:transform .3s ease,filter .3s ease;filter:grayscale(80%);width:60px;}
.client-logos img:hover{transform:scale(1.1);filter:grayscale(0%);opacity:1!important}
footer .hover-opacity:hover{opacity:1!important;text-decoration:underline!important}
footer .fs-5{transition:color .2s ease}
footer .fs-5:hover{color:#3E92CC!important}
footer ul li a, footer ul li a:hover {
    text-decoration: none !important;
    color: #fff;
    padding: 3px 0;
    display: block;
}
@media screen and (min-width: 1200px) {
.display-3{font-size:5rem}
.display-4{font-size:calc(1.525rem + 3.3vw);font-weight:700;font-size:4rem}
.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:600;font-size:3.5rem}
.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:600;font-size:3rem}
}
@media screen and (min-width: 992px) {
.signature-collections-card-item{flex:0 0 33.333%}
.signature-collections-card-item.active-middle{transform:scale(1.2)}
.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu{display:block;margin-top:0}
.navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-toggle::after{transform:rotate(180deg)}
}
@media screen and (max-width: 991.98px) {
.navbar-expand-lg .navbar-collapse .nav-item.dropdown .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:none;box-shadow:none}
.navbar-expand-lg .navbar-collapse .nav-item.dropdown .dropdown-item{padding-left:1.5rem;color:#fff}
.futuristic-section{padding:4rem 0;min-height:400px}
.futuristic-content-box{padding:2rem}
.futuristic-image-container::before{animation:none}
#recentPostsCarousel .carousel-item-content{flex-direction:column}
#recentPostsCarousel .post-image-container{max-width:100%;width:100%;height:250px;min-height:250px;border-radius:.5rem .5rem 0 0}
#recentPostsCarousel .post-text-content{padding:1.5rem}
#recentPostsCarousel .carousel-indicators{position:static;flex-direction:row;transform:none;left:auto;top:auto;margin-top:1rem;justify-content:center}
#recentPostsCarousel .carousel-indicators [data-bs-target]{margin-bottom:0;margin-right:5px}
.who-we-are-blended .image-column{order:-1;min-height:300px}
.who-we-are-blended .blended-image{mask-image:none;-webkit-mask-image:none;position:relative;border-radius:.75rem}
.who-we-are-blended .content-column{padding:2rem 1.5rem}
}
@media screen and (max-width: 767px) {
/* Ensure the main navbar is always on top and clickable */
    .navbar.fixed-top {
        z-index: 1050; /* A high z-index to stay above the expanded menu */
        position: fixed; /* Already set, but good to be explicit */
        width: 100%; /* Ensure it spans the full width */
        top: 0; /* Ensure it's at the very top */
    }

    /* Styles for the expanded mobile navigation menu */
    .navbar-collapse.show {
        position: fixed; /* Position fixed relative to the viewport */
        top: 85px; /* Starts exactly below your main fixed-top navbar */
        left: 0;
        width: 100%;
        /* Calculate height to be full viewport height minus the navbar height */
        height: calc(100vh - 85px);
        
        /* Use a solid background color to cover content behind it */
        background-color: rgba(255, 255, 255, 0.98); /* Matching your navbar's color, made more opaque */
        
        z-index: 1040; /* Lower than the main fixed-top navbar, but higher than general content */
        overflow-y: auto; /* Enable scrolling if the menu content is too long */
        
        /* Optional: Add some padding to the bottom of the menu for better spacing */
        padding-bottom: 1.5rem; 
    }

    /* Adjust padding for the menu content inside the expanded menu */
    .navbar-collapse.show .navbar-nav {
        padding-top: 1rem; /* Add padding to the top of the menu items */
        padding-left: 1rem; /* Add padding to the left, or adjust as needed */
        padding-right: 1rem; /* Add padding to the right, or adjust as needed */
    }

    /* Adjust the extra section (search, request a quote) inside the expanded menu */
    .navbar-collapse.show .navbar-extra {
        padding-left: 1rem; /* Ensure consistent padding */
        padding-right: 1rem;
        padding-top: 0.5rem; /* Space between menu items and extra items */
        align-items: flex-start !important; /* Align items to the left in column layout */
    }
.fullscreen-search-overlay .close-btn{top:15px;right:25px;font-size:40px}
.fullscreen-search-overlay .search-overlay-content{top:10%;width:90%}
.fullscreen-search-overlay .search-overlay-content .form-control,.fullscreen-search-overlay .search-overlay-content .btn{padding:10px 15px;font-size:1rem}
.futuristic-content-box{width:100%}
.page-header-short {
    min-height: 350px;
    height: calc(100vh - 10rem);
}
#homeCarousel .carousel-control-prev-icon, #homeCarousel .carousel-control-next-icon {
    padding: 1rem;
    width: 20px;
    height: 20px;
}
#homeCarousel .carousel-caption h1 {
    font-size: 1.5rem;
}
.btn-lg {
    font-size: 0.75rem;
}
.hero-title{font-size:2.5rem}
.hero-subtitle{font-size:1.2rem}
.parallax-hero{background-attachment:scroll}
}
@media screen and (min-width: 768px) {
.page-header-short h1{font-size:3.5rem}
#homeCarousel .carousel-caption h1{font-size:3rem}
.signature-collections-card-item{flex:0 0 33.333%}
.signature-collections-card-item.active-middle{transform:scale(1.15);z-index:1}
.signature-collections-card-item:not(.active-middle){transform:scale(0.9);opacity:.8}
}