/********** Template CSS **********/
:root {
    --primary: #32C36C;
    --light: #F6F7F8;
    --dark: #1A2A36;
}

/* MIRNURSTROY corporate profile */
.mirnurstroy-site { --blue: #003a6d; --navy: #06243d; --orange: #f9a825; --paper: #f3f5f7; --ink: #132331; margin: 0; color: var(--ink); font-family: 'DM Sans', sans-serif; background: var(--paper); }
.mirnurstroy-site h1, .mirnurstroy-site h2, .mirnurstroy-site h3 { font-family: 'Space Grotesk', sans-serif; letter-spacing: 0; }
.mirnurstroy-site h2 { font-size: clamp(2.6rem, 5vw, 5.2rem); line-height: .98; margin: 0 0 2rem; color: var(--navy); }
.mirnurstroy-site h2 em { color: var(--orange); font-style: normal; }
.mirnurstroy-site #spinner { background: var(--navy); color: var(--orange); position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; }
.mirnurstroy-site #spinner:not(.show) { display: none; }
.site-header { height: 82px; padding: 0 5vw; background: #fff; display: flex; align-items: center; justify-content: space-between; position: fixed; inset: 0 0 auto; z-index: 99; border-bottom: 1px solid #dce5eb; }
.brand-lockup { display: flex; align-items: center; gap: 10px; color: var(--navy); font: 700 1.08rem 'Space Grotesk', sans-serif; letter-spacing: .08em; }
.brand-lockup small { color: var(--orange); display: block; font: 600 .55rem 'DM Sans', sans-serif; letter-spacing: .3em; }
.brand-mark { width: 36px; height: 36px; background: var(--orange); color: var(--navy); display: grid; place-items: center; font-size: 1rem; transform: rotate(45deg); }
.brand-mark i { transform: rotate(-45deg); }
.site-nav { display: flex; gap: clamp(18px, 2.3vw, 38px); }
.site-nav a { color: var(--navy); font-size: .7rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; text-decoration: none; position: relative; padding: 31px 0; }
.site-nav a:after { content: ''; position: absolute; height: 3px; background: var(--orange); bottom: 0; left: 0; right: 100%; transition: right .3s; }
.site-nav a:hover:after, .site-nav a.active:after { right: 0; }
.header-phone { color: var(--blue); font-size: .78rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.header-phone i { color: var(--orange); margin-right: 7px; }
.hero-section { min-height: 760px; height: 100vh; padding: 180px 10vw 80px; position: relative; color: #fff; overflow: hidden; background: linear-gradient(90deg, rgba(1,28,52,.93) 0%, rgba(0,58,109,.68) 48%, rgba(0,30,50,.12) 100%), url('../img/carousel-1.jpg') center/cover; }
.hero-section:after { content: ''; position: absolute; inset: 0; opacity: .18; background: repeating-linear-gradient(120deg, transparent 0 110px, #fff 111px 112px, transparent 113px 220px); pointer-events: none; }
.hero-grid-lines { position: absolute; width: 48vw; height: 48vw; right: -10vw; top: 13%; border: 1px solid rgba(255,255,255,.28); transform: rotate(45deg); }
.hero-content, .hero-stamp, .scroll-cue { position: relative; z-index: 1; }
.hero-content { max-width: 800px; }
.eyebrow { color: var(--blue); font-size: .72rem; font-weight: 700; letter-spacing: .18em; margin-bottom: 1.5rem; }
.eyebrow.light { color: #fff; }.eyebrow span { display: inline-block; width: 28px; height: 3px; margin-right: 10px; vertical-align: middle; background: var(--orange); }
.hero-content h1 { color: #fff; font-size: clamp(3.6rem, 10vw, 9rem); line-height: .84; margin: 0 0 2rem; letter-spacing: -.06em; }.hero-content h1 span { color: var(--orange); }
.hero-lead { font: 600 clamp(1.4rem, 2.7vw, 2.4rem)/1.08 'Space Grotesk', sans-serif; margin-bottom: 1rem; }.hero-copy { max-width: 430px; color: #d9e8f2; line-height: 1.7; margin-bottom: 2.2rem; }
.outline-button, .text-link { color: var(--orange); border: 1px solid var(--orange); padding: 14px 20px; display: inline-flex; gap: 18px; align-items: center; font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; text-decoration: none; }.outline-button:hover { color: var(--navy); background: var(--orange); }.text-link { border: 0; padding: 0; }
.hero-stamp { position: absolute; right: 8vw; bottom: 13%; display: flex; align-items: center; gap: 16px; color: #c2d7e6; font-size: .62rem; letter-spacing: .16em; line-height: 1.7; }.hero-stamp span { color: var(--orange); font: 600 2.5rem 'Space Grotesk'; }.scroll-cue { position: absolute; bottom: 36px; left: 10vw; font-size: .62rem; letter-spacing: .2em; color: #b6cad8; }.scroll-cue span { height: 38px; width: 1px; background: var(--orange); display: inline-block; vertical-align: middle; margin-right: 12px; }
.section { padding: 110px 10vw; position: relative; overflow: hidden; }.section-label { color: #7a8c98; font: 700 .66rem 'Space Grotesk'; letter-spacing: .2em; margin-bottom: 64px; }.section-label.light { color: #b6cad8; }
.about-section { background: #fff; }.about-layout, .passport-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 10vw; align-items: center; }.about-copy { max-width: 480px; }.about-copy > p:not(.eyebrow) { color: #5d6c76; line-height: 1.75; }.about-photo { height: 510px; position: relative; }.about-photo:before { content: ''; position: absolute; width: 80%; height: 100%; top: -22px; right: -22px; border: 2px solid var(--orange); }.about-photo img { width: 100%; height: 100%; object-fit: cover; position: relative; }.photo-note { position: absolute; left: -30px; bottom: 34px; background: var(--orange); padding: 15px 18px; display: flex; gap: 13px; align-items: center; color: var(--navy); font-size: .67rem; font-weight: 700; line-height: 1.5; }.photo-note strong { font: 2.4rem 'Space Grotesk'; }
.timeline { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 90px; border-top: 1px solid #cad5dc; }.timeline div { padding-top: 19px; position: relative; }.timeline div:before { content: ''; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; background: #b3c0c9; border-radius: 50%; }.timeline div.current:before { background: var(--orange); box-shadow: 0 0 0 5px #fff, 0 0 0 6px var(--orange); }.timeline b { display: block; color: var(--blue); font: 700 1.4rem 'Space Grotesk'; }.timeline span { color: #84939c; font-size: .75rem; }
.passport-section { background: var(--paper); }.passport-layout { grid-template-columns: 1.2fr .8fr; }.fact-grid { display: grid; grid-template-columns: repeat(2, minmax(140px, 1fr)); gap: 1px; background: #ccd7dd; max-width: 650px; }.fact-grid div { background: var(--paper); padding: 22px; }.fact-grid span { display: block; color: #788991; font-size: .67rem; margin-bottom: 9px; }.fact-grid strong { color: var(--navy); font: 600 1.05rem 'Space Grotesk'; }.map-panel { min-height: 360px; display: flex; flex-direction: column; justify-content: end; padding: 24px; background: linear-gradient(145deg, rgba(0,58,109,.82), rgba(5,27,45,.95)), url('../img/feature.jpg') center/cover; color: #fff; }.map-silhouette { height: 230px; position: relative; background: repeating-linear-gradient(0deg, transparent 0 29px, rgba(255,255,255,.12) 30px), repeating-linear-gradient(90deg, transparent 0 29px, rgba(255,255,255,.12) 30px); clip-path: polygon(32% 3%, 65% 10%, 90% 33%, 73% 52%, 97% 77%, 61% 91%, 37% 77%, 8% 82%, 18% 48%, 5% 29%); }.map-dot { position: absolute; width: 13px; height: 13px; border-radius: 50%; background: var(--orange); left: 57%; top: 38%; box-shadow: 0 0 0 8px rgba(249,168,37,.2); }.map-label { position: absolute; left: 61%; top: 37%; color: var(--orange); font-size: .62rem; font-weight: 700; }.map-panel p { color: #d5e4ed; font-size: .75rem; margin: 20px 0 0; }.map-panel p i { color: var(--orange); margin-right: 8px; }
.services-section { background: #eef2f5; }.section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 55px; }.section-heading > p { max-width: 330px; color: #647580; line-height: 1.7; }.service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: #cad5dc; }.service-grid article { background: #eef2f5; padding: 34px; min-height: 235px; position: relative; transition: background .3s, color .3s; }.service-grid article:hover { background: var(--blue); color: #fff; }.service-grid article > i { color: var(--orange); font-size: 1.8rem; }.service-grid article > span { position: absolute; right: 26px; top: 26px; color: #9eafb9; font: 1rem 'Space Grotesk'; }.service-grid h3 { margin: 42px 0 12px; font-size: 1.2rem; }.service-grid p { color: #76858d; font-size: .82rem; line-height: 1.55; margin: 0; }.service-grid article:hover p { color: #cbdde9; }
.results-section { min-height: 670px; padding: 0; background: var(--navy); color: #fff; display: grid; grid-template-columns: 45% 55%; }.results-image { background: linear-gradient(90deg, rgba(6,36,61,.1), var(--navy)), url('../img/gallery-4.jpg') center/cover; }.results-content { padding: 100px 10vw 80px 7vw; background: var(--navy); }.results-content h2 { color: #fff; }.stat-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 42px 30px; margin-top: 54px; }.stat-grid strong { display: block; color: var(--orange); font: 700 clamp(2.5rem, 4vw, 4rem)/1 'Space Grotesk'; }.stat-grid strong span { font-size: .48em; }.stat-grid small { display: block; color: #b3c9d7; font-size: .72rem; line-height: 1.5; max-width: 160px; margin-top: 10px; }
.technology-section { background: #fff; }.technology-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: #ccd7dd; }.technology-column { background: #fff; padding: 38px 44px 44px; border-top: 5px solid var(--blue); }.technology-column.orange-column { border-top-color: var(--orange); }.tech-icon { color: var(--orange); font-size: 1.5rem; }.technology-column h3 { font-size: 1.6rem; margin: 18px 0 28px; }.logo-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }.logo-list b { padding: 9px 12px; border: 1px solid #d8e1e5; color: #576b77; font-size: .72rem; }.technology-column ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; color: #5c6f7a; font-size: .78rem; }.technology-column li:before { content: '✓'; color: var(--orange); font-weight: 700; margin-right: 8px; }
.contact-section { padding: 0; min-height: 620px; display: grid; grid-template-columns: 42% 58%; background: var(--blue); color: #fff; }.contact-image { background: linear-gradient(90deg, rgba(0,58,109,.2), rgba(0,58,109,.72)), url('../img/quote.jpg') center/cover; }.contact-content { padding: 95px 10vw 70px 7vw; }.contact-content h2 { color: #fff; }.contact-lead { color: #d6e4ec; max-width: 350px; margin-bottom: 38px; }.contact-details { display: grid; gap: 14px; }.contact-details a { color: #e1edf3; font-size: .78rem; line-height: 1.5; text-decoration: none; }.contact-details i { width: 23px; color: var(--orange); }.site-footer { background: #041c2f; color: #90aab9; min-height: 82px; padding: 24px 5vw; display: flex; align-items: center; justify-content: space-between; font-size: .68rem; }.site-footer .brand-lockup { color: #fff; transform: scale(.8); transform-origin: left center; }.site-footer a { color: var(--orange); text-decoration: none; text-transform: uppercase; letter-spacing: .12em; }
@media (max-width: 900px) { .site-header { padding: 0 5vw; }.site-nav { display: none; }.header-phone { font-size: .7rem; }.section { padding: 80px 7vw; }.about-layout, .passport-layout { grid-template-columns: 1fr; gap: 50px; }.about-photo { height: 400px; }.results-section, .contact-section { grid-template-columns: 1fr; }.results-image, .contact-image { min-height: 330px; }.results-content, .contact-content { padding: 70px 7vw; }.service-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .site-header { height: 70px; }.brand-lockup { font-size: .88rem; }.brand-mark { width: 30px; height: 30px; }.header-phone { display: none; }.hero-section { min-height: 690px; padding: 140px 7vw 60px; }.hero-stamp { right: 7vw; bottom: 10%; }.hero-stamp b { font-size: .52rem; }.section-label { margin-bottom: 42px; }.timeline { margin-top: 60px; grid-template-columns: repeat(2,1fr); gap: 30px 0; border-top: 0; }.timeline div { border-top: 1px solid #cad5dc; }.service-grid, .technology-grid { grid-template-columns: 1fr; }.section-heading { display: block; }.section-heading > p { margin-top: 25px; }.stat-grid { gap: 30px 16px; }.technology-column { padding: 30px 24px; }.technology-column ul { grid-template-columns: 1fr; }.site-footer { gap: 15px; flex-wrap: wrap; }.site-footer > span { order: 3; width: 100%; } }

.fw-medium {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand,
.navbar a.btn {
    height: 75px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: var(--dark);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.language-switcher {
    margin-right: 24px;
}

.language-switcher .language-current {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.language-switcher .language-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 38px;
    padding: 0 10px;
    font-size: 21px;
    line-height: 1;
}

.language-switcher .dropdown-menu {
    min-width: 62px;
    text-align: center;
}

.language-switcher .dropdown-item:hover,
.language-switcher .dropdown-item:focus {
    background-color: #f5f5f5;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }

    .language-switcher {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.owl-carousel-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .1);
}

@media (max-width: 768px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }

    .header-carousel .owl-carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-carousel .owl-carousel-item p {
        font-size: 16px !important;
    }
}

.header-carousel .owl-dots {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-carousel .owl-dots .owl-dot {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 5px 0;
    background: #FFFFFF;
    box-shadow: 0 0 30px rgba(255, 255, 255, .9);
    border-radius: 45px;
    transition: .5s;
}

.header-carousel .owl-dots .owl-dot.active {
    width: 60px;
    height: 60px;
}

.header-carousel .owl-dots .owl-dot img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 2px;
    border-radius: 45px;
    transition: .5s;
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Service ***/
.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.service-icon {
    position: relative;
    margin: -50px 0 25px 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.service-item:hover .service-icon {
    color: #FFFFFF;
    background: var(--primary);
}


/*** Feature ***/
@media (min-width: 992px) {
    .container.feature {
        max-width: 100% !important;
    }

    .feature-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Project Portfolio ***/
#portfolio-flters li {
    display: inline-block;
    font-weight: 500;
    color: var(--dark);
    cursor: pointer;
    transition: .5s;
    border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
    color: var(--primary);
    border-color: var(--primary);
}

.portfolio-img {
    position: relative;
}

.portfolio-img::before,
.portfolio-img::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    background: var(--dark);
    transition: .5s;
}

.portfolio-img::before {
    left: 50%;
}

.portfolio-img::after {
    right: 50%;
}

.portfolio-item:hover .portfolio-img::before {
    width: 51%;
    left: 0;
}

.portfolio-item:hover .portfolio-img::after {
    width: 51%;
    right: 0;
}

.portfolio-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 1;
    transition: .5s;
}

.portfolio-item:hover .portfolio-btn {
    opacity: 1;
    transition-delay: .3s;
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .quote-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .quote-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .quote-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.team-item img {
    border-radius: 8px 60px 0 0;
}

.team-item .team-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background: #FFFFFF;
    transition: .5s;
}


/*** Testimonial ***/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 350px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
    width: 300px;
    opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    color: var(--primary);
    font-size: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}

.testimonial-carousel .testimonial-img img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .testimonial-img .btn-square {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-carousel .owl-item .testimonial-text {
    margin-bottom: 30px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transform: scale(.8);
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    transform: scale(1);
}


/*** Contact ***/
@media (min-width: 992px) {
    .container.contact {
        max-width: 100% !important;
    }

    .contact-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .contact-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .contact-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Footer ***/
.footer .btn.btn-social {
    margin-right: 5px;
    color: #9B9B9B;
    border: 1px solid #9B9B9B;
    border-radius: 38px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
    border-color: var(--light);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #9B9B9B;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: #FFFFFF;
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}